/* Eléménts HTML */
caption
{
    caption-side: top;
}


.th-center
{
    text-align: center;
}



.vertical-align-middle
{
    left: 50%;
    position: relative;
    top: 50%;
    transform: translate(-50%, -50%);
}

.card-img-left-container
{
    float: left;
    height: 100%;
    margin-right: 15px;
    width: 64px;
}

/* Largeurs */
.width-130
{
    width: 130px;
}
.popover
{
    min-width: 400px !important;
}

/* Formulaires */
input[type="checkbox"]:disabled + label
{
    cursor: not-allowed;
}
.f-city-list
{
    left: 5px;
    max-height: 256px;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    right: 5px;
    z-index: 10;
}
.f-city-list-modal
{
    left: 15px;
    right: 15px;
}
.f-city-list-item
{
    border: none;
    padding-bottom: 0.25em !important;
    padding-top: 0.25em !important;
}

.p-0-10
{
    padding: 0 10px;
}

.ui-datepicker
{
    z-index: 10000 !important;
}

.btn-action-tool
{
    border: 1px solid transparent;
    border-radius: 4px;
    display: inline-grid;
    height: 26px;
    margin-right: 4px;
    padding: 4px;
    width: 28px;
}
.btn-action-tool-primary:hover      { border-color: #007BFF; }
.btn-action-tool-secondary:hover    { border-color: #6C757D; }
.btn-action-tool-success:hover      { border-color: #28A745; }
.btn-action-tool-danger:hover       { border-color: #DC3545; }
.btn-action-tool-warning:hover      { border-color: #FFC107; }
.btn-action-tool-info:hover         { border-color: #17A2B8; }
.btn-action-tool-light:hover        { border-color: #F8F9FA; }
.btn-action-tool-dark:hover         { border-color: #343A40; }

.btn-action-tool:hover
{
    /* border: 1px solid #545B62; */
}

.btn-action-tool:last-child
{
    margin-right: 0;
}
.btn-action-tool.btn-action-tool-disabled
{
    cursor: not-allowed;
    opacity: 0.5;
}
.btn-action-tool.btn-action-tool-disabled:hover
{
    border: 1px solid transparent;
}
textarea
{
    resize: none;
}

/* Alignement vertical des cellules dans les tableau */
.td-vertical-align-middle
{
    vertical-align: middle !important;
}

/* Règles CSS particulières */
.list-group-item .item-list-icon-trash
{
    display: none;
    margin-top: 5px;
    z-index: 10;
}

.list-group-item.active .item-list-icon-trash,
.list-group-item:hover .item-list-icon-trash
{
    display: inline-block;
}


/* Compagnies d'assurance */
.item-list-insurance-cie-name
{
    display: inline-block;
    float: left;
    padding: 0 5px;
    width: 250px;
}
.item-list-insurance-cie-location
{
    display: inline-block;
    float: left;
    padding: 0 5px;
}

/*Documents de référence */
.list-group-item:hover .item-list-document-icon-move, .list-group-item:hover .item-list-document-icon-edit, .list-group-item:hover .item-list-document-icon-trash, .list-group-item:hover .item-list-document-icon-restore
{
    opacity: 100;
}
.item-list-document-icon-move
{
    display: inline-block;
    cursor: move;
    float: left;
    opacity: 0;
    width: 8px;
}
.item-list-document-icon-edit, .item-list-document-icon-trash, .item-list-document-icon-restore
{
    display: inline-block;
    cursor: pointer;
    float: left;
    opacity: 0;
    width: 20px;
}
.table-td-btn-action
{
    display: inline-block;
    margin-right: 8px;
}
.table-td-btn-action:last-child
{
    margin-right: 0;
}

.item-list-document-icon-trash:hover, .table-td-btn-action-trash:hover
{
    color: #BD2130;
}
.item-list-document-icon-restore:hover
{
    color: #28A745;
}
.item-list-document-rank
{
    display: inline-block;
    float: left;
    padding:0 5px;
    text-align: right;
    width: 50px;
}
.item-list-document-abbr
{
    display: inline-block;
    float: left;
    padding:0 5px;
    width: 150px;
}
.item-list-document-label
{
    display: inline-block;
    float: left;
    padding:0 5px;
    width: calc(100% - 248px);
}
.item-list-document-label-trashed
{
    display: inline-block;
    float: left;
    padding:0 5px;
    width: calc(100% - 228px);
}

/* Accordion */
.card-header > h2 > .btn-link::before
{
    color: #212529 !important;
    content: "\1F893";
    display: block;
    float: right;
    font-size: 2.0em;
    height: 0;
    position: relative;
    right: 0;
}
.card-header > h2 > .collapsed::before
{
    color: #212529 !important;
    content: "\1F891";
    display: block;
    float: right;
    font-size: 2.0em;
    height: 0;
    position: relative;
    right: 0;
    top: -25px;
}