@font-face {
  font-family: iransans;
  src: url(../fonts/IRANSansWeb\(FaNum\).ttf);
}

body {
  font-family: iransans, Arial, Helvetica, sans-serif !important;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
li,
ul,
a {
  list-style: none !important;
  text-decoration: none !important;
}

/* ******************************************************************* login */
.login {
  background-color: #f9f9f9;
  height: 100vh;
}
.slider-title {
  font-size: 30px;
  font-weight: 500;
  text-align: center;
}
.slider-desc {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}
.owl-theme {
  background-color: #e0dffa;
}
.owl-theme .owl-dots .owl-dot span {
  background: #fff;
}
.title-panel {
  font-size: 30px;
  font-weight: 900;
}
.desc-panel {
  font-size: 12px;
  color: #6f6f6f;
  font-weight: 500;
}
.form-control:focus {
  box-shadow: none !important;
}
.caption-input{
  position: absolute;
  top: -13px;
  right: 10px;
  font-size: 15px;
  background-color: #fff;
  padding: 0 5px;
  font-weight: 500;
}
.message-error{
  list-style: disc !important;
  font-size: 12px;
  color: #FF5454;
}
.btn-submit{
  font-size: 15px;
  color: #fff;
  background-color: #7A40F2;
  border-radius: 10px;
  border: none;
  width: 100%;
}
.btn-submit:hover{
  background-color: #7031ecb2;
}
.wrong-value{
  border: 1px solid #FF5454 !important;
}
.wrong-value input{
  color:#FF5454 !important;
}
.wrong-value .caption-input{
  color:#FF5454 !important;
}
.owl-theme .owl-dots .owl-dot.active span {
  background: #ffffff;
  width: 26px;
}
.box-input-name:focus-within,.box-input-pass:focus-within,.box-input-captcha:focus-within{
  background-color: #eeeeee;
}
.box-input-name:focus-within .caption-input,.box-input-pass:focus-within .caption-input,.box-input-captcha:focus-within .caption-input{
  background-color: #eeeeee;
  border-radius: 5px;
}
/* ******************************** home page */
.body-home,.body-single{
  background-color: #F9F9F9;
  padding: 0 30px;
}
header{
  border-radius: 15px;
  filter: drop-shadow(0px 3px 3px #e0dffa);
  margin: 10px;
  background-color: #fff;
  padding: 10px 30px;
  margin-bottom: 40px;
}
.search-box{
  position: relative;
  border-radius: 10px;
  background: #f5f4fe;
  display: flex;
  align-items: center;
}
.search-box:focus-within{
  background: #e9e6ff;
}
.search-box input{
  background-color: #f5f4fe;
  padding: 10px;
  border-radius: 15px;
}

.search-box input::placeholder{
  color: #9E9EA7;
  font-size: 15px;
}
.search-box button{
  background-color: transparent !important;
}
.search-icon:hover{
  background-color: #d8d8f7b9 !important;
}
.out{
  font-size: 15px;
  font-weight: 500;
  color: #6f6f6f;
}
.exit-account:hover svg path{
  fill: red;
}
.exit-account:hover p{
  color: red;
}
.form-control:focus {
  color: #212529;
  background-color: transparent;
}
.table-info{
  border-radius: 15px;
  filter: drop-shadow(0px 3px 3px #e0dffa);
  margin: 10px;
  background-color: #fff;
  padding: 10px 30px;
}
.row-title-table{
  border-radius: 10px;
  background: #7a40f2
}
.title-table{
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  margin: 0 !important;
  padding: 10px 0;
}
.items-table:hover{
  background-color: #7b40f236 !important;
}
.item-column{
  font-size: 20px;
  text-align: center;
  color: #000000;
  margin: 0 !important;
  padding: 10px 0;
}
.items-table:nth-of-type(even),
.table-app__item:nth-of-type(even){
  background: #faf9fd;
}
.pagination a{
  border: 1px solid #f1f1f1;
  border-radius: 5px;
  display: block;
  padding: 5px 15px;
  color: #9e9ea7;
  margin-right: 5px;
}
.pagination a:hover{
  background-color: #9c75ebab;
  color: #fff;
}
.prev-page img{
  transform: rotate(180deg);
}
.active-page{
  background-color: #7a40f2;
  color: #fff !important;
}
.disable-page{
  pointer-events: none;
  opacity: 0.5;
}
.warning-desc{
  color: #6F6F6F;
  font-size: 13px;
}
.warning-img {
  background: #fce9bb;
  padding: 5px 7px 6px 7px;
  border-radius: 100px;
}
.box-warrning{
  border-radius: 10px;
  background: #fef2da;
  transition: all .6s;
}
.out-modal{
  font-size: 24px;
  font-weight: bold;
}
.bg-img-out{
  background-color: #7A40F2;
  padding: 14px;
  border-radius: 100px;
}
.modal-text{
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #000000;
}
.btn-modal{
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  border: none !important;
  background-color: #7a40f2;
  border-radius: 5px;
  padding: 5px 60px;
}
.modal-exit{
  width: 350px !important;
}
.modal-backdrop{
  background-color: #7a40f2 !important;
}
.home-modal{
  background: linear-gradient(180deg, 
  #ffffff 0.00%, 
  #e2d4ff 100.00%);
  border-radius: 8px;
}
.btn-modal:hover{
  background-color: #4f5aecd8;
}
/* ******************************** single page */
.back-to-home:hover svg path{
  stroke: #7A40F2;
}
.back-to-home:hover p{
  color: #7A40F2;
}
.breadcrumb-text{
  font-size: 14px;
  font-weight: 500;
  color: #6f6f6f;
}
.breadcrumb-text-active{
  font-size: 14px;
  font-weight: 500;
  color: #7a40f2;
}
.title-mobile{
  font-size: 16px;
  color: #fff;
  background-color: #7a40f2;
  border-radius: 10px;
  font-weight: bold;
  text-align: center;
}
.title-item{
  font-size: 16px;
  font-weight: bold;
  color: #9e9ea7;
  text-align: center;
}
.text-item{
  font-size: 14px;
  text-align: center;
}
.other-details a{
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  color: #6f6f6f;
}
.other-details a:hover{
  color: #7A40F2;
}
.change-dns{
  border-radius: 10px;
  background: #ececec
}
.change-dns:hover{
  background: #cbcbce;
}
.change-dns:hover a{
  color: #fff;
}
.change-dns a{
  font-size: 14px;
  font-weight: 500;
  color: #9e9ea7;
  display: block;
  text-align: center;
  padding: 12px 0;
}
.box-info-mobile,
.table-app__items{
  height: 110px;
  overflow-y: scroll;
}
.box-info-mobile::-webkit-scrollbar,
.table-app__items::-webkit-scrollbar{
  background-color: #fff;
  width: 5px;
}
.box-info-mobile::-webkit-scrollbar-thumb,
.table-app__items::-webkit-scrollbar-thumb{
  width: 5px;
  background-color: #e0dffa;
  border-radius: 5px;
}
.film-pic{
  font-size: 14px;
  color: #6f6f6f;;
}
.battery-state{
  border-radius: 10px;
  background: #000cb1;
  height: 100%;
}
.prossesor-state{
  border-radius: 10px;
  background: #67C101;
  height: 100%;
}
.battery-state__title,
.memory-state__title,
.prossesor-state__title{
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
}
.bg-green-light{
  background-color: #67C101;
}
.bg-red{
  background-color: #FF5454;
}
.progress {
  --bs-progress-height: 10px;
}
.battery-state__text,
.memory-state__text,
.prossesor-state__text{
  font-size: 14px;
  color: #fff;
}
.memory-state{
  border-radius: 10px;
  background: #000000;
  height: 100%;
}
#uploadBtn{
  display: none;
}
#uploadImg{
  cursor: pointer;
}
#uploadImg:hover svg path{
  fill: #7A40F2;
}
.text-apkfile{
  font-size: 14px;
  color: #6F6F6F;
  text-align: center;
}
.item-install-app{
  background: #67c101;
}
.install-app{
  border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background: #67c101;
  display: block;
  color: #fff;
  font-size: 14px;
  text-align: center;
}
.install-app:hover{
  background: #91ee27d3;
  color: #fff;
}
.fs-14{
  font-size: 14px;
}
.position-open{
  color: #fff;
  background-color: #67C101;
  border-radius: 10px;
  width: 64px;
  display: block;
  text-align: center;
  font-size: 14px;
}
.position-close{
  color: #fff;
  background-color: #986500;
  border-radius: 10px;
  width: 64px;
  display: block;
  text-align: center;
  font-size: 14px;
}
.download-file-link{
  border-radius: 10px;
  background: #0088e3;
  color: #fff;
  font-size: 14px;
  padding: 5px 20px;
}
.download-file-link:hover{
  background: #40acf3;
  color: #fff;
}
.table-app__title{
  display: flex;
  justify-content: space-between;
}
.table-app__title h6{
  font-size: 16px;
  font-weight: bold;
  color: #9E9EA7;
  width: 15%;
  text-align: center;
}
.table-app__title a:hover svg path{
  fill:#6F6F6F ;
}
.table-app__item{
  display: flex;
  justify-content: space-between;
}
.table-app__item p,
.table-app__item a{
  font-size: 14px;
  width: 15%;
  text-align: center;
  padding: 8px 0;
  margin-bottom: 0 !important;
  color: #000000;
}
.table-app__item a:hover{
  color: #7A40F2;
}
.text-green{
  color: #67C101;
}
.text-ghahve{
  color: #986500;
}
.eye:hover svg path,
.camera:hover svg path{
  fill: #82c4f3;
}
.delete-app:hover svg g path{
  stroke: #ca0b0b;
  fill: #ca0b0b;
}
/* ************************************* live page */
#myChart{
  max-height: 455px;
  border-radius: 25px;
}
.lable-date{
  min-width: 100px;
}
.lable-date-2{
  min-width: 70px;
  text-align: center;
}
.btn-get-out{
  border-radius: 10px;
  background: #67c101;
  color: #fff;
  padding:10px;
  font-size: 14px;
  border: none;
  min-width: 115px;
}
.btn-get-out:hover{
  background: #a3df5f;
}

/* ************************ media quary */
@media screen and (max-width:768px) {
  .body-home, .body-single {
    padding: 0 10px;
  }
  header {
    padding: 10px;
}
}