margin-right: -2px;html {
     height: 100%;
}
body {
    margin: 0;
    padding: 0;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 12px;
    position: relative;
    margin-left: auto;
    margin-right: auto;	
    text-align: left;
    min-height: 660px;
  height: 100%;
   position: relative;
}
.loading
{
    position: absolute;
    right: 0;
    top: 0;
}
table.tab-form tbody
{
    display: table;
    width: 100%;
}

a
{
    text-decoration: none;
    color: inherit;
}

tr.selected {
    border: 1px solid #000000;
}

div.selected {
    border: 1px solid #000000;
}
.selected_group
{
    color: #fff;
    background: #5b99bf;
}
.selected_group
{
    color: #fff;
    background: #5b99bf;
    
}
#menu_dashboard  ul li{
    display: inline; 
}

#menu_dashboard ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline; 
}


#menu-site-dashboard  ul li{
    display: inline; 
}

#menu-site-dashboard ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    /* text-align: center; */
    display: inline; 
}

.menu-site-dashboard-level0 {

    list-style-type: none;    
    display: inline; 
}
.menu-site-dashboard-level1 {
    list-style-type: none;    
    display: inline; 
}

.menu-site-dashboard-level0 ul {

    list-style-type: none;    
    display: inline; 
}

.menu-site-dashboard-level0 ul li {

    list-style-type: none;    
    display: inline-block; 
}

.menu-site-dashboard-level1 ul {

    list-style-type: none;    
    display: inline; 
}

.menu-site-dashboard-level1 ul li {

    list-style-type: none;    
    display: inline; 
}

/*========profile liste top==========*/
.profile-list{
       list-style: outside none none;
    position: absolute;
    right: 0px;
    margin-right: -4px;
    top: -7px;
    z-index: 1000;
}
.tabs-home
{
    clear: both;
}
.img-profile
{
    float: left;
    margin-right: 10px;
}

.tabs-sites
{
    line-height: 32px;
}
.profile-list > li
{
     
    float: left;
    padding-left: 12px;
}
.content-profile
{
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid #f2f2f2;
    position: absolute;
    top: 32px;
    width: 100%;
    z-index: 999;
}
.btn-user,
.sort_asc
{
    background: #FFF;
    cursor: pointer;
    border: 1px solid #ddd;
    position: relative;
    margin-left: 10px;
}

.sort_asc
{
    margin-left: 0px;
}
.name-user,
.last-connexion,
.user-function,
.logout-btn
{
    line-height: 26px;
    margin-right: -2px;
    color: #ddd;
}
.logout-btn,.user-function
{
    line-height: 38px;
    font-weight: bold;
}
.logout-btn:hover
{
    color: #fff;
}
.menu-profile
{
    list-style: none outside none;
    padding: 0;
}
.menu-profile a
{
    background: none repeat scroll 0 0 #fff;
    color: #000;
    display: inline-block;
    margin-top: 2px;
    padding-bottom: 6px;
    padding-top: 6px;
    text-decoration: none;
    width: 100%;
}
.menu-profile a:hover
{
    background:#7abcdd;
}
.color
{
    display: block;
    float: left;
    vertical-align: middle;
    width: 15px;
}
.icon
{
    float: left;
}
.menu-profile span
{
    margin-left: 10px;
    line-height: 24px;
}
#dashboard-tabs
{
    clear: both;
    padding: 0px !important;
    margin-bottom: 70px;
}
/*==========list menu======*/

.list-menu-l2 > li,
.menu-admin > li > div
{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -e-display: inline-block;
    padding: 10px;
}
.menu-admin > li > div
{
    display: inline-table;
    text-align: center;
}
.menu-admin > li > div a,
.list-menu-l2 li a,
.sublinks a

{
    text-decoration: none;
    color: #333;
}
.menu-admin > li > div:hover,
.list-menu-l2 li:hover
{
    background: none repeat scroll 0 0 #7abcdd; 
    opacity: 0.8;
    transition: opacity,0.4s;
}
h3,h2,h1,.sublinks,h4
{
    color:#5797de;
    padding: 9px;
    margin: 0px;
    font-size: 18px;
}
h3,h4
{
    font-size: 15px;
}
.list-menu-l1,
.list-menu-l2
{
    padding: 0px;
}
.sublinks{
    display: block;
    font-weight: bold;
    margin-bottom: 8px;
    display: inline-block;
    min-width: 10%;
}
.next
{
    position: relative;
}
/*=========login page =============*/

.login-p
{    
background: rgba(179,220,237,1);
background: -moz-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179,220,237,1)), color-stop(50%, rgba(41,184,229,1)), color-stop(100%, rgba(188,224,238,1)));
background: -webkit-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
background: -o-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
background: -ms-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
background: linear-gradient(to bottom, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee', GradientType=0 );

    margin: 0 auto;
    /*width: 30%;*/
    border-radius: 5px;
    position: relative;
    /*top: 100px;*/
    box-shadow: 1px 1px 3px #000;
}
.login-p h3
{
    margin: 0px;
    border-radius: 5px 5px 0 0;
    color: #207ce5;
}
.login-form 
{
    padding: 12px;
}
.login-form  tr
{
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}
.login-form  td input
{
   /* border: 1px solid #f2f2f2;*/
    margin-bottom: 0;
    padding-right: 35%;
   /* width: 100%;*/
}
.login-form .label
{
    width: 44%;
}
.btn,
.login-form a.enter,
.btn-table
{
     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 10px;
    padding: 6px 5px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    background-image: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);
    background-repeat: repeat-x;
    border:1px solid #ccc;
    text-shadow: 0 1px 0 #fff;

}
.btn:hover,
.login-form a.enter:hover,
.btn-table:hover
{
    background-image: linear-gradient(to bottom, #ddd 0px, #e0e0e0 100%); 
}
.enter
{
    float: right;
}
.btn-table
{
    border: #ddd solid 1px;
    background: #2177AC;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
    border: 1px solid #000;
    color: #f0efef;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 12px;
    margin-bottom: 4px;
    opacity: 1;
    text-align: center;
    width: 95px;
}
.btn-table:hover
{
    background:#ddd;
}
.login-form td.btn-login
{
    display: block;
}
.middle-login
{
   /* min-height: 670px;*/
}
/*=============list=========*/
table.date td
{
    border: none;
}
table th.date
{
    width: 140px;
    display: block;
}
.created_at
{
    font-style: italic;
}
.input-list td input,
.input-list td input select
{
    border: #ddd 1px solid;
    height: 20px;
    width: 88px;
}
.input-list td input select:focus,
.input-list td input:focus
{
    border: #7abcdd 1px solid;
}

.tabl-list td, .tabl-list th
{
    border-left: 1px solid #fff;
    padding: 0 0 0 4px;
}
.tabl-list td:after, .tabl-list th:after
{
    content: "";
}
.tabl-list
{
    width: 100%;
    text-align: center;
    font-size: 12px;
    border: 1px solid #ddd;
}
.tabl-list td.status
{
    text-align: left;
}

.list-header,
.step-table td h4
{
    background:  #CBE3FB;
    color: #1f252d;
    font-weight: normal;
    vertical-align: top;
}
.list-header th
{
    padding-top: 10px;
}
.input-list{
    background: none repeat scroll 0 0 #f8f8f8;

}
.input-list td
{
    padding: 7px;

}
.order-rows
{

}
table.tabl-list tr.list:nth-child(2n)
{
    background-color: #f5f5f5;
}
/*
table.tabl-list tr.list:nth-child(2n+1)
{
    background-color: #ededed;
}
*/
table.tabl-list tr.list:hover,
.tab-user-groups td:hover,.add-user:hover,
.add_in_group:hover,
.variable:hover
{
    background: #a0c8ea;
}

.action-user
{
    min-width: 123px;
}
tr.list td.count_list
{
    border: none;
}
/*===========list userequipe ========*/
.tab-user-groups td,.add-user,.add_in_group,.variable,.add-elemnet,
.in_group
{
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #dddddd;
    font-size: 12px;
    padding: 5px;
    width: 145px;
    cursor: pointer;
}
.in_group
{
    border: #ff0000 solid 1px;
}
.variable
{
    width: 180px;
}
.add-user,.add_in_group
{
    width: auto;
}
.add-elemnet
{
    width: 225px;
}
.tab-add
{
    border-collapse: collapse;
}
/*==========table-step*==========*/
.btn-step
{
    position: absolute;
    bottom: 4px;
}
.step-table
{
    /*width: 100%;*/
    height: 256px;
    position: relative;
}
.step-table tr td table
{
    border-collapse: collapse;
    /*width: 100%;*/
    
}
.step-table td
{
    /*width: 25%;*/
    width: 319px;
    vertical-align: top;
    border: 1px solid #ddd;
   
}
.step-table td h4
{
    padding: 4px;
}
/*==========table-account===========*/
.tab-account-last {
    width: auto !important;
}
.table-account
{
    margin-bottom: 8px;
}
.table-account td,
.table-account th
{
    border: none;
    width: 10%;
}
.last-table-account td, 
.last-table-account th
{
    border: none;
    width: 216px;
}

.color-th
{
    line-height: 16px;
}
.table-account .list-header th
{
    padding: 5px;
}
.date-filter
{
    margin-bottom: 6px;
}
.statistics:hover
{
    background: #AEE9FF;
}
/*======List Filter =======*/
.filter {
   /* float: left;*/
    margin: 8px 8px 4px 0;
}
.filter-content
{
    background: #7ABCDD;
    display: none;
    position: absolute;
    z-index: 999;
    border-radius: 3px;
    padding: 6px;
    cursor: pointer;
}
/*=========pager======*/
.pager
{
    background: #5797de;
    padding: 8px;
}
.pager a
{
    color: #fff;
    margin-left: 3px;
    padding: 5px;
    text-decoration: none;
}
.pager span.active
{
    background: none repeat scroll 0 0 #7abcdd;
    padding: 5px;
}
.pager a:hover
{
    background: none repeat scroll 0 0 #7abcdd;
}
/*=======formulair==========*/
.tab-form,.tab-form-style,.tab-form-2,
.tab-user-groups
{
    background: none repeat scroll 0 0 #f8f8f8;
    border: 1px solid #5b99bf;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 8px;
    width: 95%;
    display: block;
}

.tab-form-2
{
    /*float: left;*/
    vertical-align: top;
      margin: 6px;  
     /* width: 46%;*/
      min-height: 110px;
}
.tab-form tr
{
    float: left;
    width: 50%; 
    margin: 3px 0;
}
.tab-form tr.content
{
    display: table-cell;
    float: left;
    width: 66%;
}
.tab-form tr.dict
{
    width: 34%;
}

.tab-dict tr
{
    width: 100%;
}

.tab-form .input-text, input,
textarea
{
    border: 1px solid #ddd;    
}
.tab-form .input-text:focus,input:focus
{
   /* border: #7abcdd 1px solid;*/
   border: #79BB35 1px solid;
}
.tab-form tr.full-with,
textarea
{
    width: 100%;
}
.label,label,.label-std
{
   /* color: #FFFFFF; */
    display: table-cell;
    font-size: 13px;
    min-width: 140px;
    text-align: left;
    vertical-align: middle;
    font-weight: normal;
}

.label-std
{
    float: left;
    min-width:100px; 
}
.checkbox-block
{
    background: #ddd;
    margin-bottom: 10px;
    padding: 3px;
    border: 1px solid #5b99bf;
}
#error,
.error_form,
.error-form,
.errors-error,
.form-errors

{

    color: red;
    font-weight: bold;
 
}
.body-email
{
    width: 100%;
}
.editor-body
{
    width: 86%;
}
/*========calander list ===========*/
.tab-calendar_m
{
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    border-collapse: collapse;
    width: 100%;
    font-size: 12px;
    text-align: center;
}
.header-day td
{
    background: none repeat scroll 0 0 #f2f2f2;
    border: medium none;
    padding: 10px;
    text-align: center;
     width:14%;
}
.tab-calendar_m td,
.tab-calendar_m th,
.tab-calendar-d td,
.tab-calendar-d th
{
    border: 1px solid #ddd;
    border-collapse: collapse;
    padding: 5px;
}
.tab-calendar_m th.day
{
    width: 14%;
}
.list-calendar > td
{
    padding: 10px;  
}
.list-calendar-day td.metting
{
    width: 100%;
}

/* .meetting-block
{
    background: none repeat scroll 0 0 rgb(169, 228, 247);
    border-radius: 2px;
    line-height: 14px;
    padding: 4px;
    box-shadow: 1px 1px 0px gray;
    margin-left: 3px;
    max-height: 30px;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    float: left;

}
.meetting-block span.b-color
{
    display:block;
    height:15px;
    width: 15px;
    float: left;
    margin-right: 10px;
} */

.week-number,.number-meeting
{
    background: none repeat scroll 0 0 #5090d7;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 7px;
    text-align: center;
    border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    -ms-border-radius: 4px 4px 0px 0px;
    -e-border-radius: 4px 4px 0px 0px;
}
.number-meeting
{
    font-size: 14px;
    padding: 0px 0px 8px 0px;
    border-radius: 0px;
}
.date-input input
{
    border: #ddd solid 1px;
    /*margin-left: 10px;*/
}
.Installation
{
    border: 1px solid #ddd;
    width: 99%;
    margin-bottom: 10px;
    padding: 4px;
}
.date-input
{
    margin-bottom: 10px;
}
.Installation span.value
{
    font-weight: bold;
}
.Installation span.info
{
     font-weight: bold;
     color: #5090d7;
     font-size: 14px;
}
.filter-calendar
{
    margin: 0 0 0 20px;
    vertical-align: bottom;
}

.small-meeting
{
    width:17px; 
}
.md-meeting
{
    width:60px;
}
.day
{
    text-align: center;
    font-weight: bold;
}
.imgLogo{
    background: #79BB35;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
/*======formulaire respensive==========*/

@media screen and (max-width:750px)
{   
    #UserFunctions{
        display: block;
    }
    .contentSlideUser{
        margin-left: -7px;
    }
    .profile-list > li{
        padding-left: 0px !important;
    }
    .profile-list
   {
       position: fixed!important;
       background: #5daed1;
       height: 33px;
       width: 96%;
       border: 2px solid #0077aa;
   }
   .ConnectedAsUserSelect{
       width: 47px !important;
       
   }
   .ConnectedAsUserSelect.option{
       width: 200px !important;
   }
   .logout-btn > span{
       display: none;
   }
    .dashboard-tabs-ctn1{
     display: none;
    }
    .liDisplayTabs{
       display: block !important;
     color: #000 !important;
   }
 .label,label,.label-std
{
   /* color: #FFFFFF; */
    min-width: 90px !important;

}
.containerDivRespAdd{
    overflow-x: auto;
}
.full-with > td {
    display: block;
}
.filter-content{
    width: 170px;
}
.btn-step {
    bottom: 4px;
    height: 17px;
    position: absolute;
    top: 221px;
    width: 12px;
}
.calendar{
    width: 850px !important;
}
.modifyParticipantBtn{
    display: none !important;
}
    .ui-widget-content{
        border: none !important;
    }
    .tab-form{
       width: 90%; 
    }
    select{
        width: 90%;
    }
    .label
    {
        display: inline-block;
    }
    .tab-form .input-text, input,
    .body-email textarea
    {
         width: 160px;
    }
    input[type=checkbox]{
        width: 45px;
    }
    input[type=radio]{
        width: 120px;
    }
    .tab-form tr
    {
        min-width: 100%;
    }
    .login-p{
        width: 100%;
    }
    .imgLogo img{
        padding: 8px 65px !important;
    }
}
@media screen and (max-width: 1250px)
{
    .profile-list
   {
       position: relative!important;
       background: #5daed1 none repeat scroll 0 0;
       border: 2px solid #0077aa;
       height: 33px;
       width: 96%;
   }
   .user-function, .logout-btn
   {
       color: #000;
   }
   .contentSlideUser{
       margin-left: -7px !important;
   }
   .name-user, .last-connexion, .user-function, .logout-btn {
    margin-right: 10px;
}
    #UserFunctions{
        display: block !important;
    }

}

@media screen and (max-width:450px)
{
    .site
    {
        display:block;
        width: 100%;
    }
    input[type=radio]{
        width: 90px;
    }
     input[type=radio].ProductInstallerContact{
        width: 25px;
    }
     input[type=radio].User{
        width: 20px;
    }
    input.PartnerContact[type="radio"]
    {
	width: 15px;
    }
    input.Survey-Types[type="radio"]
    {
	width: 0px;
    }
    .profile-list{
        width: 85% !important;
    }
  .Delete.deleteTaxes {
    margin-left: -44px;
    position: absolute;
}
}
#info
{
    color: #67b168;
    font-weight: bold;
}
/*=======formulaire dynam======*/
.Survey-Answer
{
    padding: 5px 0;
    vertical-align: bottom;
}
.Survey-Answer input
{
    margin: 4px;
}

.Answer-info label,
.Answer-info-text label
{
    margin: 4px;
    min-width: auto;
    display: inline-block;
}

.statistics-value
{
    text-decoration: underline;
    color: blue;
}
#Sortable,#Sortable .SubList
{
    list-style : none;
}
#Sortable > li
{
          background: #ECECEC;
    border: 1px solid #ddd;
    padding: 8px;
    border-radius: 4px;
    cursor: move;
    font-weight: bold;
    margin-bottom: 4px;
}
#Sortable > li:focus
{
     background: #AEE9FF;
     color: #000;
}
#Sortable .SubList > li
{
    color: #868585;
    padding: 5px;
    margin: 5px;  
    background-color: white;
    border-radius: 8px;
}
#cke_content
{   
    /*width: 620px !important;*/
    width: 100%;
}


.tab-form  input.Partner , input.PartnerContact
{
	width: 86%;
	
}
input.PartnerContact[type="radio"]
{
	width: auto;
} 

.divFilter{
    position: absolute;
    background: none repeat scroll 0 0 #f8f8f8;
    width:116px;
}
.reste{
    position: relative;
    margin-left: 116px;
    
}
.buttonSlide{
    cursor: pointer;
}
.close-slide .filter{
display: none;
}

.spann{
    display: none;
}
.close-slide .date-input{
    display: none;
}
.close-slide .reste{
    margin-left: 25px;
}
.close-slide .divFilter{
    position: static;
}
#dashboard-tabs-ctn{
    background: #5daed1;
    border: 2px solid #0077AA;
}
.fi{
    border-bottom: 1px dashed;
}

.label3 {
    color:#131313;
}

.check1 {
    margin-left: 53px;
    margin-top: -13px;
}

.meetting-blockDay {
     background: none repeat scroll 0 0 rgb(255, 255, 255);
    border-radius: 2px;
    padding: 4px;
    box-shadow: 1px 1px 1px gray;
    margin-left: 3px;
   /* max-height: 30px;*/
    overflow: hidden;
    cursor: pointer;
    text-align: center;
   /* float: left;*/
   max-width: 100%;
   position: relative;
}

.meetting-blockDay span.b-color
{
    display:block;
    height:15px;
    width: 15px;
    float: left;
    margin-right: 10px;
}


.meetting-block
{
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    border-radius: 10px;
   /* line-height: 14px;*/
   /* padding: 4px;*/
    box-shadow: 2px 2px 2px gray;
    /* margin-left: 3px; */
   /* max-height: 30px;*/
    overflow: hidden;
    cursor: pointer;
  /*  text-align: center;*/
   /* float: left;*/
   max-width: 100%;
}


.meetting-block.confirmed-block
{
    background: none repeat scroll 0 0 rgb(169, 228, 247);    
}

.meetting-block span.b-color
{
    display:block;
    height:15px;
    width: 15px;
    float: left;
    margin-right: 10px;
}

.users{
      background: none repeat scroll 0 0 #f8f8f8;
    border: 1px solid #5b99bf;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 8px;
    width: 98%;
}
#perm .tr-with{
    width:13%;
}
.UserFilter.selected {
    border: 1px solid #000000;
    height: 13px;
}
.TeamFilter.selected {
    border: 1px solid #000000;
    height: 13px;
}

/* table rendey-vous */
.RDVHour{
    background: #C0C0C0;
    border-radius: 30px;
    width:40px;
    padding: 0;
    height: 13px;
    margin: 2px;
    
}

.calendar
{
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    /*border-collapse: collapse;*/
    width: 100%;
    font-size: 12px;
    text-align: center;
}
.calendar th
{
    border: 1px solid #ddd;
    border-top-left-radius: 20px;
    border-top-right-radius:20px;
    border-collapse: collapse;
    padding: 5px;
    max-width: 50px;
    background: #E0EEEE;
}
.calendar td
{
    border: 1px solid #ddd;
    vertical-align: top;
    border-collapse: collapse;
    padding: 5px;
    max-width: 50px;
}
.tab-calendar_m th.day
{
    width: 14%;
}

.checkboxCompact .compact{
    display: none;
}
.dataRDV{
    text-align: left;
}
.imgRDV{
    text-align: center;
}

   .filter-customer-content,.filter-customer-content-1,.filter-customer-content-2{
    /*background: #7ABCDD;*/
    background: #f0f0f0;
    display: none;
    position: absolute;
    z-index: 999;
    border-radius: 3px;
    padding: 2px;
    cursor: pointer;
    margin-left: 48px;
    }
    .filter-customer-communication {
    display: inline-block;
}
    .filter-customer-content-{
        background: #f0f0f0;
    display: none;
    position: absolute;
    z-index: 999;
    border-radius: 3px;
    padding: 2px;
    cursor: pointer;
    }
    .CustomerMeetingsMms
    {
        position:relative;
    }
    .CustomerMeetingsMms > .filter-customer-content
    {
        position: absolute;
        bottom: 22px;
        width: 100%;
         margin: 0;
    }
   .dropdown-customer{ margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline; }
    .dropdown-customer li {
       display: block;
        border: 1px solid #ccc;
        border-radius: 6px;
        padding: 1px;
    }
     .dropdown-customer li:hover {
        background: #A8A8A8;
        color: #333;
    }
    .dropdown-customer ul a {
        text-decoration: none;
    }
    
    
    .postCodeDialog{
        margin-left: 366px;
    }  
   .uptoDialog{
       float: left;
       padding: 2px;
   } 
   .SortByDialog{
       float: left; 
       margin-left: 6px;
   }
   .adresseDialog{
       float: left;
       margin-top: 7px;
       margin-right: 30px;
   }
   .adrInpDialog{
       margin-left: 8px;
   }
   .pagerDialog{
       margin-top: 43px;
   }
   .scrollTable{
       max-height: 230px;
   }
   .confirmedMeeting{
   background: rgb(169, 228, 247);
   }
   .CustomerMeetingsTH{

   }   
   /* InfoBulle */
       [data-tip] {
           cursor: pointer;
   }
   [data-tip]:hover:after,
   [data-tip]:focus:after {
           content: attr(data-tip);
           position: absolute;
           left: 60;
           padding: 5px 10px;
           background: #e0eeee;
           color: black;
           border-radius: 10px;
           z-index: 5;
           -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
   }
   [data-tip]:focus {
           outline: none;
   }
   .commentIcon{
       margin-left: 130px;
       margin-top: -15px;
       position: absolute;
   }

   .widthSelect {
       width: 100%;
   }

   .inputWidth {
       /*margin-bottom: 10px;*/
       width: 105px;
   }
   .widthAFilter {
       width: 97px;
   }
   .divLogin {
       background: #79bb35;
   }
   .loginDiv{
       background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(179, 220, 237, 1) 0%, rgba(41, 184, 229, 1) 50%, rgba(188, 224, 238, 1) 100%) repeat scroll 0 0;
   }
   .containerDivResp{
       overflow-x:auto;
   }
   /*.ui-tabs .ui-tabs-nav li a{
       width: 100%
}*/
.liDisplayTabs{
    line-height: 38px;
    font-size: 20px;
    margin-right: 45px;
    display: none;
    cursor: pointer;
    color: #fff;
   /* position: absolute;*/
    float: right;
}
/* slidToggle  userMenu */
    .contentSlideUser{
    display: none;
    overflow-y: scroll;
    height: 300px;
    margin-left: -286px;
    background: #f5f5f5;
    position: absolute;
    border: 2px solid #000;
    }
          
    .userSelect:hover{
    background: #b5d6fd;

    }
    .userUL{
    list-style-type: none;
    padding-left: 0;
    }
    .userUL li{
        padding-left: 9px;
    }
    .userUL li.userSelect{
        /*padding-left: 32px !important;*/
        color:#000;
        padding-left: 26px !important;
    }
    .activeClass{
    background: #336CB4;
    }
    #UserFunctions{
        display: none;
    }
    .logout-btn > span{
       display: none;
   }
   .tabSiteWidth{
       
       width: 100% !important;
   }
   .panel-info{
       border:none !important;
   }
   .groupUserConnected {
    /*background: #74bb30 none repeat scroll 0 0;*/
    background: #80bcff !important;
     border-bottom: 2px solid #000;
     border-top: 2px solid #000 !important;
     color: black !important;
}

.userUL li:first-child{
    border-top: none;
}


.UserStatusConnected {   
    width: 10px;
    height: 10px;
    border-radius: 60px;
    background-color: green;
    float: right;   
}

    .UserStatusNotConnected {   
    display:none;   
}   


.tdEditor{
    width:100%;
}

.editor-body
{
    width: 86%;
}

.ConfirmedContract{
   background: rgb(169, 228, 247);
   }
   .displayInLine{
       display: inline;
   }
   
   
.my-dropzone {
    border: 2px dashed rgba(0,0,0,0.3) !important;
}

.dropzone .dz-message {
    margin: 0 !important;
}
.my-dz-legend {
    position: relative;
    top: -13px;
    background-color: white;
    font-size: 12px;
}

.dropzone.dz-clickable a,.dropzone.dz-clickable a>img{
    cursor: pointer !important;
}

.checked-tr{
    background-color: #5797de!important;
    color: #fff;
}

.blue-border-bottom{
    border-bottom: 2px solid #CBE3FB!important;
}
.gray-list tr td{
    border: 0.5px solid #fff;
}
.gray-list .list,.Input{
    background: #f5f5f5;
}

.DisabledLink{
      pointer-events: none;
      cursor: default;
      opacity: 0.3;
}

.detailsTable th ,.detailsTable td{
    border-bottom: 1px solid #ddd;
}
.detailsTable{
    margin:5px;
}

.detailsTable td .meta_title{
    width:450px;
}


.wide-filtre-content{
    min-width: 810px;
}

.filter-layout{
    -webkit-column-width: 200px;
    column-width: 200px;
    max-width: 800px;
    margin: 0 auto;
}

.filter-layout div{
    max-width: 200px;
    display: block
}
.wide-filtre-content {

    min-width: 810px;

}

.filter-layout{
    -webkit-column-width: 200px;
    column-width: 200px;
    max-width: 800px;
    margin: 0 auto;
}

.filter-layout div{
    max-width: 200px;
    display: block
}


.reste ,#actions{
    overflow-x: auto;
}


.lastItem > td ,.lastItem > th{
    padding-bottom: 5px;
    border-bottom: 1px #ccc dashed;
}


.message-footer{
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   color: white;
   text-align: left;
   background:#5797de;
   padding: 8px;
}