/*
  File:              amoksys-materialize-button.css
  Version:           1.0.1
 */
 
.fixed-action-btn{right:1rem;bottom:1rem;}
.btn-set-flex{display: inline-flex;gap: 0.5rem;}
.btn-set:not(.btn-set-flex){margin:-.5rem;}
.btn-set:not(.btn-set-flex) .btn,
.btn-set:not(.btn-set-flex) .btn-flat,
.btn-set:not(.btn-set-flex) .btn-outlined{margin:.5rem;}
.fixed-action-btn{right:1rem;bottom:1rem;}

.btn-floating.halfway-fab{right:1rem;}

.btn{border-radius:4px;}
.btn-line-height{line-height:36px;vertical-align:middle}
.btn-outlined{border:2px solid rgba(0,0,0, .5);border-radius:4px;display:inline-block;height:36px;line-height:32px;padding:0 16px;text-transform:uppercase;vertical-align:middle;-webkit-tap-highlight-color:transparent;text-decoration:none;color:rgba(0,0,0, .5);background-color:transparent;text-align:center;letter-spacing:.5px;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;cursor:pointer;}
.btn-outlined.btn-large{height: 54px;line-height: 52px;font-size: 15px;padding: 0 28px;}
.btn-outlined i {font-size: 1.3rem;line-height: inherit;}

.btn-outlined.disabled{color:#9F9F9F !important;border-color:#9F9F9F !important;pointer-events: none;-webkit-box-shadow: none;box-shadow: none;cursor: default;}

.btn-flat.btn-flat-static{background:transparent!important;}

.btn-floating-fixed{position: fixed;bottom:1rem;right:1rem;}

/* COLORED BUTTONS:RED */
.btn-flat.btn-red:not(.disabled){color:#F44336;}

.btn-flat.btn-red:hover:not(.disabled){background:#F4433610;color:#F44336;}

.btn-flat.btn-red:active:not(.disabled),
.btn-flat.btn-red:focus:not(.disabled){background:#F4433620;color:#F44336;}

.btn-outlined.btn-red:not(.disabled){color:#F44336;border-color:#F44336}

.btn-outlined.btn-red:hover:not(.disabled){background:#F4433610;color:#F44336;border-color:#F44336}

.btn-outlined.btn-red:active:not(.disabled),
.btn-outlined.btn-red:focus:not(.disabled){background:#F4433620;color:#F44336;border-color:#F44336}

.btn.btn-red:not(.disabled),
.btn-floating.btn-red:not(.disabled){background:#F44336;color:#FFEBEE}

.btn.btn-red:hover:not(.disabled),
.btn-floating.btn-red:hover:not(.disabled){background:#EF5350;color:#FFEBEE}

.btn.btn-red:focus:not(.disabled),
.btn.btn-red:active:not(.disabled),
.btn-floating.btn-red:focus:not(.disabled),
.btn-floating.btn-red:active:not(.disabled){background:#E53935;color:#FFEBEE}

/* COLORED BUTTONS:WHITE */
.btn-flat.btn-white:not(.disabled){color:#FFFFFF;}

.btn-flat.btn-white:hover:not(.disabled){background:#FFFFFF10;color:#FFFFFF;}

.btn-flat.btn-white:active:not(.disabled),
.btn-flat.btn-white:focus:not(.disabled){background:#FFFFFF20;color:#FFFFFF;}

.btn-outlined.btn-white:not(.disabled){color:#FFFFFF;border-color:#FFFFFF}

.btn-outlined.btn-white:hover:not(.disabled){background:#FFFFFF10;color:#FFFFFF;border-color:#FFFFFF}

.btn-outlined.btn-white:active:not(.disabled),
.btn-outlined.btn-white:focus:not(.disabled){background:#FFFFFF20;color:#FFFFFF;border-color:#FFFFFF}

.btn.btn-white:not(.disabled),
.btn-floating.btn-white:not(.disabled){background:#FAFAFA;color:#000000}
.btn.btn-white:hover:not(.disabled),
.btn-floating.btn-white:hover:not(.disabled){background:#EEEEEE;color:#000000}
.btn.btn-white:focus:not(.disabled),
.btn.btn-white:active:not(.disabled),
.btn-floating.btn-white:focus:not(.disabled),
.btn-floating.btn-white:active:not(.disabled){background:#FFFFFF;color:#000000}

/* BTN TOGGLE */
.btn-toggle:after{display:table;content:"";clear:both;}
.btn-toggle{border:1px solid #ddd}

.btn-toggle.top-left{position:absolute;top:0;left:0;}
.btn-toggle.top-right{position:absolute;top:0;right:0;}
.btn-toggle.bottom-right{position:absolute;bottom:0;right:0;}

.btn-toggle .btn-toggle-group{float:left;}
.btn-toggle .btn-toggle-group:not(:first-child){border-left:2px solid #aaa}

.btn-toggle .btn-toggle-item{width:2rem;height:2rem;line-height:2rem;display:block;text-align:center;font-size:1.5rem;transition:.3s;float:left;}
.btn-toggle .btn-toggle-item:not(:first-child){border-left:1px solid #ddd;width:calc(2rem + 1px)}

.btn-toggle .btn-toggle-item:not(.active){background:rgba(0,0,0,.05);cursor:pointer;}
.btn-toggle .btn-toggle-item:not(.active):hover{background:rgba(0,0,0,.025)}

.card-colored .btn-toggle .btn-toggle-item:not(.active){background:rgba(0,0,0,.3);cursor:pointer;}
.card-colored .btn-toggle .btn-toggle-item:not(.active):hover{background:rgba(0,0,0,.2)}