#gridme {
  padding: 0px;
  margin-bottom: 10px;
}
body.dimmable.dimmed {
  margin-left: 0px;
}
.w100{
  width: 100% !important;
}
mt-2{
  margin-top: 2rem;
}
mb-2{
  margin-bottom: 2rem;
}
#mainrightmenu .item {
  color: #000000;
}
.zeroopacity{
  opacity: 0;
}
.maincenter{
  display: block;
  margin: auto;
  max-height: 80vh;
}
.lastfoot {
  background-color: #242424;
  color: #fff;
  text-align: left;
  padding: 10px;
  font-size: 18px;
}
body .ui.secondary.inverted.menu{
  border-bottom: 3px solid #206b4e;
}
body.dark{
  background-color: #12141f !important;
  color: #ffffff !important; 
}
body.dark .ui.segment,body.dark .ui.darkmsg.message{
  background-color: #1e212d !important;
  border: 1px solid rgba(200,200,200,.2);
}
body.dark .ui.segment.light{
  background-color: #ffffff !important;
  color: #000;
}

body.dark,body.dark label ,body.dark .ui.header{
  color: #ffffff !important; 
}
body.dark .ui.secondary.inverted.menu,body.dark .lastfoot{
  background-color: #1f212f;
}

body.dark .ui.menu{
  background: #12141f;

}
body.dark #topfixedmenu{
  background-color: #1e212d !important;
  box-shadow: none;
}
body.dark .lastfoot{
  border-top: 3px solid #206b4e;;
}
body.dark #mainrightmenu .item{
  color: #ffffff !important;
}
body.dark #me{
  background-color: #191925;
}
body.dark #me .item{
  color: #ffffff;
  border-bottom: 1px solid rgba(200,200,200,.1);
}
body.dark #mainrightmenu{
  background-color: #181b23;
  box-shadow: none;
}
body.dark #right-menu{
  box-shadow: none;
}
.font-en {
  font-family: calibri, arial;
}
.font-ku {
  text-align: right !important;
}
* {
  font-family: 'Kmidya',calibri;
}
.button,
.header {
  font-family: 'Kmidya',calibri !important;
}
.font-en-ltr {
  font-family: arial;
  direction: ltr;
}
.fo-cali {
  font-family: 'Kmidya',calibri;
}
.fo-calima .item {
  font-family: 'Kmidya',calibri;
}
#mainshowart {
  min-height: calc(100vh - 126px);
  margin-top: 60px;
  padding: 5px !important;
}
.sidebarimage {
  position: absolute;
  bottom: 0px;
  width: calc(96%);
  display: block;
  margin: 0px 2%;
}

#mainrightmenu .item.actv {
  background-color: #dcdcdd;
  color: #206b4e;
  border-radius: 0px 15px 15px 0px;
  border: 2px solid #206b4e;
  border-left: none;
}
body.dark #mainrightmenu .item.actv {
  background-color: #3c3c40;
}
.restorDrop {
  position: absolute;
  z-index: 2;
  top: 5px;
}
#right-menu {
  width: 255px;
  display: block;
  height: 100vh;

  position: fixed;
  transition: all .3s;
  z-index: 102;
  overflow: hidden;
  box-shadow: 0 0px 5px 0 rgb(146 146 146);
}

#mainrightmenu{
  padding:0px;
  width: 255px;
  height: 100vh;
}
body #mainrightmenu{
  background-color: #f8f8f9;
}
body.dark #mainrightmenu{
  background: none;
}

#mainrightmenu .item.actv{
  padding-right: 10px;
  margin-right: 15px;
}
#mainrightmenu .item:hover{
  padding-right: 20px;
}
#mainrightmenu .item{
  padding-bottom: 18px;
  transition: all .3s;
}

#main-content {
  width: 100%;
  display: block;
  min-height: calc(100vh - 65px);
  padding-right: 255px;
  transition: all .3s;
}

#maintopmenu {
  padding-right: 255px;
  transition: all .3s;
  box-shadow: none;
  border: none;
}
#topfixedmenu{
  margin: 10px 18px 0px 18px;
  border-radius: 5px;
  box-shadow: 0 0px 5px 0 rgb(146 146 146);
}
#all-content{
  padding: 65px 15px 15px 15px;
}

#right-menu.min {
  width: 57px !important;
}
#mainrightmenu.min .item.actv{
  padding-right: 10px;
  margin-right: 5px;
}
#mainrightmenu.min .item.actv i{
  margin-right: 5px;
}
#maintopmenu.min {
  padding-right: 57px;
}
#main-content.min {
  padding-right: 57px !important;
}



.ui.vertical.menu .item::before{
  background: none !important;
}



.ui.crimson.button {
  background-color: crimson !important;
  color: #ffffff;
}
.imageshowupA {
  padding: 5px;
  margin-bottom: 5px;
  height: 150px;
  margin-top: 5px;
  border: 2px solid #23b781;
  border-radius: 3px;
  overflow-y: auto;
}
.imageshowupA .imageAD {
  height: 100%;
  width: 100%;
  border-radius: 3px;
  display: block;
}
.fileinput,
#click_allImages {
  display: none;
}
.showError {
  line-height: 10px;
}
.showError p {
  background-color: #d84444;
  overflow: hidden;
  padding: 4px 3px;
  border-radius: 3px;
  margin: 0px;
  color: #fff;
  border-bottom: 2px solid #b3b3b3;
  line-height: 17px;
}
#showInfoModal {
  max-height: 185px;
  overflow: auto;
}
#showErrorModal p {
  color: #fbfbfb;
  margin: 0px;
  display: inline-block;
  background-color: #f33;
  padding: 3px;
  border-radius: 3px;
}
#boxImages {
  display: block;
  overflow-y: auto;
  max-height: 160px;
  border: 1px solid #456;
  margin-top: 5px;
  border-radius: 3px;
  padding: 5px;
}
#boxImages div {
  width: 19.7%;
  height: 145px;
  float: right;
  border: 1px solid #654;
  border-radius: 3px;
  margin-left: 0.3%;
  position: relative;
  margin-top: 3px;
}
#boxImages div img {
  width: 100%;
  height: 100%;
}
#boxImages div i {
  position: absolute;
  z-index: 1;
}
.mainImageDec {
  display: block;
  width: 80%;
  margin: 1%;
  overflow-x: hidden;
  overflow-y: auto;
  border: 2px solid #234;
  border-radius: 3px;
  padding: 0px;
}
.mainImageDec img {
  display: block;
  width: 100%;
}
.subdecimg {
  display: block;
  width: 18%;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 1% 0px;
  border: 2px solid #234;
  border-radius: 3px;
  padding: 5px 2px;
}
.subdecimg img {
  width: 49%;
  height: 100px;
  margin: 1px 0.5%;
  border-radius: 3px;
}
.imgsubdec:hover {
  cursor: pointer;
}
.prtAlluser {
  overflow: hidden;
}
.showempinfo {
  overflow: hidden;
  margin-bottom: 15px;
  font-size: 18px;
  font-family: 'Kmidya',calibri, "mef";
}
.showempinfo1.namelep {
  float: right;
  display: block;
  width: 100%;
  /*text-align: center;*/
}
.showempinfo img {
  position: absolute;
  left: 2%;
  width: 190px;
  height: 200px;
  border-radius: 3px;
}
.nshow {
  float: right;
  margin-left: 1%;
}
.vshow {
  float: right;
}
.subvshow {
  display: block;
  width: 100%;
  margin-right: 12%;
  padding-top: 3px;
}
#showTblScroll {
  overflow-y: auto;
  /*max-height: 300px;*/
}
#hawpech img {
  width: 19%;
  height: 200px;
  margin: 0.5%;
  border-radius: 3px;
}
.ui.search.dropdown.prt .text {
  font-size: 22px;
}
.NoDes,.firstHide {
  display: none;
}
.fdownXls {
  display: none !important;
}

/*mecards*/
.mecards {
  overflow: hidden;
  display: block;
  background-color: #d7d6d6;
  padding: 10px;
}
.mecards .mecard {
  display: block;
  width: 100%;
  overflow: hidden;
  min-height: 160px;
  padding: 5px;
  background-color: #e4e0e0;
  margin-bottom: 15px;
}
.mecards .mecard .ugment {
  padding: 10px;
  float: right;
  width: 18%;
}
.mecards .mecard .ugment i {
  display: block;
  margin: auto;
}
.mecards .mecard img {
  width: 18%;
  height: 150px;
  float: right;
}
.mecontent {
  width: 70%;
  float: right;
  height: 100%;
  padding: 5px 10px;
}
.editbtnnews {
  float: right;
  text-align: center;
  width: 10%;
  border-right: 2px solid #9ea4a3;
  height: 100%;
  padding-top: 2px;
}
.editbtnnews .ui {
  display: table;
  margin-bottom: 5px;
}
/*adm news*/
.headnews {
  display: block;
  width: 100%;
}
.headnews a {
  margin-bottom: 10px;
  display: block;
  font-size: 18px;
}
.headnews span {
  /*float: right;*/
  opacity: 0.6;
}
.sub_contentadm {
  display: block;
  width: 100%;
  line-height: 25px;
  max-height: 85px;
  overflow-y: auto;
}
#mainimages {
  max-height: 400px;
  overflow: auto;
  padding-top: 5px;
}
#mainimages input {
  /*display: none;*/
  /*visibility: hidden;*/
  /*width: 10px;*/
  border: none;
}
.uicards {
  width: 19%;
  overflow: hidden;
  float: right;
  height: 205px;
  border: 1px solid #000;
  margin: 0.5%;
  border-radius: 3px;
}
.uicards img {
  width: 100%;
  height: 175px;
}
.userformimg img {
  margin-top: 3px;
  width: auto;
  border: 1px solid #000;
  border-radius: 3px;
  display: block;
  max-height: 210px;
  max-width: 100%;
}
#showimguploadedm {
  margin: 0px 20px;
  border: 1px solid #754;
  border-radius: 3px;
  padding: 5px;
  text-align: center;
}
.allAlbum {
  border: 1px solid #585858;
  border-radius: 3px;
  padding: 3px;
  max-height: 400px;
  overflow: auto;
}
.allAlbum .showimg {
  position: relative;
  width: 19%;
  margin: 0.5%;
  height: 125px;
  float: right;
}
.allAlbum .showimg .divIcon {
  z-index: 1;
  position: absolute;
  top: 3px;
}
.allAlbum .showimg img {
  border-radius: 3px;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
}
.img-op-me {
  width: 120px;
  height: 120px;
  display: block;
  margin: auto;
  border-radius: 3px;
}
.img-op-meh {
  width: 100%;
  height: 120px;
  display: block;
  margin: auto;
  border-radius: 3px;
}
.font-en {
  direction: ltr;
  text-align: left;
}
.font-en.center {
  text-align: center !important;
}
.barcodeimg {
  display: block;
  margin: auto;
  max-width: 100%;
}

#getSubData i.close,
#getSubData .btnprint {
  display: none;
}
.ui.table.tblfloatright {
  float: right;
  margin-right: 40px;
}
.check-field:hover,.check-field label:hover{
  cursor: pointer;
}
footer {
  margin-top: 25px;
  width: 100%;
}

.lastfoot a {
  font-size: 18px;
  color: #25ad90;
  transition: all 0.3s;
}
.lastfoot a:hover {
  color: #41b47a;
}
#sdecimgprt {
  display: none;
}

.onlymobile {
  display: none !important;
}
.onlyprint,
.onlyprintblock {
  display: none !important;
}
.showtbl {
  overflow-x: auto !important;
}
.profileImg {
  width: auto;
  max-width: 100%;
  border-radius: 3px;
  max-height: 90px;
  display: block;
  margin: auto;
}
.showTreatment {
  max-width: 100%;
  max-height: 250px;
  display: block;
  margin: auto;
}
.menu_hide{
  display: none !important;
}
.noshow {
  display: none !important;
}
.itemsTable {
  width: 100% !important;
}
.itemsTable .tet {
  display: inline-grid;
}
.itemGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  width: 100%;
  overflow: hidden;
}
.itemGrid .itemg {
  width: 100%;
  background-color: #d0d2d1;
  border-radius: 5px;
  padding: 7px;
}
.itemg i {
  margin-top: 2px;
}
#hidefilter {
  margin-bottom: 5px;
}
.colorcard {
  display: block;
  width: 100%;
  height: 100%;
  padding: 15px 10px;
  border-radius: 10px;
  color: #fbfbfb !important;
  text-align: center;
  font-size: 16px;
}
.colorcard div {
  margin-top: 5px;
}
.colorcard.color0 {
  /* background-image: linear-gradient(-20deg, #00cdac 0%, #8ddad5 100%); */
  background-color: #00adb5;
}
.colorcard.color1 {
  /* background-image: linear-gradient(to left, #43e97b 0%, #38f9d7 100%); */
  background-color: #654062;
}
.colorcard.color2 {
  /* background-image: linear-gradient(to left, #4facfe 0%, #00f2fe 100%); */
  background-color: #311d3f;
}
.colorcard.color3 {
  /* background-image: linear-gradient(to left, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%); */
  background-color: #f85f73;
}
.colorcard.colo0 {
  background-color: #1fab89;
}
.colorcard.colo1 {
  background-color: #cab129;
}
.colorcard.colo2 {
  background-color: #163a5f;
}
.invoicePrint img {
  display: block !important;
  margin: auto !important;
}
#showMsgReg {
  color: #f33;
  font-size: 18px;
}
.ui.button {
  font-weight: 400;
}
.oprint,
.oprintnew {
  display: none !important;
}
.canvas-container{
  margin: auto;
}
#logogroup {
  display: block;
  width: 100%;
  text-align: center;
  padding: 15px;
  background-color: #081c32;
  color: #eeeeee;
  overflow: hidden;
}
#cofoot {
  float: right;
}
#wefoot {
  float: left;
}
#logogroup a {
  color: #00adb5;
}
.invoicemain {
  width: 10.76cm !important;
  display: block;
  margin: auto;
}
.footprint {
  padding: 2px !important;
}
.footprint p {
  padding: 0px;
  font-size: 12px;
}
.invoicePrint {
  display: block;
  margin: auto;
  padding: 0px !important;
  overflow: hidden;
  border: none !important;
}
.invoicePrint .table td {
  padding: 1px 10px !important;
}
.officead {
  font-size: 10px;
}
.invoicePrint .row,
.invoicePrint h6,
.invoicePrint h4,
.invoicePrint .table {
  margin: 0 !important;
  padding: 0px !important;
}
.filterhide {
  display: none;
}
#printlogo1 {
  display: block;
  margin: auto;
}
.field_toggle.hide{
  display: none !important;
}
.fullcard{
  width: 200px !important;
  height: 195px;
  overflow: hidden;
}
.fullcard img{
  height: 100%;

}
.not-computer{
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 990px) {
  .itemGrid {
    grid-template-columns: repeat(2, 1fr);
  }
  #mainrightmenu {
    /*display: none;*/
  }
  .notablet,.not-computer{
    display: none !important;
  }

  #right-menu {
    width: 57px !important;
  }
  #mainrightmenu .item.actv{
    padding-right: 10px;
    margin-right: 5px;
  }
  #mainrightmenu .item.actv i{
    margin-right: 5px;
  }
  #maintopmenu {
    padding-right: 57px;
  }
  #main-content {
    padding-right: 57px !important;
  }
}
@media only screen and (max-width: 767px) {
  .onlymobile {
    display: block !important;
  }
  #topfixedmenu{
    margin: 2px 5px 0px 5px;
    box-shadow: none;
  }
  .nomobile ,.not-computer{
    display: none !important;
  }
  .ui.vertical.menu {
    width: 220px !important;
  }
  .ui.modal > .close {
    top: 0.5rem !important;
    left: 0.5rem !important;
    right: auto !important;
  }
  .itemGrid {
    grid-template-columns: repeat(1, 1fr);
  }
  #cofoot,
  #wefoot {
    float: none;
    display: block;
    text-align: center;
  }
  .ui.big.storeitm.button {
    font-size: 14px !important;
    padding: 5px !important;
  }
  .ui.big.storeitm.button span {
    margin-bottom: 2px !important;
  }
  .ui.grid > .column:not(.row),
  .ui.grid > .row > .column {
    padding: 3px;
  }

  #right-menu {
    width: 0px !important;
  }
  #mainrightmenu .item.actv{
    padding-right: 10px;
    margin-right: 5px;
  }
  #mainrightmenu .item.actv i{
    margin-right: 5px;
  }
  #maintopmenu {
    padding-right: 0px;
  }

  #main-content {
    padding-right: 0px !important;
  }
  #all-content{
    padding: 65px 9px 9px 10px;
  }
}
@media only screen and (max-width: 550px){
  .fullcard{
    width: 100% !important;
  }
  .fullcard img{
    display: block;
    margin: auto;
    width: 200px !important;
  }
}

@media print {
  @page {
    size: a4 !important;
    margin: 0px 0px 0px 0px !important;
  }
  .header-sapce {
    height: 200px;
  }
  .ui.modal{
    box-shadow: none !important;
    margin: 0px !important;
  }
  .header-print {
    position: fixed;
    top: 10px;
    width: 95%;
    margin: 1% auto;
    left: 0;
    right: 0;
  }
  .pagebreak {
    page-break-before: always;
  }
  .onlyprintblock,
  .oprint {
    display: block !important;
  }
  #main-content,#all-content{
    padding: 0px !important;
  }
  #itemForm_modal,
  .ui.toast-container,
  .ui.dimmer.modals.page,
  .noprint1,
  .notprint,
  #maintopmenu,
  #mainrightmenu,
  #right-menu,
  .lastfoot,
  .oprint.notprint {
    display: none !important;
  }
  #mainshowart {
    margin-top: 0px !important;
  }
  #fullscreen_modal{
    zoom: 97%;
  }
  .onlyprint {
    display: table-cell !important;
  }
  .oprintnew {
    display: contents !important;
  }
  #invoicep_modal ,.fullSizePrint{
    width: 100% !important;
  }


  #cofoot,
  #wefoot {
    float: none;
    display: block;
    text-align: center;
  }
  
}