html {
    font-size: 14px;
}

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

@media (max-width: 991px) {
}

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

body {
    margin-bottom: 60px;
}

label {
    font-size: 14px;
    font-weight: bold;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus,
.form-select:focus, .accordion-button:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #e9ecef;
}

.accordion-button:not(.collapsed) {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #e9ecef;
    background-color: #e9ecef;
}

fieldset {
    border: 1px solid #ced4da;
    border-radius: 5px;
    padding: 0.2rem 0.5rem;
    margin-top: 1rem;
}

legend {
    position: relative;
    margin-top: -1rem;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    background-color: white;
    width: inherit;
    padding: 0 0.5rem;
    font-weight: bold;
}
/*Tag helpers*/
.inputMarginBottom {
    margin-bottom: 17px;
}

.readOnlyClass, readOnlyClass:focus {
    background-color: #f2f2f2 !important;
}

.validationMessage {
    margin-top: 0px;
    display: block;
    font-size: 11px;
    color: rgb(220 53 69);
    font-weight: bold;
    height: 17px;
}
/*************/

/** Loading panel**/
.requiredInidicator {
    font-weight: bold;
}

.loading-state {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 9999;
    display: none;
    justify-content: center;
    align-items: center;
}

.loading {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 10px solid #ddd;
    border-top-color: darkgreen;
    animation: loading 1s linear infinite;
}

@keyframes loading {
    to {
        transform: rotate(360deg);
    }
}
/******************/

/*Menu*/
.imgMenu {
    width: 26px;
}

.spaceLevel2Class {
    padding-left: 5px;
}

.spaceLevel3Class {
    padding-left: 10px;
}

.spaceLevel4Class {
    padding-left: 15px;
}

.spaceLevel5Class {
    padding-left: 20px;
}

.activeParent {
    border-bottom: 3px solid #6c757d;
}

.dropdown-item.active {
    color: black;
    font-weight: bold;
    background-color: #f2f2f2;
}

.menuDown {
    border: 3px solid #ced4da;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

/******/

/*Spinner*/
.spinnerLoading {
    display: none;
    margin-top: 10px;
}

.spinnerIndicator {
    color: green;
    margin-top: 3px;
}
/*********/

/** Register **/
.pnlRegisterError {
    border-radius: 5px;
    border: 1px solid lightgrey;
    margin: 20px;
    padding: 30px;
}

.pnlMessageRegisterError {
    text-align: justify;
}

.addonPassword {
    text-align: center;
    padding: 6px;
    border: 1px solid lightgrey;
    background-color: rgba(0,0,0,.03);
    cursor: pointer;
}
/**************/

/*Crud operations*/
.tableCrud {
    font-size: 12px;
}

    .tableCrud thead tr th {
        text-align: center;
        background-color: dimgray;
        color: white;
    }

        .tableCrud thead tr th a {
            color: white;
        }
/***************/
/** Document manager **/
.custom-file-button input[type=file] {
    margin-left: -2px !important;
}

    .custom-file-button input[type=file]::-webkit-file-upload-button {
        display: none;
    }

    .custom-file-button input[type=file]::file-selector-button {
        display: none;
    }

.custom-file-button:hover label {
    background-color: #dde0e3;
    cursor: pointer;
}

.pdfViewer {
    width: 100%;
    height: 500px;
}
/****************/

/** Comunications **/
.alertSuccessLeftBorder, .alertPrimaryLeftBorder, .alertWarningLeftBorder,
.alertDangerLeftBorder, .alertDefaultLeftBorder {
    border: 1px solid lightgray;
    border-radius: 2px;
    margin: 20px;
    padding: 20px;
    min-height: 114px;
}

.alertSuccessLeftBorder {
    border-left: 10px solid #badbcc;
}

.alertPrimaryLeftBorder {
    border-left: 10px solid #b6d4fe;
}

.alertWarningLeftBorder {
    border-left: 10px solid #ffecb5;
}

.alertDangerLeftBorder {
    border-left: 10px solid #f5c2c7;
}

.alertDefaultLeftBorder {
    border-left: 10px solid #d3d6d8;
}
/*******************/

/** My comunications **/
.myNewsAlert {
    font-weight: bold;
}

    .myNewsAlert::after {
        font-size: 10px;
        color: white;
        content: 'N';
        background-color: red;
        border-radius: 50%;
        padding: 3px 5px;
        height: 100px;
        width: 100px;
    }
/**********************/