/* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
    }
    
    /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
    .row.content {height: 450px}
    
    /* Set gray background color and 100% height */
    .sidenav {
      padding-top: 20px;
      background-color: #f1f1f1;
      height: 100%;
    }
    
    /* Set black background color, white text and some padding */    
    /* On small screens, set height to 'auto' for sidenav and grid */

@media screen and (max-width: 575px){
      .ratus-poistion{
        bottom: 10%;
        position:relative;
        width: 100%;
          /* background-color: #71C590 !important; */
        padding: 0% 3% !important;
    
}
.text-aligment-center{
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  width: 5%;
  top: 2%;
  text-align: center !important;
  }
  .text-aligment-center-d{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 2%;
    top:35px;
    text-align: center;
    }
    .sign-footer-ralative{
      bottom: 10%;
      position:fixed;
      width: 100%;
      /* background-color: #71C590 !important; */
      padding: 0% 5% !important;
    }
    footer{
      bottom: 0;
      width: 97%!important;
      border-radius: 5px;
      background-color: #FFFFFF !important;
      padding: 12px;
  }
}
@media (max-width: 765.98px) { 
  img{
    height: 100% !important;
    margin-top: -15px !important;
} 
footer{
  bottom: 0;
  width: 97%!important;
  border-radius: 5px;
  background-color: #FFFFFF !important;
  padding: 12px;
}
}
@media (min-width: 767.98px) { 
  .ratus-poistion{
  bottom: 10%;
  position:fixed;
   width: 100%;
  /* background-color: #71C590 !important; */
  padding: 0% 3% !important;
}
.text-aligment-center{
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  width: 2%;
  top:12px;
  text-align: center;
  }
  .text-aligment-center-d{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 2%;
    top:35px;
    text-align: center;
    }
    img{
      /* height: 250% !important; */
      margin-top: -15px !important;
  }
  .sign-footer-ralative{
    bottom: 30%;
    position:fixed;
    width: 100%;
    /* background-color: #71C590 !important; */
    padding: 0% 5% !important;
  }
  footer{
    bottom: 0;
    width: 98%!important;
    border-radius: 5px;
    background-color: #FFFFFF !important;
    padding: 12px;
}
}
    /* @media screen and (max-width: 767px) {
      .sidenav {
        height: auto;
        padding: 15px;
      }
      .row.content {height:auto;} 
    } */


.login-footer-ralative{
  bottom: 30%;
  position:fixed;
   width: 100%;
  /* background-color: #71C590 !important; */
  padding: 0% 5% !important;
}

.login {
/* background: #fff; */
width: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.account-login {
width: 600px;
}
.form-control:focus {
box-shadow: none;
}
p a {
padding-left: 2px;
}
.account-login h1 {
font-size: 25px;
text-align: left;
color: #fff;
text-transform: uppercase;
font-weight: bold;
border-radius: 5px;
}
.login-form input {
width: 100%;
position: relative;
border-bottom: 1px solid #a39e9e;
padding: 0;
border-top: 0px;
border-left: 0px;
border-right: 0px;
box-shadow: none;
height: 50px;
border-radius: 0px;
}
.login-form {
background: #fff;
float: left;
width: 100%;
padding: 40px;
border-radius: 5px;
border:solid #dff0d8;
}
button.btn {
width: 100%;
background: #009cff;
font-size: 15px;
padding: 11px;
color: #fff;
border: 0px;
margin: 10px 0px 20px;
}
.btn:hover{
    color: #fff;
    opacity: 0.8;
}
p {
float: left;
width: 100%;
text-align: center;
font-size: 14px;
}
.remember {
float: left;
width: 100%;
margin: 10px 0 0;
}
/* Customize the label (the container) */
.custom-checkbox {
display: block;
position: relative;
padding-left: 27px;
margin-bottom: 12px;
cursor: pointer;
font-size: 13px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-weight: normal;
padding-top: 2px;
float: left;
}
/* Hide the browser's default checkbox */
.custom-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.custom-checkbox .checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #bfbcbc;
}
/* On mouse-over, add a grey background color */
.custom-checkbox:hover input ~ .checkmark {
background-color: #747474;
}
/* When the checkbox is checked, add a blue background */
.custom-checkbox input:checked ~ .checkmark {
background-color: #2196F3;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.custom-checkbox input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.custom-checkbox .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
@media (max-width: 767px){
.account-login {
    width: 90%;
  }
}

.header{
  background-color: #71C590 !important;
}
#Div2 {
  display: none;
}
#Div6 {
  display: none;
}
#dDiv2 {
  display: none;
}
.active {
  /* color: red; */
  font-weight:bool;
}
.ngx-pagination {
  padding-left: 0px !important;
}

.ngx-pagination .current,
.btn-info {
  color:#0c4c9f !important;
  background-color: #e4ecfa !important; 
  border: transparent !important;
 /* border-radius: 20px !important;*/
}

.ngx-pagination .current:hover {
  color:#0c4c9f !important;
  background-color: #e4ecfa !important; 
  /* border-radius: 20px !important;*/
   border: transparent !important;
}

.is_active{
  background-color: #e4ecfa;
  color:#2080bd !important;
  border-radius: 2px;
}


.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #fff !important;
  /* background: #198754 !important; */
  border: transparent !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
  background-color: #e4ecfa !important;
  border: transparent !important;
  color:#0c4c9f !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
   color: #fff !important;
  border: 1px solid transparent;
  border-radius: 2px;
}

.ant-pagination-item-active{
  color:#0c4c9f !important;
  background-color: #e4ecfa !important; 
  border: transparent !important;
}
#Div4{
  display: none;
}

#dDiv4{
  display: none;
}

#containerexample {display: none}
#loadercontainer{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.documentUpload{
  margin-bottom:5px;
}

#Div2_add_request{
  display: none;
}
#Div1_edit-request{
  display: block;
}
#Div3_delete_request{
  display: none;
}
.button-size{
  width: 4rem !important;
}
.my-profile-handle{
  left: -7rem;
}

/* my profile css*/ 

hr{
  color: gray !important;
}

.nav-link-profile {
  display: block;
  padding: 0.5rem 1rem;
  color: #040e1d;
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.nav-link-profile {
  margin-bottom: -1px;
  background: 0 0;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.status_active{
    color: #11c651;
}
.status_inactive{
  color: red;
}

.rate_us_css{
    color: lightgrey;
    font-size: 20px !important;
}

.rating-list li {
  float: right;
  color: #ddd;
  padding: 10px 5px;

}

.rating-list li:hover,
.rating-list li:hover ~ li, .rating-list li.selected {
  color: #ffd700;
}

.rating-list {
  display: inline-block;
  list-style: none;
}

#documentContent{
  display: none;
}
#documentContent_button{
  background-color:#f8f9fa;
}
#textContent_button{
  background-color: #e4ecfa;
}
.text-wrap {
  position: relative;
  padding: 2em;
}
.clipboard.icon {
  position: absolute;
    bottom: 4.5em;
    right: 1em;
  margin-top: 4px;
  margin-left: 4px;
  cursor: pointer;
}

.btn-success{
  border: 0 !important;
  color:#0c4c9f !important;
  font-weight: 400 !important;
  background-color: #e4ecfa !important; 
}
.btn{
 color:#0c4c9f !important;
 font-weight: 400 !important;
}

.text-blue{
  font-weight: 500 !important;
  color:#0c4c9f !important;
}

.convert-button{
  font-family: Arial, Helvetica, sans-serif;
  /* font-size: 14px !important; */
  font-weight: 500 !important;
  border-radius: 5px;
  background-color:#1A73E8!important;
  color:#ffff !important;
}


.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #ffffff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  /* font-size: 18px; */
  color: #0e1dca;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #8a82fa;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.navbar-dark .navbar-brand {
  color: rgb(28, 23, 23)!important;
}

.middle-swap{
  margin: 0 -75px;
}

.icon-bacground-color{
  background-color: #ffffff !important;
  border-radius: 50px;
}
.form-select {
 background-color: #ffffff !important;
 border: none!important;
} 

.comment {
  resize: none;
}

.left-top-rounded{
  border-top-left-radius: 15px !important;
}
.right-top-rounded{
  border-top-right-radius: 15px !important;
}
.left-bottom-rounded{
  border-bottom-left-radius: 15px !important;
}
.right-bottom-rounded{
  border-bottom-right-radius: 15px !important;
}

.textareasytle {
  border: none;
  overflow: auto;
  outline: none;

  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;

  resize: none; 
  padding: 8px;
}
.here:after {
  content:"";
  position: absolute;
  /* z-index: -1; */
  top: 0;
  bottom: 0;
  left: 50%;
  border-left: 2px solid gainsboro;
  transform: translate(-50%);
}
.divstyle {
  margin: 10px auto;
  width: 60%;
  /* height: 100px; */
  /* border: 1px solid #333; */
  position:relative;
  /*text-align:center*/
}
/* a:hover {
  background-color: rgb(228 236 250);
} */

.swap-btn:hover{
  background-color:#f5f5f5 !important;
  opacity: 0.8;
  padding-top: 0.5rem !important;
  border-radius: 100%;
  padding: 0.9rem;

 }

.image-upload>input {
  display: none;
}

.fontNav-height{
    height: 1.3rem;
}
@-moz-document url-prefix() {
.fontNav-height{
    height: 2.5rem;
}
}
textarea:disabled {
  cursor: default;
  background-color:#fff !important;
}
#profileImage {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #512DA8;
  /* font-size: 35px; */
  color: #fff;
  text-align: center;
  
}

.sidebar li .submenu{ 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	padding-left: 1rem; 
	padding-right: 1rem;
}
.sidebar .nav-link {
    font-weight: 500;
    color: var(--bs-dark);
}
.sidebar .nav-link:hover {
    color: var(--bs-primary);
}
.margin-right-dropdown-list{
  margin-right:6.5rem !important;
}
.margin-left-dropdown-list{
  margin-left:0.6rem !important;
}
.margin-left-dropdown-list-custom{
  margin-left:5.6rem !important;
}
td{
  padding:0.1rem 0rem 0rem 1rem!important ;
  font-size: 1.05rem !important;
}

.clock-alignment{
  margin-left:1rem !important;
}
.dropdown-menu-text-color{
  color:#504ca2 !important;
}

.download-convert{
  margin-left: -35px;
  font-size: 40px !important;
 }
 .download-json{
  margin-left: -17px;
  font-size: 25px !important;
 }
 @font-face {
  font-family: 'sutonnymj';
  src: url('../fonts/SutonnyMJ.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'boishakhi';
  src: url('../fonts/Boishakhi.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'lekhoni';
  src: url('../fonts/Lekhoni.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Kalpurush';
  src: url('../fonts/Kalpurush.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Nikosh';
  src: url('../fonts/Nikosh.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Shonar';
  src: url('../fonts/Shonar.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BCC Purno Black';
  src: url('../fonts/BCC\ Purno\ Black.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BCC Purno Bold';
  src: url('../fonts/BCC\ Purno\ Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BCC Purno Italic';
  src: url('../fonts/BCC\ Purno\ Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BCC Purno Regular';
  src: url('../fonts/BCC\ Purno\ Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.font-size-custom{
  font-size: 21px;
}
@media (min-width: 280px) {
  .img-60 {
    width: 20px;
  }
  .img-70 {
    width: 3rem;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .font-size-rupantor{
    font-size: small;
  }
  .custom-line-height {
    line-height: 1; /* Adjust the line height as needed */
}
  
}

@media (min-width: 576px) {
  .img-60 {
    width: 30px;
  }
  .img-70 {
    width: 3rem;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .font-size-rupantor{
    font-size: small;
  }
  
  .custom-line-height {
    line-height: 0.7; /* Adjust the line height as needed */
}
}

@media (min-width: 768px) {
  .img-60 {
    width: 40px;
  }
  .img-70 {
    width: 4rem;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .font-size-rupantor{
    font-size: medium;
  }
  .custom-line-height {
    line-height: 1; /* Adjust the line height as needed */
}
  
}

@media (min-width: 992px) {
  .img-60 {
    width: 50px;
  }
  .img-70 {
    width: 5rem;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .font-size-rupantor{
    font-size: medium;
  }
  .custom-line-height {
    line-height: 1; /* Adjust the line height as needed */
}
 
}

@media (min-width: 1200px) {
  .img-60 {
    width: 60px;
  }
  .img-70 {
    width: 6rem;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .font-size-rupantor{
    font-size: large;
  }
  .custom-line-height {
    line-height: 1.1; /* Adjust the line height as needed */
}
}
@media (min-width: 1400px) {
  .img-60 {
    width: 60px;
  }
  .img-70 {
    width: 6rem;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .font-size-rupantor{
    font-size: large;
  }
  .custom-line-height {
    line-height: 1.4; /* Adjust the line height as needed */
}
}