@charset "utf-8";
/* CSS Document */

input {
    width: 100%;
	
	background-color: #eeeeee;
    margin: 0em;
    padding: 5px 5px;
	
    border-width: 2px;
    border-style: solid;
    border-color: #8f8f8f;
    border-image: initial;
}

input[type="text"], input[type="password"], textarea, select { 
    outline: none;
}

.input-validation-error { 
    border-width: 3px;
	border-color: #a61903;
}

/**
 * Remove focus styles for non-keyboard focus.
 */
:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

/**
 * Cross-browser styles for explicit focus via 
 * keyboard-based (eg Tab) navigation or the
 * .focus-visible utility class.
 */
:focus,
.focus-visible:focus:not(:focus-visible) {
  outline: 0;
  box-shadow:
    0 0 0 .2rem #fff,
    0 0 0 .35rem #000;
}

.form-require {
    font-size: 12pt;
    font-weight: 600;
    color: red;
    float: right;
    margin-top: 18px;
}

.btn {
    color: #fff;
    background: #d81f04;
	
	margin-top: 15px;
}
.btn-primary {
    color: #fff;
    background-color: #d81f04;
    border-color: #d81f04;
}

.btn-primary:hover {
    color: #fff;
    background-color: #a61903;
    border-color: #d81f04;
}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	.paddingbottommobile {
    	padding-bottom: 15px;
	}
	
	.mx-auto {
		padding-left: 0px;
    	padding-right: 0px;
	}
	
	.mx-auto .left {
		padding-left: 0px;
    	padding-right: 0px;
		
		padding-bottom: 15px;
	}
	
	.mx-auto .right {
		padding-left: 0px;
    	padding-right: 0px;
	}
	
	.mx-auto .col-sm-12 {
		padding-left: 0px;
    	padding-right: 0px;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	.paddingbottommobile {
    	padding-bottom: 0px;
	}
	
	.mx-auto {
		padding-left: 0px;
    	padding-right: 0px;
	}
	
	.mx-auto .left {
		padding-left: 0px;
    	padding-right: 0px;
		
		padding-bottom: 15px;
	}
	
	.mx-auto .right {
		padding-left: 0px;
    	padding-right: 0px;
	}
	
	.mx-auto .col-sm-12 {
		padding-left: 0px;
    	padding-right: 0px;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

	.mx-auto {
		padding-left: 0px;
    	padding-right: 0px;
	}
	
	.mx-auto .left {
		padding-left: 0px;
    	padding-right: 0px;
		
		padding-bottom: 0px;
	}
	
	.mx-auto .right {
		padding-left: 15px;
    	padding-right: 0px;
	}
	
	.mx-auto .col-sm-12 {
		padding-left: 0px;
    	padding-right: 0px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.paddingbottommobile {
    	padding-bottom: 0px;
	}

	.mx-auto {
		padding-left: 0px;
    	padding-right: 0px;
	}
	
	.mx-auto .left {
		padding-left: 0px;
    	padding-right: 0px;
		
		padding-bottom: 0px;
	}
	
	.mx-auto .right {
		padding-left: 15px;
    	padding-right: 0px;
	}
	
	.mx-auto .col-sm-12 {
		padding-left: 0px;
    	padding-right: 0px;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.paddingbottommobile {
    	padding-bottom: 0px;
	}
	
	.mx-auto {
		padding-left: 0px;
    	padding-right: 0px;
	}
	
	.mx-auto .left {
		padding-left: 0px;
    	padding-right: 0px;
		
		padding-bottom: 0px;
	}
	
	.mx-auto .right {
		padding-left: 15px;
    	padding-right: 0px;
	}
	
	.mx-auto .col-sm-12 {
		padding-left: 0px;
    	padding-right: 0px;
	}
}