@import 'fonts.css';
@import 'bootstrap-icons.min.css';
:root{
	--sabz: #00ADB5;
	--bg-color: #222831;
	--color-tosi: #393f46;
	--br-color-box: #365355;
}
a, a:hover{
	text-decoration: none;
}
ul{
	list-style-type: none;
	padding: 0;
	margin: 6px;
}
body {
	font-family: iranyekan;
	background: var(--bg-color);
	color: #f6fbff;
}
.alert {
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
}
.card {
  background: none;
  color: #fff;
}
.card .card-header {
  background: var(--sabz);
}
.card .card-body {
  background: var(--color-tosi);
}
.sidebar {
    background-color: var(--color-tosi);
}
.sidebar .head{
	text-align: center;
}
.sidebar .head i{
	font-size: 35px;
	color: var(--sabz);
}
.sidebar .head #mobilemenu{
	display: block;
	cursor: pointer;
}
.sidebar .head #mobilemenu i {
    font-size: 15px;
}
.sidebar .head #mobilemenu {
    background: var(--bg-color);
    width: max-content;
    margin: 0 auto;
    padding: 5px 15px;
    border-radius: 5px;
    display: none;
}
.sidebar .list-menu li{
	padding: 10px;
	border-radius: 5px;
	margin-top: 10px;
	transition: all 0.3s ease-in-out;
}
.sidebar .list-menu li:first-child{
	margin-top: 0;
}
.sidebar .list-menu li:hover{
	box-shadow: -3px 7px 10px var(--sabz);
}
.sidebar .list-menu li a{
	color: #fff;
	display: block;
	width: 100%;
}
.sidebar .list-menu li a i{
	color: var(--sabz);
}
.contant .header h1{
	font-size: 18px;
	font-weight: 600;
}
.login-box{
	background-color: var(--color-tosi);
}
.login-box .head i{
	font-size: 35px;
	display: block;
	color: var(--sabz);
}
.loginform input{
	text-align: center;
	direction: ltr;
}
.loginform #errphone{
	text-align: right;
}
.loginform label{
	text-align: right;
	display: block;
}
.loginform #phone, .loginform #password{
	background-color: var(--bg-color);
	color: #fff;;
	border: hidden;
	outline: none;
	box-shadow: none;
}
.archive-sms{
	background-color: var(--color-tosi);
	border-bottom: 3px solid var(--br-color-box);
	border-left: 3px solid var(--br-color-box);
}
.archive-sms table{
	background: none;
}
.archive-sms table td, .archive-sms table th {
    background: none;
    color: #fff;
	text-align: center;
}
.archive-sms table tbody tr:last-child {
    border-bottom: hidden;
}
.archive-sms table thead tr {
    border-bottom: hidden;
}
.archive-sms table thead th {
    background: var(--sabz);
	color: var(--bg-color);
}
.archive-sms table tr td span {
    font-size: 13px;
    padding: 3px 10px;
    border-radius: 5px;
}
#sendsms label{
	font-size: 13px;
}
#sendsms input{
	outline: none;
	background-color: var(--bg-color);
	border: hidden;
	box-shadow: none;
	color: #eee;
	font-weight: 300;
}
.card .card-body h3 {
  font-size: 20px;
  font-weight: 600;
}
.card .card-body .blockquote {
  font-size: 1rem;
  line-height: 2;
}

/* Responsive */
@media (max-width: 760px){
	.sidebar{
		margin-bottom: 20px;
	}
	.sidebar .head #mobilemenu{
		display: block;
	}
	.sidebar .list-menu{
		display: none;
	}
	.archive-sms{
		font-size: 13px;
	}
	.contant .header h1 {
		font-size: 16px;
	}
}