.grecaptcha-badge { 
     bottom: 80px !important; 
}

:root {
  --App-button-bg-color: 	        #A2CD6D;	/* lighter App Green */
  --App-button-bg-color-hover: 		#3765AA;	/* hover lighter App Green */
  --App-button-inactive-bg-color: 	gray;		
  --App-button-color: 			black;	
  --App-timer-track-bg-color:  		white;		/* light gray */
  --App-timer-pole-bg-color:  		#0E9F2C;	/* #0E9F2C darker App Green */
}



/* ================================================= */
/* form-style-2 = DESKTOP  and form-style-3 = MOBILE */
/* ================================================= */

.form-style-2, 
.form-style-3
{
    padding: 10px 12px 10px 10px;
}

.form-style-2{ font: 18px Arial, Helvetica, sans-serif;	} 	/*  Desktop */
.form-style-3{ font: 18px Arial, Helvetica, sans-serif; }	/*  Mobile  22 */

.form-style-2-heading,
.form-style-3-heading
{
    font-weight: bold;
    font-style: italic;
    border-top: 2px solid #ddd;
    margin-bottom: 10px;
    padding-top: 3px;
}

.form-style-2 label,
.form-style-3 label
{
    display: block;
    margin: 0 0 15px 0;
}

.form-style-2 label > span,
.form-style-3 label > span
{
    font-weight: bold;
    float: right;
    padding-top: 8px;
    padding-right: 5px;
    font: 13px Arial, Helvetica, sans-serif;
}

.form-style-2 span.required,
.form-style-3 span.required
{ 
   color:red;
}


.form-style-2 input,
.form-style-2 .input-field,
.form-style-2 .textarea-field,  
.form-style-2 .select-field,
.form-style-3 input,
.form-style-3 .input-field,
.form-style-3 .textarea-field,  
.form-style-3 .select-field
{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 2px solid #C2C2C2;
    box-shadow: 3px 3px 12px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px;
    outline: none;
}



.form-style-2 input,
.form-style-2 .input-field
{ font: 18px Courier, Courier New, Lucida Console, Monaco; } 	/*  Desktop  Courier, Courier New, Lucida Console, Monaco;*/

.form-style-2 .textarea-field,  
.form-style-2 .select-field
{ font: 18px Arial, Helvetica, sans-serif; } 			/*  Desktop  Arial, Helvetica, sans-serif;*/

							
.form-style-3 input,
.form-style-3 .input-field
{ font: 22px Courier, Courier New, Lucida Console, Monaco; } 	/*  Mobile */

.form-style-3 .textarea-field,  
.form-style-3 .select-field
{ font: 22px Arial, Helvetica, sans-serif; }			/*  Mobile */

.form-style-2 div.cmd_window,
.form-style-3 div.cmd_window
{
    background: black;
    color:white;
    padding: 10px 10px 10px 10px;
    overflow-y: scroll; 
    height: 280px;
    font-family: Courier, Courier New, Lucida Console, Monaco;
}

.form-style-2 div.cmd_window_timer,
.form-style-3 div.cmd_window_timer
{
    background: black;
    color:yellow;
    padding: 10px 10px 10px 10px; 
    text-align:left;
    font-family: Courier, Courier New, Lucida Console, Monaco;
}

.form-style-2 div.cmd_window_timer
{
    height:20px;
    width: calc(100% - 20px);
    font-size: 20px;
}
.form-style-3 div.cmd_window_timer
{
    height:30px;
    width: calc(100% - 20px);
    font-size: 18px;
}

span.cmd_window_highlight
{
    color:yellow;
}

.abs-timer-track
{
   background-color:var(--App-timer-track-bg-color);
}

.abs-timer-pole
{
   background-color:var(--App-timer-pole-bg-color);
}  

.form-style-2 div.cmd_window
{ font-size: 18px; }

.form-style-3 div.cmd_window
{ font-size: 18px; }


/* ================= */
/* Field ID specific */
/* ================= */

.form-style-2 #self_owned_projects_selection,
.form-style-2 #associate_owned_projects_selection,
.form-style-3 #self_owned_projects_selection,
.form-style-3 #associate_owned_projects_selection
{ font-family: Courier, Courier New, Lucida Console, Monaco; }

#proj_name,#proj_desc,#proj_passphrase,
#required_first_name,#required_last_name,#required_email
{width:19ch;}


#required_logon,#proj_owner,#phone,
#required_pw,#required_pw2
{width:15ch;}

#proj_id
{width:25ch;}

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

.form-style-2 input:focus,
.form-style-2 .textarea-field:focus,  
.form-style-2 .select-field:focus,
.form-style-3 input:focus,
.form-style-3 .textarea-field:focus,  
.form-style-3 .select-field:focus
{
    border: 2px solid #0C0;		/* #0C0 */
}

.form-style-2 .textarea-field,
.form-style-3 .textarea-field
{
    height:90px;
    width: 75%;
}

#webhook_link_email_button,
#webhook_link_copy_clip_button,
#webhook_link_email_button_inactive,
#webhook_link_copy_clip_button_inactive,
{
    border: 1px solid black;
    padding: 5px 10px 5px 10px;		/* 8px 15px 8px 15px; */
    box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;
    font: 18px Arial, Helvetica, sans-serif;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

#webhook_link_email_button,
#webhook_link_copy_clip_button
{
    cursor: pointer;
    background:  var(--App-button-bg-color); 
    color: var(--App-button-color);
    display:inline-block;
}

#webhook_link_email_button_inactive,
#webhook_link_copy_clip_button_inactive
{
    cursor: not-allowed;
    background:  var(--App-button-inactive-bg-color); 
    color: var(--App-button-color);
    display:none;
}

#webhook_link_email_button:hover,
#webhook_link_copy_clip_button:hover
{
    background:  var(--App-button-bg-color-hover);
    color: #fff;
}

input[type=submit],
input[type=button]
{
    border: 1px solid black;
    cursor: pointer;
    padding: 5px 10px 5px 10px;		/* 8px 15px 8px 15px; */
    background:  var(--App-button-bg-color); 
    color: var(--App-button-color);
    box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;
    font: 18px Arial, Helvetica, sans-serif;
    display:inline-block;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}


input[type=submit]:hover,
input[type=button]:hover
{
    background-color: #3765AA;			/* #3765AA */
    color: #FFF;				/* #FFF */
}


	/****************/
	/* dead buttons */
	/****************/

.dead_button input[type=submit],
.dead_button,
.dead_button input[type=submit]:hover,
.dead_button input[type=button]:hover
{
  
    cursor: not-allowed;  
    background: red; /* var(--App-button-inactive-bg-color); */
    color: var(--App-button-color);
}

	/****************/
	/* live buttons */
	/****************/


.form-style-2 .live_button
{
    cursor: pointer;
    background: var(--App-button-bg-color);
    color: var(--App-button-color);
}


.live_button input[type=button]:hover
{
    cursor: pointer;
    background: var(--App-button-bg-color-hover);
    color: var(--App-button-color-hover);
}

	/*********************/
	/* stateless buttons */
	/*********************/

.form-style-2 .bi_state_button_active input[type=button],
.form-style-2 .bi_state_button_active input[type=button]:hover,
.form-style-3 .bi_state_button_active input[type=button],
.form-style-3 .bi_state_button_active input[type=button]:hover
{
    cursor: pointer;
    background: orange;
    color: purple;
}

.form-style-2 .bi_state_button_inactive input[type=button],
.form-style-2 .bi_state_button_inactive input[type=button]:hover,
.form-style-3 .bi_state_button_inactive input[type=button],
.form-style-3 .bi_state_button_inactive input[type=button]:hover
{
    cursor: default;
    background: orange;
    color: purple;
}

#remove_from_associats_button .bi_state_button_active,
#remove_from_associats_button .bi_state_button_inactive
{
    cursor: pointer;

    background: orange;
    color: purple;
}

.bi_state_button_active,
.bi_state_button_inactive
{
    cursor: pointer;

    background: orange;
    color: purple;
}

span.tall_btn 
{
        word-break: keep-all;
        text-align: center;
        width: 50px;
}

td.input_label_td  
{
    text-align: right;
    vertical-align: middle;
}

td.input_td 
{
    text-align:left;
    vertical-align:middle;
}

td.tag_td 
{
    text-align:left;
    vertical-align:middle;
    font-family: Courier, Courier New, Lucida Console, Monaco;
}

td.button_L_td 
{
    text-align:left;
    vertical-align:middle;
}

td.button_C_td 
{
    text-align:center;
    vertical-align:middle;
}

td.section_header,
th.section_header 
{
    text-align:center;
    vertical-bottom:middle;
    color: green;
    font-color: green;
    text-color: green;
}

hr.section_header 
{
    display:inline-block;
    width: 100%;
}

table.hot_project_table
{
	border-collapse: separate;
	border:		0 0 0 0;
	border-spacing:	0;
        cellpadding:  	0 0 0 0;
	cellspacing:  	0;
        padding: 	0 0 0 0;

        margin:		0 0 0 0;
}

tr.hot_project_row
{
    cursor: pointer;
}

tr.hot_project_row:hover
{
    background: var(--App-button-bg-color);
}

div.hot_project_list
{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 2px solid #C2C2C2;
    box-shadow: 3px 3px 12px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px;
    outline: none;
}

a.boring
{
   text-decoration:none;
   color : black;
   cursor: pointer;
   font-weight: bold;
}

.logon_msg_i_div,
div.logon_msg_i_div,
tr.logon_msg_i_div
{
   cursor:pointer;
    background: red;
}

.logon_msg_i_div:hover,
div.logon_msg_i_div:hover,
div.logon_msg_i_div:hover
{
    background: var(--App-button-bg-color);
}

span.like_link
{
   text-decoration:none;
   color : blue;
   cursor: pointer;
   font-weight: bold;
}