﻿body {
    font-family: "Open Sans", sans-serif;
    background: #f6f9ff;
    color: #444444;
}

a {
    text-decoration: none;
}

a, a:hover,:active:active {
    color: black;
}


.background {
    background-color: Black;
    filter: alpha(opacity=90);
    opacity: 0.8;
}

.popup {
    padding-top: 10px;
    padding-left: 10px;
    width: 350px;
    padding: 10px;
}

@media (min-width: 0px) and (max-width: 425px) {
    .popup {
        width: 100%;
    }
}

.close, .close:hover, .close:active {
    margin-right: -92%;
    background: #000;
    color: #fff;
    border-radius: 50%;
    padding: 2px;
    z-index: 10;
    position: absolute;
    right: 95%;
    top: -6px;
}

    .close .bx {
        padding: 4px;
    }


select.form-control {
    -webkit-appearance: menulist;
}



/*This is the div within which the signature canvas is fitted*/
#PrincipleSignature {
    border: 1px solid black;
    background-color: #e2e2e2;
    margin-bottom: 10px;
}

/* Drawing the 'gripper' for touch-enabled devices */
html.touch #content {
    float: left;
    width: 92%;
}

html.touch #scrollgrabber {
    float: right;
    width: 4%;
    margin-right: 2%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAFCAAAAACh79lDAAAAAXNSR0IArs4c6QAAABJJREFUCB1jmMmQxjCT4T/DfwAPLgOXlrt3IwAAAABJRU5ErkJggg==)
}

html.borderradius #scrollgrabber {
    border-radius: 1em;
}

.Signature {
    display: none;
}

.accordion-button, .accordion-collapse .collapse .show, .accordion-button:not(.collapsed) {
    background: black;
    color: #ffcc66;
}

.accordion-item {
    background: black;
    color: white;
}


.accordion-button.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

ol {
    padding: 20px;
    list-style-type: decimal;
}

    ol li {
        margin: 0 10px;
        padding: 0 10px;
    }