/*Start General CCS*/

body {
    color: black;
}

footer {
    background-color: #262624;
    color: white;
}

.row.content {
    background-color: #102733;
}

/*END General CCS*/

/*Start Menu CCS*/

.sidenav {
    background-color: #112e3d;
}

.navBack {
    background-color: #112e3d;
    border-color: black;
}

.sub-nav>li>a {
    background-color: transparent;
    color: rgba(255, 255, 253, 0.5);
    transition: all 0.2s;
}

.sub-nav>li>a:hover {
    border-bottom-color: #47b5b6;
    color: white;
    background-color: transparent;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    border-bottom-color: #47b5b6;
    color: white;
    background-color: transparent;
}

.dropdown-menu {
    background-color: #262624;
}

.dropdown-menu>li>a {
    color: white;
}

.dots li {
    border-color: rgba(1, 114, 213, 1);
    background-color: rgba(1, 114, 213, 1);
}

.dots li::before {
    background-color: rgba(1, 114, 213, 1);
}

.dots li.active {
    background: rgba(1, 114, 213, 1);
}

.dots li.active~li {
    background: #e1e1df;
}

.dots li.active~li::before {
    background: #e1e1df;
}

/*END Menu CCS*/

/*Start Panel CCS*/

.panel {
    background-color: transparent;
    color: white;
}

.panel-alternative {
    border-color: transparent;
    color: black;
}

.panel-alternative h4 {
    font-size: 14px;
    font-weight: bold;
}

.panel-alternative>.panel-heading {
    background-color: #e2e2e0;
}

.panel-alternative>.panel-body {
    background: #e2e2e0;
}

.panel-alternative>.panel-footer {
    background-color: #e2e2e0;
    color: #395b71;
}

.panel-alternative-blank>.panel-heading {
    background-color: transparent;
}

.panel-alternative-blank>.panel-body {
    background: transparent;
}

.panel-alternative-colored>.panel-heading {
    color: white !important;
    background: #009fe3 !important;
}

.panel-alternative-colored>.panel-body {
    background: #eaeaea;
    box-shadow: inset 0px 6px 12px -8px black;
}

.middle {
    background: rgba(241, 111, 91, 1);
    background: -moz-linear-gradient(left, rgba(40, 170, 226, 1) 0%, rgba(1, 114, 213, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(40, 170, 226, 1)), color-stop(100%, rgba(1, 114, 213, 1)));
    background: -webkit-linear-gradient(left, rgba(40, 170, 226, 1) 0%, rgba(1, 114, 213, 1) 100%);
    background: -o-linear-gradient(left, rgba(40, 170, 226, 1) 0%, rgba(1, 114, 213, 1) 100%);
    background: -ms-linear-gradient(left, rgba(40, 170, 226, 1) 0%, rgba(1, 114, 213, 1) 100%);
    background: linear-gradient(to right, rgba(40, 170, 226, 1) 0%, rgba(1, 114, 213, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16f5b', endColorstr='#0172d5', GradientType=1);
    color: rgba(255, 255, 253, 0.5);
}

/*END panel CCS*/

/*Start Button CCS*/

.btn-alternative {
    background: rgba(241, 111, 91, 1);
    background: -moz-linear-gradient(left, rgba(40, 170, 226, 1) 0%, rgba(1, 114, 213, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(40, 170, 226, 1)), color-stop(100%, rgba(1, 114, 213, 1)));
    background: -webkit-linear-gradient(left, rgba(40, 170, 226, 1) 0%, rgba(1, 114, 213, 1) 100%);
    background: -o-linear-gradient(left, rgba(40, 170, 226, 1) 0%, rgba(1, 114, 213, 1) 100%);
    background: -ms-linear-gradient(left, rgba(40, 170, 226, 1) 0%, rgba(1, 114, 213, 1) 100%);
    background: linear-gradient(to right, rgba(40, 170, 226, 1) 0%, rgba(1, 114, 213, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16f5b', endColorstr='#0172d5', GradientType=1);
    color: rgba(255, 255, 253, 0.5);
    transition: all 0.2s;
}

.btn-alternative:hover {
    color: white;
    transition: all 0.2s;
}

.btn-alternative.active, btn-alternative:active {
    color: white;
}

.btn-alternative:focus {
    color: white;
}

.btn-alternative-selected {
    color: white;
    transition: all 0.2s;
}

.btn-alternative-success:hover {
    color: white;
    transition: all 0.2s;
}

.btn-alternative-success.active, .btn-alternative-success:active, .btn-alternative-success:focus {
    color: white;
}

.btn-alternative-danger:hover {
    color: black;
    transition: all 0.2s;
}

.btn-alternative-danger.active, .btn-alternative-danger:active, .btn-alternative-danger:focus {
    border-bottom-color: #d9534f;
    color: black;
}

.btn-alternative-blank {
    color: gray;
    background: transparent;
}

.btn-alternative-blank:hover {
    border-bottom-color: #0047bc;
    color: black;
    transition: all 0.2s;
}

.btn-alternative-blank.active, .btn-alternative-blank:active, .btn-alternative-blank:focus {
    border-bottom-color: #0047bc;
    color: black;
}

.btn-link-alternative {
    color: gray;
}

.btn-link-alternative:hover {
    color: black;
}

/*END button CCS*/

/*Start Modal CCS*/

.modal-alternative {
    background-color: #eeeeee;
    border-color: #132a3a;
    color: black;
}

/*END Modal CCS*/

/*Start Form CCS*/

.form-control {
    background-color: #e2e2e0;
    color: black;
}

.form-control option {
    background-color: white;
    color: black;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #6b6b6b69;
}

.form-control-table {
    background: #009fe3;
    color: white;
}

/*END Form CCS*/

/*Start Table CCS*/

.table {
    color: black;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #395b71;
}

.table-hover>tbody>tr:hover {
    background-color: #009fe3;
    color: white;
}

.pagination>li>a, .pagination>li>span {
    color: black;
    background-color: transparent;
}

/*END Table CCS*/

/*DashBoard CCS*/

.list-gr p {
    color: #395b71;
}

.progress {
    background-color: transparent;
}

.slider {
    background: #d3d3d3;
}

.slider::-webkit-slider-thumb {
    background: #395b71;
}

.slider::-moz-range-thumb {
    background: #395b71;
}

.list-gr {
    height: 240px;
    overflow-x: hidden;
}

.list-gr::-webkit-scrollbar {
    background: #f7f7f7;
    width: 6px;
    border-radius: 10px;
}

/* Handle */

.list-gr::-webkit-scrollbar-thumb {
    background: #0c82c7;
    border-radius: 10px;
}

/* Handle on hover */

.list-gr::-webkit-scrollbar-thumb:hover {
    background: #777777;
    border-radius: 10px;
}

/* Track */

.myPortfolio::-webkit-scrollbar-thumb {
    background: #0c82c7;
    border-radius: 10px;
}

/* Handle on hover */

.myPortfolio::-webkit-scrollbar-thumb:hover {
    background: #777777;
    border-radius: 10px;
}

/*END DashBoard CCS*/

/*Start Profile CCS*/

.profilePic {
    border-color: #395b71;
}

input.cropit-image-input {
    visibility: hidden;
}

.cropit-preview {
    width: 150px;
    height: 150px;
}

.cropit-controls {
    background-color: #65616142;
}

.cropit-preview-background {
    color: white;
}

/*END Profile CCS*/

/*BALANCE CSS*/

.btn-deposit {
    background: #2fac66;
    border-color: #2fac66;
}
.btn-deposit:hover {
}

.btn-withdraw {
    background: #009fe3;
    border-color: #009fe3;
}

/*END BALANCE CSS*/

/*Market CSS*/

.green{
    color: #2fac66;
}

.red{
    color: red;
}

/*Market CSS*/

/*New css*/

.header {
    background: #262624;
    color: #eeeeee;
}

@media (max-width: 768px) {
    .panel-alternative h4 {
        color: black;
    }
}

@media (max-width: 254px) {
    .panel-alternative h4 {
        color: black;
    }
}