/*!
* Skycount 1.0
* https://skycount.com
*
* Copyright 2013-2016 Skycount, Inc.
*/


/*--------------------------------------------------------------------------------------------------------
                             Generic styles (used in multiple UIs)
--------------------------------------------------------------------------------------------------------*/

@font-face {
    font-family: "HypernameInter";
    src: url("/fonts/InterVariable.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

html {

  touch-action: manipulation; /*removing 300ms delay*/
}



*{
    
    box-sizing: border-box; /*width includes border and everything*/
}



body {

    /*
    background: radial-gradient(rgba(255,255,255,1) 3%, rgba(245,245,245,0.1) 70%, rgba(245,245,245,.6) 90%) !important;   
          overflow-y: hidden;
    */
    overflow-y: scroll;
}


div[data-role="content"] {

    margin-top: 0;
    overflow: hidden;

    min-height: 84vh;

}


div.sc-flex-container {

    display: flex;
    width: 100%;
    flex-direction: column;
    /*overflow: hidden;*/
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    padding-top: clamp(1.5rem, 6vh, 4.5rem);
}

div.sc-flex-container-xl {

    min-height: 100vh;
    padding-top: clamp(2rem, 8vh, 6rem);
}

div.sc-flex-container-big {

    min-height: 84vh;
    padding-top: clamp(1.25rem, 5vh, 3.5rem);
}

div.sc-flex-container-med {

    min-height: 70vh;
    padding-top: clamp(1.25rem, 5vh, 3.5rem);
}

div.sc-flex-container-small {

    min-height: 50vh;
    padding-top: clamp(1.25rem, 5vh, 3.5rem);
}


@media (max-height: 750px) { 

    div.sc-flex-container-id {

        min-height: 88vh;
    }
}

@media (min-height: 750px) { 

    div.sc-flex-container-id {

        min-height: 84vh;
    }
}

div#sc-menu-panel-anonymous div.sc-flex-container-xl,
div#sc-menu-panel-auth div.sc-flex-container-xl {

    padding-top: clamp(3rem, 10vh, 7rem);
}






div[data-position="fixed"] {

    position: fixed;
}


svg.sc-show-more-arrow
{
    height: 2.3em;
    width:  2.3em;
    fill: #aaa;
    display: block;

    cursor: pointer;
}

svg.sc-show-more-arrow:hover
{
    fill: #888;
}

.sc-show-more-arrow-bounce {
  
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-8px);
  }
  60% {
    transform: translateY(-4px);
  }
}


div.sc-logo-i-dot
{
    -webkit-border-radius: 50%; 
    border-radius: 50%; 
    background-color: rgba(255, 255, 255, 1); 
    height: 2.6%; 
    width:  2.6%; 
    margin: 23% auto 0 auto;
}

div.sc-logo-i-leg
{
    -webkit-border-radius: 3em; 
    border-radius: 3em; 
    background-color: rgba(255, 255, 255, 1); 
    height: 8%; 
    width: 2.6%; 
    margin: 1.3% auto 7.29% auto;
}


svg#sc-calls-show-more-arrow
{
    margin: -.3em auto 0 auto;
}

svg#sc-front-show-more-arrow
{
    position: absolute;
    left:50%;
    margin-left:-1.15em;
    margin-right: auto;
    bottom: 2em;

    display: none;
}


.sc-blue {

    color: #2769F1;
}

.sc-bg-gray {

    background-color: #cfcfcf;
}

.sc-bg-white {

    background-color: #fff;
}

.sc-bg-transparent {

    background-color: transparent;
}


.sc-bg-gray-grad-1 {

    background: radial-gradient(rgba(210,210,210,0.1) 30%,  rgba(210,210,210,0.5) 90%);  

    /*
    background: -webkit-linear-gradient(top,    rgba(215,215,215,.3),     rgba(215,215,215,1)); 
    background: -o-linear-gradient(bottom,      rgba(215,215,215,.3),     rgba(215,215,215,1)); 
    background: -moz-linear-gradient(bottom,    rgba(215,215,215,.3),     rgba(215,215,215,1)); 
    background: linear-gradient(to bottom,      rgba(215,215,215,.3),     rgba(215,215,215,1)); 
    */
}


.sc-bg-gray-grad-1r {

    background: -webkit-linear-gradient(top,    rgba(230,230,230,.7),     rgba(230,230,230,.3)); /*Safari 5.1-6*/
    background: -o-linear-gradient(bottom,      rgba(230,230,230,.7),     rgba(230,230,230,.3)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(bottom,    rgba(230,230,230,.7),     rgba(230,230,230,.3)); /*Fx 3.6-15*/
    background: linear-gradient(to bottom,      rgba(230,230,230,.7),     rgba(230,230,230,.3)); /*Standard*/
}


.sc-bg-gray-grad-2 {

    background: -webkit-linear-gradient(top,    rgba(120,120,120,0.45),     rgba(120,120,120,1)); /*Safari 5.1-6*/
    background: -o-linear-gradient(bottom,      rgba(120,120,120,0.45),     rgba(120,120,120,1)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(bottom,    rgba(120,120,120,0.45),     rgba(120,120,120,1)); /*Fx 3.6-15*/
    background: linear-gradient(to bottom,      rgba(120,120,120,0.45),     rgba(120,120,120,1)); /*Standard*/
}


.sc-bg-gray-grad-2r {

    background: -webkit-linear-gradient(top,    rgba(115,115,115,1),     rgba(115,115,115,.45)); /*Safari 5.1-6*/
    background: -o-linear-gradient(bottom,      rgba(115,115,115,1),     rgba(115,115,115,.45)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(bottom,    rgba(115,115,115,1),     rgba(115,115,115,.45)); /*Fx 3.6-15*/
    background: linear-gradient(to bottom,      rgba(115,115,115,1),     rgba(115,115,115,.45)); /*Standard*/
}


.sc-bg-gray-grad-3 {

    background-color: rgba(100,100,100,1);

    background: -webkit-linear-gradient(top,    rgba(100,100,100,0.4),     rgba(100,100,100,.8)); /*Safari 5.1-6*/
    background: -o-linear-gradient(bottom,      rgba(100,100,100,0.4),     rgba(100,100,100,.8)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(bottom,    rgba(100,100,100,0.4),     rgba(100,100,100,.8)); /*Fx 3.6-15*/
    background: linear-gradient(to bottom,      rgba(100,100,100,0.4),     rgba(100,100,100,.8)); /*Standard*/
}


.sc-bg-gray-2-blue-grad {

    background: linear-gradient(to bottom,      rgba(37,80,245,0.17),     rgba(120,120,120,0.3)); /*Standard*/
}



html {

    /*
        IE-only, fast clicks (300-ms delay elimination)
    */

    -ms-touch-action: manipulation;
    touch-action: manipulation;
}


div#sc-trace {
    margin: 40px auto 0 15px; 
    position:absolute;
    color: #888888;
    
    overflow: hidden;
    text-overflow: ellipsis;
    
    /*
    white-space: nowrap;
    color: #00ff99;    
    text-align: justify;
    */

    display:none;
    font-size: 11px;
    
    width: 250px;                   
}


                                    
div#sc-front-ph-app {

    --sc-front-app-breathing-space: 1.45rem;
    --sc-front-app-cta-height: clamp(38px, 3.45vw, 39.5px);

    width: 100%;
    margin: 0 auto 6em auto;

    position: relative;

    text-align: center;
}

div#sc-front-ph-web {

    position: relative;
}

div#sc-front-ph-app div.sc-front-app-logo-img-ph
{
    width: calc(100% - 30px);
    max-width: 38em;
    margin: 0 auto 0 auto;
    text-align: center;
    line-height: 0;
    box-sizing: border-box;
}

div#sc-front-ph-app div.sc-front-app-logo-img-ph img {

    display: block;
    width: 100%;
    max-width: 100%;
}


div#sc-front-ph-app img.sc-front-app-hero-img {

    -webkit-border-radius: 26px;
    border-radius: 26px;
}

div.sc-front-app-tagline {

    width: 90%;
    max-width: 32em;

    margin: var(--sc-front-app-breathing-space) auto 0 auto;

    color: #1d1d1d;
    font-size: 1.08em;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: 0;
}

table#sc-front-y-dots-ph {

    display: none;

    width: 2em;
    height: 9em;

    position: absolute;
    top: 20em;
    left:1em;

    margin: 0 auto 0 auto; 

    border-collapse:separate;
    border-spacing: 0 0.3em;


    text-align: center;
}

td.sc-front-y-dot {

    width: .02em;
    height: 1.4em;
    margin: 0 auto 0 auto; 

   -webkit-border-radius: 3em;
    border-radius:         3em;

    background-color: #ccc;
}

td.sc-front-y-dot-selected {

    background-color: #333;
}

td.sc-front-y-dot-title {

    cursor: pointer;

    text-align: left;

    font-size: .7em;
    font-weight: 500;

    vertical-align: middle;
    width: 9em;
    min-width: 9em;

    color: #333;

    padding: 0 0 0 .8em;
}

td.sc-front-y-dot-title div {

    display: none;
    vertical-align: middle;
}



div#sc-pre-ph {

    position: relative;
    width: 100%;
    margin: 0 auto 0 auto;

    text-align: center;
}


.sc-lazy-display {

    transition: all 1.2s ease;
}
.sc-lazy-display-out {

    opacity: 0;
}


img {
    image-rendering:optimizeQuality;

    /*
    .sc-on-fonts-ready,

    image-rendering: -moz-crisp-edges;         
    image-rendering:   -o-crisp-edges;         
    image-rendering: -webkit-optimize-contrast;
    */
    
    -ms-interpolation-mode:bicubic;  
}


.sc-locked {

    pointer-events: none;
}


.sc-blur {

	-webkit-filter: blur(18px);
	-moz-filter:    blur(18px);
	-ms-filter:     blur(18px);
	filter:         blur(18px);
	-o-filter:      blur(18px);

}


img.sc-img-show-on-load {

    display: none;
}

.sc-gen-orange {

    /*
    color: rgb(255, 86, 60);
    */
    color: rgb(245, 96, 30);
}


.sc-gen-black-lt {

    color: #333;
}


div.sc-title-new {
    
    font-weight: 400;
    color: #333;

    margin: 0 auto 0 auto;

    width: 100%;

    overflow: hidden;
    text-align: center;

    padding: 0 0 0 0; 
}


.sc-subtitle-new {
    
    font-weight: 300;

    width: auto;
    white-space: nowrap;
    text-align: center;
}


div.sc-sub-title  {

    color: #777;

    font-size: 1.2em;
    width: 90%;
    margin: .3em auto 0 auto;
    text-align: center;
    
    font-weight: 400;

    letter-spacing: 0.04em;
    font-style: normal;
}


div.sc-sub-hint  {

    font-size: 75%;
    width: 100%;
    margin: 0 auto 0 auto;
    text-align: center;

    
    letter-spacing: 0.12em;
    font-style: normal;
    color: #999;

}


div.sc-sub-title span {

    font-weight: bold;
}


div.ui-selectmenu > div.ui-header > h1{
    
    font-weight: normal;
}


div.sc-no-user-select {

    /*simple way to prevent selection within*/

    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select:none; 
    user-select:none;
    -o-user-select:none; 
}


div.sc-generic-instruction-ph {

    margin: 1.6em auto 0 auto;

    width: 100%;

    font-size: 80%;

    letter-spacing: 0.02em;

    text-align: center;

    color: #404040;  
}


.sc-ph {

    width: 93%;
    overflow: visible;
    padding: 0 0 .8em 0;
    text-align: center;
}


@media (max-width: 360px) {

    .sc-ph {

        font-size: 16px;
    }
}

@media (min-width: 360px) and (max-width: 790px) { /*iPhone 7, 7 Plus, tablets*/

    .sc-ph {

        font-size: 18px;
    }
}

@media (min-width: 790px) { /*Desktop*/

    .sc-ph {

        font-size: 16px;
    }
}


div.sc-top-loader {

    height: 0;
    overflow: visible;

    z-index: 1001; /*right above the header (.ui-header-fixed)*/

    width: 100%;
    position: relative;

    background-color: transparent;
}

div.sc-top-loader-ani:before{

    height: .26em;

    display: block;
    position: absolute;
    content: "";
    left: -12.5em;
    width: 12.5em;

    background-color: #3F7EFF;/*#88a;*/
    animation: sc-top-loading 2s linear infinite;
}

@keyframes sc-top-loading {

    from {left: -12.5em; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}


div#sc-spinner-id-button {

    margin: 0 auto 0 auto;
    display: none;
    height: 3em;
    width:  3em;
    border: 2px solid #2F6EF7;


    animation: sc-spinner-rotate 0.8s infinite linear;
    border-right-color: transparent;
    border-radius: 50%;
}

div#sc-spinner-pic-upload {

    margin: 0 auto 1.3em auto;
    display: block;
    height: 8em;
    width:  8em;
    border: 2px solid #2F6EF7;

    animation: sc-spinner-rotate 0.8s infinite linear;
    border-right-color: transparent;
    border-radius: 50%;
}

div#sc-spinner-init-ui {

    position: absolute;

    top: 20em;

    margin-left: -30px;
    left:50%;

    display: none;

    height: 60px;
    width:  60px;
    border: 2px solid #2F6EF7;

    animation: sc-spinner-rotate 0.8s infinite linear;
    border-right-color: transparent;
    border-radius: 50%;
}

div#sc-spinner-pre-ui {

    margin: 0 auto 0 auto;
    display: block;
    height: 6em;
    width:  6em;
    border: 2px solid #2F6EF7;

    animation: sc-spinner-rotate 0.8s infinite linear;
    border-right-color: transparent;
    border-radius: 50%;
}

@keyframes sc-spinner-rotate {

    0%    { transform: rotate(0deg); }
    100%  { transform: rotate(360deg); }
}



table.sc-gen-sub-header {

    width: 98%; 
    max-width: 30em;
    padding: 0; 
    margin: 0 auto 0 auto;
}


table.sc-gen-sub-header tr {

    white-space: nowrap;
}


td.sc-gen-sub-header-middle
{
    font-size: .9em;
    font-weight: 500;

    font-style: normal;

    color: #333;

    width:      60%;
    min-width:  60%;
    text-align: center; 
    white-space: nowrap;
     
    overflow: hidden; 
    text-overflow: ellipsis;

    display: inline-grid;
}


td.sc-gen-sub-header-left
{
    padding: 0 0 0 0;
    width:      20%;
    min-width:  20%;
    text-align: left; 
    white-space: nowrap; 

    display: inline-grid;
}


td.sc-gen-sub-header-right
{
    padding: 0 0 0 0;
    width:      20%;
    min-width:  20%;
    text-align: right; 
    white-space: nowrap; 

    display: inline-grid;
}


.sc-user-hypername-mobi-ph
{
    width: 100%; 
    max-width: 20em;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    text-align:center; 
    margin: .1em auto 0 auto;
}


div.sc-gen-instruction-text-ph {

    width: 85%;
    font-size: 1em;
    font-weight: 400;

    margin: 1em auto 0 auto; 
    padding: 0;

    text-align: center;
}


.sc-page-title,
div.sc-title-v2 {
    
    font-weight: 400;
    font-style: normal;

    line-height: 1.2em;
    letter-spacing: 0;
    margin: 0 auto 0 auto;
    padding: 0;

    width: 93%;
    text-align: center;
}


div.sc-input-label
{
    width: 100%;

    background-color: transparent;
    font-size: 0.72em;
    font-weight: 400;
    letter-spacing: 0.07em;
    color: #333;
    text-align: left;

    margin: 0 auto 0 auto;
    padding: 0 0 0 1.55em;
    
    display: block;
}


div.sc-specific-error
{
    
    font-weight: 400;
    font-size: 0.72em;
    
    color: rgb(190, 40, 40);
    
    display: block;
    text-align: center;
    display: none;

    text-transform: lowercase;
}


div.sc-general-error
{
    width: 70%;
    font-size: .7em;
    color: rgb(190, 40, 40);
    display: block;
    margin: 1em auto 0 auto;
    padding: 0;
    text-align: center;

    display: none;
}


div.sc-specific-error-normal
{
    width: 90%;
    margin: 0 auto 0 auto;
}


div.sc-specific-error-small
{
    width: 86%;
    font-size: 0.76em;
    margin: -.4em auto 0 auto;
}


div.sc-specific-error-call-atoms
{
    
    width: 90%;
    font-size: 0.7em;
    font-weight: 400;

    color: rgb(190, 40, 40);

    margin: -.3em auto 0.6em auto;
    padding: 0 0 0 0.3em;

    display: block;
    text-align: center;
    display: none;

    text-transform: lowercase;
}

div.sc-specific-error-rp-atoms
{
    width: 90%;
    
    font-weight: 400;
    
    display: block;
    text-align: center;
    display: none;

    text-transform: lowercase;
}






@media (max-width: 420px) { /*tiny & small screen*/

    div.sc-title-new {

        font-size: 3.2em;
        line-height: 1.2em;

        letter-spacing: 0.01em;
    }


    .sc-subtitle-new {

        font-size: 2em;
        letter-spacing: 0.02em;
        margin: 0.1em auto 0 auto;
    }


    .sc-menu-top-page-title-small{

        line-height: 1em;
        visibility: visible;
    }

    .sc-page-title {

        display: none;

    }

    div.sc-title-v2 {

        font-size: 2.9em;
    }

    .sc-ph {

        margin: 0 auto 0 auto; 
    }


    .sc-form {

        margin: 1.6em auto 0 auto;
        width: 85%;
        max-width: 17em;
    }


    div.sc-form-padding {

        margin: 0 auto 12px auto;
    } 


    div.sc-specific-error-rp-atoms
    {
        margin: -.5em auto .7em auto;
    }
}


@media (min-width: 420px) { /*medium-large*/

    div.sc-title-new {

        font-size: 3.9em;
        line-height: 1.2em;

        letter-spacing: 0em;
    }


    .sc-subtitle-new {

        font-size: 2.3em;
        letter-spacing: 0.02em;
        margin: 0.1em auto 0 auto;
    }


    div.sc-title-v2 {

        font-size: 3em;
    }


    .sc-form {

        margin: 1.6em auto 0 auto;
        width: 100%;
        max-width: 17em;
    }

    div.sc-form-padding {

        margin: 0 auto .6em auto;
    } 


    div.sc-specific-error-rp-atoms
    {
        margin: -1em auto 1.2em auto;
    }
}


@media (min-width: 420px) and (max-width: 888px) { /*medium screen*/

    .sc-ph {

        margin: 0 auto 0 auto; 
    }


    .sc-menu-top-page-title-small {

        visibility: hidden;
    }


    .sc-page-title {

        font-size: 2.3em;
    }

}


@media (min-width: 888px) { /*large screen*/

    .sc-ph {

        margin: 1.2em auto 0 auto; 
    }
    

    .sc-menu-top-page-title-small {

        visibility: hidden;
    }


    .sc-page-title {

        font-size: 2.3em;
    }

}

















/*-----------------------------------Notifications----------------------------------------*/

div.sc-notifications-button-x-ph {

    position: absolute;
    right:  .6em;
    top:    .6em;

    display: block;

    height: 1em;
    width:  1em;

    text-align: center;
    cursor: pointer; 

    background-color: transparent;
    
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

div.sc-notifications-button-x {

    position: absolute;
    display: block;
    text-align: center;
    width: 100%;

    background-color: transparent;
}


div.sc-notifications-button-x::before {

    content: ""; 
    position: absolute;
    display: inline-block;

    width: 2.5px;
    height: 16px;
    top: .26em;
    left: 0;

    -webkit-border-radius:  4em;
    border-radius:          4em;
    
    background-color: #aaaaaa;
        
    transform: rotateZ(45deg) scaleX(1) scaleY(1) scaleZ(1);
}


div.sc-notifications-button-x::after {

    content: ""; 
    position: absolute;
    display: inline-block;

    width: 2.5px;
    height: 16px;
    top: .26em;
    left: 0;

    -webkit-border-radius:  4em;
    border-radius:          4em;
    
    background-color: #aaaaaa;

    transform: rotateZ(-45deg) scaleX(1) scaleY(1) scaleZ(1);
}



div#sc-notifications-popup {


    position:fixed;
    top:8em;
    margin-left: -8em;
    left:50%;

    z-index: 1001;

    width:      16em;
    max-width:  16em; 

    overflow: hidden;

    color: #ffffff;
    

    background-color: rgba(10, 10, 10, 0.9);

    text-align: center;

    padding: 0;

    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select:none; 
    user-select:none;
    -o-user-select:none; 

    -webkit-border-radius: 1.6em;
    border-radius: 1.6em;
}


div.sc-notifications-img-ph
{
    width:  4.6em; 
    height: 4.6em; 

    display: block; 

    margin: 0 0 0 0; 

    -webkit-border-radius: 50%;
    border-radius: 50%;

    background: radial-gradient(rgba(79,79,79,0.4) 30%,  rgba(79,79,79,0.6) 90%);  
}

div.sc-notifications-img-ph-inner
{
    width:  4.6em; 
    height: 4.6em; 
    
    margin: 0 0 0 0; 

    -webkit-border-radius: 50%;
    border-radius: 50%;    
}

div.sc-notifications-img-ph img
{
    max-width:  4.6em; 
    max-height: 4.6em; 

    margin: 0 0 0 0;

    -webkit-border-radius: 50%;
    border-radius: 50%;

    display:none;
}


div.sc-notifications-button-round {

    font-weight: 400;

    font-size: 0.56em;

    width:          5.8em;
    min-width:      5.8em;
    height:         5.8em;
    min-height:     5.8em;

    display: inline-table;

    margin: 0 auto 0 auto;
    padding: 0;

    -webkit-border-radius: 100%; 
    border-radius: 100%;
}


div.sc-notifications-button-round div {

    display: table-cell;
    vertical-align: middle;
}


div.sc-notifications-message-text-ph
{
    width: 100%;
    max-height: 6em; 
    margin: .3em 0 .3em 0;

    overflow: hidden;
    text-overflow: ellipsis;

    display: block; 
    text-align: left;
}


div.sc-notifications-message-text
{
    font-weight: 300;
    font-size: .7em;
    width: 100%;
    padding: 0;
    
    background-color: transparent;/*#333333;rgba(168, 169, 176, 1);*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;

    color: #aaaaaa;
}


div.sc-notifications-message-header {

    vertical-align: top; 
    
    margin: .1em auto .3em auto; 
    font-size: 100%; 
    width: 100%;

    font-weight: 400;
    letter-spacing: 0.03em; 

    padding: 0;

    text-align: left;
    display: block;
}


div.sc-notifications-message-sub-header {

    width: 100%;
    color: #fff;

    vertical-align: top; 

    font-weight: 400;
    font-size: 0.7em; 

    padding: 0;

    text-align: left;

    margin: 0 auto 0 auto; 
}


div#sc-notifications-page-top-ph {

    position:fixed;

    width: 100%;
    height: 1px; /*so it doesn't block menue or other elements underneath*/

    text-align: center;

}


div.sc-notifications-page-top {

    z-index: 100000; /*bigger than main menu panel*/

    display: none;
    height: 2em;
    overflow: hidden;

    text-align: center;
    margin: 1.9em auto 0 auto;

    -webkit-border-radius: 8em;
    border-radius: 8em;
    
}


div.sc-notifications-page-top div {

    font-size: 0.6em;
    line-height: 0.6em;
    padding: 0 1.6em 0 1.7em;

    text-align: center;
    letter-spacing: 0.12em;

    margin: 1.46em auto 0 auto; 
    
}


div.sc-notifications-page-top-green {

    color: #ffffff; 
    background-color: rgba(82, 215, 145, 1); /*#52db91;*/
}


div.sc-notifications-page-top-generic {

    color: #ffffff;  
    background-color: rgba(30, 30, 30, 0.8); 
}


div.sc-notifications-page-top-purple {

    color: #000000;  
    background-color: rgba(255, 180, 255, 0.93); 
}


div.sc-notifications-page-top-yellow {

    color: #000000; 
    background-color: rgb(247, 216, 2); 
}


div.sc-notifications-page-top-orange {

    color: #ffffff; 
    
    background-color: rgba(255, 116, 80, 1);
}


div.sc-notifications-ph-inner {
    
    width: 94%;
    display: block;
    
    margin: 3% 3% 3% 3%; 
    padding: 0;

}


table.sc-notifications-peer-info {

    width: 100%;
    margin: 0 auto 0 auto;
}


td.sc-notifications-img-td
{
    width:      34%; 
    max-width:  34%;

    margin: 0 0 0 0; 
}


td.sc-notifications-message-ph
{
    width:      66%; 
    word-break: break-word; 

    white-space: normal;

    margin: 0 0 0 0;
}


div#sc-notifications-button-view
{
    margin: 1.6em auto 0 auto;
}


@media (max-width: 420px) { /*small*/

    div#sc-notifications-page-top-ph {

        top:2.3em;
    }


}



@media (min-width: 420px) and (max-width: 888px) { /*medium screen*/


    div#sc-notifications-page-top-ph {

        top:2.3em;
    }
}



@media (min-width: 888px) { /*big screen*/


    div#sc-notifications-page-top-ph {

        top:2.6em;
    }
}




















/*-----------------------------------Links--------------------------------------------*/

a.sc-link {
    
    cursor: pointer; 
    
    text-emphasis: none;
    text-decoration: none; 
    
    margin: 0;
    display: block; 

    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select:none; 
    user-select:none;
    -o-user-select:none; 
}

a.sc-link:focus,
a.sc-link:active {

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
    outline: none;

    text-emphasis: none;
    text-decoration:none; 
}


a.sc-inline-link {
    
    cursor: pointer; 
    
    font-weight: normal; 
    
    text-emphasis: none;
    text-decoration: none; 
    
    display: inline-block; 

    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select:none; 
    user-select:none;
    -o-user-select:none; 
}

a.sc-inline-link:focus,
a.sc-inline-link:active {

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
    outline: none;

    text-emphasis: none;
    text-decoration:none; 
}


a.sc-link-1,
a.sc-link-1:visited {
    
    color: #3F7Ed7;
}

a.sc-link-1:focus,
a.sc-link-1:active,
a.sc-link-1:hover {

    color: #3F7Ed7;
}

    
a.sc-link-2,
a.sc-link-2:visited {
    
    /*
        color: #3F7Ed7;
    */
    
    color: #2769F1;
}

a.sc-link-2:focus,
a.sc-link-2:active, 
a.sc-link-2:hover {

    /*color: #2F6EF7;*/    
    color: #2769F1;
}


















/*------------------------------Activity indicator (running dots)-----------------------------------*/


div.sc-activity-indicator-ph {

    /*This one is generic topmost activity indicator container*/
    width: 80px;
    height: 30px;
    display: table; /*this allows to keep dots right in the middle, precisely matching height of replaced buttons*/
    text-align: center;
    vertical-align: middle;
    margin: 20px auto 0 auto;
    padding: 0;
}


div.sc-activity-indicator-ph-small {

    width: 40px;
    display: table; 
    text-align: center;
    vertical-align: middle;
    padding: 0;
}


div.sc-round-button-activity-indicator-ph {

    display: table-cell; 
    vertical-align: middle;
}


div.sc-inline-activity-indicator-ph {

    width: 250px;
    display: block;
    text-align: center;
    margin: 7px auto 0 auto;
    padding: 0;
}


div.sc-notifications-activity-ph {

    width: 4.6em;
    display: table;
    text-align: center;
    margin: .3em auto 0 auto;
    padding: 0;
}


div.sc-activity-dot-ph {

    width: 30px;
    height: 30px;
    min-height: 30px;

    display: inline-block;
    vertical-align: middle;

    text-align: center;
    margin: 0 6px 0 6px;
    padding: 0;
}


div.sc-activity-dot {

    width: 10px;
    height: 10px;

    display: inline-block;
    vertical-align: middle;

    margin: 0 auto 0 auto;
    background-color: #0000ff; 

  	-webkit-border-radius: 100%; 
	border-radius: 100%;
}


div.sc-activity-dot-x-ph {

    width: 14px;
    max-width: 14px;
    height: 14px;
    max-height: 14px;

    display: table-cell;
    vertical-align: middle;

    text-align: center;
    margin: 0 auto 0 auto;
    padding: 0;
}


div.sc-activity-dot-x {

    width: 12px;
    height: 12px;

    display: none;
    vertical-align: middle;
    padding: 0;

    margin: 0 auto 0 auto;
    background-color: #0000ff; 
    border: 1px solid #ffffff; /*having white border to avoid strange bug in Chrome - sides may be 1 pixel cut off*/

  	-webkit-border-radius: 50%; 
	border-radius: 50%;
}


div.sc-activity-dot-purple-small-ph {

    width: 8px;
    max-width: 8px;
    height:     8px;
    max-height: 8px;

    display: table-cell;
    vertical-align: middle;

    text-align: center;
    margin: 0 auto 0 auto;
    padding: 0;
}


div.sc-activity-dot-purple-small {

    width:  6px;
    height: 6px;

    display: none;
    vertical-align: middle;
    padding: 0;

    margin: 0 auto 0 auto;
    background-color: #900090;  
    border: 1px solid #ffffff; 

  	-webkit-border-radius: 50%; 
	border-radius: 50%;
}


div.sc-activity-dot-white-ph {

    width:      .6em;
    max-width:  .6em;
    height:     .6em;
    max-height: .6em;

    display: table-cell;
    vertical-align: middle;

    text-align: center;
    margin: 0 auto 0 auto;
    padding: 0;
}


div.sc-activity-dot-white {

    width:  .4em;
    height: .4em;

    display: none;
    vertical-align: middle;
    padding: 0;

    margin: 0 auto 0 auto;
    background-color: #ffffff;  
    border: 1px solid #ffffff; 

  	-webkit-border-radius: 50%; 
	border-radius: 50%;
}



div.sc-activity-dot-white-small-ph {

    width:      8px;
    max-width:  8px;
    height:     8px;
    max-height: 8px;

    display: table-cell;
    vertical-align: middle;

    text-align: center;
    margin: 0 auto 0 auto;
    padding: 0;
}


div.sc-activity-dot-white-small {

    width:  6px;
    height: 6px;
        
    display: none;
    vertical-align: middle;
    padding: 0;

    margin: 0 auto 0 auto;
    background-color: #fff;  
    border: 1px solid #fff; 

  	-webkit-border-radius: 50%; 
	border-radius: 50%;
}


















/*----------------------------------------Front page--------------------------------------------*/

/*
div#front {

    background: linear-gradient(to right,  rgba(47,110,247,0.03),       rgba(47,110,247, 0)); 
}
*/

div.sc-front-mobi-platforms-ph
{

    display: block; 
    margin: 2.6em auto 0 auto;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;

    width: 100%;
    max-width: 18em;
}


svg.sc-front-mobi-platform
{
    cursor: pointer;

    display: inline-block; 
    margin: 0 2em 0 2em;

    width: 2.3em; 
    height: 2.3em; 
    
    fill: url(#sc-mobi-platform-icon-gradient) #444;
}


div.sc-front-logo-static
{
    background-color:   rgba(47,110,247,0.8); 
    background: radial-gradient(rgba(47,110,247,0.7) 5%,       rgba(47,110,247,0.9) 90%); 

    position: relative;
    margin: 0 auto 0 auto;
    text-align: center;
    overflow: hidden;

    text-align: center;
     
    -webkit-border-radius: 50%;
    border-radius: 50%;

}

div.sc-front-logo-pro
{
    background-color:   transparent; 
    background: radial-gradient(rgba(47,110,247,0.7) 7%,       rgba(47,110,247,1) 80%); 
     
    -webkit-border-radius: 50%;
    border-radius: 50%;

    overflow: hidden;
    text-align: center;
}

div#sc-menu-panel-logo
{ 
    width:  100px !important;
    height: 100px !important;
    max-width:  100px;
    max-height: 100px;
    
    margin: 0 auto 0 auto;
}

div#sc-front-logo
{ 
    display: none;

    margin: 0 auto 0 auto;

    width:  120px !important;
    height: 120px !important;
    max-width:  120px;
    max-height: 120px;
}


div.sc-id-button-head-front-logo
{
    display: block; 

    margin: -3% auto 0 auto; 
    width:  12.8%;
    height: 12.8%;

    -webkit-border-radius: 50%;
    border-radius: 50%;
}

div.sc-id-button-body-front-logo
{
    display: block; 

    margin: 3.9% auto 0 auto; 
    width:  43%;
    height: 18%;

    -webkit-border-radius: 50%;
    border-radius: 50%;
}


div.sc-front-subtitle {

    width: 100%;

    font-size: .9em;

    margin: 1.45em auto 0 auto;

    text-align: center;

}

div#sc-front-login-button {

    cursor: pointer;
    margin: .35em auto 0 auto;
    font-size: 1em;
    font-weight: 500;
    letter-spacing: .03em; 

    color: #2f6ef7;
}


div#sc-front-loading-ani-ph {

    margin: 10px auto 0 auto;
}


a#sc-button-tester-login,
a#sc-button-tester-login-mobi {

    margin: 6px auto 0 auto;
    
}


a#sc-button-call-demo-front {

    width: 150px;

    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select:none; 
    user-select:none;
    -o-user-select:none; 

    font-size: 12px;

    margin: 40px auto 0 auto;
    display:block;    
    text-align:center;
}


div#sc-call-demo-finish-view
{
    display:none;
}


.sc-subtitle-app-front {
    
    margin: .7em auto 0 auto;
    padding: 0 0 0 1em;
    font-weight: 500;
    font-size: .8em;
    letter-spacing: 1.9em;
    color: #999;

    width: 100%;
    white-space: nowrap;
    text-align: center;
}


div.sc-logo-ph {

    width: 100%;
    text-align: center;
    padding: 0; 
}


div.sc-logo-ph img
{
    display:inline-block;
    margin: 0 auto 0 auto;
}


img#sc-new-main-logo
{
    display: none;
}


div.sc-new-bigger-line{

    font-weight: 500;
    letter-spacing: 0.03em;
    color: #888;

    width: 84%;
    margin: 1.6em auto 0 auto;
    font-size: 1.2em;
}


div.sc-new-bigger-line-pre {

    font-weight: 400;
    letter-spacing: 0.03em;
    color: rgb(180, 40, 40);

    margin: 1.6em auto 0 auto;
    font-size: .9em;
}


div#sc-preview-error-output {

    display: none;

    font-weight: 400;
    color: rgb(180, 40, 40); 
    font-size: .8em;
}


form#sc-call-demo-finish-form {

    
    text-align: center;
}


.sc-front-description-ph {

    text-align: center;
    vertical-align: top;
    line-height: 1.6em;

    width: 100%;
    max-width: 42em;
}


div.sc-front-action-buttons-ph {

    text-align: center;
    width: 90%;
    max-width: none;

    margin: 1.45em auto 0 auto;
}


div#sc-front-ph-app div.sc-front-action-buttons-ph {

    margin: var(--sc-front-app-breathing-space) auto 0 auto;
}


div#sc-front-ph-app div.sc-front-subtitle {

    margin: var(--sc-front-app-breathing-space) auto 0 auto;
}


div#sc-front-ph-app div.sc-front-upgrade-button {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;

    width: auto;
    height: var(--sc-front-app-cta-height);
    min-height: var(--sc-front-app-cta-height);
    line-height: 21.5px;

    margin: 0 auto 0 auto;
    padding: 0 calc(1.73em + 8.25px);

    color: #fff;
    background: #007dff;
    -webkit-border-radius: 8em;
    border-radius: 8em;
    font-size: clamp(10.9px, .99vw, 11.9px);
    font-weight: 500;
    letter-spacing: 1.65px;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .4s, opacity .4s, color .4s;
}

div#sc-front-ph-app div.sc-front-upgrade-button:hover,
div#sc-front-ph-app div.sc-front-upgrade-button:active {

    color: #fff;
    background: #228dff;
}


@media screen and (max-width: 520px) {

    div#sc-front-ph-app {

        --sc-front-app-cta-height: clamp(36.3px, 9.075vw, 38px);
    }

    div#sc-front-ph-app div.sc-front-upgrade-button {

        font-size: clamp(9.6px, 2.93vw, 10.9px);
    }
}


div.sc-front-juice-ph {

    width: 100%;
    margin: 0 auto 0 auto;
    text-align: center;

    overflow: visible;
}

div.sc-front-juice {

    position: relative;
    display: inline-block; /*otherwise vcenter of inner div shifts parent with it*/
    width: 100%;
    margin: 0 auto 0 auto;
    text-align: center;

    height: 84vh;

    overflow: visible;

    transition: all .5s ease;
}

div#sc-front-juice-2,
div#sc-front-juice-4 {

    background-color: rgba(245, 245, 245, 1);
}

div.sc-front-v-aligner {

    width: 100%;
    text-align: center;
    margin: 0 auto 0 auto;
}

div.sc-front-juice-left {

    width: 25%;
    max-width: 26em;
    min-width: 6em;
    display: inline-table;
    vertical-align: top;

    text-align: right;
    margin-right: 1.8em;
}

div.sc-front-juice-right {

    width: 75%;
    max-width: 40em;
    min-width: 6em;
    display: inline-table;
    vertical-align: top;

    text-align: left;
    margin-left: 1.8em;
}

div.sc-front-juice-right div:first-child {

    margin-top: .6em;
}

div.sc-front-juice-right-text {

    font-weight: 400;
    letter-spacing: 0.02em;
    color: #333;

    margin: 0 auto .3em auto;

    width: 100%;
    font-size: 1.3em;

    line-height: 1.5em;
}

div.sc-front-juice-title {
    
    font-weight: 400;
    color: #333;

    font-size: 4.3em;
    letter-spacing: 0.00em;

    margin: 0 auto 0 auto;

    width: 100%;

    overflow: hidden;
    text-align: right;

    padding: 0 0 0 0; 
}

div.sc-front-juice-sub-title {
    
    font-weight: 400;
    color: #999;

    font-size: 1.9em;
    line-height: 1.2em;
    letter-spacing: 0.02em;

    margin: 0 .2em 0 auto;

    width: 100%;
    text-align: right;
}

div.sc-front-juice-left-buttons {
    
    margin-top: 1.3em;
    text-align: right;
}

div#sc-front-juice-get-hn {

    min-width: 9em;
}

div.sc-front-juice-right-buttons {
    
    width: 100%;
    margin: 0 auto 0 auto;
    text-align: left;
}

div#sc-front-juice-hn-more {

    max-width: 9em;
    min-width: 9em;
}


div#sc-tester-code-ph {

    width: 13em;
    margin: 1.7em auto 0 auto;
}



@media (max-width: 330px) { /*tiny screen*/

    div.sc-front-screenshot-ph {

        margin: 1.1em auto 0 auto;
    }


    div.sc-front-screenshot-ph img
    {

        width:      16em; 
        max-width:  16em; 
        height:     16em; 
        max-height: 16em; 
    }
}



@media (min-width: 330px) and (max-width: 420px) { /*small screen*/


    div.sc-front-screenshot-ph {

        margin: 1.3em auto 0 auto;
    }


    div.sc-front-screenshot-ph img
    {

        width:      18.6em; 
        max-width:  18.6em; 
        height:     18.6em; 
        max-height: 18.6em; 
    }
}



@media (max-width: 420px) { /*tiny & small screens*/

    .sc-front-description-ph {

        margin: 1em auto 0 auto;
    }


    div.sc-form-padding-small {

        margin: 0 auto 8px auto;
    } 

    div.sc-new-bigger-line{

        max-width: 84%;
    }


    div.sc-logo-ph {

        margin: 0.3em auto 0 auto;
    }


    div.sc-logo-ph img
    {

        width:      2.36em; 
        height:     2.18em; 
        max-width:  2.36em; 
        max-height: 2.18em; 
    }
}



@media (min-width: 420px) and (max-width: 888px) { /*medium screen*/


    .sc-front-description-ph {

        margin: 0 auto 0 auto;
    }


    div.sc-front-screenshot-ph {

        margin: 2.3em auto 0 auto;
    }


    div.sc-front-screenshot-ph img
    {

        width:      22em; 
        max-width:  22em; 
        height:     22em; 
        max-height: 22em; 
    }


    div#sc-pre-ph {

        max-width: 380px;
    }


    div.sc-logo-ph {

        margin: 0.8em auto 0 auto;
    }


    div.sc-logo-ph img
    {

        width:      2.96em; 
        height:     2.78em; 
        max-width:  2.96em; 
        max-height: 2.78em; 
    }
}



@media (min-width: 420px) { 

    div.sc-new-bigger-line{

        /*max-width: 40em;*/
    }
}



@media (min-width: 888px) {

    .sc-front-description-ph {

        margin: 0 auto 0 auto;
    }


    div.sc-front-screenshot-ph {

        margin: 2.6em auto 0 auto;
    }


    div.sc-front-screenshot-ph img
    {

        width:      30em; 
        max-width:  30em; 
        height:     33em; 
        max-height: 33em; 
    }


    div#sc-pre-ph {

        max-width: 1240px;
    }


    div.sc-form-padding-small {

        margin: 0 auto 12px auto;
    } 


    div.sc-logo-ph {

        margin: 3em auto 0 auto;
    }


    div.sc-logo-ph img {

        width:      3.26em; 
        height:     3.01em; 
        max-width:  3.26em; 
        max-height: 3.01em; 
    }
}
















/*-----------------------------------------------About page------------------------------------------------*/

.sc-about-ph {

    width: 100%;
    text-align: center;
    color: #4f4f4f;  
}

.sc-about-title{

    
    font-weight: 200;

    text-align: center;

    margin: 0 auto 0 auto;
}


.sc-about-title-2{

    
    font-weight: 200;

    text-align: left;
}


div.sc-about-text{

    
    font-weight: 200;

    color: #4f4f4f;
    text-align: justify;
}


@media (max-width: 330px) { /*tiny screen*/

    .sc-about-ph {

        margin:15px auto 0 auto;
    }


    div.sc-about-text-ph{

        margin: 0em auto 1.6em auto;
    }


    .sc-about-title{

        width: 86%;
        margin: 0 auto 0 auto;
        /*
        color: #42cb81; 
        color: #ff00ff; 
        */
        color: #900090; 
        font-size: 22px;
        line-height: 23px;
    }


    .sc-about-title-2{

        margin: 0em auto 0.2em auto;
        color: #900090; 
        font-size: 1.1em;
        line-height: 1em;
    }


    div.sc-about-text{

        margin: 12px auto 0 auto;
        width: 86%;
        font-size:   16px;
        line-height: 19px;
    }
}



@media (min-width: 330px) and (max-width: 420px) { /*small screen*/


    .sc-about-ph {

        margin:15px auto 0 auto;
    }


    div.sc-about-text-ph{

        margin: 0em auto 1.6em auto;
    }


    .sc-about-title{

        width: 86%;
        margin: 10px auto 0 auto;
        /*
        color: #42cb81; 
        color: #ff00ff; 
        */
        color: #900090; 
        font-size: 24px;
        line-height: 25px;
    }


    .sc-about-title-2{

        margin: 0em auto 0.2em auto;
        color: #900090; 
        font-size: 1.1em;
        line-height: 1em;
    }


    div.sc-about-text{

        margin: 12px auto 0 auto;
        width: 86%;
        font-size:   16px;
        line-height: 19px;
    }
}



/*CHECKED*/
@media (min-width: 420px) and (max-width: 888px) { /*medium screen*/

    .sc-about-ph {

        margin:0.6em auto 3em auto;
    }


    .sc-about-title{

        width: 86%;
        color: #900090; 
        font-size: 1.6em;
        line-height:1em;
    }


    .sc-about-title-2{

        margin: 0em auto 0.2em auto;
        color: #900090;
        font-size: 1.2em;
        line-height: 1em;
    }


    div.sc-about-text-ph{

        margin: 0em auto 1.8em auto;
    }


    div.sc-about-text{

        margin: 0.8em auto 0 auto;
        width: 86%;
        font-size: 1.2em;
        line-height: 1em;
    }
}




@media (min-width: 888px) {

    .sc-about-ph {

        width: 100%;
        max-width: 40em;
        margin: 2em auto 3em auto;
    }


    .sc-about-title{

        color: #900090;
        font-size: 2.3em;
        line-height:1em;
    }


    .sc-about-title-2{

        margin: 0em auto 0.2em auto;
        color: #900090;
        font-size: 1.4em;
        line-height: 1em;
    }


    div.sc-about-text-ph{

        margin: 0em auto 2.3em auto;
    }

    div.sc-about-text{

        margin: 1.26em auto 0 auto;
        width: 100%;
        font-size: 1.3em;
        line-height: 1.26em;
    }
}















/*----------------------------------------How it works page--------------------------------------------*/

.sc-how-it-works-ph {

    text-align: center;
}



@media (min-width: 888px) {

    .sc-how-it-works-ph {

        margin: 2em auto 2em auto;
        width: 100%;
    }


    .sc-how-it-works-ph-mobi {

        /*wraps 'how it works' version for tablets and smartphones*/
        display: none;
    }


    .sc-how-it-works-step-ph {

        text-align: center;
        white-space: nowrap;

        width: 80%;
        max-width: 40em;
        min-width: 26em;

        margin: 1.6em auto 0 auto;
    }


    .sc-how-it-works-step-text-ph {

        display: inline-block;
        vertical-align:top;
        text-align: justify;

        white-space: normal;
    
        width: 64%;
        max-width: 22em;
        min-width: 64%;
        margin: 2em auto 0 auto;

        font-size: 1.43em;

        color: #4f4f4f;
    }


    .sc-how-it-works-step-offset {

        width: 6%;
        display: inline-block;
    }


    .sc-how-it-works-step-graphic-ph {

        display: inline-block;
        vertical-align: top;

        text-align: center;

        width: 30%;
        min-width: 15em;

        /*
        max-width: 37.6em;
        */
        margin: 0 auto 0 auto;

    }

    .sc-how-it-works-step-graphic-ph img
    {

        width:      15.3em; 
        max-width:  15.3em; 
        height:     31em; 
        max-height: 31em; 
    }
}


@media (min-width: 420px) and (max-width: 888px) { /*medium screen*/

    .sc-page-title-how-it-works {

        display: none;
    }


    .sc-how-it-works-ph-desktop { /*wraps 'how it works' version for desktops*/

        display: none;
    }


    .sc-how-it-works-step-ph {

        width: 160%;
        min-width: 10em;

        margin: 1.2em auto 2.2em auto;
    }


    .sc-how-it-works-step-text-ph {

        display: block;
        text-align: center;

        width: 80%;
        max-width: 26em;
        margin: 0 auto 0 auto;

        font-size: 1.2em;
    }


    .sc-how-it-works-step-graphic-ph {

        display: block;
        text-align: center;

        min-width: 15.3em;

        margin: 1.6em auto 0 auto;

    }

    .sc-how-it-works-step-graphic-ph img
    {

        width:      15.3em; 
        max-width:  15.3em; 
        height:     31em; 
        max-height: 31em; 
    }
}


@media (max-width: 420px) { /*tiny & small screens*/

    .sc-how-it-works-ph-desktop { /*wraps 'how it works' version for desktops*/

        display: none;
    }

    .sc-how-it-works-step-ph {

        width: 85%;

        margin: 1em auto 1.7em auto;
    }


    .sc-how-it-works-step-text-ph {

        display: block;
        text-align: center;

        min-width:  13.9em; 

        width: 100%;
        margin: 0 auto 0 auto;

        font-size: 1.1em;
    }


    .sc-how-it-works-step-graphic-ph {

        display: block;
        text-align: center;

        margin: 1.3em auto 0 auto;

    }

    .sc-how-it-works-step-graphic-ph img
    {

        width:      13.9em; 
        max-width:  13.9em; 
        height:     27.9em; 
        max-height: 27.9em; 
    }
}





























/*-----------------------------------------------FAQs page------------------------------------------------*/

.sc-faq-ph {

    text-align: center;
    vertical-align: top;
    background-color: #ffffff;
    color: #404040;  
}


table.sc-faq-steps {

    border-collapse:separate; 
    border-spacing: 0 1em;
}


td.sc-faq-step-bullet {

    width: 1.26em; 
    text-align: left;
}


td.sc-faq-step-text {

    text-align: left;
}


.sc-faq-first {

    margin-top: 1.2em;
}


.sc-faq-item {

    width: 94%;
}


.sc-faq-question {

    position: relative;
    margin: 0;
    cursor: pointer;
    text-align: left;
    color: #900090;

    
    font-weight: normal;
    font-style: normal;
}


.sc-faq-answer {

    display: none;
    margin: 0 auto 0 auto;

    
    color: #4f4f4f;
}


.sc-faq-icon-ph {

    width: 5%; 
    min-width: 26px; 
    max-width: 26px;
}


.sc-faq-question-ph {

    
    font-weight: 300;
    width: 95%; 
    text-align: left;
}


.sc-faq-answer-ph {

    width: 95%; 
    text-align: left;
    text-align: justify;
}


.sc-faq-hilight {

    
    font-weight: 400;
}


.sc-faq-answer-more {

    display: none;
}


div.sc-faq-answer-more-link-ph {

    

    font-weight: 400;

    margin: -0.4em 0 0 0;
    width: 100%;
    text-align: right;
    font-size: 1em;
}




.sc-faq-item-icon {
    /*
    position: absolute;
    left: 0;
    top: 0;
    */
    vertical-align: middle;
    fill: #900090;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform: rotate(-160deg);
}

.sc-faq-icon {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
}


@media (max-width: 420px) { /*tiny & small screens*/

    .sc-faq-item {

        margin-bottom: 1.2em;
    }

    .sc-faq-ph {

        width: 96%;
        margin:0 auto 0 auto;
    }


    .sc-faq-question-ph {

        margin: 0 auto 0.6em auto;
        font-size: 1.2em;
        line-height: 1.1em;
    }

    
    .sc-faq-answer-ph{

        font-size: 1em;
        line-height: 1em;
    }


    .sc-faq-answer-ph p{

        /*
            margin: 1em auto 0 1px;
        */
    
        margin: 0.8em auto 0.8em 1px;
    }
}


@media (min-width: 420px) and (max-width: 888px) { /*medium screen*/

    .sc-faq-item {

        margin-bottom: 1.4em;
    }

    .sc-faq-ph {

        width: 160%;
        max-width: 500px;
        margin:0 auto 0 auto;
    }


    .sc-page-title-faq {

        display: none;

    }


    .sc-faq-question-ph {

        margin: 0 auto 0.8em auto;
        font-size: 1.3em;
        line-height: 1.1em;
    }


    .sc-faq-answer-ph{

        font-size: 1.1em;
        line-height: 1.1em;
    }


    .sc-faq-answer-ph p{

        /*
            margin: 1em auto 0 1px;
        */
    
        margin: 0.8em auto 0.9em 1px;
    }
}


@media (min-width: 888px) { /*desktop*/

    .sc-faq-item {

        margin-bottom: 1.6em;
    }


    .sc-faq-ph {

        width: 100%;
        min-width: 400px;
        max-width: 600px;
        margin:26px auto 0 auto;
    }


    .sc-faq-question-ph {

        margin: 0 auto 1em auto;
        font-size: 1.4em;
        line-height: 1.26em;
    }


    .sc-faq-answer-ph{

        font-size: 1.2em;
        line-height: 1.26em;
    }


    .sc-faq-answer-ph p{

        /*
            margin: 1em auto 0 1px;
        */
    
        margin: 0.8em auto 0.9em 1px;
    }
}

















/*--------------------------------Lists (calls, messages, connections)----------------------------------*/

div.sc-list-item
{
    position: relative;

    cursor:pointer;
    width: 100%;
    white-space: nowrap;

    /*
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    */
}


div.sc-list-item-new-indicator
{
    display: none;
    position: absolute;
    top: .6em;
    left: 0;

    height: .43em;
    width: .43em;

    background-color: #2F6EF7;
  	-webkit-border-radius: 50%; 
	border-radius: 50%;
}


div.sc-list-item-new
{
    background-color: #f0f0f0;
}


div.sc-list-item-ph
{
    height:3.4em;
    width: 3.4em;

    margin: 0.6em 0.6em 0.6em 0;

    overflow: hidden;

  	-webkit-border-radius: 50%; 
	border-radius: 50%;
}


div.sc-list-item-img-ph
{
    height:3.4em;
    width: 3.4em;

    overflow: hidden;

  	-webkit-border-radius: 50%; 
	border-radius: 50%;
}


div.sc-list-item-img-ph img
{
    height:3.4em;
    width: 3.4em;

    margin: 0 0 0 0;

  	-webkit-border-radius: 50%; 
	border-radius: 50%;
}


div.sc-list-item-header
{
    border:0 solid #0000ff;

    margin: 1.1em auto 0 auto;
    
    font-weight: 500;

    color: #333;
    
    
    font-size: 0.9em;
    letter-spacing: 0.03em;

    white-space: nowrap;
    width: 100%;                   
    overflow: hidden; /* "overflow" value must be different from "visible" */ 
    text-overflow: ellipsis;
}


div.sc-list-item-sub-line
{
    border:0 solid #0000ff;

    margin: 0.5em auto 0 auto;
    
    font-size: 0.8em;
    font-weight: 400;
    color: #777;
    line-height: 1.6em;

    white-space: nowrap;
    width: 100%;                   
    overflow: hidden;
    text-overflow: ellipsis;
    
    /*TODO: overflow ellipsis, in all txt areas*/
}


.sc-list-aligner{

    width: 93%;
    max-width: 26em;

    text-align: left;

}


div.sc-list-item-left
{
    width: 16%;
    min-width: 3.6em;
    display:inline-block;
    vertical-align: top;

    text-align: left;
}


div.sc-list-item-summary
{
    width: 41%; 
    display:inline-block;
    vertical-align: top;
}


div.sc-list-item-timing-ph
{
    display:inline-block;
    width: 33%;
    vertical-align: middle;
}


span.sc-list-item-timing
{
    width: 100%;

    margin: 3.2em auto 0 auto;

    text-align: right;

    display: block; 
    white-space: nowrap;

    color: #888;

    font-size: 60%;

    font-weight: 400;
}


div.sc-list-item
{
    height:4.6em;
}


@media (max-width: 888px) {

    .sc-list-aligner{

        margin: 0 auto 0 auto;
    }

}



@media (min-width: 888px) { /*big screen*/

    .sc-list-aligner{

        margin: .8em auto 0 auto;
    }

}



@media (min-width: 420px) { /*medium screen and up*/


}



















/*--------------------------------------------Activity and individual calls-------------------------------------------------*/

div.sc-calls-call-ph {

    width: 90%;
    max-width:  18em;
    position: relative;
    min-height: 100vh;
    background-color: transparent;
}


div.sc-calls-received-pending-ph {

    width: 100%;

    margin: 0 auto 0 auto;
}


div#sc-activity-none {

    display: none;

    color: #a8a8a8;
    font-size: 0.7em;
    
    letter-spacing: 0.06em;

    width: 100%;

    margin: 3em auto 0 auto;
    height: 3.6em;
    text-align: center;
}


div#sc-calls-call
{
    display: none;
}


div#sc-calls-location-unavailable,
div#sc-calls-location-approved,
div#sc-calls-picture-undisclosed,
div#sc-calls-picture-unavailable
{
    display: none;
}




input#sc-calls-file-upload {
 
    width: 100%;
    height: 2.6em;

    position: absolute;
    top: 0;
    left: 0;

    opacity: 0.0; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=0); /* IE lt 8 */
    -ms-filter: "alpha(opacity=0)"; /* IE 8 */
    -khtml-opacity: 0.0; /* Safari 1.x */
    -moz-opacity: 0.0; /* FF lt 1.5, Netscape */
}


div.sc-calls-timing
{
    width: 100%; 
    font-size: 0.7em;
    
    font-weight: 400;

    color: #7070c0;/*#3f3f9f rgba(47,110,247,0.6)*/
    text-align: center;
}


div.sc-calls-timing-upper
{
    margin: 0 auto 0.8em auto;
}

div.sc-calls-timing-upper-with-text
{
    margin: 0 auto 0.3em auto;
}


div.sc-calls-timing-lower
{
    margin: 3em auto 1em auto;
}

div.sc-calls-timing-lower-with-text
{
    margin: 2.6em auto 0.3em auto;
}


div.sc-calls-declined-title-au {

    margin: 2em auto .3em auto !important;
    text-align: center;
    width: 100%;
}


div.sc-calls-message-text-white-on-blue
{
    background-color: rgba(47, 110, 247, 1);
     
    color: #f3f3f3;
}


div.sc-calls-action-suggestion
{
    font-size: 0.7em; 

    font-weight: 400;

    width: 80%; 

    text-align: center;
    margin: .3em auto 0 auto;
}


div#sc-calls-atoms-ph
{
    width: 100%;
    margin: 0.6em auto 0 auto;
}


div.sc-calls-atom-selector
{
    margin: 0 auto 0.3em auto;
    width:     100%;
    min-height: 2.5em;
    display: table;

    border-radius: 1.1em;
}


div.sc-calls-atom-selector-label
{
    height: 3.6em; 
    width: 100%;
    text-align: center;

    display: table-cell;
    vertical-align: middle;

    margin: 0 auto 0 auto;

    font-size: 0.63em;
    font-weight: 500;
    letter-spacing: .06em;
}


.sc-calls-atom-selector-name
{
    font-size: 0.68em;
    font-weight: 400;
    
    display: table-cell;
    vertical-align: middle;
        
    padding: 0 0 0 .6em;

    margin: 0 auto 0 3em;

    width:     6em;
    max-width: 6em;
    min-width: 6em;

    text-align: center; 
    white-space: normal; 
    overflow: hidden; 
    text-overflow: ellipsis;
}

.sc-calls-atom-selector-spacer
{
    display: table-cell;
    vertical-align: middle;

    width:      .4em;
    min-width:  .4em;
}

div.sc-calls-atom-selector-value
{
    display: none; 
}

.sc-calls-atom-selector-value-left
{
    display: table-cell;
    vertical-align: middle;
    white-space: pre;

    font-size: 0.85em;
    font-weight: 400;

    overflow: hidden; 
    text-overflow: ellipsis;

    width: auto;
    max-width: 10.6em;

    text-align: left; 

    padding: .6em 1em .6em 0; 
}



.sc-calls-atom-selector-on 
{
    color: transparent; 
    cursor: pointer;

    /*
    background-color:   rgba(47,110,247,0.8); 
    background: radial-gradient(rgba(37,100,237,0.7) 5%,       rgba(37,100,237,0.9) 90%); 
    */

    background: radial-gradient(rgba(47,110,247,0.7) 5%,       rgba(47,110,247,0.9) 96%); 
}

.sc-calls-atom-selector-on .sc-calls-atom-selector-name {

    color: #eee; 
}


.sc-calls-atom-selector-on:hover,
.sc-calls-atom-selector-on:active,
.sc-calls-atom-selector-on:focus {

    background: radial-gradient(rgba(47,110,247,0.7) 5%,       rgba(47,110,247,0.9) 96%); 
}

/*
.sc-calls-atom-selector-on-nohover {

    color: #fff; 
    cursor: pointer;

    background: radial-gradient(rgba(47,110,247,0.7) 5%,       rgba(47,110,247,0.9) 90%); 
}

.sc-calls-atom-selector-on-nohover:hover,
.sc-calls-atom-selector-on-nohover:active,
.sc-calls-atom-selector-on-nohover:focus {

    background: radial-gradient(rgba(37,100,237,0.7) 5%,       rgba(37,100,237,0.9) 90%); 
}
*/


.sc-calls-atom-selector-off {

    color: #000;
    cursor: pointer;
      
    /*
    background-color: rgba(215,215,215, 0.7); 
    */
    background: radial-gradient(rgba(215,215,215,0.6) 30%,  rgba(215,215,215,0.9) 96%);  
}

.sc-calls-atom-selector-off:hover,
.sc-calls-atom-selector-off:active,
.sc-calls-atom-selector-off:focus {

    color: #000;  
    cursor: pointer;

    /*
    background-color: rgba(205,205,205, 0.7); 
    background: radial-gradient(rgba(205,205,205,0.6) 30%,  rgba(205,205,205,1) 90%);  
    */
    background: radial-gradient(rgba(215,215,215,0.6) 30%,  rgba(215,215,215,0.9) 96%);  
}

/*
.sc-calls-atom-selector-off-nohover {

    color: #000;
    cursor: pointer;
      
    background: radial-gradient(rgba(215,215,215,0.6) 30%,  rgba(215,215,215,0.9) 90%);  
}

.sc-calls-atom-selector-off-nohover:hover,
.sc-calls-atom-selector-off-nohover:active,
.sc-calls-atom-selector-off-nohover:focus {

    color: #000;
    cursor: pointer;
      
    background: radial-gradient(rgba(205,205,205,0.6) 30%,  rgba(205,205,205,1) 90%);  
}
*/


form.sc-calls-reply-message-ph
{
    display: block; 

    width: 100%; 
     
    overflow: hidden;

    margin: 0 auto 0 auto;    
}

textarea#sc-calls-reply-message
{
    resize: none;
    width: 100%;

    vertical-align: top;
    height:     4.4em;
    min-height: 4.4em;
    max-height: 10.3em;

	-webkit-border-radius: 1.1em; 
	border-radius:         1.1em;

    padding: .5em .7em 0 .7em;
}


div.sc-calls-buttons-ph
{
    margin: 1em auto 1em auto; 
    width: 100%; 
    max-width: 18em;
    text-align: center;
    white-space: nowrap;
}


div.sc-calls-buttons-ph-sent
{
    margin: 1em auto 1em auto; 
    width: 100%; 
    text-align: center;
    white-space: nowrap;
}


div.sc-calls-x-button-ph
{
    position: absolute;
    top: 0em;
    left: 0;
}



@media (min-width: 420px) {

    div.sc-calls-call-ph {

        padding-bottom: 3em; /*to keep some space at the bottom of the screen for "tall" calls with lots of atoms*/
    }


}


div#sc-select-address-view,
div#sc-select-phone-view,
div#sc-select-middle-name-view,
div#sc-select-pic-view {

    display: none;
}

















/*------------------------------------------Card-related (the user info card)----------------------------------------------------*/

div.sc-card-user-info-ph {

    width: 100%;

    overflow: hidden;
    margin: 0 auto 0 auto;

    position: relative;

    text-align: center;

    background-color: transparent;
}

div.sc-card-user-info-lower {

    overflow: visible;

    margin: 0 auto .5em auto;
    min-height: 4.6em;

    text-align: center;

    border-radius:             1.6em;
    -webkit-border-radius:     1.6em;

    padding: 0 0 0 0;
}

div.sc-card-user-info-ph-lower-v2 {

    overflow: visible;

    margin: 0 auto 0 auto;

    text-align: center;

    border-radius: 1.6em;
}



div.sc-card-user-img-ph
{
    position: absolute;

    top:    0;
    left:   .6em;

    width:  4.6em; 
    height: 4.6em; 
    
    vertical-align: top; 
    margin-right: auto; 
    margin-left: auto; 

    -webkit-border-radius: 50%;
    border-radius:         50%;
}

div.sc-card-user-img-ph-inner
{
    
    width:  4.6em; 
    height: 4.6em; 
       
    -webkit-border-radius: 50%;
    border-radius:         50%;
}


div.sc-card-user-img-ph-med
{

    margin: 0 auto 0 auto;

    width:  9em; 
    height: 9em; 
    
    vertical-align: top; 

    -webkit-border-radius: 50%;
    border-radius:         50%;
}

div.sc-card-user-img-ph-big
{

    margin: .2em auto 0 auto;

    width:  14em; 
    height: 14em; 
    
    vertical-align: top; 

    -webkit-border-radius: 50%;
    border-radius:         50%;

}

div.sc-card-user-img-ph img,
div.sc-card-user-img-ph-big img
{
    width:  100%; 
    height: 100%; 
    
    margin: 0 0 0 0;

    -webkit-border-radius: 50%;
    border-radius:         50%;

    display: none;
}



.sc-card-user-name-ph
{
    width: 84%;
    overflow: visible; 
    margin: 0 auto 0 auto;
    padding: 0;
    text-align: left;
    white-space: nowrap;
    position: relative;
}

.sc-card-user-name-ph-v2
{
    width: 84%;

    overflow: visible; 

    margin: .2em auto 0 auto;
    padding: 0;
    text-align: center;
    white-space: normal;
}

.sc-card-user-name-aligner-left
{
    display: inline-block;
    width:      30%;
    min-width:  30%;
}

.sc-card-user-name-aligner-right
{
    display: inline-block;
    width:      70%;
    min-width:  70%;
    max-width:  70%;

    overflow: hidden;
    white-space: normal;
}

div.sc-card-user-name
{
    display: inline-block;
    max-width: 6.3em;
    overflow: hidden; 
    text-overflow: ellipsis;

    font-size: 1.26em;
    
    font-weight: 400;
    color: #333;
}

.sc-card-user-name-under
{
    overflow: hidden; 
    text-overflow: ellipsis;

    font-size: 0.83em;

    font-weight: 400;
    color: #333;
}


div.sc-card-user-name-long
{
    display: block;
    margin: 0 auto 0 auto;
    width: 100%;
    max-width: 12em;
    white-space: normal;
    overflow: hidden; 
    text-overflow: ellipsis;

    font-size: 1.26em;
    font-weight: 400;
    color: #333;
}

div.sc-card-name-sub-header {

    width: 100%;

    font-weight: 400;

    padding: 0;

    text-align: left;
    margin: 0 auto 0 auto; 
    font-size: 0.8em; 
}

.sc-card-subtitle-aligner
{
    width: 84%;
    margin: -.46em auto 0 auto;
    text-align: left;
    white-space: nowrap;
}




/*---------call message constructs---------*/
.sc-card-message-aligner
{
    width: 90%;
    min-height: 2em;
    margin: 0 auto 0 auto;
    text-align: left;
    white-space: nowrap;
}

.sc-card-message-aligner-v2
{
    width: 100%;
    margin: .3em auto 0 auto;
    padding: 0 0 0 0;
    text-align: right;
    white-space: nowrap;
    position: relative;
}

.sc-card-message-aligner-left
{
    display: inline-block;
    width:      32%;
    min-width:  32%;
}

.sc-card-message-aligner-right
{
    display: inline-block;
    width:     68%;
    min-width: 68%;
    max-width: 68%;
    white-space: normal;

    margin-left: 0;
}

div.sc-calls-message-text
{
    max-width: 100%;
    display: inline-block;
    text-align: left;

    font-size: 1em; 
    font-weight: 400;

    white-space: pre-wrap;
    word-break: break-word;

    -webkit-border-top-left-radius: 0;
    border-top-left-radius:         0;

    -webkit-border-top-right-radius:    1.6em;
    border-top-right-radius:            1.6em;
    -webkit-border-bottom-right-radius: 1.6em;
    border-bottom-right-radius:         1.6em;
    -webkit-border-bottom-left-radius:  1.6em;
    border-bottom-left-radius:          1.6em;

    margin: 0 auto 0 auto;
    
    padding: .8em 1.2em .8em 1.2em; 
}

div.sc-calls-message-text-v2
{
    margin: 0 auto 0 auto;
    display: inline-block;
}

div.sc-calls-message-text-v2-long
{
    width: 100%;

    white-space: pre-wrap;
    word-break: break-word;

    text-align: left;

    -webkit-border-radius: 1.6em;
    border-radius:         1.6em;
}

div.sc-calls-message-text-v2-short 
{
    width: auto;
    min-width: 36%;

    white-space: nowrap;

    text-align: center;

    -webkit-border-top-left-radius: 0;
    border-top-left-radius:         0;

    -webkit-border-top-right-radius:    1.6em;
    border-top-right-radius:            1.6em;
    -webkit-border-bottom-right-radius: 1.6em;
    border-bottom-right-radius:         1.6em;
    -webkit-border-bottom-left-radius:  1.6em;
    border-bottom-left-radius:          1.6em;
}

div.sc-calls-message-text-v2 div
{
    font-size: 1em; 
    font-weight: 400;

    display: block;
    padding: .8em 1.2em .8em 1.2em; 
    margin: 0 auto 0 auto;
}
/*-----end call message constructs---------*/



.sc-card-message-aligner-v2-left
{
    display: inline-block;
    width:      55%;
    min-width:  55%;
}

.sc-card-message-aligner-v2-right
{
    display: inline-block;
    width:     45%;
    min-width: 45%;
    max-width: 45%;
    white-space: normal;

    margin-left: 0;
}



div#sc-card-map {

    z-index: 999; /*stays below the header*/
    width: 100%;
    height: 8em;
    text-align: center;
    padding: 0 0 0 0;
    margin: .3em auto 0 auto;
    
    background-color: #f3f3f3;
    background: radial-gradient(rgba(215,215,215,0.1) 30%,  rgba(215,215,215,0.5) 90%);  
    
    overflow: hidden !important;

    border-radius: 1.4em;
}


div.gm-style-cc {

    display: none !important;
}

div.sc-card-atoms-ph
{
    width: 100%;
    text-align: center;
    padding: 0 0 0 0;
    margin: .3em auto 0 auto;
    
    background-color: #f3f3f3;
    background: radial-gradient(rgba(215,215,215,0.1) 30%,  rgba(215,215,215,0.5) 90%);  
    
    overflow: hidden;

    border-radius: 1.4em;
}

table.sc-card-atoms
{
    text-align: left;
    margin: 0 auto 0 auto;
    border-collapse:separate;
    border-spacing: 0 0.8em;

    overflow: hidden; 
    text-overflow: ellipsis;
}



tr.sc-card-atom
{
    overflow: hidden; 
    text-overflow: ellipsis;
}


table.sc-card-atoms
{
    width: 90%; 
    max-width: 17em;
}


/*-------start atom row construct--------*/
.sc-card-atom-name
{
    font-size: 0.68em;
    font-weight: 400;
    
    display: table-cell;
    vertical-align: middle;
        
    color: #777;/*#888;*/

    width:      5.6em;
    max-width:  5.6em;
    min-width:  5.6em;
    text-align: center; 
    white-space: normal; 
    overflow: hidden; 
    text-overflow: ellipsis;
}

.sc-card-atom-spacer
{
    display: table-cell;
    vertical-align: middle;

    width:      .6em;
    min-width:  .6em;
}

.sc-card-atom-value-left
{
    display: table-cell;
    vertical-align: middle;
    word-break: break-word;
    white-space: pre-line;

    font-size: 1.1em;

    width: auto;

    text-align: left; 

    color: #333;

    padding: 0 0 0 0; 
}

/*-------end atom row construct----------*/




.sc-card-undisclosed-value
{
    color: rgb(180, 40, 40);
}

span.sc-card-awaiting-approval
{
    /*
    color: #3333ff;
    */
    color: #669; 
}


div.sc-card-action-text-center
{
    width: 100%; 
    font-size: 0.8em; 
    
    font-weight: 400;
    display: inline-block; 
    text-align: center;
    margin: 0 0 .6em 0;

    letter-spacing: 0.02em; 
}


div.sc-card-action-text-center span
{
    
    font-weight: 500;
}
























/*-----------------------------------------'Account' - related views---------------------------------------------------*/


div#sc-select-address-new-ph,
div#sc-select-phone-new-ph {

    display: none;
}


div#sc-select-address-country-input-ph
{
    display: none;
    width: 100%; 
    margin: 0 0 0 0;
}


div.sc-select-middle-name-ph {

    width: 76%;
    min-width: 14em;
    text-align: center;
    margin: .8em auto 0 auto;
}


tr.sc-select-x-row
{
    white-space: nowrap; 
    overflow: hidden; 
}


td.sc-select-x-types-select
{
    width: 28%;
    text-align: center; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
}


td.sc-select-x-types-select .ui-select
{
    width: 5em;
}


td.sc-select-x-atom-value
{
    font-size: 1em; 
    width: 72%; 
    text-align: left; 
    padding: 0 0.3em 0 0.4em; 
}

td.sc-select-x-atom-value div.ui-input-text,
td.sc-select-x-atom-value div.ui-select
{
    margin: .25em 0 .25em 0; 
}


div.sc-my-atoms-edit-contacts-block {

    width: 100%; 
    text-align: left;

    margin: 1em auto 0 auto;
}


div.sc-my-atoms-edit-contacts-block table {

    width: 100%; 
    margin: 0.3em 0 -0.3em -0.16em;

    border-collapse:separate;
    border-spacing: 0 0;
}


div#sc-log-out {

    margin: .8em auto 1em auto;
    min-width: 2.6em;
}


div#sc-my-atoms-add-phone-button,
div#sc-my-atoms-add-address-button {

    margin-top: 1em;
}


div.sc-my-atoms-view-group-ph {

    margin: 0 auto 0.8em auto;
    padding: 1em 1.2em 0.01em 1.2em;
    border-radius: 1em;

    overflow: hidden;
    text-overflow: ellipsis;

    background-color: #f3f3f3;
    background: radial-gradient(rgba(215,215,215,0.1) 30%,  rgba(215,215,215,0.5) 90%);  
}


div.sc-my-atoms-group-header {

    width: 100%;
    height: 1.1em;
    display: table;

    text-align: left;
}


div.sc-my-atoms-view-group-name
{
    display: table-cell;
    vertical-align: middle;

    font-size: 0.7em;
    
    letter-spacing: 0.03em;
    color: #777;
    
    font-weight: 500;

    width: 75%;
    min-width: 6em;
    text-align: left; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
}


div.sc-my-atoms-view-group-side
{
    display: table-cell;
    vertical-align: middle;

    width: 25%;
    min-width: 25%;
    text-align: right; 

    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
}


table.sc-my-atoms-view-group
{
    width: 100%;
    text-align: left;
    margin: 0em auto 0.5em auto;
    border-collapse:separate;
    border-spacing: 0 0.8em;

    overflow: hidden; 
    text-overflow: ellipsis;
}


table.sc-my-atoms-view-group tr
{
    overflow: hidden; 
    text-overflow: ellipsis;
}


td.sc-my-atoms-atom-name
{
    font-size: 0.68em;
    font-weight: 400;
    
    color: #777;/*#888;*/

    width: 6em;
    max-width: 6em;
    text-align: center; 
    white-space: normal; 
    overflow: hidden; 
    text-overflow: ellipsis;
}


td.sc-my-atoms-atom-spacer
{
    width: 1em;
}

td.sc-my-atoms-view-atom-value
{
    overflow: hidden; 
    text-overflow: ellipsis;

    width: auto;

    text-align: left; 

    padding: 0; 
}


.sc-my-atoms-hypername-ph
{
    width: 90%;

    overflow: visible; 

    margin: 11.7em auto 0 auto;
    padding: 0 0 0 0;
    text-align: center;
    white-space: normal;
}


div.sc-my-atoms-hypername
{
    font-size: 1.38em;
    font-weight: 400;
    color: #333;

    display: block;
    margin: 0em auto 0.4em auto;
    width: 100%;
    max-width: 12em;
    white-space: normal;
    overflow: hidden; 
    text-overflow: ellipsis;
}


div.sc-my-atoms-user-img-ph
{
    position: absolute;
    cursor: pointer; 

    width:  11.3em; 
    height: 11.3em; 
    
    vertical-align: top; 
    margin-right: auto; 

    -webkit-border-radius: 50%;
    border-radius:         50%;

    overflow: hidden;

    top: 0;
    left:50%;

    margin: .5em 0 0 -5.65em;

}

div.sc-my-atoms-user-img-ph-inner
{
    
    width:  11.3em; 
    height: 11.3em; 
    
   
    -webkit-border-radius: 50%;
    border-radius:         50%;

    
    overflow: hidden;
    
}


div.sc-my-atoms-user-img-ph img
{
    width:  100%; 
    height: 100%; 
    
    -webkit-border-radius: 50%;
    border-radius:         50%;

    display: none;
}


div.sc-my-atoms-user-pic-ops-ph
{
    display: none;

    position: absolute;
    bottom: 0;
    left:50%;
    margin-left:-50%;
    margin-right: auto; 

    width:  100%; 
    height: 3.6em; 

    padding-top: .6em;
    padding-bottom: .3em;

    font-weight: 400;
    letter-spacing: .1em;

    cursor: pointer; 

    height: 3.8em; 
}

div#sc-my-atoms-user-pic-changer
{
    background-color: rgba(30, 30, 30, 0.5);
    color: #eee;

    font-size: 0.6em;
    z-index: 99;
}


div#sc-my-atoms-user-pic-changer label.sc-file-picker-label
{
    display: block;
    width: 100%;
    height: 100%;
}


div#sc-my-atoms-user-pic-v-pending
{
    background-color: rgba(30, 30, 30, 0.5);
    color: #eee;

    font-size: 0.6em;
    z-index: 99;
}


input#sc-my-atoms-file-upload {
 
    position: absolute;
    bottom: 0;
    left:50%;
    margin-left:-50%;
    margin-right: auto; 

    width:  100%; 
    height: 100%; 

    z-index: 100;

    cursor: pointer; 

    opacity: 0.0; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=0); /* IE lt 8 */
    -ms-filter: "alpha(opacity=0)"; /* IE 8 */

    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select:none; 
    user-select:none;
    -o-user-select:none; 
}


div.sc-my-atoms-button-delete {

    position: relative;

    width:      1.1em;
    height:     1.1em;

    display: block;
    cursor: pointer; 
}


div.sc-my-atoms-button-delete::before {

    top: .4em;
    right: -.3em;

    content: ""; 
    position: absolute;
    display: inline-block;

    width: 13px;
    height: 2.5px;
    
    -webkit-border-radius:  4em;
    border-radius:          4em;
    
    background-color: rgba(255, 200, 200, 1);
        
    transform: rotateZ(45deg) scaleX(1) scaleY(1) scaleZ(1);
}


div.sc-my-atoms-button-delete::after {

    top: .4em;
    right: -.3em;

    content: ""; 
    position: absolute;
    display: inline-block;

    width: 13px;
    height: 2.5px;
    
    -webkit-border-radius:  4em;
    border-radius:          4em;
    
    background-color: rgba(255, 200, 200, 1);

    transform: rotateZ(-45deg) scaleX(1) scaleY(1) scaleZ(1);
}


.sc-my-atoms-ph-front {

    max-width: 19em; 
    overflow: hidden;
    position: relative;
}



.sc-my-atoms-ph {

    max-width: 30em;
}



div#sc-my-atoms-all-info,
div#sc-my-atoms-picture-progress,
div#sc-my-atoms-picture-error,
div#sc-my-atoms-picture-crop,
div#sc-my-atoms-basic-info-edit,
div#sc-my-atoms-contacts-edit {

    display: none;
}






table.sc-my-atoms-group-header-upper {

    margin: 0 auto 0 auto;
}

table.sc-my-atoms-group-header-lower {

    margin: 0 auto 0 auto;
}

div#undisclosed-atoms 
{
    display:none;
}


/*gen candidate*/
.sc-group-ph {

    width: 100%;
    max-width: 19em; 
    padding: 0; 
    margin: 1em auto 0 auto;
    text-align: left;
}


div.sc-select-x-ph
{
    width: 100%;
    margin: 1em auto 0 auto;

}


div.sc-select-x
{
    cursor: pointer;
    overflow: hidden; 
    text-overflow: ellipsis;

    border-radius: 1.6em;

    text-align: center;

    margin: 0 auto .3em auto;

    background-color: #f3f3f3;
    background: radial-gradient(rgba(215,215,215,0.1) 30%,  rgba(215,215,215,0.5) 90%);  
    color: #000;

    width: 100%;
    max-width: 19em;
}


div.sc-select-x-inner
{
    max-width: 17em;
    overflow: hidden; 
    text-overflow: ellipsis;
    
    display: table;
    width: 90%;

    margin: 0 auto 0 auto;

    border-collapse:separate;
    border-spacing: 0 1.2em;

}


div.sc-select-x:hover
{
    background: radial-gradient(rgba(205,205,205,0.2) 30%,  rgba(205,205,205,0.5) 90%);  
    color: #000;
}


div.sc-my-atoms-picture-subtitle
{
    width: 85%;

    margin: 0.7em auto 0 auto;

    text-align: center;

    display: block; 
    white-space: nowrap;

    color: #333;

    font-size: .65em;
    line-height: 1.4em;
    
        
}


div#sc-my-atoms-picture-img-ph {
    
    width: 100%;
    height: 0;
    margin: .8em auto 0 auto;
    text-align: center;
    overflow: hidden;

    /*
    background-color: #f3f3f3;
    */

    background: radial-gradient(rgba(215,215,215,0.1) 30%,  rgba(215,215,215,0.5) 90%);  

    -webkit-border-radius: 1em; 
	border-radius: 1em;
}


img#sc-my-atoms-picture-img {

    width: 0;
    height: 0;

    display: none;
    margin: 0;

    -webkit-border-radius: 1em; 
	border-radius: 1em;
}


tr.sc-my-atoms-atom
{
    white-space: nowrap; 
    overflow: hidden; 
}


td.sc-my-atoms-types-select
{
    width: 28%;
    min-width: 5.3em;
    text-align: center; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;

}


td.sc-my-atoms-types-select .ui-select
{
    width: 5.1em;
    margin: 0 auto 0 auto;
}


td.sc-my-atoms-atom-value
{
    font-size: 1em; 
    width: 64%; 
    text-align: left; 

    padding: 0 .3em 0 .4em; 
}


td.sc-my-atoms-atom-value div.ui-input-text,
td.sc-my-atoms-atom-value div.ui-select
{
    margin: .36em 0 .36em 0; 
}

td.sc-my-atoms-atom-value-rem
{
    font-size: 70%; 
    width: 6%; 
    text-align: right; 

    padding: 0; 
}


div.sc-my-atoms-edit-link-ph {

    width: 72%;
    margin: 0 auto 0 auto; 
    text-align: right;

}


div#sc-my-atoms-error-ph {

    width: 100%;
    margin: 2em auto 0 auto;

    text-align: center;

}


div.sc-my-atoms-state-input
{
    width: 50%; 
    min-width: 3em; 
    margin: 0 2% 0 0;
    padding: 0;
    display: inline-block;
}

div.sc-my-atoms-zip-input
{
    width: 45.5%; 
    min-width: 4em; 
    padding: 0;
    margin: 0 0 0 0;
    display: inline-block;
}

div.cs-my-atoms-region-zip-combo
{
    width: 100%; 
    padding: 0 0 0 0; 
    margin: -.3em 0 -.3em 0;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}


div.sc-my-atoms-country-input-ph
{
    width: 100%; 
    margin: 0;
}


.sc-my-atoms-phone-type-select,
.sc-my-atoms-address-type-select
{
    font-size: 0.66em !important;
    font-weight: 500;   
}



@media (max-width: 420px) {

    table.sc-my-atoms-edit-contacts
    {
        width: 100%; 
        padding: 0; 
        margin: 0 auto 0 auto;
        text-align: left;

        border-collapse:separate;
        border-spacing: 0 5px;
    }
}


@media (min-width: 420px) {

    table.sc-my-atoms-edit-contacts
    {
        width: 100%; 
        padding: 0; 
        margin: 0 auto 0 auto;
        text-align: left;

        border-collapse:separate;
        border-spacing: 0 0.3em;
    }
}

















/*-----------------------------------------Settings UIs---------------------------------------------------*/

div.sc-settings-ph {

    overflow: hidden;
    text-align: center;
    position: relative;
}


div#sc-settings-ph-edit {

    display: none;
}



div#sc-settings-close-account-link {

    margin: 1.8em auto 1.6em auto;
}


table.sc-settings-group-header {

    width: 100%; 
    padding: 0; 
    margin: 0 auto 0 auto;
    text-align: left;

}


form.sc-settings-code-ph {

    margin: 1.6em auto 0 auto;
    width: 100%;
    max-width: 272px;

    vertical-align: top;
    background-color: #ffffff;

    display: block; 
}


div.sc-settings-close-account-body {

    width: 90%;
    max-width: 18em;

    margin: 2.2em auto 0 auto;

    color: #333;
    font-size: .96em;
    line-height: 1.32em;
    text-align: center;
    overflow-wrap: break-word;
}


div.sc-settings-close-account-body p {

    font-size: .95em;
    margin: 0 auto .75em auto;
}


div.sc-settings-close-account-body strong {

    font-weight: bold;
}



div.sc-settings-close-account-body p:last-of-type {

    margin-bottom: 0;
}


@media (max-width: 420px) {

    div.sc-settings-group-ph {

        width: 90%;
        max-width: 16em;

        overflow: hidden;

        margin: 1em auto 0 auto; 
        padding: 0;

        text-align: center;

    }

}


@media (min-width: 420px) {

    div.sc-settings-group-ph {

        width: 100%;
        max-width: 16em;

        overflow: hidden;

        margin: 1em auto 0 auto; 
        padding: 0;

        text-align: center;

    }
}











/*--------------------------------------------------------------------------------------------------------
                        Admin UI styles
--------------------------------------------------------------------------------------------------------*/

div#sc-admin-x {

}









/*--------------------------------------------------------------------------------------------------------
          No-picture avatar styles (used for unverified users, when picture isn't set, etc.)
--------------------------------------------------------------------------------------------------------*/


/*---------------------big ava----------------------*/
div.sc-no-pic-frame-big-round
{
    display: inline-block; 
    vertical-align: top; 
    margin: 0 auto 0 auto;
    text-align: center;
    overflow: hidden;

    width:  100%;
    height: 100%;

    -webkit-border-radius:  50%;
    border-radius:          50%;
}



div.sc-no-pic-head-big
{
    display: block; 

    margin: 23% auto 0 auto; 
    width:  23%;
    height: 23%;
        
    -webkit-border-radius: 50%;
    border-radius: 50%;
}


div.sc-no-pic-body-big
{
    display: inline-block; 

    margin: 6% auto 0 auto; 
    width: 62%;
    height: 26%;

    -webkit-border-radius: 50%;
    border-radius: 50%;
}
/*--------------------------------------------------*/



/*------currently logged in user indicator----------*/
div.sc-no-pic-frame-current
{
    display: none; /*inline-block*/ 
    vertical-align: top; 
    margin: 0 auto 0 auto;
    text-align: center;
    overflow: hidden;

    width:  100%;
    height: 100%;
     
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

div.sc-pic-frame-current
{
    display: none; /*inline-block*/ 
    vertical-align: top; 
    margin: 0 auto 0 auto;
    text-align: center;
    overflow: hidden;

    width:  100%;
    height: 100%;
     
    -webkit-border-radius: 50%;
    border-radius: 50%;
}


div.sc-no-pic-head-current
{
    display: block; 
    margin: 30% auto 0 auto; 

    width:  17%;
    height: 17%;

    -webkit-border-radius: 50%;
    border-radius: 50%;
}


div.sc-no-pic-body-current
{
    display: block; 
    margin: 6% auto 0 auto; 

    width:  51%;
    height: 22%;

    -webkit-border-radius: 50%;
    border-radius: 50%;
}
/*--------------------------------------------------*/



/*---------------activity avas----------------------*/
div.sc-no-pic-frame-activity
{
    display: inline-block; 
    vertical-align: top; 
    margin: 0 auto 0 auto;
    text-align: center;
    overflow: hidden;

    height:3.4em;
    width: 3.4em;
     
  	-webkit-border-radius: 50%; 
	border-radius: 50%;
}


div.sc-no-pic-head-activity
{
    display: block; 
    margin: 1em auto 0 auto; 

    width:  0.63em;
    height: 0.63em;

    -webkit-border-radius: 50%;
    border-radius: 50%;
}


div.sc-no-pic-body-activity
{
    display: block; 
    margin: .2em auto 0 auto; 

    width: 1.7em;
    height: 0.76em;

    -webkit-border-radius: 50%;
    border-radius: 50%;
}
/*--------------------------------------------------*/


/*-----------------id button avas-------------------*/
div.sc-id-button-frame
{
    position: relative;
    display: block; 
    margin: 0 auto 0 auto;
    text-align: center;
    overflow: hidden;

    cursor: pointer;
    text-align: center;
     
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

div.sc-id-button-frame-menu
{
    width:  3.6em;
    height: 3.6em;
}

div.sc-id-button-frame-pad
{ 
    width:  3.5em;
    height: 3.5em;
}

div.sc-id-button-head
{
    display: block; 

    margin: -6.3% auto 0 auto; 
    width:  12.8%;
    height: 12.8%;

    -webkit-border-radius: 50%;
    border-radius: 50%;
}

div.sc-id-button-body
{
    display: block; 

    margin: 4.7% auto 0 auto; 
    width:  43%;
    height: 18%;

    -webkit-border-radius: 50%;
    border-radius: 50%;
}

div.sc-id-button-inner-detail-menu
{
    background-color: #777;
}

div.sc-id-button-frame-menu:hover div.sc-id-button-inner-detail-menu
{
    background-color: #333;
}

div.sc-menu-item-selected div.sc-id-button-inner-detail-menu { 

    background-color: #333;
}

.sc-id-button-inner-detail-pad
{
    background-color: #f8f8f8;
    fill: #f8f8f8;
}

svg.sc-call-arrow-pad
{
    fill: #f8f8f8;
}

.sc-call-hypername-mark
{
    position: absolute;
    top: 50%;
    left: calc(50% + 2px);

    width: 43%;
    height: 43%;

    background-color: #f8f8f8;

    transform: translate(-50%, -50%);

    -webkit-mask-image: url('/Content/img/hypername-menu-logo.svg?v=landing-proportions-1');
    mask-image: url('/Content/img/hypername-menu-logo.svg?v=landing-proportions-1');
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.sc-id-button-inner-detail-pad-dim
{
    background-color: #eee;
}

svg.sc-call-arrow-pad-dim
{
    fill: #eee;
}

svg.sc-call-arrow
{
    width:  24%;
    height: 24%;
    margin: 16% auto 0 auto; 
}

svg.sc-call-arrow-menu
{
    fill: #777;
}

div.sc-id-button-frame-menu:hover svg.sc-call-arrow-menu,
div.sc-menu-item-selected svg.sc-call-arrow-menu
{
    fill: #333;
}

div.sc-id-button-on
{
    background-color:   rgba(47,110,247,0.8); 
    background: radial-gradient(rgba(47,110,247,.7) 5%,       rgba(47,110,247,.9) 96%); 

}


div.sc-id-button-on:hover {

    background-color:   rgba(47,110,247,0.8); 
    background: radial-gradient(rgba(47,110,247,.6) 5%,       rgba(47,110,247,.9) 90%); 
}


div.sc-id-button-off
{
    /*
    border: 1.3px solid #62eb91; 
    background-color: #62eb91;

    border: 1.3px solid #900090; 
    */

    border: 3.7px solid #62eb91; 
    background-color: #ffffff;
}

div.sc-activity-button-frame-menu
{
    position: relative;
    display: block; 
    margin: 3px auto 0 auto;
    text-align: center;
    overflow: hidden;

    cursor: pointer;
    text-align: center;
     
    width:  3.6em;
    height: 3.6em;
}

svg.sc-activity-icon
{
    margin: .65em auto 0 auto;
    width:  54%;
    height: 54%;

    fill: #777;
}

div.sc-activity-button-frame-menu:hover svg.sc-activity-icon,
div.sc-menu-item-selected svg.sc-activity-icon
{
    fill: #333;
}


/*
div.sc-id-button-off:focus,
div.sc-id-button-off:active,
div.sc-id-button-off:hover
{
    border: 0.11em solid #d000d0; 
    background-color: #ffffff;
}
*/
/*--------------------------------------------------*/




















/*--------------------------------------------------------------------------------------------------------
                                            Call pad
--------------------------------------------------------------------------------------------------------*/

div#sc-id-call-pad,
div#sc-id-call-status {

    display: none;
}

div#sc-id-call-status-wait,
div#sc-id-call-status-not-found,
div#sc-id-call-status-not-available,
div#sc-id-call-status-error {

    display: none;
    margin: 0 auto 0 auto;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
}


div#sc-id-waves {

    margin: 0em auto 0.3em auto;
    -webkit-border-radius: 50%; 
    border-radius: 50%;
    pointer-events: none;
    cursor: default; 
}


.sc-id-waves-text-increase {

    transform: scale(1.05);
}


div#sc-id-waves-text {

    margin: 0 auto 0 auto;
    /*
        color: #888; 
    */
    color: rgba(47,110,247,1); 
    font-size: 1.6em; 
    font-weight: 400;

}


div#sc-id-waves-text-hn {

    margin: 0.3em auto 0 auto;
    color: #333; 
    font-size: 2.2em; 
    font-weight: 400;
}


div.sc-button-rp {

    font-weight: 500 !important;

    display: table;
    font-size: 0.6em;
    letter-spacing: 0.03em;
    min-width:  7.9em;
    min-height: 7.9em;
    max-width:  7.9em;
    max-height: 7.9em;
    width:      7.9em;
    height:     7.9em;

    border-collapse: separate;
    border-spacing: 0em 0em;

    margin: 0 auto 0 auto;

    -webkit-border-radius: 100% !important;
    border-radius: 100% !important;
}


div.sc-button-rp-inner {

    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin: 0 auto 0 auto;

}


@media (max-width: 420px) { /*tiny and small screens*/

    div#sc-id-waves {

        width:      12em; 
        height:     12em; 	    
        min-width:  12em; 
        min-height: 12em; 	    
    }


    div#sc-id-waves-text-ph {

        margin: 2.3em auto 0 auto;
        transition: all 0.9s ease-in-out;
    }


    div#sc-id-call-button-cancel-ph {

        margin: -1em auto 2em auto;
    }


    div.sc-id-ph {

        /*identity atoms area*/
        width: 98%;
        min-width: 280px;

        overflow: hidden;

        margin: 0 auto 0 auto; 
        padding: 0;

        -webkit-border-radius: 0.4em;
        border-radius: 0.4em;
        text-align: center;
        /*
    
        padding: 0; 
    
        */
    }


    table#sc-id-atoms {

        width: 100%;
        max-width: 16em;

        margin: .7em auto .6em auto; 
    
        text-align: center;

        border-collapse:separate;
        border-spacing: 0.5em 0.5em;

    }


    form.sc-id-message-ph {

        width: 80%; 
        max-width: 14em;
        min-width: 13em;

        margin: -1.2em auto 0 auto;

    }


    textarea#sc-id-message {

        vertical-align: top;
        height:     4.4em;
        min-height: 4.4em;
        max-height: 10.3em;
        resize: none;

	    -webkit-border-radius: 1em; 
	    border-radius: 1em;

        padding: .5em .7em 0 .7em;
    }


    form#sc-id-hypername-aligner{

        width: 80%; 
        max-width: 14em;
        min-width: 13em;

        padding: 0;
        overflow: hidden;
        margin: 0 auto 0 auto; 
        text-align: center;
        
    }

}


/*CHECKED*/
@media (min-width: 420px) { /*medium and large screens*/

    div#sc-id-waves {

        width:      20em; 
        height:     20em; 	    
        min-width:  20em; 
        min-height: 20em; 	    
    }


    div#sc-id-waves-text-ph {

        margin: 7.3em auto 0 auto;
        transition: all 0.9s ease-in-out;
    }


    div#sc-id-call-button-cancel-ph
     {

        margin: -3em auto 2em auto;
    }


    div.sc-id-ph {

        /*
        background: -webkit-linear-gradient(top,    rgba(210, 210, 210, 0.7),     rgba(210, 210, 210, 0.7)); 
        background: linear-gradient(to bottom,  rgba(190, 190, 190, 0.67) 0%,  rgba(190, 190, 190, 0.6) 3%,  rgba(190, 190, 190, 0.5) 10%, rgba(190, 190, 190, 0.5) 16%, rgba(190, 190, 190, 0.5) 84%, rgba(190, 190, 190, 0.6) 90%, rgba(190, 190, 190, 0.7) 94%, rgba(190, 190, 190, 0.9) 100%); 
        */
        
        background-color: transparent;

        width: 100%;
        max-width: 18.8em;
    
        overflow: hidden;

        margin: 0 auto 0 auto;
        
             
        padding: 0;

        text-align: center;

        
        /*
        -webkit-border-radius: 4em;
        border-radius: 4em;
    
        padding: 0; 
    
        */
    }


    table#sc-id-atoms {

        width: 100%;
        max-width: 18em;

        margin: .3em auto .3em auto; 
        
        text-align: center;

        border-collapse:separate;
        border-spacing: .9em .9em;

    }


    form.sc-id-message-ph {

        width: 97%; 
        max-width: 14.8em;
        margin: -1.7em auto 0 auto;

    }


    textarea#sc-id-message {

        vertical-align: top;
        height:     4.4em;
        min-height: 4.4em;
        max-height: 10.3em;
        resize: none;

	    -webkit-border-radius: 1em; 
	    border-radius: 1em;

        padding: .5em .7em 0 .7em;
    }


    #sc-id-hypername-aligner{

        /*This is inner placeholder to align hypername edit and target type selector*/
        width: 98%;
        max-width: 14.8em;

        /*
        min-width: 13em;
        */
        padding: 0;
        overflow: hidden;
        margin: 0 auto 0 auto; 
        text-align: center;
    }

    #sc-id-hypername-aligner input{

            text-shadow: none !important;
            box-shadow: none !important;
    }

}









/*--------------------------------------------------------------------------------------------------------
                                      Account registration
--------------------------------------------------------------------------------------------------------*/

div#sc-log-in-untrusted-device,
div#sc-log-in-taken-device,
div#sc-log-in-reset-password-finish,
div#sc-log-in-reset-password-code,
div#sc-log-in-reset-password-start,
div#sc-log-in-start {

    display: none;
}


















/*--------------------------------------------------------------------------------------------------------
                                      Account registration
--------------------------------------------------------------------------------------------------------*/

div.sc-sign-up-start,
div.sc-sign-up-kba,
div.sc-sign-up-errror {

    display: none;
}


table#sc-sign-up-kba-ssn4-ph {

    margin: 1em auto 0 auto;
    max-width: 12.36em;
    text-align: center;
}

table#sc-sign-up-kba-ssn4-ph tr {

    white-space: nowrap;
}

td.sc-sign-up-kba-ssn4-x {

    font-size: 1.6em;
    font-weight: 500;
    width: 64%;
    text-align: left;
}

td.sc-sign-up-kba-ssn4-value {

    font-size: 1em;
    font-weight: 500;
    width: 36%;
    text-align: right;
}

input#sc-sign-up-kba-ssn4 {

    text-align: center;
}




div.sc-sign-up-kba-start-header {

    color: #00a;
}


div#sc-sign-up-kba-question {

    overflow: hidden;
    text-decoration: none; 
    text-overflow: ellipsis; 

    font-size: 1.4em;
    
    width: 94%;

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


div.sc-sign-up-kba-answers-ph {

    margin: 1.6em auto 0 auto;
    width: 90%;
    max-width: 20em;
}


div.sc-sign-up-kba-answer {

    width: 90%;

    padding: 0 1em 0 1em;

    text-align: center;
    margin: 0 auto .3em auto;

    cursor: pointer;

    display: table;

    border-collapse:separate;
    border-spacing: 0 1.2em;

    -webkit-border-radius:  1.6em;
    border-radius:          1.6em;
}

div.sc-sign-up-kba-answer div {

    display: table-cell;
    font-size: .93em;
    font-weight: 400;   
}

div.sc-sign-up-kba-answer-selected {

    color: #fff; 
    cursor: pointer;

    /*
    background-color:   rgba(47,110,247,0.8); 
    */
    background: radial-gradient(rgba(47,110,247,0.7) 5%,       rgba(47,110,247,0.9) 90%);
}

div.sc-sign-up-kba-answer-selected:hover {

    background: radial-gradient(rgba(37,100,237,0.7) 5%,       rgba(37,100,237,0.9) 90%); 
}

div.sc-sign-up-kba-answer-unselected {

    color: #000;
    cursor: pointer;
      
    /*
    background-color: rgba(215,215,215, 0.7); 
    */
    background: radial-gradient(rgba(215,215,215,0.1) 30%,  rgba(215,215,215,0.5) 90%);
}

div.sc-sign-up-kba-answer-unselected:hover {

    /*
    background-color: rgba(205,205,205, 0.7); 
    */
    background: radial-gradient(rgba(205,205,205,0.2) 30%,  rgba(205,205,205,0.5) 90%);  
}



div.sc-sign-up-setup-ph {

    width: 96%;

    overflow: hidden;

    margin: .6em auto .6em auto; 

    text-align: center;
}


div.sc-sign-up-subtitle {

    width: 90%;
    max-width: 22em;

    margin: 1em auto 0 auto;
    font-size: 1em;
    vertical-align: top;
    text-align: center;
}

div.sc-sign-up-verify-summary {

    display: block;
    position: relative;

    max-width: 30em;

    overflow: visible;
}


span.sc-sign-up-verify-copy {

    display: inline;

    max-width: 100%;
}


button.sc-sign-up-why-verify {

    display: inline-block;
    box-sizing: border-box;

    width: 1.16em;
    height: 1.16em;

    margin: 0 0 0 .16em;
    padding: 0;

    border: 1px solid #2769F1;
    border-radius: 50%;
    background: transparent;

    color: #2769F1;
    cursor: pointer;
    font-family: inherit;
    font-size: .72em;
    font-weight: 650;
    line-height: 1.04em;
    text-align: center;
    vertical-align: .2em;

    -webkit-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
}


button.sc-sign-up-why-verify:hover,
button.sc-sign-up-why-verify:focus {

    border-color: #2769F1;
    color: #2769F1;
}


button.sc-sign-up-why-verify:focus-visible {

    outline: 2px solid rgb(39 105 241 / .35);
    outline-offset: 3px;
}


div.sc-sign-up-verification-note {

    display: none;

    width: 90%;
    max-width: 24em;

    margin: .9em auto 0 auto;

    color: #555;
    font-size: .82em;
    line-height: 1.35em;
    text-align: center;
}


div.sc-sign-up-verify-modal[hidden] {

    display: none !important;
}


div.sc-sign-up-verify-modal {

    position: fixed;
    inset: 0;
    z-index: 3000;

    display: flex;
    align-items: flex-start;
    justify-content: center;

    width: 100%;
    height: 100dvh;
    padding: clamp(9rem, 24vh, 23rem) clamp(16px, 4vw, 54px) clamp(16px, 4vw, 54px);

    background: rgb(236 236 236 / .7);
    overflow-y: auto;
    overscroll-behavior: contain;

    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}


div.sc-sign-up-verify-modal-panel {

    position: relative;

    width: min(100%, 31em);
    padding: clamp(1.65em, 4vw, 2.35em);

    border-radius: 13.5px;
    background: rgb(255 255 255 / .98);
    box-shadow: 0 30px 90px rgb(29 29 29 / .16);
}


div.sc-sign-up-verify-modal-panel:focus {

    outline: none;
}


button.sc-sign-up-verify-modal-close {

    position: absolute;
    top: .25em;
    right: .25em;
    z-index: 2;

    width: 2.6em;
    height: 2.6em;
    padding: 0;

    border: 0;
    background: transparent;
    cursor: pointer;

    -webkit-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
}


button.sc-sign-up-verify-modal-close:before,
button.sc-sign-up-verify-modal-close:after {

    content: "";

    position: absolute;
    top: 50%;
    left: 50%;

    display: block;
    width: 1.3em;
    height: .15em;

    border-radius: 4em;
    background-color: #777;
    transform-origin: center;
    transition: background-color .2s ease;
}


button.sc-sign-up-verify-modal-close:before {

    transform: translate(-50%, -50%) rotate(45deg);
}


button.sc-sign-up-verify-modal-close:after {

    transform: translate(-50%, -50%) rotate(-45deg);
}


button.sc-sign-up-verify-modal-close:hover:before,
button.sc-sign-up-verify-modal-close:hover:after,
button.sc-sign-up-verify-modal-close:focus-visible:before,
button.sc-sign-up-verify-modal-close:focus-visible:after {

    background-color: #1d1d1d;
}


button.sc-sign-up-verify-modal-close:focus-visible {

    outline: 2px solid rgb(29 29 29 / .35);
    outline-offset: 2px;
}


div.sc-sign-up-verify-modal div.sc-sign-up-verification-note {

    display: block;

    width: auto;
    max-width: none;

    margin: 0;
    padding: .15em 1.5em .15em 0;

    color: #1d1d1d;
    font-size: 1em;
    line-height: 1.55;
    text-align: left;
}

div.sc-sign-up-hypername-status {

    display: none;

    width: 90%;
    margin: 0 auto 0 auto;

    font-size: .82em;
    text-align: center;
}

div.sc-sign-up-hypername-checking {

    color: #999;
}

div.sc-sign-up-hypername-available {

    color: #2769F1;
}

div.sc-sign-up-ownership-panel {

    display: none;

    width: 90%;
    max-width: 22em;
    margin: 1.15em auto 0 auto;

    text-align: center;
}

div.sc-sign-up-ownership-copy {

    margin: 0 auto 0 auto;

    color: #333;
    font-size: .92em;
    line-height: 1.35em;
}

table.sc-pic-id-instruction-ph {

    width: 100%;
    max-width: 17em;
    font-size: .9em;
    font-weight: 500;
    text-align: left;
    margin: 1em auto 0 auto;

    border-collapse:separate;
    border-spacing: 0 0.6em;
}

td.sc-pic-id-instruction-bullet {

    width: 5%;
    margin: .7em auto 0 auto;
}

td.sc-pic-id-instruction {

    width: 95%;
    margin: .7em auto 0 auto;
}


div.sc-sign-up-subtitle-add-picture-only {

    margin: 20px auto 0 auto;
    width: 100%;
    max-width: 300px;

    
    font-size: 100%;

    text-align: center;

    color: #303030;  
}


div#sc-sign-up-add-picture-text {

    margin-top: 50px;

}


div.sc-sign-up-subtitle div.sc-sign-up-subtitle-options {

    margin: 0 auto 0 auto;
    width: 93%;
}


form#sc-sign-up-email-verification-code {

    max-width: 17em;
}


form#sc-sign-up-email-re-enter {

    margin-top: 1em;
    max-width: 16em;
}


div.sc-sign-up-subtitle-picture {

    width: 85%;
    margin-top: .8em;
    font-size: .65em;
}


div#sc-sign-up-contacts-collect-ph,
div#sc-sign-up-email-verification-ph,
div#sc-sign-up-email-re-sent-ph,
div#sc-sign-up-email-re-enter-ph,
div#sc-sign-up-start,
div#sc-sign-up-hypername,
div#sc-sign-up-error,
div#sc-sign-up-picture-crop {

    display: none;
}
 


div#sc-sign-up-picture-crop {

    position: relative;
    
    overflow: hidden;

    padding: 0 0 1em 0;

    text-align: center;
}



/*------------------------------------------------------------------------------------------------------
                                      Hypername anonymous typography
------------------------------------------------------------------------------------------------------*/

.sc-anonymous-page {

    color: #1a1b1f;
    font-family: "HypernameInter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.55;
}

.sc-anonymous-page input,
.sc-anonymous-page select,
.sc-anonymous-page textarea,
.sc-anonymous-page button,
.sc-anonymous-page .ui-btn {

    font-family: inherit;
}

.sc-anonymous-page .sc-page-title,
.sc-anonymous-page .sc-page-title-how-it-works,
.sc-anonymous-page .sc-page-title-faq,
.sc-anonymous-page h1.sc-about-title,
.sc-anonymous-page div.sc-title-v2 {

    color: #1d1d1d;
    font-family: inherit;
    font-size: 3.1em;
    font-weight: 500;
    line-height: 1.16;
    letter-spacing: 0;

    width: 100%;
    max-width: 1080px;
    padding: 0 24px;
}

.sc-anonymous-page div.sc-title-v2.sc-gen-orange {

    color: #1d1d1d;
}

.sc-anonymous-page div.sc-sub-title,
.sc-anonymous-page div.sc-sign-up-subtitle,
.sc-anonymous-page div.sc-sign-up-subtitle-add-picture-only,
.sc-anonymous-page div.sc-sign-up-subtitle-picture,
.sc-anonymous-page div.sc-sign-up-verification-note,
.sc-anonymous-page table.sc-pic-id-instruction-ph,
.sc-anonymous-page div.sc-about-text,
.sc-anonymous-page div.sc-front-subtitle,
.sc-anonymous-page div.sc-faq-answer,
.sc-anonymous-page div.sc-faq-answer-ph p,
.sc-anonymous-page div.sc-how-it-works-step-text-ph,
.sc-anonymous-page td.sc-faq-step-text,
.sc-anonymous-page td.sc-pic-id-instruction {

    color: #1d1d1d;
    font-family: inherit;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.55;
    letter-spacing: 0;
}

.sc-anonymous-page div.sc-sign-up-subtitle,
.sc-anonymous-page div.sc-sign-up-subtitle-add-picture-only,
.sc-anonymous-page div.sc-sub-title {

    max-width: 28em;
}

.sc-anonymous-page div.sc-about-title-2,
.sc-anonymous-page div.sc-faq-question,
.sc-anonymous-page div.sc-faq-question-ph,
.sc-anonymous-page div.sc-input-label {

    color: #555;
    font-family: inherit;
    font-weight: 500;
}

.sc-anonymous-page div.sc-faq-question {

    color: #1d1d1d;
    line-height: 1.3;
    letter-spacing: 0;
}

.sc-anonymous-page div.sc-button-v2 {

    font-family: inherit;
}

.sc-anonymous-page div.sc-button-v2-big div,
.sc-anonymous-page div.sc-button-v2-call-action div {

    font-weight: 600;
}

.sc-anonymous-page a.sc-link {

    font-family: inherit;
}

@media (max-width: 420px) { /*tiny & small screen*/

    .sc-anonymous-page .sc-page-title,
    .sc-anonymous-page .sc-page-title-how-it-works,
    .sc-anonymous-page .sc-page-title-faq,
    .sc-anonymous-page h1.sc-about-title,
    .sc-anonymous-page div.sc-title-v2 {

        font-size: 2.45em;
    }
}

div#sc-sign-up-picture-crop div.sc-flex-container-xl {

    min-height: auto;
    padding-top: clamp(.4rem, 1vh, .8rem);
}


a#sc-sign-up-skip,
a#sc-sign-up-upload-cancel,
a#sc-sign-up-back,
a#sc-sign-up-camera-back {

    margin-top: 1.6em;
    font-size: 1em;
}


.sc-sign-up-action-link {
    
    cursor: pointer; 
    
    font-weight: normal; 
    font-size: 105%; 
    
    color: #888888;

    text-emphasis: none;
    text-decoration: none; 
    
    margin: 0;
    border: 0;
    padding: 0;

    display: inline; 

}


div#sc-sign-up-pic-add-link {

    overflow: hidden;
    position: relative;
    cursor: pointer; 

}
    

input#sc-sign-up-file-upload {
 
    z-index: 1000;
    width: 100%;
    height: 2.6em;

    position: absolute;
    top: 0;
    right: 0;

    cursor: pointer; 

    opacity: 0.0; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=0); /* IE lt 8 */
    -ms-filter: "alpha(opacity=0)"; /* IE 8 */
    -khtml-opacity: 0.0; /* Safari 1.x */
    -moz-opacity: 0.0; /* FF lt 1.5, Netscape */
}


div#sc-sign-up-img-ph {
    
    width: 100%; 
    height: 0;
    margin: .8em auto 0 auto;
    text-align: center;
    overflow: hidden;

    /*
    background-color: #f3f3f3;
    */

    background: radial-gradient(rgba(215,215,215,0.1) 30%,  rgba(215,215,215,0.5) 90%);  

    -webkit-border-radius:  1em; 
	border-radius:          1em;
}


img#sc-sign-up-img {

    width: 0;
    height: 0;

    display: none;
    margin: 0;

    /*
    border: .03em solid rgba(215,215,215,0.5);
    */

    -webkit-border-radius:  1em; 
	border-radius:          1em;
}


div#sc-sign-up-picture-start,
div#sc-sign-up-picture-progress,
div#sc-sign-up-picture-error {

    display: none;
}


/*
div#sc-sign-up-picture-camera {

    display: none;

    width: 100%;
    height: 100%;
    max-width: 640px;

    overflow: hidden;

    margin: 4% auto 0 auto; 
    padding: 0;

    text-align: center;
}


video#sc-sign-up-video {

    display: none;

    height: 480px;
    width: 640px;

    min-height: 480px;
    min-width: 640px;

    margin: 20px auto 0 auto;

	-webkit-border-radius: 0.4em; 
	border-radius: 0.4em;

}


canvas#sc-sign-up-canvas {

    display: none;

    margin: 20px auto 0 auto;

	-webkit-border-radius: 0.4em; 
	border-radius: 0.4em;

}


div#sc-sign-up-cam-img-ph {

    width: 100%;
    margin: 35px auto 0 auto;

    text-align: center;

}


div#sc-sign-up-cam-img-ph img{

    width: 212px;
    height: 212px;
    min-width: 212px;
    min-height: 212px;

    margin: 0 auto 0 auto;

}

a#sc-sign-up-take-picture
 {

    display: none;
    margin-top: 40px;
    
}


div#sc-sign-up-accept-retake-ph
 {
    
    display: none;

    width: 100%;
    margin: 40px auto 0 auto;
    text-align: center;
    white-space: nowrap;
}



a#sc-sign-up-accept-picture
{
    margin: 0 10px 0 auto;
    vertical-align: top;
}


a#sc-sign-up-retake-picture
{
    margin: 0 auto 0 10px;
    vertical-align: top;
}


*/


div#sc-sign-up-picture-crop {

   max-width: 30em;
}
















/*------------------------------------------------------------------------------------------------------
                                        User verification UX
------------------------------------------------------------------------------------------------------*/

div#sc-pic-id-start,
div#sc-pic-id-progress,
div#sc-pic-id-error,
div#sc-sign-up-ssn-verification-start,
div#sc-sign-up-kba-start,
div#sc-sign-up-kba,
div#sc-ssn-verification-error {

    display: none;
}


input#sc-pic-id-upload {
 
    width: 100%;
    height: 2.6em;
    cursor: pointer;

    position: absolute;
    top: 0;
    left: 0;

    opacity: 0.0; 
    filter: alpha(opacity=0); 
    -ms-filter: "alpha(opacity=0)"; 
    -khtml-opacity: 0.0; 
    -moz-opacity: 0.0; 
}

input#sc-calls-file-upload,
input#sc-my-atoms-file-upload,
input#sc-pic-id-upload,
input#sc-sign-up-file-upload {

    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;

    width: 1px;
    height: 1px;

    margin: -1px;
    padding: 0;
    border: 0;

    opacity: 0.0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0.0;
    -moz-opacity: 0.0;

    overflow: hidden;
    pointer-events: none;
}


label.sc-file-picker-label {

    cursor: pointer;
    color: inherit;
    text-decoration: none;

    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
}


div.sc-button-v2.sc-file-picker-button {

    padding: 0;
}


div.sc-button-v2.sc-file-picker-button label.sc-file-picker-label {

    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;

    width: 100%;
    height: 100%;
    min-height: inherit;
}


div.sc-button-v2-big.sc-file-picker-button label.sc-file-picker-label {

    padding: 0 2.1em;
}


div.sc-button-v2-small.sc-file-picker-button label.sc-file-picker-label {

    min-width: 5em;
    padding: 0 1em;
}


div.sc-button-v2-big label.sc-file-picker-label,
div.sc-button-v2-call-action label.sc-file-picker-label {

    font-size: 0.7em;
    font-weight: 500;
}


div#sc-uv-button-approve
{
    color: #fff;
    background: radial-gradient(rgba(64,221,143,0.7) 20%,  rgba(64,221,143,1) 90%);  
}

/*
div#sc-uv-button-decline
{
    background: radial-gradient(rgba(215,215,215,0.6) 30%,  rgba(215,215,215,0.9) 90%);  
}
*/


div.sc-uv-info-section
{
    /*UV-level actions area*/
    max-width: 30em;
    margin: 0 auto 2.6em auto; 
    width: 100%; 
    text-align: center;
}

div.sc-uv-action-combo
{
    margin: .5em auto .5em auto; 
    width: 100%; 
    text-align: center;
    white-space: nowrap;
}

div.sc-uv-action-combo-spacer {

    display: inline-block;
    width: .3%;
    min-width: .3%;
    margin: 0 auto 0 auto;
}

div.sc-uv-action-select-ph {

    vertical-align: top;
    display: inline-block;
    min-width: 60%;

    margin: 0 auto 0 auto;
}

div.sc-uv-action-button-ph {

    vertical-align: top;
    display: inline-block;
    width: auto;
    margin: 0 auto 0 auto;
}


form.sc-uv-message-ph
{
    display: block; 
    max-width: 30em;
    width: 100%; 
     
    overflow: hidden;

    margin: 0 auto 0 auto;    
}

textarea.sc-uv-message
{
    resize: none;
    width: 100%;

    vertical-align: top;
    height:     4.4em;
    min-height: 4.4em;

	-webkit-border-radius: 1.1em; 
	border-radius:         1.1em;

    padding: .5em .7em 0 .7em;
}

div.sc-profpic-verification-ph
{
   max-width: 25em;

   margin: 0 auto 0 auto;
}

div.sc-uv-buttons-ph
{
    margin: 1em auto 1em auto; 
    width: 100%; 
    max-width: 18em;
    text-align: center;
    white-space: nowrap;
}


div.sc-uv-timing
{
    margin: 1em auto 0 auto;

    width: 100%; 
    font-size: 0.7em;
    
    font-weight: 400;

    color: #7070c0;/*#3f3f9f rgba(47,110,247,0.6)*/
    text-align: center;
}


div.sc-profpic-buttons-spacer {

    display: inline-block;
    width: .3%;
    min-width: .3%;
    margin: 0 auto 0 auto;
}

div.sc-uv-pic-select {
    
    margin: 0 auto 0 auto;

    display: inline-block;
    width: auto;
    min-width: 10em;
    max-width: 30em;

    text-align: center;
    overflow: hidden;
}

div.sc-profpic-action-select-ph {

    vertical-align: top;
    display: inline-block;
    min-width: 87%;

    margin: 0 auto 0 auto;
}

div.sc-uv-pic-select-item {

    display: inline-table;

    margin: .7em .3em .2em .3em;

    -webkit-border-radius:  8em;
    border-radius:          8em;

    height:     1.6em;
    min-width:  1.6em;
}

div.sc-uv-pic-select-item-unselected {

    cursor: pointer;

    color: #000; 
    background: radial-gradient(rgba(215,215,215,0.1) 30%,  rgba(215,215,215,0.5) 90%);  
}

div.sc-uv-pic-select-item-selected {

    color: #ffffff; 
    background-color: #2F6EF7;
    pointer-events: none;
}


div.sc-uv-pic-select-item div {

    width: 100%;
    display: table-cell;
    vertical-align: middle;
        
    margin: 0 auto 0 auto;
    text-align: center;

    font-size: .7em;
    font-weight: 500;

}


/*
div.sc-uv-picture-select {
    
    display: inline-block;
    width: auto;
    min-width: 10em;
    max-width: 30em;
    height:     2.8em;
    min-height: 2.8em;

    margin: 0 auto .8em auto;
    text-align: left;
    overflow: hidden;

    background-color: #f3f3f3;
    background: radial-gradient(rgba(215,215,215,0.1) 30%,  rgba(215,215,215,0.5) 90%);  

    -webkit-border-top-right-radius:    0;
    border-top-right-radius:            0;
                                         
    -webkit-border-top-left-radius:     0;
    border-top-left-radius:             0;


    -webkit-border-bottom-right-radius: 1.1em;
    border-bottom-right-radius:         1.1em;
    -webkit-border-bottom-left-radius:  1.1em;
    border-bottom-left-radius:          1.1em;

}
*/

img.sc-uv-picture-img {

    width: 0;
    height: 0;

    display: none;
    margin: 0;

    -webkit-border-radius: 1em;
    border-radius: 1em;
    
}


div.sc-uv-picture-ph {

    width: 0;
    height: 0;

    margin: .2em auto 0 auto;

    -webkit-border-radius: 1em;
    border-radius: 1em;
}


/*-----any picture should use these two-----*/ 
div.sc-picture-ph {

    background: radial-gradient(rgba(237,237,237,.1) 6%,rgba(237,237,237,.8) 95%);
    text-align: center;
    overflow: hidden;

    /*
    border: .03em solid rgba(215,215,215,0.5);
    background-color: #f3f3f3;
    background: radial-gradient(rgba(215,215,215,0.1) 30%,  rgba(215,215,215,0.5) 90%);  
    */
}

div.sc-picture-ph img {

    border: .03em solid rgba(215,215,215,0.5);
    margin: 0 auto 0 auto;
}
/*------------------------------------------*/ 




.sc-loading-animation {
   
    -webkit-animation: LoadingPicAnimation  3s ease infinite;
    -moz-animation: LoadingPicAnimation     3s ease infinite;
    -o-animation: LoadingPicAnimation       3s ease infinite;
    animation: LoadingPicAnimation          3s ease infinite;
}

@-webkit-keyframes LoadingPicAnimation {
0%{background-color: #ffffff;}
50%{background-color: #d3d3d3;}
100%{background-color: #ffffff;}
}
@-moz-keyframes LoadingPicAnimation {
0%{background-color: #ffffff;}
50%{background-color: #d3d3d3;}
100%{background-color: #ffffff;}
}
@-o-keyframes LoadingPicAnimation {
0%{background-color: #ffffff;}
50%{background-color: #d3d3d3;}
100%{background-color: #ffffff;}
}
@keyframes LoadingPicAnimation {
0%{background-color: #ffffff;}
50%{background-color: #d3d3d3;}
100%{background-color: #ffffff;}
}


div.sc-uv-list-item-img-ph
{
    overflow: hidden;
 
    height:3.4em;
    width: 3.4em;

    background-color: #f3f3f3;
    background: radial-gradient(rgba(215,215,215,0.1) 30%,  rgba(215,215,215,0.5) 90%);  

    margin: 0.6em 0.6em 0.6em 0;

    background-color: rgba(198, 199, 206, 0.2);
    overflow: hidden;

    /*
  	-webkit-border-radius: 0.8em; 
	border-radius: 0.8em;
    */
  	-webkit-border-radius: 50%; 
	border-radius: 50%;
}


div.sc-uv-list-item-img-ph img
{
    height: 6.8em;
    display: block;

    margin: 0 auto 0 -27%;

    display: none;
}


div#sc-uv-activity-none {

    display: none;

    color: #a8a8a8;
    
    letter-spacing: 0.06em;

    width: 100%;

    margin: 6em auto 0 auto;
    height: 3.6em;
    text-align: center;

}


div#sc-admin-user-verification {

    display: none;
}


div#sc-uv-selfie-section, 
div#sc-uv-document-section,
div#sc-pv-pic-section,
div#sc-pv-pic-section,
div#sc-pv-selfie-section {

    margin: 0 auto 2em auto;
}

div.sc-uv-profile-pic-ph
{

    margin: .2em auto 0 auto;

    width:  0; 
    height: 0; 

    vertical-align: top; 

    -webkit-border-radius: 50%;
    border-radius:         50%;
}

div.sc-uv-profile-pic-ph img
{
    width:  100%; 
    height: 100%; 
    
    margin: 0 0 0 0;

    -webkit-border-radius: 50%;
    border-radius:         50%;

    display: none;
}








/*------------------------------------------------------------------------------------------------------
                                            Buttons
------------------------------------------------------------------------------------------------------*/

/*------------------------------------generic button styles-------------------------------------------*/

div.sc-button-v2 {

    position: relative;

    cursor: pointer;
    display: inline-table; 
    vertical-align: middle; /*if inside another tr*/
    
    font-weight: 500; 
    text-align: center;
    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select:none; 
    user-select:none;
    -o-user-select:none; 

    white-space: nowrap;
}


div.sc-button-v2-center {

    margin: 0 auto;
}


div.sc-button-v2-right {

    margin: 0 0 0 auto;
}


div.sc-button-v2-left {

    margin: 0 auto 0 0;
}


div.sc-button-v2 div {

    display: table-cell;
    vertical-align: middle;
}


div.sc-button-v2-small {

    min-width: 5em;
    max-height:  2.5em;
    height:      2.5em;
    line-height: 2.5em;

    padding: 0 1em;

    font-size: 0.6em;
    letter-spacing: 0.07em;
    text-transform: lowercase;

    -webkit-border-radius:  2.6em;
    border-radius:          2.6em;
}


div.sc-button-v2-med {

    height:      2.2em;
    line-height: 2.2em;

    min-width: 3em;
    padding: 0 1.9em;

    -webkit-border-radius:  1.9em;
    border-radius:          1.9em;
}


div.sc-button-v2-med div {

    font-size: 0.67em;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}


div.sc-button-v2-big {

    height:      2.6em;
    line-height: 2.6em;

    padding: 0 2.1em;

    letter-spacing: 0.06em;
    text-transform: uppercase;

    -webkit-border-radius:  1.9em;
    border-radius:          1.9em;
}


div.sc-button-v2-call-action {

    height:      2.9em;
    line-height: 2.9em;

    padding: 0 .9em;

    letter-spacing: 0.06em;
    text-transform: uppercase;

    -webkit-border-radius:  1.2em;
    border-radius:          1.2em;
}


div.sc-button-v2-big div,
div.sc-button-v2-call-action div {

    font-size: 0.7em;
    font-weight: 500;
}


div.sc-button-v2-big-front {

    width: 100%;

    height:      3.6em;
    line-height: 3.6em;

    margin: 0 auto .6em auto;

    letter-spacing: 0.06em;
    text-transform: uppercase;

    -webkit-border-radius:  2.8em;
    border-radius:          2.8em;
}


div.sc-button-v2-big-front div {

    font-weight: 500;
    font-size: 0.83em;
}


div.sc-button-v2-gray {

    color: #333;

    /*
    background-color: rgba(183, 183, 183, 1);
    */
    background-color: #ccc;
}

div.sc-button-v2-gray:hover {

    color: #333;

    /*
    background-color: rgba(183, 183, 183, 1);
    */
    background-color: #bbb;
}


div.sc-button-v2-gray-grad {

    color: #222;

    /*
    background-color: rgba(183, 183, 183, 1);
    */
    background-color: #ccc;
    background: radial-gradient(rgba(205,205,205,0.6) 30%,  rgba(205,205,205,0.9) 90%);  
}

div.sc-button-v2-gray-grad:hover {

    color: #222;

    /*
    background-color: rgba(183, 183, 183, 1);
    */
    background-color: #bbb;
}


div.sc-button-v2-lite-gray {

    color: #222;

    /*
    background-color: rgba(183, 183, 183, 1);
    */
    background-color: #e3e3e3;
}

div.sc-button-v2-lite-gray:hover {

    color: #222;

    /*
    background-color: rgba(183, 183, 183, 1);
    */
    background-color: #d3d3d3;
}


div.sc-button-v2-dark {

    color: #dfdfdf;

    background-color: #4f4f4f;
}

div.sc-button-v2-dark:hover {

    color: #fff;

    background-color: #3f3f3f;
}


div.sc-button-v2-blue {

    color: #fff;
    /*
    background-color: #3F7Eff;
    background-color:   rgba(47,110,247,0.8); 
    */
    background: radial-gradient(rgba(47,110,247,0.7) 5%,       rgba(47,110,247,0.9) 90%); 
}

div.sc-button-v2-blue:hover {

    color: #fff;
    background: radial-gradient(rgba(37,100,237,0.7) 5%,       rgba(37,100,237,0.9) 90%); 
}


div.sc-button-v2-disabled {

    color: #888;
    background-color: #f3f3f3;
    pointer-events: none;
}


div#sc-gen-button-approve,
div#sc-gen-button-decline
{
    display: inline-table;
    width: 48%;
    text-align: center;
}

div#sc-gen-button-approve
{
    background: radial-gradient(rgba(104,261,183,0.6) 30%,  rgba(104,261,183,1) 90%);  
}

div#sc-gen-button-decline
{
    background: radial-gradient(rgba(215,215,215,0.6) 30%,  rgba(215,215,215,0.9) 90%);  
}


div.sc-button {

    cursor: pointer; 
    
    font-weight: 400; 
    
    text-align: center;

    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select:none; 
    user-select:none;
    -o-user-select:none; 
}


a.sc-button-block {

    display: block; 
}


a.sc-inline-button
{
    cursor: pointer; 
    
    font-weight: 200; 
    
    text-emphasis: none;
    text-decoration:none; 
    
    display: inline-block; 

    text-align: center;

    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select:none; 
    user-select:none;
    -o-user-select:none; 

    /*
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    */

}


a.sc-button:focus,
a.sc-button:active
a.sc-inline-button:focus,
a.sc-inline-button:active
 {

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
    outline: none;

    text-emphasis: none;
    text-decoration:none; 
}


@media (max-width: 420px) {


    div.sc-activity-indicator-ph-small {

        height: 16px;
        margin: 0 auto 0 auto;
    }

}


@media (min-width: 420px) { /*medium and large screens*/

    div.sc-activity-indicator-ph-small {

        height: 16px;
        margin: 0 auto 0 auto;
    }

}


/*----------------------------------lighter on dark buttons-------------------------------------------*/
div.sc-button-white
{

    color: #ffffff;
    border: 1px solid #ffffff;
}


div.sc-button-white:focus,
div.sc-button-white:hover
 {

    color: #cccccc;
    border: 1px solid #cccccc;
}


/*----------------------------------darker on light buttons-------------------------------------------*/
a.sc-button-darker,
a.sc-button-darker:focus,
a.sc-button-darker:active,
a.sc-button-darker:hover
 {

    color: #000000;
}


a.sc-button-dark,
a.sc-button-dark:focus,
a.sc-button-dark:active,
a.sc-button-dark:hover
{

    color: #ffffff;
}


/*------regular grey button------*/
a.sc-button-grey-1 {
    background-color: #e0e0e0; 
    border: 1px solid #e0e0e0; 
}

a.sc-button-grey-1:hover {
    background-color: #c0c0c0; 
    border: 1px solid #c0c0c0; 
}

/*
a.sc-button-grey-1-nohover {
    background-color: #e0e0e0; 
    border: 1px solid #e0e0e0; 
}

a.sc-button-grey-1-nohover:hover {
    background-color: #e0e0e0; 
    border: 1px solid #e0e0e0; 
}
*/
/*-------------------------------*/



/*-------dark grey button--------*/
a.sc-button-grey-2 {
    background-color: #aa00ee; 
    border: 1px solid #aa00ee;
    
    color: #ffffff; 
}

a.sc-button-grey-2:hover {
    background-color: #c0c0c0; 
    border: 1px solid #c0c0c0; 
}

/*
a.sc-button-grey-2-nohover {
    background-color: #e0e0e0; 
    border: 1px solid #e0e0e0; 
}

a.sc-button-grey-2-nohover:hover {
    background-color: #e0e0e0; 
    border: 1px solid #e0e0e0; 
}
*/
/*-------------------------------*/



/*------gray color gradient------*/
div.sc-button-gray-grad {

    color: #fff; 
    background-color: rgba(170,170,170,1);  

    background: -webkit-linear-gradient(top,rgba(170,170,170,0.6),       rgba(170,170,170,1)); /*Safari 5.1-6*/
    background: -o-linear-gradient(bottom,  rgba(170,170,170,0.6),       rgba(170,170,170,1)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(bottom,rgba(170,170,170,0.6),       rgba(170,170,170,1)); /*Fx 3.6-15*/
    background: linear-gradient(to bottom,  rgba(170,170,170,0.6),       rgba(170,170,170,1)); /*Standard*/
}

div.sc-button-gray-grad:hover,
div.sc-button-gray-grad:active,
div.sc-button-gray-grad:focus {

    color: #fff; 
    background-color: rgba(170,170,170,1);  

    background: -webkit-linear-gradient(top,rgba(170,170,170,0.6),       rgba(170,170,170,1)); /*Safari 5.1-6*/
    background: -o-linear-gradient(bottom,  rgba(170,170,170,0.6),       rgba(170,170,170,1)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(bottom,rgba(170,170,170,0.6),       rgba(170,170,170,1)); /*Fx 3.6-15*/
    background: linear-gradient(to bottom,  rgba(170,170,170,0.6),       rgba(170,170,170,1)); /*Standard*/

    /*
    background: -webkit-linear-gradient(top,rgba(170,170,170,0.6),       rgba(170,170,170,1)); 
    background: -o-linear-gradient(bottom,  rgba(170,170,170,0.6),       rgba(170,170,170,1)); 
    background: -moz-linear-gradient(bottom,rgba(170,170,170,0.6),       rgba(170,170,170,1)); 
    background: linear-gradient(to bottom,  rgba(170,170,170,0.6),       rgba(170,170,170,1)); 
    */
}
/*-------------------------------*/


/*------blue gradient button-----*/
div.sc-button-blue-grad {

    color: #ffffff; 
    background-color: #2F6EF7;

    background: -webkit-linear-gradient(top,rgba(47,110,247,0.6),       rgba(47,110,247,1)); /*Safari 5.1-6*/
    background: -o-linear-gradient(bottom,  rgba(47,110,247,0.6),       rgba(47,110,247,1)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(bottom,rgba(47,110,247,0.6),       rgba(47,110,247,1)); /*Fx 3.6-15*/
    background: linear-gradient(to bottom,  rgba(47,110,247,0.6),       rgba(47,110,247,1)); /*Standard*/
}

div.sc-button-blue-grad:hover,
div.sc-button-blue-grad:focus {

    color: #ffffff; 
    background-color: #2F6EF7;  

    background: -webkit-linear-gradient(top,rgba(47,110,247,0.6),       rgba(47,110,247,1)); /*Safari 5.1-6*/
    background: -o-linear-gradient(bottom,  rgba(47,110,247,0.6),       rgba(47,110,247,1)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(bottom,rgba(47,110,247,0.6),       rgba(47,110,247,1)); /*Fx 3.6-15*/
    background: linear-gradient(to bottom,  rgba(47,110,247,0.6),       rgba(47,110,247,1)); /*Standard*/

    /*
    background: -webkit-linear-gradient(top,rgba(47,110,247,0.6),       rgba(47,110,247,1)); 
    background: -o-linear-gradient(bottom,  rgba(47,110,247,0.6),       rgba(47,110,247,1)); 
    background: -moz-linear-gradient(bottom,rgba(47,110,247,0.6),       rgba(47,110,247,1)); 
    background: linear-gradient(to bottom,  rgba(47,110,247,0.6),       rgba(47,110,247,1)); 
    */
}
/*-------------------------------*/



/*----------------------call pad buttons--------------------*/
div.sc-button-selected-rp-blue {

    background-color:   rgba(47,110,247,0.8); 
    background: radial-gradient(rgba(47,110,247,.7) 5%,       rgba(47,110,247,.9) 96%); 
    color: #fff; 
}

div.sc-button-selected-rp-blue:hover {

    background-color:   rgba(47,110,247,0.8); 
    background: radial-gradient(rgba(47,110,247,.7) 5%,       rgba(47,110,247,.9) 96%); 
    color: #fff; 

    /*
    background: radial-gradient(rgba(37,100,237,0.7) 5%,       rgba(37,100,237,0.9) 90%); 
    */
}


div.sc-button-unselected-rp-blue {

    /*
    background: linear-gradient(to bottom,      rgba(255,255,255,0.9) 0%,  rgba(255,255,255,0.8) 30%,   rgba(255,255,255,0.7) 70%,   rgba(255,255,255,0.5));  
    */

    background-color: rgba(215,215,215, 0.7); 
    background: radial-gradient(rgba(215,215,215,0.6) 30%,  rgba(215,215,215,1) 90%);  

    color: #000;
}

div.sc-button-unselected-rp-blue:hover {

    background-color: rgba(215,215,215, 0.7); 
    background: radial-gradient(rgba(215,215,215,0.6) 30%,  rgba(215,215,215,1) 90%);  

    /*
    background-color: rgba(205,205,205, 0.7); 
    background: radial-gradient(rgba(205,205,205,0.6) 30%,  rgba(205,205,205,1) 90%);  
    */

    color: #000;
}
/*-------------------------------------------------------------*/
 


div.sc-button-id-button-ph {
    
    width: 100%; 
    text-align: center;
    margin: 1.1em auto 0 auto;
}


div.sc-button-cancel-simple {

    height: 36px;
    width:  36px;

    display:block;
    margin: 0 auto 0 auto;

    position: relative;
    text-align: left;
    cursor: pointer; 
}


div.sc-button-cancel-simple::before {

    top: 16px;
    right: 7px;

    content: ""; 
    position: absolute;
    display: inline-block;

    width: 1.28em;
    height: 0.3em;
    
    -webkit-border-radius:  30em;
    border-radius:          30em;
    
    background-color: #bbb;
        
    transform: rotateZ(45deg);
}


div.sc-button-cancel-simple::after {

    top: 16px;
    right: 7px;

    content: ""; 
    position: absolute;
    display: inline-block;

    width: 1.28em;
    height: 0.3em;
    
    -webkit-border-radius:  30em;
    border-radius:          30em;
    
    background-color: #bbb;

    transform: rotateZ(-45deg);
}


div.sc-button-cancel-simple:hover::before,
div.sc-button-cancel-simple:hover::after {
    
    background-color: #999;
}



div.sc-button-under-hint {
    
    margin: 3px auto 0 auto;
    
    font-size: 0.63em;
    
    font-weight: 400;

    vertical-align: middle;
    text-align: center;

    color: #888888; 
}


div.sc-gen-button-ph {

    margin-top: 2em;
}


a#sc-button-cancel {
    margin-top: 0.5em;
}

a#sc-forgot-password {

    margin: .25em auto 0 auto; 
    max-width: 10em;
    font-size: .75em;
}














/*--------------------------------------------------------------------------------------------------------
                                              Menu
--------------------------------------------------------------------------------------------------------*/

div#sc-menu-launcher-anonymous {

    z-index: 10006;
    position: fixed;
    top: calc((3.6em - 42px) / 2);
    right: 2.6em;

    display: table;

    width: 42px;
    margin: 0;
    
    text-align: center;
}

div#sc-menu-launcher-auth {

    z-index: 10006;
    position: fixed;
    top: calc((3.6em - 42px) / 2);
    left: .0em;

    display: none;

    width: 42px;
    margin: 0;
    
    text-align: center;
}

div#sc-menu-arrow{

    display:none;
}

svg#sc-back-arrow
{
    height: 2.3em;
    width:  2.3em;
    fill: #999;

    cursor: pointer;

    margin: 0 auto 0 0;

    transform: rotateZ(90deg) scaleX(1) scaleY(1) scaleZ(1);
}


div.sc-menu-trigger-lines {

    position: relative;

    min-width: 42px;
    width:     42px;
    height:    42px;

    display: inline-block;

    margin: 0 auto 0 auto; 

    cursor: pointer;

    text-align: center;
}



div.sc-menu-trigger-line {

    position: absolute;
    top: 50%;
    left: 50%;

    width: 21px;
    height: 2.5px;
    margin: 0;

    display: block;

   -webkit-border-radius:  4em;
    border-radius:         4em;

    background-color: #999;

    transform-origin: center;
    transition: transform .3s ease, background-color .2s ease;
}

div.sc-menu-trigger-line-1 {

    transform: translate(-50%, calc(-50% - 4px));
}

div.sc-menu-trigger-line-2 {

    transform: translate(-50%, calc(-50% + 4px));
}

div.sc-menu-trigger-line-1-on {

    background-color: #777;
    transform: translate(-50%, -50%) rotate(45deg);
}

div.sc-menu-trigger-line-2-on {

    background-color: #777;
    transform: translate(-50%, -50%) rotate(-45deg);
}


/*
div.sc-menu-trigger-line-hover {

    background-color: #333;
}

div.sc-menu-trigger-line-on-hover {

    background-color: #ddd;
}
*/






.sc-menu-au-right {

    margin: 0 auto 0 auto;
    min-width: 12em;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
}

.sc-menu-au-right div.sc-button-v2 {

    display: inline-table !important;
    margin: 0 .3em 0 .3em;
}


.sc-menu-top-title {

    font-size: 1.1em;
    font-weight: 500;
    /*
        letter-spacing: 0.06em;
    */

    text-align: center;
    
    color: #262626;
}


.sc-menu-top-title div {

    position: relative;
    display: inline;

    margin: 0 auto 0 auto;
}


div.sc-menu-top-title-hypername,
div.sc-menu-top-from {

    display: none;
}

div.sc-menu-top-from {

    color: #aaa;
    font-size: .6em;
    position: absolute;
    top: -.8em;
    left: 0;
}


div.sc-menu-logo-ph {

    width:  26px; 
    height: 24px; 

    max-width:  26px; 
    max-height: 24px; 

    text-align: center;
    margin: 0 auto 0 auto;
    padding: 0; 
}


div.sc-menu-logo-ph img
{
    width: 26px; 
    height: 24px; 

    max-width: 26px; 
    max-height: 24px; 

    display:inline-block;
    margin: 0 auto 0 auto;
}


div#sc-menu-panel-anonymous,
div#sc-menu-panel-auth {

    z-index: 10001; /*bigger than map and header*/

    display: none;
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    min-height: 100vh;
    height: 100vh;
    height: 100dvh;

    overflow-y: auto;
    overscroll-behavior: contain;

    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select:none; 
    user-select:none;
    -o-user-select:none; 

}

.sc-menu-panel-opaque {

    background-color: rgba(224, 224, 224, .76);

    -webkit-backdrop-filter: blur(32px) saturate(110%);
    backdrop-filter: blur(32px) saturate(110%);
}

.sc-menu-panel-transparent {

    background-color: rgba(224, 224, 224, .76);

    -webkit-backdrop-filter: blur(32px) saturate(110%);
    backdrop-filter: blur(32px) saturate(110%);
}

.sc-menu-panel-auth-hypername {

    font-size:1em;
    font-weight:500;
    color:#555;
}

.sc-menu-panel-auth-hypername:hover {

    color:#000;
}

.sc-user-img-aligner-mobi-panel {

    width: 90%;
    cursor: pointer;
    color: #bbb;
    margin: 0 auto 0 auto;
}

.sc-user-img-mobi-ph-panel {

    display: block;
    margin: 0 auto 0 auto;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(179, 179, 179, 0.16);
    width: 120px;
    height: 120px;

}

.sc-user-img-mobi-ph-panel img {
    margin: 0 0 0 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: none;
    max-width: 120px;
    max-height: 120px;
}

div#sc-dropdown-menu-auth-ph {

    background-color: #3f3f3f;
    
    /*
        rgba(0, 0, 0, 0.93)
        rgba(50, 50, 50, 1)
        rgba(233, 233, 233, 0.9);
    */

    border-radius: 1em;

    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select:none; 
    user-select:none;
    -o-user-select:none; 

    position: absolute;
    top: 4.1em;
    left: 0;

    width:  10em;
    padding: 0.5em 0.5em 0.5em 0.5em;
}


div#sc-dropdown-menu-auth-ph:before {

    border: solid transparent;
    border-color: transparent;
    border-width: 0.6em;
    border-bottom-color: #3f3f3f;
    transform: translate(-50%,-97%);    
    
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    left: 2.1em;
    top: 0;
    width: 0;

    box-sizing: inherit;
}


div.sc-dropdown-menu-auth-item {

    cursor: pointer; 
    width: 100%;
    text-align: left;
    font-size: 0.86em;
    line-height: 2.8em; 
    
    font-weight: 400; 
    font-style: normal;
     
    text-emphasis: none;
    text-decoration: none; 
    
    color: #ccc;

    margin: 0 auto 0 1em;
    padding: 0;

    letter-spacing: 0.07em;
    
    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select:none; 
    user-select:none;
    -o-user-select:none; 
}


div.sc-dropdown-menu-auth-item:hover {

    color: #fff;
}


div#sc-font-monitor {

    color: transparent;
    background-color: transparent;

    text-align: center;
}

div#sc-font-monitor-arial {

    font-size: 14px;
    line-height: 14px; 
    
    font-family: "Arial Black" !important;
    font-weight: 500 !important;

    letter-spacing: 0;
    display: inline-block;
    margin: 0 auto 0 auto;
}

div#sc-font-monitor-roboto {

    font-size: 14px;
    line-height: 14px; 
    
    font-family: "Roboto", "Arial Black" !important;
    font-weight: 500 !important;

    letter-spacing: 0;
    display: inline-block;
    margin: 0 auto 0 auto;
}






/*---logged in user pics---*/
div.sc-user-img-aligner
{
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
}


div.sc-user-img-aligner-mobi
{
    width: 5em;
    
    cursor: pointer;

    color: #bbb;

    margin: 0 auto 0 auto; 
}


div.sc-user-img-aligner-mobi:hover {

    color: #fff;
}


div.sc-user-hypername-ph
{
    font-size: .8em;
    font-weight: 500;
    letter-spacing: 0.03em;

    display: inline-block; 
    vertical-align: middle; 
    margin: 0 auto 0 0.3em;
}


div.sc-user-img-ph
{
    display: inline-block; 
    vertical-align: middle;

    cursor: pointer;

    margin: 0 auto 0 auto; 

    -webkit-border-radius: 50%;
    border-radius: 50%;

    width:      2.8em; 
    height:     2.8em; 
    max-width:  2.8em; 
    max-height: 2.8em; 
}


div.sc-user-img-ph img
{

    margin: 0 0 0 0;

    -webkit-border-radius: 50%;
    border-radius: 50%;

    display:none;

    width:          2.8em; 
    height:         2.8em; 
    max-width:      2.8em; 
    max-height:     2.8em; 
}


img.sc-user-img
{

    display:none;
}


div.sc-user-img-mobi-ph
{
    display: block; 

    margin: 0 auto 0 auto; 

    -webkit-border-radius: 50%;
    border-radius: 50%;

    background-color: rgba(179, 179, 179, 0.16);

    width:  3.79em; 
    height: 3.79em; 
}


div.sc-user-img-mobi-ph img
{

    margin: 0 0 0 0;

    -webkit-border-radius: 50%;
    border-radius: 50%;

    display:none;

    max-width:  3.79em; 
    max-height: 3.79em; 
}
/*-------------------------*/



/*---logo @ mobi menu pic--*/
div.sc-menu-panel-logo-ph
{
    width: 100%; 
    text-align: center;

    cursor: pointer;
}

div.sc-menu-panel-logo-img-ph
{
    width: 100%;
    text-align: center;
}

.sc-menu-panel-logo-img-ph img {
    
    height: 1.6em;
}
/*-------------------------*/





div.sc-testing-menu-look {

    /*
    background-color: #f0f0f0;
    border: 0.07em solid rgb(195, 196, 204);
    border: 0.06em solid rgb(200, 201, 209);
    */

    background-color: transparent;
    

    -webkit-border-top-right-radius:    0em;
    border-top-right-radius:            0em;
                                         
    -webkit-border-top-left-radius:     0em;
    border-top-left-radius:             0em;


    -webkit-border-bottom-right-radius: 10em 100%;
    border-bottom-right-radius:         10em 100%;
    -webkit-border-bottom-left-radius:  10em 100%;
    border-bottom-left-radius:          10em 100%;

    /*
    -webkit-border-bottom-right-radius: 3.8em;
    border-bottom-right-radius:         3.8em;
    -webkit-border-bottom-left-radius:  3.8em;
    border-bottom-left-radius:          3.8em;

    border-top-width: 0;
    background-color: #f8f8fa;    

    -webkit-border-radius: 1em;
    border-radius: 1em;
    width: 749px;

    width:     44em;
    max-width: 44em;
    min-width: 44em;
    height: 2.96em; 
    */



    text-align: center;

    margin: 0 auto 0 auto;
}


table.sc-menu-center-inner-ph {

    width: 68% !important; 
    margin: 0 auto 0 auto;
}

td.sc-menu-center-inner-ph-side {

    width: 36%;
    min-width: 36%;
}

td.sc-menu-center-inner-ph-center {

    width: 18%;
    min-width: 18%;
}


td.sc-menu-center-au {

    vertical-align: middle;    

    width:      80%;
    margin-right: auto; 
    margin-left: auto;
    overflow:hidden;

    text-align: center;

    padding: 0; 
}


td.sc-menu-left-au {

    position: relative;
    vertical-align: middle;

    width:      10%;
    min-width: 12em;
    
    text-align: left;
    padding: 0 0 0 2em;
}

td.sc-menu-right-au {

    vertical-align: middle;
    position: relative;

    min-width: 12em;
    width:      10%;

    text-align: right;
    padding: 0 3em 0 0;
}


td.sc-menu-center {

    vertical-align: middle;    

    width:      40%;
    margin-right: auto; 
    margin-left: auto;
    overflow:hidden;

    text-align: center;

    padding: 0; 
}


td.sc-menu-left {

    position: relative;
    vertical-align: middle;

    width:      30%;

    text-align: center;
}

td.sc-menu-right {

    vertical-align: middle;
    position: relative;

    width:      30%;

    text-align: center;
}


td.sc-menu-top-mobi-side {

    width: 10%;
    max-width: 2.3em;
    min-width: 2.3em;

    margin: 0;
    overflow:hidden;

    vertical-align: middle;  

    padding: 0; 
}

td.sc-menu-top-mobi-side-badge {

    text-align: right;
}

div.sc-menu-top-mobi-badge-ph {

    margin: 0 .5em 0 auto;
    width: 1.7em;
}


td.sc-menu-top-mobi-center {

    vertical-align: middle;    

    width: 80%;
    min-width: 80%;
    
    margin:0;
    
    overflow:hidden;

    text-align: center;

    padding: 0; 
}


table.sc-menu-top-setup-ph {

    width: 100%;
    min-width: 250px;

    background-color: transparent;
    white-space: nowrap;

    text-align: center;

    margin: -1px auto 0 auto; 

    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select:none; 
    user-select:none;
    -o-user-select:none; 
}



/*--------desktop menu styles-----------*/
.sc-menu-item-ph {

    position: relative;
    display: inline-table;
    vertical-align: middle;
    margin: 0 10px;
    white-space:nowrap;

    vertical-align: middle;

}


.sc-menu-item-back-ph {

    position: relative;
    display: inline-table;
    vertical-align: middle;
    white-space:nowrap;

    width: 96%;

    text-align: left;
}


svg#sc-menu-back-activity
{
    display: none;
}


svg.sc-menu-item-back
{
    height: 2.3em;
    width:  2.3em;
    fill: #999;

    cursor: pointer;

    margin: 0 auto 0 0;

    transform: rotateZ(90deg) scaleX(1) scaleY(1) scaleZ(1);
}


.sc-menu-item-top-uname {

    padding: 0 0.6em 0 0.6em;
    margin: 0 auto 0 auto;
}


.sc-menu-item {
    
    cursor: pointer; 
    text-emphasis: none;
    text-decoration: none; 
    outline: none;
    
    margin: 0;
    display: table-cell; 
    vertical-align: middle;

    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select:none; 
    user-select:none;
    -o-user-select:none; 
}

a.sc-menu-item-color-1,
a.sc-menu-item-color-1:visited {
    
    /*
        color: #5f5f5f;
        color: #434343;
    */
    color: #777;
}


a.sc-menu-item-color-1:active {
    /*
	-webkit-box-shadow: 0 0 0 1px #707070;
	-moz-box-shadow: 0 0 0 1px #707070;
	box-shadow: 0 0 0 1px #707070;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
    outline: none;
    text-emphasis: none;
    text-decoration:none; 
    */
    color: #262626;

}
    
a.sc-menu-item-color-1:focus {

    color: #777;
}
    
a.sc-menu-item-color-1:hover {

    color: #262626;
}


a.sc-menu-item-color-2,
a.sc-menu-item-color-2:visited {

    color: #2F6EF7;
}

a.sc-menu-item-color-2:focus,
a.sc-menu-item-color-2:active {
    /*
	-webkit-box-shadow: 0 0 0 1px #707070;
	-moz-box-shadow: 0 0 0 1px #707070;
	box-shadow: 0 0 0 1px #707070;

    */
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
    outline: none;
    text-emphasis: none;
    text-decoration:none; 

    color: #707070;
}
    
a.sc-menu-item-color-2:hover {

    color: #d1d2d3;
}


div.sc-menu-item-ph .sc-menu-item-selected { 

    pointer-events: none;
    cursor: default; 
}

div.sc-menu-item-ph a.sc-menu-item-selected { 

    color: #262626;
}

div.sc-menu-item-ph a.sc-menu-item-selected:focus,
div.sc-menu-item-ph a.sc-menu-item-selected:hover,
div.sc-menu-item-ph a.sc-menu-item-selected:active,
div.sc-menu-item-ph a.sc-menu-item-selected:visited {

    color: #262626;
}
/*--------------------------------------*/



/*----------mobi menu styles------------*/
div.sc-menu-panel-main-ph {

    background-color: transparent;
    margin: 1.35em auto 0 auto;
    width: min(18rem, calc(100vw - 1.8rem));

    text-align: center;

    display: block;
}

div.sc-menu-panel-buttons-ph {

    margin: 2.6em auto 0 auto;
    width: min(18rem, calc(100vw - 1.8rem));
    text-align: center;
}


div.sc-menu-item-mobi-meet-ph {

    position: relative;
     
    width: 100%;
    text-align: center;

    margin: 0 auto 1.3em auto;

    cursor: pointer; 

    color: #555;

    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select:none; 
    user-select:none;
    -o-user-select:none; 
}

div.sc-menu-item-mobi-meet-ph:hover {

    color: #000;
}

div.sc-menu-item-mobi-meet-label {

    width: 100%;

    white-space:nowrap;

    font-size: .8em;
    
    font-weight: 500; 
     
    margin: .4em auto 0 auto;
    letter-spacing: 0.08em;
}


div.sc-menu-item-mobi-ph {

    position: relative;
     
    height: 3.45rem;
    width: min(18rem, calc(100vw - 1.8rem));
    text-align: center;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer; 

    color: #1d1d1d;
    background: #f9f9f9;
    border-radius: 8em;
    margin: 0 auto .55rem auto;
    padding: 0 1rem;
    box-sizing: border-box;
    touch-action: manipulation;

    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select:none; 
    user-select:none;
    -o-user-select:none; 
}

div.sc-menu-item-mobi-ph:hover {

    color: #1d1d1d;
    background: #fff;
}
    
div.sc-menu-item-mobi {

    width: auto;

    display: block;

    white-space:nowrap;

    font-size: .98rem;
    
    font-weight: 500; 
     
    line-height: 1.15;
    letter-spacing: .09em;
}


/*
    DO NOT REMOVE

    div.sc-menu-mobi-au-ph .sc-menu-item-selected,
    div.sc-menu-mobi-auth-ph .sc-menu-item-selected { 

    pointer-events: none;
    cursor: default; 
    color: #ffffff;
}
*/

/*--------------------------------------*/


a.sc-menu-item-top {
    
    margin: 0 auto 0 auto;
    font-size: 0.9em;
    line-height: 3.3em; 
    
    font-weight: 500;

    letter-spacing: 0.03em;
}


.sc-menu-item-top-skycount {
    
    text-align: left;
    padding: 0 1em 0 1em;
    font-size: 1.4em;
    line-height: 2em; 
    
    font-weight: 400;

    letter-spacing: 0.06em;

    color: #2F6EF7;
}

.sc-menu-item-top-skycount img {
    
    height: .8em;
    margin-top: .36em;
}

.sc-menu-hypername-logo-button {

    width: 44px;
    height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;

    color: #027fff;
    border: 2px solid #027fff;
    border-radius: 50%;
    box-sizing: border-box;
    padding-left: 3.5px;

    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select:none;
    user-select:none;
    -o-user-select:none;
}

.sc-menu-hypername-logo-button::before {

    content: "";

    width: 22px;
    height: 22px;

    display: block;

    background-image: url('/Content/img/hypername-menu-logo.svg?v=landing-proportions-1');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 22px 22px;
}

.sc-menu-hypername-logo-button:hover {

    opacity: .78;
}


a.sc-menu-item-top-call {

    margin: 0 auto 0 auto; 
    font-size: 0.9em;
    line-height: 2.8em;
    border-left: 0.1em solid #eee; 
    
    font-weight: 500;

    letter-spacing: 0.03em;
}


a.sc-menu-item-top-call i {

    vertical-align: middle; 
    margin: 0 0.3em 0 1em;
    font-size: 1.7em;
}


a.sc-menu-item-top-activity {

    margin: 0 auto 0 auto; 
    font-size: 0.8em;
    line-height: 2.8em;
    
    font-weight: 500;

    letter-spacing: 0.03em;
}


a.sc-menu-item-top-activity i {

    vertical-align: middle; 
    margin: 0 0.2em 0 0.6em;
}


a.sc-menu-item-bottom {
    
    margin: 0 auto 0 auto;
    font-size: 0.8em;
    line-height: 3.3em; 
    padding: 0 2.3em 0 2.3em; 
    
    text-transform: lowercase;

    font-weight: 400;

    letter-spacing: 0.06em;
}


a.sc-menu-item-top-side {

    font-weight: 500;
    font-style: normal;
    padding: 0 1.8em 0 .9em; 

    /*
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    */
}

a.sc-menu-item-top-mobi-side {
    
    font-weight: normal;
    font-style: normal;
    margin: 0 auto 0 auto; 
    
    /*
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    */
}


.sc-menu-top-page-title-small {

    font-size: 120%;
    font-weight: 500;
    
    letter-spacing: 0.03pt;
    font-style: normal;

}



/*
div#iD {
    
    background: linear-gradient(to right,      rgba(217,217,217,1) 5%,     rgba(217,217,217,0) 30%, rgba(217,217,217,0) 70%, rgba(217,217,217,1) 95%);
}
*/


div.sc-menu-side-badge-ph {

    position: absolute;

    top: .9em;
    left: 76%;
}

div.sc-menu-item-mobi-ph div.sc-menu-side-badge-ph {

    position: absolute;
    top: 50%;
    left: calc(50% + 3.35rem);

    margin: 0;
    transform: translateY(-50%);
}


div.sc-menu-top-badge-ph {

    position: absolute;
    
    top: 0;
    right: 0;
}


div.sc-menu-badge {

    display: none;

    margin: 0 auto 0 auto;

    cursor: pointer;

    color: #ffffff; 

    background-color: #2F6EF7;

    /*
    position: absolute;
    
    top: 0;
    left: 0;

    background: -webkit-linear-gradient(top,rgba(47,110,247,0.6),       rgba(47,110,247,1)); 
    background: -o-linear-gradient(bottom,  rgba(47,110,247,0.6),       rgba(47,110,247,1)); 
    background: -moz-linear-gradient(bottom,rgba(47,110,247,0.6),       rgba(47,110,247,1)); 
    background: linear-gradient(to bottom,  rgba(47,110,247,0.6),       rgba(47,110,247,1)); 
    */

    -webkit-border-radius:  8em;
    border-radius:          8em;

    height:     1.6em;
    min-width:  1.6em;
    max-width:  1.6em;
}

div.sc-menu-item-mobi-ph div.sc-menu-badge {

    height: 2rem;
    min-width: 2rem;
    max-width: none;
    margin: 0 0 0 .65rem;
    padding: 0 .58rem;
    box-sizing: border-box;
}


div.sc-menu-badge div {

    width: 100%;
    display: table-cell;
    vertical-align: middle;
        
    margin: 0 auto 0 auto;
    text-align: center;

    font-size: .6em;
    font-weight: 500;

}

div.sc-menu-item-mobi-ph div.sc-menu-badge div {

    font-size: .78rem;
    line-height: 2rem;
}


#sc-top-label-au-id-hn {

    display: none;
}


table.sc-menu-top-ph {

    table-layout: fixed;
    border-collapse: collapse;
}


table.sc-menu-top-ph-mobi-auth {

    background-color: rgba(255, 255, 255, .82);
}


@media (max-width: 888px) {

    table.sc-menu-top-ph,
    table.sc-menu-bottom-ph {

        display: none;
    }

    div#sc-menu-launcher-auth {

        display:table;
    }

    table.sc-menu-top-ph-mobi {

        z-index: 10005;

        -webkit-backdrop-filter: blur(18px);
        backdrop-filter: blur(18px);
    
        background-color: rgba(255, 255, 255, .82);

        height:     3.6em; 
        min-height: 3.6em;

        width: 100%;
        min-width: 15.6em;

        white-space: nowrap;

        text-align: center;

        margin: 0 auto 0 auto;
        padding: .3em 0 .3em 0; 

        -moz-user-select: none; 
        -webkit-user-select: none; 
        -ms-user-select:none; 
        user-select:none;
        -o-user-select:none; 
    }
}



@media (min-width: 888px) {

    table.sc-menu-top-ph {

        height: 3.5rem;
        min-height: 3.5rem;
        padding: 0;
        width: 100%;
    
        /*
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);

        -webkit-border-bottom-right-radius: 0.4em;
        border-bottom-right-radius: 0.4em;

        -webkit-border-bottom-left-radius: 0.4em;
        border-bottom-left-radius: 0.4em;

        margin: 0.04em auto 0 auto; 
        background-color: transparent;
        */
         
        
        /*
        border-bottom: 0.07em solid #eee;
        */


        white-space: nowrap;

        text-align: center;

        -moz-user-select: none; 
        -webkit-user-select: none; 
        -ms-user-select:none; 
        user-select:none;
        -o-user-select:none; 

    }


    table.sc-menu-top-ph tr {

        height: 3.5rem;
    }


    table.sc-menu-top-ph td {

        vertical-align: middle;
    }


    table.sc-menu-top-ph div.sc-activity-button-frame-menu {

        width: 44px;
        height: 44px;

        display: flex;
        align-items: center;
        justify-content: center;

        margin: 0 auto;
    }


    table.sc-menu-top-ph svg.sc-activity-icon {

        width: 30px;
        height: 30px;

        margin: 0;
    }



    table.sc-menu-top-ph-auth {

        background-color: rgba(255, 255, 255, .82);
        border-bottom: 0.07em solid #eee;

        -webkit-backdrop-filter: blur(18px);
        backdrop-filter: blur(18px);
    }


    table.sc-menu-bottom-ph {

        width: 100%;

    
        background-color: transparent;/*#efefef;*/
        /*
        border-top: 0.07em solid #eee;

        */


        white-space: nowrap;

        text-align: center;

        height: 4em;

        -moz-user-select: none; 
        -webkit-user-select: none; 
        -ms-user-select:none; 
        user-select:none;
        -o-user-select:none; 
    }


    table.sc-menu-top-ph-mobi {

        display: none;
    }

    
    div#sc-menu-panel-auth {

        display: none;
    }
}


@media (max-width: 999px) {

    td.sc-menu-top-side {

        display: none;
    
    }

    .sc-menu-item-top-anonymous {
    
        padding: 0 1.1em 0 1.1em; 
    }

    a.sc-menu-item-top-auth {
    
        padding: 0 1.6em 0 1.6em; 
    }
}

@media (min-width: 1000px) {

    td.sc-menu-top-side {

        vertical-align: middle;
        position: relative;

        width: 30%;
        min-width: 8em;
        text-align: center;

        padding: 0; 
    }

    .sc-menu-item-top-anonymous {
    
        padding: 0 1.2em 0 1.2em; 
    }

    a.sc-menu-item-top-auth {
    
        padding: 0 2.3em 0 2.3em; 
    }
}