/* Style System by GizmoBoss v1.2 */

/* Import Fonts  */
@import "style-fonts.css";

:root {

    /* WAV
    --primary-main: #421763; 
    --secondary-main: #ccbdd6; 
     */
    
    /*  VIAPHOTON
    --primary-main: #2D3E52; 
    --secondary-main: #F38B03; 
    */

    /* colors */
    --background: #f1f2f4; /* Background color */

    --primary-main: #4070b2; /* Main color */
    --secondary-main: #75aaec; /* Secontdary, Active color*/
    
    --white: #ffffff;
    --red: #ea5b3a;
    --deep-red: #ff0000;
    --green: #68ca66;
    --blue: #56ccf2;
    --orange: #F38B03;
    
    --text-color-1: #2D3E52; /* Headers */
    --text-color-2: #8d8a8a; /* Small Grey tests */
    --text-color-3: #6f8594; /* Big Grey texts */
    --text-color-4: #2D3E52; /* Product Title*/
    --text-color-5: #212529; /* Products */
    
    --border-color: #b2b2b2; 
    --button-lg-font-color: #ffffff;
    /* /colors */

    /* effects */
    --drop-shadow1: 0px 1px 2px rgba(0, 0, 0, 0.04);
    --drop-shadow2: 0px 1px 2px rgba(0, 0, 0, 0.08), 0px 0.5px 1px rgba(0, 0, 0, 0.08);
    --drop-shadow3: 0px 2px 4px rgba(0, 0, 0, 0.08), 0px 1px 2px rgba(0, 0, 0, 0.08), 0px 0.5px 1px rgba(0, 0, 0, 0.08);
    --drop-shadow4: 0px 4px 8px rgba(0, 0, 0, 0.08), 0px 2px 4px rgba(0, 0, 0, 0.08), 0px 1px 2px rgba(0, 0, 0, 0.08), 0px 0.5px 1px rgba(0, 0, 0, 0.08);
    --drop-shadow5: 0px 8px 16px rgba(0, 0, 0, 0.06), 0px 4px 8px rgba(0, 0, 0, 0.06), 0px 2px 4px rgba(0, 0, 0, 0.06), 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 0.5px 1px rgba(0, 0, 0, 0.06);
    --drop-shadow6: 0px 16px 32px rgba(0, 0, 0, 0.05), 0px 8px 16px rgba(0, 0, 0, 0.05), 0px 4px 8px rgba(0, 0, 0, 0.05), 0px 2px 4px rgba(0, 0, 0, 0.05), 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 0.5px 1px rgba(0, 0, 0, 0.05);
    --drop-shadow-soft1: 0px 1px 2px rgba(0, 0, 0, 0.04);
    --drop-shadow-soft2: 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 1px 2px rgba(0, 0, 0, 0.04);
    --drop-shadow-soft3: 0px 4px 8px rgba(0, 0, 0, 0.03), 0px 2px 4px rgba(0, 0, 0, 0.03), 0px 1px 2px rgba(0, 0, 0, 0.03);
    --drop-shadow-soft4: 0px 8px 16px rgba(0, 0, 0, 0.03), 0px 4px 8px rgba(0, 0, 0, 0.03), 0px 2px 4px rgba(0, 0, 0, 0.03), 0px 1px 2px rgba(0, 0, 0, 0.03);
    --drop-shadow-soft5: 0px 16px 32px rgba(0, 0, 0, 0.03), 0px 8px 16px rgba(0, 0, 0, 0.03), 0px 4px 8px rgba(0, 0, 0, 0.03), 0px 2px 4px rgba(0, 0, 0, 0.03), 0px 1px 2px rgba(0, 0, 0, 0.03);
    --drop-shadow-soft6: 0px 32px 64px rgba(0, 0, 0, 0.02), 0px 16px 32px rgba(0, 0, 0, 0.02), 0px 8px 16px rgba(0, 0, 0, 0.02), 0px 4px 8px rgba(0, 0, 0, 0.02), 0px 2px 4px rgba(0, 0, 0, 0.02), 0px 1px 2px rgba(0, 0, 0, 0.02);
    /* /effects */
}


.additional-circuits:hover {
    color: var(--button-lg-font-color);
    background-color: var(--secondary-main);
}
.tooltip-inner {
    color: var(--button-lg-font-color);
  }
  polygon.active {
    fill: #2e3e5221;
    stroke: var(--secondary-main);
}


.large-btn, .btn-summary, .btn-email, .btn-prev, .btn-next, .btn-finish, .large-btn:focus, .btn-summary:focus, .btn-email:focus, .btn-prev:focus, .btn-next:focus, .btn-finish:focus{
        border-radius: 2.5rem;
}

.btn-orange-with-arrow, .modal-btn-cancel, .modal-btn-confirm, .btn-orange-with-arrow:focus, .modal-btn-cancel:focus, .modal-btn-confirm:focus {
    border-radius: 2.5rem;
    padding: 0.375rem 1rem;
}
.large-btn:hover {
    background-color: var(--secondary-main);
    color: var(--button-lg-font-color);
    border: 1px solid var(--secondary-main);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.btn-email:hover {
    color: var(--button-lg-font-color);
    background-color: var(--secondary-main);
}
.modal-btn-cancel:hover {
    color: var(--button-lg-font-color);
    background-color: var(--secondary-main);
    border: 1px solid var(--secondary-main);
  }

.go2website {
    display: none;
}

.phone-link {
    color: var(--primary-main);
    text-decoration: underline;
    font-size: 15px;
    font-weight: 600;
}
.phone-link:hover {
    color: var(--secondary-main);
}


  
#btn_req_help{
    color: var(--white);
    background-color: var(--primary-main);
    border: 1px solid transparent;
    border-radius: 0rem;
    font-family: Manrope;
    font-style: normal;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    line-height: 1.5rem;
    padding: 6px 16px;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    box-shadow: none !important;
}
#btn_req_help:hover{
    background-color: var(--secondary-main);
    color: var(--primary-main);
    border: 1px solid var(--secondary-main);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.qf-item.is-active input:not([type=button]):not([type=checkbox]):not([type=radio]):not([type=file])~.qf-label {
    color: var(--secondary-main);
}

.powered-by-header {
    display: block !important;
    top: 34px;
    right: 14px;
  }
  
  .powered-by-header img {
    width: 130px;
  }
  
  .navbar-alternative {
    opacity: 0;
    background-color: #ffffffde;
    backdrop-filter: blur(3px);
    height: 64px;
    border-bottom: 1px solid var(--secondary-main);
    box-shadow: none !important;
  }
  
  li.nav-item.mt-1.active > .powered-by-header {
      top: 24px;
      right: -16px;
  }

  nav.navbar-alternative .usersnap, nav.navbar-alternative .powered-by-header {
    display: none !important;
  }