/* Fonte Global */
.ui.dividing.header,
div.card > div.header,
title,
* {
    font-family: ShareTech;
}

div.main { padding: 5.5rem 1.56rem; }

div#sidebar.sidebar { overflow: unset !important; }

.text-center { text-align: center; }
.text-right { text-align: right; }

.margin-1   { margin: 10px; }
.margin-t-1 { margin-top: 10px; }
.margin-2   { margin: 20px; }
.margin-t-2 { margin: 20px; }

.padding-1 { padding: 10px; }
.padding-2 { padding: 20px; }
.padding-lr { padding: 0 18vw; }

.flex-col,
.flex-vertical-center,
.flex-center-all, 
.flex-center-horiz,
.flex-around-horiz,
.flex-justify-horiz {
    display: flex;
}

.flex-center-all {
    width: 100vw;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.flex-vertical-center { align-items: center; }
.flex-center-horiz { justify-content: center; }
.flex-justify-horiz { justify-content: space-between; }
.flex-around-horiz { justify-content: space-around; }
.flex-col { flex-direction: column; }

#loader {
    position: absolute;
    width: 100vw;
    top: 50vh;
}

span.olive  { 
    color: #6d7b0d;
    font-weight: bold;
}
span.orange {
    color: #fb9a08;
    font-weight: bold;
}
span.red    { 
    color: #db2828;
    font-weight: bold;
}

.negrito {
    font-weight: 800;
}

div.ui.cards > .olive.card  { box-shadow: 0 0 0 1px #d4d4d5, 0 5px 0 0 #6d7b0d, 0 1px 3px 0 #d4d4d5; }
div.ui.cards > .orange.card { box-shadow: 0 0 0 1px #d4d4d5, 0 5px 0 0 #fb9a08, 0 1px 3px 0 #d4d4d5; }
div.ui.cards > .red.card    { box-shadow: 0 0 0 1px #d4d4d5, 0 5px 0 0 #db2828, 0 1px 3px 0 #d4d4d5; }

.full-width { width: 100vw; }

.subtitle { color: rgba(0,0,0,.4); }

div.field > ::placeholder,
::placeholder {
    color: rgba(0, 0, 0, 0.6) !important;
}

/* Centralizando ícones dentro de botões */
.ui.button i.icon {
    margin: 0 !important;
}

.main-logo {
    height: 50px;
    width: 50px;
    margin-right: 10px;
} 

@font-face {
    font-family: ShareTech;
    src: url(assets/Share_Tech/ShareTech-Regular.ttf);
}

.main-logo-text {
    background: -webkit-linear-gradient(#3ee245, #cacaca);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: ShareTech !important;
}

.a-modal {
    padding: 6px 8px;
    border-radius: 10px;
    background-color: rgb(0, 0, 0, 0.2);
}

.a-modal:hover { background-color: rgb(0, 0, 0, 0.3); }
.a-modal i { margin: 0; }

input, select, div.selection { border: 1px solid rgba(34, 36, 38, 0.2) !important; }

div.ui.toggle > label { cursor: pointer; }

.towrap { flex-wrap: wrap; }

.zoom:hover { transform: scale(1.1); }

@media(max-width: 720px) {
    .zoom:hover { transform: none; }
}
@media(min-width: 720px) {
    form button.ui.orange.button { margin-top: 10px; }
}