#emailspage #barrafolders{
    /* border-right: 2px solid #ccc;
     border-right: 2px solid #ccc;
     position: absolute;
     top: 30px;
     bottom: 0px;*/
    margin-top: 10px;
    margin-bottom: 10px;
}

#emailspage #barrafolders h6{
    display: inline;

}

@media only screen and (max-width: 600px) {
    #emailspage #barrafolders{
        position: relative;
    }
}

#emailspage #folders{
    padding-left: 15px;
}


#emailspage #folders li{
    /*padding: 5px;*/
    font-size: 13px;
}

#emailspage #folders li{
    cursor: pointer;
}


/* carpeta selecionada */
.folderopen{    
    background-color: #ccc;
    padding: 5px;
    border-radius: 5px;
}

/* carpeta selecionada botones */
.subfolder-buttons{
    display: none;

    background: #fff;
    padding: 1px 5px;
    border-radius: 5px;
    margin-left: 5px;
}

#emailspage #selectfolder{
    padding:2px;
    margin-left: 10px; 
}


.folder-buttons{
    margin-left: 5px;
}


#emailspage #vista-emails{
    /*    position: absolute;
        height: 100%;
        width: 100%;
        right:0px;   */
    /*position: fixed;
        overflow-y: auto;
        width: 95%;*/
    /*height: -webkit-fill-available;*/

}

#emailspage #vista-emails .emails-table table.views-table{
    /*height: 1000px;*/
}
/*
#emailspage #vista-emails .emails-table table tbody{    
    position: fixed !important;
    overflow-y: scroll !important;
    width: 95% !important;
    height: -webkit-fill-available !important;
    display: block !important;
    padding-bottom: 350px;
}



#emailspage #vista-emails .emails-table #emails-edit-icons tbody,
#emailspage #vista-emails .emails-table #emails-mark-icons tbody{
    position: unset !important;
    overflow-y: unset !important;
    width: 95% !important;
    height: unset !important;
    display: unset !important;
}*/

#emailspage form{
    background: none;
}

#emailspage #edit-actions{
    clear: unset; 
}

#emailspage [id^='edit-actions']{
    clear: unset;
}

#emailspage .views-exposed-form .form-actions{
    margin: 0px;
}
/* table tr */

#emailspage .procesado-No{
    font-weight: bold;    
}

#emailspage .procesado-Si{
}


/* TABLE EMAILS */

#emailspage .table{
    font-size: 12px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

#emailspage .table-striped tbody tr:nth-of-type(odd) {
    background: none !important;
}

#emailspage thead{
    background-color: #f2f2f2;
    position: sticky;
    top: 0;
}

#emailspage .table th,
#emailspage .table td {
    padding: 2px;
}

#emailspage .table td {
    cursor: pointer;
}


#emailspage .dropdown{
    display: inline;
}
#emailspage .dropdown .dropdown-toggle{
    margin-left: -7px;
}

#emailspage .dropdown:hover>.dropdown-menu {
    display: block;
    margin-top: -3px;
}

#emailspage .dropdown-menu:hover {
    display: block;
    margin-top: -5px;
}

#emailspage .dropdown-menu a {
    cursor: pointer;
}

#emails-mark-icons tr,
#emails-mark-icons td,
#emails-edit-icons tr,
#emails-edit-icons td{
    background: none;
    border: none;

}

@media only screen and (max-width: 700px) {
    #emailspage .pager__items{
        padding-left: 0px !important;
    }
}

/* MODALES */

.modal.email {
    background-color: #fff;
    border-radius: 10px;
    margin-top: 5px;
    color: #fff;
    border: none !important;
    box-shadow: 2px 2px 5px rgb(68 68 68 / 60%);
    max-width: 1000px !important;
    width: 95% !important;
    /* max-height: 720px !important;
    height: 100% !important;*/
}

@media only screen and (max-width: 700px) {
    .modal.email {
        overflow-y: scroll;                
        max-width: 1000px !important;
        width: 95% !important;  
        height: 95% !important;  
    }
    .modal.email .ui-dialog-content{    
        max-height: 100% !important;
    }
}


.modal.filtros{
    width: 600px !important;
}
.modal.filtros .ui-dialog-title{
    visibility: hidden;
}

.modal.filtros .ui-dialog-title:after {
    content: 'Filtros';
    visibility:visible;
    margin-left: -40px;
}


#emailspage #emailcontent{
    /*    top:0px;
        bottom: 0px;
        right: 0px;   
         background-color: yellow;
        position: absolute;
        max-width: 80%;*/
}

@media only screen and (max-width: 600px) {
    #emailspage #emailcontent{
        position: relative;
        max-width: 100%;
    }
}

/* PREVIEW EMAIL */
#emailspage .previewemail{
    display: none;
    background-color: #fff;
    /* overflow-y: scroll; */
    position: absolute;
    height: 100%;
    width: 100%;    
    padding: 5px 20px;
    z-index: 100;
    top: 0px;
    bottom: 0px;
    right: 0px;
    border: 4px solid #f2f2f2;


}

#emailspage .previewemail {
    font-family: Arial, Helvetica, sans-serif;
    /*line-height: unset !important;*/
}
#emailspage .previewemail p{

    /* line-height: 10px !important;*/
    margin: 10px 0px ;
}

#emailspage #resizable{
    border-bottom: solid 2px #ccc; 
    margin-bottom: 4px;
    overflow: hidden;
    min-height: 300px;
    /*    height: 200px;
        width: 100% !important;
        margin: -15px;
        position: absolute;
        bottom: 0px;
        top:0px*/

}
#emailspage th.views-field-emailiconsfield{
    padding-top: 5px !important;
}

#emailspage th.views-field-emailiconsfield #selectall{
    margin-left: 5px;
}


#emailspage .destacar{
    cursor: pointer;
    color: #000;
}

#emailspage #emails-edit-icons a{
    cursor: pointer;
}

#emailspage button{
    font-size: 13px;

}
#emailspage #email-botones{
    position: absolute;
    margin-bottom: 20px;
    z-index: 50;
    /*width: 95%;*/
    /*left:0px;   */
}

#emailspage .view-filters{
    /*position: absolute;
    left: 300px;*/
    margin-left: 300px;
}

@media only screen and (max-width: 600px) {
    #emailspage #email-botones{
        position: relative;
        margin-bottom: 20px;
        z-index: 50;
        width: 95%;
        right:0px;   
    }


    #emailspage .view-filters{
        margin-left: 0px;
        margin-top: 10px;
    }
}

#emailspage .view-filters form{
    padding: 0px;  
}
#emailspage .view-filters form .form-text{
    font-size: 13px;
    padding-left: 5px;
}

#emailspage .view-filters .form-item{
    margin-bottom: 5px;
}

#emailspage .view-filters .form-actions{
    display: inline;
}

#emailspage #rowseleccion button{    
    font-size: 13px !important;
    padding: 2px 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
}


#emailspage .view-content{
    /* margin-top: 30px;*/
    overflow-y: auto;
    margin-bottom: 15px;
}

#emailspage #email-contenido{
    overflow-y: auto;    
    width: 100%;
}

#emailspage #edit-header{
    display: none;
}

#emailspage .view-filters form #edit-submit-emails,
#emailspage .view-filters form .form-submit,
#emailspage .view-filters form .form-reset{
    vertical-align:top;
    font-size: 13px !important;
    padding: 2px 5px;


}

.emails-contenido .barragris,
#emailspage .previewemail .barragris{
    background-color: #f2f2f2;
}


.emails-contenido .email-buttons,
#emailspage .previewemail .email-buttons{
    text-align: right;
    padding-top: 5px;
}

.emails-contenido label,
#emailspage .previewemail label{
    font-size: 13px;
    color: #a7a7a7;
    padding: 0px;
    margin: 0px;
    margin-right: 5px;
}

.emails-contenido .email-header span,
#emailspage .previewemail .email-header span{
    font-size: 13px;
}

.emails-contenido #email-adjuntos .dropdown-toggle,
#emailspage .previewemail #email-adjuntos .dropdown-toggle{
    border-radius: 15px;
    border: 1px solid #ccc;
    background-color: #f2f2f2;
    margin-left: 5px;
    margin-right: 10px;
}
.emails-contenido #drupal-modal{
    padding: 0px 30px 30px 30px;
    border-radius: inherit;
    background-color: #fff;
}

.emails-contenido #email-adjuntos a{
    color: #0056b3;
}

.form-item-emailto,
.form-item-emailto-auto,
.form-item-emailcc-auto,
.form-item-emailbcc-auto{
    margin-bottom: 0px;
}

.form-item-emailto{
    margin-bottom: 0px;
}


.email-cc-boton{
    padding: 2px 5px;
    margin-right: 5px;
    font-size: 13px;  
    background-color: #f2f2f2;
    color: #000;
}

.email-cc-row.show{
    display: block;
}

.email-cc-row,
.email-bcc-row{
    display: none;
}

.email-asunto{
    margin-top: 10px;
}
div[id^='edit-ccontenido-0-format']{
    display: none;
}
/* adjunto quitar margin*/
details{
    margin: 0px;
}


/************************************************************/
/* Estilos para campo tagger busqueda email */
/*************************************************************/
.tagger {
    /*border: 1px solid #909497;*/

}
.tagger input[type="hidden"] {
    /* fix for bootsrap */
    /* display: none;*/
}
.tagger ul {
    display: none;
}

.tagger > ul {
    /* display: flex;*/
    width: 100%;
    align-items: center;
    padding: 4px 0;
    justify-content: space-between;
    box-sizing: border-box;
    height: auto;
    /*overflow: auto;*/
}
.tagger ul {
    margin: 0;
    list-style: none;
}
.tagger > ul > li {
    margin: .4rem 0;
    padding-left: 10px;
    display: inline-block;
}
.tagger > ul > li:not(.tagger-new) a,
.tagger > ul > li:not(.tagger-new) a:visited,
.tagger-new ul a,
.tagger-new ul a:visited {
    color: black;
}
.tagger > ul > li:not(.tagger-new) > a,
.tagger li:not(.tagger-new) > span,
.tagger .tagger-new ul {
    padding: 4px 4px 4px 8px;
    background: #B1C3D7;
    border: 1px solid #4181ed;
    border-radius: 3px;
}
.tagger li a.close {
    padding: 4px;
    margin-left: 4px;
    /* for bootsrap */
    float: none;
    filter: alpha(opacity=100);
    opacity: 1;
    font-size: 16px;
    line-height: 16px;
    cursor: pointer;
}
.tagger li a.close:hover {
    color: white;
}
.tagger li:not(.tagger-new) a {
    text-decoration: none;
}
.tagger .tagger-new input {
    border: none;
    outline: none;
    box-shadow: none;
    width: 100%;
    padding-left: 0;
    background: transparent;
    visibility: hidden;
}
.tagger .tagger-new {
    flex-grow: 1;
    position: relative;
}
.tagger .tagger-new ul {
    padding: 5px;
}
.tagger .tagger-completion {
    position: absolute;
    z-index: 51;
}
.tagger.wrap > ul {
    flex-wrap: wrap;
    justify-content: start;
}


.email-procesado {
    background-color: #009200;
    padding: 2px 5px;
    border-radius: 2px;
    color: #fff;
}

.email-no-procesado {
    background-color: #c53434;
    padding: 2px 5px;
    border-radius: 2px;
    color: #fff;
}

.tab-pane #emailspage {
    margin-top: 10px;
}

.tab-pane #vista-emails{
    position: absolute !important;
    height: 100%  !important;
    width: 95%  !important;    
    right: unset !important;
}


.tab-pane #emailspage .previewemail {
    display: none;
    background-color: #fff;
    overflow-y: scroll;
    position: relative; /*absolute*/
    height: 100%;
    width: 95% !important;    
    padding: 5px 20px;
    z-index: 100;
    top: unset !important;    
    bottom: unset !important;    
    right: unset !important;    
    border: 4px solid #f2f2f2;
}


.tab-pane #emailspage #email-botones {
    position: absolute;
    margin-bottom: 20px;
    z-index: 50;
    left: unset !important;
}


.tab-pane #emailspage .view-filters {
    margin-left: 120px;
}


.modal.email .dropdown-toggle{
    border-radius: 15px;
    border: 1px solid #ccc;
    background-color: #f2f2f2;
    margin-left: 5px;
    margin-right: 10px;
    height: 25px;
}

.modal.email #email-adjuntos a{
    color: #0056b3 !important;
}

.emails-add-form .checknotf,
.emails-add-form .checkrecibido,
.emails-add-form .checkleido{
    float: right;
    margin-right: 10px;
}

@media only screen and (max-width: 700px) {
    .emails-add-form .checknotf,
    .emails-add-form .checkrecibido,
    .emails-add-form .checkleido{
        float:none;
        display: block;
    } 
    .emails-add-form .checkleido{
        margin-top: 10px;
    }

}



#botonesenvioemail{
    float:right;
    padding-right: 30px;
    padding-top:20px; 
    padding-bottom:20px; 


}


.botonsubmitemails{
    visibility: hidden;
}

#botonvalidateemail{
    margin-right: 10px;
}