@import url('global.css');

.mainTitle {
    font-weight: bold !important;
    font-size: 25px;
}

.container div.content {
    margin: 3rem 0;
}

#input_url {
    padding: 0 100px;
}

#input_url input {
    background: #fff;
}

#input_shorten, #input_url input, #input_url button {
    /*border-color: #003459;*/
    border-color: #333;
}

#input_shorten {
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);
}

img.qrcode {
    border-radius: 50%;
    /*border: 2px #ccc solid;*/
}

div.card-header div.col-md-auto {
    font-family: 'Quicksand', sans-serif !important;
    font-size: 1.1rem;
    font-weight: bold;
}

p.card-text.title {
    /*display: inline-block;*/
    font-weight: normal;
    max-width: 300px;
    /*white-space: nowrap;*/
    white-space: pre-wrap;
    /*overflow: hidden;*/
    text-overflow: fade;
    vertical-align: middle;
}
p.card-text.origin-url {
    font-family: 'PT Sans', sans-serif !important;
    /*display: inline-block;*/
    font-size: 0.9rem;
    font-weight: normal;
    max-width: 300px;
    /*white-space: nowrap;*/
    white-space: pre-wrap;
    /*overflow: hidden;*/
    text-overflow: fade;
    vertical-align: middle;
    color: #555555;
}

div.card-columns {
    column-break-inside: avoid !important;
}

div.card-columns div.card {
    display: inline-block !important;
}

div.card div.col.right {
    text-align: right;
}
div.card div.col-md-auto {
    padding-top: 0.2rem;
}