.cid-login-form {
    padding-top: 6rem;
    padding-bottom: 5rem;
    background-color: #ffffff;
    min-height: 750px; 
  }
  .cid-login-form .mbr-overlay {
    background-color: #ffffff;
    opacity: 0.4;
  }
  .cid-login-form form .form-group {
    text-align: center;
    width: 100%;
  }
  .cid-login-form form .mbr-section-btn {
    text-align: center;
    width: 100%;
  }
  .cid-login-form form .mbr-section-btn .btn {
    display: inline-flex;
  }
  @media (max-height: 712px) {
    .cid-login-form {
      min-height: 530px; 
    }
  }
  @media (max-width: 991px) {
    .cid-cid-login-form form .mbr-section-btn .btn {
      width: 100%;
    }
  }
  
  .mbr-small-text{
    font-size: 0.7rem;
  }
  
  .mbr-table-text{
    font-size: 0.8rem;
  }
  
  .mbr-price-text{
    font-size: 1rem;
    vertical-align: middle;
  }
  
  .mbr-price-text2{
    font-size: 0.8rem;
  }
  
  .mbr-focus-text{
    color:#4c4eb1;
  }
  
  .total-price-div{
     
    z-index:0; 
  }
  
  .modal-dialog, .modal-content {
    height: 90%;
  }
  
  .modal-header {
    border-bottom: 0;
  }
  .modal-footer {
    border-top: 0;
  }
  
  .pop-alert-text{
    color:#2a4a58 !important;
  }
  
  /* pagenation */
  .page-link {
    color: #000; 
    background-color: #fff;
    border: 1px solid #ccc; 
    white-space: nowrap;
  }
  
  .page-item.active .page-link {
   z-index: 1;
   color: #fff;
   font-weight:bold;
   background-color: #2a4a58;
   border-color: #ccc;
   white-space: nowrap;
   
  }
  
  .page-link:focus, .page-link:hover {
    color: #000;
    background-color: #fafafa; 
    border-color: #ccc;
    white-space: nowrap;
  }
  
  #data_table {
    overflow-x: auto;
  }
  
  #data_table th, td {
    white-space: nowrap;
  }
  
  .pointer-on{
    cursor: pointer
  }

  .form5{
    margin-top:100px;
    min-height: 78vh;
    margin-bottom:10px;
  }

  #mySwiper1 .swiper {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  #mySwiper1 .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 300px;
    height: 280px;
    padding-top:10px;
  }

  #mySwiper1 .swiper-slide img {
    display: block;
    width: 100%;
  }

  #mySwiper2 .swiper {
    width: 100%;
    height: 100%;
  }

  #mySwiper2 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  #mySwiper2 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .w-20{
    width:20% !important;
  }
  .w-30{
    width:30% !important;
  }
  .w-40{
    width:40% !important;
  }
  .w-60{
    width:60% !important;
  }
  .w-70{
    width:70% !important;
  }
  .w-80{
    width:80% !important;
  }
  

  .board-view-article{
    min-height: 250px;
    
  }

  .board-view-subtitle{
    padding-bottom:1.2rem;
    border-bottom:#2a4a58 solid 1px;
  }

  .board-view-bttons{
    border-top:#2a4a58 solid 1px;
  }

  .text-gray {
    color: #636363 !important;
  }
  a.text-gray:hover,
  a.text-gray:focus {
    color: #636363 !important;
  }

  .text-red {
    color: #a51313 !important;
  }
  a.text-red:hover,
  a.text-red:focus {
    color: #a51313 !important;
  }

  .checked_line_tr{
    background-color:#f5f5f5;
  }