.blocked__user__app{
    height: 100vh;
    width: 100vh;
    background: dimgray;
}

.fullscreen-enabled .my-component {
    background: dimgray;
}

.acb__header{
    display: flex;
    flex-direction: column;
    margin: 20px;
}
.acb__header__header {
    display: flex;
    height: 60px;
    width: 100%;
    background: #283d92;
}
.acb__headers__topheaders{
    display: flex;
    background: whitesmoke;
    width: 100%;
    height: 60px;
    align-items: center;
}
.tagline {
    font-family: Georgia, sans-serif;
    font-style: italic;
    font-size: 16px;
    padding-left: 10px;
    color: #283d92;
    text-transform: none;
}
.userlist__parent{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.userlist__header {
    height: 50px;
    width: 100%;
    /*    background: lightcyan;*/
    /*background-image: linear-gradient(180deg, #1b9dcf 10%, #224abe 100%);*/
    display: flex;
    align-items: center;
    justify-content: start;
}
.userlist__listpart{
    width: 100%;
}

.user__userlist{
    width: 100%;
    list-style-type: none;
}
.userlist__parent__ul{
    padding: 0;
    height: 80vh;
    overflow-y: scroll;
}
.user__userName__batch {
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user__parent__div {
    height: 100%;
    width: 100%;
    background: white;
    list-style-type: none;
    display: flex;
    align-items: center;
    margin: 5px 0px 5px 0px;
    border-radius: 5px;
}

.user__userdetail__section {
    display: flex;
    flex-direction: column;
    width: 70%;
    color: black;
}
.user__unblock__button{
    display: flex;
    flex-direction: column;
    width: 20%;
    align-items: center;
    justify-content: center;
}
.user__batch__span {
    width: 50px;
    height: 50px;
    background: lightblue;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: black;
}
.user__user__checkbox {
    display: flex;
    flex-direction: row;
    color: black;
}
.user__button {
    width: 50%;
    border-radius: 5px;
    /*background: darkorange;*/
    background: cornflowerblue;
    color: white;
    /*font-weight: bold;*/
}
.userlist__header h3 {
    color: #5a5c69 !important;
}
.userlist__data_not_found{
    text-align: center;
    font-size: 20px;
}
.fileinput__parent__div {
    display: flex;
    flex-direction: column;
    width: 50%;
    min-height: 200px;
}
.homepage__parent{
    display: flex;
    justify-content: center;
    cursor: pointer;
    margin: 10px;
    flex-wrap: wrap;
}

.homepage__parent h3{
    color: dimgray;
}
    .homepage__parent h3:hover {
        color: darkgray;
    }

.homepage__vertical__line{
    margin: 5px;
    width: 3px;
    height: 30px;
    background: darkgray;
}
.homepage__horizontal__line{
    width: 100%;
    height: 1px;
    background: darkgray;
    margin: 10px;
}
.homepage__active{
    color: darkgray!important;
}
.homepage__fileinput__section{
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 5px;
    /*justify-content: center;*/
}

/* demo */

.file__input__button {
    margin: 0;
    color: #fff;
    background: cornflowerblue;
    border: none;
    width: 508px;
    height: 35px;
    border-radius: 4px;
    border-bottom: 4px solid cornflowerblue;
    transition: all .2s ease;
    outline: none;
}


.file__input__button:active {
    border: 0;
}
.fileinput__parent__div  
 input, button {
    margin: 15px;
}
.userDetailsList__parent__div{
    display: flex;
    flex-direction: column;
    width: 100%;
}
    .userDetailsList__parent__div h3{
        color: dimgray
    }
    .createduserlist__ul,
    .alreadyUserExist__ul {
        display: flex;
        flex-direction: column;
        padding: 5px;
    }

.createduserlist__ul li,
.alreadyUserExist__ul li{
    list-style-type: none;
}
.createdUserList__parent__li__div {
    display: flex;
    justify-content: space-evenly;
    min-height: 40px;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #e3e6f0;
    border-radius: 0.35rem;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
    margin: 1px 5px 1px 5px;
}
.createdUserList__success__badge {
    /* width: 50%; */
    /*height: 60%;
    background: green;
    color: white;
    border-radius: 5px;*/
    color: forestgreen;
}
.alreadyExistsUser__success__badge{
    color: orange;
}
.createdUserList__parent__li__div section {
    flex: 1 1 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.createdUserList__success__badge__parent,
.alreadyExistsUser__badge__parent {
    display: flex;
    align-items: center;
}
.modal-header {
    background: #d5be15;
    align-items: center;
}
.modal__title__div{
    display: flex;
    color: black
}
.modal__title__div h4 {
    margin: 0;
    padding: 0;
}
.conflictdetail__horizontal__line{
    width: 95%;
    height: 1px;
    background: darkgray;
    margin: 10px;
}
.conflictDetails__parent__div{
    display: flex;
    flex-direction: column;
}
.conflict__changelocation__btn button {
    background: lightgray;
    border-radius: 5px;
}

.conflictDetails__parent__div section, p{
    margin: 10px;
}
.fileinput__backtoupload{
    width: 100%;
    display: flex;
}
.fileinput__backtoupload a{
    cursor: pointer;
}
.fileinput__backtoupload i{
    margin: 10px;
}

.homepage__createuser__section{
    display: flex;
    flex-direction: column;
    flex-wrap:wrap;
}
.homepage__createuser__section form{
    width: 45%;
    margin: 5px;
    padding: 5px;
}
.homepage__form__section{
    display: flex;
    flex-wrap: wrap;
}
.homepage__createuser__section label::after{
    content: ' *';
    margin-right: 4px;
    color: red;
}
.formGroup__parent{
    display: flex;
    align-items:center;
}
#userForm__formGroup {
    width: 95%;
}
.formGroup__parent i{
    width: 5%;
    text-align: center;
}
.homepage__userFormMessage{
    width: 45%;
}
.homepage__userFormMessage__section {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    align-items: center;
    height: 100%;
}
.homepage__userFormMessage__section span{
    margin: 3px;
    padding: 3px;
}
.homepage__template__div {
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 50px;
}
.homepage__template__section {
    display: flex;
    align-items: center;
}
.homepage__instruction__part {
    /*width: 100%;
    height: 200px;*/
    background: lightgrey;
    display: flex;
    margin: 50px;
    border-radius: 10px;
}
.userlist__search {
    width: 30%;
    background: white;
    border-radius: 5px;
    border-bottom: 2px solid cornflowerblue;
}
    .userlist__search input {
        width: 95%;
        height: 2rem;
        border-radius: 5px;
        
    }