@charset "utf-8";
/* CSS Document */
body {
    color: #3a3a3a;
    background-color: #ffffff;
}

.container {
    background-color: #FFF;
}

.mainContent {
    min-height: 500px;
}

/* Ecran login **************************** */

.login {
    margin: 0 auto;
    border: 1px solid #a3d2f2;
    padding: 20px;
    border-radius: 4px;
}

/* Selection guichet libre ******************************* */

.guichetLibre, .salleAccessible {
    margin: 4px;
    background-color: #5cb85c;
    color: #000;
}

.guichetOccupe, .salleInaccessible {
    margin: 4px;
    background-color: #d9534f;
    color: #000;
}

/* Header et entetes files d'attentes ************************************** */

.header {
    padding-top: 15px;
    padding-bottom: 15px;
}

.header p {
    margin-top: 15px;
}

.entete {
    border-bottom: 1px solid #eee;
    line-height: 40px;
    padding: 6px 0;
}

.entete input, .entete select {
    margin-right: 15px;
}

.entete .nomPatient {
    min-width: 240px;
}

.numGuichet {
    background-color: #FFFF00;
    max-width: 150px;
}

.etatGuichet {
}

/* Liste des bornes et imprimantes ************************************** */

.btnGroupBorne {
    margin-right: 20px;
}

.btnGroupBorneElement {
    background-color: white;
    border: 1px solid lightgrey;
    cursor: default;
}

.desactive {
    background-color: #d9534f;
}

/* Tableau files d'attentes ************************************** */

.tableFilesAtenteColonneGauche {
    width: 100%;
    background: #fff;
    border-collapse: collapse;
    margin-top: 15px;
}

.tableFilesAtenteColonneGauche th {
    border: 0px;
    padding: 3px;
    text-align: center;
}

.tableFilesAtenteColonneGauche th:first-child {
    text-align: left;
}

.tableFilesAtenteColonneGauche td {
    border: 1px solid #828282;
    padding: 2px;
    font-size: 12px;
}

.tableFilesAtenteColonneGauche td.clignote {
    background-color: #FF0004;
    color: #fff;
}

/* Tableau légendes *************************************** */

.tableLegende {
    float: right;
    border-collapse: collapse;
    width: 100%;
    margin: 20px 0 15px 0;
}

.tableLegende caption {
    border: 0px solid #828282;
    font-weight: bold;
}

.tableLegende td {
    border: 1px solid #828282;
    padding: 3px 6px;
    font-size: 12px;
    text-align: center;
    color: #000000;
    width: 20%;
}

.patientAttenduNonPresent {
}

.patientVenantTransfert {
    background-color: #ccc;
}

.patientDejaAppele {
    background-color: #FF7E00;
}

.patientPresentNonAppele {
    background-color: #899EFF;
}

.testDT {
    background-color: #FF0000;
}

/* Tableaux  ************************************** */


.tableauPrincipal, .tableauDetailPatient, .choixFilesAtente {
    width: 100%;
    background: #fff;
    border-collapse: collapse;
    margin-top: 15px;
}

.tableauPrincipal {
    border-bottom: 1px solid #828282;
}

.drag_handler {
    /* background-image:url("../img/handle.png"); */
    /* background-repeat:repeat-x; */
    background-color: #899EFF;
    height: 12px;
    margin: 0 1px;
    margin-bottom: 10px;
    cursor: move;
}

.tableauDetailPatient {
    width: 98%;
    margin: 10px auto 0 auto;
}

.tableauPrincipal.large-only, .tableauDetailPatient.large-only {
    display: table;
}

.tableauPrincipal th, .tableauPrincipal td, .tableauDetailPatient th, .tableauDetailPatient td, .choixFilesAtente td {
    border: 1px solid #828282;
    padding: 3px;
    font-size: 12px;
    text-align: center;
    border-top: 0px;
}

.choixFilesAtente caption {
    text-align: center;
}

.button_appel_ticket, .button_transfert_ticket, .button_acquitter_ticket {
    width: 65px;
}

.tableauPrincipal td[role="identite"] {
    text-align: left;
    min-width: 180px;
}

.tableauPrincipal td[role="sousFile"] {
    min-width: 120px;
}

.tableauPrincipal td[role="action"] {
    width: 70px;
}

.tableauPrincipal .btn {
    min-width: 60px;
}

.st-head-row {
    background-color: #a3d2f2;
}

#tableauPrincipal td, #tableauSecondaire td {
    vertical-align: middle;
}

#historiqueTickets p {
    margin-bottom: 0;
}

/* pages detailPatient ************************************** */

.windowDetailPatient {
    margin-top: 42px;
    border: 1px solid #828282;
    overflow: hidden;
    padding: 5px;
}

.windowDetailPatient div {
    line-height: 34px;
}

.windowDetailPatient div.borderBottom {
    border-bottom: 1px solid #828282;
}

.windowDetailPatient .number {
    font-weight: bold;
    line-height: 70px;
    text-align: center;
    font-size: 32px;
    border-left: 1px solid #828282;
}

.windowDetailPatient .btn {
    margin: 8px;
    min-width: 180px
}

@media (min-width: 1199px) {
    .windowDetailPatient div a:last-child {
        margin-left: 45px;
    }
}

.fileAttenteSelectionee {
    background-color: #fafc59;
}

/* Matthieu CSS le 18.10.2016 ************************************** */
.element_popup_appel_ticket {
    font-size: 16px;
    margin-right: 2px;
}

.element_popup_appel_ticket input {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.hr_trait {
    color: #000000;
    background-color: #000000;
    width: 100%;
    height: 1px;
}

.button_popup_appel {
    padding: 0;
}

.button_popup_appel button {
    margin: 4px auto;
}

#indice_num_ticket {
    text-align: center;
    display: block;
    font-size: 32px;
    font-weight: bold;
    margin-right: 0;
}

#duree_attente_ticket {
    margin-right: 0;
}

#popup_appel_ticket_buttons {
    text-align: left;
    font-size: 18px;
    height: 83px;
}

#popup_appel_ticket_buttons div {
    padding: 0;
}

#popup_appel_ticket, #popup_imprimer_ticket, #popup_message_diffuser {
    width: 750px;
    margin-top: 10px;
    color: #4e4e4e;
}

#popup_transfert_zone {
    width: 280px;
    margin-top: 10px;
    color: #000;
}

.popup_appel_ticket_1 {
    text-align: left;
    font-size: 18px;
}

#popup_appel_ticket_2 {
    text-align: left;
    font-size: 16px;
    height: 50px;
}

#popup_appel_ticket_text {

}

.popup_appel_ticket_button {
    padding: 15px 0 0 0;
}

#popup_appel_ticket_text textarea {

    width: 100%;
    height: 200px;
}

#text_imprimer_ticket, #text_message_a_diffuser {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    margin-top: 8px;
}

#selection_sa_fa_imprimer_ticket {
    text-align: center;
    display: block;
    height: 34px;
}

#select_liste_sa_imprimer_ticket, #select_liste_fa_imprimer_ticket {
    width: 300px;
    display: inline-block;
}

#valider_imprimer_ticket {
    text-align: center;
    width: 100%;
}

#button_imprimer_ticket {
    width: 33%;
}

#nom_prenom_imprimer_ticket {
    text-align: center;
}

#nom_prenom_imprimer_ticket span {
    width: 300px;
    display: inline-block;
}

#nom_prenom_imprimer_ticket label {
    float: left;
    font-size: 16px;
}

#nom_prenom_imprimer_ticket input {
    display: inline-block;
    width: 300px;
    float: right;
}

#afficher_imprimer_success {
    text-align: center;
    color: green;
    font-size: 20px;
    padding-bottom: 10px;
}

#popup_liste_rdv_next {
    width: 350px;
    min-height: 200px;
}

#labo_protocoles {
    margin: 10px;
}

#labo_label {
    font-size: 15px;
}

.checkbox-inline.no_indent {
    margin-left: 0;
    margin-right: 10px;
}

.checkbox-inline.no_indent:last-child {
    margin-right: 0;
}

#block_valider_annuler_ticket, #block_valider_acquitter_ticket {
    float: right;
}

#error_message {
    text-align: center;
}

#toolbar, #toolbar2 {
    float: left;
}

#valider_transfert_file_attente {
    display: inline-block;
    width: 170px;
    margin-top: -2px;
}

#select_liste_fa, #select_liste_sa, #select_liste_zone {
    display: inline-block;
    width: 208px;
}

@-moz-document url-prefix() {

    #valider_transfert_file_attente {
        width: 170px;
    }
    #rappel_ticket_rdv {
        position: relative;
        top: -4px;
    }
}

#player_display_current_messages {
    text-align: center;
}

#player_display_current_messages span {
    color: #989090;
    font-style: italic;
}

#error_message span {
    display: inline-block;
    margin-top: 15px;
    color: red;
}

#liste_message_current_player table {
    font-size: 13px;
    margin-bottom: 30px;
}

#liste_message_current_player table tr td:nth-child(1), #liste_message_current_player table tr td:nth-child(2) {
    text-align: left;
}

#popup_show_ticket_always_open {
    width: 700px;
    text-align: center;
}

#display_infos_ticket_always_use h2 {
    font-size: 20px;
    line-height: 1.5em;
}

#display_infos_ticket_always_use h1 {
    font-size: 28px;
    color: red;
}

#choose_fa_by_sa label {
    top: -2px;
    position: relative;
}

/* Tableau stacktable ************************************** */
@media (min-width: 1199px) {
    .tableauPrincipal.large-only {
        display: table;
    }

    .tableauPrincipal.small-only {
        display: none;
    }

    .tableauDetailPatient.large-only {
        display: table;
    }

    .tableauDetailPatient.small-only {
        display: none;
    }
}

@media (max-width: 1200px) {
    .tableauPrincipal.large-only {
        display: none;
    }

    .tableauPrincipal.small-only {
        display: table;
    }

    .tableauDetailPatient.large-only {
        display: none;
    }

    .tableauDetailPatient.small-only {
        display: table;
    }

}

.container {
    width: 100%;
}

.alerte_active {
    color: white;
    background-color: red;
}

.alerte_inactive:hover, .alerte_active:hover, #popupTab {
    cursor: pointer;
}

#tableauPrincipal .btn:nth-child(1), #tableauPrincipal table .btn:nth-child(2),
#tableauSecondaire .btn:nth-child(1), #tableauSecondaire table .btn:nth-child(2) {
    margin-right: 3px;
}

#contenu_plbs .label {
    display: block;
    padding-top: 10px;
}

/* Nouvelles règles si la fenêtre fait au plus 1024px de large */
@media screen and (max-width: 1100px) {
    body, .form-control, .btn, .tableFilesAtenteColonneGauche td {
        font-size: 11px;
    }

    .entete .nomPatient {
        min-width: 200px;
    }

    .btn {
        padding: 6px 4px;
    }

    table .btn {
        padding: 2px 10px;
        width: 100%;
        margin: 0;
    }
}

.modal-open .modal {
    display: flex;
    background: transparent;
    box-shadow: 4px 0 10px transparent;
    position: fixed;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 6px 4px;
}

table.dataTable thead th {
    padding: 8px 18px;
}

#tableauListeFa tr {
    height: 27px;
}

input {
    transition: width 0.1s;
}

#menuRecherche .row:nth-child(1) {
    margin: 10px 0 0 0;
}

#menuRecherche div:nth-last-child(-n+2) {
    margin-top: 20px;
}

#menuRecherche tr th, #menuRecherche tr td {
    text-align: center;
}

#menuRecherche tr td {
    padding-top: 8px;
    line-height: 20px;
}

#menuRecherche table {
    margin-top: 20px;
}

#menuRecherche #listing_results_search_ticket div {
    margin: 0;
}

#id_ticket_reactive {
    font-size: 35px;
}

#tableauPrincipal, #tableauSecondaire {
    margin: 0;
}

#zone_liste {
    width: 100%;
}

/**********************/
.text-xs {
    font-size: 85%;
}

table.dataTable.no-footer {
    border-bottom: 0;
}

.btn-danger-glowing {
    -webkit-animation: glowing-danger 2000ms infinite;
    -moz-animation: glowing-danger 2000ms infinite;
    -o-animation: glowing-danger 2000ms infinite;
    animation: glowing-danger 2000ms infinite;
}

@-webkit-keyframes glowing-danger {
    0% {
        background-color: #d9534f;
        -webkit-box-shadow: 0 0 0 #d9534f;
    }
    50% {
        background-color: #ff5955;
        -webkit-box-shadow: 0 0 10px #d9534f;
    }
    100% {
        background-color: #d9534f;
        -webkit-box-shadow: 0 0 0 #d9534f;
    }
}

@-moz-keyframes glowing-danger {
    0% {
        background-color: #d9534f;
        -moz-box-shadow: 0 0 0 #d9534f;
    }
    50% {
        background-color: #ff5955;
        -moz-box-shadow: 0 0 10px #d9534f;
    }
    100% {
        background-color: #d9534f;
        -moz-box-shadow: 0 0 0 #d9534f;
    }
}

@-o-keyframes glowing-danger {
    0% {
        background-color: #d9534f;
        box-shadow: 0 0 0 #d9534f;
    }
    50% {
        background-color: #ff5955;
        box-shadow: 0 0 10px #d9534f;
    }
    100% {
        background-color: #d9534f;
        box-shadow: 0 0 0 #d9534f;
    }
}

@keyframes glowing-danger {
    0% {
        background-color: #d9534f;
        box-shadow: 0 0 0 #d9534f;
    }
    50% {
        background-color: #ff5955;
        box-shadow: 0 0 10px #d9534f;
    }
    100% {
        background-color: #d9534f;
        box-shadow: 0 0 0 #d9534f;
    }
}

.m-0 {
    margin: 0;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-1 {
    margin-bottom: 7px;
}

.mb-2 {
    margin-bottom: 15px;
}

.mb-3 {
    margin-bottom: 20px;
}

.mt-1 {
    margin-top: 7px;
}

.mt-3 {
    margin-top: 20px;
}

.mx-1 {
    margin: 0 7px 0 7px;
}

.p-0 {
    padding: 0;
}

.pr-1 {
    padding-right: 7px;
}

.pl-1 {
    padding-left: 7px;
}

.pt-1 {
    padding-top: 7px;
}

.table-tickets th {
    cursor: pointer;
    border: 1px solid #828282 !important;
    background-color: #286090;
    color: white;
    text-align: center;
}

.table-tickets td {
    border: 1px solid rgb(130, 130, 130) !important;
    text-align: center;
    font-size: 14px;
}

.nav > li > a {
    padding: 4px 15px;
}

.border-top {
    border-top: solid 1px;
}

.border-bottom {
    border-bottom: solid 1px;
}

.border-secondary {
    border-color: lightgrey;
}