.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 {}

@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) {

}

/*  Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

}