/*Universal BoxSizing*/
*, html {box-sizing: border-box;}
/*Universal BoxSizing*/


.btn-login{width: 100%;font-weight: bold;}
body{background-color: #ededed;}
.overlay{margin-bottom: 3%;}

/*Item Buttons*/
.item-color1{background: #007bff;}
.item-color2{background: #28a745;}
.item-color3{background: #6f42c1;}
.item-color4{background: #ffc107;}
.item-color5{background: #e83e8c;}
/*Item Buttons*/

.card-holder
{
    padding: 0rem;
    margin: 1rem auto;
    color: white;
    font-weight: bold;
    text-align: center;
    max-height: 180px;
    overflow: hidden;
}

.icon-btn{
    width: 100%;
    font-weight: bold;
}

/*Button Contents*/
.form-group a
{
    color: white;
    text-decoration: none;
}

.button-content
{
    border: 2px solid transparent;
    border-radius: 5px;
    max-height: 100px;
    width: 100%;
    padding: 8px;
    overflow: hidden;
    margin: 2%;
}
.button-content a
{
    color: white;
    text-decoration: none;
}
.button-content:hover
{
    border: 2px solid white;
    cursor: grab;
}
.button-icons{font-size: 40px;}
.button-item
{
    margin: 5%;
    text-align: center;
    padding: 5px;
}
/*Button Contents*/


/*Styling for Footer*/
.footer
{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: black;
    color: white;
    text-align: center;
    padding: 10px;
}
footer .developer-link
{
    color: white!important;
    text-decoration: none!important;
    text-transform: none;
}
/*Styling for Footer*/
/*Styling for Add New Record*/
.addForm
{
    max-width: 70%;
    margin: 2% auto;
}
.addForm .label
{
    font-weight: bold;
}
.addForm input
{
    color: black;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    border: 2px solid darkgreen;
    border-radius: 15px;
}

.addForm select
{
    color: black;
    font-weight: bold;
    font-size: 16px;
    text-align: center!important;
    border: 2px solid darkgreen;
    border-radius: 15px;
}
.addForm option
{
    text-align: center!important;
}

.addForm input:focus
{
    background-color: teal;
    color: white;
}
/*Styling for Add New Record*/
/*Styling for Login Page*/
.form-div
{
    margin: 18% auto;
    padding: 10px;
    border: 2px solid whitesmoke;
    background: white;
    border-radius: 8px;
    max-width: 400px;
    min-height: 250px;
    box-shadow: 5px 5px 10px black;
}
.form-group .label
{
    font-weight: bold;
}
.form-body input
{
    color: black;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    border: 2px solid darkgreen;
    border-radius: 15px;
}

.form-body input:focus
{
    background-color: teal;
    color: white;
}
/*Styling for Login Page*/

/*Styling for Table Data*/
.data-table
{
    background-color: #0a0a45;
    color: white;
    padding: 3px;
    width: 100%;
    border-radius: 5px;
}
/*Styling for Table Data*/