html {
    font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}


.image-preview-container {
    position:relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.image-preview {
    max-width: 200px;
    width: 100%;

}

.form-group{
    margin-bottom:1rem;
}

table {
    width: 100%;
}


.image-list > tr {
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    padding: 1rem;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    margin:10px;
}

.image-list  td {
    padding: 1rem;
}

.image-list td .js-delete {
    margin: 1rem;
    bottom:0;
    right:0;
}


.table-btn-group {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

.table-btn-group .btn {
    margin: 0 0.1rem;
}

.form-checkbox {
    width: 1.2rem;
    height: 1.2rem;
    display: block;
}

#enabledClientDealerCodes {
    margin: 1rem 0rem;
}

#enabledClientDealerCodes td:first-child{
    width:99%;
}

.global-alert {
    display: flex;
    justify-content: center;
    position: absolute;
    z-index: 101;
    left: 0;
    right: 0;
    top: -100px;
    text-align: center;
    overflow: hidden;
}
.bg-keycare-yellow{
    background-color: #FFC600;
}

.validation-summary-errors ul {
    padding: 0;
    list-style-type: none;
}

input[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}