@import url(../fonts/IS/css/fontiran.css); /* لینک فایلی که وظیفه بارگذاری فونت ها را برعهده دارد */


h1, h2, h3, h4, h5, h6,input, textarea {
	font-family: IS !important;
}

p, span, div, input {
    font-family: IS !important;
    transition:all 0.3s ease;
}
body {
	font-family: IS !important;
	font-weight: 300;
    /* background-color: #FFFFFF;
    background-color: #FAFAFA;
    background-image: url(../images/system/background.svg);
    background-position: top left;
    background-repeat: repeat;
    background-size: auto; */
  }

#contentPage {
  content: "";
  opacity: .07;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/system/pattern-app-promotion.png) repeat 0 0/5px #ddf0e2;
  z-index: -10;
  width: 100%;
  height: 100%;
}

button , .btn{
  font-family: IS !important;
}

.IRSL{
  font-family: ISL !important;
}

.db{
  display: block !important;
}
.dh{
  display: none !important;
}
.noborder{
  border:none !important;
}


qrcode svg{
  width: 100%;
}
ngx-barcode svg{
  width: 100%;
}

  .ui.menu .item img.logo {
    margin-right: 1.5em;
  }
  .main.container {
    margin-top: 7em;
  }
  .Mak-MainContainer{
    padding-top: 2rem !important;
    padding-right: 2rem !important;
  }
  .Mak-MainMenu .segment{
    height: 80px;
    padding: 0 !important;
    border:none !important;
    box-shadow: unset !important;
  }
  .Mak-MainMenu .segment .button{
    width:100%;
    height:100%;
    margin: 0;
  }
  #MenuGovahi{
    padding: 0.4rem 0.4rem 0.3rem 0.4rem !important;
  }
  #MenuSubject{
    padding: 0 0.3rem 0.3rem 0.3rem !important;
  }
  #MenuZamime{
    padding: 0 0.4rem 0 0 !important;
  }
  #MenuDestOrgan{
    padding: 0 0 0 0.4rem !important;
  }
  #MenuGovahi .segment .button{
    border-radius: .28571429rem .28571429rem 0 0 !important;
    line-height: 3.5rem;
    font-size: 1.5rem;
  }
  #MenuZamime .segment .button{
    border-radius: 0 0 .28571429rem 0 !important;
    line-height: 1.5rem;
    padding-top: 2rem;
    font-size: 12px;
  }
  #MenuSubject .segment .button{
    border-radius: 0 0 0 0 !important;
    line-height: 1.5rem;
    padding-top: 2rem;
    font-size: 12px;
  }
  #MenuDestOrgan .segment .button{
    border-radius: 0 0 0 .28571429rem !important;
    line-height: 1.5rem;
    padding-top: 2rem;
    font-size: 12px;
  }
 #OptionColumn{
    padding: 0.4rem;
    margin-top: 0.6rem;
 }


  #MainBox{
    /* border:solid 1px gainsboro; */
    padding: 0 !important;
  }

  #DropBox{
    width: 23.5cm;
    height: 29.7cm;
    margin: auto;
    background: transparent;
  }
  #OptionBox{
    margin-top: 10px;
  }


#CtrlTabs .ui.icon {
  margin-bottom: 4px;
}
#CtrlTabs i.teal.icon {
  background: azure;
  /* box-shadow: 0 0 0 0.05em rgba(0,0,0,.1) inset !important; */
  box-shadow: 2px 3px 8px -2px black !important;
  border: solid 1px gainsboro;
}
#CtrlTabs .ui.icon.active i.teal.icon {
  box-shadow: 2px 3px 8px -2px black inset !important;
  /* width: 2.4em;  */
}
#CtrlTabContent .CtrlItem{
  cursor: pointer !important;
}
#CtrlTabContent .CtrlItem:hover{
  background: hsla(178, 62%, 58%, 0.4);
}
#CtrlTabContent .CtrlItem:hover i{
  color: white;
  text-shadow: 0px 1px 2px black;
}
#CtrlTabContent .CtrlItem i{
  float: right;
}
#CtrlTabContent .CtrlItem .header{
  float: right;
  margin: 0.3rem 8px 0 0 !important;
  cursor: pointer !important;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
#CtrlTabContent .ribbon{
  margin-right: 14px;
  top: -15px;
  line-height: 0.2;
  font-size: 0.8rem;
  padding-left: 24px;
  padding-top: 9px;
  font-family: IS !important;
  padding-bottom: 8px;
}

#DropBoxInside{
  position: relative;
  width:21cm;
  height:100%;
  overflow: visible !important;
  padding:8px;
  box-shadow: 0 1px #FFFFFF inset, 0 1px 3px rgba(34, 25, 25, 0.4);
  direction: ltr;
  text-align: left;
  background: white;
    background-origin: content-box;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  border:solid 1px silver;
}
.CertDragElement{
  /* background-color: hsla(0, 0%, 99%, 1) !important ; */
  /* border: solid 1px gainsboro !important; */
  align-items: center;
  justify-content: center;
  /* padding: 1rem */
   padding: 0 0.7rem 0.7rem 0;
  /* box-shadow: 0px 2px 4px -1px silver; */
  border:solid 1px transparent;
}
.CertDragElement:hover{
  /* background-color: whitesmoke !important; */
  /* box-shadow: 0px 2px 4px -1px silver; */
  /* padding: 0 0.6rem 0.6rem 0; */
  /* border:solid 1px silver; */
}
.CertViewControlActive:hover{
  border-top:solid 1px rgb(238, 238, 238);
}

.CertDragElement .resize-handle{
  display: none;
}
.CertDragElement:hover .resize-handle{
  display: block;
}

.CertDragElement
.CertDragElement:hover .show-handle,
.CertDragElement:hover .mute-handle{
  display: block !important;
}
.show-handle{
  display: block !important;
}
.mute-handle{
  display: none !important;
}
.vcParent{
  display: none;
}
/* .dragHandle{
  width:25px;
  height: 25px;
  position: absolute;
  top:-2px;
  left:-2px;
  background-color: thistle;
  box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
} */

.set-item{
  cursor: pointer;
}
.drag-handle{
  cursor: move;
}
.scene-handle{
  width:22px;
  cursor: pointer;
}
.draggrid {
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: #20c997;
  color: #fff;
  text-align: center;
  line-height: 50px;
  border: 1px dashed #067002;
}

mwlResizable {
  box-sizing: border-box;
}
.resize-handle {
  position: absolute;
  width:10px;
  bottom: 2px;
  right: 2px;
  cursor: se-resize;
  z-index: 999;
}

.ControlView{
  direction: rtl;
  text-align: right;
}


.popupconnection{
  width:100%;
  position: absolute;
  height: 20px;
  left:0;
  background: transparent;
  top:35px;
  z-index: 8;
}
.CertElementSettingList{
    list-style: none;
    display: inline-flex;
    padding: 0;
    margin: 2px 0;
}
.CertElementSettingList li{
  margin-left: 0.2rem;
}

.CertElementSettingList li:last-child{
  padding-top: 6px;
  margin-left: 0.8rem;
}
.ui.pointing.label {
  top: -48px !important;
  left: -1px;
  position: absolute !important;
  z-index: 99;
  padding: 4px;
  /* border-radius: 0.3rem 0.3rem 0 0; */
}



.CustomDataList{
  margin: 91px 0px;
  width: 140px;
  background: white;
  position: absolute;
  z-index: 99999;
}
.CustomDataList ul{
  list-style: none;
  text-align: center;
  background: rgba(0,0,0,0.04);
  margin: 0;
  padding: 0;
  padding: 6px;
}
.CustomDataList li{
  padding: 6px ;
  border-bottom: solid 1px gainsboro;
  color: black;
  cursor: pointer;
  z-index: 99999;
  font-size: 0.92rem;
  transition: unset;
}
.CustomDataList li:hover{
  background: #2882c5;
  color: whitesmoke;
  transition: unset;
}
.editor {
  height: 375px;
}
.ql-MyDataToolbar {
width: 120px !important;
margin-top: 6px;
background: rgba(0,0,0,0.04);
box-shadow: 0 0 11px -1px silver inset;
padding: 6px 4px 21px 4px !important;
/* border: solid 1px silver; */
border-radius: 2px;
/* box-shadow: 0px 0px 8px -2px black inset !important; */
}
.ql-MyDataToolbar:after {
  content: "Ωافزودن داده";
  content: "افزودن داده";
}
.ql-parent-MyDataToolbar{
  display: flex !important;
}


.drop-col{
  display: inline-block;
}
#drop-RightSide{
  margin: 0;
  width:0.96cm;
  height:100%;
  margin-left: 0.25cm;
  border-radius: 0;
  background: transparent;
  opacity: 0;
  cursor: pointer;
}
#drop-LeftSide{
  margin: 0;
  width:0.96cm;
  height:100%;
  margin-right: 0.25cm;
  border-radius: 0;
  background: transparent;
  opacity: 0;
  cursor: pointer;
}

#drop-LeftSide i.icon, #drop-RightSide i.icon {
  position: absolute;
  top: 45%;
  margin: 2px;
  font-size: 2.2rem;
  color: darkslategrey !important;
  text-shadow: 1px 1px 0px silver;
}
#drop-LeftSide:hover, #drop-RightSide:hover {
  background: rgba(0,0,0,0.035) !important;
  opacity: 1;
  /* box-shadow: 0 0 3px -1px black; */
}


#CertNameTag{
  border-left: solid 4px teal;
  color: #1a69a4;
}
.CertPageTag{
  box-shadow: inset 0 0 4px -2px;
}
.CertPageTag .delete.icon{
  color: lightslategray;
}
.certPageTagSelected{
  background-color: white !important;
  color: darkslategray !important;
  box-shadow: 0px 2px 10px 0px grey inset !important;
}
.certPageTagSelected .delete.icon{
  color:darkslategray !important;
  opacity: 1;
}
#AddNewPage{
  margin-right: 8px;
  cursor: pointer;
}
#AddNewPage .add.icon{
  font-size: 0.6rem;
}
#AddNewPage:hover .add.icon{
  color:teal;
}

.uploadInputFile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.uploadLabel{
  width: 100% !important;
  height: 24px !important;
  padding: 6px 0 !important;
  text-align: center;
  margin: 0 !important;
  cursor: pointer;
  background: seagreen !important;
  background-color: seagreen !important;
  color:white !important;
}
.UploadBtn{
  width: 98% !important;
  margin-top: 4px !important;
  width: 93% !important;
  margin-top: 4px !important;
  font-size: 10px !important;
}

.DElemMenu .menu{
  left:0;
  right: auto;
}
.DElemMenu .menu .item{
  text-align: center !important;
}
.DElemMenu .menu .item.active{
  color: #1e3577 !important;
  background: #bed6fb !important;
}
.ui.card > .image > img, .ui.cards > .card > .image > img{
  height: 100%;
  margin: 0 auto;
}

.conditionCard .vesalPersonContainer input[type=text]{
  border-radius: 0 .28571429rem .28571429rem 0 !important;
}

.hasbg2{
  background-color: #E6F4F3 !important;
}

.hasbg{
  background-color: #FAFFF8 !important;
}
.card.hasbg .content{
  background-color: white !important;
}
.card.hasbg .content:not(.extra){
  background-color: #FAFFF8 !important;
}

.ui.modal .ExternalContent{
  padding: 4px !important;
}
.CertInfoBar{
/* background: #00ced19c !important; */
background: #156ed7 !important;
color: #191970ba !important;
font-weight: 150 !important;
box-shadow: 0 5px 6px -4px grey !important;
border-radius: 0 0 4px 4px !important;
padding: .4em 1em !important;
}
.CertInfoBar .ui.image.label.tiny{
  opacity: 1 !important;
  margin-right: 6px;
}
.CertInfoBar .ui.image.label .detail{
  border-right: solid 2px silver;
}



.dp-calendar-weekday{
  border:none !important;
}
.dp-calendar-nav-left, .dp-calendar-nav-right {
  border:none !important;
  background: none !important;
}
.dp-current-location-btn{
  top:0 !important;
}
.dp-calendar-day{
  box-shadow: unset;
  border: none;
  background: azure;
  border: solid 0.6px gainsboro;
  border-radius: 8px;
  margin: 2px;
}
.dp-calendar-day:hover{
  background: lightsteelblue;
}
.dp-calendar-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px silver;
  padding: 6px;
  border-radius: 0 0 8px 8px;
}
.dp-calendar-nav-container {
  border: solid 1px silver !important;
  background: lightsteelblue !important;
  border-radius: 8px 8px 0 0 !important;
  padding: 14px !important;
}
.dp-calendar-month {
  font-size: 0.8rem;
}
.dp-selected {
  background: lightsteelblue !important;
  color: darkslateblue !important;
  border: solid 1px darkslateblue !important;
}
.dp-calendar-weekday{
  width:34px !important;
}
.dp-day-calendar-container {
  border-radius: 8px !important;
}
.dp-popup{
  border-radius: 8px !important;
}





/* Context Mneu */
.ngx-contextmenu ul.dropdown-menu {
  cursor: pointer;
  word-wrap: break-word;
  line-height: 1em;
  white-space: normal;
  outline: 0;
  -webkit-transform: rotateZ(0);
  transform: rotateZ(0);
  min-width: 13em;
  min-height: 2.71428571em;
  background: #fff;
  display: inline-block;
  padding: 4px;
  color: rgba(0,0,0,.87);
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0.5px solid rgba(34,36,38,.15);
  border-radius: .15rem;
  -webkit-transition: width .1s ease,-webkit-box-shadow .1s ease;
  transition: width .1s ease,-webkit-box-shadow .1s ease;
  transition: box-shadow .1s ease,width .1s ease;
  transition: box-shadow .1s ease,width .1s ease,-webkit-box-shadow .1s ease;
  -webkit-box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
  box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
}
.ngx-contextmenu ul.dropdown-menu:hover {
  /* border-color: #96c8da; */
}
.ngx-contextmenu  {
  border-top:none;
}
.ngx-contextmenu li {
  position: relative;
  cursor: pointer;
  display: block;
  border: none;
  height: auto;
  text-align: right;
  direction: rtl;
  border-top: none;
  color: rgba(0,0,0,.87);
  padding: .42571429rem 0.62rem!important;
  font-size: 0.94rem;
  text-transform: none;
  font-weight: 200;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-touch-callout: none;
  border-top: 1px solid #fafafa;
  white-space: normal;
  word-wrap: normal;
}
.ngx-contextmenu li:first-child {
  border-top:none;
}
.ngx-contextmenu li:hover {
  background-color: #e6e8e8;
}
.ngx-contextmenu a {
  display: block;
  padding: 0.5em 1em;
  color: rgba(0,0,0,.87);
}

.SlideCheckField{
  border: solid 1px silver;
  padding: 6px 11px;
  border-radius: .28571429rem;
  background: ghostwhite;
}

.subjects .ui.avatar.image{
  border-radius: 0 !important;
}

.ql-editor, .ql-editor p, .ql-editor span, .ql-editor div, .ql-editor ul, .ql-editor li, .ql-editor ol, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6, .ql-editor blockquote, .ql-editor pre, .ql-editor label{
  line-height: 1.85rem !important;
  /* font-family: IRSLight !important; */
  font-family: IS !important;
}
.ql-editor .ql-font-IranNastaliq{
  font-family: IranNastaliq !important;
}
.ql-editor .ql-font-IranNastaliq span{
  font-family: IranNastaliq !important;
}

/* Mediaaaaaaaaa */
  @media only screen and (max-width: 1200px) {
    #MenuSubject .segment .button{
        font-size: 14px;
      }
      #MenuZamime .segment .button{
        font-size: 14px;
      }
  }
  @media only screen and (max-width: 767px) {
    .Mak-MainMenu .segment{
      height: 40px;
    }
    #MenuGovahi{
      padding: 0.4rem !important;
    }
    #MenuSubject{
      padding: 0 0.4rem 00.4rem 0.4rem !important;
    }
    #MenuZamime{
      padding: 0 0.4rem 0.4rem 0.4rem !important;
    }
    #MenuGovahi .segment .button {
        line-height: 1rem;
        padding-top: 1rem;
        font-size: 16px;
    }
    #MenuZamime .segment .button {
        line-height: 1rem;
        padding-top: 1rem;
    }
    #MenuSubject .segment .button {
        line-height: 1rem;
        padding-top: 1rem;
    }
  }



  /* Corective */
  .ui.placeholder.segment .button, .ui.placeholder.segment .field, .ui.placeholder.segment textarea, .ui.placeholder.segment>.ui.input{
        max-width: unset;
  }

  .dropzone-container{
    height: 100%;
  }
  .dropzoneContainer .dz-wrapper{
    overflow: visible !important;
    height: 88%;
  }
  .dropzoneContainer .dz-wrapper .dz-message{
    overflow: visible !important;
  }
  .dropzoneContainer{
    width:140px;
    height: 140px;
    border-radius: 8px;
    border:solid 1px gainsboro;
    background-color: white;
  }


@media print {
  img {
    max-width: 100% !important;
    border-radius: 8px;
 }
 ul, img {
  page-break-inside: avoid;
  list-style-type: none;
  }
  .resize-handle{
    display: none;
  }

}