/*CUSTOM*/
.header{
	padding:20px;
	text-align:center;
}


/*FRAMEWORK*/

body{
	margin:0px;padding:0px;
	
}
.container{
	float:left;
}
.row, .col, .container, .card, .card img, .pagination{
	width:100%;
	
}
/*grid system*/

.grid{
	
}
.grid p, .grid h1,.grid h2,.grid h3,.grid h4,.grid h5,.grid h6{
	margin-left:15px;
}
.grid div{
	float:left;
	height:100%;
}

.w-10{
	width:10%;
}
.w-20{
	width:20%;
}
.w-30{
	width:30%;
}
.w-40{
	width:40%;
}
.w-50{
	width:50%;
}
.w-60{
	width:60%;
}
.w-70{
	width:70%;
}
.w-80{
	width:80%;
}
.w-90{
	width:90%;
}
.w-100{
	width:100%;
}

.w-25{
	width:25%
}

.w-75{
	width:75%
}

.pad{
	padding:10px;
}
.pad-0{
	padding:0px;
}

.mar{
	margin:10px;
}
.mar-0{
	margin:0px;
}

.left, .row, .col, .pagination{
	float:left;
}
.right{
	float:right;
}

.center{
	margin-left:auto;
	margin-right:auto
}

.row{
	padding:0px;
}
.container{
	padding:16px;
}

.block{
	display:block;
}
.panel, .note{
	margin-top:16px;
	margin-bottom:16px;
	padding:10px;
}

.card{
	margin:10px;
}

.card p, .card h1, .card h2, .card h3, .card h4, .card h5, .card h6{
	padding-left:10px;
}

.navbar{
	float:left;
	width:100%;
}
.pagination{
	width:auto;
}
.sidebar{

}
.nav,.navbar, .pagination, .crumbs{
	display:block;
	list-style-type:none;
	padding:0px;
}

.form-block input{
	display:block;
}

.btn{
	padding:8px 16px;
	margin:5px;
	text-decoration:none;
	display:block;
}
.nav li,.nav a{
	padding:8px 16px;
	text-decoration:none;
}

.navbar li, .navbar a, .pagination a{
	float:left;
	padding:8px 16px;
	text-decoration:none;
}

.border, .bor{
	border: 1px solid;
}
.bor-left{
	border-left: 1px solid;
}
.bor-right{
	border-right: 1px solid;
}
.bar-left{
	border-left: 3px solid;
}
.bar-right{
	border-right: 3px solid;
}

.border-dashed{
	border: 1px dashed;
}

.serif{
	font-family: serif;
}
.ariel{
	font-family: arial;
}
.monospace{
	font-family: monospace;
}

.text-center{
	text-align:center;
}

.code, .key{
	background-color:#ccc;
	padding: 5px;
	font-family: monospace;
}

.code{
	border: 1px dashed;
}

.key{
	border: 2px solid;
}

.clr-red{
	background-color:#d75f5f;
	color:#fff;
}
.clr-dark-red{
	background-color:#af8787;
	color:#fff;
}
.clr-pale-red{
	background-color:#ffd7d7;
	color:#333;
}
.clr-green{
	background-color:#5faf87;
	color:#fff;
}
.clr-dark-green{
	background-color:#87af87;
	color:#fff;
}
.clr-pale-green{
	background-color:#d7ffd7;
	color:#333;
}
.clr-blue{
	background-color:#5f87d7;
	color:#fff;
}
.clr-dark-blue{
	background-color:#5f87af;
	color:#fff;
}
.clr-pale-blue{
	background-color:#d7d7ff;
	color:#333;
}
.clr-yellow{
	background-color:#ffd787;
	color:#333;
}
.clr-dark-yellow{
	background-color:#d7af00;
	color:#fff;
}
.clr-pale-yellow{
	background-color:#ffffd7;
	color:#333;
}
.clr-white{
	background-color:#fff;
}
.clr-grey, .clr-gray{
	background-color:#c6c6c6;
}
.clr-light-grey, .clr-light--gray{
	background-color:#e4e4e4;
}
.clr-dark-grey, .clr-dark-gray{
	background-color:#757575;
}
.clr-black{
	background-color:#444;
	color:#fff;
}
.clr-black li:hover{
	background-color:#111;
	color:#fff;
}