/*
Copyright (C) 2017 Aeonsoft
www.aeonsoft.it
All rights reserved.
*/
/* 
    Created on : Jul 14, 2016, 8:50:37 AM
    Author     : ramon
*/

/****************************************************************************/
/* Entity Lists */

.entity-list .row {
    margin-right: 0px;
    margin-left: 0px;

}

.entity-list .panel {
    margin-bottom: 5px;
}

.entity-list-item {
    border-bottom: 1px solid #eeeeee;
}

div.entity-list-item-action {
    /*padding-top: 11px;*/
    padding-left: 2px;
    float: left;
    position: absolute;
    z-index: 1;
    margin-left: 2px;
    margin-top: 3px;
}

td.entity-list-item-action {
    text-align: center;
    vertical-align: middle;
    padding: 0.25rem;
}

.entity-list-item-action {
    width: 30px;
}

.entity-list-item-action i {
    /* I added this, but the actual problem is in the padding-top and bottom*/
    line-height: 1em;
}

.entity-list-item-action a {
    font-size: 12px;
}


.entity-list-item-cell {
    /*margin-left: 20px;*/
    padding: 4px 4px;
    margin-left: 2px;
    border-left-color: lightblue;
    border-left-width: 20px;
    border-left-style: solid;
}

.entity-list-item-cell>div>div {
    /*padding-right: 5px;*/
    /*padding-left: 5px;*/
}

.entity-list-item-cell .form-inline .form-control {
    display: inline-block;
    vertical-align: middle;
}

.entity-list-item-cell .form-inline .form-group,
.entity-list-item-cell .form-inline.form-group {
    /*
    I removed this because it caused problems with Bootstrap 4. Must test with 3.3.7
    display: inline-block;
    */
    vertical-align: middle;
}

.entity-list-item-cell .form-inline .form-control-static {
    display: inline-block;
}

.entity-list-footer {
    margin: 2px 2px 2px 2px;
}

.entity-list-footer .form-inline .form-group,
.entity-list-footer .form-inline.form-group,
.entity-list-footer .form-inline>.btn,
.entity-list-footer .form-inline .btn{
    margin-bottom: 2px;
    display: inline-block;
}

.entity-list .form-group {
    margin-bottom: 6px;
}
.entity-list .form-group-sm {
    margin-bottom: 5px;
}
.entity-list .form-group-lg {
    margin-bottom: 8px;
}


.entity-list .dropdown-menu > li:nth-child(odd) {
}

.entity-list .dropdown-menu > li:nth-child(even) {
    background: #ededed;
}

.entity-list .dropdown .btn {
    white-space: normal;
}

.entity-list .dropdown-menu li a {
    white-space: normal;
}

/*.form-inline .form-control,*/
.form-inline .entity-datepicker,
.entity-datepicker {
    /*width: 97px;*/
    width: 110px;
}

.table-entity-list {
    margin-bottom: 0px;
}

/****************************************************************************/
/* EDITABLE TABLE */
/****************************************************************************/

.table-editable .table-entity-attribute {
    padding: 0px;
}

.table-editable td,
.table-valign-middle-cell td {
    vertical-align: middle;
}

.table-editable td.text-right td.text-end .table-entity-attribute input {
    text-align: right;
}
.table-editable td.text-center .table-entity-attribute input {
    text-align: center;
}

.table-entity-attribute:hover{
    cursor: text;
    background-color: rgba(0,0,0,.05);
}

.table-entity-attribute a{
    color: inherit;
}

/*
.table-striped tbody tr:nth-of-type(even) .table-entity-attribute .form-control,
.table-striped tbody tr:nth-of-type(odd) .table-entity-attribute .form-control {
    border: none;
}
.table-striped tbody tr:nth-of-type(even) .table-entity-attribute .form-control {
    background-color: rgba(0,0,0,0.05);
}
.table-striped tbody tr:nth-of-type(odd) .table-entity-attribute .form-control {
    background-color: rgba(0,0,0,0.05);
}
*/

.table-entity-attribute {
    /*position: relative;*/
}

.table-entity-attribute .td-editable-text-input,
.table-entity-attribute .td-editable-currency-input,
.table-entity-attribute .td-editable-percentage-input,
.table-entity-attribute.td-editable-select .display,
.table-entity-attribute.td-editable-select select,
.table-entity-attribute.td-editable-select .select-dropdown,
.table-entity-attribute.td-editable-select .select-dropdown .btn {
    left: 0px; 
    top: 0px; 
    width: 100%; 
    border-radius: 0px;
    border-width: 0px;
}

.table-entity-attribute .td-editable-text-input,
.table-entity-attribute .td-editable-currency-input,
.table-entity-attribute .td-editable-percentage-input,
/*.table-entity-attribute.td-editable-select .display,*/
.table-entity-attribute.td-editable-select select,
.table-entity-attribute.td-editable-select .select-dropdown,
.table-entity-attribute.td-editable-select .select-dropdown .btn {
    height: 100%;
    /*position: absolute;*/
}


.table-entity-attribute .td-editable-text-input,
.table-entity-attribute .td-editable-currency-input,
.table-entity-attribute .td-editable-percentage-input,
.table-entity-attribute.td-editable-input .display,
.table-entity-attribute span,
.table-entity-attribute.td-editable-select select,
.table-entity-attribute.td-editable-select .display span,
.table-entity-attribute.td-editable-select .select-dropdown .btn,
.table-entity-attribute.td-editable-select .select-dropdown .dropdown-item {
    padding: 5px;
}

.table-entity-attribute.td-editable-select .select-dropdown .btn,
.table-entity-attribute.td-editable-select .display span {
    padding-right: 25px;
}

.td-editable-input {
    min-width: 80px;
}

.td-editable-select {
    min-width: 120px;
    width: auto;
}

.table .form-inline .form-group,
.table .form-inline.form-group,
.table .form-inline>.btn {
    /*I don't know why I had this'
    /*margin-bottom: 2px;*/
    display: inline-block;
}


/****************************************************************************/