/* html,body {
    width: 100%;
    height: 100%;
} */

body {
    display:flex;
    margin:0;
    justify-content: center;
    align-items: stretch;
} 

.gray {color: #444;}


hr {
    border: 0;
    height: 6px;
    box-shadow: inset 0 12px 12px -12px gray;
    background-color: #22F2C2;
}


.btn_hover {
    background-color: #84C2DC;
    padding: 5px;
    border: none;
    border-radius: 5px;
}

.btn_hover:hover {
    height: 2rem;
    width: 6rem;
    background-color: aquamarine;
}


.border_left {
    /* display: inline; */
    display: flex;
    flex-direction: row;
    align-items: center;
    /* border-left: 10px solid #9FA0A2; */
}
.border_left:hover {
    border-left: 10px solid #9FA0A2;
}

.md {
    /* margin: 5px; */
    padding: 3px 6px 3px 6px;
    border-radius: 5px;
    background-color: #EFF1F3;
}

.md:hover {
    background-color: #9FA0A2;
}



/******************************************************************************/
/* Border section */
/******************************************************************************/
.border-section {
    margin: 10px auto;
    border: 1px solid #AAA;
    border-radius: 3px;
    padding: 10px;
}

/******************************************************************************/
/* Margin */
/******************************************************************************/
.margin { margin: .6rem .6rem; }
.medium_margin { margin: 1rem 1rem; }
.small_padding { padding: .6 rem; }
.medium_size { font-size: 2rem;}
/******************************************************************************/
/* Img Style */
/******************************************************************************/
.img_style {
width: 128px;
height: 128px;
/* border-radius: 10px; */
}

label {
    font-weight: bold;
}