﻿.modalDialog {
		position: absolute;
		top: 10px !important;
		z-index: 10000;
	}

    .modalDialog .ui-dialog.ui-widget.ui-widget-content.ui-corner-all {
        top: 0px;
    }

.noTitleStuff .ui-dialog-titlebar {
    display:none;
}

.no-close .ui-dialog-titlebar-close, .modalDialog .ui-dialog-titlebar-close {
    display: none;
}

.no-close .ui-dialog-titlebar, .modalDialog .ui-dialog-titlebar {
    display: none;
}

.no-close{
    border-radius: 2em 2em 2em 2em !important;
    /*height: 8em !important;*/
    width: 18em;
    display: none;
    border: none !important;
}

#loader, #loader:focus {
    margin: 20px;
    padding: 0px;
    color: #333333;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    display: none;
    background: none;
    border: none;
}
/* this is to aboid a cyan border con the dialog whrn focus on chrome*/
div.ui-dialog:focus {
    outline: none;
} 

    #loader h3 {
        margin: 0px;
        padding: 0px;
        font-size: 14px;
        font-weight: bold;
    }

    #loader p {
        margin: 10px 0px;
        padding: 0px;
        background-repeat: no-repeat;
        background-position: left top;
    }

    #loader .error {
        padding: 0px 0px 0px 64px;
        background-image: url('../images/error-48.png');
        min-height: 48px;
    }

    #loader .info {
        padding: 0px 0px 0px 64px;
        background-image: url('../images/info-48.png');
        min-height: 48px;
    }

    #loader .checkOk {
        padding: 0px 0px 0px 64px;
        background-image: url('../images/checkOk-48.png');
        min-height: 48px;
    }

    #loader .loaderImg {
        line-height: 24px;
        margin: 1em 0em;
        padding: 0px;
        text-align: center;        
    }

    #loader .loaderImg img{
        line-height: 24px;
        margin: 0px;
        padding: 0px;
        vertical-align: middle;
    }

    #loader .loaderImg span{
        line-height: 24px;
        margin: 0em 0em 0em 0.5em;
        padding: 0px;
        font-size: 1em;
        font-weight: normal;
    }

    #loader #btnCloseDialog {
        display: none;
        float: right;
        margin: 0 20px 0 0;
        padding: 3px 5px;
        color: #0046c3;
    }

input[readonly="readonly"], select[readonly="readonly"]
{
    border: 1px solid transparent;
}

input:required, select:required, input:invalid, select:invalid {
    box-shadow:0px 0px 3px red;
}

input.ng-valid-required, input.ng-valid, select.ng-valid-required, select.ng-valid  {
       box-shadow: none;
}