.btn{
    font-family:"Ubuntu",sans-serif;
    font-size:12px;
    padding:6px 12px;
    height:32px;
    position:relative;
    font-weight:500;
    font-weight:normal;
    border-radius:0px;
    background:linear-gradient(to bottom,white 60%,#f0f0f0);
    text-transform:uppercase;
    text-transform:none;
    color:#606060;
    letter-spacing:.5px;
    border:1px solid #c0ccdb;
    display:flex;
    justify-content:center;
    align-items:center;
    min-width:80px;
    border-radius:.25rem;
    font-size:95%;
}
.btn>.fa,.btn>.fal{
    min-width:20px;
    margin-right:2px;
}
.btn.btn-lg{
    font-size:14px;
    padding:10px 12px;
    height:42px;
}
.btn:focus,.btn:active:focus{
    box-shadow:none!important;
}
.btn:hover,.btn:active{
    box-shadow:2px 2px 2px #0002!important;
    box-shadow:0 0 5px #c0ccdb!important;
    background:linear-gradient(to bottom,white 60%,#f0f0f0)!important;
    outline:none;
    text-decoration:none;
    border-color:orange;
    filter:brightness(98%);
}
.btn:active{
    position:relative;
    top:2px;
}
.btn i:first-child{
    width:14px;
    height:14px;
    vertical-align:middle;
}
.btn span:not(:first-child){
    margin-left:.25rem;
}
.btn:hover i:first-child{
    transform:scale(1.2);
}
.btn:not(:disabled):not(.disabled):active{
    top:1px;
}
.btn.btn-primary,.btn.btn-danger,.btn.btn-info,.btn.btn-warning,.btn.btn-success{
    min-width:100px;
}
.btn.btn-primary {
    background:#3299fe!important;
    border:1px solid #3299fe!important;
    color:white!important;
}
.btn.btn-primary:hover,.btn.btn-primary:focus,.btn.btn-primary:active{
    background:#3299fe!important;
    border:1px solid #3299fe!important;
    color:white!important;
}
.btn.btn-danger{
    background:#FF5252!important;
    border:1px solid #FF5252!important;
    color:white!important;
}
.btn.btn-danger:hover,.btn.btn-danger:focus,.btn.btn-danger:active{
    background:#FF5252!important;
    border:1px solid #FF5252!important;
    color:white!important;
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle{
    border-color:#C0CCDB;
}
.btn.btn-inside,.btn.btn-inside:active,.btn.btn-inside:focus{
    position:absolute;
    top:0px;
    right:0px;
    transform:scale(.8);
}
.icon-search{
    display:inline-block;
    background:url(../img/search.png) no-repeat center center;
    background-size:contain;
}
.icon-find{
    display:inline-block;
    background:url(../img/binocular.png) no-repeat center center;
    background-size:contain;
}
.icon-edit{
    display:inline-block;
    background:url(../img/edit.png) no-repeat center center;
    background-size:contain;
}
.icon-tele{
    display:inline-block;
    background:url(../img/tele.png) no-repeat center center;
    background-size:contain;
}
.icon-plus{
    display:inline-block;
    background:url(../img/plus.png) no-repeat center center;
    background-size:contain;
}
.icon-minus{
    display:inline-block;
    background:url(../img/minus.png) no-repeat center center;
    background-size:contain;
}
.icon-pencil{
    display:inline-block;
    background:url(../img/pencil.png) no-repeat center center;
    background-size:contain;
}
.icon-create{
    display:block;
    background:url(../img/create.png) no-repeat center center;
    background-size:contain;
}
.icon-back{
    display:block;
    background:url(../img/back.png) no-repeat center center;
    background-size:contain;
}
.icon-export,.icon-download{
    display:block;
    background:url(../img/download.png) no-repeat center center;
    background-size:contain;
}
.icon-upload{
    display:block;
    background:url(../img/upload.png) no-repeat center center;
    background-size:contain;
}
.icon-times{
    display:block;
    background:url(../img/times.png) no-repeat center center;
    background-size:contain;
}
.icon-topup{
    display:block;
    background:url(../img/top-up.png) no-repeat center center;
    background-size:contain;
}
.icon-withdraw{
    display:block;
    background:url(../img/top-down.png) no-repeat center center;
    background-size:contain;
}
.icon-trash{
    display:block;
    background:url(../img/trash.png) no-repeat center center;
    background-size:contain;
}
.icon-refresh{
    display:block;
    background:url(../img/reload.png) no-repeat center center;
    background-size:contain;
}
.icon-eye{
    display:block;
    background:url(../img/eye.png) no-repeat center center;
    background-size:contain;
}
.icon-eye.closed{
    background-image:url(../img/eye-closed.png);
}
.icon-task{
    background:url(../img/task.png) no-repeat center center;
    background-size:contain;
    vertical-align:middle;
}
.icon-power{
    display:block;
    background:url(../img/power.png) no-repeat center center;
    background-size:contain;
}
.icon-profile{
    display:block;
    background:url(../img/profile.png) no-repeat center center;
    background-size:contain;
}
.icon-money-cycle{
    display:block;
    background:url(../img/money-cycle.png) no-repeat center center;
    background-size:contain;
}
.icon-bank{
    display:block;
    background:url(../img/bank.png) no-repeat center center;
    background-size:contain;
}
.icon-cash-coin{
    display:block;
    background:url(../img/cash-coin.png) no-repeat center center;
    background-size:contain;
}
.icon-graph{
    display:block;
    background:url(../img/graph.png) no-repeat center center;
    background-size:contain;
}
.icon-log{
    display:block;
    background:url(../img/log.png) no-repeat center center;
    background-size:contain;
}
.icon-pin{
    display:block;
    background:url(../img/pin.png) no-repeat center center;
    background-size:contain;
}
.icon-check{
    display:block;
    background:url(../img/check.png) no-repeat center center;
    background-size:contain;
}
.icon-menu{
    display:block;
    background:url(../img/menu.png) no-repeat center center;
    background-size:contain;
}
.icon-windows{
    display:block;
    background:url(../img/windows.png) no-repeat center center;
    background-size:contain;
}
.icon-text{
    display:block;
    background:url(../img/text.png) no-repeat center center;
    background-size:contain;
}
.icon-send{
    display:block;
    background:url(../img/send.png) no-repeat center center;
    background-size:contain;
}
.icon-copy{
    display:block;
    background:url(../img/copy.png) no-repeat center center;
    background-size:contain;
}
.icon-map{
    display:block;
    background:url(../img/gmap.png) no-repeat center center;
    background-size:contain;
}
.icon-sign-in{
    display:block;
    background:url(../img/sign_in.png) no-repeat center center;
    background-size:contain;
}
.icon-date{
    display:block;
    background:url(../img/date.png) no-repeat center center;
    background-size:contain;
}
.icon-template{
    display:block;
    background:url(../img/template.png) no-repeat center center;
    background-size:contain;
}
.icon-todo{
    display:block;
    background:url(../img/todo.png) no-repeat center center;
    background-size:contain;
}
.icon-list{
    display:block;
    background:url(../img/list.png) no-repeat center center;
    background-size:contain;
}
.icon-list-avatar{
    display:block;
    background:url(../img/list-avatar.png) no-repeat center center;
    background-size:contain;
}
.icon-table{
    display:block;
    background:url(../img/table.png) no-repeat center center;
    background-size:contain;
}
.icon-info{
    display:block;
    background:url(../img/info.png) no-repeat center center;
    background-size:contain;
}
.icon-printer{
    display:block;
    background:url(../img/printer.png) no-repeat center center;
    background-size:contain;
}
.icon-excel{
    display:block;
    background:url(../img/m-excel.png) no-repeat center center;
    background-size:contain;
}
.icon-word{
    display:block;
    background:url(../img/word.png) no-repeat center center;
    background-size:contain;
}
.icon-three-dots{
    display:block;
    background:url(../img/three-dots.png) no-repeat center center;
    background-size:contain;
}
.icon-sweep{
    display:block;
    background:url(../img/sweep.png) no-repeat center center;
    background-size:contain;
}
.icon-maximize{
    display:block;
    background:url(../img/maximize.png) no-repeat center center;
    background-size:contain;
}
.icon-cookies{
    display:block;
    background:url(../img/cookies.png) no-repeat center center;
    background-size:contain;
}
