/* App.jsx */
#sms-message-editor #toolsRTE_2_toolbar {
  display: none;
}

#info2Dialog {
  max-height: 927px;
  width: 300px;
  z-index: 1001;
  left: 35% !important;
  position: absolute !important;
}

.e-grid .e-rowcell:nth-child(2),
.e-grid .e-rowcell:nth-child(3) {
  padding: 8px 16px;
}

.e-grid .e-rowcell:nth-child(4) {
  padding: 8px 13px;
}

.e-grid .e-rowcell:nth-child(5) {
  padding: 8px 10px;
}

.e-grid .e-rowcell:nth-child(6) {
  padding: 8px 7px;
}

.e-grid .e-table {
  border-collapse: separate;
  table-layout: fixed;
  width: 100% !important;
}

#info2Dialog #info2Dialog_dialog-header,
#info2Dialog_title,
#info2Dialog_dialog-content,
#info2Dialog.e-footer-content,
#info2Dialog .e-footer-content {
  background: #001970;
  color: #fff;
  display: flex;
}

#confirmDialog .e-dlg-header {
  width: 1%;
}

#confirmDialog #confirmDialog_dialog-header,
#confirmDialog .e-dialog .e-icon-dlg-close::before {
  content: '\e7fc';
  position: relative;
  color: white;
  font-size: 15px;
}

#confirmDialog .e-btn.e-flat.e-primary {
  text-transform: uppercase;
  font-size: 13px;
  font-family: MTTMilano-Bold, Lato, Arial, sans-serif;
  letter-spacing: 0.7px;
  color: #001978 !important;
  padding: 10px;
  background-color: #fff;
  border-radius: 0 !important;
  border: 2px solid #fff !important;
  min-width: 80px;
}

.e-btn.e-flat.e-primary,
.e-css.e-btn.e-flat.e-primary {
  background-color: #001970 !important;
}

#confirmDialog .e-btn.e-flat.e-primary:hover {
  background-color: #e5e8f1 !important;
  background: #e5e8f1 !important;
  color: #001978 !important;
}

#confirmDialog .e-btn.e-flat.e-primary:active {
  background-color: #e5e8f1 !important;
  background: #e5e8f1 !important;
  color: #001978 !important;
}

.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
  margin-right: 0;
  margin-left: auto;
  color: #fff !important;
}

.e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
  color: white !important;
}

.e-btn-icon .e-icon-dlg-close .e-icons {
  color: #fff !important;
}

.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
  margin-right: 0;
  margin-left: auto;
  color: #fff !important;
  height: 15px;
  background-color: transparent;
}

.e-dialog .e-btn.e-dlg-closeicon-btn:hover,
.e-dialog .e-btn.e-dlg-closeicon-btn:focus,
.e-dialog .e-btn.e-dlg-closeicon-btn:active {
  background-color: transparent !important;
}

.btn-modal-close {
  text-transform: uppercase;
  font-size: 13px;
  font-family: MTTMilano-Bold, Lato, Arial, sans-serif;
  letter-spacing: 0.7px;
  color: #fff !important;
  padding: 10px;
  background-color: #001978 !important;
  min-width: 80px;
  border-radius: 0 !important;
  border: 2px solid #fff !important;
}

.btn-modal-close:hover {
  background-color: #e5e8f1 !important;
  background: #e5e8f1 !important;
  color: #001978 !important;
}

.btn-modal-close:active {
  background-color: #e5e8f1 !important;
  background: #e5e8f1 !important;
  color: #001978 !important;
}
.e-control .e-btn .e-lib .e-flmenu-okbtn .e-primary .e-flat {
  color: #001970 !important;
}

/* Component Sibar */
#noSignaturesDialog #noSignaturesDialog_dialog-header,
#noSignaturesDialog #noSignaturesDialog_title,
#noSignaturesDialog #noSignaturesDialog_dialog-content,
#noSignaturesDialog .e-footer-content {
  background: #c5343f !important;
  color: #fff !important;
  display: flex !important;
}

#noSignaturesDialog .e-btn.e-flat.e-primary {
  color: #fff !important;
}

#sendingTypeDialog {
  top: 17% !important;
}

#sendingTypeDialog .e-dlg-header {
  width: 60% !important;
}

#sendingTypeDialog #sendingTypeDialog_dialog-header,
#sendingTypeDialog #sendingTypeDialog_title {
  background: #001978;
  color: #fff;
  font-size: 14px;
  padding-left: 22px;
}

#sendingTypeDialog #sendingTypeDialog_dialog-header {
  padding: 24px !important;
}

#sendingTypeDialog #sendingTypeDialog_dialog-content {
  padding-top: 15px;
  padding-bottom: 30px;
}

#sendingTypeDialog #sendingTypeDialog_dialog-header > button > span {
  color: white;
  font-size: 12px;
}

/* Component message-list  */
#message-list .e-headercell {
  background-color: #fff !important;
  color: #001978;
}

#message-list .e-headercelldiv {
  margin: 0;
  padding: 0;
  width: fit-content;
  float: left;
}

#message-list .e-icon-ascending {
  float: left;
  margin: 5px 5px 0 5px !important;
  padding: 0;
}

#message-list .e-icon-descending {
  float: left;
  margin: 7px 5px 0 5px !important;
  padding: 0;
}

#message-list
  div.e-gridheader.e-lib.e-droppable
  > div
  > table
  > thead
  > tr
  > th.e-headercell.e-defaultcursor {
  position: static;
}

#message-list .bola-firmantes.en-progreso .e-dropdown-btn.e-dropdown-btn.e-btn {
  border-radius: 5px;
  padding: 2px;
  cursor: pointer;
  background: #d9e1fc;
  margin-left: 10px;
}

#message-list .bola-firmantes.completada .e-dropdown-btn.e-dropdown-btn.e-btn {
  border-radius: 5px;
  padding: 2px;
  cursor: pointer;
  background: #d9e1fc;
  margin-left: 10px;
}

#message-list .bola-firmantes.cancelada .e-dropdown-btn.e-dropdown-btn.e-btn {
  border-radius: 5px;
  padding: 2px;
  cursor: pointer;
  background: #d9e1fc;
  margin-left: 10px;
}

#message-list .bola-firmantes.gray .e-dropdown-btn.e-dropdown-btn.e-btn {
  border-radius: 100px;
  color: #434246;
  padding: 4px 9px;
  cursor: pointer;
  background: #cfced3;
}

#message-list .e-dialog .e-footer-content {
  background: white !important;
  justify-content: flex-end;
}

#message-list
  .e-grid
  .e-gridheader
  .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop) {
  color: #717171;
}

#message-list .e-dropdownbase .e-list-item.e-active.e-hover {
  color: #001970 !important;
}

#message-list .e-checkboxfilter.e-popup.e-dialog {
  top: 15% !important;
}

#message-list .e-checkboxfilter .e-footer-content {
  background: #fff;
}

#message-list .e-dropdownbase .e-list-item.e-active.e-hover {
  color: #001970 !important;
}

#message-list
  .e-toolbar
  .e-toolbar-items
  .e-toolbar-item
  .e-tbar-btn.e-btn.e-tbtn-txt
  .e-icons.e-btn-icon {
  padding: 0;
  color: #001970;
}

#message-list .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
  color: white;
}

#message-list .e-add {
  display: none;
}

#message-list
  .e-toolbar
  .e-toolbar-items
  .e-toolbar-item
  .e-tbar-btn.e-btn.e-tbtn-txt
  .e-icons.e-btn-icon {
  color: #fbfbfb;
}

#message-list .e-dropdown-popup ul .e-item {
  font-weight: bold;
  color: #001970;
}

#message-list
  .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before,
.e-input-group:not(.e-float-icon-left):not(.e-float-input)::after,
.e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,
.e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after,
.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(
    .e-float-input
  )::before,
.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(
    .e-float-input
  )::after,
.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input)
  .e-input-in-wrap::before,
.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input)
  .e-input-in-wrap::after {
  display: none;
}

.e-icons.e-next:before {
  content: '\e913' !important;
}

.e-numericcontainer {
  margin-top: 3px !important;
}

.e-contextmenu-wrapper ul .e-menu-item .e-caret::before,
.e-contextmenu-container ul .e-menu-item .e-caret::before {
  color: #001970;
}

#message-list .e-grid input:not([type]),
input[type='search']:not(.browser-default___2ZECf) {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  outline: none !important;
  height: 0rem !important;
  width: 100% !important;
  font-size: 16px;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  box-sizing: content-box !important;
  transition: box-shadow 0.3s, border 0.3s !important;
  padding-top: 3px !important;
}

#message-list
  .e-input-group:not(.e-success):not(.e-warning):not(.e-error)
  input.e-input:focus {
  border-bottom: none;
  box-shadow: none;
}

#message-list .e-toolbar .e-toolbar-items {
  border-radius: 0 0 0 0;
  display: inline-block;
  height: 100%;
  min-height: 53px;
  vertical-align: middle;
  background: #fff;
}

#message-list .e-btn-icon .e-icon-dlg-close .e-icons {
  color: #fff;
}

#message-list .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
  margin-right: 0;
  margin-left: auto;
  color: #fff;
  height: 15px;
  background-color: transparent;
}

#message-list .e-toolbar-right {
  left: 10px !important;
  top: 2px;
}

#message-list .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left {
  left: auto;
  line-height: 47px !important;
}

#message-list .e-toolbar-left {
  right: 0 !important;
  height: 100% !important;
  top: 2px !important;
}

#message-list [id^='grid_1827174622'][id$='CrearFirma'] .e-tbar-btn-text,
#message-list [id^='grid_1827174622'][id$='CrearEmail'] .e-tbar-btn-text,
#message-list [id^='grid_1827174622'][id$='CrearSms'] .e-tbar-btn-text,
#message-list [id^='grid_1827174622'][id$='CrearDocument'] .e-tbar-btn-text {
  visibility: hidden;
  position: absolute;
  right: 70px;
  top: 15px;
}

#message-list
  [id^='grid_1827174622'][id$='CrearFirma']
  .e-tbar-btn-text::after {
  content: 'Crear firma';
  visibility: visible;
}
#message-list
  [id^='grid_1827174622'][id$='CrearEmail']
  .e-tbar-btn-text::after {
  content: 'Crear email';
  visibility: visible;
}

#message-list [id^='grid_1827174622'][id$='CrearSms'] .e-tbar-btn-text::after {
  content: 'Crear sms';
  visibility: visible;
}

#message-list
  [id^='grid_1827174622'][id$='CrearDocument']
  .e-tbar-btn-text::after {
  content: 'Crear Document';
  visibility: visible;
}

.e-tab-text {
  color: #000;
  font-family: MTTMilano !important;
  text-transform: none !important;
  font-size: 16px;
}

.e-ignore {
  background: #001978 !important;
}

.e-active .e-tab-wrap .e-text-wrap .e-tab-text {
  font-weight: 700 !important;
  color: #000 !important;
  font-family: MTTMilano !important;
}
.custom-switch {
  margin-bottom: 5px !important;
}

.e-switch-inner {
  width: 30px !important;
  height: 16px !important;
}

.e-switch-off {
  opacity: 1 !important;
  background-color: #fff !important;
  border: 1px solid #001970 !important;
}

.e-switch-on {
  opacity: 1 !important;
  background-color: #001970 !important;
  border: 1px solid #001970 !important;
}

.e-switch-handle {
  width: 10px !important;
  height: 10px !important;
  background-color: #001970 !important;
  top: 4px !important;
  left: 3px !important;
}

.e-switch-handle.e-switch-active {
  background-color: #fff !important;
  left: 40px !important;
}

.e-ddl {
  width: 165px !important;
  border: 1px solid #dddcdc !important;
  padding: 0 10px !important;
  height: fit-content !important;
  margin: 0 !important;
  border-radius: 3px !important;
}

#message-list
  .e-toolbar
  .e-toolbar-items
  .e-toolbar-left
  .e-toolbar-item:first-child {
  margin-left: 15px;
  opacity: 1 !important;
  background: #fff;
}

#message-list
  .e-toolbar
  .e-toolbar-items
  .e-toolbar-left
  .e-toolbar-item:nth-child(3) {
  margin-right: 15px;
}

#message-list .e-toolbar .e-tbar-btn {
  border-radius: 15px;
}

#message-list .e-grid {
  border: 0;
}

#message-list
  .e-grid
  .e-toolbar-items
  .e-toolbar-item.e-search-wrapper
  .e-search
  .e-search-icon {
  min-width: 29px !important;
  border-left: 1px solid #b4b3b3 !important;
  padding-left: 3px;
  font-size: 16px !important;
}

#message-list .e-search {
  border: 1px solid #b4b3b3 !important;
  border-radius: 5px;
  height: 38px;
  width: 362px;
  padding: 4px 4px 4px 10px;
  font-size: 14px;
}

#message-list .e-grid .e-content {
  overflow-y: hidden !important;
  /* min-height: 270px; */
}

/* #message-list .e-toolbar .e-tbar-btn:hover {
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.12);
} */

/* #message-list .e-toolbar .e-tbar-btn:focus {
  border-radius: 14px;
} */

/* #message-list .e-toolbar .e-tbar-btn:active {
  border-radius: 14px;
} */
.e-dropdown-popup ul .e-item {
  padding: 0px 9px !important;
}
.e-dropdown-popup ul .e-item:hover {
  box-shadow: inset 0px 0px 0px 3px #fff;
}

.e-pagesizes {
  display: flex !important;
  align-items: center !important;
  margin-top: 4px !important;
  flex-direction: row-reverse !important;
  color: #000 !important;
  font-family: MTTMilano !important;
}

#message-list .e-btn.e-icon-btn {
  background-color: transparent !important;
  width: 100%;
  margin: auto;
  height: 25px;
  position: relative;
  color: #001970;
  box-shadow: unset;
}

#message-list .e-pager div.e-parentmsgbar {
  font-family: MTTMilano;
}

#message-list .e-pagenomsg {
  font-weight: 700;
}

#message-list .e-grid .e-rowcell:first-child,
.e-grid .e-summarycell:first-child {
  padding: 10px;
}

#message-list .e-dropdown-btn .e-btn-icon,
.e-dropdown-btn.e-btn .e-btn-icon {
  color: white;
}

#message-list .e-btn:active .e-btn-icon {
  color: #001978 !important;
}

#message-list .e-btn:focus .e-btn-icon {
  color: #001978 !important;
}

#message-list .e-btn:hover .e-btn-icon {
  color: #001978 !important;
}

#message-list .e-grid .e-gridheader {
  padding: 0 !important;
  border: 0;
  border-bottom: 2px solid #001978;
}

#message-list #left span {
  color: #000 !important;
  font-weight: 400 !important;
}

#message-list
  .e-grid.e-gridhover
  tr[role='row']:not(.e-editedrow):hover
  .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(
    .e-updatedtd
  ):not(.e-indentcell)
  .e-btn-icon {
  color: #001978 !important;
}

#message-list .e-pager .e-currentitem,
.e-pager .e-currentitem:hover {
  background: transparent;
  color: #001970;
  opacity: 1;
  border-bottom: 3px solid #001970;
  border-radius: 1px;
}

#message-list .e-gridpager {
  display: flex;
  justify-content: center;
  padding: 10px 0;
  align-items: center;
}

#message-list .e-gridpager .e-pagesizes {
  position: absolute;
  right: 60px;
}

#message-list .e-pagercontainer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  font-family: MTTMilano;
}

#message-list .e-pagesizes [id^='ej2_dropdownlist_'] {
  padding: 0 !important;
}

.e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
  content: url('/assets/images/newDesignSignaturit/icon-dropdown-s.svg') !important;
  margin-bottom: 4px;
}

#message-list .e-first {
  margin: 0;
  content: url('/assets/images/newDesignSignaturit/pager/go-to-first-page.svg');
}

#message-list .e-last {
  margin: 0;
  content: url('/assets/images/newDesignSignaturit/pager/go-to-last-page.svg');
}

#message-list .e-prev {
  margin: 0;
  content: url('/assets/images/newDesignSignaturit/pager/go-to-prev-page.svg');
}

#message-list .e-next {
  margin: 0;
  content: url('/assets/images/newDesignSignaturit/pager/go-to-next-page.svg');
}

#message-list .e-currentitem {
  border: 0 !important;
  border-radius: 5px !important;
  padding: 12px;
  background-color: #e5e8f1 !important;
}

#message-list .e-pager .e-numericitem {
  line-height: 0.5;
  min-width: 16px;
  font-size: 14px;
  margin: 0;
}

#message-list .e-pager div.e-icons {
  color: #001970;
}

#message-list
  .e-input-group.e-control-wrapper.e-alldrop.e-ddl.e-lib.e-keyboard.e-valid-input {
  color: #000 !important;
  border: 1px solid #b4b3b3 !important;
  border-radius: 3px;
  width: 56px !important;
  height: 28px !important;
  font-family: MTTMilano;
}

#message-list .e-pager .e-pagerconstant {
  margin: 1px;
}

#message-list .e-input-group .e-input-group-icon:last-child {
  color: #969696;
}

/* grid_1827174622_0_add */
#message-list [id^='grid_1827174622'][id$='CrearFirma'],
#message-list [id^='grid_1827174622'][id$='CrearEmail'],
#message-list [id^='grid_1827174622'][id$='CrearSms'],
#message-list [id^='grid_1827174622'][id$='CrearDocumento'] {
  background-color: rgb(0, 25, 120);
  border: 0;
  border-radius: 5px;
  height: 38px;
  width: 110px !important;
  margin-right: 15px;
  cursor: pointer !important;
  pointer-events: all !important;
  touch-action: auto !important;
}

.e-overlay {
  pointer-events: all !important;
  touch-action: auto !important;
}

#message-list [id$='_Item'] {
  background-image: url('/assets/images/newDesignSignaturit/menu-toolbar.svg');
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  border-radius: 0;
  width: 5px !important;
  height: 20px;
}

#message-list [id$='_Item'] .e-tbar-btn-text {
  display: none;
}

[id$='_searchbutton']::before {
  content: '' !important;
  width: 18px !important;
  height: 18px !important;
  background-image: url('/assets/images/newDesignSignaturit/icon-search.svg') !important;
  background-size: contain !important;
}

.custom-icon-print {
  background: url('/assets/images/newDesignSignaturit/icon-print.svg') no-repeat
    center center !important;
  background-size: contain;
  width: 20px !important;
  height: 15px;
  margin: 0 8px 4px -4px;
}

.custom-icon-download {
  background: url('/assets/images/newDesignSignaturit/icon-download-black.svg')
    no-repeat center center !important;
  background-size: contain;
  width: 20px !important;
  height: 15px;
  margin: 0 8px 4px -4px;
}

#menuitem_2,
#menuitem_3,
#menuitem_4,
#menuitem_5 {
  border: 3px solid #fff;
  margin: 2px;
  padding-bottom: 35px;
  width: 185px;
  font-family: Arial, Helvetica, sans-serif;
}

.e-menu-parent {
  border-radius: 5px !important;
}

.custom-icon-pdf {
  background: url('/assets/images/newDesignSignaturit/icon-pdf.svg') no-repeat
    center center;
  background-size: contain;
  margin: 0 8px 4px -2px;
  width: 15px;
  height: 15px;
}

.custom-icon-excel {
  background: url('/assets/images/newDesignSignaturit/icon-excel.svg') no-repeat
    center center;
  background-size: contain;
  margin: 0 8px 4px -2px;
  width: 15px;
  height: 15px;
}

#message-list .e-grid .e-icon-filter {
  padding: 0 !important;
  margin: 5px 0 0 5px !important;
  float: left;
}

#message-list .e-icon-descending {
  font-size: 15px;
  margin: -19px 24px;
}

#message-list .e-icon-ascending {
  font-size: 15px;
  margin: -19px 24px;
}

#message-list .e-headercontent {
  border: 0;
}

#message-list .e-grid .e-icon-filter::before {
  font-family: 'lf-font' !important;
  content: '\e95e';
  color: #717171;
  font-size: 18px;
}

#message-list .e-row {
  height: 43px;
}

.e-upload-file-list .e-file-container {
  background-color: #f7f7f7;
  padding: 0 10px !important;
  margin: 10px 0 !important;
  border-radius: 4px;
}

.e-icons.e-file-remove-btn {
  background-image: url('/assets/images/newDesignSignaturit/action-buttons-menu/icon-trash.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 10px !important;
  height: 40px !important;
  padding: 6px !important;
}

.e-icons.e-file-remove-btn::before {
  content: none !important;
}

.e-file-container .e-file-name::before {
  content: '' !important;
  width: 16px !important;
  height: 16px !important;
  margin-right: 8px !important;
  background-image: url('/assets/images/newDesignSignaturit/files/icon-microsoft-document-default.svg') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  vertical-align: middle !important;
  float: left !important;
}

.e-upload-file-list[data-file-name$='.pdf'] .e-file-name::before {
  background-image: url('/assets/images/newDesignSignaturit/files/icon-microsoft-pdf.svg') !important;
}

.e-upload-file-list[data-file-name$='.png'] .e-file-name::before,
.e-upload-file-list[data-file-name$='.jpg'] .e-file-name::before,
.e-upload-file-list[data-file-name$='.jpeg'] .e-file-name::before {
  background-image: url('/assets/images/newDesignSignaturit/files/icon-microsoft-img.svg') !important;
}

.e-upload-file-list[data-file-name$='.doc'] .e-file-name::before,
.e-upload-file-list[data-file-name$='.docx'] .e-file-name::before {
  background-image: url('/assets/images/newDesignSignaturit/files/icon-microsoft-word.svg') !important;
}

[id^='e-dropdown-btn_'][id$='-popup'] ul {
  max-height: 230px !important;
  overflow: auto !important;
  scrollbar-width: thin;
  scrollbar-color: #b2bad6 transparent !important;
}

[id^='e-dropdown-btn_'][id$='-popup'] ul::-webkit-scrollbar {
  width: 4px !important;
}

[id^='e-dropdown-btn_'][id$='-popup'] ul::-webkit-scrollbar-track {
  background: transparent !important;
}

[id^='e-dropdown-btn_'][id$='-popup'] ul::-webkit-scrollbar-thumb {
  background: #e5e8f1 !important;
  border-radius: 4px !important;
}

[id^='e-dropdown-btn_'][id$='-popup'] ul::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8 !important;
}

#message-list [id^='grid-column'][id*='-flmdlg'],
.e-footer-content {
  border-radius: 4px !important;
}

#message-list [id^='grid-column'][id*='-flmdlg'] .e-ddl {
  width: 100% !important;
}

#message-list .e-grid .e-filtered::before {
  content: '\eaa3';
}

#message-list .e-pager .e-pagerdropdown {
  margin-top: 0 !important;
  vertical-align: sub !important;
  height: auto !important;
}

.e-dropdown-popup ul {
  border-radius: 4px !important;
}

#message-list input.e-input::selection,
textarea.e-input::selection,
.e-input-group input.e-input::selection,
.e-input-group.e-control-wrapper input.e-input::selection,
.e-float-input input::selection,
.e-float-input.e-control-wrapper input::selection,
.e-input-group textarea.e-input::selection,
.e-input-group.e-control-wrapper textarea.e-input::selection,
.e-float-input textarea::selection,
.e-float-input.e-control-wrapper textarea::selection {
  background: #f6ccd1;
  color: black;
}

#message-list .e-dropdown-btn:focus,
.e-dropdown-btn.e-btn:focus {
  padding: 4px;
}

#message-list .e-grid .e-print::before {
  content: '\e9b9';
  font-family: 'lf-font' !important;
}

#message-list .e-grid .e-pdfexport::before {
  content: '\e94f';
  font-family: 'lf-font' !important;
}

#message-list .e-grid .e-excelexport::before {
  content: '\e955';
  font-family: 'lf-font' !important;
}

#message-list
  .e-date-wrapper
  span.e-input-group-icon.e-date-icon.e-icons.e-active {
  color: #001970 !important;
}

#message-list .e-calendar .e-content td.e-focused-date.e-today span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
  background: #eee !important;
  border: 1px solid #001970 !important;
  color: #001970 !important;
}

#message-list .e-calendar .e-content td.e-today.e-selected span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
  background-color: #001970 !important;
  border: 1px solid #001970 !important;
  box-shadow: inset 0 0 0 2px #fff !important;
  color: #fff !important;
}

#message-list .e-calendar .e-content td.e-selected span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
  background-color: #001970 !important;
  border: 1px solid #001970 !important;
  box-shadow: inset 0 0 0 2px #fff !important;
  color: #fff !important;
}

#message-list .e-calendar .e-content td.e-today span.e-day,
.e-calendar .e-content td.e-focused-date.e-today span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-today span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
  background: none !important;
  border: 1px solid #001970 !important;
  border-radius: 50% !important;
  color: #001970 !important;
}

#message-list .e-calendar .e-content td.e-today.e-selected:hover span.e-day,
.e-calendar .e-content td.e-selected:hover span.e-day,
.e-calendar .e-content td.e-selected.e-focused-date span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day,
.e-bigger.e-small
  .e-calendar
  .e-content
  td.e-selected.e-focused-date
  span.e-day {
  background-color: #001970 !important;
  color: #fff !important;
}

#message-list .e-calendar .e-content td.e-today:hover span.e-day,
.e-calendar .e-content td.e-focused-date.e-today:hover span.e-day,
.e-calendar .e-content td.e-focused-date.e-today:focus span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-today:hover span.e-day,
.e-bigger.e-small
  .e-calendar
  .e-content
  td.e-focused-date.e-today:hover
  span.e-day,
.e-bigger.e-small
  .e-calendar
  .e-content
  td.e-focused-date.e-today:focus
  span.e-day {
  background-color: #eee !important;
  color: #001970 !important;
}

#message-list .e-btn .e-btn-icon,
.e-css.e-btn .e-btn-icon {
  margin-top: 0;
  margin-left: 15px;
  width: 100%;
  height: 18px;
  text-align: right;
}

#message-list .e-grid .e-toolbar {
  background: #fff;
  border: 0;
}

#message-list
  [type='checkbox']:indeterminate
  + span:not(.lever___3ADj_):before {
  transform: rotate(1deg);
  top: 2px;
  left: 2px;
  border: none;
  margin-top: 2px;
}

#message-list [type='checkbox']:checked + span:not(.lever___3ADj_):before {
  transform: rotate(6deg);
  top: 2px;
  left: -1px;
  border: none;
  margin-top: 2px;
}

#message-list .e-dropdown-popup ul .e-item .e-menu-icon {
  font-weight: bold;
  color: #001970 !important;
}

#message-list [type='checkbox'] + span:not(.lever):before {
  top: 1px;
  left: -1px;
  border: none;
  margin-top: 2px;
}

#message-list #infoDialog,
#confirmDialog,
#infoDialog2 {
  max-height: 927px;
  width: 300px;
  left: 770px;
  z-index: 1001;
}

#confirmDialog #confirmDialog_dialog-header,
#confirmDialog_title,
#confirmDialog_dialog-content,
#confirmDialog .e-footer-content {
  background: #001970 !important;
  color: #fff !important;
  display: flex !important;
  width: auto !important;
}

#infoDialog_dialog-header,
#infoDialog_title,
#infoDialog_dialog-content,
#confirmDialog .e-footer-content {
  background: #001970 !important;
  color: #fff !important;
  display: flex !important;
}

#infoDialog2_dialog-header,
#infoDialog2_title,
#infoDialog2_dialog-content,
#confirmDialog .e-footer-content {
  background: #001970 !important;
  color: #fff !important;
  display: flex !important;
}

#confirmDialog #confirmDialog_dialog-header,
#confirmDialog_title,
#confirmDialog_dialog-content,
#confirmDialog .e-footer-content {
  background: #001970 !important;
  color: #fff !important;
  display: flex !important;
}

#confirmDialog .e-footer-content {
  justify-content: flex-end;
}

#info2Dialog > .e-footer-content:last-child {
  justify-content: flex-end;
}

#confirmDialog #confirmDialog_dialog-header,
#confirmDialog .e-dialog .e-icon-dlg-close::before {
  content: '\e7fc';
  position: relative;
  color: white;
  font-size: 15px;
}

#message-list #confirmDialog .e-btn.e-flat.e-primary {
  text-transform: uppercase;
  font-size: 13px;
  font-family: MTTMilano-Bold, Lato, Arial, sans-serif;
  letter-spacing: 0.7px;
  color: #001978 !important;
  padding: 10px;
  background-color: #fff;
  border-radius: 0 !important;
  border: 2px solid #fff !important;
  min-width: 80px;
}

#message-list #confirmDialog .e-btn.e-flat.e-primary:hover {
  background-color: #e5e8f1 !important;
  background: #e5e8f1 !important;
  color: #001978 !important;
}

#message-list #confirmDialog .e-btn.e-flat.e-primary:active {
  background-color: #e5e8f1 !important;
  background: #e5e8f1 !important;
  color: #001978 !important;
}

#message-list .e-emptyrow > td {
  text-align: center !important;
  padding: 30px !important;
  font-family: 'MTTMilano';
  font-size: 14px;
  color: #717171;
}

/* component menu-list */
#noServiceDialog #noServiceDialog_dialog-header,
#noServiceDialog_title,
#noServiceDialog_dialog-content,
#noServiceDialog .e-footer-content {
  background: #c5343f;
  color: #fff;
  display: flex;
}

/* component contacts  */

#main-contact
  .e-input-group.e-control-wrapper.e-ddl.e-lib.e-keyboard.e-valid-input {
  background: #ebedf4;
  border: none;
  height: 39px;
  padding: 5px 20px 0px 16px !important;
  font-weight: 700;
  font-family: 'MTTMilano';
  width: 76% !important;
}

#contactDialog_dialog-content {
  padding: 0px !important;
  overflow: hidden;
}

/* .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
    content: '\e90b';
    font-family: 'lf-font' !important;
    font-size: 15px;
} */

/*component message viewer*/
#infoDialog-viewer {
  max-height: 927px;
  width: 300px;
  left: 770px;
  z-index: 1001;
}

#infoDialog-viewer #infoDialog-viewer_dialog-header,
#infoDialog-viewer_title,
#infoDialog-viewer_dialog-content,
#infoDialog-viewer .e-footer-content {
  background: #001970;
  color: #fff;
  display: flex;
}

#infoDialog-viewer,
.e-dialog .e-dlg-content {
  font-size: 17.5px !important;
}

.e-btn .e-btn-icon.e-icon-right,
.e-css.e-btn .e-btn-icon.e-icon-right {
  display: none;
}

/* component message editor */
#info2Dialog {
  max-height: 927px;
  width: 60%;
  left: 20% !important;
  z-index: 1001;
}

#info2Dialog_dialog-header,
#info2Dialog_title,
#info2Dialog_dialog-content,
#info2Dialog.e-footer-content,
.e-footer-content {
  background: #001970;
  color: #fff;
  display: flex;
}

#rolDialog {
  position: absolute;
  max-height: 900px !important;
  max-width: 1445px;
}

#rolDialog .e-search-icon {
  border-left: 1px solid #b4b3b3 !important;
  padding-left: 8px !important;
}

#rolDialog_title {
  border: 0;
  width: 100% !important;
  color: #fff;
  font-family: MTTMilano;
  font-weight: 700;
  font-size: 18px;
  background-color: #001978;
  padding: 7px 20px;
  border-radius: 5px;
}

#rolDialog_dialog-header > button {
  display: none;
}

#rolDialog_dialog-header > button > span {
  color: #001978 !important;
}

.message-editor___1BSzC .header___2SVSM .address___2e6fn .chip___3gDJb {
  border-color: #001970 !important;
}

.message-editor___1BSzC .header___2SVSM .address___2e6fn .chip___3gDJb i {
  color: #001970;
}

.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
  margin-right: 0;
  margin-left: auto;
  color: #fff;
}

.e-btn.e-flat.e-primary {
  color: #fff !important;
}

.e-btn-icon .e-icon-dlg-close .e-icons {
  color: #fff;
}
.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
  margin-right: 0;
  margin-left: auto;
  color: #fff;
  height: 15px;
  background-color: transparent;
}

.e-dialog .e-icon-dlg-close::before {
  content: '\e7fc';
  position: relative;
  font-size: 15px;
}

#toolsRTE_2,
.e-control .e-focused .e-lib .e-richtexteditor {
  height: calc(100% - 20px) !important;
}

#toolsRTE_2rte-view {
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-top: 0;
}

#toolsRTE_2 .rte-placeholder {
  font-size: 16px;
  color: rgba(0, 0, 0, 1);
  font-family: inherit;
  font-style: normal;
  font-weight: normal;
}

#rolDialog_dialog-content {
  padding: 0px !important;
  overflow: hidden;
}

#rolDialog_dialog-content
  > div
  > div
  > table
  > tr
  > td:nth-child(4)
  > div
  > span {
  width: 100% !important;
  border: none;
  height: 2.5rem;
  padding: 5px;
}

#main-rol-selector
  .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before,
#main-rol-selector
  .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after,
#main-rol-selector
  .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(
    .e-float-input
  )::before,
#main-rol-selector
  .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(
    .e-float-input
  )::after {
  background: #001970;
}

#main-rol-selector {
  padding: 0 18px;
}

#main-rol-selector
  .e-input-group.e-control-wrapper.e-ddl.e-lib.e-keyboard.e-valid-input {
  border: none;
  padding: 5px;
  border: 1px solid #b4b3b3 !important;
  height: 40px !important;
  max-width: 220px !important;
  width: 100% !important;
}

[id$='_popup'] {
  width: 220px !important;
}

#main-rol-selector .e-control.e-dropdownlist.e-lib.e-input,
#main-contact .e-control.e-dropdownlist.e-lib.e-input {
  color: #717171 !important;
}

#main-rol-selector .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
  color: #001978;
}

#main-contact .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
  color: #001978;
}

#main-rol-selector .e-dropdownbase .e-list-item.e-active,
#main-rol-selector .e-dropdownbase .e-list-item.e-active.e-hover,
#main-contact .e-dropdownbase .e-list-item.e-active,
#main-contact .e-dropdownbase .e-list-item.e-active.e-hover {
  background-color: #eee;
  border-color: #fff;
  color: #001970;
}

#main-rol-selector .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before,
#main-contact .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
  content: '\e90b';
  font-family: 'lf-font' !important;
}

#contactDialog {
  top: 17% !important;
}

/*********************************************************************/
/* FRANCE */
/*********************************************************************/

#message-list-fr .e-grid.e-default tr td:first-child {
  background-color: #001b2d;
  color: white;
}

#info2Dialog-fr {
  max-height: 927px;
  width: 300px;
  z-index: 1001;
  left: 35% !important;
  position: absolute !important;
}

#info2Dialog-fr #info2Dialog-fr_dialog-header,
#info2Dialog-fr_title,
#info2Dialog-fr_dialog-content,
#info2Dialog-fr.e-footer-content,
#info2Dialog-fr .e-footer-content {
  background: #001b2d;
  color: #fff;
  display: flex;
}

#confirmDialog-fr .e-dlg-header {
  width: 1%;
}

#confirmDialog-fr #confirmDialog-fr_dialog-header,
#confirmDialog-fr .e-dialog .e-icon-dlg-close::before {
  content: '\e7fc';
  position: relative;
  color: white;
  font-size: 15px;
}

#confirmDialog-fr .e-btn.e-flat.e-primary {
  text-transform: uppercase;
  font-size: 13px;
  font-family: MTTMilano-Bold, Lato, Arial, sans-serif;
  letter-spacing: 0.7px;
  color: #001b2d !important;
  padding: 10px;
  background-color: #fff;
  border-radius: 0 !important;
  border: 2px solid #fff !important;
  min-width: 80px;
}

#confirmDialog-fr .e-btn.e-flat.e-primary:hover {
  background-color: #e5e8f1 !important;
  background: #e5e8f1 !important;
  color: #001b2d !important;
}

#confirmDialog-fr .e-btn.e-flat.e-primary:active {
  background-color: #e5e8f1 !important;
  background: #e5e8f1 !important;
  color: #001b2d !important;
}

/* Component Sibar */
#noSignaturesDialog-fr #noSignaturesDialog-fr_dialog-header,
#noSignaturesDialog-fr #noSignaturesDialog-fr_title,
#noSignaturesDialog-fr #noSignaturesDialog-fr_dialog-content,
#noSignaturesDialog-fr .e-footer-content {
  background: #e66558 !important;
  color: #fff !important;
  display: flex !important;
}

#noSignaturesDialog-fr .e-btn.e-flat.e-primary {
  color: #fff !important;
}

#sendingTypeDialog-fr {
  top: 17% !important;
}

#sendingTypeDialog-fr .e-dlg-header {
  width: 60% !important;
}

#sendingTypeDialog-fr #sendingTypeDialog-fr_dialog-header,
#sendingTypeDialog-fr #sendingTypeDialog-fr_title {
  background: #001b2d;
  color: #fff;
  font-size: 14px;
  padding-left: 22px;
  font-family: 'Poppins';
}

#sendingTypeDialog-fr #sendingTypeDialog-fr_dialog-header {
  padding: 24px !important;
}

#sendingTypeDialog-fr #sendingTypeDialog-fr_dialog-content {
  padding-top: 15px;
  padding-bottom: 30px;
}

#sendingTypeDialog-fr #sendingTypeDialog-fr_dialog-header > button > span {
  color: white;
  font-size: 12px;
}

/* Component message-list  */
#message-list-fr .e-headercell {
  background-color: #001b2d !important;
  color: white;
}

#message-list-fr
  div.e-gridheader.e-lib.e-droppable
  > div
  > table
  > thead
  > tr
  > th.e-headercell.e-defaultcursor {
  position: static;
  border-right: 1px solid;
}

#message-list-fr
  .bola-firmantes.en-progreso
  .e-dropdown-btn.e-dropdown-btn.e-btn {
  border-radius: 20px;
  color: #fff;
  padding: 3px 15px;
  cursor: pointer;
  background: #f6a86e;
}

#message-list-fr
  .bola-firmantes.completada
  .e-dropdown-btn.e-dropdown-btn.e-btn {
  border-radius: 20px;
  color: #fff;
  padding: 3px 15px;
  cursor: pointer;
  background: #44aa8d;
}

#message-list-fr
  .bola-firmantes.cancelada
  .e-dropdown-btn.e-dropdown-btn.e-btn {
  border-radius: 20px;
  color: #fff;
  padding: 3px 15px;
  cursor: pointer;
  background: #e66558;
}

#message-list-fr .bola-firmantes.gray .e-dropdown-btn.e-dropdown-btn.e-btn {
  border-radius: 100px;
  color: #434246;
  padding: 4px 9px;
  cursor: pointer;
  background: #cfced3;
}

#message-list-fr .e-dialog .e-footer-content {
  background: white !important;
  justify-content: flex-end;
}

#message-list-fr
  .e-grid
  .e-gridheader
  .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop) {
  color: #fff;
}

#message-list-fr .e-dropdownbase .e-list-item.e-active.e-hover {
  color: #001b2d !important;
}

#message-list-fr .e-checkboxfilter.e-popup.e-dialog {
  top: 15% !important;
}

#message-list-fr .e-checkboxfilter .e-footer-content {
  background: #fff;
}

#message-list-fr .e-dropdownbase .e-list-item.e-active.e-hover {
  color: #001b2d !important;
}

#message-list-fr
  .e-toolbar
  .e-toolbar-items
  .e-toolbar-item
  .e-tbar-btn.e-btn.e-tbtn-txt
  .e-icons.e-btn-icon {
  padding: 0;
  color: #001b2d;
}

#message-list-fr .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
  color: #001b2d;
}

#message-list-fr .e-toolbar .e-input-group .e-search .e-input {
  height: 0rem;
  border-bottom: 0px solid #9e9e9e;
}

#message-list-fr
  .e-toolbar
  .e-toolbar-items
  .e-toolbar-item
  .e-tbar-btn.e-btn.e-tbtn-txt
  .e-icons.e-btn-icon {
  color: #fbfbfb;
}

#message-list-fr
  .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before,
.e-input-group:not(.e-float-icon-left):not(.e-float-input)::after,
.e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,
.e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after,
.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(
    .e-float-input
  )::before,
.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(
    .e-float-input
  )::after,
.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input)
  .e-input-in-wrap::before,
.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input)
  .e-input-in-wrap::after {
  background: #001b2d !important;
}

#message-list-fr .e-grid input:not([type]),
input[type='search']:not(.browser-default___2ZECf) {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  outline: none !important;
  height: 0rem !important;
  width: 100% !important;
  font-size: 16px;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  box-sizing: content-box !important;
  transition: box-shadow 0.3s, border 0.3s !important;
  padding-top: 3px !important;
}

#message-list-fr
  .e-input-group:not(.e-success):not(.e-warning):not(.e-error)
  input.e-input:focus {
  border-bottom: none;
  box-shadow: none;
}

#message-list-fr .e-toolbar .e-toolbar-items {
  display: inline-block;
  height: 100%;
  min-height: 53px;
  vertical-align: middle;
}

#message-list-fr .e-btn-icon .e-icon-dlg-close .e-icons {
  color: #fff;
}

#message-list-fr .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
  margin-right: 0;
  margin-left: auto;
  color: #fff;
  height: 15px;
  background-color: transparent;
}

#message-list-fr .e-toolbar-right {
  right: 13% !important;
  display: table-column !important;
}

#message-list-fr .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left {
  left: auto;
  line-height: 47px !important;
}

#message-list-fr .e-toolbar-left {
  right: 0 !important;
  background-color: #dde0df;
  height: 100% !important;
  top: 2px !important;
  border-top-left-radius: 23px;
  border-bottom-left-radius: 23px;
}

#message-list-fr .e-tbar-btn-text {
  display: none !important;
}

#message-list-fr
  .e-toolbar
  .e-toolbar-items
  .e-toolbar-left
  .e-toolbar-item:first-child {
  margin-left: 15px;
}

#message-list-fr
  .e-toolbar
  .e-toolbar-items
  .e-toolbar-left
  .e-toolbar-item:nth-child(3) {
  margin-right: 15px;
}

#message-list-fr .e-toolbar .e-tbar-btn {
  background: #001b2d;
  border-radius: 15px;
}

#message-list-fr .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
  height: calc(100% - 15px);
  padding: 0 3.5px;
}

#message-list-fr .e-grid {
  border: 1px solid #001b2d;
  border-top: 6px solid #001b2d;
  font-family: 'Arial Regular';
}

#message-list-fr
  .e-grid
  .e-toolbar-items
  .e-toolbar-item.e-search-wrapper
  .e-search
  .e-search-icon {
  min-width: 29px !important;
  border-left: 1px solid #b4b3b3 !important;
  font-size: 16px !important;
}

#message-list-fr .e-search {
  border: 1px solid #001b2d !important;
  height: 32px;
  padding: 1px;
  padding-left: 4px;
}

#message-list-fr .e-grid .e-content {
  overflow-y: hidden !important;
}

#message-list-fr .e-toolbar .e-tbar-btn:hover {
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.12);
}

#message-list-fr .e-toolbar .e-tbar-btn:focus {
  border-radius: 14px;
}

#message-list-fr .e-toolbar .e-tbar-btn:active {
  border-radius: 14px;
}

#message-list-fr .e-btn.e-icon-btn {
  background-color: transparent !important;
  width: 100%;
  margin: auto;
  height: 47px;
  position: relative;
}

#message-list-fr .e-grid .e-rowcell:first-child,
.e-grid .e-summarycell:first-child {
  padding: 1px;
}

#message-list-fr .e-dropdown-btn .e-btn-icon,
.e-dropdown-btn.e-btn .e-btn-icon {
  color: white;
}

#message-list-fr .e-btn:active .e-btn-icon {
  /* color: #001B2D !important; */
  color: grey !important;
}

#message-list-fr .e-btn:focus .e-btn-icon {
  color: grey !important;
}

#message-list-fr .e-btn:hover .e-btn-icon {
  color: grey !important;
}

#message-list-fr .e-grid .e-gridheader tr th:first-child {
  padding: 0;
}

#message-list-fr
  .e-grid.e-gridhover
  tr[role='row']:not(.e-editedrow):hover
  .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(
    .e-updatedtd
  ):not(.e-indentcell)
  .e-btn-icon {
  color: grey !important;
}

#message-list-fr .e-pager .e-currentitem,
.e-pager .e-currentitem:hover {
  background: transparent;
  color: #001b2d;
  opacity: 1;
  border-bottom: 3px solid #001b2d;
  border-radius: 1px;
}

#message-list-fr .e-pager .e-numericitem {
  line-height: 0.5;
  min-width: 16px;
  font-size: 14px;
}

#message-list-fr .e-pager div.e-icons {
  color: #001b2d;
}

#message-list-fr
  .e-input-group.e-control-wrapper.e-alldrop.e-ddl.e-lib.e-keyboard.e-valid-input {
  color: #001b2d !important;
  border-color: azure !important;
  width: 70% !important;
}

#message-list-fr .e-input-group .e-input-group-icon:last-child {
  color: #001b2d;
}

#message-list-fr .e-pager .e-pagerconstant {
  margin: 1px;
}

#message-list-fr .e-pager div.e-parentmsgbar {
  font-family: MTTMilano;
}

#message-list-fr .e-grid .e-icon-filter::before {
  font-family: 'lf-font' !important;
  content: '\e95e';
  color: #fff;
  font-size: 12px;
}

#message-list-fr .e-grid .e-filtered::before {
  content: '\eaa3';
}

#message-list-fr .e-pager .e-pagerdropdown {
  margin-top: 0 !important;
  vertical-align: sub !important;
  height: 35px !important;
}

#message-list-fr input.e-input::selection,
textarea.e-input::selection,
.e-input-group input.e-input::selection,
.e-input-group.e-control-wrapper input.e-input::selection,
.e-float-input input::selection,
.e-float-input.e-control-wrapper input::selection,
.e-input-group textarea.e-input::selection,
.e-input-group.e-control-wrapper textarea.e-input::selection,
.e-float-input textarea::selection,
.e-float-input.e-control-wrapper textarea::selection {
  background: #f6ccd1;
  color: black;
}

#message-list-fr .e-dropdown-btn:focus,
.e-dropdown-btn.e-btn:focus {
  padding: 4px;
}

#message-list-fr .e-grid .e-print::before {
  content: '\e9b9';
  font-family: 'lf-font' !important;
}

#message-list-fr .e-grid .e-pdfexport::before {
  content: '\e94f';
  font-family: 'lf-font' !important;
}

#message-list-fr .e-grid .e-excelexport::before {
  content: '\e955';
  font-family: 'lf-font' !important;
}

#message-list-fr
  .e-date-wrapper
  span.e-input-group-icon.e-date-icon.e-icons.e-active {
  color: #001b2d !important;
}

#message-list-fr .e-calendar .e-content td.e-focused-date.e-today span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
  background: #eee !important;
  border: 1px solid #001b2d !important;
  color: #001b2d !important;
}

#message-list-fr .e-calendar .e-content td.e-today.e-selected span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
  background-color: #001b2d !important;
  border: 1px solid #001b2d !important;
  box-shadow: inset 0 0 0 2px #fff !important;
  color: #fff !important;
}

#message-list-fr .e-calendar .e-content td.e-selected span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
  background-color: #001b2d !important;
  border: 1px solid #001b2d !important;
  box-shadow: inset 0 0 0 2px #fff !important;
  color: #fff !important;
}

#message-list-fr .e-calendar .e-content td.e-today span.e-day,
.e-calendar .e-content td.e-focused-date.e-today span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-today span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
  background: none !important;
  border: 1px solid #001b2d !important;
  border-radius: 50% !important;
  color: #001b2d !important;
}

#message-list-fr .e-calendar .e-content td.e-today.e-selected:hover span.e-day,
.e-calendar .e-content td.e-selected:hover span.e-day,
.e-calendar .e-content td.e-selected.e-focused-date span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day,
.e-bigger.e-small
  .e-calendar
  .e-content
  td.e-selected.e-focused-date
  span.e-day {
  background-color: #001b2d !important;
  color: #fff !important;
}

#message-list-fr .e-calendar .e-content td.e-today:hover span.e-day,
.e-calendar .e-content td.e-focused-date.e-today:hover span.e-day,
.e-calendar .e-content td.e-focused-date.e-today:focus span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-today:hover span.e-day,
.e-bigger.e-small
  .e-calendar
  .e-content
  td.e-focused-date.e-today:hover
  span.e-day,
.e-bigger.e-small
  .e-calendar
  .e-content
  td.e-focused-date.e-today:focus
  span.e-day {
  background-color: #eee !important;
  border: 1px solid #001b2d !important;
  color: #001b2d !important;
}

#message-list-fr .e-btn .e-btn-icon,
.e-css.e-btn .e-btn-icon {
  margin-top: 0;
  width: 100%;
  height: 13px;
}

#message-list-fr .e-grid .e-toolbar {
  margin-bottom: 7px;
}

#message-list-fr
  [type='checkbox']:indeterminate
  + span:not(.lever___3ADj_):before {
  transform: rotate(1deg);
  top: 2px;
  left: 2px;
  border: none;
  margin-top: 2px;
}

#message-list-fr [type='checkbox']:checked + span:not(.lever___3ADj_):before {
  transform: rotate(6deg);
  top: 2px;
  left: -1px;
  border: none;
  margin-top: 2px;
}

#message-list-fr [type='checkbox'] + span:not(.lever):before {
  top: 2px;
  left: -1px;
  border: none;
  margin-top: 2px;
}

#message-list-fr #infoDialog-fr,
#confirmDialog-fr,
#infoDialog-fr2 {
  max-height: 927px;
  width: 300px;
  left: 770px;
  z-index: 1001;
}

#confirmDialog-fr #confirmDialog-fr_dialog-header,
#confirmDialog-fr_title,
#confirmDialog-fr_dialog-content,
#confirmDialog-fr .e-footer-content {
  background: #001b2d !important;
  color: #fff !important;
  display: flex !important;
  width: auto !important;
}

#infoDialog-fr_dialog-header,
#infoDialog-fr_title,
#infoDialog-fr_dialog-content,
#confirmDialog-fr .e-footer-content {
  background: #001b2d !important;
  color: #fff !important;
  display: flex !important;
}

#infoDialog-fr2_dialog-header,
#infoDialog-fr2_title,
#infoDialog-fr2_dialog-content,
#confirmDialog-fr .e-footer-content {
  background: #001b2d !important;
  color: #fff !important;
  display: flex !important;
}

#confirmDialog-fr #confirmDialog-fr_dialog-header,
#confirmDialog-fr_title,
#confirmDialog-fr_dialog-content,
#confirmDialog-fr .e-footer-content {
  background: #001b2d !important;
  color: #fff !important;
  display: flex !important;
}

#confirmDialog-fr .e-footer-content {
  justify-content: flex-end;
}

#confirmDialog-fr #confirmDialog-fr_dialog-header,
#confirmDialog-fr .e-dialog .e-icon-dlg-close::before {
  content: '\e7fc';
  position: relative;
  color: white;
  font-size: 15px;
}

#confirmDialog-fr .btn-modal-close {
  text-transform: uppercase;
  font-size: 13px;
  font-family: MTTMilano-Bold, Lato, Arial, sans-serif;
  letter-spacing: 0.7px;
  color: #fff !important;
  padding: 10px;
  background-color: #001b2d !important;
  min-width: 80px;
  border-radius: 0 !important;
  border: 2px solid #fff !important;
}

#message-list-fr #confirmDialog-fr .e-btn.e-flat.e-primary {
  text-transform: uppercase;
  font-size: 13px;
  font-family: MTTMilano-Bold, Lato, Arial, sans-serif;
  letter-spacing: 0.7px;
  color: #001b2d !important;
  padding: 10px;
  background-color: #fff;
  border-radius: 0 !important;
  border: 2px solid #fff !important;
  min-width: 80px;
}

#message-list-fr #confirmDialog-fr .e-btn.e-flat.e-primary:hover {
  background-color: #e5e8f1 !important;
  background: #e5e8f1 !important;
  color: #001b2d !important;
}

#message-list-fr #confirmDialog-fr .e-btn.e-flat.e-primary:active {
  background-color: #e5e8f1 !important;
  background: #e5e8f1 !important;
  color: #001b2d !important;
}
/* component menu-list */
#noServiceDialog-fr #noServiceDialog-fr_dialog-header,
#noServiceDialog-fr_title,
#noServiceDialog-fr_dialog-content,
#noServiceDialog-fr .e-footer-content {
  background: #e66558;
  color: #fff;
  display: flex;
}

/* component contacts  */

#main-contact-fr
  .e-input-group.e-control-wrapper.e-ddl.e-lib.e-keyboard.e-valid-input {
  background: #ebedf4;
  border: none;
  height: 39px;
  padding: 5px 20px 0px 16px !important;
  font-weight: 700;
  font-family: 'MTTMilano';
  width: 76% !important;
}

/*component message viewer*/
#infoDialog-fr-viewer {
  max-height: 927px;
  width: 300px;
  left: 770px;
  z-index: 1001;
}

#infoDialog-fr-viewer #infoDialog-fr-viewer_dialog-header,
#infoDialog-fr-viewer_title,
#infoDialog-fr-viewer_dialog-content,
#infoDialog-fr-viewer .e-footer-content {
  background: #001b2d;
  color: #fff;
  display: flex;
}

#infoDialog-fr-viewer,
.e-dialog .e-dlg-content {
  font-size: 17.5px !important;
}

/* component message editor */
#info2Dialog-fr {
  max-height: 927px;
  width: 60%;
  left: 20% !important;
  z-index: 1001;
}

#info2Dialog-fr_dialog-header,
#info2Dialog-fr_title,
#info2Dialog-fr_dialog-content,
#info2Dialog-fr.e-footer-content,
.e-footer-content {
  background: #001b2d;
  color: #fff;
  display: flex;
}

#rolDialog-fr {
  top: 20% !important;
}

#rolDialog-fr_title {
  width: 40% !important;
  color: #001b2d;
  font-weight: bold;
  font-size: 15px;
  font-family: 'Poppins';
}

#rolDialog-fr_dialog-header > button {
  margin-right: 10px;
}

#rolDialog-fr_dialog-header > button > span {
  color: #001b2d !important;
}

#main-rol-selector-fr
  .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before,
#main-rol-selector-fr
  .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after,
#main-rol-selector-fr
  .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(
    .e-float-input
  )::before,
#main-rol-selector-fr
  .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(
    .e-float-input
  )::after {
  background: #001b2d;
}

#main-rol-selector-fr
  .e-input-group.e-control-wrapper.e-ddl.e-lib.e-keyboard.e-valid-input {
  background: #ebedf4;
  border: none;
  height: 2.5rem;
  padding: 5px;
  font-weight: 700;
}

#main-rol-selector-fr .e-control.e-dropdownlist.e-lib.e-input,
#main-contact-fr .e-control.e-dropdownlist.e-lib.e-input {
  color: #001b2d !important;
}

#main-rol-selector-fr
  .e-ddl.e-input-group.e-control-wrapper
  .e-ddl-icon::before {
  color: #001b2d;
}

#main-contact-fr .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
  color: #001b2d;
}

#main-rol-selector-fr .e-dropdownbase .e-list-item.e-active,
#main-rol-selector-fr .e-dropdownbase .e-list-item.e-active.e-hover,
#main-contact-fr .e-dropdownbase .e-list-item.e-active,
#main-contact-fr .e-dropdownbase .e-list-item.e-active.e-hover {
  background-color: #eee;
  border-color: #fff;
  color: #001b2d;
}

#main-rol-selector-fr
  .e-ddl.e-input-group.e-control-wrapper
  .e-ddl-icon::before,
#main-contact-fr .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
  content: '\e90b';
  font-family: 'lf-font' !important;
}

#message-list-fr .e-dropdown-popup ul .e-item {
  font-weight: bold;
  color: #001b2d;
}

#message-list .e-dropdown-popup ul .e-item .e-menu-icon {
  font-weight: bold;
  color: #001b2d !important;
}

/*component message viewer*/
#infoDialog-viewer-fr {
  max-height: 927px;
  width: 300px;
  left: 770px;
  z-index: 1001;
}

#infoDialog-viewer-fr #infoDialog-viewer-fr_dialog-header,
#infoDialog-viewer-fr_title,
#infoDialog-viewer-fr_dialog-content,
#infoDialog-viewer-fr .e-footer-content {
  background: #001b2d;
  color: #fff;
  display: flex;
}

#infoDialog-viewer-fr,
.e-dialog .e-dlg-content {
  font-size: 17.5px !important;
}
