.biocryptologyloginshortcodetrigger {
    margin-top  : 5px;
    margin-left : 4px;
    float       : left;
    display     : inline-block;
}

.biocryptologyloginshortcode, .biocryptologyloginshortcode-text {
    background : #f7f7f7;
    border     : 1px solid #ccc !important;
    padding    : 3px 6px !important;
    float      : left;
    display    : inline-block;
    /*max-width: 125px;*/
}

.biocryptologyloginshortcode-text {
    /*max-width: 125px;*/
}

.biocryptologylogin-required {
    color : red;
}

.biocryptologylogin-config-error {
    color      : red;
    font-size  : 14px;
    font-style : italic;
}

#biocryptologylogin_api_config table th,
#biocryptologylogin_api_config table td {
    vertical-align : baseline;
}

div.claims ul {
    list-style   : disc;
    padding-left : 15px;
}

div.claims li.readonly {
    color : grey;
}

.icono-info {
    background-image  : url("../img/icon_info_wp.svg");
    background-repeat : no-repeat;
    background-size   : 16px;
    display           : inline-block;
    width             : 16px;
    height            : 16px;
}

.tooltip_templates {
    display : none;
}

.tooltip-title {
    font-size      : 16px;
    font-weight    : bold;
    vertical-align : middle;
    padding-left   : 3px;
}

.icono-info-tooltip {
    background-image  : url("../img/icon_info_wp.svg");
    background-repeat : no-repeat;
    background-size   : cover;
    display           : inline-block;
    width             : 24px;
    height            : 24px;
}

/* Círculos de colores numerados. */
span.red {
    background            : red;
    border-radius         : 0.8em;
    -moz-border-radius    : 0.8em;
    -webkit-border-radius : 0.8em;
    color                 : #ffffff;
    display               : inline-block;
    font-weight           : bold;
    line-height           : 1.6em;
    margin-right          : 15px;
    text-align            : center;
    width                 : 1.6em;
    -webkit-box-shadow    : 7px 7px 5px 0 rgba(50, 50, 50, 0.75);
    -moz-box-shadow       : 7px 7px 5px 0 rgba(50, 50, 50, 0.75);
    box-shadow            : 7px 7px 5px 0 rgba(50, 50, 50, 0.75);
}

span.grey {
    background            : #cccccc;
    border-radius         : 0.8em;
    -moz-border-radius    : 0.8em;
    -webkit-border-radius : 0.8em;
    color                 : #fff;
    display               : inline-block;
    font-weight           : bold;
    line-height           : 1.6em;
    margin-right          : 15px;
    text-align            : center;
    width                 : 1.6em;
    -webkit-box-shadow    : 7px 7px 5px 0 rgba(50, 50, 50, 0.75);
    -moz-box-shadow       : 7px 7px 5px 0 rgba(50, 50, 50, 0.75);
    box-shadow            : 7px 7px 5px 0 rgba(50, 50, 50, 0.75);
}

span.green {
    background            : #5EA226;
    border-radius         : 0.8em;
    -moz-border-radius    : 0.8em;
    -webkit-border-radius : 0.8em;
    color                 : #ffffff;
    display               : inline-block;
    font-weight           : bold;
    line-height           : 1.6em;
    margin-right          : 15px;
    text-align            : center;
    width                 : 1.6em;
    -webkit-box-shadow    : 7px 7px 5px 0 rgba(50, 50, 50, 0.75);
    -moz-box-shadow       : 7px 7px 5px 0 rgba(50, 50, 50, 0.75);
    box-shadow            : 7px 7px 5px 0 rgba(50, 50, 50, 0.75);
}

span.blue {
    background            : #5178D0;
    border-radius         : 0.8em;
    -moz-border-radius    : 0.8em;
    -webkit-border-radius : 0.8em;
    color                 : #ffffff;
    display               : inline-block;
    font-weight           : bold;
    line-height           : 1.6em;
    margin-right          : 15px;
    text-align            : center;
    width                 : 1.6em;
    -webkit-box-shadow    : 7px 7px 5px 0 rgba(50, 50, 50, 0.75);
    -moz-box-shadow       : 7px 7px 5px 0 rgba(50, 50, 50, 0.75);
    box-shadow            : 7px 7px 5px 0 rgba(50, 50, 50, 0.75);
}

span.pink {
    background            : #EF0BD8;
    border-radius         : 0.8em;
    -moz-border-radius    : 0.8em;
    -webkit-border-radius : 0.8em;
    color                 : #ffffff;
    display               : inline-block;
    font-weight           : bold;
    line-height           : 1.6em;
    margin-right          : 15px;
    text-align            : center;
    width                 : 1.6em;
}

.quick-setup-wrapper {
    display               : grid;
    grid-template-columns : 60px 1fr;
}

.quick-setup-wrapper .hr {
    grid-column : 1/3;
    margin      : 15px 0;
}

.download-links-wrapper {
    display               : grid;
    grid-template-columns : repeat(2, 300px) 1fr;
}

a.app-link, a.app-link:visited, a.app-link:active {
    text-decoration : none;
    color           : transparent;
    box-shadow      : none;
}