body {
    height: 100vh;
}

h4 {
    color: #077D71;
}

.logo-text {
    color: #2a81b7;
}

.logo-text2 {
    color: #077D71;
    font-size: 120.0%;
}

.color-text3 {
    color: #ffffff;
}

li {
    font-size: 87.0%;
}

.header-link {
    color: #234512;
}

.text-white {
    background: #077D71;
}

.my-background-color {
    background: #3c99d3;
}

.text-dark {
    background-color: #ECEFF1;
}

.text-footer {
    background-color: white;
}

.footer {
    min-height: 100%;
    position: relative;
}

p {
    font-size: 90.0%;
}

input[type='number'] {
    width: 80px;
    /*height: ;*/
}

td {
    font-size: 95.0%;
    /*height: 80.0%;*/
    font-style: oblique;
    /*font-weight: bold;*/
    height: 8px;
}

input[type=number] {
    width: 187px;
    /*font-weight: bold;*/
}

input[type=date] {
    width: 187px;
    /*font-weight: bold;*/
}

input[type=text] {
    width: 187px;
    /*font-weight: bold;*/
}

select {
    width: 187px;
    /*font-weight: bold;*/
}
.btn-success {
    background-color: #077D71;
    color: #fafafa;
}

.my-btn {
    float: right;
}

.my-btn2 {
    margin: 4px;
    float: right;
    font-size: 80.0%;
    border-block-style: none;
}

.my-text-err {
    color: #e01e1e;
    font-size: 80.0%;
}

.table-bordered tr {
    /*line-height: 14px;*/
    /*white-space: nowrap;}*/
}

.table-sm{
    /*font-size: 95.0%;*/
}

.form-select {
    width: 207px;
}

#users {
    font-size: 70.0%;
}

.dataTables_filter {
    float: left !important;
}

.dataTables_length{
    float: right !important;
    font-size: 70.0%;
}

.dataTables_length select{
    width: 50px;
}

input:invalid + span::after {
    position: absolute;
    content: "✖";
    color: #e01a1a;
    font-weight:bold;
    padding-left: 0px;
    font-size: 110.0%;
}

input:valid + span::after {
    position: absolute;
    content: "✓";
    color: green;
    font-weight:bold;
    padding-right: 0px;
    font-size: 110.0%;
}

.was-validated input:valid {
    background-size: 150px;
    border-color: #28a745;
    width: 155px;
    max-width: 155px;
}

.was-validated input:invalid {
    border-color: #dc3545;
    width: 155px;
    max-width: 155px;
}

.my_input[type=number] {
    width: 70px;
}

.my_input2[type=text] {
    width: 70px;
}


.my-btn-success2 {
    background-color: #fafafa;
    color: #077D71;
}

.buttons-excel {
    margin-left: 10px;
    background-color: #fafafa;
    color: #077D71;
}

.my-table3 {
    font-size: 80.0%;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.container-fluid {
    flex: 1;
}

.my-button {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fafafa;
    color: #077D71;
    font-size: 160.0%;
    cursor: pointer;
}

.my-button:hover {
    font-size: 160.0%;
    background-color: #077D71;
    color: #fafafa;
}

.outlined-circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 3px solid #077D71;
}

.my-button2 {
    /*width: 50px;*/
    /*height: 50px;*/
    /*border-radius: 50%;*/
    background-color: #fafafa;
    color: #077D71;
    /*font-size: 160.0%;*/
    cursor: pointer;
    border: 1px solid #077D71;
}

.my-button2:hover {
    /*font-size: 160.0%;*/
    background-color: #077D71;
    color: #fafafa;
    border: 1px solid #077D71;
}



/*@media (min-width: 1600px) {*/
/*    .row-cols-md-4 > * {*/
/*        flex: 0 0 auto;*/
/*        width: 15%;*/
/*    }*/
/*}*/

@media (min-width: 768px) {
    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 50%;
    }
}

@media (min-width: 1000px) {
    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 15%;
    }
}

.my-form-select {
    width: 470px;
}
/*@media (max-width: 1200px) {*/
/*    .row-cols-md-4 > * {*/
/*        flex: 0 0 auto;*/
/*        width: 50%;*/
/*    }*/
/*}*/