.button_services_history{
    /*border-radius: 50%;*/
    padding: 10px 10px;
    aspect-ratio: 1/1;
}
/*onclick="ClickBtn(ServiceOpenHistory(event))"*/
.content_button_list>input{
    display: none;
}
.button_list  div,
.button_list  div:not(:nth-child(2)):before,
.button_list  div:after{
    background: white;
}
.content_button_list>input:checked ~ .button_list  div
{
    background: white;
}
.content_button_list>input:checked ~ .button_list  div:nth-child(2):before{
    border-top: 5px solid white;
    border-right: 5px solid white;
}
.button_list{
    display: none;
}
.button_list {
    position: relative;
    width: 40px !important;
    height: 40px;
    display: inline-block;
    cursor: pointer;
    transition: all 0.5s;
    text-align: left;
    padding: unset !important;
}
.button_list .hamburger {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50%;
    left: 25%;
    height: 3px;
    background: white;
    display: block;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.button_list .hamburger:after, .button_list .hamburger:before {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 10;
}
.button_list .hamburger:before { top: -7px; }

.button_list .hamburger:after { bottom: -7px; }
.content_button_list>input:checked ~ .button_list .hamburger {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.content_button_list>input:checked ~ .button_list .hamburger:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    bottom: 0;
}
.content_button_list>input:checked ~ .button_list .hamburger:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 0;
}
.content_button_list>input:checked ~ .button_list .hamburger,
.content_button_list>input:checked ~ .button_list .hamburger:after, 
.content_button_list>input:checked ~ .button_list .hamburger:before{
    background: white;
}
.content_button_list{
    position: relative;
    height: 40px;
}
.content_button_list .aipsin_tab_menu.open{
    animation: showScaleTopLeft 0.5s both;
}
.content_button_list .aipsin_tab_menu.close{
    animation: hiddenScaleTopLeft 0.5s both;
}
.content_button_list .aipsin_tab_menu{
    position: absolute;
    top: 0%;
    left: 0px;
    width: 300px;
    max-height: 300px;
    max-width: 300px;
    overflow: auto;
    border-radius: 7px;
    padding: 15px;
    z-index: 1000;
    color: var(--theme-color-text,#0C1914);
    background: var(--theme-bg-main,white);
    box-shadow: var(--theme-shadow-color,rgba(0, 0, 0, 0.05)) 0px 6px 24px 0px, 
    var(--theme-shadow-color-widget,rgba(0, 0, 0, 0.15)) 0px 0px 0px 1px;
    cursor: auto;
    visibility: hidden;
    opacity: 0;
}
.content_button_list .aipsin_tab_menu>h5{
    text-align: center;
    margin-bottom: 10px;
}
.content_button_list .aipsin_tab_menu>.tab-grid-content{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: max-content;
    align-items: center;
}
.content_button_list .aipsin_tab_menu>.tab-grid-content>.tab-grid-item{
    max-width: 100%;
    overflow: hidden;
    width: 100%;
}
.content_button_list .aipsin_tab_menu>.tab-grid-content>.tab-grid-item{
    position: relative;
    display: block;
    width: 100%;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 8pt;
    transition: all 0.2s;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.content_button_list .aipsin_tab_menu>.tab-grid-content>.tab-grid-item>p{
    font-size: 7pt;
    margin: 0;
}