html {
}

body {
    height: 100%;
}

.cBody ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#aspnetForm {    height: 100%;
}

.cBody {
    height: calc(100% - 213px);
    padding: 0 32px 16px 32px;
    font-size: 14px;
}

.cBody[style*="height"] {
    height: calc(100% - 213px)!important;
}

#AreaPers {
    padding-top: 32px;
    height: 100%;
    box-sizing: border-box;
}

#AreaPers * {
    box-sizing: border-box;
}

#AreaPers b {
    font-weight: normal;
}

#AreaPers [id*="MyMetaAlertsAddButton"] {
    line-height: 32px;
    padding: 0 16px;
    display: inline-block;
    margin: 16px 0 0 0;
    font-weight: 100;
    font-size: 15px;
}

#AreaPers #cButtons {
}

#AreaPers .BackToMy {
    width: 800px;
    margin: 0 auto 16px auto;
}

#AreaPers #editor {
    display: none;
}

#AreaPers #AreaAux {
    height: 100%;
}

#AreaPers #divTabscButtons {
    height: 100%;
}

#AreaPers [type="text"], #AreaPers [type="password"], #AreaPers textarea, #AreaPers select {
}

#AreaPers [type="text"][disabled="disabled"]:hover, #AreaPers [type="password"][disabled="disabled"]:hover, #AreaPers textarea[disabled="disabled"]:hover, #AreaPers select[disabled="disabled"]:hover, #AreaPers [type="text"][disabled="disabled"]:focus, #AreaPers [type="password"][disabled="disabled"]:focus, #AreaPers textarea[disabled="disabled"]:focus, #AreaPers select[disabled="disabled"]:focus {
}

#AreaPers [type="text"]:hover, #AreaPers [type="password"]:hover, #AreaPers textarea:hover, #AreaPers select:hover, #AreaPers [type="text"]:focus, #AreaPers [type="password"]:focus, #AreaPers textarea:focus, #AreaPers select:focus {
}

#AreaPers .noAlerts {
    display: block;
    padding: 16px;
}

#AreaPers [action*="/APMyData.aspx"] {
}

#AreaPers [action*="/APMyData.aspx"] ~ #cTables {
}

#AreaPers [action*="/APMyData.aspx"] ~ #cTables #cIzq {
    display: none;
}

#AreaPers [action*="/APMyData.aspx"] ~ #cTables #cDch {
    float: none;
    width: 100%;
}

#AreaPers [action*="/APMyData.aspx"] ~ #cTables #dchSup {
    height: 0;
}

#AreaPers [action*="/APMyData.aspx"] ~ #cTables #dchCenter {
    height: auto!important;
    overflow-y: inherit;
}

#AreaPers [action*="/APMyData.aspx"] ~ #cTables #MyData {
    padding-left: 0;
    padding-right: 0;
}

#AreaPers [id*="Tree_"] [id*="ActionsFolders_"] .wkTreeNode {
    display: block;
}

#AreaPers [id*="Tree_"] [id*="ActionsFolders_"] .wkTreeNode ~ .wkTreeNode {
    margin-left: 0;
}

#AreaPers #newEmailDiv {
}

#AreaPers #newEmailDiv [type="button"] {
    height: 32px;
    color: #878787;
    background-color: #ebebeb;
    border: 1px solid #d9d9d9;
}

#AreaPers #newEmailDiv [type="button"]:hover {
    background-color: #d6d4d4;
}

#AreaPers #AreaPersDetalle {
    /**/
}

#AreaPers #AreaPersDetalle .wkTree {
    /**/
}

#AreaPers #AreaPersDetalle .wkTree a {
    /**/
}

@media (max-width: 767px) {
    #AreaPers #AreaPersDetalle .wkTree a {
        display: block;
    }
}

#AreaPers #AreaPersDetalle .alertMailControlContainer {
    border-top: 0px;
    margin-bottom: 27px;
}

#AreaPers #AreaPersDetalle .frequency {
    margin-bottom: 20px;
}

#AreaPers #AreaPersDetalle .frequency input {
    top: 0;
}

#AreaPers a[href*="UserAdmin.aspx"] {
    float: right;
    border: 0;
    padding: 0 16px;
    cursor: pointer;
    line-height: 32px;
    transition: background-color 0.1s ease-out;
    text-transform: uppercase;
    background-color: #85bc20;
    color: #fff;
    display: inline-block;
    margin-top: 16px;
}

#AreaPers a[href*="UserAdmin.aspx"]:hover, #AreaPers a[href*="UserAdmin.aspx"]:focus {
    background-color: #0089c3;
    text-decoration: none;
    color: #fff;
}

#AreaPers .alertMailControlContainer {
    float: right;
    width: 50%;
    padding-left: 16px;
}

@media (max-width: 767px) {
    #AreaPers .alertMailControlContainer {
        float: none;
        width: 100%;
        padding-left: 0;
    }
}

#AreaPers .alertMailControlContainer .data:after {
    content: "";
    clear: both;
    display: table;
}

#AreaPers .alertMailControlContainer .datasend {
    margin-top: 0;
    display: none;
}

#AreaPers .alertMailControlContainer #newEmailDiv {
    width: 50%;
    float: right;
    margin-top: -19px;
}

@media (max-width: 767px) {
    #AreaPers .alertMailControlContainer #newEmailDiv {
        width: 100%;
        float: none;
        margin-top: 16px;
    }
}

#AreaPers .alertMailControlContainer .left {
    width: 50%;
    float: left;
    margin-top: 0;
    color: #888;
}

@media (max-width: 767px) {
    #AreaPers .alertMailControlContainer .left {
        width: 100%;
        float: none;
    }
}

#AreaPers .AreaPers {
    /**/
}

#AreaPers .APAlertedMetadata {
    height: 100%;
}

#AreaPers .APAlertedMetadata #cIzq {
    /* display: none; */
}

#AreaPers .APAlertedMetadata #cDch {
    /* float: none; */
    /* width: 100%; */
    /* padding-right: 189px; */
}

@media (max-width: 767px) {
    #AreaPers .APAlertedMetadata #cDch {
        padding-right: 16px;
    }
}

#AreaPers .APAlertedMetadata #cDch td {
    /**/
}

#AreaPers .APAlertedMetadata #cDch td:first-child {
    padding: 8px 16px;
}

#AreaPers .APAlertedMetadata #dchCenter td {
    /**/
}

#AreaPers .APAlertedMetadata #dchCenter td:first-child {
    padding-top: 16px;
    padding-bottom: 16px;
}

#AreaPers .APAlertedMetadata #dchSup td {
    /**/
}

#AreaPers .APAlertedMetadata #dchSup td:first-child {
    /**/
}

#AreaPers .APsesiones {
    height: 100%;
}

#AreaPers .BackListUserAction {
    border: 0;
    padding: 0 16px;
    cursor: pointer;
    line-height: 32px;
    transition: background-color 0.1s ease-out;
    text-transform: uppercase;
    background-color: #85bc20;
    color: #fff;
    display: inline-block;
    position: absolute;
    right: 0;
    margin-top: 64px;
}

#AreaPers .BackListUserAction:hover, #AreaPers .BackListUserAction:focus {
    background-color: #0089c3;
    text-decoration: none;
    color: #fff;
}

#AreaPers .ButtonsUpdateAlert {
    clear: both;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    padding-top: 20px;
}

#AreaPers .ButtonsUpdateAlert a {
    display: block;
    float: left;
}

#AreaPers .CancelUserAction {
    border: 0;
    padding: 0 16px;
    cursor: pointer;
    line-height: 32px;
    transition: background-color 0.1s ease-out;
    text-transform: uppercase;
    background-color: #bfbfbf;
    color: #474747;
    display: inline-block;
    float: right;
}

#AreaPers .CancelUserAction:hover, #AreaPers .CancelUserAction:focus {
    background-color: #cccccc;
    text-decoration: none;
    color: #474747;
}

#AreaPers .cButtonsTabs {
    height: 100%;
}

#AreaPers .cTabsTabs {
    height: 100%;
}

#AreaPers .confirmuserdelete {
    border: 1px solid #85bc20;
    color: #85bc20;
    border-left-width: 50px;
    position: relative;
    padding: 16px;
}

#AreaPers .confirmuserdelete:before {
    content: '\e80d';
    font-size: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-family: "wk-icons";
    position: absolute;
    left: -36px;
    color: #fff;
}

#AreaPers .clearfix {
    clear: both;
}

#AreaPers .DataProtection {
    position: relative;
    padding-left: 24px;
    margin-top: 8px;
}

#AreaPers .DataProtection [type="checkbox"] {
    position: absolute;
    left: 0;
}

#AreaPers .DataProtection a {
    border: 0;
    padding: 0;
    line-height: inherit;
    transition: background-color 0.1s ease-out;
    text-transform: inherit;
    background-color: inherit;
    color: #85bc20;
    display: inline-block;
    width: auto;
    text-align: inherit;
}

#AreaPers .DataProtection label {
    margin-bottom: 0;
}

#AreaPers .DeleteUserAction {
    border: 0;
    padding: 0 16px;
    cursor: pointer;
    line-height: 32px;
    transition: background-color 0.1s ease-out;
    text-transform: uppercase;
    background-color: #e5202e;
    color: #fff;
    display: inline-block;
    float: right;
    margin-right: 8px;
}

#AreaPers .DeleteUserAction:hover, #AreaPers .DeleteUserAction:focus {
    background-color: #e83743;
    text-decoration: none;
    color: #fff;
}

#AreaPers .ExpandCollapse_DDTreeControlTree {
    display: none;
}

#AreaPers .DDTreeControlTreediv {
    height: 100%;
}

@media (max-width: 767px) {
    #AreaPers .DDTreeControlTreediv {
        height: auto;
    }
}

#AreaPers .DDTreeControlTree {
    height: calc(100% - 48px);
    overflow: auto;
}

@media (max-width: 767px) {
    #AreaPers .DDTreeControlTree {
        height: auto;
        overflow: inherit;
    }
}

#AreaPers .DDTreeControlTree ~ #ActionsFolders_MyQueries {
    height: 160px;
}

@media (max-width: 767px) {
    #AreaPers .DDTreeControlTree ~ #ActionsFolders_MyQueries {
        height: auto;
    }
}

#AreaPers [id^="Folders_"] {
    height: calc(100% - 112px);
    padding-left: 16px;
    overflow: inherit;
    max-height: 100%;
    border: 0;
}

@media (max-width: 1023px) {
    #AreaPers [id^="Folders_"] {
        height: auto;
    }
}

#AreaPers .eraseTraces {
    width: 32px;
    height: 32px;
    display: inline-block;
    text-align: center;
    line-height: 32px;
}

#AreaPers .eraseTraces:before {
    content: '\e866';
    font-family: "wk-icons";
    display: block;
    font-size: 20px;
    color: #e5202e;
}

#AreaPers .eraseTraces dfn {
    display: none;
}

#AreaPers .helpFormtooltip {
    /**/
}

#AreaPers .historicalEmails {
    /**/
}

#AreaPers .InscripicioncorrectaTitulo {
    /**/
}

#AreaPers .linkToChangePassword {
    /**/
}

#AreaPers .newEmailTitle {
    font-weight: bold;
}

#AreaPers .NoDeleteUser {
    display: none;
}

#AreaPers .MyData {
    /**/
}

#AreaPers .optionText {
    line-height: 32px;
    display: inline-block;
    color: #888;
}

#AreaPers .orden {
    font-weight: bold;
    margin-right: 8px;
    display: none;
}

#AreaPers [id^="ancAlertIcon_"] {
    text-decoration: none;
    float: left;
    margin-right: 8px;
}

#AreaPers [id^="ancAlertIcon_"]:after {
    content: '\e815';
    font-family: "wk-icons";
    font-weight: 100;
    color: #2698f8;
    font-size: 20px;
}

#AreaPers .PAConfiguration {
    clear: both;
    width: 100%;
    margin-bottom: 70px;
}

@media (max-width: 767px) {
    #AreaPers .PAConfiguration {
        margin-bottom: 64px;
    }
}

#AreaPers .PAConfiguration:before {
    content: "";
    display: block;
    margin-top: 32px;
}

#AreaPers .PAConfigurationButton {
    background-color: #3b74b9;
    color: #fff;
    margin-top: 32px;
    float: right;
    margin-left: 16px;
    padding-left: 16px;
    padding-right: 16px;
    line-height: 32px;
}

#AreaPers .PAConfigurationCancelButton {
    margin-top: 32px;
    float: right;
    padding-left: 16px;
    padding-right: 16px;
    line-height: 32px;
    height: 32px;
    color: #878787;
    background-color: #ebebeb;
    border: 1px solid #d9d9d9;
}

#AreaPers .PAConfigurationCancelButton:hover {
    background-color: #d6d4d4;
}

#AreaPers .resultsPerPage {
    float: left;
    width: 50%;
    padding-right: 16px;
    margin-top: 16px;
}

@media (max-width: 767px) {
    #AreaPers .resultsPerPage {
        float: none;
        width: 100%;
        padding-right: 0;
    }
}

#AreaPers .resultsPerPageTitle {
    margin-bottom: 8px;
    line-height: 16px;
    font-size:15px;
}

#AreaPers .searchPages {
    float: left;
    width: 50%;
    padding-right: 16px;
}

@media (max-width: 767px) {
    #AreaPers .searchPages {
        float: none;
        width: 100%;
        padding-right: 0;
    }
}

#AreaPers .searchPageTitle {
    margin-bottom: 8px;
    line-height: 16px;
    font-size: 15px;
}

#AreaPers .searchType {
    top: 3px;
    position: relative;
    margin-right: 8px;
}

#AreaPers .searchType ~ .searchType {
    margin-left: 16px;
}

#AreaPers .SiDeleteUser {
    display: none;
}

#AreaPers .TabsListSpinner {
    display: none;
}

#AreaPers .typesOfSearch {
    float: right;
    width: 50%;
}

@media (max-width: 767px) {
    #AreaPers .typesOfSearch {
        float: none;
        width: 100%;
        padding-left: 0;
        margin-top: 16px;
    }
}

#AreaPers .typesOfSearchTitle {
    margin-bottom: 8px;
    line-height: 16px;
    font-size: 15px;
}

#AreaPers .UpdateFormUserAction {
    display: none;
}

#AreaPers .ViewMyAlertsContent {
    /**/
}

#AreaPers .ViewMyAlertedMyMetadataContent {
    /**/
}

#AreaPers .ViewMyBoxContent {
    /**/
}

#AreaPers .ViewMyDataContent {
    /**/
}

#AreaPers .ViewMyDocumentsContent {
    /**/
}

#AreaPers .ViewMyHistoricalSessionsContent {
    /**/
}

#AreaPers .ViewMySearchesContent {
    /**/
}

#AreaPers .ViewMyAlertedDocumentsContent {
    /**/
}

#AreaPers .ViewMyAlertedSearchesContent {
    /**/
}

#AreaPers #AreaPers {
    height: 100%;
}

#AreaPers #AreaPers:after {
    content: "";
    clear: both;
    display: table;
}

#AreaPers #AreaPers #alertMailHistorydiv {
    /**/
}

#AreaPers #AreaPers #alertMailHistorydiv .titulo {
    line-height: 32px;
    padding: 0 16px;
}

#AreaPers #AreaPers #alertMailHistorydiv .botones {
    padding-left: 0;
    padding-right: 0;
    width: 0;
}

#AreaPers #AreaPers #alertMailHistorydiv .fecha {
    float: left;
}

@media (max-width: 767px) {
    #AreaPers #AreaPers #alertMailHistorydiv .fecha {
        /**/
    }
}

#AreaPers #AreaPers #alertMailHistorydiv .fecha + p {
    float: right;
    margin-top: 0;
}

@media (max-width: 767px) {
    #AreaPers #AreaPers #alertMailHistorydiv .fecha + p {
        /**/
    }
}

#AreaPers #AreaPers #alertMailHistorydiv .fecha + p a {
    line-height: 32px;
}

@media (max-width: 767px) {
    #AreaPers #AreaPers #alertMailHistorydiv .fecha {
        /**/
    }
}

#AreaPers #AreaPers #alertMailHistorydiv #cIzq {
    /**/
}

#AreaPers #AreaPers #alertMailHistorydiv #cDch {
    /**/
}

@media (max-width: 767px) {
    #AreaPers #AreaPers #alertMailHistorydiv #cDch {
        padding-left: 0;
    }
}

#AreaPers #AreaPers #alertMailHistorydiv #dchSup {
    /**/
}

@media (max-width: 767px) {
    #AreaPers #AreaPers #alertMailHistorydiv #dchSup {
        display: block;
    }
}

#AreaPers #AreaPersAuxSubUser {
    /**/
}

#AreaPers #AreaPersSubUser {
    /**/
}

#AreaPers #alertMailHistorydiv {
    width: 800px;
    margin: 0 auto;
    border-top: 1px solid #dadada;
    padding: 16px 0 0 0;
}

@media (max-width: 767px) {
    #AreaPers #alertMailHistorydiv {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }
}

#AreaPers #alertMailHistorydiv #cIzq {
    width: 50%;
    border: 0;
}

@media (max-width: 1023px) {
    #AreaPers #alertMailHistorydiv #cIzq {
        width: 100%;
    }
}

#AreaPers #alertMailHistorydiv #cIzq + #cDch {
    width: 50%;
}

#AreaPers #alertMailHistorydiv #izqSup {
    height: 32px;
}

#AreaPers #alertMailHistorydiv #cDch {
    width: 50%;
    padding: 0;
    border: 0;
}

@media (max-width: 1023px) {
    #AreaPers #alertMailHistorydiv #cDch {
        width: 100%;
    }
}

#AreaPers #alertMailHistorydiv #cDch .titulo {
    width: 100%;
}

#AreaPers #alertMailHistorydiv #cDch .titulo p {
    float: left;
    margin: 0;
    text-align: initial;
}

#AreaPers #btnAcceptMySearchesUpdateAlert {
    /**/
}

#AreaPers #btnCancelMySearchesUpdateAlert {
    /**/
}

#AreaPers #buttonFile span {
    font-weight: bold;
    margin-bottom: 8px;
    line-height: 16px;
    display: block;
}

#AreaPers #buttonFile span input{
    width:100%;
}

#AreaPers #buttonDelete {
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    display: inline;
    margin-left:20px;
}

#AreaPers #buttonDelete:before {
    content: '\e866';
    font-family: "wk-icons";
    font-size: 20px;
    color: #e5202e;
    margin-right: 8px;
    float: left;
}

#AreaPers #buttonDelete:after {
    display: inline-block;
    content: "Eliminar";
}

#AreaPers .cButtonsClass {
    border-bottom: 3px solid #757575;
}

#AreaPers #buttons_cButtons {
    line-height: 32px;
    height: 32px;
    font-size: 15px;
    box-sizing: content-box;
    border-bottom: 1px solid #f3f3f3;
    font-weight:100;
}

@media (max-width: 767px) {
    #AreaPers #buttons_cButtons {
        height: auto;
    }
}

#AreaPers #buttons_cButtons dfn {
    display: block;
}

#AreaPers #cButtons ul {
    /**/
    padding-left: 0;
    list-style: none;
    margin: 0;
}

#AreaPers #cButtons ul:after {
    content: "";
    clear: both;
    display: table;
}

#AreaPers #cButtons li {
    float: left;
    height: 32px;
}

@media (max-width: 767px) {
    #AreaPers #cButtons li {
        float: none;
        text-align: center;
    }
}

#AreaPers #cButtons li + li a:after {
    content: "";
    width: 1px;
    background-color: #757575;
    display: inline-block;
    position: absolute;
    left: -1px;
    top: 8px;
    bottom: 8px;
}

#AreaPers #cButtons li.active a {
    background-color: #757575;
    color: #fff;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

#AreaPers #cButtons li.active a:after {
    width: 0;
}

#AreaPers #cButtons a {
    display: block;
    padding: 0 16px;
    color: inherit;
    height: 100%;
    position: relative;
}

#AreaPers #cButtons a:hover {
    text-decoration: none;
}

#AreaPers #divContentcButtons {
    height: calc(100% - 32px);
}

@media (max-width: 1023px) {
    #AreaPers #divContentcButtons {
        height: auto;
    }
}

#AreaPers #cData {
    margin-top: 16px;
    clear: both;
}

#AreaPers #cData:before {
    content: "";
    clear: both;
    display: table;
}

#AreaPers #cDch {
    height: 100%;
    position: relative;
    padding: 16px;
    border: 1px solid #f2f2f4;
    width: 100%;
}

@media (max-width: 1023px) {
    #AreaPers #cDch {
        float: none;
        width: 100%;
        padding-bottom: 64px;
        padding-right: 0;
        height: auto;
    }
}

#AreaPers #cDch table {
    border-collapse: collapse;
    width: 100%;
}

#AreaPers #cDch table #trNewsDiarioLaLey {
    width: 450px;
}

#AreaPers #cDch tr.empty {
    display: none;
}

#AreaPers #cDch tr.ancDoctrina_esencial_del_TS {
    display: none;
}

#AreaPers #cDch tr#trNewsDiarioLaLey .switch, #AreaPers #cDch tr#trNewsDiarioLaLey .buttons {
    display: none;
}

#AreaPers #cDch tr#trNewsDiarioLaLey td.suscription {
    border-left: none;
}

#AreaPers #cDch tr#trNewsDiarioLaLey td.section {
    border-right: none;
}

#AreaPers #cDch tr#trNewsDiarioLaLey .buttons {
    border-left: none;
}

#AreaPers #cDch tr#trNewsDiarioLaLey .title {
    border: 1px solid #ededed;
}

#AreaPers #cDch tr#trNewsDiarioLaLey .title span {
    font-weight: bold;
}

#AreaPers #cDch td {
    padding: 8px 16px;
    line-height: 16px;
    vertical-align: middle;
}

@media (max-width: 767px) {
    #AreaPers #cDch td {
        padding: 4px;
    }
}

#AreaPers #cDch td .group {
    padding-left: 125px;
}

#AreaPers #cDch td:first-child.hora {
    display: table-cell;
}

#AreaPers #cDch .buttons, #AreaPers #cDch .botones {
    padding-left: 8px;
    padding-right: 8px;
    width: 160px;
}

@media (max-width: 767px) {
    #AreaPers #cDch .buttons, #AreaPers #cDch .botones {
        width: 32px;
    }
}

#AreaPers #cDch .buttons a, #AreaPers #cDch .botones a, #AreaPers #cDch .buttons span, #AreaPers #cDch .botones span {
    color: inherit;
    white-space: nowrap;
    text-decoration: none;
}

@media (max-width: 767px) {
    #AreaPers #cDch .buttons a, #AreaPers #cDch .botones a, #AreaPers #cDch .buttons span, #AreaPers #cDch .botones span {
        padding-left: 0;
        padding-right: 0;
    }
}

#AreaPers #cDch .hora {
    width: 70px;
    text-align: center;
}

#AreaPers #cDch .titulo, #AreaPers #cDch #titulo {
    min-width: 160px;
}

@media (max-width: 767px) {
    #AreaPers #cDch .titulo, #AreaPers #cDch #titulo {
        min-width: auto;
    }
}

#AreaPers #cDch .titulo a, #AreaPers #cDch #titulo a {
    display: inline;
}

#AreaPers #cDch .titulo *:empty, #AreaPers #cDch #titulo *:empty {
    display: none;
}

#AreaPers #cDch .titulo * + p, #AreaPers #cDch #titulo * + p, #AreaPers #cDch .titulo * + h2, #AreaPers #cDch #titulo * + h2, #AreaPers #cDch .titulo * + h3, #AreaPers #cDch #titulo * + h3, #AreaPers #cDch .titulo * + dl, #AreaPers #cDch #titulo * + dl, #AreaPers #cDch .titulo * + li, #AreaPers #cDch #titulo * + li, #AreaPers #cDch .titulo * + div, #AreaPers #cDch #titulo * + div {
    margin-top: 8px;
}

#AreaPers #cDch .titulo dfn, #AreaPers #cDch #titulo dfn {
    display: none;
}

#AreaPers #cDch .titulo dt, #AreaPers #cDch #titulo dt {
    font-weight: bold;
}

#AreaPers #cDch .titulo ul, #AreaPers #cDch #titulo ul {
    margin-top: 8px;
    padding-left: 16px;
    list-style-type: disc;
}

#AreaPers #cDch .titulo ul ul, #AreaPers #cDch #titulo ul ul {
    list-style-type: circle;
}

#AreaPers #cDch td.rss {
    width: 120px;
    min-width: 120px;
    text-align: center;
}

#AreaPers #cDch .periodicidad {
    width: 120px;
    min-width: 120px;
    text-align: center;
}

@media (max-width: 767px) {
    #AreaPers #cDch .periodicidad {
        width: auto;
        min-width: auto;
    }
}

#AreaPers #cDch .fecha {
    width: 150px;
    min-width: 150px;
    text-align: center;
    white-space: nowrap;
}

#AreaPers #cDch .dragHandle {
    padding: 0;
}

#AreaPers #cDch .detailDocType {
    text-align: center;
}

#AreaPers #cDch .numResultados {
    text-align: center;
    width: 131px;
}

@media (max-width: 767px) {
    #AreaPers #cDch .numResultados {
        width: auto;
    }
}

#AreaPers #cDch .imprimir {
    width: 48px;
}

@media (max-width: 767px) {
    #AreaPers #cDch .imprimir {
        width: 16px;
    }
}

#AreaPers #cDch .title {
}

#AreaPers #cDch .suscription {
    width: 97px;
    text-align: right;
}

#AreaPers #cDch .suscription input {
    margin: 0 16px 0 0;
}

#AreaPers #deleteUserForm {
    padding: 16px;
    border: 1px solid #e5202e;
    border-left-width: 48px;
    position: relative;
}

#AreaPers #deleteUserForm:before {
    content: '\e86a';
    font-size: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-family: "wk-icons";
    position: absolute;
    left: -36px;
    color: #fff;
}

#AreaPers #deleteUserForm br {
    display: none;
}

#AreaPers #deleteUserForm:after {
    content: "";
    clear: both;
    display: table;
}

#AreaPers .switch {
    line-height: 0px;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

#AreaPers .switch input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
}

#AreaPers .switch input[type=checkbox]:checked + label {
    background: #f2b31a;
}

#AreaPers .switch input[type=checkbox]:checked + label:after {
    left: calc(100% - 2px);
    transform: translateX(-100%);
}

#AreaPers .switch label {
    cursor: pointer;
    text-indent: -9999px;
    width: 40px;
    height: 22px;
    background-color: #c4c4c4;
    display: block;
    border-radius: 100px;
    position: relative;
    margin-left: 0;
}

#AreaPers .switch label:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 100px;
    transition: 0.3s;
}

#AreaPers .switch label:active:after {
    width: 36px;
}

#AreaPers #mesrevues {
    padding-left: 0;
    padding-right: 0;
    float: none;
}

#AreaPers #mesrevues #dchCenter tr {
    border-top: 0;
}

#AreaPers #mesrevues #cDch {
    float: none;
    width: 100%;
    padding-top: 32px;
}

#AreaPers #mesrevues #cDch td {
    border: 1px solid #ededed;
}

#AreaPers #mesrevues #cDch .first.section {
    border-bottom-width: 1px;
}

#AreaPers #mesrevues #cDch .section {
    width: 180px;
    font-weight: bold;
    color: #85bc20;
    padding-left: 16px;
}

@media (max-width: 767px) {
    #AreaPers #mesrevues #cDch .section {
        padding-left: 4px;
    }
}

#AreaPers #mesrevues #cDch .section:not(.first) {
    border-bottom-width: 0;
    border-top-width: 0;
}

#AreaPers #mesrevues #cDch .suscription {
    width: 102px;
}

@media (max-width: 767px) {
    #AreaPers #mesrevues #cDch .suscription {
        width: auto;
    }
}

#AreaPers #mesrevues #cDch .ancDoctrina_Administrativa_al_dia td {
    padding: 0;
    border-top: 0;
}

#AreaPers #mesrevues #cDch .ancConvenios_Colectivos_al_dia td {
    padding: 0;
    border-top: 0;
}

#AreaPers #mesrevues #cDch .ancJurisprudencia_al_dia td {
    padding: 0;
    border-top: 0;
}

#AreaPers #mesrevues #cDch .ancBoletines_laleydigital td {
    padding: 0;
    border-top: 0;
}

#AreaPers #mesrevues #cDch .ancLegislacion_al_dia td {
    padding: 0;
    border-top: 0;
}

#AreaPers #mesrevues #cDch .ancRevistas_al_dia td {
    padding: 0;
    border-top: 0;
}

@media (max-width: 767px) {
    #AreaPers #mesrevues #dchSup {
        display: none;
    }
}

#AreaPers #mesrevues #dchSup td {
    background-color: #f6f6f6;
    border-bottom: 0;
}

#AreaPers #mesrevues #dchSup .section {
    background-color: transparent;
    border: 0;
}

#AreaPers #cTabs {
    line-height: 32px;
    height: 48px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight:100;
}

@media (max-width: 767px) {
    #AreaPers #cTabs {
        height: auto;
    }
}

#AreaPers #cTabs:not(.cTabsClass) {
    line-height: inherit;
    height: auto;
    margin-top: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

#AreaPers #cTabs ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#AreaPers #cTabs ul:after {
    content: "";
    clear: both;
    display: table;
}

#AreaPers #cTabs li {
    float: left;
}

@media (max-width: 767px) {
    #AreaPers #cTabs li {
        float: none;
        text-align: center;
    }
}

#AreaPers #cTabs li + li {
    /* margin-left: 16px; */
}

@media (max-width: 767px) {
    #AreaPers #cTabs li + li {
        margin-left: 0;
    }
}

#AreaPers #cTabs li + li a:after {
    content: "";
    width: 1px;
    background-color: #757575;
    display: inline-block;
    position: absolute;
    left: -1px;
    top: 8px;
    bottom: 8px;
}

#AreaPers #cTabs a {
    display: block;
    padding: 0 16px;
    color: inherit;
    position: relative;
}

#AreaPers #cTables {
    height: 100%;
}

@media (max-width: 1023px) {
    #AreaPers #cTables {
        height: auto;
    }
}

#AreaPers #cTables[style*="height"] {
    height: 100%!important;
}

@media (max-width: 1023px) {
    #AreaPers #cTables[style*="height"] {
        height: auto!important;
    }
}

#AreaPers #cTables:after {
    content: "";
    clear: both;
    display: table;
}

#AreaPers #cIzq {
    float: left;
    width: 328px;
    height: 100%;
}

@media (max-width: 1023px) {
    #AreaPers #cIzq {
        float: none;
        width: 100%;
        height: auto;
    }
}

#AreaPers #cIzq + #cDch {
    float: right;
    width: calc(100% - 328px );
}

#AreaPers #cIzq[style*="none"] + #cDch {
    width: 100%;
}

#AreaPers #containerLeft {
    float: right;
    width: 50%;
    padding-left: 16px;
    padding-top: 16px;
}

@media (max-width: 767px) {
    #AreaPers #containerLeft {
        float: none;
        width: 100%;
        padding-left: 0;
    }
}

#AreaPers #descriptionLogo {
    color: #888;
}

#AreaPers #containerRight {
    float: left;
    width: 50%;
    border-right: 1px solid #d5d5d5;
}

@media (max-width: 767px) {
    #AreaPers #containerRight {
        float: none;
        width: 100%;
        border-right: 0;
        margin-top: 16px;
    }
}

#AreaPers #dchInf {
}

@media (max-width: 767px) {
    #AreaPers #dchInf {
        height: auto;
    }
}

#AreaPers #dchSup {
    /*height: 32px;*/
    border-right: 17px solid #f6f6f6;
}

@media (max-width: 767px) {
    #AreaPers #dchSup {
        display: none;
    }
}

#AreaPers #dchSup:empty {
    height: auto;
    border-right: 0;
}

#AreaPers #dchSup table {
    font-weight: 100;
    font-size:15px;

}

#AreaPers #dchSup td {
    background-color: #f3f3f3;
}

#AreaPers #dchSup td:not(.titulo, .title, .fecha, .periodicidad, .botones, .numResultados, .buttons, .suscription) {
    padding: 0;
}

#AreaPers #dchSup .section {
    width: 180px;
}

#AreaPers #dchSup .title {
}

#AreaPers #dchSup .buttons {
    width: auto;
}

#AreaPers #dchCenter {
    height: calc(100% - 80px) !important;
    overflow-y: auto;
}

@media (max-width: 767px) {
    #AreaPers #dchCenter {
        height: auto !important;
    }
}

#AreaPers #dchCenter [id*="aEditionMail"], #AreaPers #dchCenter [id*="aRemoveMail"], #AreaPers #dchCenter .delete, #AreaPers #dchCenter .deleteMetaAlert, #AreaPers #dchCenter .detalle, #AreaPers #dchCenter .lastEmail, #AreaPers #dchCenter .historical, #AreaPers #dchCenter .modificarCriterios, #AreaPers #dchCenter .showDetail, #AreaPers #dchCenter .showLast, #AreaPers #dchCenter .showHistorical, #AreaPers #dchCenter .showDetail, #AreaPers #dchCenter .suprimir, #AreaPers #dchCenter .updateMetaAlert, #AreaPers #dchCenter .verDetalle, #AreaPers #dchCenter .btnEdit, #AreaPers #dchCenter .btnRemove {
    line-height: 16px;
    height: 16px;
    display: inline-block;
    color: inherit;
    position: relative;
    width: 32px;
    text-align: center;
    margin-right: 15px;
}

@media (max-width: 767px) {
    #AreaPers #dchCenter [id*="aEditionMail"], #AreaPers #dchCenter [id*="aRemoveMail"], #AreaPers #dchCenter .delete, #AreaPers #dchCenter .deleteMetaAlert, #AreaPers #dchCenter .detalle, #AreaPers #dchCenter .lastEmail, #AreaPers #dchCenter .historical, #AreaPers #dchCenter .modificarCriterios, #AreaPers #dchCenter .showDetail, #AreaPers #dchCenter .showLast, #AreaPers #dchCenter .showHistorical, #AreaPers #dchCenter .showDetail, #AreaPers #dchCenter .suprimir, #AreaPers #dchCenter .updateMetaAlert, #AreaPers #dchCenter .verDetalle {
        line-height: 24px;
        height: 24px;
    }
}

#AreaPers #dchCenter [id*="aEditionMail"]:hover dfn, #AreaPers #dchCenter [id*="aRemoveMail"]:hover dfn, #AreaPers #dchCenter .delete:hover dfn, #AreaPers #dchCenter .deleteMetaAlert:hover dfn, #AreaPers #dchCenter .detalle:hover dfn, #AreaPers #dchCenter .lastEmail:hover dfn, #AreaPers #dchCenter .historical:hover dfn, #AreaPers #dchCenter .modificarCriterios:hover dfn, #AreaPers #dchCenter .showDetail:hover dfn, #AreaPers #dchCenter .showLast:hover dfn, #AreaPers #dchCenter .showHistorical:hover dfn, #AreaPers #dchCenter .showDetail:hover dfn, #AreaPers #dchCenter .suprimir:hover dfn, #AreaPers #dchCenter .updateMetaAlert:hover dfn, #AreaPers #dchCenter .verDetalle:hover dfn, #AreaPers #dchCenter .btnEdit:hover dfn, #AreaPers #dchCenter .btnRemove:hover dfn {
    display: inline-block;
}

#AreaPers #dchCenter [id*="aEditionMail"] dfn, #AreaPers #dchCenter [id*="aRemoveMail"] dfn, #AreaPers #dchCenter .delete dfn, #AreaPers #dchCenter .deleteMetaAlert dfn, #AreaPers #dchCenter .detalle dfn, #AreaPers #dchCenter .lastEmail dfn, #AreaPers #dchCenter .historical dfn, #AreaPers #dchCenter .modificarCriterios dfn, #AreaPers #dchCenter .showDetail dfn, #AreaPers #dchCenter .showLast dfn, #AreaPers #dchCenter .showHistorical dfn, #AreaPers #dchCenter .showDetail dfn, #AreaPers #dchCenter .suprimir dfn, #AreaPers #dchCenter .updateMetaAlert dfn, #AreaPers #dchCenter .verDetalle dfn, #AreaPers #dchCenter .btnEdit dfn, #AreaPers #dchCenter .btnRemove dfn {
    display: none;
    position: absolute;
    z-index: 1;
    top: 24px;
    right: 0;
    background-color: #fff;
    border: 1px solid #000;
    line-height: 24px;
    padding: 0 8px;
}

#AreaPers #dchCenter [id*="aEditionMail"] dfn:after, #AreaPers #dchCenter [id*="aRemoveMail"] dfn:after, #AreaPers #dchCenter .delete dfn:after, #AreaPers #dchCenter .deleteMetaAlert dfn:after, #AreaPers #dchCenter .detalle dfn:after, #AreaPers #dchCenter .lastEmail dfn:after, #AreaPers #dchCenter .historical dfn:after, #AreaPers #dchCenter .modificarCriterios dfn:after, #AreaPers #dchCenter .showDetail dfn:after, #AreaPers #dchCenter .showLast dfn:after, #AreaPers #dchCenter .showHistorical dfn:after, #AreaPers #dchCenter .showDetail dfn:after, #AreaPers #dchCenter .suprimir dfn:after, #AreaPers #dchCenter .updateMetaAlert dfn:after, #AreaPers #dchCenter .verDetalle dfn:after, #AreaPers #dchCenter .btnEdit dfn:after, #AreaPers #dchCenter .btnRemove dfn:after {
    content: "";
    background-color: #fff;
    width: 8px;
    height: 8px;
    display: inline-block;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    transform: rotate(45deg);
    position: absolute;
    top: -6px;
    right: 12px;
}

#AreaPers #dchCenter a.Rss:before, #AreaPers #dchCenter [id*="aEditionMail"]:before, #AreaPers #dchCenter [id*="aRemoveMail"]:before, #AreaPers #dchCenter .delete:before, #AreaPers #dchCenter .deleteMetaAlert:before, #AreaPers #dchCenter .detalle:before, #AreaPers #dchCenter .lastEmail:before, #AreaPers #dchCenter .historical:before, #AreaPers #dchCenter .modificarCriterios:before, #AreaPers #dchCenter .showDetail:before, #AreaPers #dchCenter .showLast:before, #AreaPers #dchCenter .showHistorical:before, #AreaPers #dchCenter .showDetail:before, #AreaPers #dchCenter .suprimir:before, #AreaPers #dchCenter .updateMetaAlert:before, #AreaPers #dchCenter .verDetalle:before, #AreaPers #dchCenter .btnRemove:before, #AreaPers #dchCenter .btnEdit:before {
    font-family: "wk-icons";
    font-size: 18px;
    display: block;
}

@media (max-width: 767px) {
    #AreaPers #dchCenter [id*="aEditionMail"]:before, #AreaPers #dchCenter [id*="aRemoveMail"]:before, #AreaPers #dchCenter .delete:before, #AreaPers #dchCenter .deleteMetaAlert:before, #AreaPers #dchCenter .detalle:before, #AreaPers #dchCenter .lastEmail:before, #AreaPers #dchCenter .historical:before, #AreaPers #dchCenter .modificarCriterios:before, #AreaPers #dchCenter .showDetail:before, #AreaPers #dchCenter .showLast:before, #AreaPers #dchCenter .showHistorical:before, #AreaPers #dchCenter .showDetail:before, #AreaPers #dchCenter .suprimir:before, #AreaPers #dchCenter .updateMetaAlert:before, #AreaPers #dchCenter .verDetalle:before {
        margin-right: 0;
        font-size: 24px;
        float: none;
    }
}

#AreaPers #dchCenter [id*="aEditionMail"]:after, #AreaPers #dchCenter [id*="aRemoveMail"]:after, #AreaPers #dchCenter .delete:after, #AreaPers #dchCenter .deleteMetaAlert:after, #AreaPers #dchCenter .detalle:after, #AreaPers #dchCenter .lastEmail:after, #AreaPers #dchCenter .historical:after, #AreaPers #dchCenter .modificarCriterios:after, #AreaPers #dchCenter .showDetail:after, #AreaPers #dchCenter .showLast:after, #AreaPers #dchCenter .showHistorical:after, #AreaPers #dchCenter .showDetail:after, #AreaPers #dchCenter .suprimir:after, #AreaPers #dchCenter .updateMetaAlert:after, #AreaPers #dchCenter .verDetalle:after {
    content: "";
    clear: both;
    display: table;
}

@media (max-width: 767px) {
    #AreaPers #dchCenter [id*="aEditionMail"] dfn, #AreaPers #dchCenter [id*="aRemoveMail"] dfn, #AreaPers #dchCenter .delete dfn, #AreaPers #dchCenter .deleteMetaAlert dfn, #AreaPers #dchCenter .detalle dfn, #AreaPers #dchCenter .lastEmail dfn, #AreaPers #dchCenter .historical dfn, #AreaPers #dchCenter .modificarCriterios dfn, #AreaPers #dchCenter .showDetail dfn, #AreaPers #dchCenter .showLast dfn, #AreaPers #dchCenter .showHistorical dfn, #AreaPers #dchCenter .showDetail dfn, #AreaPers #dchCenter .suprimir dfn, #AreaPers #dchCenter .updateMetaAlert dfn, #AreaPers #dchCenter .verDetalle dfn {
        font-size: 0;
    }
}

#AreaPers #dchCenter a.Rss:before {
    content: '\e969';
    margin-right: 0;
}

#AreaPers #tabsListControl1divContentViewMyDocuments .botones a.verDetalle:before{
    content: '\e8ac';
}

#AreaPers #dchCenter .detalle:before, #AreaPers #dchCenter .historical:before, #AreaPers #dchCenter .showDetail:before, #AreaPers #dchCenter .verDetalle:before, #AreaPers #dchCenter .btnEdit:before {
    content: '\e952';
}

#AreaPers #dchCenter .lastEmail:before, #AreaPers #dchCenter .showLast:before {
    content: "\e91d";
}

#AreaPers #dchCenter #myAlerts_Newsletter .showLast,
#AreaPers #dchCenter #myAlerts_Newsletter .showHistorical {
    display: none;
}


#AreaPers #dchCenter .showHistorical:before {
    content: "\e968";
}

#AreaPers #dchCenter [id*="aRemoveMail"]:before, #AreaPers #dchCenter .delete:before, #AreaPers #dchCenter .deleteMetaAlert:before, #AreaPers #dchCenter .suprimir:before, #AreaPers #dchCenter .btnRemove:before {
    content: '\e866';
    color: #e5202e;
    font-size: 16px;
}

@media (max-width: 767px) {
    #AreaPers #dchCenter [id*="aRemoveMail"]:before, #AreaPers #dchCenter .delete:before, #AreaPers #dchCenter .deleteMetaAlert:before, #AreaPers #dchCenter .suprimir:before {
        font-size: 24px;
    }
}

#AreaPers #dchCenter [id*="aEditionMail"]:before, #AreaPers #dchCenter .modificarCriterios:before, #AreaPers #dchCenter .updateMetaAlert:before {
    content: '\e8ac';
}

#AreaPers #dchCenter [id*="aEditionMail"] img, #AreaPers #dchCenter [id*="aRemoveMail"] img {
    display: none;
}


#AreaPers #dchCenter .showLast, #AreaPers #dchCenter .showHistorical {
    font-size: 0px;
    line-height: 16px;
    height: 16px;
    display: inline-block;
    width: 32px;
    text-align: center;
    margin-right: 15px;
}

#AreaPers #dchCenter .showLast:hover, #AreaPers #dchCenter .showHistorical:hover {
    font-size:13px;
    z-index: 1;
    top: 13px;
}


#AreaPers #dchCenter tr {
    border-top: 1px solid #ededed;
}

#AreaPers #dchCenter tr {
    border-top: 1px solid #e4e4e3;
    border-bottom: 1px solid #e4e4e3;
}

#AreaPers #dchCenter tr:hover {
    background-color: #f2f2f48f;
}

#AreaPers #divLogo {
    padding: 16px;
    clear: both;
    position: relative;
    border: 1px solid #dddddd;
    top:17px;
}

@media (max-width: 767px) {
    #AreaPers #divLogo {
        padding: 0;
    }
}

#AreaPers #divLogo:before, #AreaPers #divLogo:after {
    content: "";
    clear: both;
    display: table;
}

#AreaPers #divImageLogo {
    line-height: 0;
}

#AreaPers #divFontType {
    float: right;
    width: 50%;
    margin-top: 16px;
}

@media (max-width: 767px) {
    #AreaPers #divFontType {
        float: none;
        width: 100%;
        padding-left: 0;
    }
}

#AreaPers #divFooterText {
    margin-top: 32px;
}

#AreaPers #divTitle {
    margin-bottom: 8px;
    line-height: 16px;
    font-size: 15px;
}

#AreaPers #divTitle br {
    display: none;
}

#AreaPers #divTitle div {
    margin-top: 8px;
    color: #888;
    font-size:14px;
}

#AreaPers #divTabsOrder {
    margin-top: 32px;
}

#AreaPers #divTabscButtons > [class*="ViewMy"] {
    height: calc(100% - 36px);
    padding-top: 0;
}

@media (max-width: 767px) {
    #AreaPers #divTabscButtons > [class*="ViewMy"] {
        height: auto;
    }
}

#AreaPers #divTabscButtons > [class*="ViewMy"]#tabsListControl1divContentViewMyDocuments .buttons, #AreaPers #divTabscButtons > [class*="ViewMy"]#tabsListControl1divContentViewMyDocuments .botones {
/*    width: 82px;
*/}

@media (max-width: 767px) {
    #AreaPers #divTabscButtons > [class*="ViewMy"]#tabsListControl1divContentViewMyDocuments .buttons, #AreaPers #divTabscButtons > [class*="ViewMy"]#tabsListControl1divContentViewMyDocuments .botones {
        width: 32px;
    }
}

#AreaPers #divTabscButtons > [class*="ViewMy"]#tabsListControl1divContentViewMyHistoricalSessions .buttons, #AreaPers #divTabscButtons > [class*="ViewMy"]#tabsListControl1divContentViewMyHistoricalSessions .botones {
    width: 120px;
}

@media (max-width: 767px) {
    #AreaPers #divTabscButtons > [class*="ViewMy"]#tabsListControl1divContentViewMyHistoricalSessions .buttons, #AreaPers #divTabscButtons > [class*="ViewMy"]#tabsListControl1divContentViewMyHistoricalSessions .botones {
        width: auto;
    }
}

#AreaPers #divTabscButtons > [class*="ViewMy"]#tabsListControl1divContentViewMyHistoricalSessions #izqCenter {
    height: calc(100% - 32px) !important;
}

@media (max-width: 767px) {
    #AreaPers #divTabscButtons > [class*="ViewMy"]#tabsListControl1divContentViewMyHistoricalSessions #izqCenter {
        height: auto;
    }
}

#AreaPers #divTabscButtons > [class*="ViewMy"]#tabsListControl1divContentViewMyData {
    padding-left: 0;
    padding-right: 0;
}

#AreaPers #divTabscButtons > [class*="ViewMy"]#tabsListControl1divContentViewMyData #cIzq {
    display: none;
}

#AreaPers #divTabscButtons > [class*="ViewMy"]#tabsListControl1divContentViewMyData #cDch {
    float: none;
    width: 100%;
    padding-left: 0;
    /* padding-bottom: 0; */
}

#AreaPers #divTabscButtons > [class*="ViewMy"]#tabsListControl1divContentViewMyData #dchSup {
    display: none;
}

#AreaPers #divTabscButtons > [class*="ViewMy"]#tabsListControl1divContentViewMyData #dchCenter {
    height: 100% !important;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    overflow: inherit;
}

#AreaPers #divTabscButtons > [class*="ViewMy"]#tabsListControl1divContentViewMyBox .botones {
    width: 126px;
}

@media (max-width: 767px) {
    #AreaPers #divTabscButtons > [class*="ViewMy"]#tabsListControl1divContentViewMyBox .botones {
        width: auto;
    }
}

#AreaPers #divTabscTabs > [class*="ViewMy"] {
    height: calc(100% - 48px);
}

#AreaPers #divTabscTabs > [class*="ViewMy"]#tabsListControl2divContentViewMyAlertedDocuments .buttons, #AreaPers #divTabscTabs > [class*="ViewMy"]#tabsListControl2divContentViewMyAlertedDocuments .botones {
    width: 135px;
}

@media (max-width: 767px) {
    #AreaPers #divTabscTabs > [class*="ViewMy"]#tabsListControl2divContentViewMyAlertedDocuments .buttons, #AreaPers #divTabscTabs > [class*="ViewMy"]#tabsListControl2divContentViewMyAlertedDocuments .botones {
        width: auto;
    }
}

#AreaPers #divTabscTabs > [class*="ViewMy"]#tabsListControl2divContentViewMyAlertedDocuments .periodicidad {
    width: 160px;
    min-width: 160px;
}

@media (max-width: 767px) {
    #AreaPers #divTabscTabs > [class*="ViewMy"]#tabsListControl2divContentViewMyAlertedDocuments .periodicidad {
        width: auto;
        min-width: auto;
    }
}

#AreaPers #divTabscTabs > [class*="ViewMy"]#tabsListControl2divContentViewMyAlertedDocuments .detailDocType {
    width: 160px;
    min-width: 160px;
}

@media (max-width: 767px) {
    #AreaPers #divTabscTabs > [class*="ViewMy"]#tabsListControl2divContentViewMyAlertedDocuments .detailDocType {
        width: auto;
        min-width: auto;
    }
}

#AreaPers #divTabscTabs > [class*="ViewMy"]#tabsListControl2divContentViewMyAlertedMyMetadata .buttons, #AreaPers #divTabscTabs > [class*="ViewMy"]#tabsListControl2divContentViewMyAlertedMyMetadata .botones {
    width: 158px;
}

@media (max-width: 767px) {
    #AreaPers #divTabscTabs > [class*="ViewMy"]#tabsListControl2divContentViewMyAlertedMyMetadata .buttons, #AreaPers #divTabscTabs > [class*="ViewMy"]#tabsListControl2divContentViewMyAlertedMyMetadata .botones {
        width: auto;
    }
}

#AreaPers #divSortable {
    line-height: 40px;
    height: 40px;
    text-transform: uppercase;
    display: table;
    background-color: #3b74b9;
    border: 1px solid #d9d9d9;
    color: #fff;
}

#AreaPers #divSortable ul:after {
    content: "";
    clear: both;
    display: table;
}

#AreaPers #divSortable li {
    float: left;
}

#AreaPers #divSortable li + li {
    margin-left: 1px;
}

#AreaPers #divSortable span {
    display: block;
    padding: 0 8px;
}

#AreaPers #divSortable span:hover {
    background-color: #d6d4d4;
}

#AreaPers #emailListTitle {
    font-weight: bold;
    margin-bottom: 3px;
    display: block;
    line-height: 16px;
    width: 50%;
}

@media (max-width: 767px) {
    #AreaPers #emailListTitle {
        width: 100%;
    }
}

#AreaPers #EnlExternos {
    /**/
}

#AreaPers #formuregistro {
    /**/
}

#AreaPers #footerTextArea {
    width: 100%;
}

#AreaPers #historical {
    /**/
}

#AreaPers #historico_Head_Izq {
    font-weight: bold;
    line-height: 32px;
}

#AreaPers #historico_Head_Izq .titulo {
    padding-left: 16px;
}

#AreaPers #history_Head_Izq {
    background-color: #f3f3f3;
    width: 100%;
    font-weight: bold;
    border-collapse: collapse;
}

#AreaPers #history_Head_Izq td {
    padding: 8px 16px;
    line-height: 16px;
    vertical-align: middle;
}

#AreaPers #hrefBackFromMyHistory[title] {
    border: 0;
    padding: 0 16px;
    cursor: pointer;
    line-height: 32px;
    text-transform: uppercase;
    display: table;
    margin: 0 0 0 auto;
}

#AreaPers [id^="Tree_"] {
    height: 100%;
    position: relative;
    padding-bottom: 16px;
}

#AreaPers #emails a {
    line-height: 32px;
    padding: 0 16px;
    display: block;
    cursor:default;
}

#AreaPers #izqCenter {
    height: 100% !important;
}

#AreaPers #izqInf {
    height: 0;
    margin-top: 0;
}

#AreaPers #materias {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 32px;
    font-weight:100;
}

#AreaPers #materias a {
    display: block;
    position: relative;
    color: inherit;
    padding: 0 16px;
}

#AreaPers #materias .selected {
    background-color: #757575;
    color: #fff;
}

#AreaPers #materias .selected:after {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    background-color: #fff;
    position: absolute;
    z-index: 1;
    right: -6px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(-45deg);
}

#AreaPers #materias li {
}

#AreaPers #materias li + li {
    border-top: 1px solid #e4e4e3;
}

#AreaPers #imageLogo {
    max-height: 120px;
}

#AreaPers #imageLogo[src="ImageLogo.ashx"] {
    height: auto;
}

#AreaPers #imageLogo[src="ImageLogo.ashx"][display="inline"] {
    height: 0px;
}

#AreaPers #infoLogo {
    display: block;
    position: absolute;
    right: 0;
    width: 50%;
    padding-left: 16px;
    color: #888;
    top:100px;
}

@media (max-width: 767px) {
    #AreaPers #infoLogo {
        width: 100%;
        position: static;
        padding-left: 0;
    }
}

#AreaPers #MyMetaAlertsAddButton_Convenios {
    border: 0;
    padding: 0 16px;
    cursor: pointer;
    line-height: 32px;
    transition: background-color 0.1s ease-out;
    text-transform: uppercase;
    background-color: #85bc20;
    color: #fff;
    display: inline-block;
    position: absolute;
    border-radius: 10px;
    top: 16px;
    right: 16px;
}

#AreaPers #MyMetaAlertsAddButton_Convenios:hover, #AreaPers #MyMetaAlertsAddButton_Convenios:focus {
    background-color: #0089c3;
    text-decoration: none;
    color: #fff;
}

#AreaPers #MyMetaAlertsAddButton_Convenios dfn {
    display: none;
}

#AreaPers #MyMetaAlertsAddButton_Convenios:after {
    content: "Crear nueva alerta";
    display: block;
}

@media (max-width: 767px) {
    #AreaPers #MyMetaAlertsAddButton_Convenios {
        position: static;
        margin-top: 16px;
    }
}

#AreaPers #MyData {
    /* float: left; */
    /* width: 50%; */
    padding-right: 16px;
    /* padding-left: 16px; */
    padding-top: 16px;
}

@media (max-width: 767px) {
    #AreaPers #MyData {
        float: none;
        width: 100%;
        margin-bottom: 32px;
    }
}

#AreaPers #MyDatamail {
    margin-top: 16px;
    line-height: 16px;
}

#AreaPers #MyDatamail dt {
    font-weight: bold;
    margin-bottom: 3px;
}

#AreaPers #MyDatamail dd {
}

#AreaPers #MyDataname {
    line-height: 16px;
}

#AreaPers #MyDataname dt {
    font-weight: bold;
    margin-bottom: 3px;
}

#AreaPers #MyDataname dd {
}

#AreaPers #MyDatasms {
    margin-top: 16px;
    line-height: 16px;
}

#AreaPers #MyDatasms dt {
    font-weight: bold;
    margin-bottom: 3px;
}

#AreaPers #MyDatasms dd {
    color: #888;
}

#AreaPers #MyDatainfo {
    margin-top: 16px;
}

    #AreaPers #MyDatainfo dd {
        border: 1px solid #3b74b9;
        border-left-width: 50px;
        position: relative;
        padding: 16px;
    }

#AreaPers #MyDatainfo dd > br:first-child {
    display: none;
}

#AreaPers #MyDatainfo dd:before {
    content: '\e80d';
    font-size: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-family: "wk-icons";
    position: absolute;
    left: -36px;
    color: #fff;
}

#AreaPers #tabContentMyFormu {
    /**/
}

#AreaPers #PAConfigurationTitle {
    display: block;
    font-weight: 100;
    margin-bottom: 16px;
    background-color: #3b74b9;
    line-height: 32px;
    padding-left: 16px;
    color: #fff;
}

#AreaPers #PreAdmin {
    /**/
}

#AreaPers #regformu {
    /**/
}

#AreaPers #lnkConvenios {
    display: none;
}

#AreaPers #lblPersonales {
    display: block;
    font-weight: 100;
    line-height: 32px;
    padding-left: 16px;
    background-color: #3b74b9;
    color: white;
}

@media (max-width: 767px) {
    #AreaPers #lblPersonales {
        right: 16px;
    }
}

#AreaPers #lblMails {
    display: none;
    font-weight: bold;
    background-color: #afd4ee;
    padding-left: 16px;
    float: left;
    margin-bottom: 16px;
    line-height: 32px;
    width: 50%;
}

@media (max-width: 767px) {
    #AreaPers #lblMails {
        width: 100%;
    }
}

#AreaPers #logoActual {
    font-weight: bold;
    margin-bottom: 8px;
    line-height: 16px;
    display: inline;
}

#AreaPers #logoActualContainer {
    margin-top: 16px;
}

#AreaPers #sesiones {
    line-height: 32px;
}

#AreaPers #sesiones a {
    background-color: #f1f1f1;
    color: inherit;
    display: block;
    padding-left: 16px;
    padding-right: 16px;
}

#AreaPers #sesiones a:hover {
    background-color: #dfdfdf;
    border-right: 5px solid #c9c9c9;
}

#AreaPers #sesiones li:after {
    content: "";
    clear: both;
    display: table;
}

#AreaPers #sesiones li.selected a {
    background-color: #dfdfdf;
    border-right: 5px solid #c9c9c9;
}

#AreaPers #sesiones .eraseTraces {
    display: none;
}

#AreaPers #titleLogo {
    font-weight: bold;
    margin-bottom: 8px;
    line-height: 16px;
    display: block;
}

#AreaPersDetalle {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    margin-top: 32px;
}

@media (max-width: 1023px) {
    #AreaPersDetalle {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }
}

#AreaPersDetalle [type="text"][disabled="disabled"]:hover, #AreaPersDetalle [type="password"][disabled="disabled"]:hover, #AreaPersDetalle textarea[disabled="disabled"]:hover, #AreaPersDetalle select[disabled="disabled"]:hover, #AreaPersDetalle [type="text"][disabled="disabled"]:focus, #AreaPersDetalle [type="password"][disabled="disabled"]:focus, #AreaPersDetalle textarea[disabled="disabled"]:focus, #AreaPersDetalle select[disabled="disabled"]:focus {
    border: 1px solid #bababa !important;
    outline: 0;
}

#AreaPersDetalle [type="text"]:hover, #AreaPersDetalle [type="password"]:hover, #AreaPersDetalle textarea:hover, #AreaPersDetalle select:hover, #AreaPersDetalle [type="text"]:focus, #AreaPersDetalle [type="password"]:focus, #AreaPersDetalle textarea:focus, #AreaPersDetalle select:focus {
    /* border: 1px solid #bababa !important; */
}

#AreaPersDetalle:after {
    content: "";
    clear: both;
    display: table;
}

#AreaPersDetalle header.wk-asistant-header a {
    border-bottom: 0;
    color: inherit;
    line-height: 32px;
}

#AreaPersDetalle header.wk-asistant-header a span {
    margin-left: 0;
}

#AreaPersDetalle header.wk-asistant-header a span:after {
    content: "";
}

#AreaPersDetalle #ActionsFolders_MyQueries {
    padding-bottom: 0;
}

#AreaPersDetalle .alertThisDocument {
    float: right;
}

#AreaPersDetalle .alertThisDocument a {
    padding-left: 16px;
    padding-right: 16px;
    line-height: 32px;
    text-transform: uppercase;
    color: #fff;
    background-color: #2698f8;
    margin-left: 8px;
}

#AreaPersDetalle .alertThisDocument a:hover {
    background-color: #64b5f9;
}

#AreaPersDetalle .alertThisSearch {
    float: right;
}

#AreaPersDetalle .alertThisSearch a {
    border: 0;
    padding: 0 16px;
    cursor: pointer;
    line-height: 32px;
    transition: background-color 0.1s ease-out;
    text-transform: uppercase;
    background-color: #85bc20;
    color: #fff;
    display: inline-block;
}

#AreaPersDetalle .alertThisSearch a:hover, #AreaPersDetalle .alertThisSearch a:focus {
    background-color: #0089c3;
    text-decoration: none;
    color: #fff;
}

#AreaPersDetalle .BackToMy:after {
    content: "";
    clear: both;
    display: table;
}

#AreaPersDetalle .BackToMy a {
    border: 0;
    padding: 0 16px;
    cursor: pointer;
    line-height: 32px;
    text-transform: uppercase;
    display: inline-block;
    float: right;
}

#AreaPersDetalle .btns {
    margin-top: 16px;
    margin-left: auto;
    display: table;
}

#AreaPersDetalle .btns a {
    margin-left: 16px;
}

#AreaPersDetalle [id^="Folders_"] {
    overflow: inherit;
    max-height: 100%;
    border: 0;
}

#AreaPersDetalle .btnVolver {
    position: absolute;
    margin-left: -96px;
}

#AreaPersDetalle .btnVolver dfn {
    display: inline-block;
}

#AreaPersDetalle .btnVolver a {
    line-height: 18px;
    color: #85bc20;
    background-color: #fff;
}

#AreaPersDetalle .btnVolver a:before {
    content: '\e904';
    font-family: "wk-icons";
    font-size: 18px;
    width: 18px;
    height: 18px;
    text-align: center;
    margin-right: 8px;
    float: left;
}

#AreaPersDetalle .btnVolver + div + div {
    margin-top: 16px;
}

#AreaPersDetalle .btnVolver + div + div:after {
    content: "";
    clear: both;
    display: table;
}

#AreaPersDetalle .description {
    margin-top: 16px;
}

#AreaPersDetalle .delete a:before {
    content: '\e866';
    font-family: "wk-icons";
    font-size: 17px;
    float: left;
    margin-right: 8px;
    color: #e5202e;
}

#AreaPersDetalle .delete a:after {
    content: "";
    clear: both;
    display: table;
}

#AreaPersDetalle .detailLastAlertDate {
    position: relative;
    padding-left: 200px;
    margin-top: 16px;
    min-height: 32px;
}

@media (max-width: 1023px) {
    #AreaPersDetalle .detailLastAlertDate {
        padding-left: 0;
    }
}

#AreaPersDetalle .detailSearchCriteria {
    position: relative;
    padding-left: 200px;
    margin-top: 16px;
    min-height: 32px;
}

@media (max-width: 1023px) {
    #AreaPersDetalle .detailSearchCriteria {
        padding-left: 0;
    }
}

#AreaPersDetalle .detailNumResults {
    position: relative;
    padding-left: 200px;
    margin-top: 16px;
    min-height: 32px;
}

@media (max-width: 767px) {
    #AreaPersDetalle .detailNumResults {
        padding-left: 90px;
    }
}

#AreaPersDetalle .detailModule {
    position: relative;
    padding-left: 200px;
    margin-top: 16px;
    min-height: 32px;
}

@media (max-width: 1023px) {
    #AreaPersDetalle .detailModule {
        padding-left: 0;
    }
}

#AreaPersDetalle .detailCreationDate {
    position: relative;
    padding-left: 200px;
    margin-top: 16px;
    min-height: 32px;
}

@media (max-width: 1023px) {
    #AreaPersDetalle .detailCreationDate {
        padding-left: 0;
    }
}

#AreaPersDetalle .DDTreeControlTreediv {
    margin: 16px 0 0 0;
    border-top: 1px solid #dadada;
    padding: 16px 0 0 0;
}

#AreaPersDetalle .DDTreeControlTree {
    height: auto;
    overflow: inherit;
}

#AreaPersDetalle .frequency {
    line-height: 16px;
}

#AreaPersDetalle .frequency:after {
    content: "";
    clear: both;
    display: table;
}

#AreaPersDetalle .folderNameText {
    display: block;
    font-weight: bold;
}

#AreaPersDetalle .folderNameText:after {
    content: "";
    clear: both;
    display: table;
}

#AreaPersDetalle .wkTree {
    padding: 16px;
    background-color: #fff;
    /* border: 1px solid #dadada; */
    margin-top: 8px;
}

#AreaPersDetalle .Folders_DDTreeControlTree {
    line-height: 16px;
    margin-bottom: 16px;
}

#AreaPersDetalle .historical a:before {
    content: '\e858';
    font-family: "wk-icons";
    font-size: 17px;
    float: left;
    margin-right: 8px;
    color: initial;
}

#AreaPersDetalle .historical a:after {
    content: "";
    clear: both;
    display: table;
}

#AreaPersDetalle .labelmailsNumber {
    display: inline-block;
    margin-right: 8px;
    font-weight: bold;
}

#AreaPersDetalle .labelFrequency {
    display: inline-block;
    font-weight: bold;
    margin-right: 16px;
    float: left;
    margin-top: 8px;
}

#AreaPersDetalle .labelTitle {
    position: absolute;
    left: 0;
    line-height: 32px;
    font-weight: bold;
}

@media (max-width: 1023px) {
    #AreaPersDetalle .labelTitle {
        position: static;
    }
}

#AreaPersDetalle .LabelLastAlertDate {
    position: absolute;
    left: 0;
    line-height: 32px;
    font-weight: bold;
}

@media (max-width: 1023px) {
    #AreaPersDetalle .LabelLastAlertDate {
        position: static;
        display: block;
    }
}

#AreaPersDetalle .labelSearchCriteria {
    position: absolute;
    left: 0;
    line-height: 32px;
    font-weight: bold;
}

@media (max-width: 1023px) {
    #AreaPersDetalle .labelSearchCriteria {
        position: static;
    }
}

#AreaPersDetalle #emailList {
    display: none;
}

#AreaPersDetalle .labelNumResults {
    position: absolute;
    left: 0;
    line-height: 32px;
    font-weight: bold;
}

#AreaPersDetalle .labelModule {
    position: absolute;
    left: 0;
    line-height: 32px;
    font-weight: bold;
}

@media (max-width: 1023px) {
    #AreaPersDetalle .labelModule {
        position: static;
        display: block;
    }
}

#AreaPersDetalle .labelCreationDate {
    position: absolute;
    left: 0;
    line-height: 32px;
    font-weight: bold;
}

@media (max-width: 1023px) {
    #AreaPersDetalle .labelCreationDate {
        position: static;
        display: block;
    }
}

#AreaPersDetalle .lastEmail a:before {
    content: '\e870';
    font-family: "wk-icons";
    font-size: 17px;
    float: left;
    margin-right: 8px;
    color: initial;
}

#AreaPersDetalle .lastEmail a:after {
    content: "";
    clear: both;
    display: table;
}

#AreaPersDetalle .links {
}

#AreaPersDetalle .links span + span {
    /* margin-left: 16px; */
}

#AreaPersDetalle .optionsFrequency {
    line-height: 16px;
    float: left;
    padding-left: 0;
    margin-top: 8px;
}

#AreaPersDetalle .optionsFrequency:after {
    content: "";
    clear: both;
    display: table;
}

#AreaPersDetalle .optionsFrequency li {
    float: left;
}

#AreaPersDetalle .optionsFrequency li + li {
    margin-left: 16px;
}

#AreaPersDetalle .optionsFrequency li:after {
    content: "";
    clear: both;
    display: table;
}

#AreaPersDetalle .optionsFrequency input {
    margin-right: 8px;
    float: left;
    top: 1px;
    position: relative;
}

#AreaPersDetalle .optionsFrequency span {
    display: inline-block;
}

#AreaPersDetalle .titleDescription {
    font-weight: bold;
}

#AreaPersDetalle .tituloAP {
    text-transform: uppercase;
    font-weight: bold;
    line-height: 32px;
    display: inline-block;
}

#AreaPersDetalle .txtSearchCriteria {
    display: table;
}

#AreaPersDetalle .txtCreationDate {
    line-height: 32px;
}

#AreaPersDetalle .txtNumResults {
    line-height: 32px;
}

#AreaPersDetalle .txtModule {
    line-height: 32px;
}

#AreaPersDetalle .mailsNumber {
    margin-top: 16px;
    line-height: 32px;
    border-top: 1px solid #dadada;
    padding: 16px 0 0 0;
}

#AreaPersDetalle .mailsNumber:after {
    content: "";
    clear: both;
    display: table;
}

#AreaPersDetalle .UpdateDetail {
    padding: 16px 0;
    border-top: 1px solid #cfcfcf;
    margin: 16px 0 0 0;
    font-weight:100;
}

#AreaPersDetalle .UpdateDetail:after {
    content: "";
    clear: both;
    display: table;
}

#AreaPersDetalle .UpdateDetailAcceptButton {
    float: right;
    margin-left: 8px;
    text-transform: uppercase;
}

#AreaPersDetalle .UpdateDetailCancelButton {
    border: 0;
    padding: 0 16px;
    cursor: pointer;
    line-height: 32px;
    text-transform: uppercase;
    display: inline-block;
    float: right;
}

#AreaPersDetalle .wk-asistant {
    margin-top: 16px;
}

#AreaPersDetalle #datosEnvio {
    display: none;
}

#AreaPersDetalle #Tree_MyQueries {
    margin-top: 32px;
    background-color: #f3f3f3;
    padding-bottom: 16px;
}

#AreaPersDetalle #divDetailSearchDocument {
    clear: both;
    height: auto;
    margin-top: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-top: 1px solid #dadada;
}

#AreaPersDetalle #divDetailAlertedSearch {
    line-height: 32px;
}

#AreaPersDetalle #divTitle {
    font-family: inherit;
    margin-bottom: 0;
    position: relative;
    padding-left: 200px;
}

@media (max-width: 1023px) {
    #AreaPersDetalle #divTitle {
        padding-left: 0;
    }
}

#AreaPersDetalle #folderNameInput {
    margin-left: 8px;
    font-weight: normal;
}

#AreaPersDetalle #textEditor {
    width: calc(100% - 180px) !important;
    margin-top: 16px;
    height: 120px !important;
}

#AreaPersDetalle #spTitleAlert {
    font-weight: bold;
}

#AreaPersDetalle #spTitleAlert + input {
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    line-height: 16px;
    height: 16px;
    padding: 0;
}

#AreaPersDetalle #spPeriodicity {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

#AreaPersDetalle #spPeriodicity ~ input {
    float: left;
    clear: both;
}

#AreaPersDetalle #spPeriodicity ~ label {
    float: left;
}

#AreaPersDetalle #lnkAccept {
    background-color: #85bc20;
    color: #fff;
    border-radius: 5px;
    padding-left: 16px;
    padding-right: 16px;
    line-height: 32px;
}

#AreaPersDetalle #lnkCancel {
    background-color: #bfbfbf;
    color: #474747;
    border-radius: 5px;
    padding-left: 16px;
    padding-right: 16px;
    line-height: 32px;
}

#AreaPersDetalle #ulSearchCriteria {
    line-height: 32px;
    padding-left: 0;
}

#AreaPers #cTabs2 {
    display: none;
}

#navToolbar {
    display: none;
}

[id*="Actions_"] {
    display: none;
}

.ActionsFolders_DDTreeControlTree:after {
    content: "";
    clear: both;
    display: table;
}

@media (max-width: 767px) {
    #ActionsFolders_MyQueries li {
        font-size: 11px;
        padding-left: 2px!important;
        padding-right: 2px!important;
    }

    #ActionsFolders_MyQueries li + li {
        margin-left: 4px;
    }

    #ActionsFolders_MyQueries #spCreateFolder {
        padding: 0 8px;
    }

    #ActionsFolders_MyQueries #spDeleteFolder {
        padding: 0 8px;
    }

    #ActionsFolders_MyQueries #spRenameFolder {
        padding: 0 8px;
    }
}

/**ocultar ver historico y lastemail*/
#ctl00_ctl00_ctl00_thePageBody.ECAY #ctl00_ctl00_ctl00_cBody #AreaPersDetalle .mailsNumber .links > span.historical, 
#ctl00_ctl00_ctl00_thePageBody.ECAY #ctl00_ctl00_ctl00_cBody #AreaPersDetalle .mailsNumber .links > span.lastEmail {
    display: none;
}