/* Surcharges Lanteas */
 #mobileheader {
    display: flex;
}

.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel div.bd {
    overflow: visible;
    overflow-x: hidden;
}

#dlg .bd select[ size],
#dlg .bd select[multiple] {
    padding: 5px 0;
    width: 95%;
}

 #pagecontent .tox .tox-editor-header {
    z-index: auto;
 }

 .los-icon-button {
    background: none;
    border: none;
}

.sugar_field > ol, .sugar_field > ul {
    list-style-type: revert;
    padding: revert;
}

.bd-center {
    overflow: auto;
}
 
 .sidebar {
     background-color :#F7F9FC;
 }
 .recentlyViewedSidebar li a, .favoritesSidebar li a  {
     color:#001D35 !important; 
     border-radius: 20px;
     margin-left:5px;
 }
 .recentlyViewedSidebar .recent-links-detail {
    padding: 5px 5px 5px 5px !important;
}
  .recentlyViewedSidebar li a:hover, .favoritesSidebar li a:hover {
     background-color:#E6E7EA !important;
 }
  .recentlyViewedSidebar li:hover, .favoritesSidebar li:hover {
     background-color:#F7F9FC !important;
 }
 .sidebar .actionMenuSidebar ul li a {
    border-radius:20px !important;
    margin: 20px 10px 0px 10px !important;
}
.recentlyViewedSidebar .recent_h3, .favoritesSidebar .recent_h3 {
    font-weight:500 !important;
    color: #2f2f2f !important;
    background-color: #e4e4e4 !important;
}
/* styles AA */

/* On décale le sidepanel sur la droite et on le met en transparence */
.sidebar {
    margin-left: 10px;
    background: transparent !important;
}

/* La partie "Dernières consultations */
.recentlyViewedSidebar {
    background: white;
    border-radius: 20px;
    margin-top: 20px;
    box-shadow: 0px 4px 10px -4px rgba(0, 0, 130, .2);
}

.recentlyViewedSidebar > ul {
    padding-bottom: 10px;
}

/* La partie "Favoris" */
.favoritesSidebar {
    background: white;
    margin-top: 20px;
    border-radius: 20px;
    box-shadow: 0px 4px 10px -4px rgba(0, 0, 130, .2);
}

.favoritesSidebar > ul {
    padding-bottom: 10px;
}

/* La barre titre  */
.recent_h3 {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    font-weight: bold !important;
}

/* On arrondi les bords gauches du bouton de la flèche pour rabattre le sidepanel */
#sidebar_container #buttontoggle {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}


/* listes dossiers, profils, individus... */
  
 .evenListRowS1 td {
     background-color:#F5F5F5 !important;
 }
 .evenListRowS1:hover td, .oddListRowS1:hover td {
     background-color:#D3F8FF !important;
 }
 
 .table-responsive.list>tbody>tr>td {
    font-weight: 500 !important;
}
.table-responsive.list>tbody>tr>td a {
    font-weight: 500 !important;
}

/* menus et onglets */ 

.detail-view {
    margin-top:20px !important;
}

 .dropdown-menu {
     background-color:#ffffff !important;
 }
 .dropdown-menu li:hover, .dropdown-menu li a:hover {
     border-radius: 20px !important;
 }
 .dropdown-menu a {
     color:#001D35 !important;
 }
 .topnav li:hover, .topnav li a:hover, .navbar-toggle:focus,  .dropdown-menu li:hover  {
     background-color:#E6E7EA !important;
 }

 #onglet-boutons li {
     width:auto !important;
 }
 
/* boutons */
 .button {
     border-radius:20px !important;
     padding: 3px 15px !important;
     margin: 0 5px 5px 0 !important;
 }
input[type="button"] {
    font-weight: 600 !important;
    line-height: 30px !important;
    height: auto !important;
}

/* champs et formulaires */

.content .detail-view .tab-content, #onglet-content {
    background-color: #FFFFFF !important;
    padding: 20px !important;
    margin-bottom: 5px !important;
    border: 0px solid transparent !important;
    border-radius: 0px 20px 20px 20px !important;
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1) !important;
}
#onglet-boutons li {
    font-weight: bold !important;
    background-color: transparent !important;
}
#onglet-boutons li > a {
    border-radius: 10px 10px 0 0 !important;
    border-color: transparent !important;
}
#onglet-boutons li a.active {
    border-color: transparent !important;
}

input[type=text], input[type=number] {
    background: #ffffff !important;
    border: 1px solid #E6E7EA !important;
    border-radius: 4px !important;
}
input[type=text]:disabled, 
input[type=number]:disabled, 
select:disabled {
    font-size: 14px !important;
    font-weight: 400 !important;
    background-color: #E6E7EA !important;
    color: #2A2A2A !important;
    padding: 6px 10px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    vertical-align: baseline !important;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    height: 40px !important;
    opacity: 1;
}
textarea {
    background: #ffffff !important;
    padding: 5px !important;
    border: 1px solid #E6E7EA !important;
    border-radius: 4px !important;
}
textarea:disabled {
    font-size: 14px !important;
    font-weight: 400 !important;
    background-color: #E6E7EA !important;
    color: #2A2A2A !important;
    padding: 6px 10px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    vertical-align: baseline !important;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;

}


/* Fin surcharge HA */
/* ELements du theme Lanteas */

ul.clickMenu.SugarActionMenu li.single a {
    padding: 0;
    line-height: inherit;
    border: 0;
    margin: 0;
    display: inline;
}

.ode-dropdown{
    display: inline-block;
}

.ode-dropdown-item{
    display: block;
    font-size: 14px;
    padding: 12px 8px 12px 8px;
    font-weight: bold;
    background-color: #f7f7f7;
    border-bottom: 1px solid #b8daef;
    color: #515c68;
    text-decoration: none;
    cursor: pointer;
}    

.ode-dropdown-menu{
    background: transparent;
    border: 1px solid #e7e7e7;
    padding: 0px !important;
    margin-top:7px;
}

.icon-input {
    margin-right: 10px;
    margin-left: -32px;
    margin-top: 12px;
    pointer-events: none;
}

.icon-input::before {
    color: white;
}

.input-button {
    padding-right: 35px !important;
}

.action_buttons input[type=submit].button {
    line-height: 30px !important;
    height: auto !important;
    font-weight: 600;
}

.qtip-content {
    color: black !important;
}

#search_form .sqsEnabled{
    width: 70%;
}

#job_function {
    width: 90%;
}

.search_fields_basic label, .col-advanced-search label  {
  white-space: normal !important;
  overflow: hidden;
  word-wrap: break-word;
}

#search_form span.id-ff button span {
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%);
}

#ComposeView #emails_email_templates_name {
    width: 70%;
}

#ComposeView #parent_type,
#ComposeView #parent_name,
#EditView_tabs #parent_type,
#EditView_tabs #parent_name {
    width: 35%;
}

#ComposeView #btn_parent_name,
#ComposeView #btn_clr_parent_name,
#EditView_tabs #btn_parent_name,
#EditView_tabs #btn_clr_parent_name {
    margin-top: 8px !important;
}

#ComposeView #from_addr_name-button {
    width: 100%;
}

.dateTime td {
    vertical-align: baseline;
}

#duration_minutes {
    width: 50%;
}

span.id-ff button img {
    position: absolute;
    transform: translate(-50%, -50%);
}

span.id-ff, {
    display: flex !important;
}

.span.suitepicon.suitepicon-module-ops-appairage.subpanel-icon:before {
    content: "\f17c";
}

.suitepicon-module-ops-appairage:before {
    content: "\f14a";
}

.suitepicon-module-ops-historique-connexion:before {
    content: "\f116";
}

.suitepicon-module-ops-dossier:before {
    content: "\f193";
}

.suitepicon-module-ops-personne-morale-individu:before {
    content: "\f137";
}

.suitepicon-module-ops-justificatif:before {
    content: "\f185";
}

.suitepicon-module-ops-journal:before {
    content: "\f117";
}

.suitepicon-module-ops-sous-territoire:before {
    content: "\f196";
}

.suitepicon-module-ops-suivi-dossier:before {
    content: "\f199";
}

.suitepicon-module-ops-historisation:before {
    content: "\f170";
}

.suitepicon-module-ops-localisation:before {
    content: "\f131";
}

.suitepicon-module-ops-domiciliation:before {
    content: "\f19e";
}

.suitepicon-module-ops-engagement:before {
    content: "\f1ae";
}

.suitepicon-module-ops-revenu:before {
  content: "\f194";
}
.suitepicon-module-ops-lien-parente:before {
  content: "\f1c4";
}
.suitepicon-module-ops-aide-accordee:before{
    content: "\f176";
}
.suitepicon-module-ops-historique-adresse:before {
  content: "\f115";
}
.suitepicon-module-ops-information-fiscale:before {
  content: "\f14b";
}
.suitepicon-favorite-star-outline:before {
    content: "\f17a" !important;
}

.suitepicon-favorite-star:before {
    content: "\f17b" !important;
}

.suitepicon-module-opc-donnee-comptable:before {
    content: "\f14b";
}

.suitepicon-module-ops-avis:before {
    content: "\f1ae";
}

.dashletPanel {
  background-color: #f5f5f5 !important;
  border-radius: 3px;
}

.bd-center .dashletPanel > thead > td {
  background-color: #f5f5f5 !important;
}

.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel {
    max-width: 70% !important;
}


.pageNumbers {
  color: black !important;
}

input#code_couleur:disabled {
    padding: 0 !important;
    height: auto !important;
}

/* partie dashlets 

.dashletPanel .view tr {
  background-color: lightgray;
}

.dashletPanel .view tr th div {
  color: black;
}

.dashletPanel .view tr th a {
  color: black;
}

.bd {
  border-left: 1px solid lightgray;
  border-right: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}

.tile {
  box-shadow: 0px 20px 40px rgb(0 0 0 / 10%);
  height: 210px !important;
  width: 225px !important;
}

.hd-center {
  border-bottom: 0px solid lightgray;
}

.hd-center > table {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  background-color: #f5f5f5 !important;
}

.dashlet-title > h3 > span {
  color: black;
  text-transform: capitalize;
  font-weight: bold !important;
}

.dashletToolSet > a {
  color: black !important;
}

.bd:has(#div_choix_dispositif) {
  padding: 10px;
}

.bd-center {
  border: 0px;
}

#pageContainer .dashletcontainer .pagination td {
  border: 0px !important;
  background-color: #f5f5f5;
}

#pageContainer .dashletcontainer .pagination td button {
  background-color: #f5f5f5;
  color: black;
}

#pageContainer .dashletcontainer .pagination td button:disabled {
  background-color: #f5f5f5;
  color: black;
}
*/

#div_choix_dispositif {
  margin-left: auto;
  margin-right: auto;
  display: table;
  padding: 10px;
  text-align: center;
}

#pageContainer .dashletcontainer .pagination td button:disabled {
    background-color: #FFFFFF !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.1) !important;
    color: #2A2A2A !important;
    margin: 0 2px 0 2px !important;
    padding: 0 !important;
    line-height: 30px !important;
    height: 30px !important;
    width: 30px !important;
}
#pageContainer .dashletcontainer .pagination td button {
    background-color: #FFFFFF !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.1) !important;
    color: #2A2A2A !important;
    margin: 0 2px 0 2px !important;
    padding: 0 !important;
    line-height: 30px !important;
    height: 30px !important;
    width: 30px !important;
}

.dashletcontainer .list thead {
    background-color: #e4e4e4 !important;
}

.dashletcontainer .suitepicon-action-sorting-none, .dashletcontainer .suitepicon-action-sorting-ascending, .dashletcontainer .suitepicon-action-sorting-descending {
    color: black;
}
.dashletcontainer .list thead tr th a:link {
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    color :#32A6CF !important;
    
}
#pageContainer .dashletcontainer .pagination td {
    background-color: #F9F9F9 !important;
}
.dashletcontainer #dashletPanel > thead > tr > th > div {
    white-space: nowrap !important;
}
.dashletcontainer .name_service_menu {
    font-size: 16px !important;
}
.dashletcontainer .icone_service_menu:before {
    font-size: 40px;
}

/* Partie checkbox */ 
input[type="checkbox"]:not(.listview-checkbox) {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -border-radius: 9px;
    border-radius: calc( 28px / 2 );
    height: 28px;
    width: calc( 28px * 2 );
    display: flex;
    position: relative;
    margin: calc( 28px / 6 );
    margin-left: 0;
    cursor: pointer;
    background: #ffffff;
    border: 1px solid #e1e1e1 ;
}
input[type="checkbox"]:not(.listview-checkbox):checked {
    background: #e1e1e1;
}
input[type="checkbox"]:not(.listview-checkbox)::before {
    font-family: FontAwesome;
    content: "";
    display: block;
    color: #666666;
    font-size: calc( 28px / 5 * 3 );
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(0);
    text-align: center;
    left: 0;
    margin: 0;
    transition: all ease-in-out 220ms;
    width: calc(100% / 2);
    height: calc( 28px  - 2px );
    border-radius: calc( ( 28px  / 2 ) - 2px );
    line-height: calc( 28px  - 2px );
    background-color: #e1e1e1 ;
}
input[type="checkbox"]:not(.listview-checkbox):checked::before {
    color: #fff;
    transform: translateY(-50%) translateX( calc(100%) );
    transition: all ease-in-out 220ms;
    background-color: green;
    content: "✓";
}

input[type="checkbox"]:not(.listview-checkbox):disabled {
  background-color: #ffffff;
}

input[type="checkbox"]:not(.listview-checkbox):disabled:checked {
  background-color: #e1e1e1;
}

/* Partie radio */ 
.field-radio-label {
  display: inline-flex;
  align-items: center;
}

input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  cursor: pointer;
  position: relative;
  height: 28px;
  width: 28px;
  background: #ffffff;
  border: 2px solid #e1e1e1;
  border-radius: calc( 28px / 2 );
}

input[type="radio"] + label {
  margin: 0 0.75rem 0 0.75rem;
  cursor: pointer;
}

input[type="radio"]:checked {
  background: #e1e1e1;
}

input[type="radio"]:checked::before {
  color: #fff;
  transition: all ease-in-out 220ms;
  opacity: 1;
  background-color: green;
  filter: saturate(1);
  content: "✓";
}

input[type="radio"]::before {
  font-family: FontAwesome;
  content: '';
  display: block;
  color: #666666;
  font-size: calc( 28px / 5 * 3 );
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  text-align: center;
  left: 50%;
  margin: 0;
  transition: all ease-in-out 220ms;
  width: calc( 28px - 2px );
  height: calc( 28px - 2px );
  border-radius: calc( 28px / 2 );
  line-height: calc( 28px - 2px );
  background: transparent;
  background-color: transparent;
}

/* Dossier : : Sous panel activite -> corps du mail */
.tox.tox-tinymce {
    min-height: 450px;
  }

.suitepicon-module-ops-classement:before {
    content: "\f197";
}
/*Module bon*/
span.suitepicon.suitepicon-module-ops-bon.subpanel-icon:before {
    content: "\f11c";
}

.suitepicon-module-ops-programmation:before {
    content: "\f182";
  }

/* Corrige l'alignement vertical des champs input related/linked */
input.sqsEnabled {
    margin-top: unset;
}

/* Corrige l'effet de survol sur les lien désactivé sinon lisibilité impossible */
.edit-view-pagination .btn-pagination[disabled], .edit-view-pagination .btn-pagination[disabled]:hover {
    background-color: #E6E7EA;
    text-decoration: none;
    cursor: default;
    color: #FFFFFF;
}

/* Corrige le grossissement inverse de police (effet leave vs survol) et son alignement typographique */
.edit-view-pagination .btn-pagination {
    font-size: 14px;
    line-height: 23px;
}

#about_link, #training_link {
    display: none;
}