.card {

position: absolute;
width: 200px;
z-index: 4;
background-color: #D9D9DA;
color: #4B5B75;

}

.card-block {

padding: 4px;

}

.card-title {

float: left;
margin: 0px;
font-size: 18px;
font-weight: bold;
color: #D9D9DA;

}

.table-nav-buttons {

float: right;

}

.card-header {

padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
background-color: #4B5B75;

}

.table-form {

width: 100%;

}

.column-form {

width: 70%;

}

.tag-danger {

background-color: darkred;

}

.tag-default {

background-color: #4B5B75;
color: #FFF0D7;

}

.fa-arrows {

float: left;
margin-top: 2px;
margin-right: 2px;
color: #D9D9DA;

}

.fa-trash {

color: darkred;
margin: 0px;

}

.fa-plus-square {

color: #D9D9DA;
margin-top: 2px;
margin-right: 0px;

}

.list-group {

border: none;
border-radius: 4px;
border-left: 2px solid #4B5B75;
border-right: 2px solid #4B5B75;
border-top: 2px solid #4B5B75;

}

.list-group-item {

height: 26px;
padding: 3px;
max-width: 250px;
overflow: hidden !important;
background-color: #D9D9DA;
border: none;
border-bottom: 2px solid #4B5B75;

}

.type-span {

max-width: 60px;
float: left;
color: #D9D9DA;

}

.column-title-outer {

position: absolute;
width: 54%;
overflow: scroll;
margin-left: 62px;

}

.delete-column {

color: darkred;
float: right;

}

.delete-ref {

color: darkred;
float: right;

}