thead { 
    background-color:#eee;
}
.feather {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
}
.card-title {
    font-weight:bold;
}
.input-validation-error {
    background-color: #f2dede;
    border: 1px solid #f2aeae;
}
.col-form-control {
    width:100%;
    max-width:600px;
}
/* For sidebar and main content*/
.col-fixed {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 100%;
}

.col-fluid {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 100%;
}

@media (min-width: 0px) and (max-width: 992px) {
    .col-fixed
{
    width: 75px;
}

.col-fluid {
    width: calc(100% - 75px);
}

}

@media (min-width: 992px) {
    .col-fixed {
        width: 300px;
    }

    .col-fluid {
        width: calc(100% - 300px);
    }
}
/*
 * Sidebar
 */
.sidebar {
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
    min-height: calc(100vh - 81px);
}
.sidebar-large .nav-link.active {
    color: #fff;
    background-color: #1aa0d5;
    border-radius: 20px;
}

/*
.sidebar .nav-link {
    font-weight: 500;
    color: #333;
}

    .sidebar .nav-link .feather {
        margin-right: 4px;
        color: #999;
    }

    .sidebar .nav-link.active {
        color: #fff;
        background-color: #1aa0d5;
        border-radius:20px;
    }

        .sidebar .nav-link:hover .feather,
        .sidebar .nav-link.active .feather {
            color: inherit;

        }
        .sidebar .nav-link:hover  {
            font-weight: bold;
        }

.sidebar-heading {
    font-size: .75rem;
    text-transform: uppercase;
}*/
.nav-padded>.nav-item {
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}
/*
 * Content
 */

.form-control-dark {
    color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .1);
}

    .form-control-dark:focus {
        border-color: transparent;
        box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
    }

    .image-container {
    display:inline-block;
    margin: 10px;
}
.image-thumbnail {
    background-color: gray; 
    width: 200px; 
    height: 200px; 
    border: solid 1px lightgray;
    text-align: center;
    vertical-align: middle;
    line-height: 200px;
}
.image-thumbnail.selected {
    outline:none;
    border: solid 2px #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}
.image-thumbnail img {
    max-width: 198px;
    max-height: 198px;
    margin: auto auto auto auto;
    text-align: center;
    vertical-align: middle;

}
.drag-drop {
    width: 200px;
    height: 200px;
    background-color: white;
    border: solid 1px lightgray;
    border-radius: 5px;
    line-height: 200px;
}
.drag-drop-icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PGc+PHBhdGggZD0iTTc4LjkwNCw2My4xOGwtNy44OTQtNy44OTRsNS44NTgtMi44NDRjMC40MDEtMC4xOTIsMC42NDItMC42MDksMC42MTUtMS4wNTRjLTAuMDIyLTAuNDQ1LTAuMzE4LTAuODI5LTAuNzM2LTAuOTcyICAgIGwtOS41NTgtMy4yODhWMjcuOTAyaDIuMzc3YzAuNjA5LDAsMS4wOTgtMC40ODksMS4wOTgtMS4wOThjMC0wLjYwNC0wLjQ4OS0xLjA5OC0xLjA5OC0xLjA5OGgtMi4zNzdWMTUuMzE5ICAgIGMwLTAuNjA5LTAuNDk0LTEuMDk4LTEuMDk4LTEuMDk4SDIwLjEzNGMtMC42MDksMC0xLjA5OCwwLjQ4OS0xLjA5OCwxLjA5OHYxMC4zODdoLTIuNTQyYy0wLjYwNCwwLTEuMDk4LDAuNDk0LTEuMDk4LDEuMDk4ICAgIGMwLDAuNjA5LDAuNDk0LDEuMDk4LDEuMDk4LDEuMDk4aDIuNTQydjI1Ljg5YzAsMC42MDQsMC40ODksMS4wOTgsMS4wOTgsMS4wOThoMzcuMDE5bDMuODcsMTEuMjQ5ICAgIGMwLjE0OCwwLjQxNywwLjUzMywwLjcwOCwwLjk3MiwwLjczNmMwLjQ0NSwwLjAzMywwLjg2Mi0wLjIxNCwxLjA1NC0wLjYxNWwyLjg0OS01Ljg1OGw3Ljg4OSw3Ljg5NSAgICBjMC4yMDksMC4yMDMsMC40ODksMC4zMTgsMC43OCwwLjMxOGMwLjA1NSwwLDAuMTE1LTAuMDA1LDAuMTctMC4wMTZjMC4wMzMtMC4wMDYsMC4wNjYtMC4wMTEsMC4wOTktMC4wMjIgICAgYzAuMDM4LTAuMDA2LDAuMDc3LTAuMDE2LDAuMTE1LTAuMDMzYzAuMDExLDAsMC4wMjItMC4wMDUsMC4wMzMtMC4wMTFjMC4xMzItMC4wNTUsMC4yNTMtMC4xMzcsMC4zNTctMC4yMzZsMy41NjMtMy41NjMgICAgYzAuMjAzLTAuMjAzLDAuMzI0LTAuNDgzLDAuMzI0LTAuNzc0Qzc5LjIyNyw2My42NjksNzkuMTA3LDYzLjM4OSw3OC45MDQsNjMuMTh6IE0yMS4yMzIsMTYuNDE3aDQzLjc2djIyLjNMNTMuNjk5LDI3LjQzICAgIGMtMC40MTItMC40MTItMS4xNDItMC40MTItMS41NTQsMEwzNi44NjcsNDIuNzAzbC01LjExMS01LjEwNmMtMC40MTItMC40MTItMS4xNDItMC40MTItMS41NTQsMGwtOC45NzEsOC45NjVWMTYuNDE3eiAgICAgTTIxLjIzMiw1Mi42OTRWNDkuNjdsOS43NS05Ljc0NWw1LjExMSw1LjExMWMwLjQxMiwwLjQxMiwxLjEzNiwwLjQxMiwxLjU0OCwwTDUyLjkyLDI5Ljc1OGwxMi4wNzIsMTIuMDY3djQuNTQ2bC05Ljk5Ny0zLjQ0MiAgICBjLTAuNDI4LTAuMTQ4LTAuODg0LTAuMDExLTEuMTY0LDAuMzA3Yy0wLjAwNSwwLTAuMDA1LDAtMC4wMTEsMC4wMDVjLTAuMzAyLDAuMjg1LTAuNDIzLDAuNzMtMC4yOCwxLjE0N2wyLjg1NSw4LjMwNkgyMS4yMzJ6ICAgICBNNzQuNTY3LDY1Ljk2NGwtOC4yMDctOC4yMDdjLTAuMjUzLTAuMjUzLTAuNjA5LTAuMzYyLTAuOTYxLTAuMzA3Yy0wLjM1MSwwLjA2LTAuNjQ4LDAuMjg1LTAuODA3LDAuNjA0bC0yLjM1NSw0Ljg1OSAgICBsLTMuMjUtOS40NDNjLTAuMDExLTAuMDM4LTAuMDIyLTAuMDcxLTAuMDM4LTAuMTA0bC0yLjYzLTcuNjUzbDE3LjIsNS45MThsLTQuODUzLDIuMzU1Yy0wLjMyNCwwLjE1NC0wLjU0OSwwLjQ1Ni0wLjYwNCwwLjgwNyAgICBjLTAuMDYsMC4zNTEsMC4wNTUsMC43MDgsMC4zMDIsMC45NjFsOC4yMTMsOC4yMDdMNzQuNTY3LDY1Ljk2NHoiPjwvcGF0aD48cGF0aCBkPSJNNzUuMzQxLDY4LjI5N2MtMC4xMDQsMC4xMDQtMC4yMjUsMC4xODctMC4zNTcsMC4yMzZDNzUuMTE2LDY4LjQ3OCw3NS4yMzYsNjguMzk2LDc1LjM0MSw2OC4yOTd6Ij48L3BhdGg+PC9nPjwvZz48Zz48Zz48cGF0aCBkPSJNODMuNTk1LDI3LjkwNGgtNy4wMTNjLTAuNjA2LDAtMS4wOTgtMC40OTItMS4wOTgtMS4wOThzMC40OTItMS4wOTgsMS4wOTgtMS4wOThoNy4wMTNjMC42MDYsMCwxLjA5OCwwLjQ5MiwxLjA5OCwxLjA5OCAgICBTODQuMjAxLDI3LjkwNCw4My41OTUsMjcuOTA0eiI+PC9wYXRoPjwvZz48Zz48cGF0aCBkPSJNOTMuOTAyLDMxLjE5OGMtMC42MDYsMC0xLjA5OC0wLjQ5Mi0xLjA5OC0xLjA5OHYtMi4xOTZoLTIuMTk2Yy0wLjYwNiwwLTEuMDk4LTAuNDkyLTEuMDk4LTEuMDk4ICAgIHMwLjQ5Mi0xLjA5OCwxLjA5OC0xLjA5OGgzLjI5NGMwLjYwNiwwLDEuMDk4LDAuNDkyLDEuMDk4LDEuMDk4VjMwLjFDOTUsMzAuNzA3LDk0LjUwOCwzMS4xOTgsOTMuOTAyLDMxLjE5OHoiPjwvcGF0aD48L2c+PGc+PHBhdGggZD0iTTkzLjkwMiw3NS4xNThjLTAuNjA2LDAtMS4wOTgtMC40OTItMS4wOTgtMS4wOTh2LTcuMzI2YzAtMC42MDYsMC40OTItMS4wOTgsMS4wOTgtMS4wOThTOTUsNjYuMTI3LDk1LDY2LjczNHY3LjMyNiAgICBDOTUsNzQuNjY3LDk0LjUwOCw3NS4xNTgsOTMuOTAyLDc1LjE1OHogTTkzLjkwMiw2MC41MDVjLTAuNjA2LDAtMS4wOTgtMC40OTItMS4wOTgtMS4wOThWNTIuMDhjMC0wLjYwNiwwLjQ5Mi0xLjA5OCwxLjA5OC0xLjA5OCAgICBTOTUsNTEuNDc0LDk1LDUyLjA4djcuMzI3Qzk1LDYwLjAxMyw5NC41MDgsNjAuNTA1LDkzLjkwMiw2MC41MDV6IE05My45MDIsNDUuODUyYy0wLjYwNiwwLTEuMDk4LTAuNDkyLTEuMDk4LTEuMDk4di03LjMyNyAgICBjMC0wLjYwNiwwLjQ5Mi0xLjA5OCwxLjA5OC0xLjA5OFM5NSwzNi44MjEsOTUsMzcuNDI3djcuMzI3Qzk1LDQ1LjM2LDk0LjUwOCw0NS44NTIsOTMuOTAyLDQ1Ljg1MnoiPjwvcGF0aD48L2c+PGc+PHBhdGggZD0iTTkzLjkwMiw4NS43NzloLTMuMjk0Yy0wLjYwNiwwLTEuMDk4LTAuNDkyLTEuMDk4LTEuMDk4YzAtMC42MDYsMC40OTItMS4wOTgsMS4wOTgtMS4wOThoMi4xOTZ2LTIuMTk2ICAgIGMwLTAuNjA2LDAuNDkyLTEuMDk4LDEuMDk4LTEuMDk4Uzk1LDgwLjc4MSw5NSw4MS4zODd2My4yOTRDOTUsODUuMjg3LDk0LjUwOCw4NS43NzksOTMuOTAyLDg1Ljc3OXoiPjwvcGF0aD48L2c+PGc+PHBhdGggZD0iTTg0LjM2MSw4NS43NzloLTYuMjQ3Yy0wLjYwNiwwLTEuMDk4LTAuNDkyLTEuMDk4LTEuMDk4YzAtMC42MDYsMC40OTItMS4wOTgsMS4wOTgtMS4wOThoNi4yNDcgICAgYzAuNjA2LDAsMS4wOTgsMC40OTIsMS4wOTgsMS4wOThDODUuNDU5LDg1LjI4Nyw4NC45NjcsODUuNzc5LDg0LjM2MSw4NS43Nzl6IE03MS44NjYsODUuNzc5aC02LjI0NyAgICBjLTAuNjA2LDAtMS4wOTgtMC40OTItMS4wOTgtMS4wOThjMC0wLjYwNiwwLjQ5Mi0xLjA5OCwxLjA5OC0xLjA5OGg2LjI0N2MwLjYwNiwwLDEuMDk4LDAuNDkyLDEuMDk4LDEuMDk4ICAgIEM3Mi45NjQsODUuMjg3LDcyLjQ3Miw4NS43NzksNzEuODY2LDg1Ljc3OXogTTU5LjM3MSw4NS43NzloLTYuMjQ3Yy0wLjYwNiwwLTEuMDk4LTAuNDkyLTEuMDk4LTEuMDk4ICAgIGMwLTAuNjA2LDAuNDkyLTEuMDk4LDEuMDk4LTEuMDk4aDYuMjQ3YzAuNjA2LDAsMS4wOTgsMC40OTIsMS4wOTgsMS4wOThDNjAuNDY5LDg1LjI4Nyw1OS45NzcsODUuNzc5LDU5LjM3MSw4NS43Nzl6ICAgICBNNDYuODc2LDg1Ljc3OWgtNi4yNDdjLTAuNjA2LDAtMS4wOTgtMC40OTItMS4wOTgtMS4wOThjMC0wLjYwNiwwLjQ5Mi0xLjA5OCwxLjA5OC0xLjA5OGg2LjI0N2MwLjYwNiwwLDEuMDk4LDAuNDkyLDEuMDk4LDEuMDk4ICAgIEM0Ny45NzQsODUuMjg3LDQ3LjQ4Myw4NS43NzksNDYuODc2LDg1Ljc3OXogTTM0LjM4Miw4NS43NzloLTYuMjQ3Yy0wLjYwNiwwLTEuMDk4LTAuNDkyLTEuMDk4LTEuMDk4ICAgIGMwLTAuNjA2LDAuNDkyLTEuMDk4LDEuMDk4LTEuMDk4aDYuMjQ3YzAuNjA2LDAsMS4wOTgsMC40OTIsMS4wOTgsMS4wOThDMzUuNDgsODUuMjg3LDM0Ljk4OCw4NS43NzksMzQuMzgyLDg1Ljc3OXogICAgIE0yMS44ODcsODUuNzc5aC02LjI0N2MtMC42MDYsMC0xLjA5OC0wLjQ5Mi0xLjA5OC0xLjA5OGMwLTAuNjA2LDAuNDkyLTEuMDk4LDEuMDk4LTEuMDk4aDYuMjQ3YzAuNjA2LDAsMS4wOTgsMC40OTIsMS4wOTgsMS4wOTggICAgQzIyLjk4NSw4NS4yODcsMjIuNDkzLDg1Ljc3OSwyMS44ODcsODUuNzc5eiI+PC9wYXRoPjwvZz48Zz48cGF0aCBkPSJNOS4zOTIsODUuNzc5SDYuMDk4QzUuNDkyLDg1Ljc3OSw1LDg1LjI4Nyw1LDg0LjY4MXYtMy4yOTRjMC0wLjYwNiwwLjQ5Mi0xLjA5OCwxLjA5OC0xLjA5OHMxLjA5OCwwLjQ5MiwxLjA5OCwxLjA5OCAgICB2Mi4xOTZoMi4xOTZjMC42MDYsMCwxLjA5OCwwLjQ5MiwxLjA5OCwxLjA5OEMxMC40OSw4NS4yODcsOS45OTgsODUuNzc5LDkuMzkyLDg1Ljc3OXoiPjwvcGF0aD48L2c+PGc+PHBhdGggZD0iTTYuMDk4LDc1LjE1OEM1LjQ5Miw3NS4xNTgsNSw3NC42NjcsNSw3NC4wNnYtNy4zMjdjMC0wLjYwNiwwLjQ5Mi0xLjA5OCwxLjA5OC0xLjA5OHMxLjA5OCwwLjQ5MiwxLjA5OCwxLjA5OHY3LjMyNyAgICBDNy4xOTYsNzQuNjY3LDYuNzA0LDc1LjE1OCw2LjA5OCw3NS4xNTh6IE02LjA5OCw2MC41MDVDNS40OTIsNjAuNTA1LDUsNjAuMDEzLDUsNTkuNDA3VjUyLjA4YzAtMC42MDYsMC40OTItMS4wOTgsMS4wOTgtMS4wOTggICAgczEuMDk4LDAuNDkyLDEuMDk4LDEuMDk4djcuMzI3QzcuMTk2LDYwLjAxMyw2LjcwNCw2MC41MDUsNi4wOTgsNjAuNTA1eiBNNi4wOTgsNDUuODUxQzUuNDkyLDQ1Ljg1MSw1LDQ1LjM2LDUsNDQuNzUzdi03LjMyNiAgICBjMC0wLjYwNiwwLjQ5Mi0xLjA5OCwxLjA5OC0xLjA5OHMxLjA5OCwwLjQ5MiwxLjA5OCwxLjA5OHY3LjMyNkM3LjE5Niw0NS4zNiw2LjcwNCw0NS44NTEsNi4wOTgsNDUuODUxeiI+PC9wYXRoPjwvZz48Zz48cGF0aCBkPSJNNi4wOTgsMzEuMTk4QzUuNDkyLDMxLjE5OCw1LDMwLjcwNyw1LDMwLjF2LTMuMjk0YzAtMC42MDYsMC40OTItMS4wOTgsMS4wOTgtMS4wOThoMy4yOTQgICAgYzAuNjA2LDAsMS4wOTgsMC40OTIsMS4wOTgsMS4wOThzLTAuNDkyLDEuMDk4LTEuMDk4LDEuMDk4SDcuMTk2VjMwLjFDNy4xOTYsMzAuNzA3LDYuNzA0LDMxLjE5OCw2LjA5OCwzMS4xOTh6Ij48L3BhdGg+PC9nPjwvZz48Zz48Zz48cGF0aCBkPSJNMzMuNjAzLDMyLjg5NWMtMi45OTksMC01LjQzOC0yLjQ0LTUuNDM4LTUuNDM4YzAtMi45OTksMi40NC01LjQzOCw1LjQzOC01LjQzOHM1LjQzOCwyLjQ0LDUuNDM4LDUuNDM4ICAgIEMzOS4wNDEsMzAuNDU1LDM2LjYwMiwzMi44OTUsMzMuNjAzLDMyLjg5NXogTTMzLjYwMywyNC4yMTRjLTEuNzg4LDAtMy4yNDIsMS40NTUtMy4yNDIsMy4yNDJjMCwxLjc4OCwxLjQ1NSwzLjI0MiwzLjI0MiwzLjI0MiAgICBjMS43ODgsMCwzLjI0Mi0xLjQ1NSwzLjI0Mi0zLjI0MkMzNi44NDUsMjUuNjY5LDM1LjM5MSwyNC4yMTQsMzMuNjAzLDI0LjIxNHoiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==');
    background-size: contain;
    width: 175px;
    height: 175px;
    margin: 7px auto auto auto;
}