﻿.loadingModal {
    position: fixed;
    top: 0;
    left: 0;
    background-color: silver;
    z-index: 10001;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    min-height: 100%;
    width: 100%;
}

.loading {
    font-family: Arial;
    font-size: 10pt;
    width: 200px;
    height: 100px;
    display: none;
    position: fixed;
    z-index: 10100;
    text-align: center;
}
.loading2 {
    font-family: Arial;
    font-size: 10pt;
    width: 200px;
    height: 100px;
    display: none;
    position: fixed;
    z-index: 10100;
    text-align: center;
}
.loading3 {
    font-family: Arial;
    font-size: 10pt;
    width: 200px;
    height: 100px;
    display: none;
    position: fixed;
    z-index: 10100;
    text-align: center;
}
.dragHandle {
    margin-left: 5px;
    width: 15px;
    height: 15px;
    background-image: url('Images/bg-reorderlist-main.png');
    cursor: move;
    border: outset thin white;
}

.back-green {
    background-color: #99CC33 !important;
}

.back-red {
    background-color: #f00 !important;
}

.back-gold {
    background-color: #FFD700 !important;
}

.back-amber {
    background-color: #FFC200 !important;
}


.threshold-red {
    background-color: #FF3300 !important;
}

.threshold-amber {
    background-color: #FFCC00 !important;
}

.threshold-green {
    background-color: #99CC33 !important;
}

.threshold-gold {
    background-color: #D4AF37 !important;
}

.fore-green {
    color: #449A39 !important;
}

.fore-red {
    color: #f00 !important;
}

.fore-red1 {
    color: #f00 !important;
    font-size:12px !important;
}

.fore-white {
    color: #fff !important;
}

.width-100 {
    width: 100%;
}

.width-98 {
    width: 98%;
}

.hide-ctrl {
    display: none;
}

.tr-inactive-ctrl > td {
    color:#C6C6C6;
    background-color:#EBEBE4;
}

.tr-inactive-ctrl-attr > td[actionDisabled="1"] {
    color:#C6C6C6;
    background-color:#EBEBE4;
}

.tblUserAudits {
    text-align: left;
    width: 80%;
    margin: 0 auto;
}

    .tblUserAudits td, .tblUserAudits th {
        padding-bottom: 10px;
    }

.tblUserAudits {
    border-bottom: 1px solid #838383;
    padding-top: 25px;
}


html body form .RadInput .SxRadNumeric {
    background-color: white;
    font-family: Arial;
    color: #000;
    font-weight: 600;
    font-size: 14px;
    height: 30px;
    /*border: 2px solid #449A39;*/
}

/*.riSingle .RadInput 
{
    background-color: white;
	font-family: Arial;
	color : #000;
	font-weight: 600;
	font-size : 14px;
	height: 30px;
	border: 2px solid #449A39;
}*/

.clickable-img {
    cursor: pointer;
}

.SxError-label {
    background-color: red;
    color: white;
    display: block;
    text-align: center;
}

.SxTextBox {
    background-color: white;
    font-family: Arial;
    font-weight: 600;
    font-size: 14px;
    width: 95%;
    border: 2px solid #449A39;
    float: left;
    text-align: left;
}

.SxNumericTextBox {
    background-color: white;
    font-family: Arial;
    color: #000;
    font-size: 14px;
    height: 25px;
    text-align:right;
}
 

.ynna-y {
    background-color: #99CC33 !important;
    color: #fff !important;
}

.ynna-n {
    background-color: #f00 !important;
    color: #fff !important;
}

.ynna-na {
}

.ynna-ns {
}

.ynna-fore-y {
    color: #008000 !important;
}

.ynna-fore-n {
    color: #FF0000 !important;
}

.ynna-fore-na {
}

.ynna-fore-ns {
}

.small-font {
    font-size: 12px;
}

.td-Skipped {
    background-color:#EBEBE4;
}

.questionnaireRow td.rh {
    background-color: #DFDFDF;
    padding-left: 30px;
    font-weight: bold;
}

.question {
    padding-left: 20px;
}

.area-dashboard-table tr:nth-of-type(even) {
    background: white !important;
}

.area-dashboard-domainRow {
    border-bottom: 2px solid black;
}

    .area-dashboard-domainRow td {
        font-weight: bold;
    }

.area-dashboard-comments {
    padding: 5px 0 0 20px;
    font-size: 12px;
    font-style: italic;
}

    .area-dashboard-comments img {
        float: left;
        padding-right: 5px;
    }

.area-dashboard-observation {
    font-weight: bold;
    font-size: 14px;
}

.area-dashboard-observation-comments {
    padding: 5px 0 0 20px;
    font-size: 15px;
    font-style: italic;
}

/*menu pick css*/
.mp-dashboard-container {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
}

.dashboard-ward-comments {
    display:block;
    font-size: 0.8em;
    font-style:italic;
    padding-left:5px;
    padding-top:5px;
}

.mp-dashboard-title {
    font-weight: bold;
}

.mp-dashboard-sub-title {
    font-size: 14px;
    font-weight: 800;
    color: #449a39;
}

.mp-dashboard-cutofftime {
    font-weight: 800;
}

.mp-dashboard-calendar {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 800;
}

.mp-dashboard-orderstatus {
    border: 1px solid black;
}

.mp-dashboard-grey5-bg {
    background-color: #CACACA;
    color: #333333;
}

.mp-dashboard-font-grey2 {
    color: #333333;
    text-decoration: none;
    font-weight: bold;
}

.mp-dashboard-grey4-bg {
    background-color: #E9E9E9;
    color: #333333;
    text-decoration: none;
    padding: 5px;
}

.mp-dashboard-table-border {
    border: 1px solid black;
}

.mp-dashboard-tools-title {
    font-weight: bold;
    padding: 7px 7px 13px 7px;
}

.mp-dashboard-food-dispatch {
    padding: 0px 25px 15px 15px;
    font-size: 12px;
}

.mp-dashboard-tools-reports {
    padding: 10px 15px;
    font-size: 12px;
}

.mp-dashboard-kpi {
    padding: 5px 10px;
    font-size: 12px;
}

.mp-dashboard-link {
    color: black;
    text-decoration: underline;
}

a:hover.mp-dashboard-link {
    color: #449a39;
}

.mp-dashboard-font-grey {
    color: #333333;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
}

.mp-dashboard-green-block {
    padding: 5px 10px;
    background-color: #449a39;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    width: 100px;
}

.mp-dashboard-white-block {
    padding: 5px 10px;
    border: 1px solid silver;
    background-color: #fff;
    color: #000;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    width: 100px;
}

.sx-error-label {
    color: #f00;
}

.sx-error-label-small {
    color: #f00;
    font-size: 11px;
}

.sx-rad-grid-pager > td > table > thead :first-child {
    display: none;
}

.sx-rad-grid-pager > td > table a {
    margin-right: 10px;
    padding: 4px 10px;
    border: 1px solid silver;
    text-decoration: none;
}

.sx-highlight {
    background-color: #FFFF99 !important;
}

.th-center {
    text-align: center;
}

.tr-dashboard-totals-row {
    border-bottom: 2px solid #626060;
}

td.link-cell {
    cursor: pointer;
}

.ynna-row-backcolor {
    background-color: white;
}

.sx-vip0 {
    background: url(Images/VIPGreen.png) no-repeat;
    background-size: 523px 42px;
}

.sx-vip1 {
    background: url(Images/VIPAmber.png) no-repeat;
    background-size: 523px 42px;
}

.sx-vip2 {
    background: url(Images/VIPRed.png) no-repeat;
    background-size: 523px 42px;
}

.sx-group-header {
    background-color: #807e7e !important;
    color: white !important;
    font-size: 16px;
}

.sx-fixed-div {
    width: 100%;
    position: fixed;
}

.sx-headerfilter-observational-export {
    width: 100%;
    border: 1px solid #000;
    padding: 3px;
    background-color: red;
}

.sx-breadcrumb {
    color: #333333;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    padding: 5px;
}

.arrow-down-amber {
    padding-left: 20px;
    width: 18px;
    height: 22px;
    background-image: url('Images/arrow_down_amber.png');
    background-repeat: no-repeat;
    background-position-y: center;
}

.arrow-down-green {
    padding-left: 20px;
    width: 18px;
    height: 22px;
    background-image: url('Images/arrow_down_green.png');
    background-repeat: no-repeat;
    background-position-y: center;
}

.arrow-down-red {
    padding-left: 20px;
    width: 18px;
    height: 22px;
    background-image: url('Images/arrow_down_red.png');
    background-repeat: no-repeat;
    background-position-y: center;
}

.arrow-up-amber {
    padding-left: 20px;
    width: 18px;
    height: 22px;
    background-image: url('Images/arrow_up_amber.png');
    background-repeat: no-repeat;
    background-position-y: center;
}

.arrow-up-green {
    padding-left: 20px;
    width: 18px;
    height: 22px;
    background-image: url('Images/arrow_up_green.png');
    background-repeat: no-repeat;
    background-position-y: center;
}

.arrow-up-red {
    padding-left: 20px;
    width: 18px;
    height: 22px;
    background-image: url('Images/arrow_up_red.png');
    background-repeat: no-repeat;
    background-position-y: center;
}

.sx-hidden {
    display: none;
}

.sx-radio-large {
    font-size: 24px;
}

.sx-survey-question {
    font-size: 18px;
}

.sx-editicon-small {
    background-image: url('/Synbiotix/App_Themes/Synapse/Images/button-small-edit.png');
    background-repeat: no-repeat;
    background-position-y: center;
}

.sx-drag-handle {
    cursor: pointer;
    cursor: hand;
}

.sx-survey-anyanswer {
    font-style: italic;
   color: silver
}

.sx-survey-end {
    font-style: italic;
    background-color: silver;
}

.sx-small-italic-font {
    font-size: 11px;
    font-style: italic;
}

.sx-align-right {
    text-align:right;
}

.sx-info-block {
    border: 1px solid #e6e5e5;
    padding: 5px;
}

.sx-score-link {
    text-decoration: underline;
}

.sx-alert-row {
    display: block;
    padding: 10px 20px;
}

.sx-alert-red {
    /*background-color: #fc7373;*/
    background-color: #FFCCCC;
}

.sx-alert-green {
    background-color: #cde0a8;
}

.sx-foundRow td
{
    padding-top:5px;
    padding-bottom:5px;
    background: #FFFF99;
    border-bottom: solid 3px #000000;
}

.sx-notFoundRow td
{
    padding-top:5px;
    padding-bottom:5px;
    background: #cc0000;
    color: #ffffff;
    font-weight: bold;
    border-bottom: solid 3px #000000;
}