html, body {
    background-color: #676767;
    height: 100%;
    color: #ffffff;
}

hr {
    margin: 0;
    border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #3a3a3a;
}

.modal-dialog {
    margin-left: auto !important;
    margin-right: auto !important;
}

.ipcolor {
    color: #20C4F3;
}

.ipbackground {
    background: #20C4F3;
}

.ipbackground2 {
    background: #21B3DB;
}

.checkbackground {
    background: #E9640B;
}

.claimbackground {
    background: #5ebb13;
}

nav {
    border-top: 1px solid #919191;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#666666+0,4f4f4f+100 */
    background: #666666; /* Old browsers */
    background: -moz-linear-gradient(top, #666666 0%, #4f4f4f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #666666 0%,#4f4f4f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #666666 0%,#4f4f4f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#4f4f4f',GradientType=0 ); /* IE6-9 */
}

nav > * {
    line-height: 1.2;
}

nav .table td {
    border-bottom: 1px solid #434343;
}

nav .table td.active {
    border-bottom: 1px solid #676767;
    background: #676767;
}

nav .table td.active > *, nav .table td a:hover {
    color: #ffffff !important;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.col-4 {
    max-width: 210px;
    min-width: 210px;
}

.modal-dialog {
    max-width: 350px;
}

.modal-dialog.w-210 {
    max-width: 210px;
}

.btn-main-keyboard {
    color: #FFFFFF;

    border-top: 1px solid #a8a8a8;
    border-right: 1px solid #5e5e5e;
    border-bottom: 1px solid #404040;
    border-left: 1px solid #595959;

    background: #676767; /* Old browsers */
    background: -moz-linear-gradient(top, #676767 10%, #535353 85%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #676767 10%,#535353 85%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #676767 10%,#535353 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676767', endColorstr='#535353',GradientType=0 ); /* IE6-9 */
}
.btn-main-keyboard:hover,
.btn-main-keyboard:focus,
.btn-main-keyboard:active,
.btn-main-keyboard.active,
.open .dropdown-toggle.btn-main-keyboard {
    background: #606060; /* Old browsers */
    background: -moz-linear-gradient(top, #606060 10%, #464646 85%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #606060 10%,#464646 85%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #606060 10%,#464646 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#464646',GradientType=0 ); /* IE6-9 */
}

.btn-stamp {
    color: #FFFFFF;

    border-top: 1px solid #8dd9f0;
    border-right: 1px solid #3f7e94;
    border-bottom: 1px solid #166598;
    border-left: 1px solid #1bb8ed;

    background: #20c3f4; /* Old browsers */
    background: -moz-linear-gradient(top, #20c3f4 10%, #0a90e6 85%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #20c3f4 10%,#0a90e6 85%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #20c3f4 10%,#0a90e6 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20c3f4', endColorstr='#0a90e6',GradientType=0 ); /* IE6-9 */
}
.btn-stamp:hover,
.btn-stamp:focus,
.btn-stamp:active,
.btn-stamp.active,
.open .dropdown-toggle.btn-stamp {
    background: #0B9BDD; /* Old browsers */
    background: -moz-linear-gradient(top, #0B9BDD 10%, #0A92D1 85%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0B9BDD 10%,#0A92D1 85%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0B9BDD 10%,#0A92D1 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0B9BDD', endColorstr='#0A92D1',GradientType=0 ); /* IE6-9 */
}
.btn-stamp.disabled,
.btn-stamp[disabled],
fieldset[disabled] .btn-stamp,
.btn-stamp.disabled:hover,
.btn-stamp[disabled]:hover,
fieldset[disabled] .btn-stamp:hover,
.btn-stamp.disabled:focus,
.btn-stamp[disabled]:focus,
fieldset[disabled] .btn-stamp:focus,
.btn-stamp.disabled:active,
.btn-stamp[disabled]:active,
fieldset[disabled] .btn-stamp:active,
.btn-stamp.disabled.active,
.btn-stamp[disabled].active,
fieldset[disabled] .btn-stamp.active {
    background: #507A86;
    filter: none !important;
    color: #898989;
}

.btn-check {
    color: #FFFFFF;

    border-top: 1px solid #ab8e6f;
    border-right: 1px solid #9a6935;
    border-bottom: 1px solid #6a503e;
    border-left: 1px solid #886541;

    background: #ff8400; /* Old browsers */
    background: -moz-linear-gradient(top, #ff8400 10%, #e9640b 85%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ff8400 10%,#e9640b 85%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff8400 10%,#e9640b 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8400', endColorstr='#e9640b',GradientType=0 ); /* IE6-9 */
}
.btn-check:hover,
.btn-check:focus,
.btn-check:active,
.btn-check.active,
.open .dropdown-toggle.btn-check {
    background: #f27500; /* Old browsers */
    background: -moz-linear-gradient(top, #f27500 10%, #dd540b 85%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f27500 10%,#dd540b 85%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f27500 10%,#dd540b 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27500', endColorstr='#dd540b',GradientType=0 ); /* IE6-9 */
}
.btn-check.disabled,
.btn-check[disabled],
fieldset[disabled] .btn-check,
.btn-check.disabled:hover,
.btn-check[disabled]:hover,
fieldset[disabled] .btn-check:hover,
.btn-check.disabled:focus,
.btn-check[disabled]:focus,
fieldset[disabled] .btn-check:focus,
.btn-check.disabled:active,
.btn-check[disabled]:active,
fieldset[disabled] .btn-check:active,
.btn-check.disabled.active,
.btn-check[disabled].active,
fieldset[disabled] .btn-check.active {
    background: #886A49;
    filter: none !important;
    color: #898989;
}

.btn-claim {
    color: #FFFFFF;

    border-top: 1px solid #cae091;
    border-right: 1px solid #6f8643;
    border-bottom: 1px solid #487f1b;
    border-left: 1px solid #697a4a;

    background: #a5d432; /* Old browsers */
    background: -moz-linear-gradient(top, #a5d432 10%, #59b112 85%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #a5d432 10%,#59b112 85%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #a5d432 10%,#59b112 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5d432', endColorstr='#59b112',GradientType=0 ); /* IE6-9 */
}
.btn-claim:hover,
.btn-claim:focus,
.btn-claim:active,
.btn-claim.active,
.open .dropdown-toggle.btn-claim {
    background: #a3c62f; /* Old browsers */
    background: -moz-linear-gradient(top, #a3c62f 10%, #5aa812 85%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #a3c62f 10%,#5aa812 85%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #a3c62f 10%,#5aa812 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3c62f', endColorstr='#5aa812',GradientType=0 ); /* IE6-9 */
}
.btn-claim.disabled,
.btn-claim[disabled],
fieldset[disabled] .btn-claim,
.btn-claim.disabled:hover,
.btn-claim[disabled]:hover,
fieldset[disabled] .btn-claim:hover,
.btn-claim.disabled:focus,
.btn-claim[disabled]:focus,
fieldset[disabled] .btn-claim:focus,
.btn-claim.disabled:active,
.btn-claim[disabled]:active,
fieldset[disabled] .btn-claim:active,
.btn-claim.disabled.active,
.btn-claim[disabled].active,
fieldset[disabled] .btn-claim.active {
    background: #717D53;
    filter: none !important;
    color: #898989;
}

.btn-clear {
    color: #FFFFFF;

    border-top: 1px solid #FFD714;
    border-right: 1px solid #FFD714;
    border-bottom: 1px solid #634D3E;
    border-left: 1px solid #E8C413;

    background: #ffd400; /* Old browsers */
    background: -moz-linear-gradient(top, #ffd400 10%, #fdb900 85%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffd400 10%,#fdb900 85%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffd400 10%,#fdb900 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd400', endColorstr='#fdb900',GradientType=0 ); /* IE6-9 */
}
.btn-clear:hover,
.btn-clear:focus,
.btn-clear:active,
.btn-clear.active,
.open .dropdown-toggle.btn-clear {
    background: #efbb00; /* Old browsers */
    background: -moz-linear-gradient(top, #efbb00 10%, #f2ad00 85%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #efbb00 10%,#f2ad00 85%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #efbb00 10%,#f2ad00 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efbb00', endColorstr='#f2ad00',GradientType=0 ); /* IE6-9 */
}

.btn-sq {
  width: 70px !important;
  height: 70px !important;
}
.btn-sq2 {
  width: 56px !important;
  height: 56px !important;
}
.btn-w-33 {
  width: 33.333% !important;
}
.btn-sq .display-4 {
    font-size: 40px;
}
.btn-sq .h4 {
    font-size: 20px;
}
.btn-sq .h6 {
    font-size: 16px;
}
.btn-sq .display-4, .btn-sq .h4, .btn-sq .h6 {
    /*line-height: 1 !important;*/
}
.btn-sq .display-4, .btn-sq .h4, .btn-sq .h6 {
    /*line-height: 1 !important;*/
}

.special-btn {
    line-height: 16px;
}
.special-btn span {
    white-space:normal !important;
    word-wrap: break-word;
    word-break: normal;
    line-height: inherit;
}

.footer {
    height: 16px;
    line-height: 16px;
    color: #a5a5a5;
    font-size: 12px;
    z-index: 0;
}

@media screen and (max-width: 299px) {
    .col.emptycol {
        display: none;
    }

    .col-4 {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}