.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
	margin: 0px 5px;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
	
	
}

.checkbox label input[type="checkbox"]:checked + .cr{
	background-color: #428bca;
    border-color: #357ebd;
    color: white;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
	
}

.card-header  .checkbox {
	margin-left: 0.3em;
	display: inline;
	line-height: 1.2;
	position: absolute;
	right: 10px;
	margin-top: 4px;
}

.card-header  .checkbox .cr{
	float: right;
	margin-left: 8px;
}

.card-header  .checkbox .cr{	
	
}

.card-header  .checkbox label{
	margin-bottom: 0
}

.checkbox .cr .cr-icon{
	margin-top: 1px;
}
.checkbox .cr .cr-icon:before{
	margin-left: -1px;
}

.card-header  button{
	position: absolute;
	right: 15px;
	top: 8px;
	border-color: lightgray;
}

.card-header  button#edit-aps{
	left: 15px;
}
.card-header  button:hover, .card-header button:active{
	border-color: darkgrey;
}