@charset "UTF-8";

 /* All colors hexa  must be uppercase */
:root {

  --palm-white: #FFFFFF;
  --palm-green: #00A536;
  --palm-orange: orange;
  --palm-red: red;

  --palm-blue-0: #007acc;

  --palm-blue-1: #267EF9;

  --palm-blue-2: #0057FF;
  --palm-blue-3: #0044C7;
  --palm-blue-4: #233DFF;
  --palm-blue-5: #001F5E;
  --palm-blue-6: #050A30;

  --palm-violet-1: #CBE1FF;      /* ultra-light-violet */

  --palm-violet-2: #aacaf5;
  --palm-violet-3: #86b6f7;

  --palm-violet-4: #5d9ffb;      /* light-violet */
  --palm-violet-5: #0651B8;      /* dark-violet*/


  --palm-grey: #F4F6FC;
  --palm-dark-grey: grey;
  --light-grey:#808080;
  --pr-matrix-1-1:#003191;
  --pr-matrix-1-2:#7e8beb;
  --pr-matrix-1-3:#5271ff;
  --pr-matrix-1-4:#5271ff;
  --pr-matrix-2-1:#7e8beb;
  --pr-matrix-2-2:#5271ff;
  --pr-matrix-2-3:#233dff;
  --pr-matrix-2-4:#233dff;
  --pr-matrix-3-1:#5271ff;
  --pr-matrix-3-2:#233dff;
  --pr-matrix-3-3:#233dff;
  --pr-matrix-3-4:#233dff;
  --pr-matrix-4-1:#5271ff;
  --pr-matrix-4-2:#233dff;
  --pr-matrix-4-3:#233dff;
  --pr-matrix-4-4:#233dff;

  --pr-matrix-rainbow-1-1:#b02418;
  --pr-matrix-rainbow-1-2:#f6e0d7;
  --pr-matrix-rainbow-1-3:#f6e0d7;
  --pr-matrix-rainbow-1-4:#E1E3EC;
  --pr-matrix-rainbow-2-1:#f6e0d7;
  --pr-matrix-rainbow-2-2:#E1E3EC;
  --pr-matrix-rainbow-2-3:#E1E3EC;
  --pr-matrix-rainbow-2-4:#E1E3EC;
  --pr-matrix-rainbow-3-1:#E1E3EC;
  --pr-matrix-rainbow-3-2:#E1E3EC;
  --pr-matrix-rainbow-3-3:#8dba5f;
  --pr-matrix-rainbow-3-4:#E1E3EC;
  --pr-matrix-rainbow-4-1:#E1E3EC;
  --pr-matrix-rainbow-4-2:#5fb5c5;
  --pr-matrix-rainbow-4-3:#efb950;
  --pr-matrix-rainbow-4-4:#5fb5c5;

  --assessment-dark-violet:#666cff;
  --assessment-light-violet:#666cff4d;
  --assessment-dark-grey: grey;

}

.fa-palm-blue-1{
  color:var(--palm-blue-1);
}

.fa-dark-violet{
  color:var(--palm-violet-5);
}

.col-palm-violet-1 {
  color:var(--palm-violet-1) !important;
}

.col-palm-violet-2 {
  color:var(--palm-violet-2) !important;
}

.col-palm-violet-3 {
  color:var(--palm-violet-3) !important;
}

.col-palm-violet-4 {
  color:var(--palm-violet-4) !important;
}

.col-palm-violet-5 {
  color:var(--palm-violet-5) !important;
}

/* ---------------------------------------------------------------*/

.col-palm-green {
  color:var(--palm-green) !important;
}

.col-palm-orange {
  color:var(--palm-orange) !important;
}


.col-palm-blue-0 {
  color:var(--palm-blue-0) !important;
}

.col-palm-blue-1 {
  color:var(--palm-blue-1) !important;
}

.col-ultra-light-violet {
  color:var(--palm-violet-1);
}

.col-palm-violet-1 {
  color:var(--palm-violet-1);
}

.col-light-violet {
  color:var(--palm-violet-4);
}

.col-dark-violet {
  color: var(--palm-violet-5) !important;
}

.col-grey {
  color: #F4F6FC;
}

.col-grey-2 {
  color: var(--grey2);
}

.col-light-grey {
  color: var(--light-grey) !important;
}

.col-green {
  color: var(--palm-green) !important;
}

/* New colors */

.col-palm-lila-1 {
  color:var(--palm-lila-1) !important;
}

.col-palm-yelllow-1 {
  color:var(--palm-yellow-1) !important;
}

.col-palm-green-1 {
  color:var(--palm-green-1) !important;
}

.col-palm-grey-1 {
  color: var(--palm-grey-1) !important;
}

/* New colors */


.col-light-grey-opportunity {
  color: #C0C0C0;
}

.col-red {
  color: red;
}

.col-orange {
  color: orange;
}

.col-dark-grey {
  color: #73818f;
}

.col-white {
  color: white;
}

.col-black {
  color: black !important;
}


.col-palm-yellow-1 {
  color:var(--palm-yellow-1) !important;
}

.col-palm-lila-1 {
  color:var(--palm-lila-1) !important;
}


.bg-palm-blue-1 {
  background-color: var(--palm-blue-1) !important;
}

.bg-palm-blue-2 {
  background-color: var(--palm-blue-2) !important;
}

.bg-palm-blue-3 {
  background-color: var(--palm-blue-3) !important;
}


.bg-palm-blue-4 {
  background-color: var(--palm-blue-4) !important;
}

.bg-palm-blue-5 {
  background-color: var(--palm-blue-5) !important;
}

.bg-palm-violet-1 {
  background-color: var(--palm-violet-1) !important;
}

.bg-palm-violet-2 {
  background-color: var(--palm-violet-2) !important;
}

.bg-palm-violet-3 {
  background-color: var(--palm-violet-3) !important;
}

.bg-palm-violet-4 {
  background-color: var(--palm-violet-4) !important;
}

.bg-palm-violet-5 {
  background-color: var(--palm-violet-5) !important;
}

.bg-ultra-light-violet {
  background-color: var(--palm-violet-1) !important;
}

.bg-light-violet {
  background-color: var(--palm-violet-4) !important;
}

.bg-dark-violet {
  background-color: var(--palm-violet-5) !important;
}

.bg-grey {
  background-color: #F4F6FC !important;
}

.bg-grey-2 {
  background-color: #F1F4FB !important;
}

.bg-grey-3 {
  background-color: #f7f9fc !important;
}

.bg-grey-4 {
  background-color: #e4e7ea !important;
}

.bg-dark-grey {
  background-color: grey !important;
}

.bg-palm-yellow {
  background-color: #FAE97A !important;
}

.bg-white {
  background-color: white !important;
}

.bor-palm-blue-1 {
  border:none;
  border: 1px solid var(--palm-blue-1) !important;
}

.bor-palm-blue-2 {
  border:none;
  border: 1px solid var(--palm-blue-2) !important;
}

.bor-palm-blue-3 {
  border:none;
  border: 1px solid var(--palm-blue-3) !important;
}

.bor-palm-yellow {
  border-color: #FAE97A !important;
}

.bor-white {
  border-color: #fff !important;
}

.bor-palm-violet-2 {
  border:none;
  border: 1px solid var(--palm-violet-2) !important;
}

.bor-palm-red {
  border:none;
  border: 1px solid red !important;
}

.bor-palm-orange {
  border:none;
  border: 1px solid var(--palm-orange) !important;
}

.bubble-palm-gray-1 {
  color: #fff;
  background-color: var(--assessment-dark-grey);
}

.bubble-palm-green-1 {
  color: #fff;
  background-color: var(--palm-green);
}

.bubble-palm-blue-1 {
  color: #fff;
  background-color: var(--palm-blue-1);
}

.bubble-palm-blue-2 {
  color: #fff;
  background-color: #0057FF;
}

.bubble-palm-blue-3 {
  color: #fff;
  background-color: #0044C7;
}

.bubble-palm-blue-4 {
  color: #fff;
  background-color: var(--palm-blue-1);
}

.bubble-palm-blue-5 {
  color: #fff;
  background-color: #001F5E;
}

.bubble-palm-blue-6 {
  color: #fff;
  background-color: #050A30;
}

.bubble-palm-violet-1 {
  color: #000000;
  background-color: var(--palm-violet-1);
}

.bubble-palm-violet-2 {
  color: #000000;
  background-color: var(--palm-violet-2);
}

.bubble-palm-violet-3 {
  color: #fff;
  background-color: var(--palm-violet-3);
}

.bubble-palm-violet-4 {
  color: #fff;
  background-color: var(--palm-violet-4);
}

.bubble-palm-violet-5 {
  color: #fff;
  background-color: var(--palm-violet-5);
}

.bubble-palm-grey-1 {
  color: #fff;
  background-color: var(--palm-dark-grey);
}


.bubble-primary {
  color: #fff;
  background-color: var(--palm-blue-1);
}

a.bubble-primary:hover, a.bubble-primary:focus {
  color: #fff;
  background-color: #1985ac;
}

a.bubble-primary:focus, a.bubble-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.5);
}


/* ----------------------*/

.tab-link-palm {
  display: block;
  padding: 0.5rem 0rem;
  margin-right:20px;
  margin-left:20px;
  cursor:pointer;
}


.nav-link-support {
  display: block;
  font-weight: bold;
  padding: 0.5rem 0rem;
  cursor:pointer;
}


.tab-link-palm:hover, .tab-link-palm:focus {
  color:var(--palm-blue-1);
}

.tab-link-palm-selected {
  color:var(--palm-blue-1);
  border-width: 2px;
  border-color: var(--palm-blue-1);
  border-bottom: 0.2em solid;
  font-weight: bold;
}


.tab-link-palm-disabled:hover, .tab-link-palm-disabled:focus {
  cursor: not-allowed;
  color:var(--assessment-dark-grey);
}

/* ----------------------*/

.btn-palm {
  color: #fff !important;
  background-color:  var(--palm-blue-1) !important;
  border-color:  var(--palm-blue-1) !important;
  border:1px !important;
  border-radius: 0.4em !important;
}

.btn-palm:hover {
  text-decoration: underline !important;
 }

.btn-palm:focus {
  color: #fff !important;
  background-color: var(--palm-blue-1);
  border:1px !important;
  border-color: var(--palm-blue-1)!important;
}


.btn-palm.disabled {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}

.btn-palm-small {
  padding: 0.2rem 0.5rem !important;
  font-size: 11px !important;
}


.btn-palm:not(:disabled):not(.disabled):active,
.show > .btn-palm.dropdown-toggle {
  color: #fff;
  background-color: var(--palm-blue-1);
  border-color: var(--palm-blue-1);
}

.btn-palm:not(:disabled):not(.disabled):active:focus,
.show > .btn-palm.dropdown-toggle:focus {
  color: #fff;
  background-color: var(--palm-blue-1);
  border-color: var(--palm-blue-1);
}


/* ----------------------*/

.btn-palm-transparent {
  color: var(--palm-blue-1);
  font-size:14px;
  padding-top:3px;
  float: right;
  margin-left:8px;
  margin-right:8px;
}

.btn-palm-transparent:hover {
  color: var(--palm-blue-1);
  text-decoration: underline;
}

/*----------------*/

.btn-palm-inverse {
  color: var(--palm-blue-1) !important;
  border-color:  var(--palm-blue-1) !important;
  font-size:12px;
  padding-top:3px;
  border-radius: 0.4em !important;
}

.btn-palm-inverse:hover {
  color: white !important;
  border-color:  var(--palm-blue-1) !important;
  background-color: var(--palm-blue-1) !important;
}

.btn-palm-inverse:focus, .btn-palm-inverse.focus {
  box-shadow: 0 0 0 0.1rem var(--palm-blue-1) !important;
}


.btn-danger-inverse {
  color: red !important;
  border-color:  red !important;
  font-size:12px;
  padding-top:3px;
  border-radius: 0.4em !important;
}

.btn-danger-inverse:hover {
  color: white !important;
  border-color:  red !important;
  background-color: red !important;
}

.btn-danger-inverse:focus, .btn-palm-inverse.focus {
  box-shadow: 0 0 0 0.1rem red !important;
}

.btn-success-inverse {
  color: #3ea662 !important;
  border-color:  #3ea662 !important;
  font-size:12px;
  padding-top:3px;
  border-radius: 0.4em !important;
}

.btn-success-inverse:hover {
  color: white !important;
  border-color:  #3ea662 !important;
  background-color: #3ea662 !important;
}

.btn-success-inverse:focus, .btn-palm-inverse.focus {
  box-shadow: 0 0 0 0.1rem #3ea662 !important;
}


.btn-palmtable{
  /*width:9rem;*/
  height:2rem;
  margin:0px !important;
  border-radius: 0.2em !important;
  border-width: 1px;
  /*justify-content: flex-end;*/
}


/*----------------*/

.btn-violet-inverse {
  color: var(--palm-violet-5) !important;
  border-color:  white;
  font-size:12px;
  border-radius: 0.4em !important;
}

.btn-violet-inverse:hover {
  font-weight: bold !important;
}

.btn-violet-inverse:focus {
  box-shadow: 0 0 0 0.1rem var(--palm-violet-5);
}
/*----------------*/

.btn-violet {
  color: white;
  border-color:  var(--palm-violet-5) !important;
  background-color:  var(--palm-violet-5)!important;
  font-size:12px;
  border-radius: 0.4em !important;
}

.btn-violet:hover {
  color: white;
  border-color:  var(--palm-violet-5);
  background-color: var(--palm-violet-5);
}

.btn-violet:focus {
  box-shadow: 0 0 0 0.1rem var(--palm-violet-5);
}

/*----------------*/

.btn-red {
  color: white;
  border-color: red !important;
  background-color:  red !important;
  border-radius: 0.4em !important;
}

.btn-red:hover {
  text-decoration: underline !important;
 }

.btn-red:focus {
  box-shadow: 0 0 0 0.1rem red;
}

.btn-green {
  color: white;
  border-color: green !important;
  background-color: green !important;
  border-radius: 0.4em !important;
}

.btn-green:hover {
  text-decoration: underline !important;
}

.btn-green:focus {
  box-shadow: 0 0 0 0.1rem green;
}

/*----------------*/

.bubbles {
  color: var(--palm-blue-1);
  border-color: var(--palm-violet-1) !important;
  background-color:  var(--palm-violet-1) !important;
  font-size:12px;
  border-radius: 3em !important;
  text-align: center;
  padding: 3px;
}

[palm-data-tooltip]:before {
  content: attr(palm-data-tooltip);
  position: absolute;
  opacity: 0;
  transition: all 0.15s ease;
  padding: 10px;
  color: white;
  border-radius: 4px;
  text-align: left !important;
  box-shadow: 2px 2px 1px silver;
}

[palm-data-tooltip]:hover:before {
  width: 200px;
  z-index: 1000;
  opacity: 1;
  background-color: var(--palm-blue-1);
  margin-top: 40px;
  margin-left: -200px;
}

[palm-data-tooltip]:not([palm-data-tooltip-persistent]):before {
  pointer-events: none;
}

/*----------------*/
/* TODO REMOVE */
.card-dashboard-blue2 {
  background-color: #003191 !important;
  border-color: #003191 !important;
}

.card-dashboard-blue3 {
  background-color: #001F5E !important;
  border-color: #001F5E !important;
}

.card-dashboard-blue4 {
  background-color: #050A30 !important;
  border-color: #050A30 !important;
}

/*---------------------------------------------------------------------*/
/* TODO : remove & replace by palm-card palm-blue-border */
.card-blue-border {
  border-width: 1px !important;
  padding:4px 4px 4px 4px;
  border-color: var(--palm-blue-1) !important;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.20);
  border-radius: 1em !important;
  margin-right:1.5rem;
  width:100%;
}

.card-no-border {
  border-width: 1px !important;
  padding:4px 4px 4px 4px;
  border-color: white !important;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.20);
  border-radius: 1em !important;
  margin-right:1.5rem;
  width:100%;
}

.palm-blue-border {
  border: 1px solid var(--palm-blue-1);
}
/*----------------------------------------------------------*/

/* TODO : remove & replace by palm-card palm-......-border */
.card-dark-violet-border {
  border-width: 1px !important;
  padding:4px 4px 4px 4px;
  border-color: var(--palm-violet-5) !important;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.20);
  border-radius: 1em !important;
  margin-right:1.5rem;
  width:100%;
}

.palm-dark-violet-border {
  border: 1px solid var(--palm-violet-5);
}

/*----------------*/
/* Dashboard Beta */

.dashboard-beta .progress {
  background-color: #dadada;
}

.dashboard-beta .table td:nth-of-type(2) {
  text-align: center;
}

.dashboard-beta .table-no-border, .dashboard-beta .table-no-border th, .dashboard-beta .table-no-border td {
  border: none;
}

.dashboard-beta .table-no-border-padding, .dashboard-beta .table-no-border-padding th, .dashboard-beta .table-no-border-padding td {
  border: none;
  padding: 12px;
}

.card-dashboard-beta-row1 .col-lg-3:nth-of-type(1) .card {
  text-align: center;
  /*background: rgba(21, 118, 254, 0.4);*/
  color: rgba(21, 118, 254, 0.6);
  border-color: rgba(21, 118, 254, 0.6);
}

.card-dashboard-beta-row1 .col-lg-3:nth-of-type(2) .card {
  text-align: center;
  /*background: rgba(3, 215, 73, 0.4);*/
  color: rgba(3, 215, 73, 0.6);
  border-color: rgba(3, 215, 73, 0.6);
}

.card-dashboard-beta-row1 .col-lg-3:nth-of-type(3) .card {
  text-align: center;
  /*background: rgba(255, 219, 0, 0.4);*/
  color: rgba(255, 219, 0, 0.6);
  border-color: rgba(255, 219, 0, 0.6);
}

.card-dashboard-beta-row1 .col-lg-3:nth-of-type(4) .card {
  text-align: center;
  /*background: rgba(255, 0, 0, 0.4);*/
  color: rgba(255, 0, 0, 0.6);
  border-color: rgba(255, 0, 0, 0.6);
}
/*----------------------------------------------------------*/

/* TODO : remove & replace by palm-card palm-......-border */
.card-light-violet-border {
  border-width: 1px !important;
  padding:4px 4px 4px 4px;
  border-color: var(--palm-violet-4) !important;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.20);
  border-radius: 1em !important;
  margin-right:1.5rem;
  width:100%;
}

.palm-dark-violet-border {
  border: 1px solid var(--palm-violet-5);
}
/*----------------------------------------------------------*/

/* TODO : remove & replace by palm-card palm-......-border */
.card-ultra-light-violet-border {
  border-width: 1px !important;
  padding:4px 4px 4px 4px;
  border-color: var(--palm-violet-1) !important;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.20);
  border-radius: 1em !important;
  margin-right:1.5rem;
  width:100%;
}

.palm-ultra-light-violet-border{
  border: 1px solid var(--palm-violet-1);
}
/*----------------------------------------------------------*/

.palm-red-border{
  border: 1px solid red !important;
}

.palm-dark-grey-border{
  border: 1px solid grey;
}


/*---------------------------------------------------------------------*/

.sidebar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  color: #fff;
  background: #1576FE;
}


.app-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1rem;
  color: white;
  background: #1576fe;
  border-top: 1px solid #c8ced3;
}

.palm-title-1 {
  font-weight: bold;
  font-size: 1.3125rem;
  margin-bottom: 0.2rem;
}

.palm-title-2 {
  font-weight: bold;
  font-size:  0.9375rem;
  margin-bottom: 0.2rem;
}

.palm-text-1 {
  font-weight: normal;
  font-size:  0.875rem;
  margin-bottom: 0.2rem;
}


/*---------------------------------------------------------------------*/

.modal-header-palm-new {

  /*
   align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;

  -ms-flex-pack: justify;
  justify-content: space-between;*/
  border-bottom: 0px;
  padding: 0.7rem 0.7rem 0rem 0.7rem;
  border-top-left-radius: 0.3em;
  border-top-right-radius: 0.3em;
  background-color: #c8ced3;
}


.company-container-1 {
  background-color: #5C70F8;
  margin:-30px -30px 0 -30px;
}

.label-toggle-ok {
  color: var(--palm-blue-1);
  font-weight: bold;
}

.label-toggle-ko {
  color: red;
  font-weight: bold;
}

.label-toggle-not-set {
  color: #73818f;
  font-weight: normal;
}

.switch-slider-ok {
  background-color: var(--palm-violet-5);
  border: 1px solid var(--palm-violet-5);
}

.switch-slider-ko {
  background-color: red;
  border: 1px solid red;
}

.switch-slider-not-set {
  background-color: #73818f;
  border: 1px solid #73818f;
}

.a-hover {
  color: var(--palm-blue-1);
  text-decoration: underline;
}

.card-widget-blue {
  margin: 0px 10px 0px 10px;
  padding: 0px 10px 0px 10px;
  text-align: center;
  background-color: white;
  border-color: var(--palm-blue-1);
  border-radius: 1em;
  border-width: 1px;
}

.applyBtn{
  border: solid var(--palm-blue-1) 1px;
  background-color: white;
  color: var(--palm-blue-1);
  font-size: 14px;
  border-radius: 8px;
  width: 80px;
}


/* New CSS for the new design *******************************************/

.btn-lila {
  color: #000 !important;
  background-color:  var(--palm-lila-1) !important;
  border-color:  var(--palm-lila-1) !important;
  border:1px !important;
  border-radius: 0.4em !important;
}

.btn-lila:hover {
  text-decoration: underline !important;
 }

.btn-lila:focus {
  color: #000 !important;
  background-color: var(--palm-lila-1);
  border:1px !important;
  border-color: var(--palm-lila-1)!important;
}


.btn-lila.disabled {
  color: #000;
  background-color: #000000;
  border-color: #000000;
}

.btn-lila-small {
  padding: 0.2rem 0.5rem !important;
  font-size: 11px !important;
}


.btn-lila:not(:disabled):not(.disabled):active,
.show > .btn-lila.dropdown-toggle {
  color: #000;
  background-color: var(--palm-lila-1);
  border-color: var(--palm-lila-1);
}

.btn-lila:not(:disabled):not(.disabled):active:focus,
.show > .btn-lila.dropdown-toggle:focus {
  color: #000;
  background-color: var(--palm-lila-1);
  border-color: var(--palm-lila-1);
}


.btn-black {
  color: #fff !important;
  background-color:  #000 !important;
  border-color:  000 !important;
  border:1px !important;
  border-radius: 0.4em !important;
}

.btn-black:hover {
  text-decoration: underline !important;
 }

.btn-black:focus {
  color: #fff !important;
  background-color: #000;
  border:1px !important;
  border-color: #000!important;
}

.btn-black.disabled {
  color: var(--palm-grey-1);
  background-color: #000000;
  border-color: #000000;
}

.btn-black-small {
  padding: 0.2rem 0.5rem !important;
  font-size: 11px !important;
}


.btn-black:not(:disabled):not(.disabled):active,
.show > .btn-black.dropdown-toggle {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.btn-black:not(:disabled):not(.disabled):active:focus,
.show > .btn-lila.dropdown-toggle:focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
/*----------------*/


.btn-palm-agent {
  border-radius: 1em !important;
  font-size: 12px !important;
  color: #000 !important;
  background-color: var(--palm-lila-1) !important;
  border-color: var(--palm-lila-1) !important;
  border: 1px !important;
  padding: 0.5rem 1.5rem !important;
}

.btn-welcome {
  width: 100% !important;
  margin-bottom: 4px !important;
  border-radius: 0.8em !important;
  font-size: 12px !important;
}