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 {
    color: #00223b;
}
.usager-main {
    background: linear-gradient(to bottom, #d1e3fa, #e0faf4);
}
.title-sidebar {
    font-size: 14px;
}
/*  */