.sidebar-menu > li > a {
    color: #000 !important;
}

.sidebar-menu .sidebar-submenu > li > a {
    padding: 5px 5px 5px 15px;
    display: block;
    font-size: 14px;
    color: #000 !important;
}

.bg-theme {
    background: #d60505;
}

.toggle-menu i {
    color: #FFF;
}

.right-nav-link a.nav-link {
    color: #FFF;
}


.fixed-footer {
    background: #C0C0C0;
    position: fixed;
    bottom: 0px;
    right: 0;
    left: 0;
    z-index: 999;
    box-shadow: 0 2px 34px 2px rgba(0, 0, 0, 0.15);
}

    .fixed-footer .btn {
        float: left;
        display: block;
        color: #f2f2f2;
        height: 100%;
        width: 100%;
        display: block;
        text-align: center;
        text-decoration: none;
        font-size: 20px;
        z-index: 9999999999;
    }

.modal-footer .btn {
    float: left;
    display: block;
    color: #f2f2f2;
    height: 100%;
    width: 100%;
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    z-index: 9999999999;
}

.content-wrapper {
    padding-bottom: 70px;
}

.form-control {
    border-radius: 0px;
    padding: .375rem .25rem !important;
}

.select2-container--default .select2-selection--single {
    border-radius: 0px;
}

.btn {
    border-radius: 0rem;
}

.selected {
    background-color: #e7e7e7 !important;
}

.line-through {
    text-decoration: line-through;
}

.ul.widget-todo-list {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

.ui-sortable-handle {
    border-bottom: 1px dotted #ddd;
    padding: 15px 15px 15px 0;
    position: relative;
}

.todo-actions {
    position: absolute;
    top: 14px;
    right: 0;
    bottom: 14px;
}

.todo-remove {
    font-size: 15px;
    vertical-align: middle;
    color: #999;
}

.has-danger {
    border: 1px solid red;
}

.hidden {
    display: none !important;
}

.markstyled {
    width: 17px;
    height: 17px;
}

.dataTables_wrapper div.dataTables_paginate ul.pagination {
    display: inline-block !important;
    width: auto !important;
    margin: 5px auto 0 auto !important;
    float: none !important;
}

    .dataTables_wrapper div.dataTables_paginate ul.pagination li {
        float: left !important;
    }

div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_info {
    -webkit-border-radius: 18px !important;
    -moz-border-radius: 18px !important;
    -ms-border-radius: 18px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    margin-left: 0em !important;
    display: block !important;
    width: 100% !important;
    border-radius: 0px !important;
    white-space: pre-wrap !important;
}

.table.dataTable {
    border-collapse: collapse !important;
}

.back-to-top {
    bottom: 70px !important;
    /*left:5px !important;*/
    z-index: 9999999999 !important;
}

    .back-to-top .fa-angle-double-down {
        margin-top: 25%;
        font-size: 20px;
    }

/*.input-color {
    position: relative !important;
}

    .input-color input {
        padding-left: 20px !important;
        width: 150px !important;
    }

    .input-color .color-box {
        width: 12px !important;
        height: 12px !important;
        display: inline-block !important;
        background-color: #ccc;
        position: absolute !important;
        left: -20px !important;
        top: 5px !important;
    }*/


.input-color {
    position: relative !important;
}

    .input-color input {
        padding-left: 20px !important;
        width: 220px !important;
        background: white !important;
        border-bottom-width: thin !important;
        border-top-width: thin !important;
        border-left-width: thin !important;
        border-right-width: thin !important;
    }

    .input-color .color-box {
        width: 10px !important;
        height: 10px !important;
        display: inline-block !important;
        background-color: #ccc;
        position: absolute !important;
        left: 5px !important;
        top: 8px !important;
    }


/*
  1. Base
*/
/*
  2. Components
*/
div.control-container {
    margin-top: 10px;
    padding-bottom: 10px;
}

    div.control-container div.amplitude-play-pause {
        width: 74px;
        height: 74px;
        cursor: pointer;
        float: left;
        margin-left: 10px;
    }

        div.control-container div.amplitude-play-pause.amplitude-paused {
            background: url('../images/play.svg');
            background-size: cover;
        }

        div.control-container div.amplitude-play-pause.amplitude-playing {
            background: url("../images/pause.svg");
            background-size: cover;
        }

    div.control-container div.meta-container {
        float: left;
        width: calc(100% - 84px);
        text-align: center;
        color: white;
        margin-top: 0px;
    }

        div.control-container div.meta-container span[amplitude-song-info="name"] {
            font-family: "Open Sans", sans-serif;
            font-size: 18px;
            color: #fff;
            display: block;
        }

        div.control-container div.meta-container span[amplitude-song-info="artist"] {
            font-family: "Open Sans", sans-serif;
            font-weight: 100;
            font-size: 14px;
            color: #fff;
            display: block;
        }
        div.control-container div.meta-container img[amplitude-song-info="name"] {
            font-family: "Open Sans", sans-serif;
            font-size: 18px;
            color: #fff;
            display: block;
            background-image: url('../images/cddisk.png');
        }

    div.control-container:after {
        content: "";
        display: table;
        clear: both;
    }

/*
  Small only
*/
@media screen and (max-width: 39.9375em) {
    div.control-container div.amplitude-play-pause {
        background-size: cover;
        width: 64px;
        height: 64px;
    }

    div.control-container div.meta-container {
        width: calc(100% - 74px);
    }
}
/*
  Medium only
*/
/*
  Large Only
*/
div.time-container {
    opacity: 0.5;
    font-family: 'Open Sans';
    font-weight: 100;
    font-size: 12px;
    color: #fff;
    height: 15px;
}

    div.time-container span.current-time {
        float: left;
        margin-left: 5px;
    }

    div.time-container span.duration {
        float: right;
        margin-right: 5px;
    }

/*
  Small only
*/
/*
  Medium only
*/
/*
  Large Only
*/
progress.amplitude-song-played-progress {
    background-color: #313252;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 5px;
    display: block;
    cursor: pointer;
    border: none;
}

progress.amplitude-song-played-progress:not([value]) {
    background-color: #313252;
}

progress[value]::-webkit-progress-bar {
    background-color: #313252;
}

progress[value]::-moz-progress-bar {
    background-color: #00a0ff;
}

progress[value]::-webkit-progress-value {
    background-color: #00a0ff;
}

/*
  Small only
*/
/*
  Medium only
*/
/*
  Large Only
*/
/*
  3. Layout
*/
div.bottom-container {
    /*background-color: #202136;*/
    background-color: #000000;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

/*
  Small only
*/
/*
  Medium only
*/
/*
  Large Only
*/
div#single-song-player {
    border-radius: 10px;
    margin: auto;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    margin-top: 15px;
    width: 100%;
    max-width: 460px;
}

    div#single-song-player img[amplitude-song-info="cover_art_url"] {
        width: 100%;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }

/*
  Small only
*/
/*
  Medium only
*/
/*
  Large Only
*/
/*
  4. Pages
*/
/*
  5. Themes
*/
/*
  6. Utils
*/
/*
  7. Vendors
*/

/*# sourceMappingURL=app.css.map */