/* Variables */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    line-height: 1.4em;
}

html,
body {
    /*overflow: hidden;*/
    height: 100%;
}

.pad {
    padding-right: 35px;
    padding-left: 35px;
}

hr {
    margin-right: 20px;
    margin-left: 20px;
}

#logs > hr {
    margin-right: 0px;
    margin-left: 0px;
}

svg {
    height: -webkit-fill-available;
    float: right;
}

.margin {
    margin-top: 15px;
}

.title {
    padding-right: 35px;
    padding-left: 35px;
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 600;
}

.text {
    font-size: 15px;
    font-weight: 500;
    color: #525f7f;
}

.log-col {
    overflow-y: scroll;
}

#logs {
    padding-right: 35px;
    padding-left: 35px;
    margin-top: 20px;
    margin-bottom: 5px;
    color: black;
}

.offset {
    background: #f7fafc;
}

.green {
    color: #09825d;
}

.log-title {
    font-size: 16px;
    font-weight: 500;
    padding-left: 15px;
    margin-bottom: 10px;
}

.log {
    padding-left: 15px;
}

pre {
    color: #585050 !important;
}

button {
    color: black;
    padding: 16px;
    border: 0;
    background: white;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    cursor: pointer;
    -webkit-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
    width: 100%;
    height: 54px;
    border-radius: 6px !important;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    text-transform: capitalize;
    box-shadow: 0px 7px 14px rgba(60, 66, 87, 0.12), 0px 3px 6px rgba(0, 0, 0, 0.08);
}

.input-icon {
    position: relative;
    border-radius: 4px;
}

    .input-icon > i {
        position: absolute;
        border-radius: 4px;
        display: block;
        transform: translate(0, -50%);
        top: 50%;
        pointer-events: none;
        width: 25px;
        text-align: center;
        font-style: normal;
    }

    .input-icon > input {
        border-radius: 4px;
        border: 1px solid #E3E8EE;
        /*width: 100%;*/
        height: 40px;
        color: black;
        font-size: 16px;
        font-weight: normal;
        padding-left: 25px;
        padding-right: 0;
    }

.button_style {
    width: 275px;
    text-align: center;
    margin: 10px 3px 0 0;
    font-size: 14px;
}

.button_style_big {
    width: 350px;
    text-align: center;
    margin: 10px 3px 0 0;
    font-size: 14px;
}

.newReaderButton {
    width: 222px;
    text-align: center;
    margin: 10px 3px 0 0;
    font-size: 14px;
}

.customHeight{
    height: 1000px;
}

.readerIcon {
    height: 44px;
    width: 32px;
    display: block;
    background-image: url(data:image/png;base64,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);
    background-size: 100%;
}

.center {
    margin: auto;
    /*width: 60%;*/
}

.center-input {
    margin: auto;
    width: 60%;
}

.button_small {
    width: 100px;
    height: 45px;
    text-align: center;
    font-size: 14px;
    padding: 0;
}

label {
    padding: 5px 12px 0 0;
    display: inline-block;
}

.col-35 {
    float: left;
    width: 40%;
    margin-top: 6px;
    text-align: right;
}

.col-65 {
    float: left;
    width: 60%;
    margin-top: 6px;
}

.input-text {
    width: 100%;
    font-size: 13px;
}

#loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: rgba(255,255,255,1);
    z-index: 99;
    text-align: center;
}

#loading-image {
    position: relative;
    top: 125px;
    /*left: 240px;*/
    z-index: 100;
}

.thankyou-center-input {
    margin: auto;
    width: 60%;
    text-align: center;
}