a { color:var(--tm-button-text-link); transition:all .15s ease-in-out; }
a:hover{ color:var(--tm-button-text-hover); transition:all .15s ease-in-out; }

.tm-half{  }

.tm-full{  }

.tm-page-body{ 
	border:var(--tm-base-box-border);
	border-radius:var(--tm-base-border-radius);
	-webkit-box-shadow:var(--tm-base-box-shadow);
	-moz-box-shadow:var(--tm-base-box-shadow);
	box-shadow:var(--tm-base-box-shadow);
}
.tm-holder-obj{ position:relative; margin:0px 5px; align-self:center;}
.tm-holder-obj-half{ width:50%; display:flex; justify-content:center; }
/*.tm-holder-obj *{ border:1px solid #f60; }*/
.tm-2-obj{ display:flex; flex-flow:row nowrap; justify-content:stretch; }
.tm-holder-button{ width:100%; border:1px solid #999; }
.tm-reset{ text-align:center; }
.checkbox{ display:flex; flex-flow:row nowrap; }

/************************************************************************/
/****** RAW FORM INPUT ELEMENTS 
/************************************************************************/
.tm-date,
input::placeholder,
input::-ms-input-placeholder{ opacity:0.5 !important; color:rgba(59,161,218,.5) !important; opacity:1 !important; /* Firefox */}

.tm-radio,
.tm-checkbox{ width:auto; padding:0; margin:0 5px 0 5px; }
/* Chrome, Safari, Edge, Opera */
.tm-phone::-webkit-outer-spin-button,
.tm-phone::-webkit-inner-spin-button,
.tm-number::-webkit-outer-spin-button,
.tm-number::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; } /* Firefox */
.tm-phone,
.tm-number { -moz-appearance:textfield; }

input[readonly]{ background-color:rgba(200,200,200,.2) !important; color:rgba(150,150,150,.8) !important; cursor:not-allowed;  }

.tm-select.tm_option-select,
select, option{ font-family: var(--tm-base-font-family); }

.tm-url,
.tm-user,
.tm-text,
.tm-date,
.tm-phone,
.tm-email,
.tm-number,
.tm-select,
.tm-textarea,
.tm-password{ 
 	font-size: inherit;
	line-height:normal;
	font-family: var(--tm-base-font-family);
	outline:none; 
	margin:10px 0; 
	max-height:40px; 
	width:100%; 
	color:#666666; 
	background:rgba(255,255,255,.4); 
	border:1px solid rgba(0,0,0,.15); 
	box-sizing:border-box; 
	box-shadow:0px 2px 5px rgba(0,0,0,.1); 
	border-radius:var(--tm-base-border-radius);
	padding:10px 15px; }
	
.tm-text.editable,
.tm-number.editable,
.tm-date.editable,
.tm-textarea.editable{
	pointer-events:none;
	box-shadow:none;
	background:none;
	border:none;
}
	
/*************************************************************/
/* FORM BUTTONS
/*************************************************************/
.tm-button,
.tm-submit,
.tm-sub-button,
.tm-reg-button{ 
	color:var(--tm-button-text-link);
	background-color:var(--tm-button-background-link); 
	border:1px solid var(--tm-base-border-color);
	box-shadow:var(--tm-button-shadow-link); 
	border-radius:var(--tm-base-border-radius);
	text-shadow:1px 1px 0px rgba(128,128,128,1); 
	position:relative;
	outline:none; 
	margin:0px auto;
	padding:5% 20%;
	font-weight:400; 
	cursor:pointer; 
	font-size:1.2em;
	transition:all .15s ease-in-out; }

.tm-sub-button,
.tm-reg-button{
	display:block; line-height:38px; text-align:left;
	background-image:url(https://trainingmodules.travel/services/wordpress/wp-content/uploads/logo-tm-email.png);
	padding:10px 160px 10px 30px; background-size:150px; background-position:95% center; background-repeat:no-repeat; }

.tm-button:hover,
.tm-submit:hover,
.tm-sub-button:hover,
.tm-reg-button:hover{ box-shadow:var(--tm-button-shadow-hover); background-color:var(--tm-button-background-hover); transition:all .15s ease-in-out; }

.tm-form-back{
	position:absolute;
	top:5px;
	left:5px;
	height:40px;
	width:40px;
	text-align:center;
	border-radius:50%;
	text-shadow:1px 1px 1px rgba(0,0,0,.5);
	overflow:hidden;

	background-color:#ffffff;
	color:var(--tm-button-background-link);
	
	transition:all .15s ease-in-out; }

.tm-form-back:hover{
	top:6px;
	left:6px; 
	background-color:transparent;
	color:var(--tm-button-background-link);
	text-shadow:-1px -1px 1px rgba(0,0,0,.75);
	
	transition:all .15s ease-in-out; }

.tm-form-back:before{ content:'\f359'; font-family:"Font Awesome 6 Free"; font-size:2em; font-weight:900; position:absolute; cursor:pointer; transform:translate(-50%,-50%); top:50%; left:50%; border-radius:50%; transition:all .15s ease-in-out; }

.tm-reset-message{ position:relative; display:block; width:100%; text-align:center; border:0px solid #ccc; } 

/*************************************************************/
/* FONT ICONS -  
/*************************************************************/
.tm-icon-req{ color:#CC6600; font-size:1.5em; font-weight:600; line-height:25px; }
.tm-noedit{ font-family:"Font Awesome 6 Free"; font-weight:600; margin-left:5px; color:#999999; text-shadow:1px 1px 0px #000000; width:20px; height:20px; }
/*************************************************************/
/* PASSWORD - LOGIN ONLY  
/*************************************************************/
.tm-pass_set{ position:relative; /*border:solid 1px #000; */}
.tm-password-input-group{ display:flex; flex-direction:row; align-items:center; justify-content:flex-end; width:100%; top:0; right:0; }
.tm-icon-password{ position:absolute; font-family:"Font Awesome 6 Free"; font-weight:600; font-size:22px; color:#999; width:30px; height:30px; transition:all .15s ease-in-out; }
.tm-icon-password:hover{ color:#666; text-shadow:1px 1px 1px rgba(0,0,0,0.5); transition:all .15s ease-in-out; }
#tm_pass_hide.tm-icon-password:before{ position:absolute; content:"\f06e"; top:0px; right:3px; text-align:center; line-height:30px; text-shadow:1px 1px 1px rgba(0,0,0,0.5); width:30px; height:25px; cursor:pointer; }
#tm_pass_show.tm-icon-password:before{ position:absolute; content:"\f070"; top:0px; right:3px; 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  
/************************************************************************/

label, .label_dummy{ 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; }
.tm-checkbox_text a{ text-align:center; padding:5px; color:var(--tm-base-text-color); transition:all .15s ease-in-out; }
.tm-checkbox_text a:hover{ color:var(--tm-base-text-color); text-shadow:1px 1px 1px #000; transition:all .15s ease-in-out; }
.tm-checkbox_text{ display:block; text-align:center; color:var(--tm-base-text-color); width:100%; }
.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:var(--tm-base-border-radius); }
.tm-radio-arr-sp{ box-sizing:border-box; width:98%; height:10px; }
.tm-page-info{ box-sizing:border-box; padding:5px 20px; height:90px; width:100%; color:var(--tm-base-text-color); 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:var(--tm-base-border-radius); }
.tm-radio_label{ width:49%; min-width:175px; font-weight:400; padding-left:5px; color:var(--tm-base-text-color); margin:0; }
label.tm_tandc{ padding:20px; }
label.tm_privacy{ padding:20px; }

/************************************************************************/
/****** LINK ELEMENTS - A HREF 
/************************************************************************/
a.tm-holder-link{ color:var(--tm-link-text-link); width:100%; text-shadow:0px 1px 1px rgba(0,0,0,.5); display:block; margin:0px auto; padding:20px 10px; transition:all .15s ease-in-out; }
a.tm-holder-link:hover{ color:var(--tm-link-text-hover); text-shadow:2px 2px 2px rgba(0,0,0,.5); transition:all .15s ease-in-out; transform:translateY(-2px); }

/*************************************************************/
/* PASSWORD STRENGTH STYLES 
/*************************************************************/
#tm_password_set{ position:relative; padding-right:50px; } 
#tm_password_strength_holder{ box-sizing:border-box; position:relative; border-radius:5px 5px 0 0; left:0; top:11px; width:100%; height:25px; text-align:center; z-index:-1; }
.tm-password-strength { font-size:14px; box-sizing:border-box; top:0; left:0; position:absolute; width:100%; border-radius:5px 5px 0 0; height:25px; text-align:center; }

.tm-password-parts { position:relative; opacity:1; width:100%; overflow:hidden; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; text-align:center; }

.tm-pass-items{ padding:5px; opacity:1; text-align:center; width:calc( 50% - 4px ); margin:3px 2px; border:1px solid rgba(0,120,0,0); font-size:14px; transition:all .15s ease-in-out;}
.tm-pass-items-checked{ 
	position:relative; background:rgba( 76,175, 80,.25);  
	margin:3px 2px; border:1px solid rgba(0,120,0,1); box-shadow:1px 1px 1px rgba(0,0,0,.25); /*transform:translate(-1px,-1px);*/ transition:all .15s ease-in-out; }

.tm-pass-items-checked:before{ position:absolute; left:6px; top:5px; content:'\f058'; font-family:"Font Awesome 6 Free"; font-weight:900; color:rgba(0,120,0,1); }
.tm-blank { background:none; } /* blank */ 
.tm-vstg { background:rgba(0,120,0,.25); border:1px solid rgba(0,120,0,1); border-radius:5px 5px 0 0; } /* GREEN */ 
.tm-strg { background:rgba(0,200,0,.25); border:1px solid rgba(0,120,0,1); border-radius:5px 5px 0 0;} /* KIAKI */
.tm-good { background:rgba(255,255,0,.25); border:1px solid rgba(200,200,0,1); border-radius:5px 5px 0 0;} /* YELLOW */
.tm-shrt { background:rgba(255,155,0,.25); border:1px solid rgba(255,0,0,1); border-radius:5px 5px 0 0;} /* ORANGE */ 
.tm-baad { background:rgba(255,0,0,.25); border:1px solid rgba(255,0,0,1); border-radius:5px 5px 0 0;} /* RED */

 /*.tm-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 */
 /*.tm-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 */
 /*.tm-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 */
 /*.tm-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 */ 
 /*.tm-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_wrapper{ 
	content:'';
	position:absolute;
	width:100%;
	height:100vh;
	transform:translate(-50%,-50%);
	top:50%;
	left:50%;
	background:rgba(255,255,255,.75);
	background-image:url(https://trainingmodules.travel/services/wordpress/wp-content/uploads/globe-bg.png); background-repeat:no-repeat; background-position:center;
	display:flex;
	flex-flow:row nowrap;
	justify-content:center; 
	align-items:center;
	z-index:12000;
}

#tm_message_inner{ 
	position:absolute; 
	text-align:left;
	background:rgba(255,255,255,1);
	border:1px solid #c3c4c7;
	border-left-width:8px;
	box-sizing:border-box;
	white-space:nowrap;
	text-shadow:0px 1px 1px rgba(0,0,0,.5);
	box-shadow:1px 2px 3px rgba(0,0,0,.5);
	padding:8px 55px 8px 15px;
}

.tm-message-error{
	border-left:5px solid rgba(255,30,30,1) !important;
	color:#666666; 
}
.tm-message-error:after{
	content:"\f057"; color:rgba(255,30,30,1); position:absolute; background:#fff; font-size:1.2em; display:flex; justify-content:center; text-shadow:none; align-items:center; top:50%; right:12px; transform:translateY(-50%); width:20px; height:20px; font-weight:600; font-family:"Font Awesome 6 Free"; border-radius:50%;
}

.tm-message-success{
	border-left:5px solid rgba(34,170,34,1) !important;
	color:#666666; 
}
/*.tm-message-success:before{
	content:'';
	position:absolute;
	width:100vw;
	height:100vh;
	top:0;
	left:0;
	background:rgba(0,0,0,.5);
	border-left:5px solid rgba(34,170,34,1) !important;
	color:#666666;
	z-index:-1; 
}
*/
.tm-message-success:after{
	content:"\f058"; color:rgba(34,170,34,1); position:absolute; background:#fff; font-size:1.2em; display:flex; justify-content:center; text-shadow:none; align-items:center; top:50%; right:12px; transform:translateY(-50%); width:20px; height:20px; font-weight:600; font-family:"Font Awesome 6 Free"; border-radius:50%;
}

/*************************************************************/
/*		MESSAGE REQUIRED
/*************************************************************/
/*        ERROR 		*/
.tm-required{ position:absolute; background:rgba(255,255,255,.5); box-sizing:border-box; text-align:right; text-shadow:0px 0px 1px #535353; padding:0 18px 0 4px; width:100%; opacity:0; white-space:nowrap; z-index:auto; }

/*.tm-required::before{ color:#FF1E1E; content:"\f057"; position:absolute; background:#fff; font-size:1em; display:flex; justify-content:center; align-items:center; text-shadow:none; top:50%; right:0; transform:translateY(-50%); width:12px; height:12px; font-weight:600; font-family:"Font Awesome 6 Free"; border-radius:50%; }
*/
/*************************************************************/
/*		MESSAGE ERROR
/*************************************************************/
.tm-error{ color:rgba(255,30,30,1); height:22px; position:absolute; top:50px; background:rgba(255,255,255,.5);
			font-size:.8em;	text-align:right; text-shadow:0px 1px 2px rgba(83,83,83,.5); padding:0 22px 0 4px;
			width:100%; opacity:0; white-space:nowrap; z-index:auto; }
			
.tm-error::before{ color:rgba(255,30,30,1); content:"\f057"; position:absolute; background:#fff; border-radius:50%; 
					font-size:.8em; display:flex; justify-content:center; align-items:center; top:50%; right:2px;
					transform:translateY(-50%);	width:10px; height:10px; font-weight:600; font-family:"Font Awesome 6 Free"; }

/*        SUCCESS 		*/
.tm-success{ color:rgba(30,170,30,1); height:22px; position:absolute; top:50px; background:rgba(255,255,255,.5);
			font-size:.8em;	text-align:right; text-shadow:0px 1px 2px rgba(83,83,83,.5); padding:0 22px 0 4px;
			width:100%; opacity:0; white-space:nowrap; z-index:auto; }
.tm-success::before{ color:rgba(30,170,30,1); content:"\f058"; position:absolute; background:#fff; border-radius:50%; width:100%;  
					font-size:.8em; display:flex; justify-content:center; align-items:center; top:50%; right:2px;
					transform:translateY(-50%);	width:10px; height:10px; font-weight:600; font-family:"Font Awesome 6 Free"; }
/*************************************************************/
/* 		MESSAGE INFO 
/*************************************************************/
.tm-info{ color:rgba(30,170,30,1); }
.tm-info::before{ color:rgba(30,170,30,1); content:"\f058"; position:absolute; background:#fff; font-size:1.2em; display:flex; justify-content:center; align-items:center; top:50%; right:2px; transform:translateY(-50%); width:12px; height:12px; font-weight:600; font-family:"Font Awesome 6 Free"; border-radius:50%; }