/* styles for html elements */
html, body 
{
	font-family: Arial;
	font-size:9pt;
	margin:0;
	height:100%;
    padding: 0;
    border: none;
}


td 
{
	font-family:Arial;
	font-size:9pt;

}

input
{
	font-family:Arial;
	font-size:9pt;
}

.textbox
{
	padding:3px;
}

a {
	text-decoration: none;
	color: #1E3695;
}

a:hover {
  text-decoration: none;
  color: red;
}

/* custom styles */
.rowToolbar
{
	background-color: whitesmoke;
}

.cellToolbar
{
	border-bottom:solid 1px silver;
	vertical-align:middle;
	padding: 1px 1px 1px 1px;

}

.divMainHeader
{
	/* background-color:White; */
	
	padding: 5px;
	border-bottom:solid 1px silver;
	vertical-align: middle;
}


.divToolbar
{
	background-color: whitesmoke;
	border-bottom:solid 1px silver;
	vertical-align:middle;
	padding: 1px 1px 1px 1px;
	height:24px;
}

.divPageTitle
{
	font-weight:bold; 
	color: #333333; 
	height:18px; 
	padding: 5px 10px 0px 7px; 
	border-bottom: solid 1px silver; 
	background-color:#DEECF5;
}

.divPopupContent
{
	/* background-color:#DEECF5; */
	padding: 5px 5px 5px 15px;
}

.cellSearchFooter
{
	font-size:7pt;
}


/* for the solution search results window */
.ratingBox { border: solid 1px #009933; width: 100px; margin: 5px 0; }
.rating { background-color: #AEFFAE; margin: 0; color: #009933; font-size: 9px; }

.cellSubscriptionsTableHeader
{
	background-color:#DCDCDC;
	border: Solid 1px #9F9F9F;
	white-space: nowrap;
}


.cellSubscriptionsTableText
{
	border: Solid 1px #9F9F9F;
}

.cellSubscriptionsTableCheckbox
{
	border: Solid 1px #9F9F9F;
	white-space: nowrap;
	text-align:center;
}

.cellSubscriptionsTableDate
{
	text-align:center;
	border: Solid 1px #9F9F9F;
	white-space: nowrap;
}

.cellSubscriptionsTableInteger
{
	text-align:center;
	border: Solid 1px #9F9F9F;
	white-space: nowrap;
}

/* This code is addded to deal with disabled items in the main menu nav bar not being aligned properly to other items.  It overrides DevEx styles. */
.dxnb-item.dxnbLiteDisabled_Default1  
{
    padding-left:10px !Important;
}

.app-wprogress-wrapper {
    text-align: left;
    height: 80px;
    margin: 0 auto;
    width: 100%;
    border: 2px solid rgba(0, 0, 0, 0.7);
    border-spacing: 1px;
}

    .app-wprogress-wrapper .app-wprogress-step {
        box-sizing: border-box;
        background-color: #c7c7c7;
        margin-left: -4px;
        padding: 15px 20px 15px 35px;
        position: relative;
        max-height: 79px;
        border-top: 1px solid rgba(0, 0, 0, 0.7);
        border-bottom: 1px solid rgba(0, 0, 0, 0.7);
        min-height: 79px;
        vertical-align: middle;
        height: 79px;
        /*&.wprogress-complete, .wprogress-error, .wprogress-skipped, wprogress-current {
            span {
                color: white !important;
            }
        }*/
    }

        .app-wprogress-wrapper .app-wprogress-step.wprogress-first {
            background-image: none;
            padding: 15px 20px 15px 20px;
            margin: 0;
            border-left: 1px solid rgba(0, 0, 0, 0.7);
        }

        .app-wprogress-wrapper .app-wprogress-step.wprogress-current {
            background-color: #4482dc;
        }

            .app-wprogress-wrapper .app-wprogress-step.wprogress-current span {
                color: white !important;
            }

            .app-wprogress-wrapper .app-wprogress-step.wprogress-current:before {
                border-color: transparent transparent transparent #4482dc;
            }

        .app-wprogress-wrapper .app-wprogress-step.wprogress-complete {
            background-color: #2E8B57;
        }

            .app-wprogress-wrapper .app-wprogress-step.wprogress-complete span {
                color: white !important;
            }

            .app-wprogress-wrapper .app-wprogress-step.wprogress-complete:before {
                border-color: transparent transparent transparent #2E8B57;
            }

        .app-wprogress-wrapper .app-wprogress-step.wprogress-skipped {
            background-color: #5aa068;
        }

            .app-wprogress-wrapper .app-wprogress-step.wprogress-skipped span {
                color: white !important;
            }

            .app-wprogress-wrapper .app-wprogress-step.wprogress-skipped:before {
                border-color: transparent transparent transparent #5aa068;
            }

        .app-wprogress-wrapper .app-wprogress-step.wprogress-error {
            background-color: #e68400;
        }

            .app-wprogress-wrapper .app-wprogress-step.wprogress-error span {
                color: white !important;
            }

            .app-wprogress-wrapper .app-wprogress-step.wprogress-error:before {
                border-color: transparent transparent transparent #e68400;
            }

        .app-wprogress-wrapper .app-wprogress-step.wprogress-last {
            border-right: 1px solid rgba(0, 0, 0, 0.7);
        }

            .app-wprogress-wrapper .app-wprogress-step.wprogress-last:before {
                display: none;
            }

            .app-wprogress-wrapper .app-wprogress-step.wprogress-last:after {
                display: none;
            }

        .app-wprogress-wrapper .app-wprogress-step:before {
            content: " ";
            display: block;
            position: absolute;
            right: -24px;
            top: 0px;
            height: 0;
            z-index: 5;
            border-left: solid 24px;
            border-top: solid 39.5px;
            border-bottom: solid 39.5px;
            width: 0;
            border-color: transparent transparent transparent #c7c7c7;
        }

        .app-wprogress-wrapper .app-wprogress-step:after {
            content: " ";
            display: block;
            position: absolute;
            right: -25px;
            top: 0px;
            height: 0;
            z-index: 4;
            border-left: solid 24px;
            border-top: solid 39.5px;
            border-bottom: solid 39.5px;
            width: 0;
            border-color: transparent transparent transparent rgba(0, 0, 0, 0.7);
        }

        .app-wprogress-wrapper .app-wprogress-step span {
            color: #222;
            font-size: 12px;
            font-weight: 400;
            max-height: 45px;
            overflow: hidden;
            display: inline-block;
        }
/*.complete,
.error,
.skipped {
    span {
        color: white !important;
    }
}*/
.wprogress-step-description {
    background-color: #c7c7c7;
    text-align: left;
    height: auto;
    margin: 0 auto;
    border: 2px solid rgba(0, 0, 0, 0.7);
    border-top: none;
    padding: 10px 20px;
    box-sizing: border-box;
    width: 100%;
}

    .wprogress-step-description.wprogress-desc-error {
        background-color: #e68400;
    }

        .wprogress-step-description.wprogress-desc-error span {
            color: white;
        }

    .wprogress-step-description.wprogress-desc-current {
        background-color: #4482dc;
    }

        .wprogress-step-description.wprogress-desc-current span {
            color: white;
        }

    .wprogress-step-description.wprogress-desc-complete {
        background-color: #2E8B57;
    }

        .wprogress-step-description.wprogress-desc-complete span {
            color: white;
        }

    .wprogress-step-description span {
        color: #222;
        font-size: 12px;
        font-weight: 400;
    }