/* Headings Font: Comfortaa*/

@import url(https://fonts.googleapis.com/css?family=Comfortaa:200,300,400,700);

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: Comfortaa;
  font-weight: 500;
  line-height: 1.2;
}


html, body {
   height: 100%;
}

.arp-wrapper {
   display: table;
   table-layout: fixed;
   height: 100%;
   width: 100%;
}

.arp-content-wrapper {
   display: table-row;
   height: 100%;
}

.arp-footer-wrapper {
   display: table-row;
}

@media (max-width: 991px) {
   :root{
      --bs-body-font-size: 13px;
   }

   .navbar-brand{
      --bs-navbar-brand-font-size: 16px;
      font-size: var(--bs-navbar-brand-font-size);
   }

   .navbar-toggler{
      --bs-navbar-toggler-font-size: 16px;
      font-site: var(--bs-navbar-toggler-font-size);
   }
}

/* Services */

table.restables-clone {
    display: none;
}

@media (max-width: 991px) {
    table.restables-origin {
        display: none;
    }
    
    table.restables-clone {
        display: table;
    }
}

@media (min-width: 992px) {
   .arp-wrapper .arp-card-services {
      border-top: 0;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
   }
}

.arp-wrapper .arp-nav-services-list{
   display: none;
}

@media (max-width: 991px) {
    .arp-wrapper .arp-nav-services-tabs {
        display: none;
    }
    
    .arp-wrapper .arp-nav-services-list {
        display: block;
    }
}

.arp-wrapper .arp-btn-favorite .bi{
   font-size: 1.882rem;
}

.arp-wrapper .arp-favorites-spinner{
   width: 1.882rem;
   height: 1.882rem;
}

.arp-wrapper table.restables-origin tr:last-child td{
   border-bottom-width: 0;
}

/* Externla Login */

.mSignInWrapper a{
   display:inline-block;
}

.microsoftBtn {
   display: inline-block;
   background: white;
   color: #5E5E5E;
   vertical-align: middle;
   border: 1px solid #8C8C8C;
   white-space: nowrap;
}

.microsoftBtn:hover {
   display: inline-block;
   background: #2F2F2F;
   color: white;
   vertical-align: middle;
   border: 1px solid #8C8C8C;
   white-space: nowrap;
}

span.microsoftIcon {
   background: url('ms-symbollockup_mssymbol_19.svg') transparent 50% no-repeat;
   display: inline-block;
   vertical-align: middle;
   width: 41px;
   height: 41px;
}

span.MicrosoftButtonText {
   display: inline-block;
   vertical-align: middle;
   padding-right: 12px;
   font-size: 15px;
   font-weight: 300;
   font-family: 'Segoe UI Regular', sans-serif;
}