@font-face {
    font-family: "Inter";
    font-weight: 500;
    src: url("/fonts/Inter/static/Inter-Regular.woff2") format("woff2");
}
@font-face {
    font-family: "Inter";
    font-weight: 800;
    src: url("/fonts/Inter/static/Inter-Bold.woff2") format("woff2");
}
.gr-menu-dropdown{
    box-shadow: none;
}
.dark-version-logo, .light-version-logo, .default-logo, .footer-logo{
    height: 36px;
    width: auto;
}

.loader{
    height: 128px;
    width: auto;
    margin: 0 auto;
    text-align: center;
}

.center{
    margin: 0 auto;
    text-align: center;
}

.newest-studies-description{
    min-height: 75px;
}

.profile-username{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 1rem;
}

.brand-logo{
    height: 36px;
}

.myW-100{
    width: 100% !important;
}

.blocked-icon{
    font-size: 5rem;
    color: #ccc;
}

.logo-404 img{
    height: 48px;
}

.pb-300{
    padding-bottom: 300px;
}

.align-center{
    margin: 0 auto !important;
}

.bg-green {
    background-color: rgb(26, 188, 156) !important;
}

.bg-red, .btn-red {
    background-color: rgb(235, 77, 75) !important;
}

.btn-yellow {
   color: #fff;
}

#paypal-button-container, #star-pay-text, #paypal-button-container-up, #up-pay-text{
  display: none;
}

.shadow-green {
    box-shadow: 15px 15px 30px rgb(26 188 156 / 20%);
}

.shadow-red {
    box-shadow: 15px 15px 30px rgb(235 77 75 / 20%);
}

.shadow-dodger{
    box-shadow: 15px 15px 30px rgb(51 110 247 / 20%);
}
.btn-colorselector{
    border-radius: 0.3125rem;
    height: 48px;
    width: 48px;
    border: 1px solid #e5e5e5;
}

.dropdown-toggle::after{
    content: '';
    border: none;
}

.dropdown-colorselector>.dropdown-menu>li>.color-btn, .dropdown-colorselector>.dropdown-menu>li{
    width: 32px;
    height: 32px;
    border-radius: 0.3125rem;
}

.color-btn.selected{
    border: 5px solid rgba(0,0,0,0.3);
}

.dropdown-colorselector>.dropdown-menu>li>.color-btn.selected:after{
    display: none;
}

.dropdown-colorselector>.dropdown-menu {
    min-width: 100px;
    max-width: 120px !important;
}

#icon-select li, #icon-select div.niceselect{
    font-family: "Font Awesome 5 Free" !important;
    font-weight: bold;
}
.lh-px-48{
    line-height: 48px;
}

.nice-select{
    height: 48px;
}

@media (max-width: 576px){
.pl-4, .px-4 {
    padding-left: 1.25rem !important;
}

.pr-4, .px-4 {
    padding-right: 1.25rem !important;
}
}


.study-icon{
    color: #fff;
    line-height: 72px;
    text-align:center;
    width: 100%;
    font-size: 20px;
    transition: all 0.2s;
}

a:hover .study-icon{
    background-color: rgba(0,0,0,0.1);
    
}
.study-block{
    display: block;
    width: 100%;
    color: #000 !important; 
}

.heading-default-color{
    word-break: break-word;
}

.btn-social-media{
    min-width: 48px !important;
    border-radius: 100px;
}

.btn-social-media:hover{
    background-color: #f0f0f0;
}

.facebook{
    background-color: #4267B2;
    border: #4267B2;
}

.twitter{
    background-color: #1DA1F2;
    border: #1DA1F2;
}

.xing{
    background-color: #126567;
    border: #126567;
}

.linkedin{
    background-color: #2867B2;
    border: #2867B2;
}
.linkedin:hover{
    background-color: #1a5399;
    border-color: #1a5399;
}
.xing:hover{
    background-color: #0b4f50;
    border-color: #0b4f50;
}
.twitter:hover{
    background-color: #1189d3;
    border-color: #1189d3;
}
.facebook:hover{
    background-color: #2f5194;
    border-color: #2f5194;
}

@media only screen and (max-resolution: 2dppx){
    .light-version-logo.default-logo.logo-highres{
        display: none;
    }
    .light-version-logo.default-logo.logo-lowres{
        display: block;
    }
}

@media only screen and (-webkit-device-pixel-ratio : 3), (min-resolution: 3dppx) {
    .light-version-logo.default-logo.logo-highres{
        display: block;
    }
    .light-version-logo.default-logo.logo-lowres{
        display: none;
    }
}

@media only screen and (-webkit-device-pixel-ratio : 2), (min-resolution: 23dppx) {
    .light-version-logo.default-logo.logo-highres{
        display: block;
    }
    .light-version-logo.default-logo.logo-lowres{
        display: none;
    }
}


.study-title{
    word-break: break-word;
}

.back-btn i{
    font-size: 16px;
    color: #aaa!important;
}

.back-btn:hover i{
    color: #6b6e6f!important;
}

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

/* PRINT STUDY */
.print-only{
    display: none;
}
@media only print{
    
    html{
        width: 100%;
        height: 100%;
    }
  
  #description *{
    font-size: 12px !important;
  }
  #description p{
    margin-bottom: 10px !important;
  }
    
    .hide-on-print{
        display: none;
    }
    footer, .back-btn, .share-buttons, .action-buttons{
        display: none;
    }
    .print-only{
        display: block;
    }
    .study-img{
      max-height: 250px;
      margin: 0 auto;
      text-align: center;
     }
    .studyDetails-section{
        background-color: #fff !important;
        padding: 0px !important;
        margin-top: 50px;
    }

    .border {
        border: none !important;
    }

    #study-logo{
        display: block;
        position: fixed;
        left: 50px;
        bottom: 50px;
        font-size: 10px;
        
z-index: 1030;
-webkit-transform: translateZ(0);
    }

    #study-logo img{
        
        width: 200px;
    }

    #study-qr{
        display: block;
        position: fixed;
        right: 50px;
        bottom: 50px;
        font-size: 10px;
        text-align: right;
        
        z-index: 1030;
-webkit-transform: translateZ(0);

    }

    .study-details-content .properties .col-6{
        max-width: 33% !important;
    }
    
    @page { size: auto;  margin: 0mm; }
}

/* PRINT STUDY */

.hero-image-positioning-2 .single-image img {
    height: auto;
}

.square-96 {
    max-width: 96px;
    min-width: 96px;
    max-height: 96px;
    min-height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 480px){
  .hideOnMobile{
    display: none;
  }
}

@media only screen and (min-width: 480px){
  .hideOnDesktop{
    display: none;
  }
}