.card {
    border-radius: 8px;
}
.card-header {
    font-family: 'latoregular';
    font-size: 16px;
    font-weight: bold;
}

/**/
.barraDesplazamiento::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
}
.barraDesplazamiento::-webkit-scrollbar-thumb {
    background-color: #bbbbbb;
    border-radius: 20px;
    border: 1px solid #f1f2f3;
}
.barraDesplazamiento::-webkit-scrollbar-track {
    background: #f5f5f5;
}


/****************************************************/
.container-sidenav {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.content-sidenav {
    padding: 10px 20px;
}

.menu-sidenav {
    background: #555555;
    padding-bottom: 20px;
}

.container-menu {
    padding: 10px 20px;
}


/****************************************************/
/*Contenedor de la lista de correos*/
.container-tabla-correo {
    height: 547px;
    overflow-y: auto;
    overflow-x: hidden;
}

/**/
.importanteCorreo {
    text-align: center;
    min-width: 36px;
    max-width: 36px;
}

/*Si esta en atenci�n el correo*/
.situacionCorreo {
    font-size: 11px;
    background-color: #008000;
    border-radius: 4px;
    color: white;
    padding: 1px 12px;
}

/*Filtro de búsqueda*/
.filtroBusqueda {
    background: #fa4242;
    color: #000000;
    border: 0px;
}
.filtroBusqueda::placeholder {
    color: #333333;
    font-style: italic;
}

/*Sombreado en la lista de correos*/
.correoAtendido {
    background-color: #00ff90;
}
.correoSeleccionado {
  background: #ceff55;
}
/****************************************************/
/*Para la vista del contenido del correo*/
.container-card {
    padding: 0px;
    height: 603px;
}
.container-card-botton {
    padding: 10px !important;
    border-bottom: 1px solid #dee2e6;
}
.container-card-botton-disabled .btn {
    pointer-events: none;
    color: #bbbbbb;
}
.container-card-header {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 15px !important;
    border-bottom: 1px solid #dee2e6;
}
.container-card-content {
    padding: 15px;
}
.card-title-correo {
    margin-bottom: 6px !important;
    font-size: 16px !important;
    font-weight: bold;
}
.card-subtitle-correo {
    font-size: 12px;
    margin-bottom: 6px !important;
}

.container-card-botton .btn-success {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.container-card-botton .btn-light {
    padding-left: 8px !important;
    padding-right: 8px !important;
    background: #ffffff;
}
.container-card-botton .btn-light:hover {
    background: #eeeeee;
}
.container-card-botton .btn-light .fa {
    margin: 0px !important;
}
  .container-card-botton .btn-light:disabled {
    background: #ffffff;
  }

.contenidoCorreo {
    line-height: 22px;
    max-height: 530px;
    width: 100%;
    max-width: 880px;
    overflow-y: auto;
    display: block;
    resize: none;
}

.contenidoMensaje {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 22px;
    padding: 0px;
    border: 0px;
    margin-left: 0px;
    display: block;
    resize: none;
    word-wrap: break-word;
    text-align:justify;
    justify-content:normal;
}


.format-png, .format-jpg, .format-ppt, .format-xlsx, .format-xls, .format-doc, .format-docx, .format-pdf, .format-rar, .format-zip, .format-msg, .format-text, .format-html {
    width: 32px;
    height: 32px;
    text-align: center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    float:left;
    margin-right: 5px;
    margin-bottom: 5px;
}
.format-png {
    background-image: url('../imgs/icons/format_png.png'); 
}
.format-jpg {
    background-image: url('../imgs/icons/format_jpg.png'); 
}
.format-ppt {
    background-image: url('../imgs/icons/format_ppt.png'); 
}
.format-xlsx {
    background-image: url('../imgs/icons/format_xlsx.png'); 
}
.format-xls {
    background-image: url('../imgs/icons/format_xls.png'); 
}
.format-doc {
    background-image: url('../imgs/icons/format_doc.png'); 
}
.format-docx {
    background-image: url('../imgs/icons/format_docx.png'); 
}
.format-pdf {
    background-image: url('../imgs/icons/format_pdf.png'); 
}
.format-rar {
    background-image: url('../imgs/icons/format_rar.png'); 
}
.format-zip {
    background-image: url('../imgs/icons/format_zip.png'); 
}
.format-msg {
    background-image: url('../imgs/icons/format_msg.png'); 
}
.format-text {
    background-image: url('../imgs/icons/format_text.png'); 
}
.format-html {
    background-image: url('../imgs/icons/format_html.png'); 
}




/*Editor de texto*/
:host ::ng-deep .ck.ck-editor__editable {
  height: 150px !important;
  text-align: justify !important;
}
.editorPorDefecto {
  font-size: 12px;
  font-family: Calibri;
  line-height: 1.15;
  display:block;
}


.mat-list-base {
  padding-top: 10px;
}
.mat-list-base .mat-list-item {
  height: 28px;
  color: #ffffff;
  margin: 0!important;
}