/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10/09/2019, 08:00:53 AM
    Author     : Sop
*/
.btn:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }

button:focus {
    outline: none;
    box-shadow: none; }

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none; }


/* :: Button CSS */
.btn.rounded-btn {
    height: 45px;
    min-width: 140px;
    color: #ffffff;
    font-size: 14px;
    border-radius: 22.5px;
    letter-spacing: 0;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    font-weight: 500;
    padding: 0 15px;
    line-height: 45px;
    border: none; }

/* :: Fill-button CSS */
.btn-fill {
    padding: 0.4375rem 1.25rem;
    border: 1px solid #007bff;
    position: relative;
    z-index: 2;
    overflow: hidden; }
.btn-fill:hover, .btn-fill:focus {
    color: #ffffff; }
.btn-fill:hover:after, .btn-fill:focus:after {
    background: #007bff;
    height: 100%; }
.btn-fill:after {
    content: '';
    width: 100%;
    height: 0;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -2;
    -webkit-transition: linear 0.3s all;
    -o-transition: linear 0.3s all;
    transition: linear 0.3s all; }

.btn-fill-white {
    border: 1px solid #ffffff !important;
    color: #ffffff !important; }

.btn-fill[class*="btn-fill-"] {
    background-color: transparent; }

.btn-fill-default {
    border: 1px solid #ebebeb !important;
    color: #3f4047 !important;
    -webkit-box-shadow: none;
    box-shadow: none; }
.btn-fill-default:hover:after, .btn-fill-default:focus:after {
    background-color: #ebebeb; }

.btn-fill-primary {
    border: 1px solid #2478fd !important;
    color: #2478fd !important;
    -webkit-box-shadow: none;
    box-shadow: none; }
.btn-fill-primary:hover:after, .btn-fill-primary:focus:after {
    background-color: #2478fd; }

.btn-fill-info {
    border: 1px solid #3da5f4 !important;
    color: #3da5f4 !important;
    -webkit-box-shadow: none;
    box-shadow: none; }
.btn-fill-info:hover:after, .btn-fill-info:focus:after {
    background-color: #3da5f4; }

.btn-fill-success {
    border: 1px solid #71c016 !important;
    color: #71c016 !important;
    -webkit-box-shadow: none;
    box-shadow: none; }
.btn-fill-success:hover:after, .btn-fill-success:focus:after {
    background-color: #71c016; }

.btn-fill-danger {
    border: 1px solid #f1536e !important;
    color: #f1536e !important;
    -webkit-box-shadow: none;
    box-shadow: none; }
.btn-fill-danger:hover:after, .btn-fill-danger:focus:after {
    background-color: #b30000; 
}

.btn-fill-warning {
    border: 1px solid #fda006 !important;
    color: #fda006 !important;
    -webkit-box-shadow: none;
    box-shadow: none; }
.btn-fill-warning:hover:after, .btn-fill-warning:focus:after {
    background-color: #fda006; }

.btn-fill-secondary {
    border: 1px solid #8897AA !important;
    color: #8897AA !important;
    -webkit-box-shadow: none;
    box-shadow: none; }
.btn-fill-secondary:hover:after, .btn-fill-secondary:focus:after {
    background-color: #8897AA; }

.btn-fill-dark {
    border: 1px solid #3f4047 !important;
    color: #3f4047 !important;
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn-fill-dark:hover:after, .btn-fill-dark:focus:after {
    background-color: #3f4047; }

.btn-fill--white {
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn-fill--white:hover:after, .btn-fill--white:focus:after {
    background-color: transparent;
    border: transparent !important; }

.btn-fill-default:hover, .btn-fill-default:focus {
    color: #3f4047 !important; }

.btn-fill-primary:hover,
.btn-fill-info:hover,
.btn-fill-success:hover,
.btn-fill-danger:hover,
.btn-fill-warning:hover,
.btn-fill-secondary:hover,
.btn-fill-dark:hover {
    color: #ffffff !important; }

.btn- {
    border: none;
    font-size: inherit;
    color: inherit;
    cursor: pointer;
    padding: 10px 24px;
    border-radius: 3px;
    display: inline-block;
    text-transform: uppercase;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 12px; }
.btn-:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }