.btn_wrap{
    display: flex;
    flex-direction: row;
}

.edit_btn_wrap {
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid #ddd;
}

.sims-button {
    width: 100%;
    color: white;
    font-size: 16px;
    border: none;
    padding: 10px 20px;
    border-radius: 3px;
    transition-property:
            background-color,
            background,
            color,
            opacity;
    transition-duration: 0.1s;
}


.edit_btn_wrap .sims-button{
    min-width: 120px;
    width: fit-content;
}

.sims-button i {
    color: white;
    font-size: 15px;
}

.sims-button + .sims-button {
    margin-left: 4px;
}

.btn_s {
    padding: 8px;
    font-size: 15px;
}

.btn_s i {
    color: white;
    font-size: 14px;
    margin-right: 6px;
}

.btn_primary {
    background-color: #3C8CFE;
}

.btn_primary:hover {
    background-color: #2076F0;
}

.btn_primary:active{
    background-color: #79B0FF;
}

.btn_secondary {
    background-color: #6C757D;
}

.btn_secondary:hover {
    background-color: #5A6268;
}

.btn_secondary:active{
    background-color: #B0B6BA;
}

.btn_success {
    background-color: #4c85ff;
}

.btn_success:hover {
    background-color: #3364cc;
}

.btn_success:active {
    background-color: #79b0ff;
}

.btn_success_pop {
    background-color: #4c85ff;
}

    .btn_success_pop:hover {
        background-color: #3364cc;
    }

    .btn_success_pop:active {
        background-color: #79b0ff;
    }

.btn_warning {
    background-color: #FFC107;
}

.btn_warning:hover {
    background-color: #E0A800;
}

.btn_warning:active {
    background-color: #FFD75E;
}

.btn_danger {
    background-color: #DC3545;
}

.btn_danger:hover {
    background-color: #C82333;
}

.btn_danger:active {
    background-color: #E97B86;
}

.btn_info {
    background-color: #4c85ff;
}

.btn_info:hover {
    background-color: #138496;
}

.btn_info:active {
    background-color: #67C3D0;
}

.btn_light {
    background-color: #F8F9FA;
    color: #343A40;
}

.btn_light:hover {
    background-color: #E2E6EA;
}

.btn_light:active {
    background-color: #FAFCFC;
}

.btn_dark {
    background-color: #343A40;
}

.btn_dark:hover {
    background-color: #23272B;
}

.btn_dark:active {
    background-color: #7A7E83;
}

.search_btn {
    display: flex;
    flex-direction: row;
    justify-content: center;    
    align-content: center;
    align-items: center;
    padding: 8px;
    background-color: #7698B2;
    border: 1px solid #D5D5D5;
    border-radius: 3px;
    width: 100px;
    height: 30px;
}

.search_btn:active {
    background-color: #48667C;
}

.search_btn i {
    font-size: 14px;
    color: white;
}

@media (max-width: 768px) {
    .edit_btn_wrap {
        justify-content: center;
    }
}