/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
body {
}

h1, h2, h3, h4 {
    font-weight: bold;
    color: #555 !important;
    font-family: Arial, Helvetica, sans-serif;
}

h1 {
    margin-bottom: 20px;
}

h2, h3, h4 {
    margin-top: 20px;
    color: #4080BF !important;
}

h3, h4 {
    margin-top: 30px;
    font-style: italic;
}

label {
    font-weight: bold;
}

pre {
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

footer {
    width: 100%;
    background-color: #336699;
    color: #FFFFFF;
    font-size: x-small;
    text-align: center;
    position: fixed;
    bottom: 0px;
    z-index: 111111;
}

button {
    color: #337AB7;
}

.body-content {
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
}

.required::after {
    content: '\2605';
    color: red;
    font-size: smaller;
    position: relative;
    text-align:left;
    top: -0.4em;
}

.datetimepicker {
    z-index: 99999 !important;
}

.number {
    text-align: right;
}

.invisible {
    display: none;
}

.disable {
    pointer-events: none;
    background-color: #ecf3f9;
    cursor: not-allowed;
}

fieldset {
    margin-top: 20px;
}

legend {
    font-weight: bold;
}

fieldset.filters {
    margin: 20px 0px;
    padding: 10px;
    border: solid 1px #336699;
}

.filters legend {
    float: none;
    color: #336699;
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: large;
    border: none;
    margin: 0px;
    padding: 0px 5px;
    width: auto;
}

.row-nested {
    margin: 0px -12px 10px -12px;
}

.row-tight {
    margin: 0px -12px 0px -12px;
}

/*Table--------------------*/

table.dataTable {
    border: 1px solid #111;
}

table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
    width: auto !important;
    min-width: 80px;
    border-top: 1px solid #111;
    font-size: larger;
    background-color: #336699;
    color: #FFFFFF;
    padding: 2px 5px;
}

table.dataTable tbody th, table.dataTable tbody td {
    width: auto !important;
    min-width: 80px;
    border: 1px solid;
    padding: 2px 5px;
}

table.dataTable tr:nth-child(even) {
    background-color: #EEEEEE !important;
}

table.filterTable {
    border-spacing: 50px;
}

table.filterTable td{
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
    vertical-align: top;
}

table.filterTable th {
    padding-left: 10px;
    padding-right: 10px;
}

table.legend {
    margin-left: auto;
    margin-right: auto;
}

.legend th {
    text-align:center;
}

.legend td {
    width: 100px;
    text-align: center;
}

.panel-container {
    display: flex;
    width: 100%;
}

input.inCell {
    border: none;
}

input.inCell-numeric {
    width: 80px;
    border: none;
    text-align: right;
}

.disable {
    pointer-events: none;
    background-color: #ecf3f9;
    cursor: not-allowed;
}

.field td {
    padding-right: 10px;
    vertical-align: top;
    padding-top: 5px;
}

.field td:last-child {
    padding-right: 0px;
}

.result th {
    background-color: #336699 !important;
    color: #FFFFFF !important;
    font-weight: bold;
    font-size: larger;
    padding: 5px;
    padding-right: 20px;
    margin: 0px;
    text-align: left;
}

.result th.number {
    text-align: right;
}

.result td {
    padding: 1px;
    padding-left: 3px;
    padding-right: 20px;
    vertical-align: top;
}

.result tr:nth-child(even) {
    background-color: #EEEEEE !important;
}

.result tr:nth-child(odd) {
    background-color: #FFFFFF !important;
}

.panel {
    flex: 1;
    padding: 16px;
}


/*dropdown-submenu--------------------*/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/*Planning classes--------------------*/

.Demand {
    color: white;
    background-color: #336699;
}

.Validate {
    color: white;
    background-color: #339999;
}

.NotExecuted {
    color: white;
    background-color: indigo;
}

.Rejected {
    color: white;
    background-color: #993366;
}

.Subject_Selected.Validate {
    color: white;
    background-color: #829356;
}

.Subject_OnLine.Validate {
    color: white;
    background-color: #C2571A;
}

.Subject_OffLine.Validate {
    color: white;
    background-color: #BCA136;
}

.Canceled {
    color: white;
    background-color: #993366;
}

.IncludedSlot {
    color: white;
    background-color: #993366;
}

.SelectedSubject {
    color: white;
    background-color: #339999;
}

.SearchMedic {
    color: white;
    background-color: #0094ff;
}

.NeedsRecruitment {
    color: white;
    background-color: #336699;
}

.NoUpDate {
    color: white;
    background-color: #555;
}


.Inscriptions {
    color: white;
    background-color: #e0871b;
}

.Clinician {
    color: white;
    background-color: darkorange;
}

.OtherMedical {
    color: white;
    background-color: #b200ff;
}

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


.SlotProvisional {
    z-index: -1;
    opacity: 0.7;
}

.Occupied {
    color: white;
    background-color: #999;
}

.NotRegister {
    color: red;
}

/*Buton classes --------------------*/
.btn-cancel {
    color: #993333;
    cursor: pointer;
}

.btn-ok {
    color: #339999;
    cursor: pointer;
}

.btn-remove {
    color: #993333;
    cursor: pointer;
}

.btn-add {
    color: #339999;
    cursor: pointer;
}

.btn-apply {
    font-weight: bold;
    color: #339966;
    cursor: pointer;
    margin-left: 5px;
}

.btn-reset {
    font-weight: bold;
    color: #993366;
    cursor: pointer;
    margin-left: 5px;
}

.btn-h1 {
    font-size: x-large;
}
.typeBtn {
    background-color: darkgray;
    border-block-color: black;
    text-align: center;
    vertical-align: central;
    padding: 10px;
}

/*Text classes --------------------*/

textarea {
    height: 5em;
    width: 25em;
}

.mediumTxt {
    font-size: medium;
}

.largeTxt {
    font-size: large
}

.listTitle {
    font-size: small;
    font-weight: bold;
}

.listItem {
    font-size: smaller
}

.minText {
    width: 310px;
    height: 84px;
}


.fc-event Register {
    background-color: lightgreen;
}

/**//* Hauteur de la table des heures*/
.fc-slats table {
    height: 70vh;
}

/*Style pour les tables de cette page d'édition*/
table.editTable {
    width: 550px;
    margin-top: 5px;
}

.editTable td {
    padding-left: 20px;
}

/*1° colonne de la table*/
.editTable td:nth-child(1) {
    width: 21%;
    vertical-align: top;
}

/*2° colonne de la table*/
.editTable td:nth-child(2) {
    width: 80%;
}

/* Style pour planning quotidien --------------------*/

.SlotData {
    padding: 3px;
    width: 100%;
}

table.dailyTable {
    border: 1px solid #111;
    margin-left: 20px;
}

    table.dailyTable thead th, table.dailyTable thead td, table.dailyTable tfoot th, table.dailyTable tfoot td {
        text-align: center;
        width: auto;
        min-width: 80px;
        border-top: 1px solid #111;
        font-size: larger;
        background-color: #336699;
        color: #FFFFFF;
        padding: 2px 5px;
    }

    table.dailyTable tbody th, table.dailyTable tbody td {
        vertical-align: top;
        width: auto;
        border: 1px solid;
        padding: 3px;
        height: 100%;
    }