.form {
    width: 400px;
    margin: 20 auto 0 auto;
}

.center-fit {
	object-fit: contain;
	margin: 20px auto 0 auto;
	display: block;
	position: relative;
}

.form-submit-inline {
  display: inline-block;
  width: 150px;
  margin-right: 20px;
}

.input-submit-inline{
  width: 150px;
  height: 25px;
  margin: 10px;
  
  border-radius: 4px;
}

.form-group-center-horizontal {
  margin: 0 auto;
  text-align: center;
}

input[type=text], input[type=password] {
    /* width: 100%; */
    height: 25px;
    padding: 12px 10px;
    margin: 4px 0;
    box-sizing: border-box;
    border: 2px solid slateblue;
    border-radius: 4px;
  }


  input[type=text]:hover, input[type=password]:hover, select:hover {
    border-color: red;
  }
  
  input[type=text]:focus, input[type=password]:focus, select:focus {
    border-color: red;
  }
  
  select {
    height: 25px;
    margin: 4px 0;
    box-sizing: border-box;
    border: 2px solid slateblue;
    border-radius: 4px;
  }


  
  .input-submit{
    width: 40%;
    height: 25px;
    margin: 20px 30%;
    border-radius: 4px;
  }
  input[type=submit]:hover {
    border-color: black;
  }

  .input-important {
    width: 40%;
    height: 25px;
    /* padding: 12px 20px; */
    /* margin: 10px 0; */
    margin: 20px 30%;
    /* box-sizing: border-box;
    border: 2px solid slateblue; */
    border-color: darkorange;
    border-style: solid;
    border-width: 2px;
    border-radius: 4px;
    background-color: orangered;
  }

  .form-subtitle {
    text-align: center;
    margin-bottom: 20px;
    width: 100%;
  }

  .form-group {
    width: 100%;
    margin-bottom: 20px;
  }

  .form-group  label{ 
    display: inline-block;
    width: 25%;
    vertical-align: center;
    margin-top: 5px;
  }

  .form-group-insert {
    display: inline-block;
    text-align: right;
    width: 50px;
    right: 5px;
  }

 
  textarea {
    width: 100%;
    height: 75px;
    padding: 12px 10px;
    margin: 4px 10x;
    box-sizing: border-box;
    border: 2px solid slateblue;
    border-radius: 4px;
    resize: none;
    font-family:"Times New Roman", Times, serif;  
    font-size: 14px;  
    padding: 4px;

  }

  .form-group  input[type=text], input[type=password], select , textarea, input[type=checkbox] { 
    display: inline-block;
    width: 70%;
    vertical-align: top;
  }

  .form-group-checkbox {
    margin-bottom: 20px;
  }

  .form-group-checkbox label{ 
    display: inline-block;
    width: 75px;
    top: 0;
  }

  .form-group-checkbox input[type=checkbox]{ 
    display: inline-block;
    width: 20px;
    height: 15px;
  }

  .form-group-select-multi {
    /* width: 100%; */
    height: 160px;
    /* padding: 12px 10px; */
    /* margin: 4px 0;
    box-sizing: border-box;
    border: 2px solid slateblue;
    border-radius: 4px; */
  }

  .form-group-select-multi select {
    /* width: 100%; */
    height: 160px;
    padding: 5px;
    /* padding: 12px 10px; */
    /* margin: 4px 0;
    box-sizing: border-box;
    border: 2px solid slateblue;
    border-radius: 4px; */
  }

  .form-group-select-multi label {
    vertical-align: top;
    padding-top: 5px;
  }


  .form-group-textarea {
    /* width: 100%; */
    height: 75px;
    /* padding: 12px 10px; */
    /* margin: 4px 0;
    box-sizing: border-box;
    border: 2px solid slateblue;
    border-radius: 4px; */
  }

  .form-group-textarea input[type=textarea] {
    /* width: 100%; */
    height: 75px;
    padding: 5px;
    border: 2px solid slateblue;
    border-radius: 4px;
    width: 70%;
    /* padding: 12px 10px; */
    /* margin: 4px 0;
    box-sizing: border-box;
    border: 2px solid slateblue;
    border-radius: 4px; */
  }

  .form-group-textarea label {
    vertical-align: top;
    padding-top: 5px;
  }



  .form-group-stacked {
    width: 100%;
    margin-bottom: 20px;
  }

  .form-group-stacked  label{ 
    margin-top: 0;
    margin-bottom: 5px;
  }

  .form-group-stacked input[type=text] , .form-group-stacked input[type=password], .form-group-stacked select, .form-group-stacked textarea { 
    margin-top: 5px;
    width: 100%;
  }

  .form-group-stacked-checkbox {
    margin-bottom: 20px;
  }

  .form-group-stacked-checkbox label{ 
    /* display: inline-block;
    width: 75px; */
    display: block;
    margin-bottom: 5px;
    width: 100%;
    top: 0;
  }

  .form-group-stacked-checkbox input[type=checkbox]{ 
    /* display: inline-block;
    width: 20px; */
    width: 20px;
    height: 15px;
  }