.navbar-brand {
    margin-top: 0px !important;
    font-weight: 600;
    letter-spacing: 0.7px;
}

.footer-credits {
    letter-spacing: 0.50px;
}

.footer-credits {
    padding-top: 25px;
}

.f-of span {
    font-size: 110%;
    letter-spacing: 1px;
}

.homepage-cover {
    min-height: 20vh !important;
}

.ethics {
    min-height: 0 !important;
}

.red {
    color: red;
}

@media screen and (max-width: 1205px) {

    .f-of {
        padding-top: 20px;
    }

}

.margin-fix-checkbox {
    margin-top: -15px !important;
}

.page-wrapper {
    padding-top: 100px;
}

.tpromo {
    font-family: "Questrial";
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    font-size: 250%;
}

.control-label {
    font-family: "Titillium Web";
    letter-spacing: 1px;
}

.btn-sm {
    font-size: 14px !important;
    padding: 10px 20px 10px 20px;
}
.table {
    border: 4px solid #21b799;border-radius:2px;table-layout: fixed;
}
.table.table-light {
    border: none;
}
.table .thead-light th {
    color: #000;
    background-color: #d9edf7;
}
.table .thead-green th {
    color: #fff;
    background-color: #21b799;
    border-color: #21b799;
}
.btn-lightgreen {
    color: #fff;
    background-color: #21b799;
}
.antibotlinks .body {
    padding: 15px 0;
}
.clear-refresh {
    color: #337ab7;
    cursor: pointer;
}
.antibotlinks-instruction, .antibotlinks .header {
    color: #31708f;
    background-color: #d9edf7;
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px;
}
#antibotlinks_reset {
    text-decoration: underline !important;
}
.retry {
    cursor: pointer;
    text-decoration: underline;
}
.checkbox-with-label label{
    display: flex;
    align-items: center;
    justify-content: center;
}
.checkbox-with-label input{
    min-height: 20px; 
    height: 20px;
    width: 20px;
    margin: 0 4px;
}
.dropdown:hover .dropdown-menu {
  display: block;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-color: #7af0d8;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: #21b799;
}
.dropdown-menu>li>a {
    padding: 8px 20px;
}
.balance span{
    font-size:  18px;
    color:  gold !important;
}
.balance>a {
    float: left;
}
.balance>select {
    min-height: unset;
    margin: 6px 0;
}
@media (max-width: 415px) {
    .hide-on-small-width {
        display: none;
    }
}
@media (min-width: 768px) {
    .balance>select {
        margin: 10px 0;
    }
}
.button {
    cursor: pointer;
}
.processing {
    color: #b9b935;
    border-radius: 8px;
    padding: 8px;
}
.success {
    background-color: green;
    border-radius: 8px;
    padding: 8px;
    color: white;
}
.failed {
    color: red;
    border-radius: 8px;
    padding: 8px;
}
textarea {
    width: 100%;
    height: 100%;
    resize: vertical;
}
.pull-right {
    float: right;
}
.margin {
    margin: 10px;
}
.material-switch {
    margin-left: 8px;
}
.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}