/*
Theme Name: Twenty Seventeen Child
Description: Child theme for Twenty Seventeen theme
Author: the WordPress team
Author URI: https://wordpress.org/
Template: twentyseventeen
Version: 1.0.0
Text Domain: twentyseventeen-child
*/

b, strong {
    font-weight:600 !important;
}

.site-contact a { color:#6686ff;box-shadow:initial; }
.site-contact a:hover { box-shadow:initial; }

/**************************************************************************************************************
        MENU
 **************************************************************************************************************/

.navigation-top .menu-item i { margin-right:10px; }
.navigation-top .menu-item a { color:#646873; }

@media screen and (min-width: 48em) {
    .admin-bar .site-navigation-fixed.navigation-top {
        border-bottom: 1px solid #646873;
    }
}

/**************************************************************************************************************
        CONNEXION
 **************************************************************************************************************/

#connexion-form { background-color:#5f80f4;width:70%;left:0px;right:0px;margin-left:auto;margin-right:auto;z-index:1000; }
#connexion-form form { text-align:center; }
#connexion-form input[type="text"] { margin:20px 0px; }
#connexion-form input[type="text"], #connexion-form input[type="password"] { color:#b4c1f8 !important;background:#5f80f4 !important;background-color:#5f80f4 !important;border:0px;border-bottom:1px solid #b4c1f8;border-radius:0px; }
#connexion-form input[type="text"]:-webkit-autofill, #connexion-form input[type="password"]:-webkit-autofill { color:#b4c1f8 !important;background:#5f80f4 !important;background-color:#5f80f4 !important;-webkit-box-shadow: 0 0 0px 1000px #5f80f4 inset; }
#connexion-form input[type="submit"] { background-color:#ffffff;color:#5f80f4;float:initial; }

/**************************************************************************************************************
        SOUS-MENU
 **************************************************************************************************************/

.submenu { margin:0px 0px 40px 0px; text-align:right; }
.menu-button { background-color:#626973;padding:5px 20px;margin-left:10px; }
.menu-button.button-important { background-color:#dfc741; }
.menu-button a { color:#ffffff; }
.menu-button i { margin-right:10px; }
.selected-menu { opacity:1; }
.not-selected-menu { opacity:0.5; }

/**************************************************************************************************************
        COLONNES
 **************************************************************************************************************/

.two-columns { display:inline-block;vertical-align:top;width:48.6%; }
.two-columns:nth-of-type(odd) { margin-right:10px; }

.three-columns { display:inline-block;vertical-align:top;width:31.5%; }
.three-columns:not(:first-of-type) { margin-left:10px; }

/**************************************************************************************************************
        NOUVEAU
 **************************************************************************************************************/

.block-choices { display:inline-block;padding:20px; }
.block-choices.multiple-choices.single-block { width:100%; }
.block-choices.multiple-choices.two-blocks { width:48.6%; }
.block-choices.multiple-choices.three-blocks { width:31.6%; }
.block-choices label { color:#ffffff;text-transform:uppercase; }
.block-choices:not(:first-of-type) { margin-left:20px; }

.block-choices.multiple-choices.first-choice { background-color:#43b9f6; }
.block-choices.multiple-choices.second-choice { background-color:#5f80f4; }
.block-choices.multiple-choices.third-choice { background-color:#8f6ff6; }

.block-choices.multiple-choices.checked-choice { opacity:1; }
.block-choices.multiple-choices.not-checked-choice { opacity:0.5; }

.one-column label input, .one-column label select { margin: 0px 10px; }

.two-columns label span { display:inline-block;text-align:right; }
.two-columns label input, .two-columns label select { margin: 0px 10px; }
.two-columns label span:not(:first-of-type):not(:nth-of-type(2)):last-of-type { margin-left:10px; }

.three-columns label input { display:block; }

/**************************************************************************************************************
        NOUVEAU TRAITEMENT
 **************************************************************************************************************/

#add-treatment .two-columns:nth-of-type(odd) label span:first-of-type { width:105px; }
#add-treatment .two-columns:nth-of-type(even) label span:first-of-type { width:170px; }
#add-treatment .two-columns:nth-of-type(even) label input[type=number] { width:200px; }

#add-treatment .multiple-choices.single-block.not-checked-choice { padding:10px 20px; }

/**************************************************************************************************************
        NOUVEL ACCESSOIRES
 **************************************************************************************************************/

#add-accessoires .two-columns:nth-of-type(odd) label span:first-of-type { width:105px; }

/**************************************************************************************************************
        FORM
 **************************************************************************************************************/

.required-field { color:#f45f5f !important; }

.radio-choice { display:inline-block; }
.radio-choice:not(:first-of-type) { margin-left:10px; }

select { color:#9a9a9a; }

input[type=checkbox] + label, input[type=radio] + label { display:inline-block;margin:0px 5px; }
input[type=checkbox] { margin-right:30px; }

label { color:#606a74;font-weight:400; }
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"] { width:auto;display:inline-block;border:1px solid #ebebeb;color:#9a9a9a; }
::-webkit-input-placeholder { color:#cdcdcd; }
::-moz-placeholder { color:#cdcdcd; }
:-ms-input-placeholder { color:#cdcdcd; }
:-moz-placeholder { color:#cdcdcd; }

input[type='radio'] { -webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox; }

button, input[type="button"], input[type="submit"] { background-color:#5f80f4;font-weight:400;text-transform:uppercase; }
input[type="submit"] { float:right;margin:20px 0px; }

input[type="submit"].button-warning { background-color:#f45f5f; }

/**************************************************************************************************************
        LOGS
 **************************************************************************************************************/

.log-alert { margin:20px 0px;padding:20px;background-color:#f6f7f9; }
.log-alert .error-alert { color:#990000; }
.log-alert .no-error-alert { color:#009900; }

/**************************************************************************************************************
        SEPARATOR
 **************************************************************************************************************/

.half-separator { width:50%;height:1px;background-color:#ebf0f4;margin:20px auto; }
.separator { width:100%;height:1px;background-color:#ebf0f4;margin:20px 0px; }

/**************************************************************************************************************
        MARGIN
 **************************************************************************************************************/

.block-margin-20-0 { margin:20px 0px; }
.block-margin-40-0 { margin:40px 0px; }

/**************************************************************************************************************
        TITRE PAGE
 **************************************************************************************************************/

.page .panel-content .entry-title { color:#616a73;font-weight:400;text-align:center; }
.page .panel-content .entry-title div:first-of-type { font-size:1.0rem; }
.page .panel-content .entry-title div:not(:first-of-type) { font-size:1.4rem; }
.page .panel-content .entry-title div:not(:first-of-type):after { content:"";display:block;margin:auto;padding:10px;height:1px;width:150px;border-bottom:1px solid #6686ff; }

/**************************************************************************************************************
        BODY, H3, H4
 **************************************************************************************************************/

body { color:#545454; }
body a { color:#646873; }

h2 { color:#626973;margin-bottom:40px; }
h2 div { display:inline-block; }
h2 div:first-of-type { text-transform:uppercase;margin-right:10px;font-size:1.3rem; }
h2:after { content:"";display:block;padding:5px;height:1px;width:200px;border-bottom:1px solid #dfc741; }

h3 { color:#626973;text-transform:uppercase; }
h3 div:first-of-type { font-size:1.025rem; }
h3 div:nth-of-type(2) { position:relative;padding:0px 0px 10px 0px; }
h3 div:nth-of-type(2):before { content:"";position:absolute;left:0;bottom:0;height:1px;width:120px;border-bottom:1px solid #6686ff; }

h4 { color:#626973;font-weight:400; }
h4 div:first-of-type { text-transform:uppercase; }
h4 div:nth-of-type(2) { font-size:0.90rem; }

h5 { font-weight:600; }

/**************************************************************************************************************
        HEADER
 **************************************************************************************************************/

.custom-logo-link { display:block; }
.custom-logo-link img { display:block;margin:auto; }

/**************************************************************************************************************
        IMPORTANT
 **************************************************************************************************************/

.important-field { font-weight:600; }
.important-color { color:#f45f5f !important; }

/**************************************************************************************************************
        DATEPICKER
 **************************************************************************************************************/

.ui-datepicker-header { background:#f6f7f9; }
.ui-datepicker-title select { border:0px;height:30px; }
.ui-datepicker-calendar thead { background:#f6f7f9; }
.ui-datepicker tr { border:0px; }
.ui-datepicker td .ui-state-active { background:#6686ff; }
.ui-datepicker td .ui-state-default:hover { background:#43b9f6; }
.ui-widget-header .ui-datepicker-prev .ui-icon { background-position:-96px -16px; }
.ui-widget-header .ui-datepicker-next .ui-icon { background-position:-32px -16px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { margin:auto;left:20%; }

/**************************************************************************************************************
        FOOTER
 **************************************************************************************************************/

.site-info a { color:#6686ff; }
.site-info a:hover { box-shadow:initial; }

@media (max-width: 767px) {
    /****************************************************
            MENU
    *****************************************************/

    .main-navigation li { border-bottom:0px; }
    .main-navigation li:first-of-type { float:right; }
    .main-navigation li:not(:first-of-type) { float:left; }

    /****************************************************
            CONNEXION
    *****************************************************/

    #connexion-form { width:100%; }

    /****************************************************
            SOUS-MENU
    *****************************************************/

    .menu-button { display:block;margin:5px 0px 5px auto;width:150px; }

    /****************************************************
            COLONNES
    *****************************************************/

    .two-columns { display:block;vertical-align:top;width:100%; }

    .three-columns { display:block;width:100%;margin-top:30px; }
    .three-columns:not(:first-of-type) { margin-left:0px; }

    /****************************************************
            TRAITEMENT
    *****************************************************/

    #add-treatment #add-appareil .two-columns:nth-of-type(odd) label span:first-of-type { width:100%; }
    #add-treatment #add-appareil .two-columns:nth-of-type(even) label span:first-of-type { width:100%; }

}

@media (max-width: 991px) {

    /****************************************************
            NOUVEAU
    *****************************************************/

    .block-choices { display:block; }
    .block-choices.multiple-choices.two-blocks, .block-choices.multiple-choices.three-blocks { width:90%; }
    .block-choices:not(:first-of-type) { margin-left:0px;margin-top:20px; }

    .two-columns label span:first-of-type { text-align:left; }

    /****************************************************
            NOUVEAU PATIENT
    *****************************************************/

    #add-patient .two-columns:first-of-type label span:first-of-type { width:auto;margin-right:5px; }
    #add-patient .two-columns:not(:first-of-type) label span:first-of-type { width:auto;margin-right:5px; }

    /****************************************************
            NOUVEAU TRAITEMENT
    *****************************************************/

    #add-ppc .two-columns:nth-of-type(odd) label span:first-of-type { width:auto; }
    #add-ppc .two-columns:nth-of-type(even) label span:first-of-type { width:auto; }

    #add-vni .two-columns:nth-of-type(odd) label span:first-of-type { width:100%; }
    #add-vni .two-columns:nth-of-type(even) label span:first-of-type { width:100%; }

    #add-oxygene .two-columns:nth-of-type(odd) label span:first-of-type { width:100%; }
    #add-oxygene .two-columns:nth-of-type(even) label span:first-of-type { width:auto; }

    #add-accessoires .two-columns:nth-of-type(odd) label span:first-of-type { display:block; }

    /****************************************************
            COLONNES
    *****************************************************/

    .two-columns { margin:40px 0px; }
}

@media (min-width: 568px) {
    /****************************************************
            CONNEXION
    *****************************************************/

    #connexion-form input[type="text"], #connexion-form input[type="password"] { width:350px; }
}

@media (min-width: 768px) {
    /****************************************************
            MENU
    *****************************************************/

    .navigation-top { border-bottom:0px; }
    .main-navigation li { float:right; }

    /****************************************************
            SOUS-MENU
    *****************************************************/

    .menu-button { display:inline-block; }
}

@media (min-width: 768px) and (max-width: 991px) {
    /****************************************************
            COLONNES
    *****************************************************/

    .three-columns:not(:last-of-type) { width:48.2%; }
    .three-columns:last-of-type { display:block;margin-left:0px;margin-top:30px; }
}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 1200px) {

}