/*******************************************************
* ----------- CLOSED LICENSE ---------------
* Copyright (C) 2020 axiscreativeteam 
* While WordPress and various plugins/components remain GPL or OpenSource
* All files in this specific package are part of a package
* This package is Closed Source and done for Private Development
* You may modify this package provided it is used only on this domain
* This project, its files and folders can not be copied and/or distributed 
* without the express permission of AxisCreativeTeam
* nor can this project be used on any other domain
* to use this project with permission contact 
* <tessa@axiscreativeteam.com> or <webmaster@axiscreativeteam.com>
*******************************************************/

/* CSS Document */

.clg-form input[type="text"], .clg-form input[type="password"], .clg-form input[type="date"],
.clg-form input[type="datetime"], .clg-form input[type="datetime-local"], 
.clg-form input[type="month"], .clg-form input[type="week"], .clg-form input[type="email"], 
.clg-form input[type="number"], .clg-form input[type="search"], .clg-form input[type="tel"], 
.clg-form input[type="time"], .clg-form input[type="url"], .clg-form  input[type="color"],
.clg-form input[type="file"], .clg-form  textarea {
	margin: 0 0 0 0;
    width: 100%;
    padding: 8px;
}
.clg-form .form-group {
	margin: 0 0 0.95rem 0; 
	 -webkit-transition: 0.25s;
    transition: 0.25s; 
}
/*----------------- ACTION MESSAGES ------------------*/
.clg-form .action_template_message p { 
	margin: 0 0 0 0; padding: 0 0 0 0;
	color:inherit; font-weight: bold;
}
.clg-form .action_template_message.checkemail,
.clg-form .action_template_message.loggedout,
.clg-form .action_template_message.pending,
.clg-form .action_template_message.activation, 
.clg-form .action_template_message.resend, 
.clg-form .action_template_message.sendactivation, 
.clg-form .action_template_message.incorrect_password, 
.clg-form .action_template_message.invalid_email, 
.clg-form .action_template_message.missing_info {
	 margin-bottom: 10px;  	
}
.clg-form .action_template_message.normal {
	 padding: 0 0 0 0; margin-bottom: 10px; 
}
.checkbox-area { text-align: right; float: right; clear: right; }
.checkbox-area .pw-checkbox { display: inline; margin: 0 0 0 0 !important;     position: relative;
    top: 2px; }
.checkbox-area  .checkbox-label { padding: 0 3px 0 0; }
.checkbox-area  label:hover { cursor: pointer}
.clg-form .clg-action-links li { 
	list-style-type: none;
	display: inline-block; margin: 5px;
	 float: right;
}
.clg-form .clg-action-links li a, 
.clg-form .action-link { 
	margin: 0 5px 0 0; padding: 2px; text-align: right; font-size: 12px; color: #4D4D4D;
}
.clg-form .action_template_message, 
.clg-form h3.action_template_message{ 
	margin: 0 0 5px 0; 
	font-size: 0.85rem; 
	line-height: 1rem; 
}
.clg-form .action_template_message p{ 
	font-size: inherit; color: inherit; 
	line-height: inherit; 
	letter-spacing: inherit; 
	font-weight: inherit; 
	margin: 0 0 0 0;
}
.clg-form .form-group{ 
	position: relative;
	display: block;
    clear: both;
}
 
/*------------------ icons-------------------*/
 
.clg-form .control-group {
    margin-bottom: 6px;
    position: relative;
}
 
.clg-form .form-control {
    position: relative; display: block;
}
.clg-form .form-control-icon {
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-transition: 0.25s;
    transition: 0.25s; 
}
/*------------------ WARN -------------------*/
.clg-form .form-group.warn .form-control + .form-control-icon,
.clg-form .form-group.warn .form-control:focus + .form-control-icon {
}
.clg-form .form-group.warn .form-control {
}
/*------------------ GOOD -------------------*/
.clg-form .form-group.good .form-control + .form-control-icon,
.clg-form .form-group.good .form-control:focus + .form-control-icon {
}
.clg-form .form-group.good .form-control {
}
/*------------------ ERROR -------------------*/
.clg-form .form-group.error .form-control + .form-control-icon,
.clg-form .form-group.error .form-control:focus + .form-control-icon {
}
.clg-form .form-group.error .form-control{
	margin: 0 0 0 0 !important; 
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}
.clg-form .form-group.error {
	margin: 0 0 1.75rem 0 !important; 
}
.error_msg {
	display: none;
}
.clg-form .form-group.error .error_msg {
	display: block; position: absolute; padding: 0 10px; width: 100%;
}
.clg-form .form-group.error .error_msg.recapcha {
	position: relative !important; top: -4px; padding: 3px 10px 3px 10px;
}
 
.clg-form .form-control-icon i {
}
.clg-form .form-control:focus + .form-control-icon i {
}
 
/*------------------ Password RESET styles -------------------*/
 #pass-strength-result {
	background-color: #eee;
	border: 1px solid #ddd;
	color: #23282d;
	font-weight: 600;
	margin: -1px 0 0.5em;
	padding: 3px 5px;
	text-align: center;
	width: 100%;
	opacity: 0;
}
/*.clg-resetpass */
#resetpassform .password-input { margin-bottom: 0 !important; }
.wp-hide-pw {
position: absolute;
right: 10px;
top: 10px;
	
}
/*------------------ too short -------------------*/
#pass-strength-result.short {
	background-color: #f1adad;
	border-color: #e35b5b;
	opacity: 1;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
#pass1.short,
#pass1-text.short {
	border-color: #e35b5b;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
/*------------------ weak -------------------*/
#pass-strength-result.bad {
	background-color: #fbc5a9;
	border-color: #f78b53;
	opacity: 1;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
#pass1.bad,
#pass1-text.bad {
	border-color: #f78b53;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
/*------------------ good -------------------*/
#pass-strength-result.good {
	background-color: #ffe399;
	border-color: #ffc733;
	opacity: 1;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
#pass1.good,
#pass1-text.good {
	border-color: #ffc733;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
/*------------------ strong -------------------*/
#pass-strength-result.strong {
	background-color: #c1e1b9;
	border-color: #83c373;
	opacity: 1;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
#pass1.strong,
#pass1-text.strong {
	border-color: #83c373;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
/*------------------ Hide/SHOW feature  -------------------*/
.clg .password-input-wrapper {
	display: table;
	width: 100%;
}
.clg .input.password-input {
	display: table-cell;
	margin: 0;
}
.clg .pw-weak {
	display: none;
	margin-bottom: 1.5em;
}
.clg .wp-hide-pw {
	cursor: pointer;
	display: table-cell;
	margin: 0;
	padding: 0 0.5em;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	    top: 10px; position: absolute;
    right: 5px; z-index: 999;
}
#pass1, #pass1-text { width: 100%; }
#pass1-text, .show-password #pass1 { display: none; }
.show-password #pass1-text{ display: inline-block; }
.clg-profile {
	max-width: 100%;
}
.clg-profile .clg-form-table {
	border-collapse: collapse;
}
.clg-profile .clg-form-table th,
.clg-profile .clg-form-table td {
	display: block;
	vertical-align: middle;
	width: auto;
}
.clg-profile .screen-reader-text,
.clg-profile .screen-reader-text span {
	height: 1px;
	left: -1000em;
	overflow: hidden;
	position: absolute;
	width: 1px;
}
.clg-profile .wp-pwd {
	text-align: right;
}
.clg-profile .wp-pwd .dashicons {
	font-size: 1em;
	line-height: 1;
	height: 1em;
	width: 1em;
	vertical-align: middle;
}
.clg-profile #pass-strength-result {
	margin: 0.5em 0;
}
.hidden,
.no-js .hide-if-no-js,
.js .hide-if-js {
	display: none;
}
@media screen and (min-width: 768px) {
	.clg-profile .clg-submit-wrap input {
		width: auto;
	}
}