.general-blue-btn {
    border-radius: 2px;
    border: none;
    padding: 1px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none !important;
    color: #67c1f5 !important;
    background: rgba(103, 193, 245, 0.2);
    transition: all 0.2s ease-out;
}

.general-blue-btn:not(.btn-disabled):not(:disabled):not(.btn-active):not(.active):hover {
    text-decoration: none !important;
    color: #fff !important;
    background: #417a9b;
    background: -webkit-linear-gradient(150deg, #417a9b 5%, #67c1f5 95%);
    background: linear-gradient(-60deg, #417a9b 5%, #67c1f5 95%);
}

.general-blue-btn.btn-active {
    text-decoration: none !important;
    color: #fff !important;
    background: rgba(103, 193, 245, 0.6);
}

.general-gray-btn {
    border-radius: 2px;
    border: none;
    padding: 1px;
    display: inline-block !important;
    cursor: pointer;
    text-decoration: none !important;
    color: #dfe3e6 !important;
    background: transparent;
    /*display: block;*/
    background: #75b022;
    background: -webkit-linear-gradient(top, #75b022 5%, #588a1b 95%);
    background: linear-gradient(to bottom, #75b022 5%, #588a1b 95%);
    background: linear-gradient(to right, #32363f 5%, #32363f 95%);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-out;
}

.general-gray-btn > span {
}

.general-gray-btn:not(.btn-disabled):not(:disabled):not(.btn-active):not(.active):hover {
    text-decoration: none !important;
    color: #fff !important;
    background: transparent;
    background: #8ed629;
    background: -webkit-linear-gradient(top, #8ed629 5%, #6aa621 95%);
    background: linear-gradient(to bottom, #8ed629 5%, #6aa621 95%);
    background: linear-gradient(to right, #464d58 5%, #464d58 95%);
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5);
}

.general-gray-btn:not(.btn-disabled):not(:disabled):not(.btn-active):not(.active):hover span {
}

.general-lightblue-btn {
    border-radius: 2px;
    border: none;
    padding: 1px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none !important;
    color: #2B5066 !important;
    background: rgba(193, 228, 249, 1);
    background: -webkit-linear-gradient(top, rgba(193, 228, 249, 1) 5%, rgba(148, 183, 202, 1) 95%);
    background: linear-gradient(to bottom, rgba(193, 228, 249, 1) 5%, rgba(148, 183, 202, 1) 95%);
    transition: all 0.2s ease-out;
}

.general-lightblue-btn:not(.btn-disabled):not(:disabled):not(.btn-active):not(.active):hover {
    text-decoration: none !important;
    color: #ffffff !important;
    background: rgba(102, 192, 244, 1);
    background: -webkit-linear-gradient(top, rgba(102, 192, 244, 1) 5%, rgba(47, 137, 188, 1) 95%);
    background: linear-gradient(to bottom, rgba(102, 192, 244, 1) 5%, rgba(47, 137, 188, 1) 95%);
}

.general-lightblue-btn > span {
    border-radius: 2px;
    display: block;
    background: transparent;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.1);
}

.general-lightblue-btn:not(.btn-disabled):not(:disabled):not(.btn-active):not(.active):hover > span {
    background: transparent;
}

.general-blue-btn-2 {
    border-radius: 2px;
    border: none;
    padding: 1px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none !important;
    color: #c3e1f8 !important;
    background: transparent;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    display: block;
    background: #75b022;
    background: -webkit-linear-gradient(top, #75b022 5%, #588a1b 95%);
    background: linear-gradient(to bottom, #75b022 5%, #588a1b 95%);
    background: linear-gradient(to right, #47bfff 5%, #1a44c2 60%);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    background-position: 25%;
    background-size: 330% 100%;
    transition: all 0.2s ease-out;
}

.general-blue-btn-2 > span {
}

.general-blue-btn-2:not(.btn-disabled):not(:disabled):not(.btn-active):not(.active):hover {
    text-decoration: none !important;
    color: #fff !important;
    background: transparent;
    background: #8ed629;
    background: -webkit-linear-gradient(top, #8ed629 5%, #6aa621 95%);
    background: linear-gradient(to bottom, #8ed629 5%, #6aa621 95%);
    background: linear-gradient(to right, #47bfff 5%, #1a44c2 60%);
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5);
    background-position: 0%;
    background-size: 330% 100%;
}

.general-blue-btn-2:not(.btn-disabled):not(:disabled):not(.btn-active):not(.active):hover > span {
}

.general-green-btn {
    border-radius: 2px;
    border: none;
    padding: 1px;
    display: inline-block !important;
    cursor: pointer;
    text-decoration: none !important;
    color: #d2efa9 !important;
    background: transparent;
    text-shadow: 1px 1px 0px rgb(0 0 0 / 30%);
    /* display: block; */
    background: #6fa720;
    background: -webkit-linear-gradient(top, #6fa720 5%, #588a1b 95%);
    background: linear-gradient(to bottom, #6fa720 5%, #588a1b 95%);
    background: linear-gradient(to right, #75b022 5%, #588a1b 95%);
    transition: all 0.2s ease-out;
}

.general-green-btn > span {
}

.general-green-btn:not(.btn-disabled):not(:disabled):not(.btn-active):not(.active):hover {
    text-decoration: none !important;
    color: #fff !important;
    background: transparent;
    background: #8ed629;
    background: -webkit-linear-gradient(top, #8ed629 5%, #6aa621 95%);
    background: linear-gradient(to bottom, #8ed629 5%, #6aa621 95%);
    background: linear-gradient(to right, #8ed629 5%, #6aa621 95%);
}

.general-green-btn:not(.btn-disabled):not(:disabled):not(.btn-active):not(.active):hover > span {
}

.general-darkblue-btn{
    border-radius: 2px;
    border: none;
    padding: 1px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none !important;
    color: #A4D7F5 !important;
    background: rgba(47,137,188,1);
    background: -webkit-linear-gradient( top, rgba(47,137,188,1) 5%, rgba(23,67,92,1) 95%);
    background: linear-gradient( to bottom, rgba(47,137,188,1) 5%, rgba(23,67,92,1) 95%);
    transition: all 0.2s ease-out;
}

.general-darkblue-btn > span{
}

.general-darkblue-btn:not(.btn-disabled):not(:disabled):not(.btn-active):not(.active):hover{
    text-decoration: none !important;
    color: #fff !important;
    background: #bbd8ff;
    background: -webkit-linear-gradient( top, #bbd8ff 5%, #4873a7 95%);
    background: linear-gradient( to bottom, #bbd8ff 5%, #4873a7 95%);
    background: rgba(102,192,244,1); /* Custom */
    background: -webkit-linear-gradient( top, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%); /* Custom */
    background: linear-gradient( to bottom, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%); /* Custom */
}

.general-darkblue-btn:not(.btn-disabled):not(:disabled):not(.btn-active):not(.active):hover > span{
}

.general-gray-black-btn{
    border-radius: 2px;
    border: none;
    padding: 1px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none !important;
    color: #66c0f4 !important;
    background: #212c3d;
    transition: all 0.2s ease-out;
}

.general-gray-black-btn > span{
}

.general-gray-black-btn:not(.btn-disabled):not(:disabled):not(.btn-active):not(.active):hover{
    text-decoration: none !important;
    color: #fff !important;
    background: #66c0f4;
}

.general-gray-black-btn:not(.btn-disabled):not(:disabled):not(.btn-active):not(.active):hover > span{
}

.general-gray-black-btn.btn-active{
    text-decoration: none !important;
    color: #fff !important;
    background: rgba( 103, 193, 245, 0.4 );
}

.general-green-white-btn{
    border-radius: 2px;
    border: none;
    padding: 1px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none !important;
    color: #D2E885 !important;

    background: #a4d007;
    background: -webkit-linear-gradient( top, #a4d007 5%, #536904 95%);
    background: linear-gradient( to bottom, #a4d007 5%, #536904 95%);
    transition: all 0.2s ease-out;
}

.general-green-white-btn > span{
}

.general-green-white-btn:not(.btn-disabled):not(:disabled):not(.btn-active):not(.active):hover{
    text-decoration: none !important;
    color: #fff !important;

    background: #b6d908;
    background: -webkit-linear-gradient( top, #b6d908 5%, #80a006 95%);
    background: linear-gradient( to bottom, #b6d908 5%, #80a006 95%);
}

.general-green-white-btn:not(.btn-disabled):not(:disabled):not(.btn-active):not(.active):hover > span{
}

.general-black-blue-btn{
    border-radius: 2px;
    border: none;
    padding: 1px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none !important;
    color: #67c1f5 !important;
    transition: all 0.2s ease-out;
    background: rgba(0, 0, 0, 0.5 );
}

.general-black-blue-btn > span{
}

.general-black-blue-btn:not(.btn-disabled):not(:disabled):not(.btn-active):not(.active):hover{
    text-decoration: none !important;
    color: #fff !important;

    background: rgba( 102, 192, 244, 0.4 );
}

.general-black-blue-btn:not(.btn-disabled):not(:disabled):not(.btn-active):not(.active):hover > span{
}

.general-gray-gray-btn{
    border-radius: 2px;
    border: none;
    padding: 1px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none !important;
    color: #ebebeb !important;
    transition: all 0.2s ease-out;
    background: rgba( 0, 0, 0, 0.4);
}

.general-gray-gray-btn:not(.btn-disabled):not(:disabled):not(.btn-active):not(.active):hover{
    text-decoration: none !important;
    color: #000 !important;

    background: #7bb7e3;
}

.general-blue-white-btn{
    border-radius: 2px;
    border: none;
    padding: 1px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none !important;
    color: #f5f5f5 !important;
    transition: all 0.2s ease-out;
    background: rgba(0,0,0,0);
    background: linear-gradient(to right, #47bfff 0%, #1a44c2 60%);
    background-position: 25%;
    background-size: 330% 100%;
}

.general-blue-white-btn:not(.btn-disabled):not(:disabled):not(.btn-active):not(.active):hover{
    background: linear-gradient(to right, #47bfff 0%, #1a44c2 60%);
    background-position: 0%;
    background-size: 330% 100%;
    color: #fff;
}

.general-blue-white-btn.disabled{
    background: rgba(61,67,77,.35);
    color: #464d58 !important;
    box-shadow: none;
    cursor: default;
    pointer-events: none;
}


.v2-general-blue-white-btn{
    position: relative;
    background: linear-gradient(90deg, #06BFFF 0%, #2D73FF 100%);
    border-radius: 2px;
    border: none;
    outline: none;
    padding: 12px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-family: inherit;
    text-align: center;
    cursor: pointer;
}

.v2-general-blue-white-btn:hover{
    background: linear-gradient(90deg, #06BFFF 30%, #2D73FF 100%);
}

.v2-general-blue-white-btn:focus{
    outline: solid #06bfff;
    outline-width: 1px;
}

.v2-general-blue-white-btn:active{
    background: linear-gradient(90deg, #06BFFF 50%, #2D73FF 100%);
}


.emoji-btn{
    display: inline-block;
    height: 36px;
    width: 36px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyMzAyRkRGRkFGMjNFMjExQTExQ0E1RUVDNzk3QzRFRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMzgxRUQ1QjYwOTMxMUU1OUQzNzkwMUIxQjA3MDExNSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozMzgxRUQ1QTYwOTMxMUU1OUQzNzkwMUIxQjA3MDExNSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRDU0MzUwNDM0NUVFNTExOTQ4NEY2QkZCMzgwMjBBMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMzAyRkRGRkFGMjNFMjExQTExQ0E1RUVDNzk3QzRFRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pkg7SNkAAAKgSURBVHjatFftcdswDGV5HsAjqBM0mSDKBFUmqDVBkt/+EefO/m1nAqkTxJnA6gRRJrA6QdkJWjL36HtFKeorxh3Osk2BjwAeAH5ar9dqgKTQK6tzqxf43VitrTZW36zu8dwpy+VSzXqsc5vdWb3Fc9ualL5vrVZWH/EZlS4QbvMHsXkDwz9pgwR6RWC819yae3hqEAi36bM4XWn1KWaM3s0APoGNA4CUoRd04DcX51cC4E7y2WreA4DPj5LeMQBWIEydILwHEnx36K/7JllAHJhLAn8HjYI4EAB3ip2aLg0OUlPSZm0gVkS51viNFCOAFJzsmrL7Fs/7D/JACEhOYd9KEJ6GvPAcUqN2OFn40GuilAIFjUhUx5Q/eGmIOJu/rB4pzApeNgTkHURG8SkDdPUGvg0E4StsIhLRIOQnmxpVTlHtl5lt6P8h8kOEgeXF5+Jms0lmRMmXFnpdYk01EMSKTixB7NnbM6qMdYTnzYREjP33Hm4tYiVFxnOMXEQo29o7FGXuEWX8CPemPTf2jCuIXasxrXyP7E3hkQcou9O0DD4h1+9iIAxRKVRqUwGmy81y8++gvgmE+gSixgZfWgxVxAw/0s0jIGoa90wkXB5ExSAyNK6u+l8FaKZGVNMTaM2FY0DiTZWvHoAddI3GyZqRpXmMJKJXnSj6RLQ8tzcK2UM0Na6GJp/5mQDwIR994mpCdU/U254BANv9p25oUZx2hLj4YAAHGpxuYoMuz5YLlOypockEgP+m91DvyAlIhr6xGMmCZzqIHHZVVwPLaRb0F5cj7gxJj5P79RnlwHVba5/1GEq21De2UD9jOKO/UfLnAXob0H815UJciyaWUd2PVdgGm5eR/tEbhGxiOd22Fc2nDW7pjajAveSvAAMANCO6us8cVJgAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.emoji-btn.small{
    height: 22px;
    width: 22px;
    vertical-align: middle;
}

.emoji-btn:hover, .emoji-btn.focus{
    background-image: url( 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyMzAyRkRGRkFGMjNFMjExQTExQ0E1RUVDNzk3QzRFRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQjU1MUI0MDYwOTMxMUU1OTUyMjlCQ0MwQTgyRDc5MCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQjU1MUIzRjYwOTMxMUU1OTUyMjlCQ0MwQTgyRDc5MCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRDU0MzUwNDM0NUVFNTExOTQ4NEY2QkZCMzgwMjBBMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMzAyRkRGRkFGMjNFMjExQTExQ0E1RUVDNzk3QzRFRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp+wFVoAAAI+SURBVHjavFiBcYMwDHS4DOARvEHZIGSCskEZgU5QOkGuE9BOQDtB2glIJ4BOAJ2AyncyJ1Tj2AlEd3+kYMvvty3J3QzDIAIsQewAEhDj+x5wArSAb8A7/vYzTeIMJKAAdEOYHQGJh3+xOaNEDnjCWRvTM/wE/OBTm0LsUClqus0jKhWkhMSZUCsBsadyGaAhfTt8Z+1jexkzB5qM8pHVgowt48GHhGQE8gsHp9ATqF0+eQfaOFuAAJ0c9Z3OkSgWVsBFpMO/JyQUWbtqBQJ0v9GNPiFR2hiuBKq4MiQkUaFwSBi6R1L027Cj/W88c4wmzAgSdlRDSNA4wydnlNcERYRRTpDYL1h07Mn3EPsiv3nfj0mkJYwLxzlPrtiIc1F2PK5i7uzeAGavFRGRqLdIquVKxXUWz7wfx4scnTNAA6jwWVgy5JxJJF8Cap0nsb/VdCo3uXxPUrNxVDkGPs2ol8y03bP2R2z7vMUPEqXncu2x4QM+lYfMfPA3wKuF8Ohriw31AHczjj6JQqakkw4SJ1Lu9Y7lUqN/zPFj4LgRaICUEQscibiN3U9UQ2YNz2wrQvGaxXzIyYdkZRJHnrFtZV29YjrPbIUTT73DissSkxReu2rMw0pEKIGOlwy2DiUhUi2wNCkjEPvcOziR7sLKW+EkBhcBFwleC5pglntchFI2CbMH4kvvojo0HyxBrEXoYPOLIV9a2umw/eLKoL63clNrlgE3c6OaXOJW7vofhSD1aYu3dHNjb0Mc/gkwADlAbL3OpPROAAAAAElFTkSuQmCC' );
}

.btn-size-medium {
    /*padding: 0 15px;*/
    font-size: 15px;
    line-height: 30px;
    font-weight: 500;
}

.btn-size-medium > span {
    padding: 0 15px;
    font-size: 15px;
    line-height: 30px;
}

.btn-size-medium-wide {
    /*padding: 0 15px;*/
    font-size: 15px;
    line-height: 30px;
    font-weight: 500;
}

.btn-size-medium-wide > span {
    padding: 0 40px;
    font-size: 15px;
    line-height: 30px;
}

.btn-size-small {
    /*padding: 0 15px;*/
    font-size: 12px;
    line-height: 20px;
}

.btn-size-small span {
    padding: 0 15px;
    font-size: 12px;
    line-height: 20px;
}

.btn-size-small-thin{
    /*padding: 0 15px;*/
    font-size: 12px;
    line-height: 20px;
}

.btn-size-small-thin > span{
    padding: 0 5px;
    font-size: 12px;
    line-height: 20px;
}

.btn-size-small-tall > span{
    padding: 0 15px;
    font-size: 12px;
    line-height: 24px;
}

.btn-size-small-wide > span {
    padding: 0 24px;
    font-size: 12px;
    line-height: 20px;
}
.btn-size-tiny > span {
    padding: 0 7px;
    font-size: 11px;
    line-height: 17px;
}

.btn-border-2px {
    border-radius: 4px;
    border: 2px solid #17202f;
}

.btn-disabled, button:disabled{
    opacity: 0.45;
    cursor: default;
}