.swf_status{
	 width: 12%;
	 font-size: 12px;
	 float: left;
	 text-align: center;
	 color: #999;
	 cursor: pointer;
 }

 .swf_status.on{
	 color: #12962e;
 }
 
 .status_light{
	 height:20px;
	 width:20px;
	 border-radius: 50%;
	 border:1px solid #BBB;
	 margin: auto;
	 margin-bottom: 5px;
	 
 }
 
 .swf_status.on .status_light{
	 background-color: #12962e;
	 border: none;
 }


/* Dev Request Client Adding */

.new-requester-search-container{
	display: inline-block; 
	position:relative; 
	width:250px; 
	border: 1px dotted #CCC;

}

#contact-search{
	width:70%;
}

#contact-search-output{
	position:absolute; 
	display:none; 
	z-index:1000; 
	border: 1px solid #CCC; 
	background-color: #FEFEFE; 
	top:25px; 
	left:0px; 
	width:100%;
}

.found-contact{
	line-height: 14px; 
	margin-top:3px; 
	padding:5px; 
	border-bottom:1px solid #EEE; 
	overflow:auto;
}

.found-contact .contact-state{
	float:left;  
	margin-right:10px;
}

.found-contact .contact-info{
	display:block; 
	margin-left:10px;
}

.found-contact .contact-info .full-name{
	font-weight:normal; 
	margin-bottom:2px
}

.found-contact .contact-info .school-name{
	font-weight:bold;
}

.found-contact .contact-info .email{
	font-weight:normal; 
	font-style:italic;
}

#contact-search-output .new-contact-container{
	line-height: 14px; 
	margin-top:3px; 
	padding:5px; 
	border-bottom:1px solid #EEE; 
	cursor:pointer;
	
}

#add_contact_from_search .new-label{
	display: inline-block;
	width:80px;
}

#add_contact_from_search .new-input{
	width: 60%;
}

/* End Dev Request Client Adding */

/* On/Off Toggle Switch — replaces legacy on_switch.png / off_switch.png */
.oo-switch {
    display: inline-block;
    width: 58px;
    height: 28px;
    border-radius: 14px;
    background: #b08888;
    position: relative;
    cursor: pointer !important;
    transition: background 0.2s ease;
    vertical-align: middle;
    flex-shrink: 0;
    margin-bottom: 6px;
}
.oo-switch.oo-on {
    background: #12962e;
}
.oo-switch::after {
    content: '';
    position: absolute;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: white;
    top: 3px;
    left: 3px;
    transition: left 0.2s ease;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
    cursor: pointer;
}
.oo-switch.oo-on::after {
    left: 33px;
}
.oo-switch.oo-on::before {
    content: 'ON';
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px;
    font-weight: bold;
    color: white;
    letter-spacing: 0.5px;
    line-height: 1;
    cursor: pointer;
}
.oo-switch.oo-off::before {
    content: 'OFF';
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px;
    font-weight: bold;
    color: white;
    letter-spacing: 0.5px;
    line-height: 1;
    cursor: pointer;
}
/* End On/Off Toggle Switch */

/* Yes/Unknown/No Three-State Switch (-1=Unknown, 0=No, 1=Yes) */
.tns-switch {
    display: inline-block;
    width: 70px;
    height: 28px;
    border-radius: 14px;
    background: #888;
    position: relative;
    cursor: pointer !important;
    transition: background 0.2s ease;
    vertical-align: middle;
    flex-shrink: 0;
    margin-bottom: 6px;
}
.tns-switch.tns-yes { background: #12962e; }
.tns-switch.tns-no  { background: #c62828; }
/* Knob */
.tns-switch::after {
    content: '';
    position: absolute;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: white;
    top: 3px;
    left: 24px; /* center = unknown default */
    transition: left 0.2s ease;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
    cursor: pointer;
}
.tns-switch.tns-yes::after { left: 45px; }
.tns-switch.tns-no::after  { left: 3px; }
/* Labels */
.tns-switch.tns-yes::before {
    content: 'YES';
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    font-weight: bold;
    color: white;
    letter-spacing: 0.5px;
    line-height: 1;
    cursor: pointer;
}
.tns-switch.tns-no::before {
    content: 'NO';
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    font-weight: bold;
    color: white;
    letter-spacing: 0.5px;
    line-height: 1;
    cursor: pointer;
}
.tns-switch.tns-unknown::before {
    content: '?';
    position: absolute;
    right: 9px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    font-weight: bold;
    color: white;
    line-height: 1;
    cursor: pointer;
}
/* End Yes/Unknown/No Three-State Switch */