.header-brand-img-login
{
    height: 4rem !important;
}

@media (min-width: 992px) {
    .stick-info {
        position: sticky;
        top: 75px;
        z-index: 1020;
    }
    .stick-bottom {
        position: -webkit-sticky;
        position: fixed;
        bottom: 70px;
        right: 20px;
        width: 400px;
    }
}

.tr-odd {
    background-color: var(--primary01);
}

.thumbproject {
    min-height: 125px;
    display: flex;
}

.thumbimgsmall {
    height: auto;
    width: auto !important;
    display: block;
    border-radius: 7px;
    margin:auto;
}

table tr.hand
{
    cursor: pointer !important;
}

.table-hover tr {
    border-bottom-width: thin !important;
}

.table-noborder tr {
    border: none !important;
    border-color:transparent !important;
    border-width: 0px !important;
}


.selected-cell {
    box-shadow: 1px 1px 15px #2374b9;
}

.thumbnail:hover {
    border-color: #2374b9;
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 1px 20px #2374b9;
    cursor: grab;
}

.thumbdif{
    display: inline-flex !important;
}

.form-control {
    border: 1px solid #cdcdcd !important;
}


.btn-solid {
    color: var(--primary-bg-color) !important;
    background-color: ghostwhite !important;
    border-color: var(--primary-bg-color) !important;
}

    .btn-solid:hover {
        color: var(--primary-bg-color) !important;
        background-color: #f0f0f3 !important;
        border-color: var(--primary-bg-color) !important;
    }

.rdiobox {
    margin-bottom: .4rem !important;
    line-height: 0px !important;
}
/* Drag and Drop Doorchooser */

.DoorDropZone 
{
    margin-top: 5px;
    border: dashed 1px #9d9d9d;
    border-radius: 2%;
    display: grid;
    grid-template-columns: repeat(25, 0fr);
    gap: 1px;
    padding: 15px;
}

.box {
    background-color: #ddd;
    cursor: move;
    width: 88px;
    height: 225px;
    background: url('../../Catalog/doors/deur-plain.png');
    background-size: cover;
    text-align: center;
    align-items: center;
    padding-top: 5px;
    display: grid;
}
.box-shadow 
{
    color: #060606;
    font-weight: bold;
    font-size: 16px;
}


.box.over {
    background: linear-gradient(0deg, rgba(35, 116, 185, 0.3), rgba(35, 116, 185, 0.3)), url('../../Catalog/doors/deur-plain.png');
    background-size: cover;
}

.expanel-solid > .expanel-heading 
{
    background-color: var(--primary01);
    border-color: var(--primary01);
}
.bg-defect-transparent {
    background-color: rgba(255, 0, 0, 0.2) !important;
}

.bg-defect-full {
    background-color: rgba(255, 43, 43, 1) !important;
}

.text-defect-main {
    color: rgba(255, 0, 0, 1) !important;
}

.bg-concept-transparent {
    background-color: rgba(255, 137, 0, 0.2) !important;
}

.text-concept-main {
   color: rgba(255, 99, 0, 1) !important;
}

.bg-measure-transparent {
    background-color: rgba(140, 0, 255, 0.2) !important;
}

.text-measure-main {
    color: rgba(140, 0, 255, 1) !important;
}

.bg-measure-full {
    background-color: rgba(140, 0, 255, 1) !important;
}

.bg-accepted-transparent {
    background-color: rgba(0, 112, 192, 0.2) !important;
}

.text-accepted-main {
    color: rgba(0, 112, 192, 1) !important;
}

.bg-completed-transparent {
    background-color: rgba(112, 173, 71, 0.2) !important;
}

.text-completed-main {
    color: rgba(112, 173, 71, 1) !important;
}


.bg-cancelled-transparent {
    background-color: rgba(64, 64, 64, 0.2) !important;
}

.text-cancelled-main {
    color: rgba(64, 64, 64, 1) !important;
}


.bg-concept-full {
    background-color: rgba(255, 99, 0, 1) !important;
}

.bg-accepted-full {
    background-color: rgba(0, 112, 192, 1) !important;
}

.bg-completed-full {
    background-color: rgba(112, 173, 71, 1) !important;
}

.bg-cancelled-full {
    background-color: rgba(64, 64, 64, 1) !important;
}

.bg-assemble-transparent {
    background-color: rgba(231, 195, 84, 0.45) !important;
}

.bg-assemble-full {
    background-color: rgba(231, 195, 84, 1) !important;
}

.text-assemble-main {
    color: #997400 !important;
    fill: #997400 !important;
}

.accordion-button:focus {
    outline: 0;
    box-shadow: none !important;
}
.accordion-button:not(.collapsed) {
    box-shadow: none !important;
}
.accordion-button {
    display: flex !important;
}

.invalid-text {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 87.5%;
    color: #d12c47;
}

div.is-invalid
{
    border-color:red;
    border-width:1px;
    border-style: solid;
}

.tooltip {
    z-index: 1151 !important;
}


.thumbimgmeas {
    height: 100%;
    width: 100%;
    display: block;
    border-radius: 0px;
}

.thumbnail .captionmeas {
    padding: 5px;
    background-color: #174770;
    color: white;
}

.captionmeas > h4 {
  margin: 0px !important;
}

.thumbnail.selected {
    border-color: #2374b9;
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 1px 20px #2374b9;
}

.ms-question{
    display:block;
    line-height:10px;
}


.ms-thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #eaedf1;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
    border-radius: 7px;
}

.ms-thumbnail .thumbimg 
{
    max-width: 250px !important;
}