﻿body {
    font-family: Lato, sans-serif;
}

.headline {
    font-weight: bold;
    color: #1a7aae;
}

.address {
    text-decoration: underline;
    color: #1a7aae;
}

.establishment {
    text-decoration: underline;
    color: #1a7aae;
}

.highlight {
    font-weight: bold;
    color: #1a7aae;
}

.tel {
    text-decoration: underline;
    color: #1a7aae;
}

#upload_button {
    display: inline-block;
}

#upload_button input[type=file] {
    display: none;
}


#container-body .consultationonly .txt-brown.itinerary-add-step {
    display: none !important;
}

.ui-sortable-helper {
    display: table;
}

.trholder {
    height: 10px;
    background-color: #fff !important;
}

.dragHandle {
    cursor: move;
    padding: 12px 0px 0px 0px !important;
}

video {
    height: auto;
    min-height: 320px;
    max-width: 100%
}

.icon-menu-pictures:before {
    content: '\e81a';
}

a.download-link img {
    max-height: 135px;
}

.download-options {
    line-height: 18px;
}

.download-container .help-info {
    height: 80px;
}

.download-container .stockage-visual-info {
    height: 160px;
}

.download-container .block.active .download-options {
    background-color: rgba(255, 255, 255, 1);
}

.download-content {
    position: relative;
    overflow: hidden;
}

.visuel-dragdrop-area {
    min-height: 120px;
    min-width: 500px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-weight: 400;
    padding-top: 0px !important;
}

    .visuel-dragdrop-area:before {
        content: '\e801';
        font-family: fontello;
        position: absolute;
        top: 25%;
        left: 2.5rem;
        font-size: 40px;
    }

    .visuel-dragdrop-area:after {
        content: '\e801';
        font-family: fontello;
        position: absolute;
        top: 25%;
        right: 2.5rem;
        font-size: 40px;
    }

/* http://mattiash.github.io/angular-tablesort/tablesort.css */
th .tablesort-sortable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
}

/* changed sort arrow color from #000 to #fff */
table .tablesort-sortable:after {
    content: "";
    float: right;
    margin-top: 7px;
    visibility: hidden;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: none;
    border-bottom: 4px solid #fff;
}

/* changed sort down arrow color from #000 to #fff */
table .tablesort-desc:after {
    border-top: 4px solid #fff;
    border-bottom: none;
}

table .tablesort-asc, table .tablesort-desc {
    background-color: rgba(141, 192, 219, 0.25);
}

    table .tablesort-sortable:hover:after, table .tablesort-asc:after, table .tablesort-desc:after {
        visibility: visible;
    }

/*
 * Styling for the table row shown in empty tables
 */

/* The row is always added as the first row in a table
   Hide it by default */
.showIfLast {
    display: none;
}

    /* Only show it if it is also the last row of the table. */
    .showIfLast:last-child {
        display: table-row;
    }

    .showIfLast td {
        text-align: center;
    }

        .showIfLast td:after {
            content: "No data";
        }

.text-muted {
    color: #777 !important;
}

/*Hiding download button while playing video*/
video::-internal-media-controls-download-button {
    display: none;
}

video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}


.nav {
    box-shadow: 0px 0px 5px #656565;
    font-family: fontello;
    position: absolute;
    cursor: pointer;
    font-size: 8px;
    font-size: 0.5rem;
    text-align: center;
    line-height: 25px;
    line-height: 1.5625rem;
    height: 25px;
    height: 1.5625rem;
    width: 25px;
    width: 1.5625rem;
    border-radius: 50%;
    background-color: #FFF;
    opacity: 0.1;
    top: 50%;
}

.modal-container:hover .nav {
    opacity: 0.9
}

.nav:hover {
    box-shadow: 0px 0px 5px #000;
}


.icon-column-diffuseur2:before {
    content: '\e807';
}