@font-face {
    font-family: "Sofia Sans";
    src: url(../../assets/fonts/SofiaSans-Regular.ttf) format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "Sofia Sans";
    src: url(../../assets/fonts/SofiaSans-SemiBold.ttf) format("truetype");
    font-weight: 600;
}

@font-face {
    font-family: "Sofia Sans";
    src: url(../../assets/fonts/SofiaSans-Bold.ttf) format("truetype");
    font-weight: 700;
}

@font-face {
    font-family: "Sofia Sans";
    src: url(../../assets/fonts/SofiaSans-ExtraBold.ttf) format("truetype");
    font-weight: 800;
}

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

/*.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}*/

html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: "Sofia Sans";
    margin-bottom: 60px;
}

.ui.main.fluid.container {
    padding-top: 80px;
    padding-left: 20px;
    padding-right: 20px;
}

.ui.menu {
    font-family: "Sofia Sans";
}

.ui.header {
    font-family: "Sofia Sans";
}

.ui.button {
    font-family: "Sofia Sans";
}

.ui.form {
    font-family: "Sofia Sans";
}

.ui.card {
    font-family: "Sofia Sans";
}

.header {
    font-family: "Sofia Sans" !important;
}

.field-properties {
    width: 100% !important;
    max-height: 100vh;
    overflow: auto;
}


.extra.content.field-buttons {
    background-color: ghostwhite;
}

    .extra.content.field-buttons .ui.wrapped.wrapping.icon.buttons button {
        background-color: ghostwhite;
    }

        .extra.content.field-buttons .ui.wrapped.wrapping.icon.buttons button:hover {
            background-color: #e0e1e2;
        }

.ui.form .required.field .ui.input input {
    background: #fff;
    border: 1px solid rgba(34,36,38,.15);
}

.remove-field {
    background-color: rgba(0, 0, 0, 0) !important;
}

.validation-error {
    color: #9f3a38;
    display: inline-block;
}

.pid-dropdown {
    display: inline-block;
    max-width: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.right.aligned.column.custom.buttons {
    padding-right: 0px;
}

.left.aligned.column.dt.buttons {
    padding-left: 0px;
}

.ui.seven.wide.column.dt-info {
    padding-left: 0px;
}

.ui.nine.wide.column.right.aligned.dt-pagination {
    padding-right: 0px;
}

.buttons-excel.buttons-html5.basic:hover {
    color: forestgreen;
}

.dt-button.buttons-print.basic:hover {
    color: #2185d0;
}

.buttons-collection.buttons-pdf.basic:hover {
    color: red;
}

.buttons-collection.buttons-colvis.basic:hover {
    color: saddlebrown;
}

.buttons-collection.buttons-page-length.basic:hover {
    color: #2185d0;
}

.right.aligned.column.dt.search {
    padding-right: 0px;
}

.dataTable thead tr th {
    padding-right: 2rem !important;
}

#main-container {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.draggable:hover {
    cursor: move;
}

.center-item-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.button-like-link {
    all: unset;
    display: block;
    width: 100%;
    text-align: left;
    cursor: pointer;
}

.register-title {
    text-align: center;
    max-width: 30rem;
}


.hoverable-table tbody tr {
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

    .hoverable-table tbody tr:hover {
        background-color: #f0f8ff !important;
    }

.hover-black:hover {
    color: black !important;
}

    .hover-black:hover .progress {
        color: black !important;
    }

.pointable {
    cursor: pointer !important;
}

.active-black {
    color: black !important;
    text-decoration: underline !important;
}

    .active-black a,
    .active-black .progress {
        color: black !important;
        text-decoration: underline !important;
    }

}

#previewHolder > .embeded-element {
    text-align: center;
}

    #previewHolder > .embeded-element > .embeded-object {
        width: 100%;
        min-height: 75vh;
        max-width: 794px;
        background-color: ivory
    }

#toggleRegisters {
    margin-bottom: 20px;
    margin-left: 20px;
}

.dtBtnContainer {
    margin-left: 0.5rem !important;
}

.ui.multi-select.active.dropdown > .menu {
    z-index: 10000 !important;
    /*position: relative !important;*/
}

.step-container{

    overflow:visible!important;
}