.UName {font:16px arial; font-weight:bold}
.FormName {font:14px arial; font-weight:bold}
.FormNameGreen {font:14px arial; font-weight:bold; color:#99cc33}
.BoldGrayLiteral {font:14px arial; font-weight:bold; color:#999999}
.SectionHead {font:14px arial; font-weight:bold}
.FieldLabel {font:12px arial; font-weight:bold}
.PlainText {font:12px arial;}
.IText {font:12px arial; font-style:italic}
.ConfirmationTextGreen {font:14px arial; font-weight:bold; color:#99cc33}
.HeaderSilverBackBlackText {font:14px arial; font-weight:bold; color:#000000; background-color:Silver;}
.HeaderGrayBackBlackText {font:14px arial; font-weight:bold; color:#000000; background-color:Gray;}
.HeaderBlackBackWhiteText {font:14px arial; font-weight:bold; color:#ffffff; background-color:Black;}
.PaymentTotalLabel {border-style:groove;border-width:2px; border-color:green; height:18px;width:100px;margin-top:4px;margin-left:2px;}
.PaymentTotalButton {width:100px; font-size:.7em; }
.DeleteFileButton {width:95px; font-size:.9em; margin-left: 4px; }
.UploadFileButton {width:95px; font-size:.9em; margin-left: 4px; }
.sigtable { width:785px; }
.siglabel { font-family:Arial;font-size:13px; }
.sigline { font-family:Arial; font-size:11px; }
.sigtextbox { font-family:Arial; font-size:11px; width:560px; background-color:white !important;color:black !important; }


/* Image Alignment */
.ImageRight
{
	text-align:right;	
}
.ImageLeft
{
	text-align:left;	
}
.ImageCenter
{
	text-align:center;	
}

/* Form Designer Styles */
.pageItem {
    font-family: Arial;
    font-size: 12px;
    min-height: 20px;
    /*padding: 2px 2px;*/
    /*margin: 2px 2px;*/
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid transparent; 
    /*width:100%;
    height:100%;*/
}
.pageItem:hover {
    border: 1px dashed #ccc !important; 
    /*background-color:aliceblue;*/
    /*background: linear-gradient(#fff, aliceblue,#fff);*/
}

.selectedPageItem {
    border: 1px dashed #ccc !important;  
    /*background: linear-gradient(aliceblue, #fff ,aliceblue);*/
    background-color:#f8f8f8;
    cursor: move;
}

.selectedPageItem:hover {
    /*border: 1px solid transparent;*/ 
    /*background: linear-gradient(aliceblue, #fff ,aliceblue);*/
    /*background-color:aliceblue;*/
    cursor: move;
}

#previewForm {
    width: 100%; 
    border: 1px solid #ccc; 
    padding: 10px;
}
.dropzone {
    /* border: dashed 4px transparent;
    border-radius: 4px;*/
    padding: 4px;
    width: 100%;
    transition: background-color 0.3s;
}

.drop-active {
    border-color: #aaa;
}

.drop-target {
    border-color: #C0C0C0;
    border-style: dashed;
    background-color: #eee;
    height: 60px;
}

.drag-drop {
    display: inline-block;
    min-width: 40px;
    padding: 2em 0.5em;

    color: #fff;
    background-color: #29e;
    border: solid 2px #fff;

    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);

    transition: background-color 0.3s;
}

.drag-drop.can-drop {
    color: #000;
    background-color: #4e4;
}

.ng-valid[required], .ng-valid.required {
    border-left: 5px solid #42A948; /* green */
}

.ng-invalid:not(form) {
    border-left: 5px solid #a94442; /* red */
}

@-webkit-keyframes pulse {
    0% {  }
    70% { box-shadow: 0 0 0 20px #5a99d4; }
    100% { box-shadow: 0 0 0 0 #5a99d4; }
}

.btn-pulse {
    -webkit-animation: pulse 1.5s infinite;
}

.section0 {
    background-color: #ffffcc !important;
}
.section1 {
    background-color: #ccffcc !important;
}
.section2 {
    background-color: #ccccff !important;
}
.section3 {
    background-color: #ccffff !important;
}
.section4 {
    background-color: #dddddd !important;
}
.section5 {
    background-color: #cccccc !important;
}
.section6 {
    background-color: #ffffaa !important;
}
.section7 {
    background-color: #aaffaa !important;
}
.section8 {
    background-color: #aaaaff !important;
}

/** Modal styles **/
.modal .modal-body-big {
    overflow-x: hidden;
}

@media (min-width: 768px) {
    .modal-dialog-big {
        width: 768px;
    }
}

@media (min-width: 979px) {
    .modal-dialog-big {
        width: 979px;
    }
}