.modal-login .modal-dialog .modal-content .modal-body .formLogin .form-group > .icon {
    position: absolute;
    top: 50%;
    left: 8px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #55595c;
    font-size: 1.1rem;
}

.flexRow {
    display: flex;
    flex-direction: row;
}

.flexCol {
    display: flex;
    flex-direction: column;
}

.centralizarHorRow {
    justify-content: center;
}

.centralizarVerCol {
    justify-content: center;
}

.centralizarVerRow {
    align-items: center;
}

.centralizarHorCol {
    justify-content: center;
}

.flexEndRow {
    justify-content: flex-end;
}


h3, h1, th, h4, h5 {
    color: rgb(86, 96, 103) !important;
    font-family: 'SF Pro Display Semibold', sans-serif !important;
}

label {
    color: rgb(86, 96, 103) !important;
    font-family: 'SF Pro Display Medium', sans-serif !important;
}

h4 {
    font-size: 28px !important;
}


h3 {
    font-size: 38px !important;
}

button {
    margin: 0;
    padding: 0;
}

tr {
    font-family: 'SF Pro display Light', sans-serif !important;
}

a {
    text-decoration: none !important;
}

.mybtn {
    border-radius: 4px;
    width: 130px;
    padding: 8px;
    box-shadow: none;
    border-width: 0px;
    font-family: 'SF Pro display Semibold', sans-serif !important;
    font-weight: 400;
}

    .mybtn:focus {
        outline: 0px solid blue;
        border-radius: 1px !important;
    }

.mybtnGreen {
    color: #fff !important;
    background-color: #87c500;
    border-color: #7fb804;
}

    .mybtnGreen:focus {
        box-shadow: 0 0 1px 3px rgba(127, 184, 4, .5) !important;
    }

    .mybtnGreen:hover {
        color: #fff;
        background-color: #74a802;
        border-color: #6d9e02;
    }

.mybtnRed {
    color: #fff !important;
    background-color: #DC3545;
    border-color: #D12C3B;
}

    .mybtnRed:focus {
        box-shadow: 0 0 1px 3px rgba(220, 53, 69, .5) !important;
    }

    .mybtnRed:hover {
        color: #fff;
        background-color: #D12C3B;
        border-color: #C2202F;
    }

.input {
    font-family: 'SF Pro display Medium', sans-serif !important;
    border: 1px solid rgb(167, 184, 196) !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    height: 2.5rem !important;
    width: 100% !important;
    padding-left: 20px;
}

.inputDiv {
    padding: 0 !important;
}

.spacetop20 {
    padding-top: 20px !important;
}

.spacebot20 {
    padding-bottom: 20px !important;
}

.centralizar {
    display: flex;
    justify-content: center;
}

.puxarLeft {
    padding: 0 !important;
    display: flex;
    justify-content: flex-start;
    padding-left: 10px !important;
}

.centralizarTable {
    padding: 0 !important;
    transform: translateX(-10px);
}

.marginTopBot {
    margin: 20px 0px 30px 0;
}

.resetPaddingMargin {
    margin: 0 !important;
    padding: 0 !important;
}

.resetRow {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.mgRight10 {
    margin-right: 10px !important;
}

.text-mediumSF {
    color: rgb(86, 96, 103) !important;
    font-family: 'SF Pro Display Medium', sans-serif !important;
}

.text-lightSF {
    color: rgb(86, 96, 103) !important;
    font-family: 'SF Pro Display Light', sans-serif !important;
}

.text-danger {
    color: #DC3545;
}

@media screen and (max-width:991px) {
    .puxarLeft {
        padding: 0 !important;
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }
}