.print_section{
    display: none;
  }
  @media print{
    .print_section{
        display: inline !important;
    }
    .no-print,
      .main-sidebar,
      .left-side,
      .main-header,
      .content-header 
      .breadcrumb
      .app-footer{
        display: none !important;
      }
  }
@media (max-width:767px)
{
.block { width:650px; }
.mrp-width { width:55px !important; }
.timer-align {margin-left:120px !important;}
.block-div { width:400px; overflow-x: visible;}
}

.border {
  color: #0b0a0a;
  background: #f4f1f1 !important;
  border: 1px solid #0a0a0a !important;
  border-radius: 1px;
  padding: 5px;
  width: 60px;
  line-height: 2.1em !important;
}
.border-mrp {
  color: #0b0a0a;
  background: #f4f1f1 !important;
  border: 1px solid #0a0a0a !important;
  border-radius: 1px;
  padding: 5px;
  width: 40px;
  line-height: 2.1em !important;
}
.sm, .sm-1, .sm-2, .sm-3, .sm-4, .sm-5, .sm-6 {
  position: relative;
  width: 100%;
  padding-right: 1px;
}

.sm-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.sm-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.row-div {
  /*display: flex;*/
  padding: 5px;
}
.oval {
  width: 120px;
  text-align: center;
  font-size: 1.1rem;
  font-family: Arial, Helvetica, sans-serif;
  color:white;
  background: #ed008c;
  -moz-border-radius: 100px / 50px;
  -webkit-border-radius: 100px / 50px;
  border-radius: 100px / 50px;
  }

  .w {
    background: #ed008c;
    width: 64px;
    height: 64px;
    float: left;
    border-radius: 4px;
    margin: 4px;
  }
  
  .n {
    position: absolute;
    margin: 8px;
    background: white;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: 600;
  }

  .help-desk{
    border: 2px solid rgb(252, 7, 7)  !important;
    outline-style: solid  !important;
    outline-color: rgb(252, 7, 7) !important;
  }

  .btn[disabled]{pointer-events:none; opacity:0.5}
  .body-style{
    background: linear-gradient(to right, #6f0a0a, #6a0303, #780000, #8b1414, #471313);
  }

  /* -----------------------------------@marque effect------------------------- */
.navbar .container-fluid{
    display:flex;
    align-items:center;
}

.navbar-collapse{

    display:flex;
    align-items:center;

    width:100%;
}

.ticker-area{

    flex:1;

    display:flex;

    align-items:center;

    min-width:0;

    margin-right:20px;
}

.ticker-box{

    flex:1;

    height:42px;

    border:1px solid #f0c9b8;

    background:#fff8f4;

    border-radius:6px;

    overflow:hidden;

    position:relative;
}

.ticker-track{

    position:absolute;

    left:0;

    top:50%;

    display:flex;

    align-items:center;

    white-space:nowrap;

    transform:translateY(-50%);

    will-change:transform;
}

.ticker-track span{

    padding-right:80px;

    color:#c95f24;

    font-size:14px;

    font-weight:600;
}

.ticker-btn{

    width:36px;

    height:36px;

    margin-left:10px;

    border:2px solid #0d6efd;

    background:#fff;

    color:#0d6efd;

    border-radius:50%;

    cursor:pointer;

    flex-shrink:0;
}

.ticker-btn:hover{

    background:#0d6efd;

    color:#fff;
}

.navbar-nav{

    flex-shrink:0;
}

@media(max-width:767px){

    .navbar-collapse{

        display:block;
    }

    .ticker-area{

        margin:10px 0;
    }

}

/* Login approval modal styles */
#loginApprovalModal{
  display:none;
  position:fixed;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,0.45);
  z-index:9999;
}

#loginApprovalModal > div{
  background:#fff;
  padding:20px;
  border-radius:8px;
  max-width:420px;
  width:90%;
  margin:auto;
  box-shadow:0 8px 24px rgba(0,0,0,0.15);
}

#loginApprovalModal .btn{
  padding:8px 14px;
  border-radius:6px;
  cursor:pointer;
  border:0;
}

#loginApprovalModal .btn-primary{ background:#0d6efd; color:#fff; }
#loginApprovalModal .btn-secondary{ background:#6c757d; color:#fff; }

@media(max-width:480px){
  #loginApprovalModal > div{ padding:16px; }
  #loginApprovalModal .btn{ padding:10px 12px; width:48%; }
}