/*START BUTTON STYLES*/
/* Primary Buttons */
.btn-outline-primary, .btn-sm-outline-primary, .btn-xs-outline-primary {  
    border: 1px solid var(--tbl-blue) !important;
    border-color: var(--tbl-blue) !important;
    color: var(--tbl-blue) !important;
    background-color: white !important;
    border-radius: 8px !important; 
    padding: 7px 14px !important;
}
.btn-sm-outline-primary {  
    font-size: 13px !important;
    padding: 5px 10px !important;
}
.btn-xs-outline-primary {  
    margin: 0px !important;
    margin-top: 2px !important;
    font-size: 12px !important; 
    padding: 1px 8px !important;
}
.btn-outline-primary:hover, .btn-sm-outline-primary:hover, .btn-xs-outline-primary:hover {
    background-color: var(--glidecare_blue) !important;
    color: white !important;
}

/* Success Buttons */
.btn-outline-success, .btn-sm-outline-success, .btn-xs-outline-success {  
    border: 1px solid #28a745 !important;
    border-color: #28a745 !important;
    color: #28a745 !important;
    background-color: white !important;
    border-radius: 8px !important; 
    padding: 7px 14px !important;
}
.btn-sm-outline-success {  
    font-size: 13px !important;
    padding: 5px 10px !important;
}
.btn-xs-outline-success {  
    margin: 0px !important;
    margin-top: 2px !important;
    font-size: 12px !important; 
    padding: 1px 8px !important;
}
.btn-outline-success:hover, .btn-sm-outline-success:hover, .btn-xs-outline-success:hover {
    background-color: green !important;
    color: white !important;
}

/* Danger Buttons */
.btn-outline-danger, .btn-sm-outline-danger, .btn-xs-outline-danger {  
    border: 1px solid var(--tbl-red) !important;
    border-color: var(--tbl-red) !important;
    color: var(--tbl-red) !important;
    background-color: white !important;
    border-radius: 8px !important; 
    padding: 7px 14px !important;
}
.btn-sm-outline-danger {  
    font-size: 13px !important;
    padding: 5px 10px !important;
}
.btn-xs-outline-danger {  
    margin: 0px !important;
    margin-top: 2px !important;
    font-size: 12px !important; 
    padding: 1px 8px !important;
}
.btn-outline-danger:hover, .btn-sm-outline-danger:hover, .btn-xs-outline-danger:hover {
    background-color: var(--tbl-red) !important;
    color: white !important;
}

/* Container Buttons */
.btn-container-dark {
    border: 1px solid #000 !important;
    padding: 6px 12px;
    background-color: #fafafa !important;
    transition: border-color 0.2s ease-in-out !important;
    cursor: pointer;
    font-size: 12px;
    color: #666  !important;
    border-spacing: 0 !important;
    border-radius: 8px !important;
    box-shadow: rgba(255, 255, 255, 0.2) 0px 6px 16px !important;
}
.btn-container-danger {
    border: 1px solid var(--tbl-red) !important;
    padding: 6px 12px;
    background-color: var(--tbl-ghostred) !important;
    transition: border-color 0.2s ease-in-out !important;
    cursor: pointer;
    font-size: 12px;
    color: var(--tbl-red)  !important;
    border-spacing: 0 !important;
    border-radius: 8px !important;
    box-shadow: rgba(255, 255, 255, 0.2) 0px 6px 16px !important;
}
/*END BUTTON STYLES*/





        .btn-container-info {
            padding: 5px 8px;
            background-color: white;
            margin: 0px;
            color: var(--tbl-blue);
            border: 1px solid var(--tbl-blue); 
            border-radius: 8px; 
            font-size: 14px;
            /*border-top: 2px solid var(--tbl-blue);*/

        }



          .trigger-btn {
            display: inline-block;
            margin: 100px auto;
        }

       /* .btn, .btn {
          position: relative;
          overflow: hidden;
           border-radius: 6px;
           margin: 5px;
           padding-top: 8px;
           padding-bottom: 8px;
           padding-left: 16px;
           padding-right: 16px;

        }*/
        .btn-xs{
          position: relative;
          overflow: hidden;
           border-radius: 10px;
           margin: 0px;
           padding-top: 4px;
           padding-bottom: 4px;
           padding-left: 8px;
           padding-right: 8px;

        }


        .btn-xxs{
            font-size: 90% !important;

        }