.iconOnlyButton {
    background: transparent !important;
    border: none !important;
    margin: 0;
}

.button
{
    width:10vw !important;
}

.buttonRadius
{
    border-radius:1.2em !important;
}

.btn-new-item
{
    margin: 0.5rem !important;
    border-radius: 1rem !important;
    border: none !important;
    color: white !important;
    background-color: darkslateblue !important;
    height: 4vh !important;
    width: 20vw !important;
}

.btn-new-item:hover
{
    background-color: white !important;
    color: darkslateblue !important;
    border: 1px dashed darkslateblue !important;
}

.btn-refresh
{
    margin: 0.5rem !important;
    border-radius: 1rem !important;
    border: none !important;
    color: white !important;
    background-color: darkslateblue !important;
    height: 4vh !important;
}

.btn-refresh:hover
{
    background-color: white !important;
    color: darkslateblue !important;
    border: 1px dashed darkslateblue !important;
}

.menuButton
{
    box-shadow: 0 2px 6px 0 rgba(238,242,247,.5) !important;
    color: #313a46 !important;
    background-color: #eef2f7 !important;
    border-color: #eef2f7 !important;
    white-space: nowrap !important;
}

.cancel-button
{
    margin: 0.5rem !important;
    border-radius: 1rem !important;
    background-color: white !important;
    color: darkred !important;
    border: 1px darkred solid !important;
}

.cancel-button:hover
{
    background-color: white !important;
    color: darkred !important;
    border: 1px dashed darkred !important;
}

.btn-top-bar {
    background: transparent !important;
    border: 0px solid !important;
    color: #fff !important;
}

.btn-top-bar-item
{
    background: transparent !important;
    border: 0px solid !important;
    color: #fff !important;
}

.btn-top-bar-item:before{
    display: block;
    content: "";
    padding-top: 4px;
    border-bottom: 2px solid #fff;
    transform: scaleX(0);
    transform-origin: 0 50%;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    transition: transform 0.3s ease 0s, left 0.3s ease 0s;
}

.btn-top-bar-item:hover:before{
    transform: scale(1, 0.8);
    transform-origin: 0 50%;
    transition-delay: .1s;
}


.btn-top-card-icon {
    background: transparent !important;
    border: 0px solid !important;
    color: #153d77 !important;
}

.datatableIconBtnColor
{
    color: #153d77 !important;;
}

.datatableHeadBtnColor
{
    color: #F66308 !important;;
}

.datatableIconBtnDelete
{
    color: darkred !important;;
}

button#menu-folio_button {
    background: transparent !important;
    color: #fff !important;
    border: 0px solid !important;
}

button#menu-folio_button:before{
    display: block;
    content: "";
    padding-top: 4px;
    border-bottom: 2px solid #fff;
    transform: scaleX(0);
    transform-origin: 0 50%;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    transition: transform 0.3s ease 0s, left 0.3s ease 0s;
}

button#menu-folio_button:hover:before{
    transform: scale(1, 0.8);
    transform-origin: 0 50%;
    transition-delay: .1s;
}