.btn {
    color:#fff;
    position: relative;
    border: none;
    background-color: transparent !important;
}
.btn:hover{
    text-decoration: none;
    background-color: inherit;
}



.btn-off {
    color: #666666;
    cursor:default;
}
.btn.btn-off:hover {
    color: #666666;
    cursor:default;
}

.btn-dark {
    background: rgb(48,48,48);
    background: radial-gradient(circle, rgba(48,48,48,1) 0%, rgba(0,0,0,1) 100%);
    border: #000000 1px solid;
    color: #fff;
}
.btn.btn-dark:hover {
    background: rgb(74,74,74);
    background: radial-gradient(circle, rgba(74,74,74,1) 0%, rgba(0,0,0,1) 100%);
    border: #000000 1px solid;
    color: #fff;
}

.btn-light {
    background: rgb(131,131,131);
    background: radial-gradient(circle, rgba(131,131,131,1) 0%, rgba(64,64,64,1) 100%);
    border: #000000 1px solid;
    color: #000;
}
.btn.btn-light:hover {
    background: rgb(186,186,186);
    background: radial-gradient(circle, rgba(186,186,186,1) 0%, rgba(64,64,64,1) 100%);
    border: #000000 1px solid;
    color: #000;
}





.btn-green,
.btn-sell {
    background: rgb(21,101,18);
    background: radial-gradient(circle, rgba(21,101,18,1) 0%, rgba(6,36,5,1) 100%);
    border: #062405 1px solid;
    color: #fff;
}
.btn.btn-green:hover,
.btn.btn-sell:hover {
    background: rgb(31,147,27);
    background: radial-gradient(circle, rgba(31,147,27,1) 0%, rgba(6,36,5,1) 100%);
    border: #062405 1px solid;
    color: #fff;
}


.btn-darkgreen {
    background: rgb(24,65,19);
    background: radial-gradient(circle, rgba(24,65,19,1) 0%, rgba(6,25,5,1) 100%);
    border: #061905 1px solid;
    color: #fff;
}
.btn.btn-darkgreen:hover {
    background: rgb(37,97,29);
    background: radial-gradient(circle, rgba(37,97,29,1) 0%, rgba(6,25,5,1) 100%);
    border: #061905 1px solid;
    color: #fff;
}





.btn-red,
.btn-repair {
    background: rgb(101,9,9);
    background: radial-gradient(circle, rgba(101,9,9,1) 0%, rgba(36,5,5,1) 100%);
    border: #240505 1px solid;
    color: #fff;
}
.btn.btn-red:hover,
.btn.btn-repair:hover {
    background: rgb(180,19,19);
    background: radial-gradient(circle, rgba(180,19,19,1) 0%, rgba(36,5,5,1) 100%);
    border: #240505 1px solid;
    color: #fff;
}




.btn-blue,
.btn-messages,
.btn-scrap {
    background: rgb(12,83,93);
    background: radial-gradient(circle, rgba(12,83,93,1) 0%, rgba(5,31,36,1) 100%);
    border: #051f24 1px solid;
    color: #fff;
}
.btn.btn-blue:hover,
.btn.btn-messages:hover,
.btn.btn-scrap:hover {
    background: rgb(24,123,136);
    background: radial-gradient(circle, rgba(24,123,136,1) 0%, rgba(5,31,36,1) 100%);
    border: #051f24 1px solid;
    color: #fff;
}





.btn-yellow,
.btn-notifs,
.btn-mainkey {
    background: rgb(144,143,22);
    background: radial-gradient(circle, rgba(144,143,22,1) 0%, rgba(36,34,5,1) 100%);
    border: #242205 1px solid;
    color: #fff;
}
.btn.btn-yellow:hover,
.btn.btn-notifs:hover,
.btn.btn-mainkey:hover {
    background: rgb(209,208,23);
    background: radial-gradient(circle, rgba(209,208,23,1) 0%, rgba(36,34,5,1) 100%);
    border: #242205 1px solid;
    color: #fff;
}




.btn-purple {
    background: rgb(124,22,135);
    background: radial-gradient(circle, rgba(124,22,135,1) 0%, rgba(33,5,36,1) 100%);
    border: #210524 1px solid;
    color: #fff;
}
.btn.btn-purple:hover {
    background: rgb(181,27,198);
    background: radial-gradient(circle, rgba(181,27,198,1) 0%, rgba(33,5,36,1) 100%);
    border: #210524 1px solid;
    color: #fff;
}




.btn-orange {
    background: rgb(139,83,22);
    background: radial-gradient(circle, rgba(139,83,22,1) 0%, rgba(36,21,5,1) 100%);
    border: #241505 1px solid;
    color: #fff;
}
.btn.btn-orange:hover {
    background: rgb(198,114,22);
    background: radial-gradient(circle, rgba(198,114,22,1) 0%, rgba(36,21,5,1) 100%);
    border: #241505 1px solid;
    color: #fff;
}

.btn-brown {
    background: rgb(92,53,30);
    background: radial-gradient(circle, rgba(92,53,30,1) 0%, rgba(36,21,5,1) 100%);
    border: #241505 1px solid;
    color: #fff;
}
.btn.btn-brown:hover {
    background: rgb(139,80,46);
    background: radial-gradient(circle, rgba(139,80,46,1) 0%, rgba(36,21,5,1) 100%);
    border: #241505 1px solid;
    color: #fff;
}







.btn-default,
.panel-default > .panel-heading {
    background: rgb(48,48,48);
    background: linear-gradient(180deg, rgba(86,86,86,1) 0%, rgba(48,48,48,1) 5%, rgba(48,48,48,1) 35%, rgba(36,36,36,1) 50%);
    border: #2c2c2c 1px solid;
    color: #fff;
}
.btn.btn-default:hover {
    background: rgb(70,70,70);
    background: linear-gradient(180deg, rgba(86,86,86,1) 0%, rgba(70,70,70,1) 5%, rgba(70,70,70,1) 35%, rgba(36,36,36,1) 50%);
    border: #272727 1px solid;
    color: #fff;
}


.btn-success,
.panel-success > .panel-heading {
    background: rgb(00,75,00);
    background: linear-gradient(180deg, rgba(00,125,00,1) 0%, rgba(00,75,00,1) 5%, rgba(00,75,00,1) 35%, rgba(00,45,00,1) 50%);
    border: #0c560c 1px solid;
    color: #fff;
}
.btn.btn-success:hover {
    background: rgb(00,98,00);
    background: linear-gradient(180deg, rgba(00,125,00,1) 0%, rgba(00,98,00,1) 5%, rgba(00,98,00,1) 35%, rgba(00,45,00,1) 50%);
    border: #0c560c 1px solid;
    color: #fff;
}


.btn-danger,
.panel-danger > .panel-heading {
    background: rgb(90,00,00);
    background: linear-gradient(180deg, rgba(150,00,00,1) 0%, rgba(90,00,00,1) 5%, rgba(90,00,00,1) 35%, rgba(60,00,00,1) 50%);
    border: #650c0c 1px solid;
    color: #fff;
}
.btn.btn-danger:hover {
    background: rgb(113,00,00);
    background: linear-gradient(180deg, rgba(150,00,00,1) 0%, rgba(113,00,00,1) 5%, rgba(90,00,00,1) 35%, rgba(60,00,00,1) 50%);
    border: #650c0c 1px solid;
    color: #fff;
}


.btn-info,
.panel-info > .panel-heading {
    background: rgb(00,90,90);
    background: linear-gradient(180deg, rgba(0,150,150,1) 0%, rgba(00,90,90,1) 5%, rgba(00,90,90,1) 35%, rgba(00,70,70,1) 50%);
    border: #0c6365 1px solid;
    color: #fff;
}
.btn.btn-info:hover {
    background: rgb(00,113,113);
    background: linear-gradient(180deg, rgba(0,150,150,1) 0%, rgba(00,113,113,1) 5%, rgba(00,113,113,1) 35%, rgba(00,70,70,1) 50%);
    border: #0c6365 1px solid;
    color: #fff;
}


.btn-warning,
.panel-warning > .panel-heading {
    background: rgb(90,75,00);
    background: linear-gradient(180deg, rgba(150,110,00,1) 0%, rgba(90,75,00,1) 5%, rgba(90,75,00,1) 35%, rgba(60,45,00,1) 50%);
    border: #65500c 1px solid;
    color: #fff;
}
.btn.btn-warning:hover {
    background: rgb(113,98,00);
    background: linear-gradient(180deg, rgba(150,110,00,1) 0%, rgba(113,98,00,1) 5%, rgba(113,98,00,1) 35%, rgba(60,45,00,1) 50%);
    border: #65500c 1px solid;
    color: #fff;
}


.panel-purple > .panel-heading {
    background: rgb(68,4,111);
    background: linear-gradient(180deg, rgba(68,4,111,1) 0%, rgba(74,9,119,1) 5%, rgba(55,6,88,1) 35%, rgba(38,3,64,1) 50%);
    border: #6b07af 1px solid;
    color: #fff;
}



@media (max-width: 767px) {
}