﻿
.user_info {
    font-family: Arial;
    font-size: 12px;
    /*color:Black;    
    font-weight:bold;*/
}

    .user_info a {
        color: #1A67AD;
        text-decoration: none;
    }

        .user_info a:hover {
            color: #1A67AD;
            text-decoration: underline;
        }

@font-face {
    font-family: 'Droid Sans';
    src: url("../fonts/DroidSans.eot"); /* EOT file for IE */
}

@font-face {
    font-family: 'Droid Sans';
    src: url("../fonts/DroidSans.ttf"); /* TTF file for CSS3 browsers */
}

.legendBlur-cls{

    opacity:.5;
}

/* grid styles */
.x-grid-row .cell-editable,
.x-grid-row-alt .cell-editable,
.x-column-header.cell-editable {
    background-color: #DCF0FF !important;
    border-bottom-color: #DCF0FF !important;
    background-image: none !important;
}

.centered {
    text-align: center !important;
}

.x-column-multiline .x-column-header-inner .x-column-header-text {
    white-space: normal;
    display: table-cell;
    vertical-align: middle;
}

.x-column-multiline .x-column-header-inner {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    display: table-cell;
    vertical-align: middle;
}

.x-column-header.ux-filtered-column, .x-column-header.ux-filtered-client-col {
    font-style: italic;
    background-color: #EFF2FB!important;
    color: green;
}

.row-exception .x-grid-cell {
    background-color: #FFFFCC!important;
}

.x-grid-cell.col-exception, .x-grid-row-selected .x-grid-cell.col-exception {
    background-color: #FF916A!important;
}

.x-grid-header-ct .x-box-inner {
    border-bottom: 1px solid silver;
}

/*PARList grid styles*/

.double-line .x-column-header-inner .x-column-header-text {
    /*white-space: normal !important;*/
    line-height: 15px !important;
    padding-right: 0;
    margin-right: 0;
}

.double-line .x-column-header-inner {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    text-align: center;
    top: 10%;
    line-height: 15px !important;
}

.x-grid-cell.field-hidden {
    visibility: hidden !important;
}

.x-grid-cell.exception-0 > .x-grid-cell-inner {
    background-color: none !important;
}

.legend-exception-1,
.x-grid-cell.exception-1 {
    background-color: #FF9896 !important;
}

.legend-exception-2,
.x-grid-cell.exception-2 {
    background-color: #F3E2A9 !important; /*#F5DA81*/
}

.x-grid-cell.exception-3 {
    background-color: #98DF8A !important; /*#F5DA81*/
}

.exception-tooltip {
    color: brown;
}

.pl-grid-header-tip .small {
    font-size: 9px;
}

.red_required {
	color:#f22c2c;
	font-size:13px;
}






.password-note {
    font-size: 10px;
    color: brown;
}

/*New styles added by JMG on 21/Aug*/

.logo_title {
    font-size: 20px;
    color: #08598e;
}

/*Theming*/
.x-window-header-default-top {
    background-color: #A5CEFF !important;
}

.x-window-header-default {
    border-color: #A5CEFF !important;
}

.x-window-default {
    border-color: #A5CEFF !important;
}

.main-toolbar.x-toolbar-default {
    background-color: #A5CEFF !important;
}

.login-toolbar.x-toolbar-default,
.login-toolbar.x-toolbar,
.x-toolbar-blue {
    background-color: #A5CEFF !important;
    border-color: #A5CEFF!important;
}

/*Colored Toolbar*/
.colored-toolbar.x-toolbar-default,
.colored-toolbar.x-toolbar {
    background-color: #A5CEFF !important;
    border-color: #A5CEFF!important;
}

.top-container {
    /*background-color: #f5f5f5 !important;*/
    padding: 2px;
}

.footer-panel {
    background-color: #A5CEFF !important;
    font-size: 11px !important;
    /* border-top:1px solid #157fcc;*/
}

#lblUserName, .sign-out, .sign-out a {
    font-size: 12px;
    color: #0088cf;
    font-family: Helvetica, sans-serif;
    font-weight: bold;
    line-height: normal;
    text-decoration: none;
}

.welcome-header {
    font-family: Helvetica, sans-serif;
    float: right;
    padding-right: 2px;
}

    .welcome-header ul {
        list-style-type: none;
    }

        .welcome-header ul li {
            float: left;
        }


    /*.welcome-header #imgMessage {
    position:relative;

}*/



    .welcome-header #imgMessage .dvMessageIcon {
        background-image: url(../icons/messages.png)!important;
        background-repeat: no-repeat!important;
        background-size: auto!important;
        width: 20px;
        height: 20px;
    }

#imgProfile {
    cursor: pointer;
}

/*.welcome-header #imgProfile .dvProfileIcon{
    background-image: url(../icons/settings.png)!important;
    background-repeat: no-repeat!important;
    background-size: auto!important;
    width:20px;
    height:20px;
    
}*/

/*.welcome-header .bubbleCount {

    background-color: transparent;
    -webkit-border-radius: 0;
    overflow: visible;
    /*padding: 0;*/ /*
    right: 2px;
    top: 2px;
    position: absolute;
}*/

.welcome-header .bubbleCount {
    background-color: #d60000;
    overflow: visible;
    right: 0px;
    top: 0px;
    position: absolute;
    min-width: 15px;
    padding: 1px 2px 1px 2px;
    color: white;
    font-size: 12px;
    border-radius: 15px;
    font-weight: 100;
    font-family: "Helvetica Neue", Helvetica, Arial, "segoe ui",tahoma,sans-serif;
    text-align: center;
}

    .welcome-header .bubbleCount span {
        color: #0088cf;
        background: #EED072;
        background: -webkit-linear-gradient(top, #EED072, #FAE026);
        border: none;
        -webkit-border-radius: 2px;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .7);
        font-family: "Helvetica Neue", Helvetica, Arial, "segoe ui",tahoma,sans-serif;
        font-size: 10px;
        -webkit-font-smoothing: antialiased;
        font-weight: bold;
        height: 14px;
        min-width: 12px;
        padding: 0;
        text-align: center;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
    }


.x-panel-body-default {
    border-color: #A5CEFF;
}

.x-panel-default {
    border-color: #A5CEFF;
}

.x-panel-default-framed {
    border-color: #A5CEFF;
}

.x-panel-header-default {
    border: 1px solid #A5CEFF;
}

.x-panel-header-default {
    background-color: #A5CEFF !important;
}

.x-panel-header-default-framed-top {
    background-color: #A5CEFF !important;
}

.x-panel-header-default-framed {
    border: 5px solid #A5CEFF;
}

.x-panel-body-default-framed {
    border-color: white; /*#C7DEEE;*/
}

.login-main > .x-panel-body-default-framed {
    border-color: #81A0CF!important;
}

/*.x-border-layout-ct {
    background-color: white;
}*/


.x-panel-header-default-framed .x-tool-img {
    background-color: #A5CEFF !important;
}

.x-panel-header-default .x-tool-img {
    background-color: #A5CEFF !important;
}

.x-window-header-default .x-tool-img {
    background-color: #A5CEFF !important;
}

.x-tab-bar-default {
    background-color: #A5CEFF !important;
}

.x-panel-header-text-container-default-framed {
    color: black;
}

.x-window-header-text-container-default {
    color: black;
}


.custom-form > .x-panel-default-outer-border-trbl {
    border-width: 0px!important;
}

/*Tab Panel styles*/
.x-tab-default-top {
    background-color: #add2ed; /*#4b9cd7*/
}

.x-tab-default-active {
    background-color: #4b9cd7; /*#add2ed*/
}

.x-tab-bar-strip-default {
    border-color: #157fcc; /*#157fcc;*/
    background-color: #4b9cd7; /*#add2ed;*/
}

.x-tab-default-active .x-tab-inner {
    color: white !important; /*#157fcc*/
}

.x-tab-default .x-tab-inner {
    color: #157fcc;
}

.border-container {
    border: 1px solid #157fcc!important;
}

/**Parlist details */
#gpParListDetail {
    border-top: 1px solid silver!important;
}


.hospital-combo {
    right: 10px;
}

    .hospital-combo .x-form-item-label {
        font-size: 12px;
        color: #13A2DA;
        font-family: Arial;
        font-weight: bold;
    }

    .hospital-combo .x-form-trigger-wrap .x-form-text {
        color: #474242;
        background-color: #EFF2FB;
        font-size: 12px;
        font-weight: bold;
    }

/*Appliction Status*/

.app-status .x-grid-cell-inner .x-grid-cell-inner-property-name {
    font-weight: bold;
}

.x-form-num-field {
    text-align: right;
    color: black;
    font: normal 13px helvetica,arial,verdana,sans-serif;
    margin: 0;
}

.x-form-text[readonly] {
    background-color: #FFE;
}

.x-btn-main {
    background: white!important;
    border-color: white;
}

    .x-btn-main .x-btn-inner {
        color: #0088cf;
    }

    .x-btn-main .x-btn-split-right {
        background-image: url(../icons/default-toolbar-small-s-arrow.png);
    }

    .x-btn-main.x-btn-over {
        border-color: silver;
        background-color: white;
    }

    .x-btn-main.x-pressed {
        background: #EFEFEF!important;
    }

.x-btn-transperent {
    border-color: white;
    background: white!important;
}

    .x-btn-transperent:hover, .x-btn-transperent.x-pressed {
        background: #EFEFEF!important;
    }
/*My Task*/
.x-row-bold td div, .x-row-bold-red td div, .x-row-text-orange td div {
    font-weight: bold;
}

.x-row-bold-red {
    color: red;
}

.x-row-text-orange {
    color: #F8861C;
}

.x-grid-row-invalid:not(.x-grid-row-over):not(.x-grid-row-selected) .x-grid-td {
    background-color: #FFFFE4;
}

.x-grid-row-active .x-grid-td {
    background-color: #D0FFD0;
}

.x-grid-row-due .x-grid-td {
    background-color: #FFBA7B;
}

.x-grid-row-pending .x-grid-td {
    background-color: #FF9A94;
}

/*Custom Message Box*/
.msg .x-box-mc {
    font-size: 14px;
}

#msg-div {
    position: absolute;
    left: 50%;
    top: 10px;
    width: 400px;
    margin-left: -200px;
    z-index: 20000;
}

    #msg-div .msg {
        border-radius: 8px;
        -moz-border-radius: 8px;
        background: #D9EEFF;
        border: 1px solid #2D8BFF;
        margin-top: 2px;
        padding: 10px 15px;
        color: #555;
    }

        #msg-div .msg h3 {
            margin: 0 0 8px;
            font-weight: bold;
            font-size: 15px;
        }

        #msg-div .msg p {
            margin: 0;
        }
/*Custom Message Box End Here*/
.x-form-readonly .x-form-radio {
    background: url(../icons/radio-readonly.png) no-repeat;
}

.x-form-readonly.x-form-cb-checked .x-form-radio {
    background-position: 0 -15px;
}

/*Resize Handle*/
.x-resizable-handle {
    background-color: #3892d3;
}

.x-resizable-handle-east {
    width: 4px;
}

.x-form-search {
    color: black;
    padding: 4px 6px 3px 6px;
    background: white repeat-x 0 0;
    border-width: 1px;
    border-style: solid;
    border-color: silver #d9d9d9 #d9d9d9;
    height: 24px;
    line-height: 15px;
}

.show-only-in-email {
    display: none;
}

.lbl-Contact-desc {
    font-size: 14px;
    color: #3A5EA6;
}

.lbl-bold {
    font-weight: bold;
}

.lbContact {
    color: #3A5EA6;
    font-style: italic;
}

.lbContact-Person {
    color: #3A5EA6;
}

.lbContact-Company {
    color: #3A5EA6;
    font-style: italic;
}

.contactus-sub-div {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

/*Grid Editor Button CSS*/
.x-grid-row-editor-buttons span div a {
    background: #A5CEFF;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#BAD9FF),color-stop(50%,#97C6FF),color-stop(51%,#97C6FF),color-stop(100%,#BAD9FF));
    border-color: #B5D4F9;
}

    .x-grid-row-editor-buttons span div a:hover {
        background: #97C6FF;
        background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#A2CBFD),color-stop(50%,#97C6FF),color-stop(51%,#97C6FF),color-stop(100%,#A2CBFD));
        border-color: #B5D4F9;
    }


/*Legend Button*/

.x-btn-legend {
    background: #A5CEFF!important;
    border-color: white;
}

    .x-btn-inner {
        color: whitesmoke;
    }

    .x-btn-legend .x-btn-split-right {
        background-image: url(../icons/default-toolbar-small-s-arrow.png);
    }

    .x-btn-legend.x-btn-over {
        border-color: silver;
        background-color: #A5CEFF;
    }

    .x-btn-legend.x-pressed {
        background: #A5CEFF!important;
    }

/*Legend Button Management*/

.x-btn-legend-manage {
    border-color: white;
}

    .x-btn-legend-manage .x-btn-split-right {
        background-image: url(../icons/default-toolbar-small-s-arrow.png);
    }

    .x-btn-legend-manage.x-btn-over {
        border-color: silver;
        background-color: #A5CEFF;
    }

    .x-btn-legend-manage.x-pressed {
        background: #A5CEFF!important;
    }
/*DQ Item Highlight*/
.dq_item {
    /*color: red !important;*/
	font-weight: bold;
}

.btn-legend-menu-odd {
    background-color: #FAFAFA;
}

.btn-legend-menu-even {
    background-color: #FFFFFF;
}

.x-grid-row-grp2 .td-group
{
  background-color: #C7C7C7 !important;
}

.gridDQ .x-column-header-inner{
    text-align:center;
 }

.chartTipsContent {
    color: #111;
    font-weight: bold;
    border: 1px solid #DCA;
    background: #fffaf0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
    font-size: 12px!important;
    text-align: center!important;
}
/* Fix for the issue in IE:There is a dot (.) at the end of some fields in UI */
.x-column-header-inner {
    text-overflow:clip !important;
}
.custom-grid .x-column-header{
	text-align:left;
}
.gridPARHeader{
	background-color: #dbebfd;
}
.gridPARHeaderWarning{
	background-color: #f3be7c;
}
.gridPARHeader .x-column-header-over{
	background-color: #dbebfd;
}
.gridPARHeaderWarning .x-column-header-over{
	background-color: #f3be7c;
}

.reportPanelmain  .x-panel-header-text-container-default{
	color: black !important;
}


.reportPanel{
	border: 1px solid black;
}
.reportPanel .x-panel-header-text-container-default{
	color: white !important;
}
.reportPanel .x-header{
	background-color: #214d73 !important;
	text-align:center;
}

.report-banner{
	background-color: #9cc3e7 !important;
	text-align:center;
	border-top: 1px solid black;
	/*border-bottom: 1px solid black;*/
}

.report-banner .title{
	font-weight: bold;
}

.pnlHeader .x-header-text.x-panel-header-text.x-panel-header-text-default{
	color:black;
}

.x-automation-details .x-header-text{
	color:black;
}