#sidebar h3,#sidebar p,#sidebar ul{padding:10px 15px}#overlay,#sidebar{position:fixed;top:0;left:0;height:100%}.openbtn,.toggle-password{top:50%;transform:translateY(-50%)}#sidebar ul li a,.no-underline:hover{text-decoration:none}body{background:linear-gradient(to bottom,#00e8ff,#4a48e6);height:100vh;display:flex;justify-content:center;align-items:center;margin:0;font-family:'Source Sans Pro',sans-serif}.card{width:350px;border:none;position:relative}#sidebar .closebtn,.corner-badge,.openbtn,.toggle-password{position:absolute;cursor:pointer}#sidebar{width:0;background-color:#343a40;color:#fff;overflow-x:hidden;transition:.5s;padding-top:20px;z-index:1001;box-shadow:0 2px 10px rgba(0,0,0,.5)}.sidebar-section{font-size:.9rem;color:#ddd}#sidebar.open{width:20%}#sidebar .closebtn{top:10px;right:20px;font-size:25px;color:#fff}#sidebar h3{font-size:20px;border-bottom:1px solid #444;text-align:center;margin:0}#sidebar p{line-height:1.5}#sidebar ul{list-style-type:none;margin:0}#sidebar ul li{padding:5px 0;font-size:15px}#sidebar ul li a{color:#fff}#sidebar .social-icons a:hover,#sidebar ul li a:hover{color:#00e8ff}#sidebar .social-icons{display:flex;justify-content:space-around;padding:10px 15px;margin-top:15px;border-top:1px solid #444}#sidebar .social-icons a{font-size:20px;color:#fff;text-decoration:none;transition:color .3s}.openbtn{font-size:16px;background-color:#111;color:#fff;border:none;padding:8px 12px;left:-110px;z-index:1001;transition:background-color .3s;box-shadow:0 2px 5px rgba(0,0,0,.3)}.openbtn:hover{background-color:#444}.openbtn i{margin-right:5px}#overlay{display:none;width:100%;background:rgb(0 0 0 / 10%);z-index:1000;transition:opacity .5s}#overlay.visible{display:block}.toggle-password{right:10px;color:#6c757d}.toggle-password:hover{color:#000}.about-us{padding:5px;background-color:#495057}.alert .icon{margin-right:10px}.alert .close,.alert .mailbox-attachment-close{color:#000;opacity:.2}.alert .close:hover,.alert .mailbox-attachment-close:hover{opacity:.5}.alert a{color:#fff;text-decoration:underline}.alert-primary{color:#fff;background:#007bff;border-color:#006fe6}.alert-default-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-default-primary hr{border-top-color:#9fcdff}.alert-default-primary .alert-link{color:#002752}.alert-secondary{color:#fff;background:#6c757d;border-color:#60686f}.alert-default-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-default-secondary hr{border-top-color:#c8cbcf}.alert-default-secondary .alert-link{color:#202326}.alert-success{color:#fff;background:#28a745;border-color:#23923d}.alert-default-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-default-success hr{border-top-color:#b1dfbb}.alert-default-success .alert-link{color:#0b2e13}.alert-info{color:#fff;background:#17a2b8;border-color:#148ea1}.alert-default-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-default-info hr{border-top-color:#abdde5}.alert-default-info .alert-link{color:#062c33}.alert-warning{color:#1f2d3d;background:#ffc107;border-color:#edb100}.alert-default-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-default-warning hr{border-top-color:#ffe8a1}.alert-default-warning .alert-link{color:#533f03}.alert-danger{color:#fff;background:#dc3545;border-color:#d32535}.alert-default-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-default-danger hr{border-top-color:#f1b0b7}.alert-default-danger .alert-link{color:#491217}.alert-light{color:#1f2d3d;background:#f8f9fa;border-color:#e9ecef}.alert-default-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-default-light hr{border-top-color:#ececf6}.alert-default-light .alert-link{color:#686868}.alert-dark{color:#fff;background:#343a40;border-color:#292d32}.alert-default-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-default-dark hr{border-top-color:#b9bbbe}.alert-default-dark .alert-link{color:#040505}.corner-badge{top:-10px;right:-10px;background-color:#28a745;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;box-shadow:0 2px 5px rgba(0,0,0,.2)}.login-card{border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 18px 10px rgba(0,0,0,.1)}
@media (max-width: 1024px) {
	#sidebar.open {
		width: 30%;
	}
}
@media (max-width: 768px) {
	#sidebar.open {
		width: 50%;
	}
}
@media (max-width: 480px) {
	#sidebar.open {
		width: 80%;
	}
}

.form-control.is-warning {
    border-color: #ffc107
}

.form-control.is-warning:focus {
    border-color: #ffc107;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 193, 7, .25);
    box-shadow: 0 0 0 0 rgba(255, 193, 7, .25)
}

.form-control.is-warning~.warning-feedback,
.form-control.is-warning~.warning-tooltip {
    display: block
}

textarea.form-control.is-warning {
    padding-right: 2.25rem;
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-warning {
    border-color: #ffc107
}

.custom-select.is-warning:focus {
    border-color: #ffc107;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 193, 7, .25);
    box-shadow: 0 0 0 0 rgba(255, 193, 7, .25)
}

.custom-select.is-warning~.warning-feedback,
.custom-select.is-warning~.warning-tooltip {
    display: block
}

.form-control-file.is-warning~.warning-feedback,
.form-control-file.is-warning~.warning-tooltip {
    display: block
}

.form-check-input.is-warning~.form-check-label {
    color: #ffc107
}

.form-check-input.is-warning~.warning-feedback,
.form-check-input.is-warning~.warning-tooltip {
    display: block
}

.custom-control-input.is-warning~.custom-control-label {
    color: #ffc107
}

.custom-control-input.is-warning~.custom-control-label::before {
    border-color: #ffc107
}

.custom-control-input.is-warning~.warning-feedback,
.custom-control-input.is-warning~.warning-tooltip {
    display: block
}

.custom-control-input.is-warning:checked~.custom-control-label::before {
    background-color: #ffce3a;
    border-color: #ffce3a
}

.custom-control-input.is-warning:focus~.custom-control-label::before {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 193, 7, .25);
    box-shadow: 0 0 0 0 rgba(255, 193, 7, .25)
}

.custom-control-input.is-warning:focus:not(:checked)~.custom-control-label::before {
    border-color: #ffc107
}

.custom-file-input.is-warning~.custom-file-label {
    border-color: #ffc107
}

.custom-file-input.is-warning~.warning-feedback,
.custom-file-input.is-warning~.warning-tooltip {
    display: block
}

.custom-file-input.is-warning:focus~.custom-file-label {
    border-color: #ffc107;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 193, 7, .25);
    box-shadow: 0 0 0 0 rgba(255, 193, 7, .25)
}
.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem);
    background-image: none;
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
@media (max-width: 768px) {
	.openbtn {
		left: -1px;
		top: 462px;
	}
}