@CHARSET "UTF-8";


body{
    font-family:Roboto;
}


@media only screen and (max-width: 770px) {
	
	.headerName {
		max-width: 260px;
		min-width: 260px;
		font-size: 23pt;
		color: #8DC53F;
		border-radius: 10px;
		border: 2px solid #CCCCCC;
		padding: 0% ;
		margin-bottom:40px;
	}
	
	.container-spacy-2{
		padding:80px 10px 2% 2%;
	}
}

 @media only screen and (min-width: 770px) {

	.headerName {
		max-width: 350px;
		min-width: 349px;
		font-size: 32pt;
		color: #8DC53F;
		border-radius: 10px;
		border: 2px solid #CCCCCC;
		padding: 0% ;
		margin-bottom:40px;
	}
	
	.container-spacy-2 not(#home){
		padding:70px 30px 2% 2%;
	}

}


/*
**Containers
*/
.container{
	padding:30px 20px;
}


.container-spacy{
	padding:40px 20px;
}



/*
** Backgrounds
*/	
.background-green{
	background-color:#8DC53F
}


/*
** Header
*/
header#main{
	margin-bottom:40px;
}


/*
** Navigation
*/
nav#main ul{
	list-style-type:none;
	margin:0;
	padding:0;
	float:right;
}

nav#main ul li{
	display:inline-flex;
	margin-right:20px;
	
}

nav#main ul li:last-child{
	margin-right:0px;
}

nav#main ul li a{
	font-size:80%;
	text-transform:uppercase;
	font-weight:600;
	text-style:bold;
}

nav#main ul li a:not(.button){
		color: #8C8C8C;
}


/*
** Buttons
*/
.button{
	padding:14px 30px;
	border-radius:5px;
}

.button-primary,
.button-primary:hover{
	background:#8DC53F;
	color:#fff;
}


/*
** Features
*/

.feature{
	margin-top:20px;
}

.feature h1{
	font-size:4.5em;
	text-transform:uppercase;
	font-weight:900;
	line-height:70px;
	margin-bottom:40px;
}

.feature img{
	width:80%;
	float:center;
}

.services{
	text-align:center;
}

.services h5{
	font-weight:600;
	font-size:1.4em;
}

.services p{
	font-size:80%;
	margin-bottom: 40px;
}

.gray-background{
	background-color: #eeeeec;
	margin: 5px;
	padding:20px;
	border-radius: 10px;
}

.gray-border:last-child{
	margin-right:0px;
}


.pad_selectbox_left {
    min-width: 30%;
    float:left;   
    padding: 1px;
}
.pad_selectbox_right {
    width: 68%;  
    float: left;
    padding: 1px;
}


.alertBox-change{
    margin: 0;
    padding: 10;
}

div.fixedLoc {
    position: fixed;
    top: 3px;
    text-align: right;
    width: 100%;
}

div.fixedBottom {
    position: fixed;
    bottom: 0;
    text-align: right;
    width: 100%;
    background-color: #FFFFFF;
    z-index: 98;
}

right{
    float: right;
}

.changeLogBox {
    position: fixed;
    width: 90%;
    height: 40%;
    background-color: #FFFFFF;
    top: 10%;
    left: 5%;
    z-index: 1;
}

div.bottomRow {
    position: absolute;
    bottom: 5px;
    text-align: right;
    width: 90%;
    background-color: #FFFFFF;
}

.form-control-custom {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

div.fixedWarning {
    position: absolute;
    height: 100px;
    width: 90%;
    top: 40%;
    left: 5%;
    text-align: center;
    vertical-align: middle;
    font-size: larger;
    z-index: 100;
    border: 1px;
    border-color: black;
    border-style: solid;
}

.fixedSavePopup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    text-align: center;
    vertical-align: middle;
    font-size: larger;
    z-index: 100;
    border: 1px;
    border-color: black;
    border-style: solid;
}

.fixedSavePopupBackground {
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    font-size: larger;
    z-index: 99;
    border: 1px;
    border-color: black;
    border-style: solid;
    background-color: black;
    opacity: .9;
}

.thinbtn {
    display: inline-block;
    padding: 3px 4px;
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #337ab7;
}

.alert-custom-gray {
    color: #555;
    background-color: #CCCCCC;
    border-color: #CCCCCC;
    padding: 4px;
    text-align: center;
    margin: 4px 0 0 0;
}

.alert-custom-complete {
    color: #555;
    background-color: #CCCCCC;
    border-color: #8C8C8C;
}

.overFlowBox{
    overflow: auto;
}


.fixedSavePopupBackground {
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    font-size: larger;
    z-index: 99;
    border: 1px;
    border-color: black;
    border-style: solid;
    background-color: black;
    opacity: 1;
}


.newFieldBox_Center {
    position: fixed;
    min-width: 350px;
    width: 40%;
    height: 90%;
    background-color: #FFFFFF;
    transform: translate(-50%, -20%);
    text-align: center;
    top: 20%;
    left: 50%;
    z-index: 100;
}


.bottomOfBox {
    position: absolute;
    bottom: 1px;
    height: 45px;
    width: 91%;
    background: #FFFFFF;
    border: 0px;
    border-color: #000;
    border-style: solid;
    padding: 4px;
    z-index: 100;
}

.pointer {
    cursor: pointer;
}

.clearSelectDrop {
    border: 0;
    -webkit-appearance: none;
    background: none;
    pointer-events: none;
}


input[type=radio] {
    border: 0px;
    width: 20px;
    height: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}