.parent-height {
    height: 69vh !important;
}

.child-height {
    height: 100% !important;
}

body {
    font-family: Roboto !important;
}

.Blocked-badge {
    color: #F51B13;
    background-color: #FEEDEC;
    padding: 12%;
}

.Active-badge {
    color: #699E3C;
    background-color: #F3F7EF;
    padding: 12%;
}

.themeColor {
    background-color: #193351;
}


.font-color {
    color: #EAEAEA;
}

.main-color {
    background-color: #193351;
}

.button-primary {
    color: #193351;
    background-color: #EAEAEA;
}

.button-secondory {
    color: #EAEAEA;
    background-color: #193351;
}

.button-secondory:hover {
    background-color: #325281;
    color: #FFFFFF !important;
}

.nav-pills .nav-link {
    color: #EAEAEA !important;
}

.nav-pills .nav-link.active {
    background-color: #EAEAEA;
    color: #193351 !important;
}

.input-group-text {
    background-color: #FFFFFF;
    border-left: none;
}

.border-right-none {
    border-right: none;
}

.border-left-none {
    border-left: none;
}

.primary-color {
    color: #193351;
}

th {
    font-weight: 500;
}

td {
    font-weight: 400;
    color: #5C5C5C;
}

/*select option:hover {*/
/*    background-color: #325281 !important;*/
/*    color: #FFFFFF !important;*/
/*}*/

label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 500;
}

img.svg-image {
    filter: hue-rotate(90deg);
}

/*to remove all style of form button as we make it icons*/
.form-button {
    all: initial;
}

.form-error {
    color: #F51B13;;
}

.parent-nav:hover {
    background-color: #325281;
}

.mycard {
    width: 23.5%;
    border-radius: 1rem 4%;
}

.card-img-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 27%;
    height: 4rem;
    opacity: 50%;
}

.card-icon {
    width: 15%;
    height: 3rem;
}

.card-footer {
    z-index: 100;
    border-top: 1px solid #E6E6E6;
}

.border-curved {
    border-radius: 1rem 4%;
}

.first-card-color:hover {
    background-color: #007BB3;
    color: #FFFFFF;
}

.second-card-color:hover {
    background-color: green;
    color: #FFFFFF;
}

.third-card-color:hover {
    background-color: red;
    color: #FFFFFF;
}

.fourth-card-color:hover {
    background-color: #193351;
    color: #FFFFFF;
}

.chart-illustration {
    width: 49%;
    border-radius: 1rem 4%;
}

.greyColor {
    color: #8A9099;
}

.swal2-popup {
    background-color: #193351;
    color: #FFFFFF;
    border-radius: 10px;
    width: fit-content;
    height: fit-content;
}


.swal2-container.swal2-center > .swal2-popup {
    grid-row: 1;
    align-self: auto;
    justify-self: self-end;
}

.swal2-html-container {
    font-size: 1rem;
    font-weight: 500;
    color: #FFFFFF;
}

#div1 {
    background-image: url("/dist/img/Front.jpg");
    background-size: 100% 100%;

}

#div2 {
    background-image: url("/dist/img/Back.jpg");
    background-size: 100% 100%;

}

.maxHeight {
    height: 80vh;
}

.lineStyle {
    height: 0.01vh;
    background-color: black;
}