body {
    background-color:#f2f2f2;
    overflow-x:hidden;
}

.colorcomponent {
    margin-bottom:2vh;
}
.colorcomponents {
    background-color:#f5f5f5;
    padding:1em;
    border: 1px solid;
    border-color:#d1d1d1;
    opacity:0.9;
    font-size:90%;
}
.themeface {
    border-bottom:1px solid rgba(0,0,0,0.05);
    padding-top:0.1em;
    padding-bottom:0.1em;
}
.colorpreview {
    padding:0.8em;
    border-radius:1em;
    border:1px solid;
    borger-color:#d1d1d1;
}
@media (min-device-width:768px) {
    .previewcomponent {
        margin-right:5vw;
    }
    .colorcomponents {
        margin-left:1vw;
    }
}
.colorinput  {
    margin-right:1vw;
    margin-bottom:0.5em;
}


.previewcomponent {
    
    padding:1vh;
    -webkit-box-shadow: 2px 0px 12px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 4px 12px 4px rgba(0,0,0,0.75);
    box-shadow: 2px 0px 12px 0px rgba(0,0,0,0.75);
    min-height:70vh;
}
.previewcomponent pre {
    border:0px;
}
input[type=text] {
    font-size:90%;
    padding:0;
}
pre {
    font-size:1.3em;
    font-family: Ubuntu Mono, Monospace;
}
.navbar-default {
    background-color: #000000;
    border-color: #101010;
}
.navbar-default .navbar-brand {
    color: #ecf0f1;
    font-size:200%;
    margin-top:20px;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
                                         color: #ecdbff;
                                     }
.navbar-default .navbar-text {
    color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
    color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
                                                color: #ecdbff;
                                            }
.navbar-default .navbar-nav > li > .dropdown-menu {
    background-color: #000000;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
    color: #ecf0f1;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
    color: #ecdbff;
    background-color: #101010;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
    background-color: #000000;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
                                                                                                color: #ecdbff;
                                                                                                background-color: #101010;
                                                                                            }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
                                                                                            color: #ecdbff;
                                                                                            background-color: #101010;
                                                                                        }
.navbar-default .navbar-toggle {
    border-color: #101010;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
                                          background-color: #101010;
                                      }
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ecf0f1;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    /* border-color: #ecf0f1; */
    border:0px;
}
.navbar-default .navbar-link {
    color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
    color: #ecdbff;
}


@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ecf0f1;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
                                                                         color: #ecdbff;
                                                                     }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
                                                                                                                                              color: #ecdbff;
                                                                                                                                              background-color: #101010;
                                                                                                                                          }
}

.themedrop {
    margin-right:1em;
}

.themedrop > .btn-default {
    background-color:#000000;
    border:1px solid #101010;
    color:#ecf0f1;
    margin-top:20px;
    padding:1em;
}

@media screen and (max-width: 768px) {
    .themedrop > .btn-default {
        font-size:80%;
    }
}

.conticons > i {
    margin-left:0.4em;
    margin-right:0.4em;
}

.randicons > i {
    margin-right:0.3em;
}

.randbuttons {
    margin-top:1em;
    margin-left:0.2em;
}
.randbuttons > .btn {
    font-size:90%;
}
input[type="checkbox"] {
    display:inline-block;
    margin-left:0.6em;
}
input[type="checkbox"] + label {
    margin-right:0.4em;
    margin-top:0.3em;
    margin-left:0.6em;
    vertical-align:middle;
}
.adgbgcheckbox > label {
    margin-left:0.3em;
}

@media screen and (min-width: 768px) {
    .custominputlabel {
        margin-left:1em;
        margin-right:0.5em;
        max-width:5vw;
    }

    .custominput {
        max-width:4vw;
    }
}
@media screen and (max-device-width: 480px) {
    .custominputlabel {
        margin-left:1em;
        margin-right: 0.5em;
        max-width:8vw;
    }
    .custominput {
        max-width:20vw;
    }
}

footer {
    text-align:right;
    position: absolute;
    right:2em;
    height:20px;
    margin-top:2em;
    width:100%;
    font-size:0.8em;
    clear:both;
}

#forkongithub a{background:#000;color:#fff;text-decoration:none;font-family:arial,sans-serif;text-align:center;font-weight:bold;padding:5px 40px;font-size:1rem;line-height:2rem;position:relative;transition:0.5s;}#forkongithub a:hover{background:#c11;color:#fff;}#forkongithub a::before,#forkongithub a::after{content:"";width:100%;display:block;position:absolute;top:1px;left:0;height:1px;background:#fff;}#forkongithub a::after{bottom:1px;top:auto;}@media screen and (min-width:800px){#forkongithub{position:absolute;display:block;top:-14px;right:0;width:200px;overflow:hidden;height:200px;z-index:9999;}#forkongithub a{width:200px;position:absolute;top:60px;right:-60px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);box-shadow:4px 4px 10px rgba(0,0,0,0.8);}}

@media screen and (max-width:768px) {
    #downloadsel{
        position:relative;
        z-index:1000;
    }
}