body{
    background: #2d3748;
}

.flash{
    display:inline-block;
    position: fixed;
    padding: 5px 5px 0px;
    margin: 5px 5px 5px;
    border: solid;
    border-radius: 5px;
    color:black;
    background: lightgrey;
    animation: fadeIn 2s;
}

/*this is to set the fade in of flash message*/
@keyFrames fadeIn{
    0% { opacity: 0; }
    100% { opacity: 1; }
}


.tableCustom{
    max-width: 80%;
    margin:auto;
}

/*center prev/next/this buttons*/
.nextPrev{
    display:flex;
    justify-content: center;
}

.flex1{
    margin: 10px 0px 5px 0px;
}

.flex3{
    margin-left: 5px;
}

.flex2{
    margin-right: 5px;
}

.plusMin{
    margin-left:3px;
}

.logout{
    text-decoration: none;
    position:fixed;
    right:0;
    margin: 5px;
    color:lightslategrey;
}

.register{
    text-decoration: none;
    color:lightslategrey;
}

.register:hover{
    color:#2d3748;
}

.test{
    background: #4a5568;
    padding:5px;
    border-radius: 3px;
    display:flex;
    justify-content: center;
}

.num{
    position:fixed;
    width:20%;
    bottom: 0;
}

.userInput{
    background: #4a5568;
    color: white;
    max-width: 90%;
    margin: auto;
    border-radius: 3px;
}

.userInput:hover{
    background: #2d3748;
    color: white;
}

.adminRemove{
    border-radius: 3px;
    transition: border-radius 2s;
    margin-left: 3px;
}

.adminRemove:hover{
    /*background: #718096;*/
    background: #a0aec0;
    border-radius: 7px;
}
.tabBod{
    display:flex;
}

.dropdown-menu {
    max-height: 40vh;
    overflow-y: scroll;
}

.btnDel{
    padding-top: 5px;
}

.planeIcon{
    padding-left: 10px;
    padding-top: 3px;
}

.stylee{
    visibility: hidden;
    color:green;
}

/*.butty{*/
/*    position: relative;*/
/*    right:10px;*/
/*}*/

/*this section sets a max height to the table so its scrollable, and fixes chosen rows in place*/
.wrapper {
    max-height: 80vh;
    overflow-y: scroll;
}

th{
    position: sticky;
    top: 0px;
}

.tricky{
    position: sticky;
    top:35px;
}

table tr:nth-of-type(3) {
    position: sticky;
    bottom: 45px;
}

table tr:last-of-type {
    position: sticky;
    bottom: 0;
}

/*this section hides the scroll bar from sight*/
html {
    overflow: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}

::-webkit-scrollbar-thumb {
    width: 0;
    /*background: transparent;*/
    background: #4a5568;
}

/*center drop-up above button*/
.customDrop{
    margin-left: -30px !important;
}