
/* --------------------------------------
   Forms
   -------------------------------------- */

.form-control {
	background-color: #F7F7F7;
	font-size: 14px;
	width: 100%;
	padding: 8px;
	border: 1px solid #A1A1A1;
	border-radius: 0px;
	margin: 0px 0px 8px 0px;
}

.form-control-search {
	background-color: #F7F7F7;
	font-size: 14px;
	width: 100%;
	padding: 8px 8px 8px 8px;
	border: 1px solid #727272;
	border-radius: 0px;
	margin: 0px 0px 0px 0px;
}

.form-select {
	background-color: #F7F7F7;
	font-size: 14px;
    font-weight: 700;
	width: 100%;
	padding: 8px;
	border: 1px solid #000;
	border-radius: 0px;
	margin: 0px 0px 8px 0px;
    box-shadow: none !important;
    outline: 0 none !important;
    
}

.form-select:focus {
  border-color: #08AE13;     /* Primary color on focus */
  box-shadow: 0 0 0 0.25rem rgba(139,249,9,0.25);
}




.col-form-label {
	font-size: 16px;
	text-align: right;
}

.form-check-input {
        top: 0.8rem;
        scale: 1.2;
        margin-right: -20px;
        border-radius: 10px;
        border: 1px solid #000000;
    }

.form-check-input:checked {
        background-color: #11C200; 
        border-color: #11C200;
      }

.checkbox-lg .custom-check-input {
        top: 0.8rem;
        scale: 1.6;
        margin-right: 0.5rem;
        border-radius: 0px;
        border-color: #000000;
    
    }

.checkbox-lg .custom-check-label {
        padding-top: 13px;
    }

.custom-checkbox .form-check-input:checked {
        background-color: #11C200; 
        border-color: #11C200;
      }

.form-switch .form-check-input:checked {
    background-color: #11C200;
    border-color: #11C200;
}

.form-check-input.form-switch-success:focus {
    border-color: #11C200;
    box-shadow: 0 0 0 0.25rem rgba(17,194,0,0.25);
}


#MySpamTrap {display: none;}


/* --------------------------------------
   Media Queries
   -------------------------------------- */

/* Portrait & landscape phone */
@media (max-width: 480px) {

.col-form-label {
	text-align: left;
}	

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	
	
}

/* Large desktop */
@media (min-width: 1200px) {
	
}


