﻿#tapSignType{
    width: 100%;
    padding-top: 5px;
    margin-bottom: 10px;
}

#tapSignFont img{
    max-width: 500px;
    max-height: 40px;
    display:block;
    margin: 10px 0px 15px 10px;
}

#tapSignConsent label{
    margin: 30px 0px 5px 10px;
    font-size: 20px;
}

#tapSignType span{
    background-color:#a0acbf;
    width:50%;
    display:inline-block;
    text-align:center;
    padding:10px;
    cursor:pointer;
    border-top: 4px solid #6495ed;
    border-bottom: 4px solid #6495ed;
}

#tapSignType span.selected{
    background-color:white;
}

#tapSignType span:nth-child(1){
    border-radius: 10px 0px 0px 10px;
    border-left: 4px solid #6495ed;
    border-right: 4px solid #6495ed;
}

#tapSignType span:nth-child(2){
    border-radius: 0px 10px 10px 0px;
    border-right: 4px solid #6495ed;

}

#signClear{
    width: 50%;
    padding: 15px;
    margin: 5px;
    background-color:#6495ed;
    color:white;
    border: 2px solid white;
    border-radius: 10px;
    text-align:center;

    transform: translate(50%, 0);
    -webkit-transform: translate(50%, 0);
    -moz-transform: translate(50%, 0);
}

#tapToSignName, #tapToInitial{
    width: 100%;
    max-width: 250px;
    padding: 15px;
    margin: 5px;
    background-color:#6495ed;
    color:white;
    border: 2px solid white;
    border-radius: 10px;
    text-align:center;
}

#tapSigndisclaimer, #declineInstructions, #drawInstructions{
    font-size: 18px;
    padding:10px;
}

#declineInstructions, #drawInstructions{
    margin-bottom:20px;
}

#tapSignPopup{
    position:fixed;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 500;
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;

}

#tapSignPopup canvas{
    width: 100%;
}

#tapSignForm{

    background-color:white;
    border: 2px solid white;
    border-radius: 10px;
    position:fixed;
    width: 100%;
    max-width:1000px;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);

    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
}

#tapSignPopupDesc{
    padding: 10px;
    font-size: 20px;
}

.tapSignButton{
    display:inline-block;
    padding: 15px 30px;
    margin: 5px;
    background-color:#6495ed;
    color:white;
    border: 2px solid white;
    border-radius: 10px;
    text-align:center;

}

#tapSignDrawCancel{
    position:absolute;
    top:0px;
    right:0px;
    margin:0px;
    height:43px;
}

#tapSignDrawOK{
    float:right;
}

#tapToSignNameImage, #tapToSignInitialImage{
    display:block;
    /*width:50%;*/
    margin: 10px;
}