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;
}

#menu_dashboard  ul li{
    display: inline; 
}

.menu-site-dashboard{

}

.menu-site-dashboard-items-list {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
    padding-top: 10px;
}

.MenuSiteDashboardItemView{
    width:100%;
}
.MenuSiteDashboardItemView .MenuSiteDashboardItemViewCols{
    width: 49.5%;
    display: inline-block;
    vertical-align: top;
}


/*@media screen and (max-width:728px){
    .menu-site-dashboard-items-list {
        -moz-column-count: 0!important;
      -webkit-column-count: 0!important;
    column-count: 0!important;
    column-fill:auto;
    }
}*/

#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; 
}
.google-sheets .select2-container--default .select2-selection--single {
    height: 30px !important; /* Hauteur standard pour les champs .form-control */
    padding: 0.375rem 0.75rem; /* Assure un padding similaire à form-control */
    display: flex;
    align-items: center; /* Centrage vertical du texte */
}
.menu-site-dashboard-level0 {
    list-style-type: none;
    border: 2px solid #5797de;
    display: inline-block;
    margin: 3px;
    width: 98%;
    border-radius: 10px;
    text-align: left;
    padding-left: 0;
}

.menu-site-dashboard-level0 > li > h3{
    text-align: center;
}

.menu-site-dashboard-level1 {
    list-style-type: none;    
    display: inline; 
}

.menu-site-dashboard-level0 ul {

    list-style-type: none;    
    display: inline-block;
}

.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 a,a.tabs-sites
{
    /*line-height: 32px;*/
    border: 1px solid #ddd!important;
}
.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;
}
.btn-fade{
    pointer-events: none;
    cursor: default;
    opacity: 30%;
}
.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;
    border-radius:0;
    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
{
    text-align: center;
    width: 132px;
    height: 115px;
    min-height: 46px;
    font-size: 100%;
    overflow:hidden;
}
.menu-admin > li > div a,
.list-menu-l2 li a,
.sublinks a
{
    text-decoration: none;
    color: #333;
    font-size: 86%;
    font-weight: bolder;
    word-wrap: break-word;
    font-size:12px;

}
.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 !important;
}
.list-menu-l1,
.list-menu-l2
{
    padding: 0px;
}
.sublinks{
    display: block;
    font-weight: bold;
    margin-bottom: 8px;
    display: inline-block;
    min-width: 10%;
}

.ol-unselectable{
    display: block!important;
}
.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%; 
}

.login-form  td input[type=text],.login-form  td input[type=password]{
    width: 266px;
}

.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;
    font-size:12px !important;

}
.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
{
    vertical-align: middle !important;
      border-left: 1px solid #dee2e6;
    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;
    border-collapse: separate!important;
    position: relative;
}
.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
{
     position: relative;
    padding-top: 10px;
}
.input-list{
    background: none repeat scroll 0 0 #f8f8f8;

}
.input-list td
{
    padding: 7px;
    text-align: -moz-center;
}
.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;
    box-shadow: 2px 2px 2px #878484;
}
/*=========pager======*/
.pager
{
    background: #5797de;
    padding: 8px;
    margin-bottom: 3rem;
}
.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: 3px;
   /* margin-bottom: 10px;
    padding: 8px;*/
    width: 98%;
    display: block;
}

.tab-form-2
{
    /*float: left;*/
    vertical-align: top;
      margin: 6px;  
     /* width: 46%;*/
      min-height: 110px;
}
.tab-form table
{
    border-spacing: 10px;
}
 
.tab-form tr td
{
    vertical-align: top;
}
.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%;
}
/*.DomoprimeQuotationSelected:disabled + label {
    color: #ddd !important;
}*/

.label,label,.label-std
{
    padding: 5px;
    font-weight: bold;
   /* color: #FFFFFF; */
    display: table-cell;
    font-size: 12px;
    min-width: 140px;
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
  text-transform: capitalize;
}

.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:198px;
}
.reste{
    position: relative;
    margin-left: 198px;
    
}
.reste.resteView{
    margin-left: 5px;
}

.resteViewClose{
    position: absolute;
    top: 7px;
    right: 18px;
    font-size: 20px;
    color:#fff;
}
.resteViewClose:hover{
    color: #0073b4 ;
}


.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,.ui-widget-header{
    background: #dcdcdc;
    border: none;
    border-radius: 0;
}

#dashboard-tabs-ctn li,.ui-widget-header li{
    background: #969696!important;
    border: 1px solid #dcdcdc!important;
    border-radius: 0!important;
    margin: 1px 1px;
    padding-bottom: 0;
}

#dashboard-tabs-ctn li.ui-tabs-active,.ui-widget-header li.ui-tabs-active{
    background: #0073b4!important;
}

#dashboard-tabs-ctn li.ui-tabs-active a,#dashboard-tabs-ctn li.ui-tabs-active a:link, #dashboard-tabs-ctn li.ui-tabs-active a:visited,
.ui-widget-header li.ui-tabs-active a,.ui-widget-header li.ui-tabs-active a:link, .ui-widget-header li.ui-tabs-active a:visited{
    color: #fff!important;
}
#dashboard-tabs-ctn li.ui-state-hover a,
.ui-widget-header li.ui-state-hover a{
    color: #0073b4!important;
}

.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%;
   border:3px solid;
}


.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;
    min-width: 240px;
}
.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;
        min-width: 150px;
        padding: 5px;
    }
     .dropdown-customer li:hover {
        background: #fff;
        color: #000;
    }
    .dropdown-customer ul li 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: auto;
   }

   .inputWidth {
       /*margin-bottom: 10px;*/
       width: 185px;
   }
   
    .inputWidthDate {       
       width: 168px;
   }
   
   .widthAFilter {
       width: 185px;
   }
   .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;
     /*height: 194vh;*/
     width: 100%;
   }
   /*.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: auto;
        margin-left: -256px;
        background: #f5f5f5;
        position: absolute;
        border: 2px solid #a7a5a5;
        border-radius: 5px;
        /*margin-top: -38px;*/
        z-index: 1000;
    }
          
    .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%;
}

/* INSTALLATEUR */
   .dropdown-installateur {
        margin: 0 auto;
        width: 100%;
        text-align: center;
        display: inline-block;
    }
    .dropdown-installateur .icones-installateur{
        cursor: pointer;
    }
    .dropdown-installateur .fa {
        vertical-align: middle;
    }
  /*  .dropdown-installateur .fa-envelope {
        font-size: 30px;
    }*/
    .ul-installateur {
        list-style-type: none;
        height: 0% !important;
        overflow: hidden;
        -webkit-transition: .5s;
        -o-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
    }
    .ul-installateur--open {
        height: 100% !important;
    }
    .ul-installateur li {
        padding: 10px;
    }
    .ul-installateur li:nth-child(odd) {
        background: #f7f7f7;
    }
    .ul-installateur li:last-child {
        height: 30px;
    }
    
 /*   .btn {
        border: 1px solid #e4e4e4;
        padding: 7px 15px;
        background: #0dd63f;
        cursor: pointer;
        -webkit-transition: .3s;
        -o-transition: .3s;
        -moz-transition: .3s;
        transition: .3s;
        color: #fff;
        border-radius: 10px;
        display: inline-block;
    }*/
 
 /*   .btn:hover, .btn:focus {
        background: #666666;
    }*/
 
 
 .battery {
  display: block;
  position: relative;
  width: 25px;
  height: 10px;
  border: 1px solid #03ff38;
  border-radius: 2px;
  padding: 1px; }
  .battery::before {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 7px;
    background: #03ff38;
    right: -4px;
    top: 50%;
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%);
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px; }
  .battery .battery-percentage {
    display: block;
    position: relative;
    height: 100%;
    background: #03ff38;
    border-radius: 5px;
    width: 0%;
    -webkit-transition: .3s;
    transition: .3s; }
  .battery .percent-0 {
    width: 0%; }
  .battery .percent-10 {
    width: 10%; }
  .battery .percent-20 {
    width: 20%; }
  .battery .percent-30 {
    width: 30%; }
  .battery .percent-40 {
    width: 40%; }
  .battery .percent-50 {
    width: 50%; }
  .battery .percent-60 {
    width: 60%; }
  .battery .percent-70 {
    width: 70%; }
  .battery .percent-80 {
    width: 80%; }
  .battery .percent-90 {
    width: 90%; }
  .battery .percent-100 {
    width: 100%; }
  
  
  .flip{
text-align: center;
}

.liSendEmail{
text-align: center !important;
}

.panel {  
    background: #f0f0f0 none repeat scroll 0 0;
    border-radius: 3px;
    cursor: pointer;  
    padding: 2px;
    position: absolute;
    z-index: 999;
}
 .ul-installateur {
        display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;

    }
.ul-installateur li{
     border: 1px solid #ccc;
    border-radius: 6px;
    display: block;
    padding: 3px;
    text-align: left;
    }
.ul-installateur li:hover {
    background: #a8a8a8 none repeat scroll 0 0;
    color: #333;
}
.btn.Installers-Send {
    font-size: 12px;
}


 .displayInLine{
       display: inline;
   }
   
 /* UTILS - DATE PICKER MONTH */  
   .dropdown-select-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 115px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    box-sizing: content-box;
    padding-top: 5px;
}

.dropdown-select-content ul li{
    list-style: none;
    width: 83%;
    text-align: left;
    min-height: 25px;
    cursor: pointer;
    font-weight: bolder;
    padding-left: 15px;
    margin-left: 7px;
}


.dropdown-select-content ul {
    margin-left: -47px;
}

.dropdown-select-content ul li:hover{
    background-color: #CBE3FB;
}

.select-display-class{
    display: block!important;
}   


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

.ui-dialog{
    /*width: auto !important;*/
    max-width: 66%!important;
}

.table-form tr{
    float:none!important;
}

#component_app_domoprime_yousign_DocumentSignatureForViewContract_error > .errors-error > table tr{
    width: auto!important;
}

.red-input{
    border:1px solid #ff0000!important;
}
.yellow-input{
    border:1px solid #fff000!important;
}
.blue-input{
    border:1px solid #5ca0f0!important;
}


.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: grid;
   /* margin-top: 9px;*/
       
}

.form-inline {  
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.form-inline > .cols{
    padding: 5px;
    width: 48%;
    text-align: center;
}


.cols > span{
    display: block!important;
}

.form-inline .label {
    margin: auto;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
}

.form-inline input,.form-inline select,.form-inline textarea{
    vertical-align: middle;
    margin: auto;
    background-color: #fff;
    border: 1px solid #ddd;
    width: 50%;
    height: 30px;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    text-align-last: center;
}

.form-inline textarea{
    height: 80px;
}

.form-inline button {
  padding: 10px 20px;
  background-color: dodgerblue;
  border: 1px solid #ddd;
  color: white;
  cursor: pointer;
}

.form-inline button:hover {
  background-color: royalblue;
}


@media (max-width: 950px)
{
  .form-inline input,.form-inline select {
    margin: 10px 0;
  }
  
  .form-inline {
    flex-direction: column;
    align-items: stretch;
  }
  .form-inline .cols{
      width: auto;
  }     
}


.ContractDates{
    display: none;
    width: 50%;
}

.ContractDates .cols span{
    text-align: center;
}

#DisplayDates{
    cursor: pointer;
    position: relative;
    left: 78%;
    top: -24px;
    text-align: left;
}


.ContractDatesOpened {
    display:block;
}

.form-inline .error-form{
  max-width: 250px;
}


/*------------------ style dropdown in hover or click ------------------*/


.dropdown {
  /*position: relative;*/
  display: inline-block;
  cursor: pointer;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 196px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1000;
  width: 150px;
  max-width: 200px;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown-actions{
    padding-right: 15px;
}

.dropdown-contracts > .dropdown-content{
    right: 0;
}

.dropdown-contracts > span , .dropdown-meetings > span{
    font-size:18px;
}

.dropdown-meetings > .dropdown-content{
    
    right: 0;
}

.action-item{
    display: inline-block;
    width:90%;
    text-align: left;
    min-height: 25px;
    padding: 0px 10px;
}

.action-item  .txt{
    width: 80%;
    vertical-align: middle;
    padding: 5px 0;  
    display: inline-block;
}

.action-item .txt-icon{
    width: 15%;
    display: inline-block;
}

.action-item .txt-icon img,.action-item .txt-icon i{
    vertical-align: middle;
}

.action-item:hover{
    background: #a0c8ea;
}


.filter-content > div {
    width: 100%;
}

.filter-content .filter-content-input{
   display: inline-block;vertical-align: middle;
}

.filter-content .filter-content-txt{
    width: 75%;display: inline-block;vertical-align: top;
}

.topIconsContainer {
    display: flex;
    flex-wrap: wrap;                         /*  added  */
    text-align: center;
    justify-content: space-between;
    float: right;
   /* z-index: 1000;*/
}

.topIcon {
  flex-shrink: 0;    
  padding-left: 10px;/*  added  */
}

.topIcon a:hover{
    color:#0073b4 ;
}

.topIconsContainer li{
    border:none!important;
}

#actions{
    overflow-x: auto;
}

.TurnoverInfo{
    /*width: 95%;*/
    margin: 5px;   
}

.TurnoverInfo tr th, .TurnoverInfo tr td{
  padding: 7px;
  text-align: center;
  border: 1px solid #ddd;
  /*font-size: 15px;*/
}

.TurnoverInfo th{background-color: #e6e0e0;}

.TurnoverInfo tr th:first-child{background: none!important;border: none!important;}

.TurnoverInfo tr:hover {background-color: #f5f5f5;}

.TurnoverInfo tr:nth-child(even) {background-color: #f2f2f2;}

.totalCumac{
    display: inline-block;
    margin: 3px 30px 30px 3px; 
    float: right;
}

.TotalTurnoverInfo{
    display: inline-block;
}

.bg101{background: #75ff33;}.bg102{background: #ffbd33;}.bg103{background: #33ffbd;}.bgITE{ background:  #f4d03f ;}.bgPAC{ background:#85c1e9 ;}.bgBOILER{ background:  #2ecc71 ;}.bgTotal{ background: #dbff33;}

/*.TotalTurnoverInfo tr td,.TotalTurnoverInfo tr th{width:auto;}*/
.centered-dialog-product {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.centered-QuotationDialog-product {
    top: 10% !important;
    left: 50% !important;
    transform: translate(-50%, 0%) !important;
}
.hidden-row {
  display: none !important;
}

.ColsCheck {
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    cursor: pointer;
    position: relative;
    -webkit-transition: .15s;
    border-radius: 2em;
    background-color: #e55151;
}

.ColsCheck:checked {
 background-color:#1383b6;
}

.ColsCheck:before, .ColsCheck:checked:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 14px;
    text-align: center;
    color: #fff;
    content: '✘';
    font-size: 9px;
}

.ColsCheck:checked:before {
 content: '✔';
}

.ColsCheck:focus{
    border: none;
}

.ColsCheck:hover:before {
 background:rgba(255,255,255,0.3);
}

.resizableTH{
    width:auto;
}

.filter#columns{
    display: inline-block;
    padding: 1px;
    cursor: pointer;
    border: 1px solid #abadb3;
}

.filter-content#columns{
    background: #fff;
    border:1px solid #ddd;
    min-width: 180px;
}

.filter-content#columns > div >.filter-content-txt:hover{
color: #1383b6;
}

#CustomerContracts-columns-filter{
    width: 100%;
    background: #2177AC;
    color:#fff;
}

.tab-content-item{
    background: #fff!important;
}


.message-footer{
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   color: white;
   text-align: center;
   background:#5797de;
   padding: 8px;
}

.longLabel{
    /* color: #FFFFFF; */
    display: table-cell;
    font-size: 13px;
    min-width: 215px;
    text-align: left;
    vertical-align: middle;
    font-weight: normal;
}

fieldset > legend{
   margin: auto;
   text-transform: uppercase;
}

fieldset > legend > h3{
   text-transform: uppercase;
   text-align: center;
font-weight: bold;
color: #5b99bf;
}

.blackTitle{
    color: #000 !important;
}

.ServiceImpotVerifForm span input {
    display: inline-block;
    width: 35%;
}

.ServiceImpotVerifForm span .ServiceImpotVerif{
    display: inline-block;
    width: 15%;
}

#company-form.form-inline input,#company-form.form-inline select,.form-inline textarea{
    width: 70%;
}

.CompanyBlockFile{
    width: 70%;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
}
.CompanyBlockIcons{
    text-align: right;
}
.CompanyBlockIcons > a{
    font-size: 20px;
}
.CompanyBlockImg{
    padding: 10px;
}
.CompanyBlockImg > .CompanyImg1{
    width: 36%;
}
.CompanyBlockImg > #pictureImgThumb{
    width: 15%;
}

.CompanyBlockFile div input[type="file"]{
    width: auto!important;
    font-size: 11px;
}

.form-inline.Company .cols{
    width: 24%;
}


.ViewResults{
    width: 100%;
    text-align: center;
    border-spacing: 10px 0;
}
.ViewResults tr {
    margin: 10px;
}

.ViewResults tr th{
    font-size:15px;    
    border: 1px solid #969696;
    background: #969696;
    color: #fff;
    font-weight: bold;
    padding: 5px;
}
.ViewResults tr td{
    font-size:15px;    
    border: 1px solid #969696;
    padding: 5px;
}

/*.ViewResults tr td:nth-child(2n+0){
    font-weight: bold;
}*/

.ViewResultsCumac .ViewResults{
    width: 50%;
}
.ViewResultsCumac ,.ViewResultsInfo{
    width: 48%;
   display: inline-block;
}
.disabledItem{
    opacity: 0.5;   
}


.TableEdit{
    /*width: 95%;*/
    border-spacing: 0;
    margin: 5px; 
    border-right: 1px solid #969696;
    border-bottom: 1px solid #969696;
}

.TableEdit tr th, .TableEdit tr td{
  padding: 7px;
  text-align: center;
  border: 1px solid #969696;
  border-right: 0;
  border-bottom: 0;
  /*font-size: 15px;*/
}

.TableEdit th{
    background-color: #969696;
    color: #fff;
}

/*.TableEdit tr th:first-child{background: none!important;border: none!important;}*/

.TableEdit tr:hover {background-color: #f5f5f5;}

.TableEdit tr:nth-child(even) {background-color: #f2f2f2;}

.TableGreenResult{
    width: 100%;
}

.TableGreenResult tr th ,.TableGreenResult tr td{
    padding: 7px;
    text-align: center;
    background:#8cd048;border-color: #8cd048;
}

.showMore{
    height: auto!important;
    overflow: visible!important;    
}
.filter .btn-table {
    font-size: 15px !important;
    margin: 10px 0 !important;
    min-width: 175px !important;
    display: block;
}
.filter .btn{
    width:185px;
    border: 1px solid #8e8d8d;
}
.listArrows{
    float:right;
}
.order-asc-desc {
/* float:right;*/
}
.tabl-list .list-header th #asc, .tabl-list .list-header th #desc {
    display: block;
}
.formsForContractsFields,.formsForMeetingsFields{
    margin-left:5px;
    margin-right: 5px;
    height:65vh;
    overflow-y:auto;
}
.dropdown-item a {
    color: black;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
/*.containerDivRespState{
    height: 148vh !important;
}
.containerDivContractResp{
    height: 110vh !important;
}
.containerDivMeetingResp{
    height: 100vh !important;
}*/
#loginbox {
    margin-left: 25%;
}
.tabl-list th{
   position:relative; 
   text-align: center !important;
   vertical-align: top !important;
}
legend{
    width:auto !important;
}
.ui-state-default{
    color:black !important;
}
.displayBtn{
    cursor: pointer;
    padding-left: .25rem !important;
    padding-right: .25rem !important;
    font-size: 14px;
    background-color: #0073b4;
    color: white;
    border-radius: 15%;
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  min-width: 60px !important;
  max-width: 60px !important;
  
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.filter-content-input label{
    font-size: 12px !important;
    margin-bottom: 0px !important;
    width: 55%;
   
    vertical-align: middle;
    text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.table td, .table th {
  padding: 1px 8px !important;
  vertical-align: middle !important;
  position: relative;
}
.toSortForMeeting:nth-child(even) {
 background-color: #5797de;
 color:white;
 }
 .toSort:nth-child(even) {
 background-color: #5797de;
 color:white;
 }
 .searchFor{
   height: 20px;
 }
   .configspan{
  margin-bottom: 15px;
   margin-top: 15px;
  display: block;
  }
  .ConfigMeeting,.ConfigContract{
      padding:10px;margin:5px;border:1px solid gray;
  }
    
  
  
.SimpleDropBtn {
  border: 3px solid #5797de;
  color: black;
  font-size: 16px;
  border: none;
  border-radius: 3px;
  padding: 5px;
  min-width: 100%;
}

.SimpleDropdown {
  position: relative;
  display: block;
  margin: 5px auto;
}

.SimpleDropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  text-align: left;
  border-radius: 5px;
  border: none;
}

.SimpleDropdown-content div {
  color: black;
  padding: 5px 16px;
  text-decoration: none;
  display: block;
}

/*.SimpleDropdown-content div:hover {background-color: #ddd;}*/

.SimpleDropdown:hover .SimpleDropdown-content {display: block;}

.SimpleDropdown:hover .SimpleDropBtn {border:3px solid #5090d7;}

  #MeetingSchedule,#MeetingList{
    color:red;
    margin:5px;
}
select {
  font-size: 13px !important;
}
fieldset {
  border: 1px solid #ddd !important;
  border-radius: 3px !important;
  margin: 5px !important;
  padding: 5px !important;
}
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin:auto;
  left:0;
  right:0;
  top:0;
  bottom:0;
  position:fixed;
  z-index:9999;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.draggable {
  width: 189px !important;
  margin: 5px !important;
}
.draggable, .draggableElem {
  height: 130px;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
}
.table-cofidis th,.table-cofidis td{
    white-space: break-word;
    width: 300px;
}
.fieldset-title{
    text-align: center;
    background-color: #e6e6e6;
}
.rightActions{
    width: max-content;
   
    height: 70px;
}
.form-control{
    height: calc(1.4em + 0.5rem + 2px) !important;
    font-size: 13px !important;
}
.form-group{
    margin-bottom: 0px !important;
}
.ProductItem.Textarea{
    height: calc(1.4em + 0.5rem + 2px);
}
.toHide {
    background-color: #e9e9ea !important;
}
.right-actions a{
    margin: 10px;
}
.AutoCompleteProduct.autocomplete-product{
   width: 93%; 
   margin-left: 14px;
}

.ReturnToContractBtn{
   display: inline-block;
    color: white;
    background-color: #0077AA;
    border-radius: 3px;
    padding: 5px;
    font-weight: bold;
    width: 95%;
    text-align: center;
}
#ContractSchedule,#ContractSchedule2{
   display: inline-block;
    color: white;
    background-color: #0077AA;
    border-radius: 3px;
    padding: 5px;
    font-weight: bold;
   
    text-align: center;
}
.custom-legend{
    /*background-color: #ddd;
    border: 1px solid #ddd;*/
	border-radius: 4px;
 
	font-size: 12px;
	font-weight: bold;
	padding: 3px 5px 3px 7px;
	width: auto;
        text-transform: capitalize;
        margin: unset;
}
.SearchSelect {
  transform: none !important;
  top: 27px !important;
  max-height: 300px;
  overflow-x: auto;
  scrollbar-width: thin;
  width: 100%;
}
 .SearchInputForSelect{
    width: 300px !important;
    position: relative;
    
}