@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,700');

body {
    font-family: 'Open Sans', sans-serif; /*Arial, Helvetica, sans-serif;*/
    font-size: 10pt;
    margin: 1px !important;
    padding: px !important;
    color: black !important;
    background-image: url("../img/loginbg.jpg") !important;
}


span.rwd {
    color: #FF0000;
    font-family: 'Open Sans', sans-serif; /*Tahoma;*/
    font-size: 16pt;
    font-weight: 900;
    letter-spacing: 2px;
    white-space: nowrap;
}

span.facts {
    color: #ffffff;
    font-family: 'Open Sans', sans-serif; /*Tahoma;*/
    font-size: 16pt;
    font-weight: 600;
    letter-spacing: 2px;
    white-space: nowrap;
}

span.version {
    -moz-font-variant: normal !important;
    -ms-font-variant: normal !important;
    -o-font-variant: normal !important;
    -webkit-font-variant: normal !important;
    color: #FFFFFF !important;
    font-family: 'Open Sans', sans-serif; /*verdana, Geneva, Tahoma, sans-serif !important;*/
    font-size: 7.5pt !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    color: #438eb9 !important;
}

th {
    font-weight: bold !important;
    font-size: 10pt !important;
}

* {
    font-family: 'Open Sans', sans-serif; /*Arial, Helvetica, sans-serif;*/
    font-weight: normal;
}

.validation-summary-errors {
    border: none !important /*1px solid #b08b34*/;
    /*padding: 0 0 5px 0;*/
    font-size: 12px;
    background-color: transparent !important;
    width: 80%;
}

    .validation-summary-errors span {
        left: 0;
        position: relative;
        font-size: 15px;
        /*background-color: #e5d9bd;*/
        color: #56300a;
        height: 15px;
        font-weight: bold;
        /*border-bottom: 1px solid #b08b34;*/
        padding-top: 3px;
        box-sizing: border-box;
        display: table-cell;
        min-width: 100%;
    }

    .validation-summary-errors ul {
        /*padding-top: 10px;*/
        padding-left: 5px;
        list-style: decimal-leading-zero;
        font-size: 12px;
        color: red;
        max-height: 150px !important;
    }

        .validation-summary-errors ul li {
            padding-left: 20px;
            padding-bottom: 10px;
            background-image: url(/img/WarningHeader.gif);
            background-position: 0 0;
            background-repeat: no-repeat;
        }

.validation-summary-valid {
    display: none;
}

div.buttonpanel {
    text-align: right;
}

.toolbar {
    margin-top: 3px;
    border-bottom: 1px solid #438eb9;
    background-color: white;
    padding-left: 0;
}

thead {
    background-color: whitesmoke;
    font-weight: bold;
}

.delete:focus, .delete:hover {
    background-color: red !important;
    color: #ffffff !important;
}

.mandatory:after {
    color: Red;
    content: "*";
    padding: 3px;
}

.numeric {
    text-align: right !important;
}

.completedproject {
    background-color: #FF9999 !important;
    color: #000000;
}

.liveproject {
    /*background-color: #FFCCCC !important;*/
    background-color: #CCFFCC !important;
    color: #333333;
}

.mediumproject {
    background-color: #66FFFF !important;
    color: #333333;
}

.hide {
    display: none;
}

.danger {
    color: red !important;
    font-size: 13.5pt !important;
    font-weight: bolder !important;
}

.safety {
    color: green !important;
    font-size: 13.5pt !important;
    font-weight: bolder !important;
}

.marginzero {
    margin: 0 !important;
}

.title, .box {
    margin: 0 !important;
    padding: 0 !important;
}

.colorthemeblue {
    color: #438eb9 !important;
}

.colorgreen {
    color: green !important;
}

.colorblack {
    color: black !important;
}



.clickable {
    cursor: pointer;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"],
input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"],
input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    color: black !important;
    font-weight: bold !important;
}

.dxichTextCellSys {
    font-size: 9pt !important;
}


html {
    overflow-x: hidden !important;
}


.label {
    color: darkorange;
    font-weight: 300;
}

.content {
    color: black;
    font-weight: bolder;
}

#currentdate {
    color: white;
    font-size: 10pt;
    font-weight: bold;
}


.dashboardpanel {
    padding: 0 !important;
    border: 2px solid #438eb9;
}

.mainbody {
    max-height: 630px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}


.printbody {
    font-family: 'Open Sans', sans-serif; /*Arial, Helvetica, sans-serif;*/
    font-size: 8.5pt !important;
    margin: 0 !important;
}

h4 {
    margin: 0 !important;
    font-size: 14px;
    font-weight: 600;
}

.breadcrumb {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
}

.panel-heading {
    -ms-border-top-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    -ms-border-top-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.dashboardpanel-heading {
    background-color: #438eb9 !important;
    color: #fff !important;
}

.dashboardimggallery {
    background-repeat: no-repeat !important;
    height: 100px !important;
    width: 100px !important;
    border: solid #d6dadd 5px;
    padding: 3px;
}

ul.breadcrumb {
    /*background-color: #FFFFC2 !important;*/
    padding: 7px !important;
    padding-left: 13px !important;
}


.dxgvPopupEditForm_DevEx {
    overflow: visible !important;
}

.dxeToken_DevEx {
    max-width: 140px !important;
}

.dxeTokenText_DevEx {
    max-width: 120px !important;
}

.panel-custom {
    background-color: white !important;
    color: #438eb9 !important;
}

ul.breadcrumb li h4 {
    color: #ffffff !important;
    font-size: 13pt;
    font-weight: bold;
}

div.breadcrumb {
    padding: 3px !important;
}

.readonly {
    border-color: gray !important;
}

.btn-custom {
    -ms-border-top-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    -ms-border-bottom-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    -ms-border-top-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    -ms-border-bottom-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background-color: white !important;
    border: 1px solid #438eb9;
    font-size: 12pt !important;
    color: #438eb9 !important;
    margin-left: 1px !important;
    margin-right: 0 !important;
    margin-top: 1px !important;
    margin-bottom: 3px !important;
}


.btn-custom-borderless {
    -ms-border-top-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    -ms-border-bottom-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    -ms-border-top-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    -ms-border-bottom-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background-color: white !important;
    font-size: 12pt !important;
    color: #438eb9 !important;
    margin-left: 1px !important;
    margin-right: 0 !important;
    margin-top: 1px !important;
    margin-bottom: 3px !important;
}

.form-login {
    background-color: white !important;
    border: #438eb9 1px solid;
    padding: 28px 18px !important;
}


.form-login-wrap {
    background-color: white !important;
    border: #438eb9 1px solid !important;
    color: black !important;
    padding: 18px !important;
}

.btn-custom .focus, .btn-custom:focus, .btn-custom:hover, .btn-custom-hover {
    background-color: #438eb9 !important;
    color: #ffffff !important;
    border: 1px solid #fff;
}

label {
    font-weight: 300 !important;
}

a .focus, a:hover, a:focus {
    color: #a91d59 !important;
}

ul.breadcrumb li, ul.breadcrumb li a, ul.breadcrumb li.active {
    font-size: 11pt;
    font-weight: bold;
    color: white;
}

section.wrapper {
    padding-top: 0 !important;
}

.focusedstyle {
    border-style: solid !important;
    border-width: 2px !important;
    /*background-color: gray !important;*/
    border-color: #438eb9 !important;
    font-weight: bold !important;
    color: blueviolet !important;
}

.chkbox {
    border-width: 0 !important;
}

td.dxgvBatchEditModifiedCell {
    color: black !important;
}

.scrollingpanel {
    max-height: 400px;
    overflow-y: scroll;
}

.highlight {
    font-weight: bold !important;
    color: black !important;
}

.no_new_tab {
    cursor: pointer !important;
    max-height: 30px;
    padding: 5px;
    color: #438eb9 !important;
}

li a.no_new_tab {
    min-height: 40px;
    padding: 3px;
}

#main-menu li {
    padding-right: 5px !important;
    padding-left: 3px !important;
}



.galleryli {
    width: 80px !important;
    height: 80px !important;
}

.paddingzero {
    padding: 0 !important;
}

.paddingthree {
    padding: 3px !important
}

.dashboardimg {
    background-repeat: no-repeat !important;
    height: 65px !important;
    width: 65px !important;
}

.appraisalpanel {
    margin-bottom: 7px !important;
}

.appraisalpanel-body {
    padding-right: 3px !important;
    padding-top: 3px !important;
    padding-bottom: 0px !important;
    padding-left: 15px !important;
    font-size: 9pt !important;
}

.notificationbar {
    background-color: #438eb9 !important;
}

.appraisalhr {
    margin-bottom: 8px !important;
    margin-top: 8px !important;
    color: burlywood !important;
}

.appraisalpanel-heading {
    margin: 10px !important;
    padding: 5px !important;
}

.appraisalh4 {
    padding-left: 25px !important;
}

.appraisalform-group {
    padding-left: 10px !important;
    margin-bottom: 5px !important;
}

.appraisalpanel textarea {
    width: 98% !important;
}

.appraisalpanel table {
    width: 98% !important;
}

.appraisalbody-odd {
    background-color: #EBF4FA !important;
}


.appraisalbody-even {
    background-color: #BDEDFF !important;
}

s .dxeTBRBLabel_DevEx {
    color: black !important;
}

.md-card {
    height: 130px;
    border-radius: 5px;
}

.md-card-content h3 {
    text-align: end;
    width: 100%;
    color: white;
}

.md-card-content table {
    text-align: start;
    color: white;
}

.md-card-content a {
    color: white;
}