/*  LOADING SPINNER  */
.loadingDiv-parent {
    position: fixed;
    text-align: center;
    width: 100%;
    height: 100%;
    z-index: 999998;
}

.loadingDiv {
    position: fixed;
    text-align: center;
    top: 40%;
    left: 45%;
    z-index: 999999;
}

    .loadingDiv .loading-image {
        display: block;
        margin: 25px 75px;
    }


@media only screen and (max-width: 767px) {
    .thumbs {
        margin-top: 25px;
    }
    .headerText {
        text-align: left;
    }
}

@media (min-width:768px) and (max-width:1099px) {
    .thumbs {
        margin-top: 25px;
    }

    #bottom {
        margin: 0 auto;
        width: 250px;
        text-align: center;
        align-items: center;
        font-family: Century Gothic, sans-serif;
    }
    .headerText {
        text-align: left;
    }
    
}
@media (min-width:1100px) {
    .thumbs {
        margin-top: 25px;
        vertical-align: middle;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        justify-content: center;
        align-items: center;
    }

    #bottom {
       /* position: fixed;*/
        padding: 10px 10px 0px 10px;
        bottom: 0;
        width: 95%;
        display: flex;
        height: 70px;
        justify-content: center;
        align-items: center;
        margin: 0;
    }

    .headerText {
        text-align: left;
       
    }

    .parent {
        /* background-color: #2E4272;*/
        display: flex;
    }

    .child {
        /* background-color: #4F628E;*/
        width: 200px;
    }
}

.txt-Cls {
    font-family: Century Gothic, sans-serif;
    font-size: 14px;
    text-align: left;
    /*display: flex;*/
    justify-content: left;
}


.R {
    background: #f93737 !important;
    color: #fff;
    border: 1px solid #f93737;
    margin-top: -8px !important;
}

    .R:after {
        content: 'C';
        visibility: visible;
        display: block;
        background-color: #f93737;
        color: #fff;
        border: 1px solid #f93737;
    }

.A {
    background: #eca338 !important;
    color: #fff;
    border: 1px solid #eca338;
    margin-top: -8px !important;
}

    .A:after {
        content: 'P';
        visibility: visible;
        display: block;
        background-color: #eca338;
        color: #fff;
        border: 1px solid #eca338;
    }

.G {
    background: #229954 !important;
    color: #fff;
    border: 1px solid #229954;
    margin-top: -8px !important;
}

    .G:after {
        content: 'G';
        visibility: visible;
        display: block;
        background-color: #229954;
        color: #fff;
        border: 1px solid #229954;
    }



.bg-pass {
    background-color: #EAFFEF !important;
    color: green !important;
}

.bg-fail {
    background-color: #FFF2F2 !important;
    color: red !important;
}

.c-header-nav {
    height: 56px!important;
}

.breadcrumb {
    padding: 0rem 1rem;
}

.c-subheader {
    min-height: 27px!important;

}

.text-black {
    color: black;
}

.text-black:hover {
    color: black;
}

.accordion > .card > .card-header {
    background-color: white;
}

.remove-right-margin {
    margin-right: -15px;
}



/*
  ========================================
  Suggested Actions Admin table 
  ========================================
*/
table.dataTable thead #Actions {
    max-width: 300px;
}

/*select.was-validated select.form-control:valid, select.form-control.is-valid {
    background-position: right calc(0.375em + 2em) center !important;
}*/