﻿#xtj-messageWrapper {
    position: relative;
    /*height: 50%;*/
    /*height: 25vh;*/
}

#xtj-resultWrapper {
    position: relative;
    /*height: 100%;*/
    /*height: 60vh;*/
}

#xtj-messageWrapper #xtj-messageDiv {
    font-family: "Roboto Mono", monospace;
    font-size: 14px;
    position: absolute;
    top: 10px;
    bottom: 0;
    left: 0;
    right: 0;
}

#xtj-resultWrapper #xtj-resultDiv {
    font-family: "Roboto Mono", monospace;
    font-size: 14px;
    position: absolute;
    top: 10px;
    bottom: 0;
    left: 0;
    right: 0;
}

.btnXtj-container {
    display: grid;
    place-items: center;
}

.btnXtj-content {
    display: grid;
}


.btnXtj {
    font-family: "Russo One", sans-serif;
    font-size: 0.8em;
    font-weight: 200;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    /*display: inline-block;*/
    /*font-weight: 400;*/
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    /*font-size: 1rem;*/
    border-radius: .25rem;
    border-color: #4E9FDB;
    color: #4E9FDB;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}




    .btnXtj:hover {
        /*background-color: #607689;*/
        background-color: #4E9FDB;
        color: #FFFFFF;
    }

    .btnXtj.active {
        background-color: #4E9FDB;
        color: #FFFFFF;
        font-weight: bold;
    }




/*.lead-msgType {
    font-size: 14px;
    position: absolute;
    right: 5px;
    top: 8px;
    color: #BD2249;
    font-weight: bold;
}

    .lead-msgType.valid {
        color: #4CAF50
    }

.lead-msgInfo {
    display: none;
    float: right;
    font-size: 12px;
    position: absolute;
    right: 5px;
    top: 25px;
    color: #BD2249;
    font-weight: bold;
}

    .lead-msgInfo.show {
        display: block
    }


.lead-resType {
    font-size: 14px;
    position: absolute;
    right: 5px;
    top: 8px;
    color: #BD2249;
    font-weight: bold;
}

    .lead-resType.valid {
        color: #4CAF50
    }*/

    /*.lead-resType.text {
        color: initial;
    }*/

/*.lead-resInfo {
    display: none;
    float: right;
    font-size: 12px;
    position: absolute;
    right: 5px;
    top: 25px;
    color: #BD2249;
    font-weight: bold;
}

    .lead-resInfo.show {
        display: block
    }*/