@font-face {
  font-family:'Ruda';
  src: url('../fonts/Ruda-Black.ttf');  
  src: url('../fonts/Ruda-Bold.ttf') format('ttf'),
       url('../fonts/Ruda-Regular.ttf') format('truetype');
}
body{
  font-family:'Ruda';  
}
@-webkit-keyframes spin {
    from {-webkit-transform:rotate(0deg);}
    to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

#cover-spin::after {
    content:'';
    display:block;
    position: absolute;
   left: 50%;
   top: 50%;
   height:60px;
   width:60px;
   margin:0px auto;
   -webkit-animation: rotation .6s infinite linear;
   -moz-animation: rotation .6s infinite linear;
   -o-animation: rotation .6s infinite linear;
   animation: rotation .6s infinite linear;
   border-left:6px solid rgba(0,174,239,.15);
   border-right:6px solid rgba(0,174,239,.15);
   border-bottom:6px solid rgba(0,174,239,.15);
   border-top:6px solid rgba(0,174,239,.8);
   border-radius:100%;
   z-index: 100;
}

@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}
#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display: none;
   
}
.fred{
  color:red;
}
.fwhite{
  color:white;
}
.border-r{
  border: 1px solid #ced4da!important;
  border-top-color: rgb(206, 212, 218)!important;
  border-top-style: solid!important;
  border-top-width: 1px!important;
  border-right-color: rgb(206, 212, 218)!important;
  border-right-style: solid!important;
  border-right-width: 1px!important;
  border-bottom-color: rgb(206, 212, 218)!important;
  border-bottom-style: solid!important;
  border-bottom-width: 1px!important;
  border-left-color: rgb(206, 212, 218)!important;
  border-left-style: solid!important;
  border-left-width: 1px!important;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-radius: .25rem!important;
  border-top-left-radius: 0.25rem!important;
  border-top-right-radius: 0.25rem!important;
  border-bottom-right-radius: 0.25rem!important;
  border-bottom-left-radius: 0.25rem!important;
}