html,
body {
	height: 100%;
}

html * {
    -webkit-transition: all .2s ease;;
    -khtml-transition: all .2s ease;;
    -moz-transition: all .2s ease;;
    -ms-transition: all .2s ease;;
    -o-transition: all .2s ease;;
    transition: all .2s ease;;
}

.form-signin {
	max-width: 330px;
	padding: 1rem;
}


.bi {
	display: inline-block;
	width: 1rem;
	height: 1rem;
}

i.bi {
    width: auto;
    height: auto;
}

/*
 * Sidebar
 */

header .navbar-brand svg {
    width: 100px;
    height: 40px;
}

header .plays_counter i {
    color: #429dff;
}

@media (min-width: 768px) {
	.sidebar .offcanvas-lg {
		position: -webkit-sticky;
		position: sticky;
		top: 48px;
	}
	
	.sidebar {
        min-height: calc(100vh - 90px);
    }
}

@media (max-width: 768px) {
	.sidebar .offcanvas-md {
		width: 200px;
	}
}

.sidebar .nav-item:hover {
    cursor: pointer;
}

.sidebar .nav-link {
	font-size: 1rem;
	font-weight: normal;
	color:#429dff;
}

.sidebar .nav-link:hover {
    color: #6eb3fe;
}

.sidebar .nav-link.active {
	color:  rgba(255,255,255,0.8);
}

.sidebar-heading {
	font-size: .75rem;
}

/*
 * Navbar
 */

.navbar-brand {
	padding-top: .75rem;
	padding-bottom: .75rem;
	background-color: rgba(0, 0, 0, .25);
	box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}

.navbar .form-control {
	padding: .75rem 1rem;
}


/*
*   main
*/


main #loading {
    height: calc(100vh - 90px);
}

main .content {
    max-width: 768px;
}

.content .dropdown button {
    color: rgba(255,255,255,0.7);
}
.content .dropdown .dropdown-item:hover {
    cursor: pointer;
}


main #dashboard .todo > div:first-of-type {
    overflow-y: auto;
    max-height: 210px;
}

main #dashboard .colCard {
    --bs-bg-opacity: .6;
}

main #dashboard .colCard:hover {
    cursor: pointer;
    --bs-bg-opacity: .8;
}

main #websites {
    font-size: 0.9em;
}
main #websites .website:hover {
    background-color: rgba(255,255,255,0.15);
}

main #websites #actions .action {
    scale: 80%;
}

main #websites #actions .action:hover {
    cursor: pointer;
}

main #websites #adFreeSwitch {
    padding-left: 43px;
}
main #websites #adFreeSwitch input[type='checkbox'] {
    height: 20px;
    width: 40px;
}
main #websites #adFreeSwitch input[type='checkbox']:hover {
    cursor: pointer;
}

main #orders {
    font-size: 0.9em;
}

main #orders .amount {
    font-size:0.8em
}

main #orders .info:hover {
    cursor: pointer;
    background-color: rgba(255,255,255,0.15);
}

main #settings .passwordChange .form-floating {
    font-size: 0.9em;
    max-width: 210px;
}


#telegram_dm {
    font-size: 4rem;
    color: #229ED9;
    bottom: 15px;
    right: 15px;
}

#telegram_dm:hover {
    color: #51b0dd;
}

#telegram_dm i::before {
    box-shadow: 0 0 7px #909399;
    border-radius: 100%;
}

#telegram_dm i:hover::before {
    box-shadow: 0 0 10px #fff;
    border-radius: 100%;
}