.btn_outline_dark{
    display:inline-block;
    text-decoration:none;
    padding:10px 20px;
    line-height:normal;
    font-size:20px;
    font-weight:bold;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    margin: 0 15px;
}
.btn_outline_dark:hover{
    background:black;
    color: white;
    border-radius:50px;
    cursor: pointer;
}
.btn {
    /*background-color: #f1f1f1;*/
    background: rgba(244,244,244,1);
    background: linear-gradient(to bottom, rgba(244,244,244,1) 0%, rgba(244,244,244,1) 17%, rgba(241,241,241,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f1f1f1', GradientType=0 );
    font-size: 12px;
    font-weight: 700;
    color: #000000;
    margin: 1px;
    padding: 10px 16px;
    display: inline-block;
    border: thin solid #d7d7d7;
    cursor: pointer;
    text-decoration: none;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    vertical-align: middle;
    word-spacing: normal;
    white-space: normal;

    border-radius: 3px;

}
.btn:hover {
    color: #000000;
    border: thin solid #b3b3b3;
}
.btn.rojo {
    color: #FFFFFF;
    background: #D58C8C;
    border-color: #c07e7e;
}
.btn.rojo:hover {
    background-color: #F2DBDB;
}
.btn.verde {
    color: #FFFFFF;
    background: #79d25b;
    border-color: #4cc020;
}
.btn.verde:hover {
    background-color: #78da66;
}
.btn.azul {
    color: #FFFFFF;
    background: #9ab2f3;
    border-color: #8798ef;
}
.btn.ambar {
    color: #000000;
    background: #fbf67c;
    border-color: #e5df35;
}
.btn.carg {
    background-color: #E7FFE6;
    background-image: url(../../../pic/ajax-loader3.gif);
    height: 14px;
    width: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: auto;
}
.btn.carg:hover {
    background-color:#E7FFE6;
}
.btn.ico16 {

}
.btn.ico16:hover {
    background-color: #E9EFFE;
}

.btn_back_to_top{
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    display: block;
    border-radius: 10px;
    background: black;
    color: white;
    padding: 0.3rem 1rem;
    transition: all 0.5s linear;
    cursor: pointer;
    opacity: 0.3;
}
.btn_back_to_top:hover{
    opacity: 1;
}