.my-content {
    margin: 0 auto;
}

    .my-content form {
        text-align: center;
    }

.my-action-button {
    align-items: center;
    appearance: none;
    background-image: radial-gradient(100% 100% at 100% 0, #5adaff 0, #457aae 100%);
    border: 0;
    border-radius: 6px;
    box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: "JetBrains Mono",monospace;
    height: 48px;
    justify-content: center;
    line-height: 1;
    list-style: none;
    overflow: hidden;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    text-align: left;
    text-decoration: none;
    transition: box-shadow .15s,transform .15s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    will-change: box-shadow,transform;
    font-size: 18px;
    min-width: 200px;
    margin-bottom: 15px !important;
}

}

.my-action-button:focus {
    box-shadow: #3c4fe0 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
}

.my-action-button:hover {
    box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
    transform: translateY(-2px);
}

.my-action-button:active {
    box-shadow: #3c4fe0 0 3px 7px inset;
    transform: translateY(2px);
}

h1 {
    font-family: "JetBrains Mono",monospace;
}

.icon-box {
    height: 38px;
    line-height: 38px;
    text-align: center;
    display: inline-block;
    background-image: radial-gradient(100% 100% at 100% 0, #5adaff 0, #457aae 100%);
    color: #fff;
    width: 10%;
}

.my-input {
    display: inline-block;
    width: 100%;
}

    .my-input .form-control {
        border-radius: 0px !important;
        height: 38px !important;
        display: inline-block;
    }

.box {
    display: flex;
    text-align: left;
    width: auto;
    position: relative;
    margin: 10px auto;
}

.inner-box {
    text-align: center;
    display: grid;
    margin-top: 20px;
}

    .inner-box :hover {
        /*background-color: #f2f2f2;*/
        cursor: pointer;
    }

.table-row-colored-first {
    color: #457aae;
    font-weight: 500;
}

.table-row-colored-second {
    color: #457aae;
    font-size: small;
}

.table-row-colored-third {
    color: #000000;
    font-weight: 500;
}

tbody :hover {
    background-color: rgb(69, 122, 174, 0.3) !important;
}

    tbody :hover tr {
        background-color: transparent !important;
    }

    tbody :hover td {
        background-color: transparent !important;
    }

    tbody :hover div {
        background-color: transparent !important;
    }

    tbody :hover label {
        background-color: transparent !important;
    }

    tbody :hover img {
        background-color: transparent !important;
    }




.my-custom-buttontrash {
    display: block;
}

    .my-custom-buttontrash :hover {
        background-color: transparent !important;
    }


.my-custom-button {
    display: block;
}

    .my-custom-button:hover {
        cursor: pointer;
    }

.my-col-1 {
    display: inline-block;
    margin-right: 20px;
    width: 30%;
}

.my-col-2 {
    width: 100%;
}

.my-submit-button {
    align-items: center;
    appearance: none;
    background-image: radial-gradient(100% 100% at 100% 0, #5adaff 0, #457aae 100%);
    border: 0;
    border-radius: 6px;
    box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: "JetBrains Mono",monospace;
    height: 28px;
    justify-content: center;
    line-height: 1;
    list-style: none;
    overflow: hidden;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    text-align: left;
    text-decoration: none;
    transition: box-shadow .15s,transform .15s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    will-change: box-shadow,transform;
    font-size: 18px;
    min-width: 100px;
    margin-top: 20px;
}

form:hover {
    background-color: transparent !important
}

.inner-box input {
    /* margin-top: 20px;*/
}

.inner-box label {
    color: #457aae;
    font-weight: 500;
}

.text-danger {
    color: darkred !important;
}

.my-pagination-bottom {
    text-align: center;
    align-items: center;
}

    .my-pagination-bottom a {
        color: #457aae;
        font-weight: 500;
    }

.my-pagination-bottom-threedots {
    text-align: center;
    align-items: center;
}

.my-pagination-bottom-threedots :hover {
    background-color: transparent !important;
}


.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 300px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.main-content {
    text-align: center;
    margin-top: 10%;
}

.inner-content {
    margin-top: 20px;
}

.inner-content-1 {
    float: right;
    margin-right: 50px;
    color: #457aae;
    font-weight: 500;
}

.inner-content-2 {
    float: left;
    margin-left: 0.5rem;
    margin-bottom: 20px;
    color: #457aae;
    font-weight: 500;
}

.inner-content-3 {
    text-align: center;
}

    .inner-content-3 .inner-box {
        margin-top: 0px !important;
        margin-bottom: 20px;
        display: inline-block;
    }

.language-forgot {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.language-selection {
    float: left;
    text-align: left;
    display: inline;
}

.forgot-password {
    float: right;
    text-align: right;
    display: inline;
}

.form-popup {
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: 600px;
    color: #fff;
    margin: auto;
    height: 100%;
}

.form-container {
    z-index: 9;
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.7);
}

.grouping-simulation {
    margin-left: -80px !important;
}

textarea {
    width: -webkit-fill-available !important;
    max-width: 100px;
}

#HospitalisationDays {
    max-width: 100px !important;
}

.file-id {
    max-width: 50px;
}

.age-options {
    min-width: 120px;
}

.weight-options {
    min-width: 120px;
}

.sex-options {
    min-width: 50px;
}

.hospitalisation-days {
    max-width: 75px;
}

.release-type-options {
    min-width: 100px;
}

.input-main-diagnostic {
    min-width: 100px;
}

.input-main-procedure {
    min-width: 100px;
}