:root {
      --oj-core-text-color-disabled: rgba(var(--oj-palette-neutral-rgb-190), .6);
  }

.pointer-cursor {
  cursor: pointer;
}

.p-weight{
  font-weight: bold;
}

.app-header {
    background-color: #fff !important ;
    border-bottom-style: inset;
}

.preloader-container {
  z-index: 1052;
  display: flex;
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: white;
  opacity: 0.5;
}
.preloader {
  margin: auto;
  border: 6px solid #b11117;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 0.6s linear infinite;
  border-top: 6px solid transparent;
  border-radius: 112%;
  width: 60px;
  height: 60px;
}
@media only screen and (max-width: 1024px) {
  .icon {
    padding-left: 82%;
    top: 28px;
    min-width: 40px;
    position: relative;
    z-index: 100;
    font-family: 'vb-icon-font' !important;
    /* background-image: url(../images/download.png); */
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    background-size: 13px;
  }
}
@media only screen and (min-width: 1025px) {
  .icon {
    padding-left: 87%;
    top: 28px;
    min-width: 40px;
    position: relative;
    z-index: 100;
    font-family: 'vb-icon-font' !important;
    /* background-image: url(../images/download.png); */
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    background-size: 13px;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}  




.primary-btn {
  
    /* IIMB RED COLOR RAMP */
    
    --primary-red-rgb-10:	253, 249, 249;	
    --primary-red-rgb-20:	251, 242, 242;	
    --primary-red-rgb-30:	249, 236, 236;	
    --primary-red-rgb-40:	244, 220, 221;	
    --primary-red-rgb-50:	236, 199, 200;	
    --primary-red-rgb-60:	227, 169, 171;	
    --primary-red-rgb-70:	221, 151, 153;		
    --primary-red-rgb-80:	214, 130, 133;	
    --primary-red-rgb-90:	205, 103, 107;	
    --primary-red-rgb-100:	197, 77, 81;	
    --primary-red-rgb-110:	190, 58, 63;	
    --primary-red-rgb-120:	184, 39, 44;		
    --primary-red-rgb-130:	175, 17, 23;	
    --primary-red-rgb-140:	154, 15, 20;	
    --primary-red-rgb-150:	135, 13, 18;	
    --primary-red-rgb-160:	112, 11, 15;	
    --primary-red-rgb-170:	95, 9, 12;	
  
    /* SOLID */
  
    /* solid enabled */
    --oj-button-solid-chrome-bg-color:              rgb(var(--primary-red-rgb-140));
    --oj-button-solid-chrome-border-color:          transparent;
    --oj-button-solid-chrome-text-color:            var(--oj-core-neutral-contrast);
  
    /* solid hover */
    --oj-button-solid-chrome-bg-color-hover:        rgb(var(--primary-red-rgb-120));
    --oj-button-solid-chrome-border-color-hover:    transparent;
    --oj-button-solid-chrome-text-color-hover:      var(--oj-core-neutral-contrast);
  
  
    /* solid active */
    --oj-button-solid-chrome-bg-color-active:       rgb(var(--primary-red-rgb-160));
    --oj-button-solid-chrome-border-color-active:   transparent;
    --oj-button-solid-chrome-text-color-active:     var(--oj-core-neutral-contrast);
  
  
  
    /* solid disabled */
    --oj-button-solid-chrome-bg-color-disabled:     rgba(var(--primary-red-rgb-100), .1);
    --oj-button-solid-chrome-border-color-disabled: transparent;
    --oj-button-solid-chrome-text-color-disabled:   var(--oj-core-text-color-disabled); 
  
  
  
    /* BORDERLESS */
    
    /* borderless-chrome enabled */
    --oj-button-borderless-chrome-text-color:           rgb(var(--primary-red-rgb-120));
  
  
    /* borderless chrome hover */
    --oj-button-borderless-chrome-bg-color-hover:        var(--oj-core-bg-color-hover);
    --oj-button-borderless-chrome-border-color-hover:    transparent;
    --oj-button-borderless-chrome-text-color-hover:      var(--oj-button-borderless-chrome-text-color);
  
  
    /* borderless chrome-active */
    --oj-button-borderless-chrome-bg-color-active:       var(--oj-core-bg-color-active);
    --oj-button-borderless-chrome-border-color-active:   transparent;
    --oj-button-borderless-chrome-text-color-active:     var(--oj-button-borderless-chrome-text-color);
  
      
    /* borderless chrome disabled */
    --oj-button-borderless-chrome-text-color-disabled:   rgba(var(--primary-red-rgb-160), .3);
  
    
    /* OUTLINED */
    
      
    /* outlined enabled */
    --oj-button-outlined-chrome-border-color:          rgba(var(--primary-red-rgb-160), .3);
    --oj-button-outlined-chrome-text-color:            var(--oj-button-borderless-chrome-text-color);
  
  
    /* outlined hover */
    --oj-button-outlined-chrome-bg-color-hover:        var(--oj-core-bg-color-hover);
    --oj-button-outlined-chrome-border-color-hover:    var(--oj-button-outlined-chrome-border-color);
    --oj-button-outlined-chrome-text-color-hover:      var(--oj-button-outlined-chrome-text-color);
    
  
    /* outlined active */
    --oj-button-outlined-chrome-bg-color-active:       var(--oj-core-bg-color-active);
    --oj-button-outlined-chrome-border-color-active:   var(--oj-button-outlined-chrome-border-color);
    --oj-button-outlined-chrome-text-color-active:     var(--oj-button-outlined-chrome-text-color);
   
  
    /* outlined disabled */
    --oj-button-outlined-chrome-border-color-disabled: rgba(var(--primary-red-rgb-160), .1);
    --oj-button-outlined-chrome-text-color-disabled:   var(--oj-button-borderless-chrome-text-color-disabled);
  }

  .text-align-center {
    text-align: center;
  }

    .text-align-end {
    text-align: end;
  }



  .req-title {
    /* font-size: 4vmin; */
    text-align: center;
    /* font-weight: 900; */
    color: #656565;
  }

  .event-info-text {
    /* font-size: 1.5vmin; */
    font-weight: 500;
    color: #656565;
  }

  .pay-towards-label {
    font-size: larger;
    font-weight: bold;
  }

  .outline, .outline h5,
  .help-text, .help-text h5,
  .payment-help-text, .payment-help-text h5{
    color: #656565;
  }

  .outline h6,
  .help-text h6,
  .payment-help-text h6  {
    color : #b11117;
  }

  .success-title {
    /* font-size: 3vmin; */
    text-align: center;
    /* font-weight: 900; */
    color: #175E54;
  }

  .error-title {
    /* font-size: 3vmin; */
    text-align: center;
    /* font-weight: 900; */
    color: #b11117;
  }

  .secondary-btn {
  
    /* IIMB forestry COLOR RAMP */
    
    --primary-forestry-rgb-10:	247,249,249;	
    --primary-forestry-rgb-20:	241,245,245;	
    --primary-forestry-rgb-30:	227,235,234;	
    --primary-forestry-rgb-40:	210,224,222;	
    --primary-forestry-rgb-50:	192,211,208;	
    --primary-forestry-rgb-60:	171,196,193;	
    --primary-forestry-rgb-70:	148,181,176;		
    --primary-forestry-rgb-80:	128,167,162;	
    --primary-forestry-rgb-90:	107,153,146;	
    --primary-forestry-rgb-100:	89,139,132;	
    --primary-forestry-rgb-110:	70,127,119;	
    --primary-forestry-rgb-120:	53,114,106;		
    --primary-forestry-rgb-130:	37,103,94;	
    --primary-forestry-rgb-140:	23,92,83;	
    --primary-forestry-rgb-150:	20,81,73;	
    --primary-forestry-rgb-160:	17,70,63;	
    --primary-forestry-rgb-170:	13,51,46;	
  
    /* SOLID */
  
    /* solid enabled */
    --oj-button-solid-chrome-bg-color:              rgb(var(--primary-forestry-rgb-140));
    --oj-button-solid-chrome-border-color:          transparent;
    --oj-button-solid-chrome-text-color:            var(--oj-core-neutral-contrast);
  
  
    /* solid hover */
    --oj-button-solid-chrome-bg-color-hover:        rgb(var(--primary-forestry-rgb-120));
    --oj-button-solid-chrome-border-color-hover:    transparent;
    --oj-button-solid-chrome-text-color-hover:      var(--oj-core-neutral-contrast);
  
  
    /* solid active */
    --oj-button-solid-chrome-bg-color-active:       rgb(var(--primary-forestry-rgb-160));
    --oj-button-solid-chrome-border-color-active:   transparent;
    --oj-button-solid-chrome-text-color-active:     var(--oj-core-neutral-contrast);
  
  
  
    /* solid disabled */
    --oj-button-solid-chrome-bg-color-disabled:     rgba(var(--primary-forestry-rgb-100), .1);
    --oj-button-solid-chrome-border-color-disabled: transparent;
    --oj-button-solid-chrome-text-color-disabled:   var(--oj-core-text-color-disabled); 
  
  
  
    /* BORDERLESS */
    
    /* borderless-chrome enabled */
    --oj-button-borderless-chrome-text-color:           rgb(var(--primary-forestry-rgb-120));
  
  
    /* borderless chrome hover */
    --oj-button-borderless-chrome-bg-color-hover:        var(--oj-core-bg-color-hover);
    --oj-button-borderless-chrome-border-color-hover:    transparent;
    --oj-button-borderless-chrome-text-color-hover:      var(--oj-button-borderless-chrome-text-color);
  
  
    /* borderless chrome-active */
    --oj-button-borderless-chrome-bg-color-active:       var(--oj-core-bg-color-active);
    --oj-button-borderless-chrome-border-color-active:   transparent;
    --oj-button-borderless-chrome-text-color-active:     var(--oj-button-borderless-chrome-text-color);
  
      
    /* borderless chrome disabled */
    --oj-button-borderless-chrome-text-color-disabled:   rgba(var(--primary-forestry-rgb-160), .3);
  
    
    /* OUTLINED */
    
      
    /* outlined enabled */
    --oj-button-outlined-chrome-border-color:          rgba(var(--primary-forestry-rgb-160), .3);
    --oj-button-outlined-chrome-text-color:            var(--oj-button-borderless-chrome-text-color);
  
  
    /* outlined hover */
    --oj-button-outlined-chrome-bg-color-hover:        var(--oj-core-bg-color-hover);
    --oj-button-outlined-chrome-border-color-hover:    var(--oj-button-outlined-chrome-border-color);
    --oj-button-outlined-chrome-text-color-hover:      var(--oj-button-outlined-chrome-text-color);
    
  
    /* outlined active */
    --oj-button-outlined-chrome-bg-color-active:       var(--oj-core-bg-color-active);
    --oj-button-outlined-chrome-border-color-active:   var(--oj-button-outlined-chrome-border-color);
    --oj-button-outlined-chrome-text-color-active:     var(--oj-button-outlined-chrome-text-color);
   
  
    /* outlined disabled */
    --oj-button-outlined-chrome-border-color-disabled: rgba(var(--primary-forestry-rgb-160), .1);
    --oj-button-outlined-chrome-text-color-disabled:   var(--oj-button-borderless-chrome-text-color-disabled);
  }