/* H&G Bootstrap4 CSS */

/* Button Disabled Colors */

.btn-primary.disabled{
    background-color: #dddddd;
    color: #000000;
    border-color: #bbbbbb;
}

.btn-secondary.disabled{
    background-color: #dddddd;
    color: #000000;
    border-color: #bbbbbb;
}

.btn-success.disabled{
    background-color: #dddddd;
    color: #000000;
    border-color: #bbbbbb;
}

.btn-danger.disabled{
    background-color: #dddddd;
    color: #000000;
    border-color: #bbbbbb;
}

.btn-warning.disabled{
    background-color: #dddddd;
    color: #000000;
    border-color: #bbbbbb;
}

.btn-info.disabled{
    background-color: #dddddd;
    color: #000000;
    border-color: #bbbbbb;
}

.btn-light.disabled{
    background-color: #dddddd;
    color: #000000;
}

.btn-dark.disabled{
    background-color: #dddddd;
    color: #000000;
    border-color: #bbbbbb;
}


div.hge_hidelabel label.col-form-label {
    width: 0px;
    display: none;
}


div.DTE_Body div.DTE_Body_Content div.DTE_Field {
    padding: 2px 2px;
    box-sizing: border-box;
}

div.DTE_Body div.DTE_Form_Content {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
}

div.DTE_Form_Buttons .btn{
    margin-left: 15px;
}

.hge-input{
    FLOAT: left;
    DISPLAY: inline;
}


.hge-linebreak{
    OVERFLOW: hidden;
    HEIGHT: 0px;
    WIDTH: 0px;
    CLEAR: both;
    DISPLAY: block;
    VISIBILITY: hidden";
}

/* Common Styles */
fieldset legend {
    padding: 5px 20px;
    border: 1px solid #aaa;
    font-size: 0.875em;
    font-weight: 600;
    background: #eeeeee;
}

div.DTE_Field{
    padding: 2px 10px;
}

div.label.DTE_Label {
    display: hidden;
}

button.close{
    visibility: hidden;
}

.form-control{
    font-size: 0.875em;
    width: 100%;
    height: calc(1.0em + .75em +2px);
}

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

.modal-dialog {
    max-width: 800px;
}

.modal-header{
    color: #ffffff;
    background-color: #0061f2;
    font-weight: 600;
}

.modal-footer{
    background-color: #ffffff;
}

.col-lg-8{
    flex: 0 0 100%;
    max-width: 100%;
}


table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    top: 2px;
}