.main1 {
  background: rgb(253, 241, 226);
  margin-top: -18px;

}


.main1:hover{
   box-shadow: 14px 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  }
.panelinfo{
   margin-top:0px;
   padding: 5px 10px;
   font-size: large;
   color:white;

   border-bottom: 3px solid rgb(8, 8, 8) ;
   
   background:rgb(0, 28, 104);
   border-top: 1px solid #ddd;
   /* border-bottom-right-radius: 12px;
   border-bottom-left-radius: 12px;
   border-top-left-radius: 12px;
   border-top-right-radius: 12px; */
   
  }

  .panel-heading1{
   padding: 3px 3px;
   font-size: small;
   background:rgb(41, 113, 219);
   text-align: center;
   border-top: 6px solid rgb(243, 242, 239) ;
   border-bottom: 6px solid rgb(243, 242, 239) ;
   color: rgb(255, 248, 248);
  /* border-radius: 20px; */
  }


  /*table*/


  /* input filed */
  .in[type="text"] {
     border: 2px solid #aaa;
     border-radius: 5px;
     margin: 8px 0;
     outline: none;
     padding: 8px;
     box-sizing: border-box;
     transition: 0.3s;
      display: block;
     height: 4vh;
     font-size:small ;
     margin-top: -3px;
   }
   .in[type="text"]:focus {
     border-color: rgba(255, 188, 3, 0.822);
     box-shadow: 0 0 8px 0 dodgerBlue;
   }
   .my-custom-scrollbar {
     position: relative;
     height: 159px;
     overflow: auto;
 }
 
 .table-wrapper-scroll-y thead th {
     font-size: 9px;
     position: sticky;
     top: 0;
     background-color: rgb(7, 172, 172);
     color: white;
 }
 
 .table-wrapper-scroll-y {
     display: block;
     font-size: 11px;
     text-align: center;
 }
 

 .table-wrapper-scroll-y thead th:nth-child(even) {
     background-color:#324960;
     color: white;
 }
 
 .arrow{
  position: relative;
  width:0px;
  background: green;
  height:5px;
  line-height: 0px;
  margin-bottom:0px; 
  text-align:center;
  color:#fff;
}

/*right arrow*/

.arrow-right:after{
    content: "";
    position: absolute;
    right: -20px;
    top: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid green; 
}


.gradient-heading {
  font-size: 35px;
  font-weight: 500;
  /* line-height: 120px; */
  text-align: center;
  background: -o-linear-gradient(45deg,#ff8a00,#e52e71,#044bea,#7a00ff);
  background: linear-gradient(45deg,#ff8a00,#e52e71,#044bea,#7a00ff);
  -webkit-background-clip: text;
  background-clip: text; 
  -webkit-text-fill-color: transparent;
  background-size: 300% 300%;
  -webkit-animation: gradient-text 8s ease infinite;
          animation: gradient-text 8s ease infinite;
  
  }
  @-webkit-keyframes gradient-text {
  0% {
    background-position: 0% 50%;
  }
    50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
  }
  @keyframes gradient-text {
  0% {
    background-position: 0% 50%;
  }
    50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
  }
  
  .gradient-heading1 {
  font-size: 20px;
  font-weight: 1000;
  /* line-height: 120px; */
  text-align: center;
  background: -o-linear-gradient(45deg,#ff8a00,#e52e71,#044bea,#7a00ff);
  background: linear-gradient(45deg,#ff8a00,#e52e71,#044bea,#7a00ff);
  -webkit-background-clip: text;
  background-clip: text; 
  -webkit-text-fill-color: transparent;
  background-size: 300% 300%;
  -webkit-animation: gradient-text 8s ease infinite;
          animation: gradient-text 8s ease infinite;
  
  }
  @-webkit-keyframes gradient-text {
  0% {
    background-position: 0% 50%;
  }
    50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
  }
  @keyframes gradient-text {
  0% {
    background-position: 0% 50%;
  }
    50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
  }