.button-round {
    height: 80px;
    line-height: 80px;
    width: 80px;
    /* font-size: 2em;
    font-weight: bold; */
    border-radius: 50%;
    color: white;
    text-align: center;
    cursor: pointer;
    outline: none;
    background-image: none;
    border: 1px solid transparent;
}

.marge-g {
    margin-left: 3rem !important;
}

.button-red {
    background-color: #dd2e44;
}

.button-orange {
    background-color: #f4900c;
}

.button-green {
    background-color: #78b159
}

.button-blue {
    background-color: #55acee;
}

.button-yellow {
    background-color: #fdcb58;
}

.button-purple {
    background-color: #aa8ed6;
}

.button-brown {
    background-color: #c1694f;
}

.modal img.emoji {
    width: 1.5em;
    height: 1.5em;
    /* margin-right: 0.5em; */
}

img.emoji[alt="💡"] {
    width: 50px;
    height: 50px;
}

img.emoji[alt="🔁"] {
    width: 50px;
    height: 50px;
}

img.emoji[alt="✅"] {
    width: 50px;
    height: 50px;
}

img.emoji[alt="📚"] {
    width: 25px;
    height: 25px;
}

.hide {
    display: none;
}

button:active {
    border-style: outset;
    box-shadow: none !important;
}

button:hover,
button:focus {
    outline: none !important;
    box-shadow: none !important;
}

.btn-success {
    background: #00f2c3;
    background-image: -webkit-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3);
    background-image: -o-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3);
    background-image: -moz-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3);
    background-image: linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3);
    background-size: 210% 210%;
    background-position: top right;
    background-color: #00f2c3;
    transition: all .15s ease;
    box-shadow: none;
    color: #fff
}

.btn-success.animation-on-hover:hover {
    background-position: bottom left;
    transition: .3s ease-in-out
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success:active:focus,
.btn-success:active:hover,
.btn-success.active:focus,
.btn-success.active:hover {
    background-color: #0098f0 !important;
    background-image: linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3) !important;
    background-image: -webkit-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3) !important;
    background-image: -o-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3) !important;
    background-image: -moz-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3) !important;
    color: #fff;
    box-shadow: none
}

.btn-success:active {
    box-shadow: none !important;
    transform: translateY(1px) !important;
    transition: all .15s ease
}

.btn-success:not([data-action]):hover {
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
    transform: translateY(-1px);
    -webkit-transform: translateY(-1px)
}

.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled.focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success:disabled,
.btn-success:disabled:hover,
.btn-success:disabled:focus,
.btn-success:disabled.focus,
.btn-success:disabled:active,
.btn-success:disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled].focus,
.btn-success[disabled]:active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
    background-color: #00f2c3;
    border-color: #00f2c3
}

.btn-success.btn-simple {
    color: #00f2c3;
    border-color: #00f2c3;
    background: 0 0
}

.btn-success.btn-simple:hover,
.btn-success.btn-simple:focus,
.btn-success.btn-simple:active,
.btn-success.btn-simple:not(:disabled):not(.disabled):active {
    color: #00f2c3;
    border-color: #00f2c3;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none
}

.btn-success.btn-simple.active {
    border-color: #00f2c3 !important
}

.btn-success.btn-simple.active:hover,
.btn-success.btn-simple.active:focus,
.btn-success.btn-simple.active:active,
.btn-success.btn-simple.active:not(:disabled):not(.disabled):active {
    color: #fff;
    border-color: #00f2c3;
    background-image: linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3) !important;
    background-image: -webkit-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3) !important;
    background-image: -o-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3) !important;
    background-image: -moz-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3) !important;
    background-color: #0098f0 !important;
    box-shadow: none
}

.btn-success.btn-link {
    color: #00f2c3
}

.btn-success.btn-link:hover,
.btn-success.btn-link:focus,
.btn-success.btn-link:active {
    background-color: transparent !important;
    background-image: none !important;
    color: #fff !important;
    text-decoration: none;
    box-shadow: none
}

.btn-info {
    background: #1d8cf8;
    background-image: -webkit-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8);
    background-image: -o-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8);
    background-image: -moz-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8);
    background-image: linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8);
    background-size: 210% 210%;
    background-position: top right;
    background-color: #1d8cf8;
    transition: all .15s ease;
    box-shadow: none;
    color: #fff
}
.btn-info.animation-on-hover:hover {
    background-position: bottom left;
    transition: .3s ease-in-out
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info:active:focus,
.btn-info:active:hover,
.btn-info.active:focus,
.btn-info.active:hover {
    background-color: #3358f4 !important;
    background-image: linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8) !important;
    background-image: -webkit-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8) !important;
    background-image: -o-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8) !important;
    background-image: -moz-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8) !important;
    color: #fff;
    box-shadow: none
}
.btn-info:active {
    box-shadow: none !important;
    transform: translateY(1px) !important;
    transition: all .15s ease
}
.btn-info:not([data-action]):hover {
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
    transform: translateY(-1px);
    -webkit-transform: translateY(-1px)
}
.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled.focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info:disabled,
.btn-info:disabled:hover,
.btn-info:disabled:focus,
.btn-info:disabled.focus,
.btn-info:disabled:active,
.btn-info:disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled].focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
    background-color: #1d8cf8;
    border-color: #1d8cf8
}
.btn-info.btn-simple {
    color: #1d8cf8;
    border-color: #1d8cf8;
    background: 0 0
}
.btn-info.btn-simple:hover,
.btn-info.btn-simple:focus,
.btn-info.btn-simple:active,
.btn-info.btn-simple:not(:disabled):not(.disabled):active {
    color: #1d8cf8;
    border-color: #1d8cf8;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none
}
.btn-info.btn-simple.active {
    border-color: #1d8cf8 !important
}
.btn-info.btn-simple.active:hover,
.btn-info.btn-simple.active:focus,
.btn-info.btn-simple.active:active,
.btn-info.btn-simple.active:not(:disabled):not(.disabled):active {
    color: #fff;
    border-color: #1d8cf8;
    background-image: linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8) !important;
    background-image: -webkit-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8) !important;
    background-image: -o-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8) !important;
    background-image: -moz-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8) !important;
    background-color: #3358f4 !important;
    box-shadow: none
}
.btn-info.btn-link {
    color: #1d8cf8
}
.btn-info.btn-link:hover,
.btn-info.btn-link:focus,
.btn-info.btn-link:active {
    background-color: transparent !important;
    background-image: none !important;
    color: #fff !important;
    text-decoration: none;
    box-shadow: none
}