body {
    background-color: #000000 !important;
    color: #fff;
}

.bg-top {
    background-color: #000000 !important;
}


.bg-light {
    background-color: #303032 !important;
}



.bg-leftnav {
    background-color: #303032 !important;
}







/*Cells*/
.alert-secondary {
    background-color: #303032;
    color: #fff;
    border-color: #303032;
    border-radius: 10px;
    padding: 0px;
}

    .alert-secondary hr {
        border-top-color: #c8cbcf;
    }

    .alert-secondary .alert-link {
        color: #202326;
    }


.alert-secondary-cell {
    background-color: #222222;
    border-color: #222222;
    color: white;
    border-width: 0px;
    border-radius: 10px;
    padding: 0px;
}



    .form-control {
        background: rgba(255, 255, 255, 0.1);
        color: white;
        border: 0px;
    }



a.one:link {
    color: white;
}

a.one:visited {
    color: white;
}

a.one:hover {
    color: #dedede;
}




.opacity-7 {
    opacity: 0.7 !important;
}


.btn-XC {
    font-size: large;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 5px;
}


.btn-XCdelete {
    color: red;
    border-color: red;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 5px;
}





.btn-custom {
    font-size:xx-large;
}



btn-custom {
    font-size: xx-large;
}




.bg-grey {
    background-color: #111111 !important;
}

.bg-white {
  background-color: #eee !important;
}

.bg-black {
  background-color: #eee !important;
}

.jumbotron{

    padding-top:0px;
    padding-bottom:0px;
}


.nav-link {
    color: #00ff00;
    opacity: 0.8;
}

.nav-link:hover {
    color: #0f0;
    opacity: 0.5;
}


.hover-cell:hover {
    opacity: 0.5;
    text-decoration: none;

}





.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,102,203, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler .navbar-toggler-icon-originnal {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,102,203, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}



.custom-toggler.navbar-toggler {
    border-color: rgb(255,102,203);
} 








.bg-grey {
    background-color: #1C1C1E !important;
}
.bg-white {
  background-color: #000 !important;
}







.bg-black {
  background-color: #eee !important;
}

.navbar-custom .navbar-toggle {
    background-color:#eeeeee;
}
.navbar-custom .icon-bar {
    background-color:#33aa33;
}

.alert {
    border-color: #000000;
}




.list-group-item-action {
  width: 100%;
  color: #f5bc42;
  text-align: inherit;
}





.numberCircle {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 4px;
    border: none;
    color: white;
    text-align: center;
}


.modal {
    overflow: visible !important;
}