header.navbar > .img-avatar {
    height: 36px;
    margin: -3px 10px 0 10px;
}

header.navbar .navbar-nav a.nav-link span.menu {
    text-transform: uppercase;
    font-size: 0.7em;
    float: right;
    padding-top: 4px;
    padding-left: 4px;
}

.container-fluid.pt-2 {
    padding-top: 10px !important;
}

.sidebar {
    margin-left: 0px;
    margin-top: 50px;
}
ul.messaging-connector,
ul.messaging-connector li {
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
}

span.user-infos-event-title.zimbra-user-infos-event-title, span.user-infos-event-date.zimbra-user-infos-event-date {
    display: block;
}

span.user-infos-event-date.zimbra-user-infos-event-date{
	font-weight: bold;
	}

header.navbar .nav-item .sidebar-toggler {
    margin-left: 8px;
}

nav.sidebar-nav {
    .form-control {
        border: 0;
        background: darken($sidebar-bg,10%);
        color: #fff;

        &::-webkit-input-placeholder { color: rgba(255,255,255,.7); }
        &:-moz-placeholder { color: rgba(255,255,255,.7); }
        &::-moz-placeholder { color: rgba(255,255,255,.7); }
        &:-ms-input-placeholder { color: rgba(255,255,255,.7); }
    }
}

form.search input.icon-search {
    border: 0 none;
    text-align: left;
    text-indent: -999px;
    position: absolute;
    right: 15px;
    top: 8px;
    content: "\f002";
    font-family: 'Font Awesome 5 Free';
}

form.search input.input-text {
    border: 1px #3c4858 solid;
    padding-top: 5px;
    border-radius: 3px;
}

.card, .social-box {
    border-top-width: 0;
    border-bottom-width: 2 * $card-border-width;
}

[class*="card-outline-"] {
    border-top-width: 1px !important;
}

[class*="card-accent-"] {
    border-top-width: 2px !important;
}

.aside-menu {
    .nav-tabs .nav-link,
    .callout {
        border-radius: 0;
    }
}

body.home main.main .col-md-3 #ametys-cms-zone-default1 div.first .wrapper {
	background-color: #0069a8;	
	border-radius: 3px;
}

body.home main.main .col-md-3 #ametys-cms-zone-default1 div.even .wrapper {
	background-color: #95bccb;
	border-color: #95bccb;	
}

body.home .ametys-cms-content a:link,
body.home .ametys-cms-content a:hover,
body.home .ametys-cms-content a:visited { color: #FFF;}

header.app-header.navbar .container {
    display: flex;
}

body.home .row .col-md-3 div.ametys-cms-service.wrapper,
body.home .row .col-md-3 div.ametys-cms-content.wrapper {
  margin-bottom: 1.5 * $spacer-y;
}

body.home .row .col-md-3 div.ametys-cms-service.wrapper div.ametys-cms-content.wrapper {
    margin-bottom: 0px;
}

body.home div#ametys-cms-zone-default {
    background-color: #3896ed;
    color: #FFF;
}

body.home div#ametys-cms-zone-default a{
    color: #FFF;
}

div.sidebar img.logo {
    margin: 10px 5px;
}

div.sidebar div.sidebar-title {
    margin: 12px 0px;
    padding: 8px 10px 8px 10px;
}

div.sidebar div.sidebar-title p {
    margin-bottom: 0px;
    font-weight: 300;
}

footer.app-footer img {
    float: right;
}

footer.app-footer p.img {
    display: block;
    margin-right: 10px;
}

footer.app-footer p.copyright {
    display: inline;
} 

body.home #ametys-cms-zone-top div.first .ametys-cms-content {
    padding: 0px;
}

body.home #ametys-cms-zone-top div.first .wrapper .details {
    float: right;
    background-color: #3896ed;
    color: #FFF;
    padding: 22px 15px 8px 20px;
    width: 34%;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    height: 100%;
    margin-bottom: 30px;
    min-height: 280px;
}

body.home #ametys-cms-zone-top div.first .wrapper .details h1 {
    font-size: 20px;
}

body.home #ametys-cms-zone-top div.first .wrapper .details ul,
body.home #ametys-cms-zone-top div.first .wrapper .details ul li {
    margin-left: 5px;
    padding-left: 2px;
}

body.home #ametys-cms-zone-top div.first .wrapper .details ul li {
    list-style-type: disc;
}

body.home #ametys-cms-zone-top div.first .wrapper .details a,
body.home #ametys-cms-zone-top-right .wrapper a,
body.home.disconnect #ametys-cms-zone-default1 .wrapper a:link,
body.home.disconnect #ametys-cms-zone-default2 .wrapper a:link,
body.home.disconnect #ametys-cms-zone-right .wrapper a:link
 {
    color: #FFF;
    text-decoration: none;
}

body.home.disconnect #ametys-cms-zone-default1 .wrapper a:hover,
body.home.disconnect #ametys-cms-zone-default2 .wrapper a:hover,
body.home.disconnect #ametys-cms-zone-right .wrapper a:hover {
    color: #FFF;
}

body.home #ametys-cms-zone-top div.first .wrapper .details h1 {
    margin-bottom: 15px;
}

body.home #ametys-cms-zone-top div.first .wrapper .details a i,
body.home #ametys-cms-zone-top-right .wrapper a i {
    padding-right: 5px;
}

body.home.disconnect .col-md-3 > .ametys-cms-service,
body.home.disconnect .col-md-3 > div > div > .ametys-cms-content,
body.home.disconnect .col-md-3 > div > div > .ametys-cms-service {
    min-height: 179px !important;
}

.ametys-cms-service.wrapper.card.card-inverse3.meteo {
    padding: 0px;
}

body.page .ametys-cms-service  .ametys-cms-content {
    padding: 15px;
    margin: 0px;
}

header ul span.link-dynamic-info .link-info-tooltip,
header ul span.link-dynamic-info .link-info-long-value,
header ul span.text.nopicture {
	display: none;
}

header ul.navbar-nav li {
    position: relative;
}

header ul.navbar-nav li a i {
    font-size: 14px; 
    color: #3c4858;
}

header ul.navbar-nav li a i.icon-calendar {
	top: 0px;
	margin-right: 0px;
}

header ul.navbar-nav li a:hover {
	text-decoration: none;
}

header ul.navbar-nav li span.link-dynamic-info {
	position: relative;
	bottom: 8px;
	right: 6px;
	border-radius: 10rem;
	color: #FFF;
	font-size: 75%;
	font-weight: bold;
	padding-left: 0.6em;
	padding-right: 0.6em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

header ul.navbar-nav li a.error span.link-dynamic-info:before {
    content: "!";
}

header ul.navbar-nav li.first span.link-dynamic-info {
	background-color: #585f94;
}

header ul.navbar-nav li.even span.link-dynamic-info {
        background-color: #368ba4;
}

header ul.navbar-nav .link .link-info-error-message {   
    display: none !important;   
    position: absolute;   
    top: 100%;   
    top: calc(100% - 4px);   
    left: 0;   
    z-index: 100;   
    color: black;   
    width: 200px;   
    text-align: left;   
    background: white;   
    padding: 1px;   
    border: 1px solid #D5D5D5;   
    box-shadow: 5px 5px 5px #888888;   
    border-radius: 4px;   
}   

header ul.navbar-nav .link .link-info-error-message {   
    border-left: 4px solid #cc0000;   
    padding-left: 6px;   
}   

 
header ul.navbar-nav > li.link a.error:hover + .link-info-error-message,   
header ul.navbar-nav > li.link .link-info-error-message:hover {   
    display: block !important;   
} 

.ametys-cms-content .ametys-media-player { 
    clear: both; 
} 
.ametys-cms-content .ametys-media-player.floatleft, 
.ametys-cms-content .ametys-media-player.floatright { 
    clear: none; 
}

/*  */
.usager-col-nav {
    min-height: 40vh;
}
.usager-nav .nav-item a.nav-link {
    color: #3c4858;
}
.usager-nav .nav-item a.nav-link.active, .mybtn{
    color: #00223b;
}
.usager-main {
    background: linear-gradient(to bottom, #d1e3fa, #e0faf4);
}
.title-sidebar {
    font-size: 14px;
}
/*  */
.formdemande label{
    font-size: .875em;
}
.formdemande small {
    font-size: .6em;
}
.btn {
    border-radius: 5px!important;
}

.badge {
    border-radius: 5px;
    padding: 7px;
}
.usager-nav .nav-item a.nav-link.active,.usager-nav .nav-item a.nav-link:hover{
    color: white;
    background: #00223b;
    border-radius: 5px;
    margin-bottom: 1px;
}
.dl dt {
    float: left;
    width: 45%;
    padding: 0!important;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* font-size: 13px; */
}
  
.dl dd {
    margin-left: 50% !important;
}
.showdemande {
    background: #f7f7f7;
    padding: 20px;
}
.mybtn .fa-trash:hover{
    color: red;
}
.mybtn .fa-edit:hover{
    color: rgb(57, 57, 245);
}

.custom-file-label::after { 
    content: 'Choisir'!important;
}
.modalsup .btn {
    padding: .0rem .5rem;
}

.btn {
    border-radius: 5px!important;
}
.btn {
    border-radius: 0;
}
.text-white {
    color: #fff!important;
}
.float-right {
    float: right!important;
}
.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.user .btn {
    padding: .275rem .75rem;
}
.rejet {
    background: #f9c5c5;
    padding: 20px;
}
span.badge.badge-primary.text-white.p-2.paie {
    font-size: 13px;
}
@media (max-width: 576px) {
    .justify-content-center.bg-nav  ul.nav{
        display: block;
        overflow: hidden;
    }
    nav.navbar.navbar-expand-lg.navbar-light {
        background: white;
    }
    nav .nav-link img {
        height: 33px;
        position: absolute;
        right: 20px;
        top: 70px !important;
    }
    header {
        width: 100%;
        overflow: hidden;
    }
    .navbar-brand h5 {
        padding-top: 10px;
        text-align: right;
        font-size: 9px;
    }
    .mobilshow{
        display: block!important;
    }
}