@font-face {
         font-family: 'Intro'; src: url('../fonts/Intro.ttf')  format('truetype'); /* Safari, Android, iOS */
        
         }
           @font-face {
          font-family: 'arial-black'; src: url('../fonts/ariblk.ttf') format('truetype');
       }
         .card-title, h1{
         font-family: 'Intro', sans-serif;
         }
         .card{
         border-radius: 10px;
         box-shadow: 0px 2px 8px rgba(0,0,0,0.2);
         transition: 0.5s;
         }
         .designercard:hover{
         box-shadow: 0px 4px 10px rgba(0,0,0,0.5);
         }
         .redborder{
          border: 2px solid #ea0b44;
         }
         .unpayed{
            background: #e61745; 
            color:white;
         }
         .payed{
            background: #6de617; 
            color:white;
         }
         .notready{
            background: #dedede; 
            color:black;
         }
         .free{
            background: #6abae9; 
            color:white;
         }
         .payment .card-title{
                margin-bottom: -4px!important;
         }
         .infobubble{
           position: absolute; top: -10px; right: -10px; width: 36px; height:36px; 
            //border-radius: 40px; 
           background: #e61745; border:3px solid white; text-align: center; padding-top: 5px; color: white; font-family: intro; box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.2);
         }  
         .hidden{
            display:none;
         }
         input{
 
         }
        .progressbubble{
           margin:auto;
           width: 36px; 
           height:36px; 
          // border-radius: 40px; 
           background: #e61745; 
           border:3px solid white; 
           text-align: center; 
           padding-top: 5px; 
           color: white; 
           font-family: intro; 
           box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.2);
           margin-bottom: 5px;
         }  
         .progressbar{
            font-family: intro;
            text-align:center;
               box-shadow: none !important;
  
         }
         .progressbar .col{
            padding: 14px 10px;
            border-radius: 10px;
                border: 5px solid white;
         }
        .progressdone{
            background: #98ea6c;
         }
         .infobubble.progressdone{display:none;}
         .progressdone .progressbubble{background: #8ce21c;}

         .progressbar .card-content{
            padding: 0;
         }
         .progressbar .row{
            margin-bottom: 0;
         }

         .grayed .progressbubble{
            background: #c4c4c4;
         }

         .tabs .tab, .tabs {
            height: auto !important;
         }
         .tab a{
            font-family:intro;
            color: black !important;
         }
         .tab .active{
            color: #e61745 !important;
         }
         .submitdatamobile{display:none;}
         .submitdata{display:block;}
         @media only screen and (max-width: 992px){
.tabs { display: block; overflow:auto; }
.tabs .tab a {font-size: 11px; white-space: normal !important; line-height: 1.1;}
.indicator{display:none;}
.container{
   width:95%;
}
h1{
   font-size: 3.7rem;
}
.submitdata{display:none;}
.submitdatamobile{
   display:block;
   position:fixed;
   bottom: 0;
   width: 100%;
   padding: 10px;
   background: #ffffff;
   box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
   text-align:center;
   z-index: 99;
}
}