html, body {
    margin: 0px;
}

div.center, div.main, form.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

div, form {
    overflow: auto;
    box-sizing: border-box;
    padding-right: 15px;
	padding-left: 15px;
}

form div {
    padding: 0px;
}

.no-pad {
    padding: 0;
}

@media (min-width: 768px){	
	.col-1{	
		width: 8.333%;
	}

	.col-2{
		width: 16.666%;
	}
	.col-3{
		width: 25%;
	}

	.col-4{	
		width: 33.333%;
	}
	.col-5
	{
		width: 41.666%;
	}
	.col-6
	{
		width: 50%;
	}
	.col-7
	{
		width: 58.333%;
	}
	.col-8
	{
		width: 66.666%;
	}
	.col-9
	{
		width: 75%;
	}
	.col-10
	{
		width: 83.333%;
	}
	.col-11
	{
		width: 91.666%;
	}
	.col-12
	{
		width: 100%;
	}

	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, input-control
	{
		float: left;
        box-sizing: border-box;       
	}
}

@media (max-width: 767px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12
	{
		width: 100%;
	}
}

/*Special containers*/
.footer {
    min-height: 200px;
    width: 100%;
}

.rounded
{
    border-radius: 10px 10px;
}

/*Tables*/
table{
    text-align: left;
    border-collapse: collapse;
}

/*Color Schemas*/
.bg-black
{
    background-color: rgb(70, 70, 70);
    color: white;
}

/*Color Schemas*/
.bg-blue
{
    background-color: rgb(64,99,145);
    color: white;
}

/*Test purposes*/
.red {
    background-color: red;
}

.blue {
    background-color: blue;
}

.pink {
    background-color: pink;
}

.prettypink {
    background-color: hotpink;
}