/* Custom Format */
.swp-format-size-head1 > label{
    font-size: 2.5rem;
}

.swp-format-size-head2 > label{
    font-size: 2rem;
}

.swp-format-size-head3 > label{
    font-size: 1.75rem;
}

.swp-format-size-head4 > label{
    font-size: 1.5rem;
}

.swp-format-size-head5 > label{
    font-size: 1.25rem;
}

.swp-format-size-head6 > label{
    font-size: 1rem;
}


.swp-format-underline > label{
    text-decoration: underline;
}

.swp-format-italic > label{
    font-style: italic;
}

.swp-format-bold > label{
    font-weight: bold;
}




/* The image thumb nails on submission edit screen */
.swpFileUploadControlDelete{
    padding: 5px 10px;
    cursor: pointer;
}
.swpFileUploadControlDiv{
    display:inline-block;
    border: 1px solid #faa003;
    padding: 5px;
    margin: 5px;
}
.swpFileUploadControlImg {
    height: 50px;
    width: auto;
    border-left: 1px solid #cccccc;
    padding-left: 5px;
    margin-left: 5px;
}
.swpFileUploadControlImgPopup {
    height: auto;
    width: 90%;
    border-left: none;
    padding-left: 5px;
    margin-left: 5px;
}

.swpNoSignatureControlCanvas {
	display:none;
}


.swpSignatureControlCanvas {
    border: 2px dotted #CCCCCC;
    border-radius: 15px;
    cursor: crosshair;
    background: white;
    width:300px; /* fit most phones */
    height:150px;
}
.swpSignatureButtonContainer {

}



.showOnPortraitPhoneOnly { display:none; }
.showOnNonPortraitPhoneOnly { display:none; }
@media screen and (min-width: 0px) and (max-width: 650px) {

    /* Primarily for viewing Risk Matrix control in portrait mode on a phone as cannot fit all columns */
    .showOnPortraitPhoneOnly { display: inherit; }

    .matrixClickable > p {
        transform: rotate(-60deg); aadisplay: inline;
        font-size:0.9em;
        height:auto; /* for some reason height auto stops words cutting outside cells */
        DidNotHelpaaword-break: break-all;
        margin-top:2px;
        font-family: "Arial Narrow";
        font-weight:bold;
    }
    .row-col-desc > p {  transform: rotate(-90deg); aadisplay: inline;}
    .matrix-header-and-data-selection-cells i.swpTooltip { display: inline-block;  /* helps (i) show up centered */
        word-break: break-all; /* reduces number of lines required or neatens */ }
}
@media screen and (min-width: 651px) {
    /* Primarily for viewing Risk Matrix control in portrait mode on a phone as cannot fit all columns */
    .showOnNonPortraitPhoneOnly { display: inherit; }
}