.wrapper > section, body, html {
    background-image: url(../../Portal/Images/greyBG.jpg);
    background-size: 100% 100%;
    background-repeat: repeat
}

.layout-fixed .wrapper .topnavbar-wrapper, .topnavbar {
    z-index: 121;
    position: fixed;
    width: 100%;
    top: 75px
}

.md-button, .md-tab {
    text-transform: none
}

body, html {
    height: 100%
}

.hint {
    position: static;
    left: 2px;
    right: auto;
    bottom: 7px;
    font-size: 11px;
    line-height: 14px;
    transition: all .3s cubic-bezier(.55,0,.55,.2);
    color: #b5b5b5;
    font-style: italic
}

.layout-fixed .wrapper > .aside {
    height: 1px;
    min-height: 100%;
    top: -30px
}

.wrapper > .aside .aside-inner {
    padding-top: 130px;
    height: 100%;
    width: 220px;
    overflow: hidden
}

.preloader-progress {
    background-image: url(/Portal/Images/preloader/preloader.empty.png)
}

.preloader-progress-bar {
    background-image: url(/Portal/Images/preloader/preloader.full.png)
}

md-input-container {
    padding: 2px;
    margin: 2px 0
}

.layout-fixed .wrapper > .aside > .aside-inner {
    position: fixed;
    bottom: 0;
    top: 5px
}

.topnavbar {
    background-color: #8b2554;
    height: 50px
}

.layout-fixed .wrapper > aside {
    top: 75px
}

.topnavbar .navbar-form .form-group {
    display: none
}

.topnavbar .navbar-header .brand-logo {
    display: block;
    padding: 15px;
    color: #fff;
    background-color: #8b2554
}

.md-datepicker-calendar-pane {
    z-index: 10000
}

@media screen and (max-width:480px) {
    md-toast {
        width: 90%;
        z-index: 11000;
        bottom: 2px
    }
}

@media screen and (min-width:480px) {
    md-toast {
        width: 50%;
        z-index: 11000;
        bottom: 2px
    }
}

.layout-fixed .wrapper > section {
    margin-top: 5px
}

md-input-container ._md-placeholder, md-input-container label:not(.md-no-float):not(._md-container-ignore), md-select ._md-select-value._md-select-placeholder, md-select.md-default-theme ._md-select-value._md-select-placeholder {
    color: #000;
    font-weight: 400;
    font-size: 11pt
}

md-radio-button.md-default-theme[disabled], md-radio-button[disabled], md-radio-group.md-default-theme[disabled], md-radio-group[disabled], md-select.md-default-theme[disabled], md-select[disabled] .md-select-value {
    color: rgba(0,0,0,5)
}

.md-button {
    background: #e3e3e3;
    color: #fff
}

.material-icons {
    vertical-align: middle
}

.md-button.md-icon-button, .md-datepicker-triangle-button.md-button.md-icon-button {
    background-color: transparent;
    color: #000
}

.md-caption {
    font-weight: 400;
    color: gray;
    padding: 4px
}

.md-datepicker-calendar-pane.md-pane-open {
    background-color: #fff
}

@media only screen and (min-width:768px) {
    .brand-logo1 {
        display: none
    }

    .brand-logo-collapsed1 {
        display: block
    }

    .content-wrapper {
        padding: 30px
    }
}

.brand-logo-collapsed1 > img, .brand-logo1 > img {
    margin: 0 auto
}

.brand-logo1 {
    display: block;
    padding: 15px;
    color: #fff
}

.brand-logo-collapsed1 {
    display: none;
    padding: 10px 15px;
    color: #fff
}

@media only screen and (max-width:767px) {
    .sidebar-toggle1 {
        position: absolute !important;
        top: 0;
        z-index: 10000;
        line-height: 65px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

        .sidebar-toggle1 > em {
            color: #fff
        }
}

HTMLJSCSSDIALOG1.TMPL.HTMLTABDIALOG.TMPL.HTML .dialogdemoBasicUsage #popupContainer {
    position: relative
}

.dialogdemoBasicUsage .footer {
    width: 100%;
    text-align: center;
    margin-left: 20px
}

    .dialogdemoBasicUsage .footer, .dialogdemoBasicUsage .footer > code {
        font-size: .8em;
        margin-top: 50px
    }

.dialogdemoBasicUsage button {
    width: 200px
}

.dialogdemoBasicUsage div#status {
    color: #c60008
}

.face {
    border-radius: 30px;
    border: 1px solid #ddd;
    width: 48px;
    margin: 16px
}

.row-table {
    height: auto !important
}

.ui-grid-contents-wrapper {
    position: relative;
    height: 1;
    width: 100%
}

md-select .md-select-value.md-select-placeholder, md-select.md-default-theme {
    color: rgba(0,0,0,.56)
}

md-tabs .md-tab.md-active, md-tabs .md-tab.md-active md-icon, md-tabs .md-tab.md-focused, md-tabs .md-tab.md-focused md-icon, md-tabs.md-default-theme {
    color: #8b2554 !important;
    background-color: #fff
}

md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]), md-toolbar > md-tabs.md-default-theme {
    color: #515253 !important
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #307db5;
    border-radius: 3px
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 15px #307db5
}

.visualCaptcha {
    margin-bottom: 0
}

    .visualCaptcha .accessibility-description, .visualCaptcha-explanation {
        font-family: Roboto,Tahoma;
        background-color: #eee;
        color: #000
    }

    .visualCaptcha .thick {
        font-weight: 700
    }

.button-cancel {
    background-color: red !important;
    color: #fff !important
}

md-input-container label {
    position: relative;
    top: 5px
}

.md-datepicker-input-container {
    position: relative;
    padding-bottom: 0;
    color: #000;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: inline-block;
    width: auto;
    margin-left: 12px
}

md-input-container:not(.md-input-has-value) input:not(:focus), md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-ampm-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-day-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-hour-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-millisecond-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-minute-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-month-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-second-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-text, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-week-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-year-field {
    color: #000
}

.md-dialog-container {
    z-index: 9999
}

.md-select-menu-container {
    z-index: 12000
}

md-input-container .md-input [disabled], md-input-container .md-input[disabled], md-input-container.md-default-theme {
    border-bottom-color: transparent;
    color: rgba(0,0,0,.5);
    background-image: linear-gradient(to right,rgba(0,0,0,.26) 0,rgba(0,0,0,.26) 33%,transparent 0);
    background-image: -ms-linear-gradient(left,transparent 0,rgba(0,0,0,.26) 100%)
}