/** font face **/

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src:
    local('Material Icons'),
    local('MaterialIcons-Regular'),
    url('../fonts/materialicons.woff2') format('woff2'),
    url('../fonts/materialicons.ttf') format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}


/** g **/
@media (max-width: 450px) {
    #mainBody{
        padding: 0 !important;
    }
}


#mainHeader{
    height: 64px !important;
}

#mainHeader .md-button{
    width: 30px !important;
    padding: 0 !important;
    margin: 0 3px 0 0 !important;
}

#mainHeader .md-button.active{
    color: red;
}

@media (max-width: 450px) {
    #mainTabs md-tab-item{
        padding: 12px !important;
    }
    #mainTabs md-tabs-canvas{
        margin: 0 !important;
    }
    #mainTabs md-next-button,
    #mainTabs md-prev-button{
        display: none;
    }
    .mainDate{
        padding: 10px 0;
        text-align: center;
    }
}



@media (max-width: 960px) {
    .mainTitle{
        padding-top: 8px;
    }
}
@media (max-width: 450px) {
    .mainTitle{
        width: 140px;
        font-size: 16px;
    }
}

.userInfo{
    position: absolute;
    right: 10px;
    top: 11px;
    min-width: 100px;
}
.userInfo img{
    float: left;
    width: 30px;
    height: 40px;
    /* border-radius: 4px;*/

}
.userInfo .name{
    margin: 6px 10px 2px 40px;
    font-size: 14px;
}
.userInfo .logout{
    margin: 2px 0 0 40px;
    font-size: 12px;
}


/** Calendar **/
.refreshAgendaEnCours{
    opacity: .5;
}
.mainCalendar .active{
    /* background: orange !important;*/
}

.mainCalendar .dayEvent{
    margin: 0 3px;
    display: block;
    width: 100%;
    /*    text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;*/
    /* border-bottom: 1px solid teal;*/
    position: relative;
    overflow: hidden !important;
    /*color: #fff;*/
    padding: 3px 5px !important;
    cursor: pointer;
    color: #555;
    line-height: 1.7;
    font-size: 14px;
}
.mainCalendar .weekend,
.mainCalendar .weekend:hover{
    /*background: #fafafafa !important;*/
    box-shadow: none !important;
}
.mainCalendar .dayEvent:not(.addEvent):hover{
    color: #000;
    box-shadow: 1px 1px 13px rgba(0,0,0,.25);
    /*background: #ccc;*/
}
.mainCalendar .eventHour{
    /*    text-align: center;
        display: block;
        padding: 5px 0 !important;*/
    color: #fff !important;
    margin-right: 5px;
    font-weight: 600;
    font-size: 13px;
    padding: 4px !important;
}
.mainCalendar .eventTrig{
   
    color: red;
    font-weight: 600;
    font-size: 13px;
    padding: 4px !important;
    text-align: center;
    margin-right: 4px;
}
.mainCalendar .eventTrigVehicules{
   
    color: teal !important;
    font-weight: 600 !important;
    font-size: 13px;
    padding: 4px !important;
    text-align: center;
    margin-right: 4px;
}
.mainCalendar .calendarmode .dayEvent:not(.addEvent){
    border-bottom: 1px solid #ddd;
}
.mainCalendar .calendarmode .eventHour{
    display: block;
    margin-bottom: 2px;
}


.mainCalendar .today {
    /* border: 1px solid teal !important;*/
}
.mainCalendar .past {

    /* opacity: 0.5;*/
}
.mainCalendar .past .dayEvent:not(.addEvent)  {
    opacity: 0.5;
    font-style: italic;
}
.mainCalendar .past .eventHour {
    /* text-decoration: line-through;*/
}
.mainCalendar .today .dayBackground {
    background: teal !important;
    color: #fff;
    overflow: hidden;
}
md-input-container.md-input-invalid label {
    color: rgb(221,44,0) !important;
}

@media (max-width: 400px) {
    .mainCalendar .dayEvent {
        font-size: 12px;
        color: #fff !important;
    }
    .mainCalendar .eventHour{
        /* display: none;*/

    }

    .mainCalendar .dayEvent.provisoire {
        background: rgba(0,128,128,.75);
    }
    .mainCalendar .dayEvent.reseau {
        background: rgba(132,67,110,.75);
    }
    .mainCalendar .dayEvent.visio {
        background: rgba(0,128,0,.75);
    }
    .mainCalendar .dayEvent.exterieur {
        background:  rgba(231,76,60,.75);
    }
    .mainCalendar .dayEvent.bureau {
        background: rgba(0,0,255,.75);
    }
    .mainCalendar .dayEvent.commercial {
        background: rgba(128,0,128,.75);

    }
    .mainCalendar .dayEvent.devis {
        background: rgba(255,0,255,.75);
    }
    .mainCalendar .dayEvent.faire {
        background: rgba(0,0,128,.75);
    }
    .mainCalendar .dayEvent.autre {
        background: rgba(192,192,192,.75);
    }
    .mainCalendar .dayEvent.externe {
        background: #888;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
    }
    .mainCalendar .dayEvent.externe1 { background: #e91e63 !important;}
    .mainCalendar .dayEvent.externe2 { background:blue !important;}
    .mainCalendar .dayEvent .eventHour{
        background: transparent !important;
        font-weight: 600;
    }


    /* vacances */
    .mainCalendar .dayEvent.externe99 { background:#87D37C !important;}
    
}

.mainCalendar .dayEvent.provisoire .eventHour,
.searchResult.provisoire .icoTypeRdv,
.searchResult.provisoire .md-subhead span
{
    background: rgba(0,128,128,.75);
    background: transparent;
    color: #555 !important;
}
.mainCalendar .dayEvent.provisoire{
    padding-top: 12px !important;
}
.mainCalendar .dayEvent.provisoire .eventHour:after{
    position: absolute;
    left: 25px; 
    top: 0px;
    content: 'provisoire';
    font-size: 10px;
}
.mainCalendar .dayEvent.reseau .eventHour,
.searchResult.reseau .icoTypeRdv,
.searchResult.reseau .md-subhead span
{
          background: rgba(132,67,110,.75);
}
.mainCalendar .dayEvent.visio .eventHour,
.searchResult.visio .icoTypeRdv,
.searchResult.visio .md-subhead span
{
    background: rgba(0,128,0,.75);
}
.mainCalendar .dayEvent.exterieur .eventHour,
.searchResult.exterieur .icoTypeRdv,
.searchResult.exterieur .md-subhead span
{
    background:  rgba(231,76,60,.75);
}
.mainCalendar .dayEvent.bureau .eventHour,
.searchResult.bureau .icoTypeRdv,
.searchResult.bureau .md-subhead span
{
    background: rgba(0,0,255,.75);
}
.mainCalendar .dayEvent.commercial .eventHour,
.searchResult.commercial .icoTypeRdv,
.searchResult.commercial .md-subhead span
{
    background: rgba(128,0,128,.75);
}
.mainCalendar .dayEvent.devis .eventHour,
.searchResult.devis .icoTypeRdv,
.searchResult.devis .md-subhead span
{
    background: rgba(255,0,255,.75);
}
.mainCalendar .dayEvent.faire .eventHour,
.searchResult.faire .icoTypeRdv,
.searchResult.faire .md-subhead span
{
    background: rgba(0,0,128,.75);
}
.mainCalendar .dayEvent.autre .eventHour,
.searchResult.autre .icoTypeRdv,
.searchResult.autre .md-subhead span
{
    background: rgba(192,192,192,.75);
}
.mainCalendar .dayEvent.externe .eventHour,
.searchResult.externe .icoTypeRdv,
.searchResult.externe .md-subhead span
{
    background: #888;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.externalColor{
    width: 40px;
    height: 40px;
    margin: 10px;
    background: #888;
}
.externe1 .eventHour, .externalColor.externe1{ background: #e91e63 !important;}
.externe2 .eventHour, .externalColor.externe2{ background:blue !important;}
.externe99 .eventHour, .externalColor.externe99{ background:#888 !important;}

.vacances.autre{
    font-style: italic;
}

.mainCalendar .dayEvent.externe{
    cursor: default !important;
 
}
.mainCalendar .dayEvent.externe .eventHour:before{
    content: "⬟";
}

.mainCalendarWrapper{
    position: relative;
}

.mainCalendarWrapper > div > md-toolbar md-select{
    font-size: 15px;
    color: #fff !important;
}

.mainToolbar{
    min-height: 56px;
}

.goToToday{
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 6px 8px 4px 8px;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    z-index: 500;
    background: #23A598;
}

.goToToday:hover{
    background: #20B7A8;
}

.goToToday md-icon{
    position: relative;
    margin: 0 0 0 0;
    color: #fff !important;
    font-size: 22px;
}




/** vue hebdomadaire **/
.calendarWeeks{
    border-top: 1px solid #ccc;
    width: 100%;
}

.calendarWeeks .isweek{
    border-right: 1px solid #ccc;
    text-align: center;
    width: 100px;
    font-size: 13px;
    padding: 5px 0 7px 0;
    cursor: pointer;
}
.calendarWeeks .currentWeekNumber{
    font-weight: 600;
    width: 32px;
    padding: 4px 2px;
    background: #aaa;
    margin: 5px auto;
    color: #eee;
}

.calendarWeeks .isweek.active .currentWeekNumber{
    background: #fff;
    color: teal;
}

.calendarWeeks .isweek.active{
    background: teal;
    color: #fff;
}

/** Nouveaux events crées depuis commence mobile non synchronisés **/
/*.dayEvent.agenda2:before{
    display: inline-block;
    font-family: 'Material Icons';
    content: "\e327";
    font-size: 12px;
    color: blueviolet;
    padding: 5px;
    border-radius: 3px;
    margin: 3px 0 8px 0;
}*/
.dayEvent .linked{
    display: none;
}
.dayEvent .private{
    display: none;
}
.dayEvent.agenda2:not(.agenda3) .linked{
    display: inline-block;
    font-size: 20px;
}

.dayEvent.agenda3{
    color: darkred !important;
}
.dayEvent.agenda3 .private{
    display: inline-block;
    font-size: 20px;
    color: darkred;
}


.dayEvent.pas_concerne{
    opacity: .35 !important;
}

.mainBtn{
    width: 40px !important;
    line-height: 40px;
    min-width: 0;
    margin: 0 0 10px 8px;
}
/** vue agenda **/
.mainCalendar .dayWrapper{
    width: 100%;
    overflow: inherit !important;
    padding: 5px 5px 30px;
    position: relative;
}
.mainCalendar .dayWrapper .dayEvent{
    display: block;
    width: auto;
    overflow: visible;
    text-align: left;
    color: #000;
}

.mainCalendar .dayEvent.addEvent{
    /*    visibility: hidden;*/
    font-size: 11px;
    /* position: absolute;
     bottom: 0;
     left: 0;
     right: 0;*/
    text-align: center !important;
    color: #000 !important;
}
.mainCalendar .dayWrapper:hover .addEvent{
    /*  visibility: visible;*/
}

.mainCalendar .prevnext,
.mainCalendar .prevnext:hover{
    font-size: 20px;
    background: #e4e4e4 !important;
    border-radius: 20%;
}



.agendaToolbar{
    background: #eee !important;
    color: #444 !important;
}

.agendaToolbar > .md-toolbar-tools {
    height: 50px !important;
}
.agendaToolbar span{
    color: #444 !important;
}
calendar-md md-content>md-content.calendar>:not(:first-child)>:hover{
    background: white;
}
calendar-md md-content>md-content.calendar>:not(:first-child)>*{
    cursor : default !important;
}
calendar-md md-content>md-content.agenda>*>* :first-child{
    white-space: inherit;
}
calendar-md md-content>md-content.agendamode:not('.hebdomadaire')>*>* .dayBackground{
    width: 30px !important;
}

.agendamode.hebdomadaire{
    min-height: 1000px;
    border: none;
}


@media (max-width: 440px) {
    .md-autocomplete-suggestions-container {
        left: 0px !important; 
    }
}



.agendamode.hebdomadaire .eventWrapper{
    width: 100%;
    overflow: auto;
}
.agendamode.hebdomadaire .dayWrapper{
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    height: 250px;
    border-left: 1px solid #ddd;
    padding: 0 !important;
    overflow-x: hidden;
    overflow-y: scroll;
}
.agendamode.hebdomadaire .dayWrapper .dayBackground{
    width: 100%;
    border-bottom: 1px solid #ddd;
    background: #EFF6F7;
    overflow: hidden;
    min-height: 15px;
    padding: 6px 0 !important;
}

.agendamode.hebdomadaire .dayWrapper:nth-of-type(1){
    border-top: 1px solid #ddd;
}
.agendamode.hebdomadaire .dayWrapper:nth-of-type(2){
    top: 250px;
}
.agendamode.hebdomadaire .dayWrapper:nth-of-type(3){
    top: 500px;
}
.agendamode.hebdomadaire .dayWrapper:nth-of-type(4){
    left: 50%;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.agendamode.hebdomadaire .dayWrapper:nth-of-type(5){
    left: 50%;
    top: 250px;
    border-right: 1px solid #ddd;
}
.agendamode.hebdomadaire .dayWrapper:nth-of-type(6){
    left: 50%;
    top: 500px;
    height: 125px;
    border-right: 1px solid #ddd;
}

.agendamode.hebdomadaire .dayWrapper:nth-of-type(7){
    left: 50%;
    top: 625px;
    height: 125px;
    border-right: 1px solid #ddd;
}




.dayEvent md-icon{
    width:  auto !important;
    padding: 0 5px !important;
    /*color: cornflowerblue !important;
    border-right: 1px solid cornflowerblue;*/
}
.agendamode .dayEvent{
    width: 100%;
}
.dayBackground{
    padding: 5px !important;
    text-align: center !important;

}
.ficheCommence{
    padding: 10px;
}
.ficheCommence .info{
    /*  border: 1px solid red;*/
    padding: 5px 0;
    border-bottom : 1px dotted #ddd;
}
.ficheCommence .mainName{
    margin: 2px auto;
    padding: 0 !important;
    color: #555;
    display: none;
}
.ficheCommence h6{
    margin: 20px 0 20px 0;

}
.ficheCommence md-input-container{
    padding-bottom: 0;
    margin-bottom: 0;

}
.ficheCommence .goToOrganisme{
    color: teal;
    cursor: pointer;
    margin-bottom: 10px;
}

.inforight{
    /*    display: block;
        margin-tOp: 35px;*/
    float: right;
}
.associatedContacts{
    padding: 0 0 5px 35px;
    max-height: 340px;
    overflow: auto;
}
.associatedContacts md-toolbar{
    height: 40px !important;
    min-height: 40px !important;
    background: teal;
    font-size: 12px;
}
.associatedContacts .innerPanel{
    background: #f2f2f2;
}


.associatedCRs{
    // padding: 0 0 5px 35px;
    max-height: 340px;
    overflow: auto;
}
.associatedCRs md-toolbar{
    height: 40px !important;
    min-height: 40px !important;
    background: teal;
    font-size: 12px;
}
.associatedCRs .innerPanel{
    background: #f2f2f2;
}

.ficheCommence .associatedContacts{
    padding: inherit;
}

.ficheCommence .associatedContacts .md-button{
    cursor: pointer;
    padding: 0 !important;
    min-height: 28px;
}
.ficheCommence .associatedContacts md-list-item{
    min-height: 22px;
    color: teal !important;
}
.ficheCommence .associatedContacts .md-list-item-inner{
    min-height: 20px;
}
/** fiche agenda **/
.typeRdv{
    padding-bottom: 20px;
    font-size: 12px;
    position: relative;
    padding-top: 20px;
}
.typeRdv .provisoire{
    position: absolute;
    right: 20px;
    top: -30px;
}

.typeRdv > label{
    color: rgba(0,0,0,0.54);
    position: absolute;
    left: 40px;
    top: -20px;
    font-size: 1.2em;
}
.typeRdv md-radio-button{
    margin-bottom: 0;
}

/*.typeRdv md-radio-button .md-off{
    width: 15px;
    height: 15px;
}
.typeRdv md-radio-button .md-on{
    width: 14px;
    height: 14px;
    left: .5px;
}*/
.typeRdv .minpadding{
    /*margin-top: 15px;*/
}
.eventCfg{

}

.eventCfg .description,
.eventDuplicateCfg .description{
    background: #f3f3f3;
    padding: 10px 15px 5px 15px !important;
}
.eventCfg .description > .md-block{
    margin-bottom: 0;
}
.eventCfg .description label:before{
    content: '* ';
    color: red;
}
.eventCfg md-datepicker .md-datepicker-button,
.eventCfg md-datepicker .md-icon{
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.eventCfgToolBar h2{
    padding-right: 100px;
}
.interlocuteurs-chips .md-chips .md-chip .md-chip-content{
    overflow: visible !important;
}
/*.eventCfg md-datepicker .md-datepicker-button:before{
    position: absolute;
    left: 3px;
    top: 3px;
}*/

md-autocomplete input[type=search] {
    border: none !important;
    margin-top: 5px;
}
.md-autocomplete-container{
    margin-top: 30px;
}
.md-autocomplete-container  > label{
    font-size: 20px;
    transform: translate3d(0, 3px, 0) scale(0.75) !important;
}
.ac_label{
    font-size: 22px;
    margin-top: 100px;
}

#showNouveau{
    margin: 10px 0 10px 50px;
}

/** ui-mask workaround **/
input[ui-mask]::-webkit-input-placeholder {
    color:    #fff;
}
input[ui-mask]:-moz-placeholder {
    color:    #fff;
    opacity:  1;
}
input[ui-mask]::-moz-placeholder {
    color:    #fff;
    opacity:  1;
}
input[ui-mask]:-ms-input-placeholder {
    color:    #fff;
}


/** login form **/
#loginForm{
    margin-top: 50px;
}

#loginForm .unifiedAuth{
    font-size: 13px;
    text-align: right;
    padding: 10px 10px 20px 0;
}
#loginForm md-icon{
    font-size: 16px;
}
#loginForm div[layout="row"] md-input-container{
    margin: 0;
    padding-bottom: 0;
}

/** misc **/
md-toast.md-error-toast-theme .md-toast-content{
    background-color: #f0f0f0;
    color: darkred;
    font-weight: 600;
}

.md-toolbar-tools{
    font-size: 18px;
}

/** search Dialogs **/
.searchDialog{

}
.searchDialog .searchBloc{
    background: #f3f3f3;
    padding: 5px 15px 3px 15px !important;
}

/** misc **/
.helper{
    padding: 15px;
}
.helper md-icon{
    margin: -3px 2px 0 0;
}
.helper.primary{
    background: #E3EFFC;
}
.helper.info{
    background: #fcf8e3;
}
.helper.warning{
    background: #f2dede;
}

[role="tabpanel"]{
    transition: none !important;
    min-height: 500px;
    display: block;
}

.ac_cr_description{
    float: right;
    font-size: 11px;
    font-style: italic;
}

.ac_contact_denomination{
    float: right;
    font-size: 11px;
    font-style: italic;
}

.newcontactrdv{
    text-align: center;
    padding: 15px 0 0;
}

.duplicateEvent:not([disabled]),
.sendEventMail:not([disabled]),
.checkDisponibilites{
    position: absolute;
    right: 8px;
    top : 8px;
    background : #9b59b6 !important;
    color: #fff;
}
.duplicateEvent:not([disabled]){
    right: 58px;
}
.checkDisponibilites{
    top: 4px;
    color: #444 !important;
    background : #eee !important;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container{
    min-width: 400px !important;
}
.md-contact-suggestion .md-contact-name{
    width: 400px !important;
}

.mini_interlocuteurs .md-chips .md-chip{
    font-size: 12px;
    margin: 5px 5px 0 0;
    height: 25px;
    line-height: 25px;
}
.mini_interlocuteurs .md-chips .md-chip img{
    height: 25px !important;
}
.mini_interlocuteurs .md-chips .md-chip .md-chip-remove{
    height: 25px !important;
    width: 25px !important;
}

.checkDisponibilites md-icon{
    color : #fff;
    display: none;
}
.checkDisponibilites.disposChecked.checkedOk{
    background: #2ecc71 !important;
}
.checkDisponibilites.disposChecked.checkedOk md-icon:nth-of-type(2){
    display: none;
}
.checkDisponibilites.disposChecked.checkedErr{
    background: #df3619 !important;
}
.checkDisponibilites.disposChecked.checkedErr md-icon:nth-of-type(1){
    display: none;
}
.checkDisponibilites.disposChecked md-icon{
    display: block;
}
.checkDisponibilites.disposChecked span{
    display: none;
}


.under_overlay{
    display: none;
}

.table{
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-spacing: 0;
    border-collapse: collapse;
}
.table th,
.table td{
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #ddd;
}
.table td.noborder{
    border: none !important;
}
.table td md-input-container{
    margin: 0;
}

.md-button.md-xs{
    line-height: 20px;
    width: 34px;
    height:20px;
    padding: 0;
    min-width: auto;
}
.md-button.md-danger{
    background : #e74c3c;
}
.md-button.md-danger:not([disabled]):hover{
    background : #d14233 !important;
}


.recurrentEventCfg{
    padding: 25px 5px;
}

@media (min-width: 450px) {
    .recurrentEventCfg{
        padding: 25px 1%;
    }
}



.recurrentEventCfg .sublabel{
    font-weight: 600;
    padding: 30px 20px;
}
.recurrentEventCfg .postlabel{
    padding: 30px 0 0 20px;
}
.showPrerecurateData{
    margin: 10px 5px;
    background: #F3FBEF;
    padding: 10px;
}

.listeDisponibilites{
    padding: 15px;
    margin: 15px;
    background: #F3FBEF;
}
.listeDisponibilites b{
    color:darkslategray;
}
.md-toast-content{
    background: #27ae60 !important;
}
md-toast.md-error-toast-theme .md-toast-content{
    background-color: #f0f0f0 !important;
}


.dathint{
    position: absolute;
    left: 40px;
    right: auto;
    bottom: 7px;
    font-size: 12px;
    line-height: 14px;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    color: orange;
}


/******
moteurRecherche
******/

.moteurRecherche{
    padding: 10px 0;
}

.moteurRecherche .filters{
   /* background: teal;*/
}

.moteurRecherche md-datepicker{
    padding-right: 0 !important;
}

.moteurRecherche md-datepicker:nth-of-type(2){
    margin-left: 15px;
    margin-right: 0 !important;
}
.moteurRecherche .md-datepicker-input-container{
    margin-left: 0px;
}

.moteurRecherche .searchResult{
    cursor: pointer;
    margin: 10px 0;
    background: #f8f8f8;
}
.moteurRecherche md-card md-card-header md-card-header-text .md-subhead{
    font-size: 14px;
    margin-left: 5px;
    color: #444;
}
.moteurRecherche .searchResult .md-subhead span{
    display: inline-block;
    color: #fff;
    padding: 0 3px;
    font-size: 11px;
    border-radius: 4px;
}
.moteurRecherche .searchResult:hover{
    background: #eee;
}
.moteurRecherche .searchResult .icoTypeRdv{
    height: 35px;
    width: 45px;
    margin: 8px 8px 0 5px;
    color: #fff;
    text-align:center;
    padding: 5px 0;
}
.moteurRecherche .searchResult .icoTypeRdv .date_md{
    font-size: 13.5px;
    margin-bottom: 3px;
}

.moteurRecherche .searchResult .orgacontact{
    margin: 13px 0 0 3px;
    color: teal;
}

.moteurRecherche md-card md-card-header md-card-avatar + md-card-header-text .md-title{
    font-size: 19px;
    margin: 7px 0 0 5px;
    padding-right: 50px;
}

.moteurRecherche md-card-title-media img{
    position: absolute;
    width: 60px;
    right: 10px;
}
.moteurRecherche md-card md-card-header{
    position: relative;
    padding: 10px 15px;
}

.moteurRecherche .miniInterlocuteur{
    display: inline-block;
    margin: 0 5px 0 0;
    position: relative;
    min-height: 30px;
}
.moteurRecherche .miniInterlocuteur img{
    position: absolute;
    width: 25px;
    left: 3px;
    top: 3px;
    max-height: 30px;
}
.moteurRecherche .miniInterlocuteur .iname{
    margin: 12px 5px 0 35px;
}
md-tabs-canvas{ overflow: inherit; }

.noResults{
    padding: 20px;
    text-align: center;
}

.moteurRechercheFiltres{
    /*background: #f5fcff;*/
}

.exactLibelle{
    margin-top: 10px;
    font-size: 12px;
    line-height: 24px;
}

.rdvprive{
    padding: 0 0 10px 20px;
}

.lienIcal{
    padding: 10px;
    background: #eee;
}

.deleteExtraUser{
    position: absolute; 
    right: 18px; 
    margin: 2px 0 0 0; 
    min-width: 32px;
}

.mainCfg{
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease-out;
    transition: margin .5s ease-out;
}
.mainCfg.toggled{
    max-height: 500px;
    margin-top: 80px;
}
.toggleMainCfg{
    min-width: 66px;
    margin-left: 0;
    margin-top: 13px;
    position: absolute;
    left: calc(50% - 33px);
    z-index: 500;
}

.toggleMainCfg b{
   position: relative;
   top: 1px;
}

.toggleMainCfg.toggled md-icon{
    animation : rotation .5s ease;
    color: #222;
}
.toggleMainCfg.untoggled md-icon{
    animation : unrotation .5s ease;
 
}

@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(180deg);}
}
@-webkit-keyframes unrotation {
    from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(-180deg);}
}


.eventname{
    font-weight: 400 !important;
}