@font-face{
  font-family: "MonBaiti";
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  src: url('/themes/demo/assets/fonts/monbaiti.woff2') format('woff2');
  }

@font-face{
  font-family: "MonHartig";
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  src: url('/themes/demo/assets/fonts/MonHartig-1.woff2') format('woff2');
  }

@font-face{
  font-family: "MongProof";
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  src: url('/themes/demo/assets/fonts/MongProofCyrillic.woff2') format('woff2');
  }
  
@font-face{
  font-family: "MongLatin";
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  src: url('/themes/demo/assets/fonts/MongolProofLatin.woff2') format('woff2');
  }

body {
 background-color: #C8C8C8;   
    
}

#myHeader {
    
  background-color: #F5F5F5;    
}

.content {
  padding: 16px;
}

.sticky {
  position: fixed;
  top: 56;
  width: 100%;
}

.sticky + .content {
  padding-top: 102px;
}


.container-a4 {
    width:  297mm;
    height: 210mm;
    border: 1px solid lightgray;
    margin-left: auto;
    margin-right: auto;
    background-color: white; 
    -ms-writing-mode: tb-lr;
  -webkit-writing-mode: vertical-lr;
  -webkit-text-orientation: sideways vertical-lr: 
  -moz-writing-mode: vertical-lr;
  -ms-writing-mode: vertical-lr;
  writing-mode: vertical-lr;
  -webkit-text-orientation: sideways-right;
    zoom: 1;
}

h4 .h4blank {
   display: flex;
  justify-content: center;
  margin: auto; 
    
    
}

.content {
    position: relative;
}


.mnhead-1 {
  position: absolute;
  color: #0066FF;
  width: 20mm;
  height: 170mm;
  top: 25mm;
  left: 15mm;
 /*  border: solid 1px green; */
    
}



#mngNer {
   margin-top: 21mm;
   font-family: MonHartig;
   font-size: 24px;
   color: #0066FF;
/*   display: flex;
   align-items: center; */
}
.mnhead-2 {
  position: absolute;
  display: flex;
  justify-content: space-between;
  min-width: 20mm;
  padding-top: 10px;
  padding-left: 10px;
  font-family: MonHartig;
  font-size: 12px;
  color: #0066FF;
  width: 20mm;
  height: 160mm;
  top: 35mm;
  left: 35mm;
/*  border: solid 1px red;  */
    
}
.mnhead-3 {
  position: absolute;
  display: flex;
  justify-content: space-between;
  min-width:   20mm;
  padding-top: 35mm;
  padding-bottom: 35mm;
  font-family: MonHartig;
  font-size: 16px;
  height: 160mm;
  top: 35mm;
  left: 55mm;
 /* border: solid 1px blue;  */
    
}

.mnmain-1 {
  position: absolute;
  font-family: MonHartig;
  width: 207mm;
  height: 160mm;
  top: 35mm;
  left: 75mm;
/*  border: solid 1px lightgray; */
  
}

#mylogo {
    position: absolute;
    display: flex;
    justify-content: center;
    height: 16mm;
    left: 0mm;
    width: 100%;
    margin-top: 5mm;
    text-align: center; 
    margin-bottom: 10px;
  /*  border: 1px solid yellow; */
}

img {
 /*margin: auto;   */
 display: block;   
 margin: auto;
}

.text-decoration-overline {
    text-decoration: overline;
}

.dvognoo {
  height: 40%;
}
.dvhaana {
  height: 40%;
  text-align: end;

}

.ddugaar {
  height: 20%;   
}

.mnghaalt {
    color: #5366E0;
}

#briefUtga {
    height: 100%;
    text-align: center;
    font-family: MonHartig;
    font-size: 15.5px;
}

#txtBodyMng {
    width: 100%;
    overflow: hidden; 
    overflow-x: scroll; 
    font-family: MonHartig;
    font-size: 15.5px;
    text-indent: 45px;
 /*   text-align: justify; */
    text-justify: inter-word;
   /* border: 1px dashed red; */
}


.btn-monscript {
  background-color: var(--heading-color);
  font-family: var(--heading-font);
  border: none;
  color: white;
  padding: 4px 16px;
  font-size: 16px;
  cursor: pointer;
}

/* Darker background on mouse-over */
.btn:hover {
  background-color: var(--accent-color);
  color: white;
}

#myCanvNer {
  
 /*  border: 1px solid red; */

}


.mngbk-button {
  background-color: transparent;
}

.mngbk-button:hover {
  background-color: lightgray;
}

.mymng {
 padding: 0.375rem 0;   
}

#mngHaana {
   cursor: pointer;
   
}

.abhead-1 {
  position: absolute;
  color: #0066FF;
  width: 37mm;
  height: 170mm;
  top: 25mm;
  left: 0mm;
  margin-left: 15mm;
 /* border: solid 1px green; */
    
}

#abNer {
   margin-top: 30mm;
   margin-left: 0; 
   width: 100%;
   height: 64mm;
   font-family: MonHartig;
   font-size: 24px;
   color: #0066FF;
   display: flex;
   align-items: center;
}

#abHayag {
   margin-top: 10mm;
   left: 0; 
   width: 100%;
   height: 74mm;
   font-family: MonHartig;
   font-size: 14.5px;
   color: #0066FF;
}

#abClientNer {
   left: 0; 
   width: 100%;
   height: 75mm;
   font-family: MonHartig;
   font-size: 12px;
   color: #0066FF;
   padding-left: 10px;    
}

#abClNer {
    color: #000000;
    font-size: 15.5px;
}

#abDugaarOgnoo {
   margin-top: 9mm;
   margin-left: 0;
   left: 0; 
   width: 100%;
   height: 74mm;
   font-family: MonHartig;
   font-size: 12px;
   color: #0066FF;  
    
}

#abDugaar {
   top: 0;
   left: 0; 
   width: 24mm;
   height: 74mm;
   font-family: MonHartig;
   font-size: 12px;
   color: #0066FF;  
   padding-left: 6px; 
}

.abUtga {
   top: 0;
   width: 20mm;
   height: 74mm;
   font-family: MonHartig;
   font-size: 16px;
   color: #000000;
   padding: 20px 0px;
    
}

.abhead-2 {
  position: absolute;
  color: #0066FF;
  width: 44mm;
  height: 160mm;
  top: 35mm;
  margin-left: 0;
  left: 52mm;
/*  border: solid 1px red; */
    
}

.abhead-2-2 {
  position: absolute;
  display: flex;
  justify-content: space-between;
  min-width: 44mm;
  padding-top: 10px;
  padding-left: 10px;
  font-family: MonHartig;
  font-size: 12px;
  color: #0066FF;
  width: 44mm;
  height: 160mm;
  top: 35mm;
  left: 52mm;
/*  border: solid 1px red; */
    
}

.abmain-1 {
  position: absolute;
  font-family: MonHartig;
  width: 186mm;
  height: 160mm;
  top: 35mm;
  left: 96mm;
 /* border: solid 1px lightgray; */
  
}

.ogndugr {
   width: 8mm;   
    
}

.abclner {
    width: 100%;
    padding: 20px 0px;
}

.ognteg {
  display: flex;
  justify-content: space-between;  
}

#locNer {
  font-family: MonHartig;
   font-size: 18px;  
}

#locNerCyr {
  font-family: MongProof;
   font-size: 16px;  

}

#locNerNew {
  font-family: MonHartig;
   font-size: 18px;  
}

#locNerCyrNew {
  font-family: MongProof;
   font-size: 16px;  

}

.nersuud {
    padding: 5px;
    background-color: #F0F0F0;
}

#loader {
  position: relative;
  top: 0;
  left: 0;
  z-index: 10;
  display: block;  
}

.img__loading{
  display: none;
}