body{background-color:#f8f9fa;}
.picker__date-display {display: flex;}
.picker__month-display {order: 2;}
.picker__weekday-display {display:none;}
.picker__day-display {order: 1;}
.picker__year-display{order: 3;}
.picker__box .picker__header .picker__date-display .picker__year-display {font-size:2.1rem;padding: .875rem .3125rem .25rem;margin-top: 1.25rem;font-size: 2.1rem;position:static;color:#fff;}
.picker__box .picker__footer .picker__button--today, .picker__box .picker__footer .picker__button--clear, .picker__box .picker__footer .picker__button--close, .picker__box .picker__footer .picker__button--ok {width:50%;font-size:70%;}
.picker__box .picker__header .picker__date-display .picker__day-display,.picker__box .picker__header .picker__date-display .picker__month-display,.picker__box .picker__header .picker__date-display .picker__year-display {padding-top:0;}
.form-check-input[type="radio"]:not(:checked) + label, .form-check-input[type="radio"]:checked + label, label.btn input[type="radio"]:not(:checked) + label, label.btn input[type="radio"]:checked + label {padding-left:30px}
.md-form .form-control {height:44px;}
.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {color:#212529!important;}
.invalid{margin-top:-.50rem!important;display:none;}
.invalid-feedback {font-weight:500;}
.card-header{font-weight:500;}
.text-small{font-size:.9rem;}
.card-body.overflow-auto {max-height: 500px;max-width: 100%;}
.signature-pad--body canvas {width: 100%;height: 100%;border-radius: 4px;border : 1px solid #ced4da;background-color:#fff;}

.notify-badge {
    position: absolute;
    right: 15px;
    top: 15px;
    text-align: center;
    border-radius: 60px 60px 60px 60px;
    padding: 5px 10px 5px 10px;
    font-size: 0.85rem;
}

.hoverable:hover {cursor:pointer!important;}

.card-header {
   background:none;
}

.card-text {
    font-size: 0.9rem;
}

.hoverable {
    -webkit-transition: all 0.20s ease-in-out;
    transition: all 0.20s ease-in-out
}

.hoverable:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.09);
    -webkit-transition: all 0.20s ease-in-out;
    transition: all 0.20s ease-in-out
}

.login-page .intro-2 {
    background: url("https://mdbootstrap.com/img/Photos/Horizontal/Nature/full page/img%20(11).jpg") center center no-repeat;
        background-size: auto;
    -webkit-background-size: cover;
    background-size: cover;
}

.fixed-sn .page-footer .container-fluid, .fixed-sn main {
    margin-left: 6%;
    margin-right: 6%;
}

.dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:active, .dropup .dropdown-menu .dropdown-item:hover, .dropup .dropdown-menu .dropdown-item:active, .dropleft .dropdown-menu .dropdown-item:hover, .dropleft .dropdown-menu .dropdown-item:active, .dropright .dropdown-menu .dropdown-item:hover, .dropright .dropdown-menu .dropdown-item:active {background-color: #3F729B;}



.navbar {
    font-weight: 400;
}

.form-control-plaque::before {
    content: ' ';
    position: absolute;
  	top: 3px;
    left: 3px;
    z-index: 10;
  /*  border-top-left-radius: 0.40rem;
    border-bottom-left-radius: 0.40rem;*/
    width: 40px;
    height: 49px;
    background-color: #0b6ba8;
    content: " " url("../../assets/img/plaque-left.png");
    padding-left:10px;
    padding-top:4px;
}

.form-control-plaque .form-control:disabled{
	background-color:#fff!important;
}

.form-control-plaque::after {
    content: ' ';
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 10;
  /*  border-top-right-radius: 0.40rem;
    border-bottom-right-radius: 0.40rem;*/
    width: 40px;
    height: 49px;
    background-color: #0b6ba8;
}


.form-control-plaque {
    position: relative;
}

.form-control-plaque input {
    text-align: center;
    text-transform: uppercase;
    font-weight:500;
    font-size:32px;
    height:55px;
    letter-spacing:1px;
}

.blue-text{color: #0b6ba8!important;}

.md-accordion .card .card-header a:hover{text-decoration:none;}
.md-accordion .card .card-body {font-weight:normal;font-size:1rem;}

/*
.bg-primary {
    background-color: #0b6ba8 !important;
}
*/


.bc-icons-2 .breadcrumb-item + .breadcrumb-item::before {content: none; }
.bc-icons-2 .breadcrumb-item.active {color: #fff;font-weight:500;text-decoration:underline;}
.bc-icons-2 .breadcrumb-item a,.bc-icons-2 .breadcrumb-item{color: #fff;font-weight:500;}
.fa-caret-right{padding-top:5px;color:#fff;text-decoration:none!important;}

li .circle {
    display: inline-block;
    margin-top:2px;
    width: 18px;
    height: 18px;
    margin-right: .5rem;
    color: #0b6ba8;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    font-size:10px;
    line-height:16px;
    font-weight:bold;
    display:none;
}

li.active .circle {
    color: #fff; 
    background-color: #007bff;
    color:#fff;
}

div.pr.card-active::after,div.ve.card-active::after {
   font-family: "Font Awesome 5 Free";
    content: "\f058";
    display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
    color: #007bff;
    font-size: 18px;
    position: absolute;
	top: 15px;
	right:13px;
	font-weight:900;
}

div.pr.card-active::after {
	top: 25px;
}

/*div.card-active .card-body div{color:#007bff !important;}*/
.hoverable label:hover {cursor:pointer!important;}

table td {
    font-size: 0.9rem;
    font-weight: normal;
}

.hoverable {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.20s ease-in-out;
    transition: all 0.20s ease-in-out
}

.hoverable:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.09);
    -webkit-transition: all 0.20s ease-in-out;
    transition: all 0.20s ease-in-out
}

.card-header-perso{border:0;background:none;font-weight:500;font-size:1.20rem;}
.text-small{font-size:0.85rem;}

label {
    display: inline-block;
    margin-bottom: .3rem;
    font-weight:500;
}

.form-check-input[type="checkbox"] + label, label.btn input[type="checkbox"] + label {padding-left:30px;}
.table-sm td, .table-sm th {padding: 1rem;}
.form-check label{font-size:1rem;font-weight:normal;}
div.pr.card-active,div.ve.card-active {border: 1px solid #007bff;}
.tooltip-inner ul{padding-left:15px;margin-bottom:0;}
.tooltip-inner ul li{line-height:24px;}
.md-inner-main {font-size: 15px;font-weight:normal;background: rgba(87, 97, 122, 0.95) !important;}
.tooltip-inner-240 {min-width: 240px;}
.btn-rounded {
    border-radius: 10em
}

.container{
  -khtml-user-select : none;
  -webkit-user-select : none;
  -moz-user-select : -moz-none;
  -ms-user-select : none;
  user-select : none;
}

.badge {font-weight:500;}
.badge-light {color:#212529!important;background-color:#EDEDED!important;}

.invalid-feedback-p {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}






@media (max-width: 575px) {

}

/*  Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl {padding-left:inherit;padding-right:inherit;}

}

/*  Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl {padding-left:inherit;padding-right:inherit;}

}

/*  Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {

}