/* CSS used on the main site, make sure there is no styling interference */
#sos-formspinner {
    display: block;
    margin: 10px auto;
}
#sos-formerror {
    width: 100% !important;
    padding: 15px !important;
    border: 3px solid #E74361 !important;
    white-space: normal;
}
.sos-elink-highlight, .sos-elink-highlight * {
    outline: 3px solid rgba(236,116,4, 0.25) !important;
}
.sos-elink {
    outline: none !important;
    margin-left: -1rem;
    margin-right: 1rem;
    margin-top: -1rem;
    z-index: 99999;
    grid-column: auto;
}
.sos-elink.sos-elink-inline {
    position: initial;
    margin: 0;
}
.sos-elink:before {
    content: "✎"; /*◉*/
    font-size: 20px !important;
    cursor: pointer;
    padding: 0!important;
    margin: 0!important;
    font-weight: normal !important;
    font-style: normal !important;
    line-height: 1rem !important;
    color: #EC7404 !important;
    z-index: 1;
}
.sos-elink-button {
    position: initial;
    border: 2px solid #EC7404 !important;
    padding: 0px 5px !important;
    margin: 0 !important;
    margin-right: 10px !important;
    border-radius: 3px !important;
    font-style: normal !important;
    font-weight: normal !important;
    color: #EC7404 !important;
    font-size: 16px !important;
    cursor: pointer!important;
    text-decoration: none !important;
    min-width:30px!important;
    text-align:center!important;
    display:inline-block!important;
    line-height:20px!important;
}
.sos-elink-button:hover { color: #ED3D05 !important; border-color: #ED3D05 !important; }
.sos-elink-button:before { content: "✎"; font-size:16px !important; line-height: 16px !important; }
.sos-elink-button.sos-elink-help:before { content: "\003F"; padding: 0 3px; }
.sos-elink-button.sos-elink-export:before { content: "\21B9"; }
.sos-elink-button.sos-elink-toggle:before { content: "\1F441";
    background: linear-gradient(to top left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) calc(50% - 1px), rgba(236,116,4,1) 50%, rgba(0,0,0,0) calc(50% + 1px), rgba(0,0,0,0) 100%);
}
.radio .sos-elink-md2radiobutton, .md2-checkbox .sos-elink-md2checkbox, .checkbox .sos-elink-md1checkbox {
    margin-left: -3rem;
    margin-right: 2rem;
}
.md2-toggle-token .sos-elink-md2radiobutton { margin-left:-1.5rem  }

.sos-epanel {
    background-color: #e4f1dd;
    display: block;
    padding: 10px 10px 0 10px;
    margin: 0px;
    border: 0;
    font-size: 18px !important;
    font-weight: normal;
    border-radius: 10px;
}
.sos-epanel-prod { background-color: #e6f5fc; } /* always blue for PROD and green for TEST/DEV */
.sos-epanel-section { padding-bottom: 10px; display: table; width: 100%; margin-bottom: 10px; }
.sos-epanel-section:not(:last-child) { border-bottom: 2px solid #76B856; }
.sos-epanel-prod .sos-epanel-section:not(:last-child) { border-bottom: 2px solid #009EE0; }
.sos-epanel-section-header {
    width: 80px;
    display: inline-block;
    font-weight: bold;
}

.sos-eview {
    border: 0 !important;
    vertical-align: middle !important;
    color: white !important;
    margin: 0 5px 5px 0 !important;
    padding: 0 10px !important;
    height: 44px !important;
    width: auto !important;
    border-radius: 0px !important;
    background-color: #009EE0 !important;
}

.sos-eview.sos-eview-active, .sos-eview:hover {
    -moz-box-shadow: inset 0px 0px 5px #333;
    -webkit-box-shadow: inset 0px 0px 5px #333;
    box-shadow: inset 0px 0px 5px #333;
}
.sos-eview.sos-eview-confirmation { background-color: #76B856 !important; }
.sos-eview.sos-eview-error { background-color: #E74361 !important; }