/* Add here all your CSS customizations */


.btn-light {
    box-shadow: 0 2px 6px 0 rgba(248, 249, 250, .5)
}

.btn-default.btn-transparent {
    color: #ced0d2;
    background-color: rgba(206, 208, 210, .2);
    border-color: rgba(206, 208, 210, .3)
}

.btn-default.btn-transparent:active,
.btn-default.btn-transparent:focus,
.btn-default.btn-transparent:hover {
    color: #ced0d2;
    background-color: rgba(206, 208, 210, .2);
    border-color: rgba(206, 208, 210, .3)
}

.btn-default.btn-outline {
    color: #ced0d2;
    background-color: transparent
}

.btn-default.btn-outline:active,
.btn-default.btn-outline:focus,
.btn-default.btn-outline:hover {
    color: #fff;
    background-color: #cacbcc
}

.btn-primary {
    box-shadow: 0 2px 6px 0 rgba(77, 121, 246, .5)
}

.btn-primary-soft {
    color: #007bff;
    background-color: rgba(0, 223, 255, .1);
    border-color: rgba(0, 223, 255, .3)
}

.btn-primary-soft:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #007bff;
    background-color: rgba(0, 223, 255, .2);
    border-color: rgba(0, 223, 255, .4)
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-success {
    box-shadow: 0 2px 6px 0 rgba(40, 167, 69, .5)
}

.btn-success-soft {
    color: #28a745;
    background-color: rgba(40, 167, 69, .1);
    border-color: rgba(40, 167, 69, .3)
}

.btn-success-soft:hover,
.btn-success-soft:not(:disabled):not(.disabled).active,
.btn-success-soft:not(:disabled):not(.disabled):active,
.show>.btn-success-soft.dropdown-toggle {
    color: #28a745;
    background-color: rgba(40, 167, 69, .2);
    border-color: rgba(40, 167, 69, .4)
}

.btn-success-soft.focus,
.btn-success-soft:focus,
.btn-success-soft:not(:disabled):not(.disabled).active:focus,
.btn-success-soft:not(:disabled):not(.disabled):active:focus,
.show>.btn-success-soft.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-info {
    box-shadow: 0 2px 6px 0 rgba(23, 162, 184, .5)
}

.btn-info-soft {
    color: #17a2b8;
    background-color: rgba(23, 162, 184, .1);
    border-color: rgba(23, 162, 184, .3)
}

.btn-info-soft:hover,
.btn-info-soft:not(:disabled):not(.disabled).active,
.btn-info-soft:not(:disabled):not(.disabled):active,
.show>.btn-info-soft.dropdown-toggle {
    color: #17a2b8;
    background-color: rgba(23, 162, 184, .2);
    border-color: rgba(23, 162, 184, .4)
}

.btn-info-soft.focus,
.btn-info-soft:focus,
.btn-info-soft:not(:disabled):not(.disabled).active:focus,
.btn-info-soft:not(:disabled):not(.disabled):active:focus,
.show>.btn-info-soft.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-warning {
    box-shadow: 0 2px 6px 0 rgba(255, 193, 7, .5)
}

.btn-warning-soft {
    color: #ffc107;
    background-color: rgba(255, 193, 7, .1);
    border-color: rgba(255, 193, 7, .3)
}

.btn-warning-soft:hover,
.btn-warning-soft:not(:disabled):not(.disabled).active,
.btn-warning-soft:not(:disabled):not(.disabled):active,
.show>.btn-warning-soft.dropdown-toggle {
    color: #ffc107;
    background-color: rgba(255, 193, 7, .2);
    border-color: rgba(255, 193, 7, .4)
}

.btn-warning-soft.focus,
.btn-warning-soft:focus,
.btn-warning-soft:not(:disabled):not(.disabled).active:focus,
.btn-warning-soft:not(:disabled):not(.disabled):active:focus,
.show>.btn-info-soft.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-danger {
    box-shadow: 0 2px 6px 0 rgba(220, 53, 69, .5)
}

.btn-danger-soft {
    color: #dc3545;
    background-color: rgba(220, 53, 69, .1);
    border-color: rgba(220, 53, 69, .3)
}

.btn-danger-soft:hover,
.btn-danger-soft:not(:disabled):not(.disabled).active,
.btn-danger-soft:not(:disabled):not(.disabled):active,
.show>.btn-danger-soft.dropdown-toggle {
    color: #dc3545;
    background-color: rgba(220, 53, 69, .2);
    border-color: rgba(220, 53, 69, .4)
}

.btn-danger-soft.focus,
.btn-danger-soft:focus,
.btn-danger-soft:not(:disabled):not(.disabled).active:focus,
.btn-danger-soft:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger-soft.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-inverse {
    color: #fff;
    border-color: #3b3e47;
    background-color: #3b3e47;
    box-shadow: 0 2px 6px 0 rgba(59, 62, 71, .5)
}

.btn-inverse:hover,
.btn-inverse:not(:disabled):not(.disabled).active,
.btn-inverse:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2f3239;
    border-color: #2f3239
}

.btn-inverse.focus,
.btn-inverse:focus,
.btn-inverse:not(:disabled):not(.disabled).active:focus,
.btn-inverse:not(:disabled):not(.disabled):active:focus,
.show>.btn-inverse.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(59, 62, 71, .5)
}

.btn-inverse-soft {
    color: #3b3e47;
    background-color: rgba(59, 62, 71, .1);
    border-color: rgba(59, 62, 71, .3)
}

.btn-inverse-soft:hover,
.btn-inverse-soft:not(:disabled):not(.disabled).active,
.btn-inverse-soft:not(:disabled):not(.disabled):active,
.show>.btn-inverse-soft.dropdown-toggle {
    color: #3b3e47;
    background-color: rgba(59, 62, 71, .2);
    border-color: rgba(59, 62, 71, .4)
}

.btn-inverse-soft.focus,
.btn-inverse-soft:focus,
.btn-inverse-soft:not(:disabled):not(.disabled).active:focus,
.btn-inverse-soft:not(:disabled):not(.disabled):active:focus,
.show>.btn-inverse-soft.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(59, 62, 71, .5)
}

.btn-outline-inverse {
    color: #3b3e47;
    border-color: #3b3e47
}

.btn-outline-inverse:hover,
.btn-outline-inverse:not(:disabled):not(.disabled).active,
.btn-outline-inverse:not(:disabled):not(.disabled):active,
.show>.btn-outline-inverse.dropdown-toggle {
    color: #fff;
    background-color: #3b3e47;
    border-color: #3b3e47
}

.btn-outline-inverse.focus,
.btn-outline-inverse:focus,
.btn-outline-inverse:not(:disabled):not(.disabled).active:focus,
.btn-outline-inverse:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-inverse.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(59, 62, 71, .5)
}

.btn-purple {
    color: #fff;
    background-color: #4A59FF;
    border-color: #4A59FF;
    box-shadow: 0 2px 6px 0 rgba(91, 105, 188, .5)
}

.btn-purple:hover,
.btn-purple:not(:disabled):not(.disabled).active,
.btn-purple:not(:disabled):not(.disabled):active,
.show>.btn-purple.dropdown-toggle {
    color: #fff;
    background-color: #4A59FF;
    border-color: #4A59FF
}

.btn-purple.focus,
.btn-purple:focus,
.btn-purple:not(:disabled):not(.disabled).active:focus,
.btn-purple:not(:disabled):not(.disabled):active:focus,
.show>.btn-purple.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(91, 105, 188, .5)
}

.btn-purple-soft {
    color: #5b69bc;
    background-color: rgba(91, 105, 188, .1);
    border-color: rgba(91, 105, 188, .3)
}

.btn-purple-soft:hover,
.btn-purple-soft:not(:disabled):not(.disabled).active,
.btn-purple-soft:not(:disabled):not(.disabled):active,
.show>.btn-purple-soft.dropdown-toggle {
    color: #5b69bc;
    background-color: rgba(91, 105, 188, .2);
    border-color: rgba(91, 105, 188, .4)
}

.btn-inverse-soft:focus,
.btn-purple-soft.focus,
.btn-purple-soft:not(:disabled):not(.disabled).active:focus,
.btn-purple-soft:not(:disabled):not(.disabled):active:focus,
.show>.btn-purple-soft.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(91, 105, 188, .5)
}

.btn-outline-purple {
    color: #5b69bc;
    border-color: #5b69bc
}

.btn-outline-purple:hover {
    color: #fff;
    background-color: #5b69bc;
    border-color: #5b69bc
}

.btn-outline-purple:not(:disabled):not(.disabled).active,
.btn-outline-purple:not(:disabled):not(.disabled):active,
.show>.btn-outline-purple.dropdown-toggle {
    color: #fff;
    background-color: #5b69bc;
    border-color: #5b69bc
}

.btn-outline-purple.focus,
.btn-outline-purple:focus,
.btn-outline-purple:not(:disabled):not(.disabled).active:focus,
.btn-outline-purple:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-purple.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(91, 105, 188, .5)
}

.btn-pink {
    color: #fff;
    border-color: #00DFA2;
    background-color: #00DFA2;
}

.btn-pink:hover,
.btn-pink:not(:disabled):not(.disabled).active,
.btn-pink:not(:disabled):not(.disabled):active,
.show>.btn-purple.dropdown-toggle {
    color: #fff;
    background-color: #00DFA2;
    border-color: #00DFA2
}

.btn-pink.focus,
.btn-pink:focus,
.btn-pink:not(:disabled):not(.disabled).active:focus,
.btn-pink:not(:disabled):not(.disabled):active:focus,
.show>.btn-pink.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 138, 204, .5)
}

.btn-pink-soft {
    color: #ff8acc;
    background-color: rgba(255, 138, 204, .1);
    border-color: rgba(255, 138, 204, .3)
}

.btn-pink-soft:hover,
.btn-pink-soft:not(:disabled):not(.disabled).active,
.btn-pink-soft:not(:disabled):not(.disabled):active,
.show>.btn-pink-soft.dropdown-toggle {
    color: #ff8acc;
    background-color: rgba(255, 138, 204, .2);
    border-color: rgba(255, 138, 204, .4)
}

.btn-pink-soft.focus,
.btn-pink-soft:focus,
.btn-pink-soft:not(:disabled):not(.disabled).active:focus,
.btn-pink-soft:not(:disabled):not(.disabled):active:focus,
.show>.btn-pink-soft.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 138, 204, .5)
}

.btn-outline-pink {
    color: #ff8acc;
    border-color: #ff8acc
}

.btn-outline-pink:hover {
    color: #fff;
    background-color: #ff8acc;
    border-color: #ff8acc
}

.btn-outline-pink:not(:disabled):not(.disabled).active,
.btn-outline-pink:not(:disabled):not(.disabled):active,
.show>.btn-outline-pink.dropdown-toggle {
    color: #fff;
    background-color: #ff8acc;
    border-color: #ff8acc
}

.btn-outline-pink.focus,
.btn-outline-pink:focus,
.btn-outline-pink:not(:disabled):not(.disabled).active:focus,
.btn-outline-pink:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-pink.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 138, 204, .5)
}

.btn-info-new {
    color: #fff;
    border-color: #ffd100;
    background-color: #ffd100;
    box-shadow: 0 2px 6px 0 rgba(217, 228, 17, 0.5)
}

.btn-black {
    color: #fff;
    border-color: #000;
    background-color: #000;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .5)
}

.btn-black:hover,
.btn-black:not(:disabled):not(.disabled).active,
.btn-black:not(:disabled):not(.disabled):active,
.show>.btn-black.dropdown-toggle {
    color: #fff;
    background-color: #222;
    border-color: #222
}

.btn-black.focus,
.btn-black:focus,
.btn-black:not(:disabled):not(.disabled).active:focus,
.btn-black:not(:disabled):not(.disabled):active:focus,
.show>.btn-black.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .5)
}

.btn-black-soft {
    color: #000;
    background-color: rgba(0, 0, 0, .1);
    border-color: rgba(0, 0, 0, .3)
}

.btn-black-soft:hover,
.btn-black-soft:not(:disabled):not(.disabled).active,
.btn-black-soft:not(:disabled):not(.disabled):active,
.show>.btn-black-soft.dropdown-toggle {
    color: #000;
    background-color: rgba(0, 0, 0, .2);
    border-color: rgba(0, 0, 0, .4)
}

.btn-black-soft.focus,
.btn-black-soft:focus,
.btn-black-soft:not(:disabled):not(.disabled).active:focus,
.btn-black-soft:not(:disabled):not(.disabled):active:focus,
.show>.btn-black-soft.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .5)
}

.btn-outline-black {
    color: #000;
    border-color: #000
}

.btn-outline-black:hover {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.btn-outline-black:not(:disabled):not(.disabled).active,
.btn-outline-black:not(:disabled):not(.disabled):active,
.show>.btn-outline-black.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.btn-outline-black.focus,
.btn-outline-black:focus,
.btn-outline-black:not(:disabled):not(.disabled).active:focus,
.btn-outline-black:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-black.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .5)
}

.btn-violet {
    color: #fff;
    border-color: #a344ec;
    background-color: #a344ec;
    box-shadow: 0 2px 6px 0 rgba(163, 68, 236, .5)
}

.btn-violet:hover,
.btn-violet:not(:disabled):not(.disabled).active,
.btn-violet:not(:disabled):not(.disabled):active,
.show>.btn-violet.dropdown-toggle {
    color: #fff;
    background-color: #9023e4;
    border-color: #9023e4
}

.btn-violet.focus,
.btn-violet:focus,
.btn-violet:not(:disabled):not(.disabled).active:focus,
.btn-violet:not(:disabled):not(.disabled):active:focus,
.show>.btn-violet.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(163, 68, 236, .5)
}

.btn-violet-soft {
    color: #a344ec;
    background-color: rgba(163, 68, 236, .1);
    border-color: rgba(163, 68, 236, .3)
}

.btn-violet-soft:hover,
.btn-violet-soft:not(:disabled):not(.disabled).active,
.btn-violet-soft:not(:disabled):not(.disabled):active,
.show>.btn-violet-soft.dropdown-toggle {
    color: #a344ec;
    background-color: rgba(163, 68, 236, .2);
    border-color: rgba(163, 68, 236, .4)
}

.btn-violet-soft.focus,
.btn-violet-soft:focus,
.btn-violet-soft:not(:disabled):not(.disabled).active:focus,
.btn-violet-soft:not(:disabled):not(.disabled):active:focus,
.show>.btn-violet-soft.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(163, 68, 236, .5)
}

.btn-outline-violet {
    color: #a344ec;
    border-color: #a344ec
}

.btn-outline-violet:hover {
    color: #fff;
    background-color: #a344ec;
    border-color: #a344ec
}

.btn-outline-violet:not(:disabled):not(.disabled).active,
.btn-outline-violet:not(:disabled):not(.disabled):active,
.show>.btn-outline-violet.dropdown-toggle {
    color: #fff;
    background-color: #a344ec;
    border-color: #a344ec
}

.btn-outline-violet.focus,
.btn-outline-violet:focus,
.btn-outline-violet:not(:disabled):not(.disabled).active:focus,
.btn-outline-violet:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-violet.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(163, 68, 236, .5)
}

.btn-label {
    position: relative;
    left: -14px;
    display: inline-block;
    padding: 6px 12px;
    background: rgba(0, 0, 0, .15);
    border-radius: 2px 0 0 2px
}

.btn-labeled {
    padding-top: 0;
    padding-bottom: 0
}

.btn-circle {
    width: 32px;
    height: 32px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 30px
}
.notifications .notification-menu {
    width: 375px !important;
}