#scrr-question,
#scrr-question .scrr-success,
#scrr-question .scrr-fail,
#scrr-question .scrr-share-screen,
#scrr-question .scrr-nvr-again-screen  {
    display : none;
}

#scrr-question p,
#scrr-question h1 {
    margin : 0 !important;
}

#scrr-question .scrr-thin-text {
    font-family: sans-serif;
    font-weight: 100;
    text-transform: none;
}

#scrr-question .scrr-thin-text.lg {
    font-size: 22px;
    line-height: 1.5em;
}

#scrr-question .scrr-thin-text.md {
    font-size: 18px;
    line-height: 1.25em;
}
#scrr-question .scrr-thin-text.sm {
    font-size: 12px;
    line-height: 1em;
}

#scrr-question .scrr-u-txt-left {
    text-align: left;
}

#scrr-question .scrr-u-hover {
    cursor : pointer;
}

#scrr-question {
    position: fixed;
    bottom : -200px;
    left : 50%;
    width : 100%;
    max-width: 500px;
    padding : 10px 20px 30px;
    box-sizing: border-box;
    background : #fff;
    box-shadow : 0px 5px 15px 3px rgba(0,0,0,0.2);
    transform : translate(-50%, 0);
}

#scrr-question h1 {
    display: inline-block;
    text-align: left;
    font-size : 20px;
    font-family: Garamond, Times, serif;
    font-weight: 800;
}

#scrr-question .scrr-close {
    display : inline-block;
    float : right;
}

#scrr-question .scrr-explain {
    width : 60%;
    min-width : 300px;
    margin : 20px auto;
}

#scrr-question table.scrr-explain {
    border : none;
    table-layout: auto;
}
#scrr-question .scrr-explain td {
    padding : 0;
    border : none;
}

#scrr-question .scrr-explain .scrr-heart {
    width : 36px;
}

#scrr-question .scrr-explain p {
    padding : 0 10px;
}

#scrr-question .scrr-decision .scrr-decision-left,
#scrr-question .scrr-decision .scrr-decision-right {
    display : inline-block;
    float : left;
    width : 49%;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 20px;
    text-align : center;
}

#scrr-question .scrr-decision-left .scrr-nvr-again {
    line-height: 40px;
}

#scrr-question .scrr-btn {
    display : inline-block;
    width : 75%;
    height : 40px;
    padding : 5px 10px;
    background-color : #2196F3;
    color : #fff;
    box-shadow : 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    line-height: 40px;
}

#scrr-question .scrr-screen-wipe {
    position : fixed;
    width : 0;
    height : 0;
    background : transparent;
    border-color : blue;
    border-radius : 100%;
}

#scrr-question .scrr-fb,
#scrr-question .scrr-share-screen .scrr-twtr {
    position : relative;
    width : 70%;
    min-width : 150px;
    height : 40px;
    margin : 0 auto;
    overflow : hidden;
    border-radius : 50px;
    color : #fff;
}

#scrr-question .scrr-fb {
    background-color : #3B5998;
}

.scrr-share-screen .scrr-twtr {
    background-color : #55acee;
}

#scrr-question .scrr-fb .scrr-fb--icon,
.scrr-share-screen .scrr-twtr .scrr-twtr--icon {
    display : inline-block;
    position : absolute;
    top : 50%;
    left : 0;
    width : 25%;
    transform : translateY(-50%);
    padding : 5px 5px 5px 10px;
    text-align: center;
}

#scrr-question .scrr-fb .scrr-fb--icon {
    border-right : 1px solid #2f4779;
}

#scrr-question .scrr-fb .scrr-fb--icon img {
    height : 25px
}

#scrr-question.scrr-twtr .scrr-twtr--icon {
    border-right : 1px solid #4489be;
}

#scrr-question .scrr-fb .scrr-fb--txt,
#scrr-question .scrr-share-screen .scrr-twtr .scrr-twtr--txt {
    display : inline-block;
    position : absolute;;
    left : 20%;
    top : 0;
    width : 79%;
    text-align : center;
    line-height : 40px;
}

#scrr-question .scrr-success--txt,
#scrr-question .scrr-fail--txt,
#scrr-question .scrr-never--txt {
    margin : 20px auto;
    text-align: center;
}