/* =========================================================================== */



/* =========================================================================== */

html,body{ padding:0px; margin:0px; width:100%; height:100%; }

body .is-layout-constrained > * + * { margin-block-start:0; margin-block-end:0; }

.wp-site-blocks *{ box-sizing:border-box; }

.entry-content{ height:100%; }

.postbox .handle-order-lower,
.postbox .handle-order-higher { display:none; }input{ display:inline; padding-top:0px; margin-top:0px; }

/******************************************************************************/
/*============================================================================*/
/* 			MASTER STYLES
/*============================================================================
.~text-shadow{
	color: #535353;
	text-shadow: 1px 1px 1px rgba(201,201,201,.5);
}*/
/******************************************************************************/

.hidden{ width:20px; padding:0 !important; margin:0 !important; height:0 !important; overflow:hidden !important; }

.hidden-answer input{ opacity:0; width:20px; height:20px; position:absolute; left:20%; border:none; background:none; padding:0 !important; margin:0 !important; }
/************************************************************************/
/****** AJAX LOADER /* HTML:<span class="ajax-loader"></span>
/************************************************************************/
.ajax-true{ height:40px; width:65%; padding-right:45px; right:0; top:10px; color:#33CC00; font-size:14px; position:absolute; display:flex; flex-flow:column; justify-content:flex-end; align-items:flex-end; }

.ajax-true:before{ position:absolute; content:'\f058'; font-weight:600; font-family:"Font Awesome 6 Free"; color:#33CC00; font-size:1.6em; transform:translate(-50%,-50%); top:50%; right:0; }

.ajax-false{ height:40px; width:65%; padding-right:45px; right:0; top:10px; color:#CC3300; font-size:14px; position:absolute; display:flex; flex-flow:column; justify-content:center; align-items:flex-end; }

.ajax-false:before{ position:absolute; content:'\f057'; font-weight:600; font-family:"Font Awesome 6 Free"; color:#CC3300; font-size:1.6em; text-align:center; transform:translate(-50%,-50%); top:50%; right:0; }

.ajax-loader { transform:rotate(45deg); position:absolute; box-sizing:border-box; width:30px; height:30px; top:8px; margin-left:10px; border-radius:50%; border-top:5px solid #069; border-right:5px solid transparent; animation:rotation 0.8s linear infinite; z-index:1000; }
.ajax-loader:after { content:''; position:absolute; box-sizing:border-box; width:30px; height:30px; top:-5px; left:0px; border-radius:50%; border-left:5px solid #FFF; border-bottom:5px solid transparent; animation:rotation 0.4s linear infinite reverse; }

.ajax-loader-blue { transform:rotate(45deg); position:absolute; box-sizing:border-box; width:30px; height:30px; top:8px; left:20%; border-radius:50%; border-top:5px solid #069; border-right:5px solid transparent; animation:rotation 0.8s linear infinite; }
.ajax-loader-blue::after { content:''; position:absolute; box-sizing:border-box; width:30px; height:30px; top:-5px; left:0px; border-radius:50%; border-left:5px solid rgba(59,161,218,1); border-bottom:5px solid transparent; animation:rotation 0.4s linear infinite reverse; }

@keyframes rotation { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } }
/************************************************************************/
/******  LOADER /* HTML:<div class="loader"></div> */
/************************************************************************/
/*#loader_holder *{
	border:1px solid #000; 
}*/

#loader_holder{
	position:relative;
	display:flex;
	flex-flow:column nowrap;
	justify-content:flex-start;
	align-items:center;
	height:100vh;
	background:#ffffff;
	width:100%;
	z-index:940;
}

#loader_holder_inner{
	position:absolute;
	display:flex;
	flex-flow:column nowrap;
	justify-content:space-around;
	align-items:center;
	height:450px;
	width:100%;
}

#loader_logo{
	position:relative;
	padding-top:100px;
	width:100%;
	max-width:400px;
	margin:0 auto;
	height:200px;
	background-image:url(https://trainingmodules.travel/services/wordpress/wp-content/uploads/logo-loader.png); background-repeat:no-repeat; background-position:center;
}

#loader_text{
	display:flex;
	flex-flow:column nowrap;
	justify-content:flex-start;
	align-items:center;
	width:100%;
	height:100px;
	max-width:400px;
	margin:0 auto;
	color:#3ba1da;
}

/*#loader_loader{
	position:absolute;
	display:flex;
	flex-flow:column wrap;
	justify-content:center;
	align-items:center;
}
*/
.loader {
	width: 196px;
	height: 16px;
	display: inline-block;
	margin:0px auto;
	background-color: rgba(59,161,218, 0.5);
	border: 2px solid rgba(59,161,218, 1);
	border-radius: 4px;
	background-image: linear-gradient(45deg, rgba(59,161,218, 0.25) 25%, transparent 25%, transparent 50%, rgba(59,161,218, 0.25) 50%, rgba(59,161,218, 0.25) 75%, transparent 75%, transparent);
	font-size: 30px;
	background-size: 1em 1em;
	box-sizing: border-box;
	animation: barStripe 1s linear infinite;
}

@keyframes barStripe {
  0% {
    background-position: 1em 0;
  }
  100% {
    background-position: 0 0;
  }
}
/************************************************************************/
/******  BASIC MODULE STYLES
/************************************************************************/
#module_body *{ box-sizing:border-box !important; }

#module_body { color:#858585; }

#module_body a{ color:#999999; }

#module_body i{ color:#999999; }

#module_body h2{ font-size:2.5em; font-weight:400; }

#module_body h3{ font-size:2em; font-weight:400; margin-bottom:14px; text-transform:none; }

#module_body h4{ font-size:1.5em; font-weight:400; margin-bottom:12px; text-transform:none; }

#module_body h5{ font-size:1em; font-weight:400; margin-bottom:10px; text-transform:none; }

#module_body em{ font-weight:400; }

#module_body li strong{ font-weight:600; }

#module_body li > em{ font-weight:500; font-size:.8em; line-height:none; }

#module_body li > em::before{ content:"\a"; }

#module_body li{ margin-bottom:10px; line-height:1.6; }

#module_body p{ margin-bottom:2em; font-family:'DM Sans', sans-serif; margin-bottom:1em;  }

#module_body hr:not(hr.wp-block-separator){ margin:20px 0px; width:60%; border-bottom:4px dotted rgba(200,200,200,.8); }
/************************************************************************/
/****** SPECIFIC MODULE STYLES
/************************************************************************/
#module_body .list-paragraph li{ padding-bottom:20px; border-bottom-left-radius:30% 2px; border-bottom-right-radius:30% 2px; border-bottom-left:1px solid #fff; border-bottom:1px solid rgba(204,204,204,
.5); border-bottom-right:1px solid #fff; position:relative; list-style:none; }

#module_body .list-paragraph li:before{ content:'\f105'; font-weight:600; font-family:"Font Awesome 6 Free"; position:absolute; top:-5px; left:-25px; font-size:25px; border:0px solid #f60; }

#module_body .list-paragraph strong{ font-weight:600; }
/************************************************************************/
/****** NEW FORMS 2024 /****** MEMBER AREA STYLES
/************************************************************************/
/************************************************************************/
/****** MEDIA LIBRARY STYLES
/************************************************************************/
#image_holder{ display:flex; flex-flow:row wrap; justify-content:space-around; align-items:space-around; min-width:350px; width:100%; font-size:12px; padding:5px; }

#document_holder{ display:flex; flex-flow:row wrap; justify-content:space-around; align-items:space-around; min-width:350px; width:100%; font-size:12px; padding:5px; }

.doc-link,
.img-link{ text-align:center; font-weight:900; display:block; }

.doc-link a,
.img-link a{ display:block; border:1px solid rgba(0,115,177,.5); padding:5px; width:200px; margin:0 auto; box-sizing:border-box; background:#66c2f5; color:#ffffff; font-size:12px !important; font-weight:400; border-radius:5px; cursor:pointer; transition:all .15s ease-in-out; }

.doc-link a:hover,
.img-link a:hover{ background:#3ba1da; /*text-shadow:1px 1px 1px rgba(0,0,0,.5); */ box-shadow:1px 1px 2px rgba(0,0,0,.5); transition:all .15s ease-in-out; }

.doc-prop-b{ font-size:16px; margin:5px 0; }


.doc-prop,
.img-prop{ width:100%; text-align:left;}

.doc-details,
.img-details{ position:absolute; top:5px; left:0; width:100%; font-size:12px; background:#f9f9f9; opacity:0; display:none; }

.doc-prop span{ display:inline-block; width:48%; text-align:right; padding:3px 0 0 0; font-weight:600; }
.img-prop span{ display:inline-block; width:48%; text-align:right; padding:3px 0 0 0; font-weight:600; }

.doc_holder{ position:relative; display:flex; flex-flow:column; justify-content:center; align-items:center; border:1px solid #ccc; width:250px; margin:20px; padding:5px; background:#f9f9f9; box-shadow:1px 1px 2px rgba(0,0,0,.5); z-index:20; }

.img_holder{ position:relative; display:flex; flex-flow:column; justify-content:center; align-items:center; border:1px solid #ccc; width:250px; margin:20px; padding:5px; background:#f9f9f9; box-shadow:1px 1px 2px rgba(0,0,0,.5); z-index:19; }

.media-image-link{
	position:absolute;
	top:-1px;
	right:-35px;
	width: 35px; /*calc( 100% + 30px );*/
	height:35px;
	cursor:pointer;
	color:#3ba1da; border:1px solid #ccc; border-left:1px solid #f9f9f9; border-radius:0 20px 20px 0; line-height:37px; background:#f9f9f9; box-shadow:1.5px 1.5px 2px rgba(0,0,0,.5); font-size:2.2em !important; text-align:center; transition:all .15s ease-in-out; }

.media-image-link:hover{ color:#66c2f5; transition:all .15s ease-in-out; }

.media-doc-link{
	position:absolute;
	top:-1px;
	right:-35px;
	width: 35px; /*calc( 100% + 30px );*/
	height:35px;
	cursor:pointer;
	color:#3ba1da; border:1px solid #ccc; border-left:1px solid #f9f9f9; border-radius:0 20px 20px 0; line-height:37px; background:#f9f9f9; box-shadow:1.5px 1.5px 2px rgba(0,0,0,.5); font-size:2.2em !important; text-align:center; transition:all .15s ease-in-out; }

.media-doc-link:hover{ color:#66c2f5; transition:all .15s ease-in-out; }

.img-display{ position:relative; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; background:#f9f9f9; }
.doc-display{ position:relative; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; background:#f9f9f9; }

.img-display img{ max-width:200px; max-height:250px; height:auto; width:auto; }
.fa-file-pdf{ color:#3ba1da; font-family:"Font Awesome 6 Free Solid"; font-weight:900; font-size:3em; width:100%; text-align:right; top:5px; right:5px; margin-bottom:20px; }


/************************************************************************/
/****** HOLDER CONTAINER ELEMENTS - DIV
/************************************************************************/
.tm_member_body{ width:calc( 100% - 0px ); box-sizing:border-box; padding:5px; border:#000000 solid 0px; margin:0px auto; }

.tm-page-body{ /* dev */ width:calc( 100% - 0px ); box-sizing:border-box; padding:5px; margin:5px 10px; border:1px solid rgba(218, 218, 218, 1); /* end dev */ border-radius:20px; background-image:url(https://trainingmodules.travel/services/wordpress/wp-content/uploads/globe-bg.png); background-position:center 140px; background-repeat:no-repeat; position:relative; min-height:470px; width:100%; -webkit-box-shadow:0px 2px 8px rgba(218, 218, 218, .75); -moz-box-shadow:0px 2px 8px rgba(218, 218, 218, .75); box-shadow:0px 2px 8px rgba(218, 218, 218, .75); }
/************************************************************************/
/******  INNER CONTAINER ELEMENTS - DIV
/************************************************************************/
.holder-obj{ position:relative; box-sizing:border-box; min-width:180px; width:100%; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; }

.holder-obj-half{ box-sizing:border-box; width:49%; /* display:flex; flex-direction:row; align-items:center; justify-content:center; */}
/************************************************************************/
/******  MEMBER AREA STYLES 
/************************************************************************/
/*************************************************************/
/* LAYOUT FORMATTING STYLES  */
/*************************************************************/

/*************************************************************/
/* TAB TEXT STYLES  */
/*************************************************************/
#tabs{ width:100%; max-width:1200px; margin:0 auto; }

#tabs .tabs-tab{ list-style:none; position:relative; bottom:0px; }

#tabs .tabs-pane{ width:100%; }

#tabs .ui-tabs-nav{ padding:0; margin:0 0 0 25px; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-end; border-bottom:1px solid rgba(250,250,250,.5); }

#tabs .ui-tabs-nav .ui-tabs-active a{ padding:8px 40px; }

#tabs .tabs-tab a{ color:#ffffff; padding:5px 40px; border:none; background:#3ba1da; list-style:none; border-radius:5px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; margin-right:5px; display:block; font-weight:400; cursor:pointer; transition:all .15s ease-in-out; }

#tabs .tabs-tab a:hover{ background:#66c2f5; transition:all .15s ease-in-out; }
/*************************************************************/
/* BOOKING DISPLAY TEXT STYLES 

/*************************************************************/




#accordion{
	padding-bottom:5px;
	padding-top:5px;
}

.booking-holder{ font-size:18px; }
.ui-icon{ border:0px solid #000 !important; display:none; }

.booking-holder .row-head{ 
	box-sizing:border-box;
	font-size:18px;
	display:flex;
	flex-flow:row wrap; 
	justify-content:space-between; 
	align-items:center; 
	align-contents:flex-start; 
	background:#f6f6f6;
	padding:5px 10px;
	margin:5px 0px 0px 0px;
	cursor:pointer;
}
.booking-holder .row-head .book{
	display:flex;
	flex-flow:row wrap; 
	justify-content:flex-start; 
	align-items:stretch;
	flex-basis:20%;
}
.booking-holder .row-sub{ 
	margin:0px; 
	display:flex;
	flex-flow:row wrap; 
	justify-content:space-around; 
	align-items:stretch; 
	border:1px solid #dcdcdc;
	border-top:none;
	padding:5px; }

.booking-holder .date{
 	width:110px;
	padding-left:10px;
	display:flex;
	flex-flow:row wrap; 
}
	
.booking-holder .book{ 
	font-size:16px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:stretch;
	padding:5px;
	margin:0 5px; }
	
.booking-holder .notes{
	font-size:16px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:stretch;
	padding:5px;
	margin:0 5px; }
	
.booking-holder .column{
	display:flex;
	flex-flow:column wrap; 
	flex-basis:30%; }

.booking-holder .travelers .book{
	display:flex;
	flex-flow:row wrap; 
	justify-content:center; 
	align-items:center; }
	
.booking-holder .other .book{
	display:flex;
	flex-flow:row wrap; 
	justify-content:center; 
	align-items:center; }
	
.booking-holder .dates .book{
	display:flex;
	flex-flow:row wrap; 
	justify-content:flex-start;
	align-items:center; }
	
.booking-holder .icon{
	font-size:20px;
	display:flex;
	justify-content:flex-start;
}

.v-spacer{
	width:1px;
	background:#dcdcdc;
}
.binfo{
	align-self:flex-start;
}
.vinfo-no{
	
}
.vinfo-yes{
	
}
	
	
	
	
	
	
	
	

.main-nav-account a{ position:relative; }

.main-nav-account a:before{ width:70px; overflow:hidden; text-align:center; position:absolute; bottom:0px; content:'\f007'; font-family:"Font Awesome 6 Free"; font-size:2.5em; color:#3ba1da; font-weight:900; }

.main-nav-modules a{ position:relative; }

.main-nav-modules a:before{ width:70px; overflow:hidden; text-align:center; position:absolute; bottom:0px; content:'\e163'; font-family:"Font Awesome 6 Free"; font-size:2.5em; color:#3ba1da; font-weight:900; }
/*****************************************************/
/* MAIN HEADER HOLDER TEXT COLOR #3ba1da; 
/***************************************************
#tm_member_header *{ border:1px solid rgba(0,0,0,.5); }**/

#tm_member_header{ width:100%; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; height:65px; background:#3ba1da; opacity:1; }

#tm_member_profile{ width:100%; max-width:250px; box-sizing:border-box; position:relative; float:left; display:block; }

#tm_member_profile_name{ font-size:14px; color:#ffffff; }

/*#tm_member_profile_name:hover{ opacity:0; transition:all .15s ease-in-out; }*/

#tm_member_profile_uname{ font-size:14px; color:#ffffff; font-style:italic; display:none; }

/*****************************************************/
/* MAIN MENU HOLDER 
/****************************************************
#member_menu_holder *{ border:1px solid rgba(0,0,0,.5); }*/

#member_menu_holder{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; box-sizing:border-box; margin:0; }

.member-menu-item{ margin:0px 4px; height:35px; }

.member-menu-item i { font-size:18px; } /* :not(#tm_logout i, #tm_home i ) {} */

.member_menu_title { margin-left:5px; color:#ffffff; }

.member-menu-item a{ color:#fff; font-size:14px; padding:8px 10px 5px 10px; font-weight:600; border-top:1px solid rgba(255,255,255,.4); border-left:1px solid rgba(255,255,255,.4); border-bottom:1px solid rgba(255,255,255,.4); border-right:1px solid rgba(255,255,255,.4); display:inline-block; border-radius:5px; transition:all .15s ease-in-out; }

.member-menu-item a:hover{ background:linear-gradient(134deg, rgba(41, 115, 156, .5) 0%, rgba(59, 161, 218, .5) 100%); border-bottom:1px solid rgba(40,115,155,.6); border-right:1px solid rgba(40,115,155,.6); border-top:1px solid rgba(255,255,255,.6); border-left:1px solid rgba(255,255,255,.6); box-shadow:2px 2px 5px rgba(41, 115, 156, 1); transition:all .15s ease-in-out; }
/*************************************************************************************************************/
/*****************************************************/
/* MODULE ADMIN LIST QUESTIONS
/*****************************************************/
.toggle-questions{ font-size:18px; padding:5px; text-align:right; }

.toggle-questions:after{ }

.show:after{ border:1px solid #dedede; content:"\f140"; display:inline-block; font:normal 20px/1 dashicons; speak:never; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-decoration:none; }

.hide:after{ border:1px solid #dedede; content:"\f142"; display:inline-block; font:normal 20px/1 dashicons; speak:never; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-decoration:none; }
/* ==================== LAYOUT DIVS ==================== */
#module-questions-meta{ bottom:100px; z-index:666; margin-top:150px; }

#module-questions-meta .inside{ padding:0px 8px 25px 4px; }

.align-right-admin{ text-align:right; width:25%; font-weight:600; font-style:italic; word-wrap:normal; }

.align-left-admin{ width:75%; text-align:left; }

.fa-regular{ margin:0 5px; }

/*#question_container_cur * { border:1px solid #f00; }*/

#question_container_new,
#question_container_cur{ display:flex; flex-flow:row wrap; justify-content:center; align-items:stretch; font-size:14px; }

.question-option-admin{ text-align:center; padding:0px 3px; }

.optHidden{ display:none; opacity:0; }

.optVisible{ display:block; opacity:1; }

.edit-post-layout__metaboxes .postbox-header{ background:#007cba; border-bottom:1px solid #f2f2f2 !important; border-top:none !important; padding:5px 0px; color:#fff; padding-right:5px; }

.handlediv{ position:relative; }

.toggle-indicator::after{ content:'\f078'; font-family:"Font Awesome 6 Free"; font-size:11px; color:#2c2c2c; font-weight:900; background:#fff; padding:10px; position:relative; width:25px; height:25px; top:-15px; left:0; opacity:1; }

/*.toggle-indicator::before{ existing content:'\f078'; font-family:"Font Awesome 6 Free"; font-size:14px; font-weight:900; border:1px solid #666; }*/

.hndle{ max-width:220px !important; padding:12px 20px 12px 14px !important; }

.ui-state-highlight{ background:#f60; }

.question-hrow-admin{ width:100%; height:30px; display:flex; flex-flow:row wrap; justify-content:space-around; align-items:flex-start; border-bottom:1px solid #e0e0e0; background:#f2f2f2; }

.question-butt-admin{ font-family:"Font Awesome 6 Free"; font-weight:900; position:relative; width:25px; height:25px; padding:0; margin:2px 0 0 0; text-align:center; cursor:pointer; transition:all .15s ease-in-out; }

.question-butt-admin:hover{ background:#ccc; border-radius:50%; transition:all .15s ease-in-out; }
/***********************************************************/
/*   VIEW BUTTON 
/***********************************************************/
.question-butt-admin.view,
.question-butt-admin.unview{ position:relative; color:#FF6600; }

.question-butt-admin.view:after{ content:'\f023'; position:absolute; width:15px; font-size:12px; color:#666; bottom:0; right:0; text-shadow:-1px -1px 0px #f2f2f2; }

.question-butt-admin.unview:after{ content:'\f3c1'; position:absolute; width:15px; font-size:12px; color:#666; bottom:0; right:0; text-shadow:-1px -1px 0px #f2f2f2; }
/***********************************************************/
/*   EDIT BUTTON 
/***********************************************************/
.question-butt-admin.edit,
.question-butt-admin.unedit{ position:relative; color:#00CC00; }

.question-butt-admin.edit:after{ content:'\f023'; position:absolute; width:15px; font-size:12px; color:#666; bottom:0; right:0; text-shadow:-1px -1px 0px #f2f2f2; }

.question-butt-admin.unedit:after{ content:'\f09c'; position:absolute; width:15px; font-size:12px; color:#666; bottom:0; right:0; text-shadow:-1px -1px 0px #f2f2f2; }
/***********************************************************/
/*   MOVE BUTTON 
/***********************************************************/
.question-butt-admin.move,
.question-butt-admin.unmove{ position:relative; color:#999999; padding-top:2px; cursor:move; }
/***********************************************************/
/*   DELETE BUTTON 
/***********************************************************/
.question-butt-admin.dele,
.question-butt-admin.undele{ position:relative; color:#663300; padding:2px 0 0 2px; }
/***********************************************************/
.qdisplay{ float:right; width:100%; }

.qedit{ display:none; width:100%; }

#question_container_new label{ width:50%; text-align:right; padding:2px 10px; }

.qedit textarea,
.qedit input:not(.qedit input[type="radio"]),
.qedit select{ width:100%; line-height:normal; min-height:0px; padding:2px 2px 2px 5px; border:1px solid #e0e0e0; }

.question-row-admin input::placeholder{ color:#d4d4d4; }

#question_container_new textarea,
#question_container_new select{ width:95%; line-height:normal; min-height:0px; padding:2px 2px 2px 5px; border:1px solid #e0e0e0; }

#question_container_new input{ width:90%; line-height:normal; min-height:0px; padding:2px 2px 2px 5px; border:1px solid #e0e0e0; }

#question_container_new .question-row-admin{ box-sizing:border-box; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; width:100%; }

#question_container_new .components-button,
#question_container_cur .components-button{ margin:0 auto !important; }

.tm-radio{ float:right; width:16px !important; height:16px !important; margin:5px !important; }

.tm-radio-h{ width:20px; height:20px; margin:0 5px; }

.question-holder-admin{ position:relative; box-sizing:border-box; width:30%; margin-bottom:20px; margin-right:1%; border:1px solid #e0e0e0; border-radius:3px; }

.delete_question{ content:""; position:absolute; width:100%; height:100%; box-sizing:border-box; color:#fff; font-size:20px; text-align:center; padding:40% 100px; top:0; left:0; background:rgba(0,0,0,.9); border-radius:3px; z-index:30; }

.question-row-title-admin{ box-sizing:border-box; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; text-align:center; width:100%; padding:5px 2px; }

.question-row-admin{ box-sizing:border-box; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; width:100%; min-height:36px; }

.question-col-admin{ box-sizing:border-box; padding:5px 5px; }

.question-letter-admin{ text-align:center; display:inline-block; }
/*************************************************************************************************************/
/*************************************************************************************************************/
/*************************************************************************************************************/
.admin_message{ position:absolute; top:2px; left:2px; }
/***********************************************************/
/* MEMBER AREA
/***********************************************************/
/********** PAGE HEADINGS
/***********************************************************/
/*page-headpage-head-subpage-subheadpage-subhead-sub*/
.tm-page-heading{ margin:5px auto; text-align:center; font-size:30px; max-width:1000px; width:100%; color:rgba(59,161,218,1); text-shadow:1px 1px 1px rgba(0,0,0,.5); padding:30px 0px 10px 0px; }

.tm-page-heading-sub{ color:#535353; text-align:center; font-size:18px; padding:5px; line-height:30px; max-width:1000px; width:100%; margin:0px auto; text-shadow:1px 1px 1px rgba(201,201,201,.5); }

.tm-form-heading{ color:#535353; padding:5px; text-align:center; width:100%; font-size:20px; line-height:30px; margin:0px auto 10px auto; text-shadow:1px 1px 1px rgba(201,201,201,.5); }

.tm-form-heading-sub{ color:#535353; padding:5px; text-align:center; width:100%; margin:0px auto; text-shadow:1px 1px 1px rgba(201,201,201,.5); }   

/***********************************************************/
/********** FOOTER STYLES
/***********************************************************/
#tm_member_footer{ position:relative; bottom:0; height:90px; width:100%; box-sizing:border-box; font-size:14px; color:#777; display:flex; flex-flow:row wrap; justify-content:center; align-items:flex-end; letter-spacing:.5px; }

#tm_member_footer_logo{ opacity:1; position:absolute; left:50px; bottom:20px; z-index:40; }

.tm-page-footer-sub{ text-align:center; border:0px solid #f60; font-size:12px !important; width:50%; padding:5px 10px; }

.right{ text-align:left; }

.left{ text-align:right; }
/***********************************************************/
/* 
/***********************************************************/
#module-logo{ max-height:200px; max-width:300px; }

.custom-logo{ cursor:pointer; }

#tm_module_splash *{ /*border:1px solid #f60; */ }

#tm_module_splash{ border:0px solid #f00; display:flex; flex-flow:column wrap; justify-content:center; align-items:center; min-height:400px; }
/***********************************************************/
/* ALL QUESTION LAYOUTS 
/* 		COMPONTENTS:
/*			- BUTTON
/*			- NAV
/*			- QUIZ
/*			- SUMMARY
/***********************************************************/
/***********************************************************/
/* QUESTION BUTTON
/***************************************************top:-150px; right:-150px;********/
#question_button_holder{ border:0px solid #f60; position:absolute; transform:rotate(-110deg); top:200px; right:-200px; height:0px; width:0px; z-index:10; }

#question_button{ cursor:help; background:rgba(219, 150, 10, 1); width:100%; height:100%; text-align:center; padding:20px 20px; border-radius:50%; opacity:0; transform:scale(1); box-shadow:0px 0px 4px rgba(102,102,102,1); transition:all 0.3s ease-in-out; }

/*#question_button:after{ position:absolute; content:'x'; top:0; left:0; background-image:url(https://trainingmodules.travel/services/wordpress/wp-content/uploads/globe-client-over.png); background-size:140px 140px; width:140px; height:140px; z-index:-1; }*/
#question_button:before{ content:'\3f'; position:absolute; font-family:"Font Awesome 6 Free"; color:rgba(219, 150, 10,1); border:1px solid rgba(145,96,0,.75);

text-shadow:-1px -1px 1px rgba(0,0,0,.5); font-size:4.5em; font-weight:900; top:6px; right:7px; width:88%; height:88%; border-radius:50%; 

background-image:url(https://trainingmodules.travel/services/wordpress/wp-content/uploads/globe-client-over.png); background-position:center bottom; background-size:180px 180px; z-index:-1; }

#question_button > span{ display:block; margin-top:8px; font-size:16px; text-align:center; font-weight:600; color: #ffffff; text-shadow: 1px 1px 2px rgba(0,0,0,1); }

#question_button:hover{ color:#FFF; box-shadow:2px 2px 8px rgba(0,0,0,.7); transform:scale(1.1); background:#f5af24; transition:all 0.3s ease-in-out; }
/***************************************************************************/
/*	QUESTION SLIDE HOLDER 
/*		question-container-display 
/*		question-container-background (Stock Image BG) 
/*		module_questions_holder (SLIDES Container) 
/*		question-holder-display > slide (SLIDES) > current_slide
/***************************************************************************/
/*	QUESTION PAGE LAYOUT COMPONENTS  
/***************************************************************************/
#module_questions{ }

#module_questions{ position:absolute; top:55px; left:-100%; width:100%; height:100%; opacity:0; box-sizing:border-box; display:none; background:rgba(0,0,0,1); z-index:500; }
/***************************************************************************/
/* 	NAV MENU
/***************************************************************************/
#module_question_nav{ position:absolute; opacity:0; display:block; box-sizing:border-box; height:35px; transform:translateX(-50%); left:50%; top:0; width:90%; z-index:650; }

#progress{ width:80%; list-style:none; box-sizing:border-box; display:flex; margin:0px auto; padding:0px; flex-flow:row wrap; justify-content:center; align-items:flex-start; position:relative; gap:10px; }
/***************************************************************************/
/* li > /progress-indicator/ > current_button
/***************************************************************************/
#progress li{ box-sizing:border-box; margin:0; cursor:pointer; border:5px solid #db960a; bottom:-100px; left:-50%; position:relative; background:#f5af24; text-align:center; width:0; height:0; opacity:0; color:#fff; text-shadow:1px 1px 1px #999999; line-height:20pt; border-radius:50%; }

.quiz_marker_hldr{ position:absolute; height:20px; width:20px; bottom:-10px; right:-10px; }

.quiz_markers{ position:absolute; height:20px; width:20px; top:0; left:0; }
/***************************************************************************/
/* PROGRESS INDICATOR BUTTON COMPONTENTS
/***************************************************************************/
.fa-circle-exclamation{ color:#FC0; }

.fa-thumbs-up{ color:#0C0; }

.fa-thumbs-down{ color:#C30; }

.tick{ position:relative; width:20px; height:20px; }

.tick:after{ position:absolute; content:'\f00c'; font-family:"Font Awesome 6 Free"; font-size:30px; font-weight:900; left:0; color:#00CC33; width:25px; height:25px; }

.current_button{ background-color:#F60 !important; pointer-events:none; }
/***************************************************************************/
/* PROGRESS INDICATOR STAR
/***************************************************************************/
#button_x.progress-indicator-star{ width:50px; height:50px; border:none ; background:url(https://trainingmodules.travel/services/wordpress/wp-content/uploads/star.png); background-repeat:no-repeat; background-size:contain; background-position:center; animation:y-axis-animation 3s ease-in-out 4s infinite alternate; }

@keyframes y-axis-animation { from { transform:rotateY(0deg) } to { transform:rotateY(180deg) }}
/***************************************************************************/
/* STOCK BACKGROUND IMAGE FROM CORE FUNCTION 
/***************************************************************************/
#question_container_background { position:relative; width:100%; height:auto; opacity:0; left:0; top:0; padding:20px; box-sizing:border-box; background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:-1; }
/***************************************************************************/
/* SLIDES BACKGROUND / HOLDER 
/***************************************************************************/
.module-questions-holder{ box-sizing:border-box; position:relative; opacity:0; width:100%; transform:translateX(-50%); left:50%; display:block; overflow:hidden; padding:20px; background:linear-gradient(268deg, rgba(68, 96, 189, .1) 0%, rgba(200, 241, 250, .5) 60%, rgba(68, 96, 189, .1) ); backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); box-shadow:1px 1px 5px rgba(255,255,255,.3); }
/***************************************************************************/
/* SLIDES & QUESTION BUTTON / TEXT
/***************************************************************************/
.question-holder-display{ position:absolute; opacity:0; width:100%; height:auto; display:block; box-sizing:border-box; left:calc( 100% + 40px ); width:calc( 100% - 40px ); overflow:hidden; display:flex; flex-flow:column wrap; justify-content:center; align-items:flex-start; color:#333333; background:linear-gradient(50deg, rgba(255, 255, 255, 0.4) 12%, rgba(255, 255, 255, .2) 77% ); }

.question-holder-display:after{ content:attr(title); position:absolute; font-size:25em; line-height:none; height:75%; border:0px solid #f60; color:rgba(130,130,130,0.5); right:-40px; bottom:-10px; opacity:.3; }

.current_slide{ } /* DON"T REMOVE THIS */

.question-holder-display-inner{ display:block; box-sizing:border-box; opacity:0; width:100%; height:100%; }
/***************************************************************************/
/*	QUESTION HOLDER
/*		question-holder-display-inner (Question Holder)
/*		question-row-title 
/*		question-options-display 
/*		question-row-display radio-questions
/***************************************************************************/
.question-letter{ width:25px; text-align:center; display:inline-block; line-height:20px; font-size:26px; }

.question-row-title{ box-sizing:border-box; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; text-align:center; width:90%; padding:0px; max-height:200px; height:30%; min-height:150px; margin:0 auto; text-shadow:1px 1px 2px rgba(125,125,125,0.5); font-size:calc(28px + 8 * ((100vw - 320px) / 680)); border-bottom:3px dotted rgba(125,125,125,0.5); }

.question-options-display{ box-sizing:border-box; display:flex; flex-flow:column wrap; justify-content:space-around; align-items:stretch; padding-bottom:20px; min-height:356px; }

.question-row-display{ box-sizing:border-box; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; text-align:center; width:90%; padding:10px; cursor:pointer; margin:8px auto 0 auto; font-size:calc(22px + 8 * ((100vw - 320px) / 680)); border-radius:10px; text-shadow:1px 1px 2px rgba(0,0,0,0.5); box-shadow:0px 1px 5px rgba(0,0,0,0.1); transition:all 0.3s ease-in-out; }

.question-row-display:hover{ background-color:rgba(255, 255, 255,.5); box-shadow:0 2px 5px rgba(102,102,102,0.5); transition:all 0.3s ease-in-out; }

.radio-questions{ display:none; padding:0px; margin:10px 5px 0 15px; width:30px; height:40px; opacity:.5; }
/***************************************************************************/
/*	SUMMARY HOLDER
/*		summary-title 
/*		question-row-summary 
/*		#check" > check-button
/***************************************************************************/
.summary-title{ position:relative; width:70%; border:0px solid #f00; font-size:calc(18px + 4 * ((100vw - 320px) / 680)); text-shadow:1px 1px 2px rgba(125,125,125,0.5); }

.summary-title:after{ /* yes */ position:absolute; content:attr(data-before); width:100%; height:100%; top:10px; left:0px; opacity:0; color:#0C0 !important; font-size:calc(18px + 4 * ((100vw - 320px) / 680)); text-shadow:1px 1px 2px rgba(125,125,125,0.5); z-index:105 !important; }

.summary-title:before{ /* no */ position:absolute; content:attr(data-before); width:100%; height:100%; top:-10px; left:0px; opacity:0; color:#C30 !important; z-index:110 !important; font-size:calc(18px + 4 * ((100vw - 320px) / 680)); }

.question-row-summary{ box-sizing:border-box; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; text-align:center; width:98%; margin:5px auto 1px auto; padding-bottom:5px; border-bottom:3px dotted rgba(255,255,255,0.5); }

.summary-guess{ width:30%; font-size:calc(18px + 4 * ((100vw - 320px) / 680)); white-space:nowrap; overflow:hidden; }

#completed{ position:absolute; width:100%; height:100%; display:flex; flex-flow:column nowrap; justify-content:flex-end; align-items:center; display:none; opacity:0; }

#star { width:40%; height:40%; margin:5% auto 0 auto; background:url(https://trainingmodules.travel/services/wordpress/wp-content/uploads/star.png); background-repeat:no-repeat; background-size:contain; background-position:center; animation:y-axis-animation 3s ease-in-out 4s infinite alternate; }

@keyframes y-axis-animation { from { transform:rotateY(0deg) } to { transform:rotateY(180deg) } }

.summary-button-holder{ width:100%; opacity:1; }

.congrats-message{ position:relative; display:inline-block; text-align:center; background:linear-gradient(12deg, rgba(99, 79, 44, 1) 15%, rgba(207, 192, 159, 1) 30%, rgba(255, 236, 179, 1) 40%, rgba(242, 239, 233, 1) 50%, rgba(255, 236, 179, 1) 60%, rgba(207, 192, 159, 1) 70%, rgba(99, 79, 44, 1) 95%);  -webkit-background-clip:text; -webkit-text-fill-color:transparent; text-transform:uppercase; font-size:6vw; font-weight:600; width:100%; }

.congrats-message:before{ background:none; content:attr(data-heading); width:100%; left:0; top:0; z-index:-1; position:absolute; text-shadow: -1px 0 1px #c6bb9f, 0 1px 1px #c6bb9f, 5px 5px 10px rgba(0, 0, 0, 0.6), -5px -5px 10px rgba(0, 0, 0, 0.6); }

#reload{ text-align:center; width:calc( 100% - 20px ); opacity:0; display:none ; }

#return{ text-align:center; width:calc( 100% - 20px ); opacity:0; }

#check{ text-align:center; width:calc( 100% - 20px ); display:block; }

.check-button{ max-width:300px; padding:10px 20px; margin:10px auto 10px auto; position:relative; cursor:pointer; border-radius:10px; text-align:center; color:#FFF !important; background:#db960a; transform:scale(1); box-shadow:0px 0px 4px rgba(0,0,0,.7); transition:all 0.3s ease-in-out; }

.check-button:hover{ box-shadow:2px 2px 8px rgba(0,0,0,.5); transform:scale(1.05); background:#f5af24; transition:all 0.3s ease-in-out; }

.answer-row-display{ position:absolute; color:red; background:white; width:50px; text-align:center; border:none; }

.tm_message{ padding:5px 10px 5px 40px; color:#fff; border-radius:10px; position:absolute; left:50%; transform:translate( -50%, 0); white-space:nowrap; background:#00CCFF; top:-50px; border:1px solid #09F; }

.tm_message:before{ content:'\f071'; font-family:"Font Awesome 6 Free"; color:rgba(255,255,0,1); font-size:20pt; text-align:right; font-weight:900; top:10px; left:3px; width:30px; height:20px; line-height:18px; position:absolute; }

/* 		Start the shake animation and make the animation last for 0.5 seconds 	*/
/* 		When the animation is finished, start again 							*/
.obj_shake{  animation:shake 0.5s; animation-iteration-count:3; }
@keyframes shake { 
	0% { transform:translate(1px, 1px) rotate(0deg); } 
	10% { transform:translate(-1px, -2px) rotate(-1deg); } 
	20% { transform:translate(-3px, 0px) rotate(1deg); } 
	30% { transform:translate(3px, 2px) rotate(0deg); } 
	40% { transform:translate(1px, -1px) rotate(1deg); } 
	50% { transform:translate(-1px, 2px) rotate(-1deg); } 
	60% { transform:translate(-3px, 1px) rotate(0deg); } 
	70% { transform:translate(3px, 1px) rotate(-1deg); } 
	80% { transform:translate(-1px, -1px) rotate(1deg); } 
	90% { transform:translate(1px, 2px) rotate(0deg); } 
	100% { transform:translate(1px, -2px) rotate(-1deg); }} 

/***************************************************************************/
/*BUTTONS & MISC 
/*	#close - close-button
/*	#left - slider-buttons > sl-left
/*	#right - slider-buttons > sl-right
/*	#fireworks
/**************************************************************************/
.close-button{ position:absolute; opacity:0; padding:0px; width:40px; height:40px; border-radius:50%; margin:0px; top:-160px; right:-160px; z-index:557; background:#f5af24; }
.close-button:before{ position:absolute; content:'\f00d'; font-family:"Font Awesome 6 Free"; font-size:20pt; font-weight:900; padding:0px; margin:0px; top:-2px; right:-2px; box-sizing:border-box; cursor:pointer; border:5px solid #db960a; text-align:center; width:42px; height:42px; color:#fff; padding-top:3px; text-shadow:1px 1px 1px #999999; line-height:22pt; border-radius:50%; transition:all .15s ease-in-out; }

.close-button:hover{ background-color:#FC0; transition:all .15s ease-in-out; }

.slider-buttons{ position:relative; width:40px; height:40px; border:none; border-radius:50%; background:#f5af24; z-index:555; transition:all .15s ease-in-out; }
.slider-buttons:hover{ background-color:#FC0; transition:all .15s ease-in-out; }

.sl-left{ position:absolute; padding:0px; margin:0px; top:20%; left:-100px; opacity:0; }
.sl-left:after{ position:absolute; content:'\f0d9'; font-family:"Font Awesome 6 Free"; font-size:20pt; font-weight:900; padding:0px; margin:0px; top:0; left:0; box-sizing:border-box; cursor:pointer; border:5px solid #db960a; text-align:center; width:40px; height:40px; color:#fff; padding-top:2px; text-shadow:1px 1px 1px #999999; line-height:20pt; border-radius:50%; }

.sl-right{ position:absolute; padding:0px; margin:0px; top:20%; right:-100px; opacity:0; z-index:900px; }
.sl-right:after{ position:absolute; content:'\f0da'; font-family:"Font Awesome 6 Free"; font-size:22pt; font-weight:900; padding:0px; margin:0px; top:0; right:0; box-sizing:border-box; cursor:pointer; border:5px solid #db960a; text-align:center; width:40px; height:40px; color:#fff; padding-top:2px; text-shadow:1px 1px 1px #999999; line-height:20pt; border-radius:50%; }

#fireworks{ position:relative; z-index:-1; }

.h-line{ width:88%; height:20px; margin:0px; padding:0px; border:none; background-image:radial-gradient(rgba(150,150,150,.5) 20%, transparent 20%); background-position:top; background-size:20px 20px; background-repeat:repeat-x; }
 /* linear-gradient(to right, #ccc 10px, rgba(255, 255, 255, 0) 0%)*/ 

input.answer { background:none !important; width:20px !important; box-shadow:none !important; border:none !important; }

.answer{ background:rgba(128, 255, 128,1); border-radius:10px; box-shadow:0 2px 5px rgba(102,102,102,0.5); transition:all .15s ease-in-out; }

.answer:hover{ background:rgba(128, 255, 128,1); box-shadow:0 2px 5px rgba(102,102,102,0.5); transition:all .15s ease-in-out; }

.question-col-display{ box-sizing:border-box; padding-left:5px; padding-right:5px; }

/************************************************************************/
/******   MODULE:ALL CLIENTS LAYOUT - LOGGED OUT
/************************************************************************/
/* ????????????????????????????  #tm_client_list{ border:0px solid #f60; pointer-events:none; } */
/*box-shadow:inset 0 0 5px rgba(204,204,204,.95); */

#module_holder{ position:relative; width:calc( 100% - 0px ); min-height:550px; border:0px solid #f60;}
/************************************************************************/
/*		MODULE:ALL CLIENTS LAYOUT - LOGGED IN
/************************************************************************/
/* 		OUTER MENU HOLDER */
#module_menu{ box-sizing:border-box; width:100%; display:block; margin-top:10px; }
/* 		INNER MENU HOLDER - UL */
.module-menu-holder{ list-style-type:none; display:flex; flex-flow:row wrap; justify-content:center; width:100%; gap:10px; }

.module-menu-holder li{ min-height:40px; box-sizing:border-box; transition:all .15s ease-in-out; }

.module-menu-holder li:nth-last-child(1){ border-right:none; }

.module-menu-holder li:hover{ background:rgba(220, 220, 220, .25); background:linear-gradient(0deg, rgba(220, 220, 220, .75), rgba(220, 220, 220, .25), rgba(220, 220, 220, .25), rgba(220, 220, 220, .25), rgba(220, 220, 220, .75)); transition:all .15s ease-in-out; }

.module-menu-title{ position:relative; box-sizing:border-box; padding:0px !important; margin:0px; height:100%; width:100%; border-left:1px solid #ccc; border-right:1px solid #fff; border-top:1px solid #ccc; border-bottom:1px solid #fff; box-shadow:2px 2px 2px rgba(0,0,0,.25); transition:all .15s ease-in-out; }

.module-menu-title a{ box-sizing:border-box; padding:0px 10px; display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:16px; width:100%; height:100%; transition:all .15s ease-in-out; }
/************************************************************************/
/******   MODULES DISPLAY - TEMPLATE
/************************************************************************/
#module-header-holder{ gap:1rem; }

#module-header-holder > div:nth-child(1) { order:1; border:0px solid #0F0; }

#module-header-holder > div:nth-child(2) { order:2; border:0px solid #F93; }

#module-header-holder > div:nth-child(3) { order:3; border:0px solid #39C; }

#content_modules{ opacity:0; }

#module_body{ position:relative; display:block; opacity:0; }

.module-bg{ position:absolute; top:0; left:0; width:10%; height:auto; z-index:-1; opacity:0; }
/************************************************************************/
/******   MODULES INFO PAGE ICONS
/************************************************************************/
#member_info .reward:before{ content:'\f005'; color:#FFCC00; font-weight:600; font-family:"Font Awesome 6 Free"; margin-right:8px; }

#member_info .check:before{ content:'\f00c'; color:#00CC33; font-weight:600; font-family:"Font Awesome 6 Free"; margin-right:8px; }

#member_info .added:before{ content:'\2b'; color:#99CC00; font-weight:600; font-family:"Font Awesome 6 Free"; margin-right:8px; }

#member_info .update:before{ content:'\f0e7'; color:#FF9900; font-weight:600; font-family:"Font Awesome 6 Free"; margin-right:8px; }

#member_info .returning:before{ content:'\f5af'; color:#339966; font-weight:600; font-family:"Font Awesome 6 Free"; margin-right:8px; } 

#member_info .departing:before{ content:'\f5b0'; color:#339966; font-weight:600; font-family:"Font Awesome 6 Free"; margin-right:8px; }
/************************************************************************/
/******   MODULES CLIENT PAGE LAYOUT - CIRCULAR & OFFSET
/************************************************************************/
#summary_holder{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; max-width:1250px; width:100%; margin:0 auto; }
/************************************************************************/
/******	MODULE SUMMARY
/************************************************************************/
#module_summary_holder{ overflow:hidden; width:72%; min-width:250px; color:#3ba1da; border:1px solid #3ba1da; border-radius:5px; box-shadow:2px 2px 5px rgba(0,0,0,.1); margin-bottom:10px; }

.module-summary-heading{ width:100%; padding:5px; background-color:#3ba1da; color:#fff; }

.module-summary-content{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; }

.module-group{ max-width:33%; min-width:250px; width:100%; font-size:12px; color:#ccc; width:100%; padding:10px 5px 0 5px; margin:0 .1%; }

.module-group strong{ padding:5px 5px 10px 5px; font-size:16px; color:#3ba1da; text-shadow:1px 1px 1px rgba(0,0,0,.5); }

.module-group ul{ margin:0; padding:0; }

.module-group li .date{ color:#666; position:absolute; right:10px; }

.module-group li{ position:relative; box-sizing:border-box; display:flex; width:100%; justify-content:space-between; align-items:center; margin-bottom:5px; padding:0; list-style-type:none; box-shadow:0px 0px 1px rgba(0,0,0,.25); }

.module-group a{ color:#666; width:100%; box-sizing:border-box; padding:5px 5px; margin:0; border-radius:2.5px; transition:all .15s ease-in-out; border:1px solid #fcfcfc; }

.module-group a:hover{ background:#fcfcfc; transition:all .15s ease-in-out; }
/*.module-group li:before { position:absolute; top:3px; left:-10px; color:#00CC00; content:"\f00c"; font-weight:600; font-family:"Font Awesome 6 Free"; display:inline-block; }*/
/************************************************************************/
/****** BOOKING SUMMARY 
/************************************************************************/
#booking_summary_holder{ position:relative; overflow:hidden; margin-left:5px; margin-bottom:10px; width:25%; min-width:250px; color:#3ba1da; border:1px solid #3ba1da; border-radius:5px; box-shadow:2px 2px 5px rgba(0,0,0,.1); }

.booking-summary-heading{ border-radius:5px 5px 0 0; width:100%; padding:5px 5px 5px 15px; background-color:#3ba1da; color:#fff; }

.booking-group{ font-size:12px; min-width:250px; color:#ccc; width:100%; padding:10px 5px 0 5px; margin-top:0px; position:absolute; max-height:110px;  }

.booking-group strong{ padding:5px 5px 10px 5px; font-size:16px; color:#3ba1da; text-shadow:1px 1px 1px rgba(0,0,0,.5); }

.booking-group ul{ margin:0; padding:0; }

.booking-group li .date{ color:#666; position:absolute; right:10px; }

.booking-group li{ position:relative; box-sizing:border-box; display:flex; width:100%; justify-content:space-between; align-items:center; margin-bottom:5px; padding:0; list-style-type:none; box-shadow:0px 0px 1px rgba(0,0,0,.25); }

.booking-group a{ color:#666; width:100%; box-sizing:border-box; padding:5px 10px; margin:0; border-radius:2.5px; transition:all .15s ease-in-out; border:1px solid #fcfcfc; }

.booking-group a:hover{ background:#fcfcfc; transition:all .15s ease-in-out; }
/*.booking-group li:before { position:absolute; content:''; top:3px; left:-5px; background:rgba(0,153,153,1); font-weight:600; display:inline-block; }*/





/**************************************************************************************************
**	
**	STYLES SORTED 2024
**
**	ALL CODE BELOW HERE HAS BEEN CHECKED 28-06-2024
**
***************************************************************************************************/

#member_client,
#member_splash,
#member_info{ padding:0px; border:0px solid #f00; }
/*******************************************************************************************************************************************************************************************************************************************************************/
/* 	MODULES CLIENT SPLASH + SUB-MENU   
/*******************************************************************************************************************************************************************************************************************************************************************/
/********************************************************/
/*		module-grid-itemmodule-menu-client-holder 
/*		module-grid-item-client
/*		module-grid-item-logo X 
/*		module-grid-item-name
/*		a.module-grid-item-link
/********************************************************/
.module-grid-holder{ box-sizing:border-box; width:100%; list-style:none; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; }
/******************************************************/
/*	MODULES CLIENT MAIN HOLDER 
/******************************************************/
.module-grid-item{ position:relative; box-sizing:border-box; width:350px; min-height:350px; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; }

.module-menu-client-holder{ position:absolute; box-sizing: border-box; width:100%; height:100%; max-width:220px; max-height:220px; transform:translate(-50%,-50%); border-radius:50%; top:50%; left:50%; -ms-transform-origin:center center; transform-origin:center center; }
/******************************************************/
/* MODULES CLIENT MAIN BUTTON
/******************************************************/
.module-grid-item-client{ position:absolute; cursor:pointer; transform:translate(-50%,-50%); border:0px solid #f00; border-radius:50%; width:100%; height:100%; top:50%; left:50%; -ms-transform-origin:center; transform-origin:center; box-shadow:0px 0px 20px rgba(0,0,0,.5); } 

.module-grid-item-client:after{ position:absolute; content:""; background-image:url(https://trainingmodules.travel/services/wordpress/wp-content/uploads/globe-client.png); 
								background-size:100%; background-repeat:no-repeat; background-position:center center; -ms-transform-origin:center; transform-origin:center; border:0px solid transparent;
								transform:translate(-50%,-50%); border-radius:50%; width:calc( 100% + 0px ); height:calc( 100% + 0px ); top:calc( 50% + 0px ); left:calc( 50% + 0px ); z-index:-1; }
/******************************************************/
/* MODULES CLIENT :LOGO
/******************************************************/
.module-grid-item-logo{ position:absolute; content:""; z-index:111; top:0px; left:0px; width:100%; height:50%; border-radius:50% 50% 0 0/100% 100% 0 0; background-size:contain; background-repeat:no-repeat; background-position:center bottom; }
/******************************************************/
/* MODULES CLIENT :ICONS
/******************************************************/
.module-grid-icon{ position:absolute; content:""; font-size:3.2em; padding-top:40px; margin-bottom:40px; text-align:center; width:100%; height:100%; border-radius:50% 50% 0 0/100% 100% 0 0; }
.module-grid-icon:before{ position:absolute; content:""; color:transparent; left:0; width:100%; background-image: radial-gradient(circle, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .8) 100%); text-shadow:1px 1px 2px rgba(255,255,255,0.5); -webkit-background-clip:text; -moz-background-clip:text; background-clip:text; }
.fa-tablet-screen-button:after{ content:""; position:absolute; background:#ffffff; transform:translate(-50%,-50%); z-index:-1; top:calc(70% - 2px); left:calc(50% + 2px); width:42px; height:44px; }
.fa-address-card:after{ content:""; position:absolute; background:#ffffff; transform:translate(-50%,-50%); z-index:-1; top:70%; left:51%; width:56px; height:38px; border-radius:10px; }
.fa-clipboard-check:after{ content:""; position:absolute; background:#ffffff; transform:translate(-50%,-50%); z-index:-1; top:70%; left:50%; width:30px; height:45px; }
/******************************************************/
/* MODULES CLIENT :NAME /* (first radius values) / top-left | top-right | bottom-right | bottom-left */
/******************************************************/
.module-grid-item-name{ position:absolute; z-index:110; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; border-radius:50%; }
.module-grid-item-name:after{ position:absolute; content:""; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; z-index:-1; border-radius:50%; background-image:url(https://trainingmodules.travel/services/wordpress/wp-content/uploads/globe-client-over.png); background-size:100%; background-repeat:no-repeat; background-position:center top; }
/******************************************************/
/* MODULES CLIENT :LINK  
/******************************************************/
.module-grid-item-link{ position:absolute; z-index:99; width:100%; height:100%; transform:translate(-50%,-50%); top:50%; left:50%; border-radius:50%; -ms-transform-origin:center center; transform-origin:center center; }
.module-grid-item-link:before{ position:absolute; content:attr(title); text-align:center; display:inline-block; font-family:impact; font-size:1.5em; color:transparent; text-shadow:1px 1px 2px rgba(255,255,255,0.5); -webkit-background-clip:text; -moz-background-clip:text; background-clip:text; transform:translateX(-50%); background-image:radial-gradient(circle, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .8) 100%); width:100%; height:50%; left:50%; top:50%; border-radius: 0 0 50% 50%/0 0 100% 100%; }
/******************************************************/
/* MODULES CLIENT - % COMPLETED - LOADER :basecolor :#3ba1da; 
/******************************************************/
.circlePercent{ position:absolute; box-sizing:border-box; width:100%; height:100%; transform:translate(-50%,-50%); top:50%; left:50%; border-radius:50%; -ms-transform-origin:center; transform-origin:center; }
/*======================== PLANE ======================*/
.circlePercent > .icon:before {position:absolute; content:""; z-index:150; top:-9px; left:100px; width:25px; height:25px; 
clip-path:path("M21.061,8.669c1.474,0.051,3.992,1.379,3.938,2.878c-0.054,1.54-2.658,2.649-4.133,2.598l-5.027-0.174l-4.596,7.38c-0.261,0.419-0.728,0.665-1.223,0.647l-2.423-0.086c-0.456-0.015-0.772-0.462-0.631-0.895l2.371-7.272l-4.432-0.154l-1.95,2.402c-0.133,0.166-0.344,0.261-0.56,0.254l-1.81-0.063C0.246,16.174-0.011,15.894,0,15.565c0.002-0.057,0.013-0.11,0.027-0.165l1.524-4.666l-1.193-4.76C0.343,5.919,0.341,5.862,0.344,5.807c0.011-0.333,0.293-0.59,0.625-0.579l1.81,0.063c0.215,0.007,0.42,0.118,0.542,0.294l1.774,2.53L9.532,8.27L7.677,0.85C7.564,0.408,7.911-0.015,8.368,0l2.421,0.083c0.497,0.018,0.944,0.299,1.175,0.73l4.065,7.68L21.061,8.669z");
-webkit-clip-path:path("M21.061,8.669c1.474,0.051,3.992,1.379,3.938,2.878c-0.054,1.54-2.658,2.649-4.133,2.598l-5.027-0.174l-4.596,7.38c-0.261,0.419-0.728,0.665-1.223,0.647l-2.423-0.086c-0.456-0.015-0.772-0.462-0.631-0.895l2.371-7.272l-4.432-0.154l-1.95,2.402c-0.133,0.166-0.344,0.261-0.56,0.254l-1.81-0.063C0.246,16.174-0.011,15.894,0,15.565c0.002-0.057,0.013-0.11,0.027-0.165l1.524-4.666l-1.193-4.76C0.343,5.919,0.341,5.862,0.344,5.807c0.011-0.333,0.293-0.59,0.625-0.579l1.81,0.063c0.215,0.007,0.42,0.118,0.542,0.294l1.774,2.53L9.532,8.27L7.677,0.85C7.564,0.408,7.911-0.015,8.368,0l2.421,0.083c0.497,0.018,0.944,0.299,1.175,0.73l4.065,7.68L21.061,8.669z");
-moz-clip-path:path("M21.061,8.669c1.474,0.051,3.992,1.379,3.938,2.878c-0.054,1.54-2.658,2.649-4.133,2.598l-5.027-0.174l-4.596,7.38c-0.261,0.419-0.728,0.665-1.223,0.647l-2.423-0.086c-0.456-0.015-0.772-0.462-0.631-0.895l2.371-7.272l-4.432-0.154l-1.95,2.402c-0.133,0.166-0.344,0.261-0.56,0.254l-1.81-0.063C0.246,16.174-0.011,15.894,0,15.565c0.002-0.057,0.013-0.11,0.027-0.165l1.524-4.666l-1.193-4.76C0.343,5.919,0.341,5.862,0.344,5.807c0.011-0.333,0.293-0.59,0.625-0.579l1.81,0.063c0.215,0.007,0.42,0.118,0.542,0.294l1.774,2.53L9.532,8.27L7.677,0.85C7.564,0.408,7.911-0.015,8.368,0l2.421,0.083c0.497,0.018,0.944,0.299,1.175,0.73l4.065,7.68L21.061,8.669z"); background-image: linear-gradient(180deg, #3ba1da 45%, #66c2f5 48%);}
/*======================== PLANE SHADOW ======================*/
.circlePercent > .icon:after {position:absolute; content:""; z-index:149; top:-15px; left:95px; width:25px; height:25px; 
clip-path:path("M21.061,8.669c1.474,0.051,3.992,1.379,3.938,2.878c-0.054,1.54-2.658,2.649-4.133,2.598l-5.027-0.174l-4.596,7.38c-0.261,0.419-0.728,0.665-1.223,0.647l-2.423-0.086c-0.456-0.015-0.772-0.462-0.631-0.895l2.371-7.272l-4.432-0.154l-1.95,2.402c-0.133,0.166-0.344,0.261-0.56,0.254l-1.81-0.063C0.246,16.174-0.011,15.894,0,15.565c0.002-0.057,0.013-0.11,0.027-0.165l1.524-4.666l-1.193-4.76C0.343,5.919,0.341,5.862,0.344,5.807c0.011-0.333,0.293-0.59,0.625-0.579l1.81,0.063c0.215,0.007,0.42,0.118,0.542,0.294l1.774,2.53L9.532,8.27L7.677,0.85C7.564,0.408,7.911-0.015,8.368,0l2.421,0.083c0.497,0.018,0.944,0.299,1.175,0.73l4.065,7.68L21.061,8.669z");
-webkit-clip-path:path("M21.061,8.669c1.474,0.051,3.992,1.379,3.938,2.878c-0.054,1.54-2.658,2.649-4.133,2.598l-5.027-0.174l-4.596,7.38c-0.261,0.419-0.728,0.665-1.223,0.647l-2.423-0.086c-0.456-0.015-0.772-0.462-0.631-0.895l2.371-7.272l-4.432-0.154l-1.95,2.402c-0.133,0.166-0.344,0.261-0.56,0.254l-1.81-0.063C0.246,16.174-0.011,15.894,0,15.565c0.002-0.057,0.013-0.11,0.027-0.165l1.524-4.666l-1.193-4.76C0.343,5.919,0.341,5.862,0.344,5.807c0.011-0.333,0.293-0.59,0.625-0.579l1.81,0.063c0.215,0.007,0.42,0.118,0.542,0.294l1.774,2.53L9.532,8.27L7.677,0.85C7.564,0.408,7.911-0.015,8.368,0l2.421,0.083c0.497,0.018,0.944,0.299,1.175,0.73l4.065,7.68L21.061,8.669z");
-moz-clip-path:path("M21.061,8.669c1.474,0.051,3.992,1.379,3.938,2.878c-0.054,1.54-2.658,2.649-4.133,2.598l-5.027-0.174l-4.596,7.38c-0.261,0.419-0.728,0.665-1.223,0.647l-2.423-0.086c-0.456-0.015-0.772-0.462-0.631-0.895l2.371-7.272l-4.432-0.154l-1.95,2.402c-0.133,0.166-0.344,0.261-0.56,0.254l-1.81-0.063C0.246,16.174-0.011,15.894,0,15.565c0.002-0.057,0.013-0.11,0.027-0.165l1.524-4.666l-1.193-4.76C0.343,5.919,0.341,5.862,0.344,5.807c0.011-0.333,0.293-0.59,0.625-0.579l1.81,0.063c0.215,0.007,0.42,0.118,0.542,0.294l1.774,2.53L9.532,8.27L7.677,0.85C7.564,0.408,7.911-0.015,8.368,0l2.421,0.083c0.497,0.018,0.944,0.299,1.175,0.73l4.065,7.68L21.061,8.669z");background:linear-gradient(0deg,rgba(255,255,255,.5)0%,rgba(0,0,0,.3)100%);}
/*======================== PLANE HOLDER ======================*/
.circlePercent > .icon {position:absolute; z-index:150; width:100%; height:100%; top:0; left:0; border-radius:50%; /*background:rgba(255,255,255,.1); */}
/* ====================== FULL BACKGROUND - 10PX ====================== */
/* .circlePercent > .part-5 {position:absolute; z-index:105; width:calc( 100% - 10px ); height:calc( 100% - 10px ); transform:translate(-50%,-50%); top:50%; left:50%; border-radius:50%; background-image:url(https://trainingmodules.travel/services/wordpress/wp-content/uploads/globe-client.png); background-size:calc( 100% + 10px ); background-repeat:no-repeat; background-position:center center; }
====================== STATUS BACKGROUND:OUTLINE ONLY ====================== */
.circlePercent > .part-4 {position:absolute; z-index:103; top:0; left:0px; width:50%; height:100%; opacity:1; border-top-left-radius:100% 50%; border-bottom-left-radius:100% 50%; background-image:url(https://trainingmodules.travel/services/wordpress/wp-content/uploads/globe-client-border.png); background-repeat:no-repeat; background-position:center left; background-size:200% 100%; }
/* ====================== STATUS BACKGROUND: ROTATING YELLOW HALF =================== */
.circlePercent > .part-2 {position:absolute; z-index:102; width:50%; height:100%; opacity:0; border-top-left-radius:100% 50%; border-bottom-left-radius:100% 50%; border:5px solid #ff0; border-right:none; top:0; left:0; -ms-transform-origin:center right; transform-origin:center right; }
/* ====================== HALF BACKGROUND :STATIC YELLOW HALF  ====================== */
.circlePercent > .part-1 {position:absolute; z-index:101; width:50%; height:100%; opacity:1; border-top-left-radius:100% 50%; border-bottom-left-radius:100% 50%; border:5px solid #ff0; border-right:none; top:0; left:0; -ms-transform-origin:center right; transform-origin:center right; }
/* ============================================================================================================================== */

.module-submenu-list-holder{ 
	background:#FFF; 
	position:absolute; 
	border:1px solid rgba(180,180,180,.5); 
	border-top:none; 
	overflow:hidden;
	top:0px;  
	left:0px;
	width:100%; 
	height:100%; 
	display:flex; 
	flex-flow:column nowrap; 
	justify-content:flex-end; 
	align-items:center;
	opacity:0; 
	border-radius:50%;
	box-shadow:0px 3px 10px rgba(0,0,0,.5);
}

.module-submenu-list{ position:absolute; width:100%; }
.module-menu-list-item{ position:relative; border-top:1px dotted #CCC; box-sizing:border-box; width:100%; font-size:14px; }
.module-menu-list-item a{ display:block; color:rgba(102,102,102,1); width:100%; text-align:center; padding:5px; transition:all .15s ease-in-out; }
.module-menu-list-item a:hover{ background:rgba(102,102,102,.1); transition:all .15s ease-in-out; }
.module-menu-list-item.comp:before{ font-weight:600; position:absolute; left:5px; font-family:"Font Awesome 6 Free"; content:'\f00c'; color:#00CC66; display:block; top:5px; left:5px; height:20px; width:5px; margin-right:5px; }
/*******************************************************************************************************************************************************************************************************************************************************************/
/* MODULES CLIENT SPLASH + SUB-MENU =============== END  
/*******************************************************************************************************************************************************************************************************************************************************************/
/************************************/
/* MODULES COUNTER - PROGRESS 
/************************************/
/* COUNTER  */
/* #f7c154 | #f5af24 | #db960a */
.counter-module{ background:#f5af24; position:absolute; width:35px; height:35px; line-height:32px; top:-10px; right:-10px; padding:0px; margin:0px; text-align:center; border-radius:50%; color:#fff; text-shadow:1px 1px 1px #999999; transform:rotate(15deg); }
.counter-module:before{ content:''; border:5px solid #db960a; position:absolute; width:30px; height:30px; top:-2.5px; right:-2.5px; border-radius:50%; }
.inner-module{ display:flex; flex-wrap:wrap; flex-direction:row; justify-content:center; align-items:center; }
/************************************************************************/
/****** LOGIN FORM 
************************************************************************/
hr{ margin:10px auto; clear:both; width:80%; border:none; border-bottom:2px dotted rgba(200,200,200,.8); }
.tm-half{ max-width:450px; margin:0 auto; padding:30px 40px 20px 40px; box-sizing:border-box; border:1px solid rgba(0,0,0,.15); }
.tm-full{ max-width:1250px; margin:0 auto; padding:30px; box-sizing:border-box; border:1px solid rgba(0,0,0,.15); }
.tm-max{ max-width:1500px; margin:0 auto; padding:20px; box-sizing:border-box; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:flex-start; } 
/* FORM CONTAINER ELEMENTS */
.form_two_col{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:flex-start; gap:2%; }
.form_two_col > div.holder-obj{ padding:0px; box-sizing:border-box; width:49%; min-width:300px; }
.form_three_col{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; }
.form_three_col > div{ padding:10px; box-sizing:border-box; width:30%; min-width:300px; }
.form_left{ padding:5px; margin:10px 1%; min-width:300px; }
.form_center{ padding:5px; margin:10px 1%; min-width:300px; }
.form_right{ padding:5px; margin:10px 1%; min-width:300px; }
/*************************************************************/
/* FONT ICONS -  
/*************************************************************/
.icon-req{ color:#CC6600; font-size:20px; font-weight:600; line-height:25px; }
.noedit{ font-family:"Font Awesome 6 Free"; font-weight:600; margin-left:5px; font-size:18px; color:#999999; text-shadow:1px 1px 0px #000000; width:20px; height:20px; }
/*************************************************************/
/* PASSWORD - LOGIN ONLY  
/*************************************************************/
.pass_set{ position:relative; /*border:solid 1px #000; */}
.password-input-group{ display:flex; flex-direction:row; align-items:center; justify-content:flex-end; width:100%; top:0; right:0; }
.icon-password{ position:absolute; font-family:"Font Awesome 6 Free"; font-weight:600; font-size:22px; color:#999; width:40px; height:30px; transition:all .15s ease-in-out; }
.icon-password:hover{ color:#666; text-shadow:1px 1px 1px rgba(0,0,0,0.5); transition:all .15s ease-in-out; }
#pass_hide.icon-password:before{ position:absolute; content:"\f06e"; top:0px; text-align:center; line-height:30px; text-shadow:1px 1px 1px rgba(0,0,0,0.5); width:30px; height:25px; cursor:pointer; }
#pass_show.icon-password:before{ position:absolute; content:"\f070"; top:0px; text-align:center; line-height:30px; text-shadow:1px 1px 1px rgba(0,0,0,0.5); width:30px; height:25px; cursor:pointer; }
/************************************************************************/
/****** TEXT ELEMENTS - DIV 
/************************************************************************/
#member_holder{ border:0px solid #f60; padding:0px; box-sizing:border-box; position:relative; opacity:0; width:calc( 100% - 0px ); display:flex; flex-direction:column; justify-content:space-between; align-items:stretch; min-height:550px; }
#member_holder label{ width:100%; color:#666; min-height:40px; padding:5px; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; min-width:150px; }
#member_holder .checkbox_text a{ text-align:center; padding:5px; font-size:16px; color:#535353; transition:all .15s ease-in-out; }
#member_holder .checkbox_text a:hover{ color:#999; text-shadow:1px 1px 1px #000; transition:all .15s ease-in-out; }
#member_holder .checkbox_text{ margin:0px auto; text-align:center; font-size:16px; color:#535353; width:100%; }
#member_holder .tm-radio-arr{ box-sizing:border-box; width:100%; min-height:40px; display:flex; margin:10px 0 10px 0; flex-flow:row wrap; justify-content:flex-start; align-items:center; background:rgba(255,255,255,.4); border:1px solid rgba(0,0,0,.15); box-shadow:1px 2px 5px rgba(0,0,0,.1); border-radius:5px; }
#member_holder .tm-radio-arr-sp{ box-sizing:border-box; width:98%; height:10px; }
#member_holder .tm-page-info{ box-sizing:border-box; padding:5px 20px; height:90px; width:100%; font-size:16px; color:#666; margin:0 0 10px 0; background:rgba(255,255,255,.4); border:1px solid rgba(0,0,0,.15); box-shadow:1px 2px 5px rgba(0,0,0,.1); border-radius:5px; }
#member_holder .radio_label{ width:49%; min-width:175px; font-weight:400; padding-left:5px; font-size:16px; line-height:14px; color:#666; margin:0; }
#member_holder label.tm_tandc{ padding:20px; }
#member_holder label.tm_privacy{ padding:20px; }
/************************************************************************/
/****** RAW FORM INPUT ELEMENTS - DIV
/************************************************************************/
#member_holder .date,
#member_holder input::placeholder,
#member_holder input::-ms-input-placeholder{ font-family:'DM Sans', sans-serif !important; font-size:16px !important; opacity:0.5 !important; color:rgba(59,161,218,.5) !important; opacity:1 !important; /* Firefox */}
#member_holder select.option-select{ background:rgba(100,100,100,.5); line-height:2em; }
#member_holder select,
#member_holder textarea,
#member_holder input[type="url"],
#member_holder input[type="text"],
#member_holder input[type="date"],
#member_holder input[type="email"],
#member_holder input[type="number"],
#member_holder input[type="password"]{ outline:none; margin:10px 0; min-height:40px; width:100%; font-size:.8em; color:#666666; background:rgba(255,255,255,.4); border:1px solid rgba(0,0,0,.15); box-shadow:0px 2px 5px rgba(0,0,0,.1); border-radius:5px; padding:10px 15px; }
#member_holder input[type="radio"],
#member_holder input[type="checkbox"]{ width:auto; padding:0; margin:0 5px 0 5px; }
#member_holder input[type="submit"],
#member_holder input[type="button"]{ position:relative; width:100%; box-sizing:border-box; text-align:center; min-height:40px; font-size:18px; text-shadow:1px 1px 1px rgba(0,0,0,.5); }
/* Chrome, Safari, Edge, Opera */
#member_holder input[type="number"]::-webkit-outer-spin-button,
#member_holder input[type="number"]::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; } /* Firefox */
#member_holder input[type=number] { -moz-appearance:textfield; }
/************************************************************************/
/****** BUTTON ELEMENTS - DIV / INPUT 
/************************************************************************/
.holder-button{ width:100%; border:1px solid #999; }
/************************************************************************/
/****** LINK ELEMENTS - A HREF 
/************************************************************************/
a.holder-link{ display:block; color:#535353; font-size:18px; line-height:35px; text-shadow:1px 1px 1px #999; padding:10px; transition:all .15s ease-in-out; }
a.holder-link:hover{ text-shadow:1px 1px 1px #000; transition:all .15s ease-in-out; }
.tm-reset{ padding:10px; text-align:center; }
/*************************************************************/
/* REGISTER BUTTON - LOGIN FORM 
/*************************************************************/
.tm-sub-button,
.tm-reg-button{ position: relative; display:block; border:1px solid rgba(0,115,177,.5); border-radius:5px; width:100%; max-width:350px; margin:0px auto; font-size:20px !important; line-height:38px; padding:10px 160px 10px 30px; background:#66c2f5; color:#ffffff; font-weight:400; background:url(https://trainingmodules.travel/services/wordpress/wp-content/uploads/logo-tm-email.png) #66c2f5; background-size:150px; background-position:95% center ; background-repeat:no-repeat; transition:all .15s ease-in-out; cursor:pointer; }
.tm-sub-button:hover,
.tm-reg-button:hover{ background-color:#3ba1da; box-shadow:1px 1px 2px rgba(0,0,0,.5); transition:all .15s ease-in-out; }
.button{ display:block; border:1px solid rgba(0,115,177,.5); padding:10px 40px; max-width:300px; box-sizing:border-box; background:#66c2f5; color:#ffffff; font-size:18px !important; font-weight:400; border-radius:5px; cursor:pointer; transition:all .15s ease-in-out; }
.button:hover{ background:#3ba1da; /*text-shadow:1px 1px 1px rgba(0,0,0,.5); */ box-shadow:1px 1px 2px rgba(0,0,0,.5); transition:all .15s ease-in-out; }
.form-back{ position:absolute; top:5px; left:5px; height:40px; width:40px; text-align:center; background-color:#ffffff; border-radius:50%; overflow:hidden; }
.form-back:before{ content:'\f359'; font-family:"Font Awesome 6 Free"; font-weight:900; position:absolute; transform:translate(-50%,-50%); top:50%; left:50%; line-height:.9em; font-size:1.8em; color:#3ba1da; border-radius:50%; cursor:pointer; transition:all .15s ease-in-out; }
.form-back:hover{ color:#3ba1da; text-shadow:0px 0px 2px rgba(0,0,0,.5); transition:all .15s ease-in-out; }
/*************************************************************/
/* PASSWORD STRENGTH STYLES 
/*************************************************************/
#password_set{ position:relative; padding-right:50px; }
#tm_password_strength_holder{ box-sizing:border-box; position:relative; font-size:14px; border-radius:5px 5px 0 0; left:0; top:12px; width:100%; height:25px; text-align:center; border-bottom:0px; z-index:-1; }
#tm_password_strength { color:#000; text-shadow: 1px 1px 1px rgba(0,0,0,.5); box-sizing:border-box; top:0; left:0; position:absolute; width:100%; border-radius:5px; height:30px; text-align:center;}
.tm-password-parts { position:relative; opacity:1; width:100%; font-size:14px; overflow:hidden; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; }
.tm-password-parts .pass-items{ padding:5px;box-sizing:border-box;opacity:1;font-size:14px;text-align:center;width:50%; }
.pass-items-checked{ position:relative; background:linear-gradient(180deg, rgba(76, 175, 80,.5) 0%, rgba(76, 175, 80,.2) 46%, rgba( 76,175, 80,.8) 100%); border-color:rgba( 76,175, 80,1); }
.pass-items-checked:before{ position:absolute; left:6px; top:5px; content:'\f058'; font-family:"Font Awesome 6 Free"; font-weight:900; color:rgba( 76,175, 80,1); }
.blank { background:none; } /* blank */
.vstg { background:linear-gradient(180deg, rgba(76, 175, 80,.8) 0%, rgba(76, 175, 80,.4) 46%, rgba( 76,175, 80,.8) 100%); border-color:rgba( 76,175, 80,1); } /* GREEN */
.strg { background:linear-gradient(180deg, rgba(155,200,140,.8) 0%, rgba(155,200,140,.4) 46%, rgba(155,200,140,.8) 100%); border-color:rgba(155,200,140,1); } /* KIAKI */
.good { background:linear-gradient(180deg, rgba(255,216, 80,.8) 0%, rgba(255,216, 80,.4) 46%, rgba(255,216, 80,.8) 100%); border-color:rgba(255,216, 80,1); } /* YELLOW */
.baad { background:linear-gradient(180deg, rgba(255,  0,  0,.8) 0%, rgba(255,  0,  0,.4) 46%, rgba(255,  0,  0,.8) 100%); border-color:rgba(255,  0,  0,1); } /* RED */
.shrt { background:linear-gradient(180deg, rgba(255,125, 80,.8) 0%, rgba(255,125, 80,.4) 46%, rgba(255,125, 80,.8) 100%); border-color:rgba(255,125, 80,1); } /* ORANGE */
/*************************************************************/
/*	VALIDATION MESSAGES - ERROR  
/*************************************************************/
/* 		MESSAGE WRAPPER 
/*************************************************************/
.tm-message-failed{ position:absolute; border-radius:45px; text-align:center; color:#FF1E1E; text-shadow:1px 1px 1px rgba(0,0,0,.5); border-right:6px solid #FF1E1E; transform:translate(-50%,-50%); left:50%; top:20px; padding:5px 10px 5px 10px; width:100%; max-width:350px; opacity:.1; word-wrap:break-word; font-size:16px; z-index:950; } 
.tm-message-failed:before{ position:absolute; content:"\f057"; color:#FF1E1E; background:#fff; text-shadow:none; top:50%; left:97%; transform:translate(-97%, -50%); text-align:center; line-height:22px; font-size:1.6em; width:22px; height:22px; font-weight:600; font-family:"Font Awesome 6 Free"; border-radius:50%; } 
.tm-message-success{ position:absolute; border-radius:45px; text-align:center; color:#00CC00; text-shadow:1px 1px 1px rgba(0,0,0,.5); border-right:6px solid #00CC00; transform:translate(-50%,-50%); left:50%; top:20px; padding:5px 10px 5px 10px; width:100%; max-width:350px; opacity:0; word-wrap:break-word; font-size:16px; z-index:950; } 
.tm-message-success:before{ position:absolute; content:"\f058"; color:#00CC00; background:#fff; text-shadow:none; top:50%; left:97%; transform:translate(-97%, -50%); text-align:center; line-height:22px; font-size:1.6em; width:22px; height:22px; font-weight:600; font-family:"Font Awesome 6 Free"; border-radius:50%; }
/*************************************************************/
/*		MESSAGE ERROR
/*************************************************************/
.tm-error{ position:absolute; border-radius:45px; box-sizing:border-box; text-align:right; color:#FF1E1E; text-shadow:0px 0px 1px #535353; border-right:6px solid #FF1E1E; right:0; top:40px; padding:4px 35px 4px 0px; width:100%; opacity:0; word-wrap:break-word; font-size:14px; z-index:950; }
.tm-error::before{ position:absolute; content:"\f057"; color:#FF1E1E; background:#fff; text-shadow:none; top:50%; right:8px; transform:translateY(-50%); text-align:center; line-height:20px; font-size:1.6em; width:20px; height:20px; font-weight:600; font-family:"Font Awesome 6 Free"; border-radius:50%; }
/*************************************************************/
/* 		MESSAGE INFO 
/*************************************************************/
.tm-info{ position:absolute; border-radius:45px; text-align:center; color:#ffffff; text-shadow:1px 1px 1px #535353; border-right:6px solid #00CC00; border-left:6px solid #00CC00; background:rgba(0, 204, 0, .5); transform:translate(-50%,-45%); left:50%; top:45%; padding:5px 25px 5px 10px; width:100%; max-width:350px; opacity:0; word-wrap:break-word; font-size:14px; z-index:950; }
.tm-info::before{ position:absolute; content:"\f058"; color:#00CC00; background:#fff; text-shadow:none; top:50%; left:97%; transform:translate(-97%, -50%); text-align:center; line-height:22px; font-size:1.6em; width:22px; height:22px; font-weight:600; font-family:"Font Awesome 6 Free"; border-radius:50%; }
.tm-box-error{ border:1px solid rgba(175,0,0,.95); box-shadow:inset 0 0 20px rgba(175,0,0,.5); }
.tm-box-message{ border:1px solid rgba(0,175,0,.95); box-shadow:inset 0 0 20px rgba(0,175,0,.5); }


/**************************************************************************************************
**	
**	END STYLES SORTED 2024                   115,115,115
**
***************************************************************************************************/
#tm_mobile_menu{
	position:absolute;
	z-index:1220;
	margin:5px 5px 0 0;
	cursor:pointer;
	max-width:40px;
	right:0px;
	background:#FFFFFF;
}

#tm_mobile_menu.module-menu-holder div{ min-height:40px; box-sizing:border-box; transition:all .15s ease-in-out; }

#tm_mobile_menu.module-menu-holder div:hover{ background:rgba(220, 220, 220, .25); background:linear-gradient(0deg, rgba(220, 220, 220, .75), rgba(220, 220, 220, .25), rgba(220, 220, 220, .25), rgba(220, 220, 220, .25), rgba(220, 220, 220, .75)); transition:all .15s ease-in-out; }

#tm_mobile_menu.module-menu-holder .module-menu-title{ position:relative; box-sizing:border-box; padding:0px !important; margin:0px; height:100%; width:100%; border-left:1px solid #ccc; border-right:1px solid #fff; border-top:1px solid #ccc; border-bottom:1px solid #fff; box-shadow:2px 2px 2px rgba(0,0,0,.25); transition:all .15s ease-in-out; }

#tm_mobile_menu.module-menu-holder .module-menu-title a{ box-sizing:border-box; padding:10px 10px; display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:18px; width:100%; height:100%; transition:all .15s ease-in-out; }

#full_screen_bg.full-screen-bg{
	display:none;
}

/**************************************************************************************************
**	
**	MEDIA QUERIES
**
**
**
***************************************************************************************************/

@media (max-width:781px){
	/***************************************/
	/* MOBILE MODULE MENU
	/***************************************/
	#tm_mobile_menu{
		/*display:block;*/
	}
	/*
		button : 100%
	
		tm_user_login-error :no wrap text
	*/
	#booking_summary_holder,
	#module_summary_holder{
		max-width:250px;
		margin:0 auto;
	}
	.module-summary-content{
		width:100% !important;
	}
	
	.holder-obj{
		width:100% !important;
	}
	#full_screen_bg.full-screen-bg{
		position:absolute;
		z-index:1195;
		background:rgba(255,255,255,1);
		width:100%;
		height:0;	
		opacity:0;
		overflow:hidden;
		display:block;
	}
	
	#module_menu .module-menu-holder{
		position:absolute;
		top:100px;
		z-index:1200;	
	}

	#module_menu li{
		position:relative;
		left:-100vw;
		width:75%;
		opacity:0;
	}
	/***************************************/
	/* MOBILE MEMBER MENU form_right
	/***************************************/
	#member_menu_holder .member_menu_title{
		display:none;
	}
	/***************************************/
	/* REGISTRATION FORM #form_right/ 
	/***************************************/
	#member_holder{
		box-sizing:border-box;
	}
	#module_summary_holder{
		width:100%;
	}
}