html {
    font-family: Arial;
}

body {
    font-family: Arial !important;
    /*background-color: #F5F5F5;*/
    -ms-overflow-style: scrollbar;
}

body.dxheDesignViewArea {
    font-family: Tahoma !important;
    font-size: 12px;
}

.template_max_records {
    color: #393939;
}

.logout {
    color: white;
    font-size: 12px;
    padding-right: 5px;
}

.visually-hidden {
    border-width: 0 !important;
    clip: rect(1px,1px,1px,1px) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
}

.logout:hover {
    color: white;
    font-size: 12px;
    text-decoration: none;
}

.color-gray-ADA-STI {
    color: #696969 !important;
}

.color-red-ADA-STI {
    color: #e00000 !important;
}

.tablegray {
  background-color: #f5f5f5;
}

.table-hoverwhite > tbody > tr:hover {
  background-color: #ffffff;
}

.help {
    color: white;
    font-size: 12px;
    padding-right: 5px;
    text-decoration: none;
}

.help:hover {
    color: white;
    font-size: 12px;
    text-decoration: none;
}

.help:visited {
    color: white;
    font-size: 12px;
    padding-right: 5px;
    text-decoration: none;
}

.helpblackfont {
    color: black;
    font-size: 12px;
    padding-right: 5px;
    text-decoration: none;
}

.helpblackfont:hover {
    color: black;
    font-size: 12px;
    text-decoration: none;
}

.helpblackfont:visited {
    color: black;
    font-size: 12px;
    padding-right: 5px;
    text-decoration: none;
}

.userName {
    color: white;
    font-size: 12px;
    padding-right: 5px;
}

.versionInfo {
    color: white;
    font-size: 12px;
    padding-left: 5px;
    vertical-align: middle;
}

.dxpc-footerText {
    color: #6E6E6E !important;
}

.Email_Address_onmouseover {
    cursor: pointer;
    text-decoration: underline;
    color: blue;
}

/* ***************************************/
/************* WIZARD *******************/
/****************************************/

.wizard-header h1 {
    font-size: 26px;
}

.wizard-footer {
    width: 100% !important;
    float: left;
    background-color: #F3F3F3 !important;
    border: 1px solid #E0E0E0;
    padding: 7px;
}

.wizard-button-container {
    float: right !important;
}

/****************************************/
/********** DIV TABLE *******************/
/****************************************/

.div-table {
    display: table;
    border-collapse: separate;
    border-spacing: 10px;
}

.div-row {
    display: table-row;
}

.div-cell {
    display: table-cell;
}

/*
.aspnet-radio-button-list input[type="radio"] {
   margin-left: 10px;
   margin-right: 1px;
}
*/

.aspnet-radio-button-list label {
    margin-right: 10px;
    margin-left: 1px;
}

.ErrorDetails span {
    font-size: 24px !important;
}

.table-header {
    line-height: 28px !important;
}

.infobox {
    background-color: #f8f8f8 !important;
    border: solid 1pt #DCDCDC !important;
    width: 100% !important;
}

.infobox .infobox-content {
    color: #555;
    max-width: none !important;
    word-wrap: normal !important;
}

.wrapper-incident-header-tabs {
    border-top: solid 1px;
    border-color: #808080;
}

.wrapper-incident-header {
    overflow: hidden;
    background-color: #F8F8E2;
    border-top: solid 1pt #808080;
    border-bottom: solid 1pt #808080;
    font-size: 12px;
}

.wrapper-incident-header div {
    padding: 2px;
    vertical-align: middle;
}

.wrapper-ehm-header {
    overflow: hidden;
    /*background-color: darkseagreen;*/
    background-color: #B9D4B9;
    border-bottom: solid 1pt #808080;
}

.wrapper-ehm-header div {
    padding: 2px;
    vertical-align: middle;
}

.wrapper {
    overflow: hidden;
    background-color: #C3DEFA;
    border-bottom: solid 1pt #808080;
    font-size: 12px;
}

.wrapper-juvenile {
    overflow: hidden;
    background-color: #5BBA9F;
    border-bottom: solid 1pt #808080;
    font-size: 12px;
}

.wrapper-juvenile div {
    padding: 2px;
    vertical-align: middle;
}

.wrapper-juvenile a {
    color: #1a3e5d !important;
}

.wrapper div {
    padding: 2px;
    vertical-align: middle;
}

.wrapper a {
    color: #1a3e5d !important;
}

#one {
    float: left;
    width: 200px;
}

#two {
    float: left;
    width: 160px;
}

#three {
    float: left;
    width: 280px;
}

#four {
    float: left;
    width: 200px;
}

#five {
    float: left;
    width: 200px;
}

#six {
    float: left;
    width: 200px;
}

#seven {
    float: left;
    width: 200px;
}

#eight {
    float: left;
    width: 350px;
}

@media screen and (max-width: 600px) {
    #one, #two, #three, #four, #five, #six, #seven, #eight {
        float: none;
        margin-right: 0;
        width: auto;
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }
}

/******************************************************/
/****************** calendar   *****************/
/******************************************************/
.calDaySelectedStyle {
    background: #286aac !important;
    color: white !important;
    font-weight: bold;
}

.calDayOtherMonthStyle{
    color:#717171;
}

/******************************************************/
/****************** expand/collapse   *****************/
/******************************************************/

.btnExpandCollapse {
    background: none;
    border: none;
    color: #2e6da4;
    font-size: 12px;
}

.btnExpandCollapse:hover {
    color: #134975;
    text-decoration: underline;
    text-decoration-color: #134975;
}

.btnExpandCollapseDisabled {
    color: #676767;
    background: none;
    border: none;
    font-size: 12px;
    cursor: text;
}

.btnExpandCollapseDisabled:hover {
    color: gray;
    text-decoration: none;
}

/******************************************************/
/****************** table-responsive   ****************/
/******************************************************/

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: scrollbar;
        border: 1px solid #dddddd;
    }

    .table-responsive table {
        width: 100% !important;
        table-layout: auto !important;
        margin-bottom: 0;
    }

    .table-responsive table thead tr th,
    .table-responsive table tbody tr th,
    .table-responsive table tfoot tr th,
    .table-responsive table thead tr td,
    .table-responsive table tbody tr td,
    .table-responsive table tfoot tr td {
        white-space: nowrap !important;
        width: auto !important;
    }

    .table-responsive table td:last-child {
        white-space: normal !important;
        width: 100px !important;
    }

    .table-responsive > .table-bordered {
        border: 0;
    }

    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}

/******************************************************/
/****************** ACE CHECKBOX STYLE ****************/
/******************************************************/

input[type=checkbox].ace.ace-switch-4.btn-rotate + .lbl::after,
input[type=checkbox].ace.ace-switch-5.btn-rotate + .lbl::after {
    line-height: 10px !important;
}

input[type=checkbox].ace.ace-switch.ace-switch-4,
input[type=checkbox].ace.ace-switch.ace-switch-5 {
    width: 90px !important;
}

input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl::before,
input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::before {
    content: "Y\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0N";
    font-size: 9px;
    line-height: 15px;
    height: 15px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #8b9aa3;
    border: 1px solid #8b9aa3;
    color: #FFF;
    width: 25px;
    text-indent: -15px;
    text-shadow: 0 0 0 #FFF;
    display: inline-block;
    position: relative;
    box-shadow: none;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl::after,
input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::after {
    content: none;
    font-size: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    letter-spacing: 0;
    width: 0px;
    height: 0px;
    line-height: 0px;
    text-shadow: none !important;
    color: #939393;
    background-color: #FFF;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

input[disabled] {
    background-color: transparent !important;
    opacity: 1;     /* required on iOS? */
}

.fix-dropdown-cutoff {
    position: static !important;
}

.paddingTop17 {
    padding-top:17px;
}

.paddingTop24 {
    padding-top:24px;
}

.paddingTop25 {
    padding-top:25px;
}

.paddingTop26 {
    padding-top:26px;
}

.paddingTop30 {
    padding-top: 30px;
}

.marginDateTimeGroup {
    margin-left:-12px !important;
}

.noGutter {
    margin-left:-12px !important;
    margin-right:-12px !important;
}

.noRLPadding {
    padding-left:0px;
    padding-right:0px;
}

.ImageButtonGrid {
    display: none;
}

.action-buttons {
    text-align: center;
}

.no-background {
    background: none;
}

.inherit-background {
    background: inherit;
}

.btn-table-top {
    margin-top: 10px !important;
    float: right !important;
}

.modal-row-btn-bottom {
    padding-top: 20px;
}

.well-phase2 {
    margin-bottom: 6px;
}

.grid-buttons-row-top {
    display: inline-block;
    width: 100% !important;
    position: relative;
    padding: 5px;
}

.grid-buttons-row-top-phase2 {
    display: inline-block;
    width: 100% !important;
    position: relative;
    padding: 5px;
    padding-top: 25px;
}

.grid-export-buttons {
    float: left !important;
    white-space: nowrap;
    position: absolute;
    bottom: 0;
}

.grid-export-buttons img {
    display: inline-block;
    vertical-align: bottom !important;
    padding-left: 2px;
}

.grid-add-buttons {
    float: right !important;
    padding-left: 2px;
    white-space: nowrap;
    bottom: 0;
}

.space-4 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 6px 0;
    margin: 4px 0 3px;
}

[class*="vspace-4"] {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 6px 0;
    margin: 4px 0 3px 0;
}

.space-6 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 8px 0;
    margin: 6px 0 5px;
}

[class*="vspace-6"] {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 8px 0;
    margin: 6px 0 5px 0;
}

.modal-header {
    padding: 15px !important;
    border-bottom: 1px solid #e5e5e5 !important;
    background-color: #FFFFFF !important;
}

.modal-footer {
    padding: 12px !important;
}

.modal-body {
    padding-top: 15px !important;
    padding-bottom: 20px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.btn-table-main {
    width: 100% !important;
}

.btn-table {
    float: right !important;
}

.btn-table-left {
    float: left !important;
}

.float-right {
    float:right !important;
}

.float-left {
    float:left !important;
}

.table-client-info td {
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
}

.table-client-info td.text {
    padding-left: 5px;
}

.label-client-alert {
    font-weight: bold !important;
}

.btnhyperlink {
    text-decoration: underline;
}

.btn-export-dowork {
    display: none !important;
}

.login-layout {
    min-height: 100dvh;
}

.login-layout label {
    margin-bottom: 0px !important;
}

.infobox-blue {
    color: #0566d5 !important;
}

.infobox-blue > .infobox-icon > .ace-icon {
    background-color: #0566d5 !important;
}

.infobox-blue.infobox-dark {
    background-color: #0566d5 !important;
}

.infobox-red {
    color: #d80000 !important;
}

.infobox-red > .infobox-icon > .ace-icon {
    background-color: #d80000 !important;
}

.infobox-red.infobox-dark {
    background-color: #d80000 !important;
}

.infobox-green {
    color: #008000 !important;
}

.infobox-green > .infobox-icon > .ace-icon {
    background-color: #008000 !important;
}

.infobox-green.infobox-dark {
    background-color: #008000 !important;
}

.infobox-orange {
    color: #a75f00 !important;
}

.infobox-orange > .infobox-icon > .ace-icon {
    background-color: #a75f00 !important;
}

.infobox-orange.infobox-dark {
    background-color: #a75f00 !important;
}

.infobox-purple {
    color: #a93790 !important;
}

.infobox-purple > .infobox-icon > .ace-icon {
    background-color: #a93790 !important;
}

.infobox-purple.infobox-dark {
    background-color: #a93790 !important;
}

.infobox-black {
    color: #000000 !important;
}

.infobox-black > .infobox-icon > .ace-icon {
    background-color: #000000 !important;
}

.infobox-black.infobox-dark {
    background-color: #000000 !important;
}

.infobox-brown {
    color: #5e3b1c;
}

.infobox-brown > .infobox-icon > .ace-icon {
    background-color: #5e3b1c;
}

.infobox-brown.infobox-dark {
    background-color: #5e3b1c;
}

.infobox-teal {
    color: #127b71;
    border-color: #127b71;
}

.infobox-teal > .infobox-icon > .ace-icon {
    background-color: #127b71;
}

.infobox-teal.infobox-dark {
    background-color: #127b71;
    border-color: #127b71;
}

.infobox-magenta {
    color: #af1743;
    border-color: #af1743;
}

.infobox-magenta > .infobox-icon > .ace-icon {
    background-color: #af1743;
}

.infobox-magenta.infobox-dark {
    background-color: #af1743;
    border-color: #af1743;
}

.infobox-aqua {
    color: #024942;
    border-color: #024942;
}

.infobox-aqua > .infobox-icon > .ace-icon {
    background-color: #024942;
}

.infobox-aqua.infobox-dark {
    background-color: #024942;
    border-color: #024942;
}

.infobox-navy {
    color: #0b2b5e;
    border-color: #0b2b5e;
}

.infobox-navy > .infobox-icon > .ace-icon {
    background-color: #0b2b5e;
}

.infobox-navy.infobox-dark {
    background-color: #0b2b5e;
    border-color: #0b2b5e;
}

.infobox-violet {
    color: #55008c;
    border-color: #55008c;
}

.infobox-violet > .infobox-icon > .ace-icon {
    background-color: #55008c;
}

.infobox-violet.infobox-dark {
    background-color: #55008c;
    border-color: #55008c;
}

.infobox-dark-gray {
    color: #3d3d3d;
    border-color: #3d3d3d;
}

.infobox-dark-gray > .infobox-icon > .ace-icon {
    background-color: #3d3d3d;
}

.infobox-dark-gray.infobox-dark {
    background-color: #3d3d3d;
    border-color: #3d3d3d;
}

.page-header h1 small {
    color: #666d80 !important;
}

.breadcrumb .dxbButton {
    font-family: Arial !important;
    display: inline-block !important;
    line-height: 20px !important;
    font-size: 13px !important;
    text-align: left !important;
    border-style: none !important;
    background-color: transparent !important;
    color: #376f94 !important;
    padding: 0 !important;
    cursor: pointer !important;
}
/**************************************/
/*        ACE NAV TABS STYLES        **/
/**************************************/
.nav-tabs > li > a {
    color: #737373;
}

.nav-tabs > li.disabled > a {
    color: #737373;
}
/**************************************/
/* DEV EXPRESS NAV BAR HEADER STYLES **/
/**************************************/
.dxnbLite .dxnb-header a, .dxnbLite .dxnb-headerCollapsed a {
    text-decoration: none !important;
}

.dxnb-ghtext {
    margin-right: 17px !important;
}

/***********************************/
/* DEV EXPRESS TABLE HEADER STYLES */
/***********************************/

.dxgvHeader table > tbody > tr > td {
    border-color: #dddddd;
    font-weight: bold;
    color: #555;
    padding: 0px;
    line-height: 1.42857143;
}

.dxgvHeader table > tbody > tr > td a {
    color: #555;
}

.dxgvHeader {
    background-position: 0% 0%;
    color: #707070;
    font-weight: normal;
    background-image: linear-gradient(to bottom, #f8f8f8 0%, #ececec 100%) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0);
    background-color: #F2F2F2 !important;
    background-attachment: scroll !important;
}

.dxgvHSDC caption, .dxgvCSD caption {
    color: #FFFFFF !important;
    background-color: #296DB1 !important;
}

.dxgvTitlePanel {
    background-color: #e7e7e7 !important;
}

/*******************************************/
/* DEV EXPRESS DATE PICKER CALENDAR STYLES */
/*******************************************/

.dxeCalendarDay:hover {
    background: #DCDCDC;
}

.dxeCalendarButton {
    padding: 7px 15px 7px 15px;
}

.dxeCalendarButton:hover {
    background-color: #296db1 !important;
    background-image: none;
    color: white;
}

.dxscApt.dxsc-selected {
    background-color: #6f6f6f !important;
}

.dxmLite .dxm-disabled {
    color: #676767 !important;
}

.dxeCalendarFastNavItemSelected {
    background-color: #717171 !important;
}

.dxeCalendarFastNavItemOtherPeriod {
    color: #6a6a6a !important;
}

/*******************************************/
/********* DEV EXPRESS INPUT STYLES ********/
/*******************************************/
input {
    font-size: 12px !important;
    height: auto !important;
    padding: 3px 2px 4px !important;
}

input:focus {
    color: black !important;
}

.dxKBSW input {
    height: 0px !important;
    padding: unset !important;
}

.dxeFocused {
    border-color: #f59942 !important;
}

.EmptyPadding {
    padding: 0px !important;
}

/*******************************************/
/******* DEV EXPRESS CONTROL LABELS ********/
/*******************************************/

.control-label {
    font-weight: bold !important;
    color: #333333 !important;
    font-size: 13px;
    white-space: normal !important;
}

.control-label-regular {
    color: #333333 !important;
    font-size: 12px;
    white-space: normal !important;
}

.control-label-disable {
    font-weight: bold !important;
    color:silver  !important;
    font-size: 13px;
    white-space: normal !important;
}

.control-label-disable-font {
    font-weight: bold !important;
    font-size: 13px;
    white-space: normal !important;
}

.control-label-no-color {
    font-weight: bold !important;
    font-size: 13px;
    white-space: normal !important;
}

.question-label {
    font-weight: bold !important;
    color: #333333 !important;
    font-size: 12px;
    white-space: normal !important;
}

.question-label-disable {
    font-weight: bold !important;
    font-size: 12px;
    white-space: normal !important;
}

.control-validation {
    white-space: normal !important;
}

.dxeRequiredMark {
    color: #e00000 !important;
}

.well .dxeRequiredMark {
    color: #c90000 !important;
}

.dxeOptionalMark {
    color: blue !important;
}

.dxeHelpText {
    color: blue !important;
}

.dxeDisabled {
    color: #676767 !important;
}

/*******************************************/
/*** DEV EXPRESS RADIO BUTTON LIST STYLES **/
/*******************************************/

.dxeCaptionCell.dxeCaptionVATSys.dxeRadioButtonListCTypeSys {
    padding-top: 3px;
}

.dxeDisabled td.dxe {
    color: #676767;
}

/*******************************************/
/*** DEV EXPRESS DATAGRID STYLES **/
/*******************************************/

.truncated {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.batchEditDisabled {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

.gridLink {
    color: #193c59;
}

.dxp-pageSizeItem > .dx > label {
    color: black !important;
}

.dx-acc-r td.dxeErrorCell {
    color: #db0000;
}

.dxucErrorCell {
    color: #EE0000;
}

.dxheErrorFrame {
    color: #B70505 !important;
}

.dxp-lead {
    color: black !important;
}

.dxp-num {
    color: black !important;
}

/*******************************************/
/****** CRITERIA LIST BOX STYLES *******/
/*******************************************/
.criteria-selectall {
    color: #FFFFFF !important;
    background-color: #296DB1 !important;
}

/*******************************************/
/****** DEV EXPRESS COMBO BOX STYLES *******/
/*******************************************/

.dxeHLC, .dxeHFC, .dxeHC, .dxeHCC {
    color: #FFFFFF !important;
    background-color: #296db1 !important;
    font-weight: bold !important;
}

.dxWeb_pPopOut {
    height: 19px;
}

/*******************************************/
/**** DEV EXPRESS CHECKBOX TOGGLE STYLES ***/
/*******************************************/

.dxToggle.dxICheckBox[class*="Checked"] {
    /*background-color: #4a4a4a;*/
    background-color: #2e6da4 !important;
}

/******************************************************/
/******************* LOADING PANEL ********************/
/******************************************************/

.lp-white {
    color: #2e6da4;
    border-radius: 4px;
    border: 3px solid #2e6da4;
    border-bottom-width: 4px;
    vertical-align: middle;
    text-align: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    height: 50px;
    width: 100px;
}

/******************************************************/
/********************** BUTTONS ***********************/
/******************************************************/

.btn-white-100 {
    background-image: none !important;
    font-weight: normal !important;
    text-align: center !important;
    justify-content: center !important;
    width: 100% !important;
    border-radius: 4px !important;
    border-width: 1px !important;
    border-bottom-width: 2px !important;
    border-color: #abbac3 !important;
    color: #337ab7 !important;
    text-shadow: none !important;
    background-color: #FFF !important;
    padding: 0px !important;
    box-shadow: none !important;
    transition: background-color 0.15s, border-color 0.15s, opacity 0.15s !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    margin: 0 !important;
    position: relative !important;
    touch-action: manipulation !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    user-select: none !important;
}

.btn-white-100 input {
    color: #337ab7 !important;
    background-color: #FFF !important;
}

.btn-white-black-compare-100 {
    background-image: none !important;
    font-weight: normal !important;
    text-align: center !important;
    justify-content: center !important;
    width: 100% !important;
    border-radius: 4px !important;
    border-width: 2px !important;
    border-bottom-width: 4px !important;
    border-color: #abbac3 !important;
    color: black !important;
    text-shadow: none !important;
    background-color: #fff !important;
    padding: 0px !important;
    box-shadow: none !important;
    transition: background-color 0.15s, border-color 0.15s, opacity 0.15s !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    margin: 0 !important;
    position: relative !important;
    touch-action: manipulation !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    user-select: none !important;
}

.btn-white-black-compare-100-disabled {
    color: black !important;
    background-color: #dcdcdc !important;
    border-color: #656565 !important;
    border-width: 1px !important;
    border-bottom-width: 2px !important;
    cursor: not-allowed !important;
}

.btn-white-black-compare-100 input {
    color: #337ab7 !important;
    background-color: #FFF !important;
}

.btn-white {
    background-image: none !important;
    font-weight: normal !important;
    text-align: center !important;
    justify-content: center !important;
    border-radius: 4px !important;
    border-width: 1px !important;
    border-bottom-width: 2px !important;
    border-color: #abbac3 !important;
    color: #337ab7 !important;
    text-shadow: none !important;
    background-color: #FFF !important;
    padding: 0px !important;
    box-shadow: none !important;
    transition: background-color 0.15s, border-color 0.15s, opacity 0.15s !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    margin: 0 !important;
    position: relative !important;
    touch-action: manipulation !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    user-select: none !important;
    font-weight: bold !important;
}

.btn-white input {
    background-color: #FFF !important;
}

.btn-white-document-actions {
    background-image: none !important;
    font-weight: normal !important;
    text-align: center !important;
    display: inline-block;
    justify-content: center !important;
    border-radius: 4px !important;
    border-width: 1px !important;
    border-bottom-width: 2px !important;
    border-color: #abbac3 !important;
    color: #337ab7 !important;
    text-shadow: none !important;
    background-color: #FFF !important;
    padding: 0px !important;
    box-shadow: none !important;
    transition: background-color 0.15s, border-color 0.15s, opacity 0.15s !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    margin: 0 !important;
    position: relative !important;
    touch-action: manipulation !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    user-select: none !important;
    font-weight: bold !important;
}

.btn-white-green {
    background-image: none !important;
    font-weight: normal !important;
    text-align: center !important;
    display: flex;
    justify-content: center !important;
    border-radius: 4px !important;
    border-width: 1px !important;
    border-bottom-width: 2px !important;
    border-color: #487641 !important;
    color: #487641 !important;
    text-shadow: none !important;
    background-color: #FFF !important;
    padding: 0px !important;
    box-shadow: none !important;
    transition: background-color 0.15s, border-color 0.15s, opacity 0.15s !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    margin: 0 !important;
    position: relative !important;
    touch-action: manipulation !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    user-select: none !important;
    font-weight: bold !important;
}

.btn-blue {
    background-color: #2e6da4 !important;
    background-image: none !important;
    color: #FFF !important;
    border: 5px solid #2e6da4 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    margin: 0 !important;
    position: relative !important;
    font-weight: normal !important;
    text-align: center !important;
    touch-action: manipulation !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    padding: 0px !important;
}

.btn-blue input {
    background-color: #2e6da4 !important;
    color: white !important;
}

.btn-white-100-hovered, .btn-white-100-pressed, .btn-white-pressed, .btn-white-hovered {
    background-color: #eff2f4 !important;
    border-color: #abbac3 !important;
    color: #6b8595 !important;
}

.btn-white-black-compare-100-hovered, .btn-white-black-compare-100-pressed, .btn-white-black-compare-pressed, .btn-white-black-compare-hovered {
    background-color: #eff2f4 !important;
    border-color: #abbac3 !important;
    color: #6b8595 !important;
}

.btn-white-green-hovered-100, .btn-white-green-pressed-100, .btn-white-green-pressed, .btn-white-green-hovered {
    background-color: #edf4eb !important;
    border-color: #a7c9a1 !important;
    color: #6ea465 !important;
}

.btn-blue-hovered, .btn-blue-pressed {
    background-color: #134975 !important;
    border-color: #2e6da4 !important;
    border: 5px solid #2e6da4 !important;
    background-image: none !important;
    color: #FFF !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    margin: 0 !important;
    position: relative !important;
    font-weight: normal !important;
    text-align: center !important;
    touch-action: manipulation !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    padding: 0px !important;
}

.btn-white-100-disabled, .btn-white-disabled, .btn-white-green-disabled {
    color: #585858 !important;
    background-color: #dcdcdc !important;
    border-color: #585858 !important;
}

.btn-white-100-disabled-ada {
    color: black !important;
    background-color: #dcdcdc !important;
    border-color: #656565 !important;
}

.btn-blue-disabled {
    background-color: #EFEFEF !important;
    border-color: #DCDCDC !important;
    border: 5px solid #DCDCDC !important;
    background-color: #EFEFEF !important;
    border-color: #DCDCDC;
    color: #656565 !important;
}

.btn-gray {
    background-color: #586f7d !important;
    background-image: none !important;
    color: #FFF !important;
    border: 5px solid #586f7d !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    margin: 0 !important;
    position: relative !important;
    font-weight: normal !important;
    text-align: center !important;
    touch-action: manipulation !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    padding: 0px !important;
}

.btn-gray input {
    background-color: #586f7d !important;
}

.btn-gray-hovered, .btn-gray-pressed {
    background-color: #4c5f6b !important;
    border-color: #586f7d !important;
    border: 5px solid #586f7d !important;
    background-image: none !important;
    color: #FFF !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    margin: 0 !important;
    position: relative !important;
    font-weight: normal !important;
    text-align: center !important;
    touch-action: manipulation !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    padding: 0px !important;
}

.btn-disabled {
    cursor: not-allowed;
    opacity: 0.4;
}

.btn-reject {
    background-color: #bc513f;
    background-image: none !important;
    display: inline-block;
    color: #FFF;
    border: 5px solid #d15b47;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    vertical-align: middle;
    margin: 0;
    position: relative;
    font-weight: normal;
    text-align: center;
    touch-action: manipulation;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0px;
}

.btn-reject-hovered, .btn-reject-pressed {
    background-color: #aa331f;
    border-color: #d15b47;
    border: 5px solid #d15b47;
    background-image: none;
    display: inline-block;
    color: #FFF;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    vertical-align: middle;
    margin: 0;
    position: relative;
    font-weight: normal;
    text-align: center;
    touch-action: manipulation;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0px;
}

.btn-accept {
    background-color: #4a7943;
    background-image: none !important;
    display: inline-block;
    color: #FFF;
    border: 5px solid #4a7943;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    vertical-align: middle;
    margin: 0;
    position: relative;
    font-weight: normal;
    text-align: center;
    touch-action: manipulation;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0px;
}

.btn-accept-hovered, .btn-accept-pressed {
    background-color: #4fb93f;
    border-color: #4a7943;
    border: 5px solid #4a7943;
    background-image: none;
    display: inline-block;
    color: #FFF;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    vertical-align: middle;
    margin: 0;
    position: relative;
    font-weight: normal;
    text-align: center;
    touch-action: manipulation;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0px;
}

.btn-minier {
    padding: 0 0px;
    line-height: 18px;
    border-width: 2px;
    font-size: 12px;
}

.btn-reject input {
    background-color: #bc513f !important;
}

.btn-accept input {
    background-color: #4a7943 !important;
}

.green.fa.fa-pencil input {
    background-color: white !important;
}

.green.fa-solid.fa-pencil input {
    background-color: white !important;
}

.red.fa.fa-trash input {
    color: #db0000 !important;
    background-color: white !important;
}

.red.fa-regular.fa-trash-can input {
    color: #db0000 !important;
    background-color: white !important;
}

.errortext {
    color: #e00000 !important;
}

.green.fa.fa-file-text input {
    background-color: white !important;
}

.green.fa-solid.fa-file-lines input {
    background-color: white !important;
}

.green.fa.fa-refresh input {
    background-color: white !important;
}

.green.fa-solid.fa-rotate input {
    background-color: white !important;
}

.green.fa-solid.fa-person-running input {
    background-color: white !important;
}

.Question-Required:after, .form-group.required .control-label:after, .widget-header.required h4:after, .form-group.required h3:after, .widget-main.required .control-label:after {
    content: " *";
    color: red;
    font-size: 14px;
}

.Required-Asterisk:after, .form-group.required .control-label:after, .widget-header.required h4:after, .form-group.required h3:after, .widget-main.required .control-label:after {
    content: " *";
    color: red;
}

.Question-Conditionally-Required:after, .form-group.conditionallyrequired .control-label:after, .widget-header.conditionallyrequired h4:after, .form-group.conditionallyrequired h3:after, .widget-main.conditionallyrequired .control-label:after {
    content: " *";
    color: blue;
    font-size: 14px;
}

.dx-CheckBoxList-top-margin {
    margin-top: -10px;
}

.htmlLabelLeft {
    margin-top: 40px;
}

.radioButtonListMargin {
    margin-top: -4px;
}

.questionNote {
    font-size: large;
    font-weight: bold;
    background-color: whitesmoke;
    padding-bottom: 5px;
}

.EditAddressModalDiv {
    z-index: 19994;
}

.ModalErrorZIndex {
    z-index: 20000;
}

.ModalErrorZIndex .dxpcLite.dxpclW {
    z-index: 20000 !important;
}

.ModalMessageZIndex {
    z-index: 19998;
}

.ModalMessageZIndex .dxpcLite.dxpclW {
    z-index: 19998 !important;
}

/*.responses-darkgreen {
    background-color: #769051 !important;
    color: white !important;
}*/
.responses-darkgreen {
    background-color: #647C46 !important;
    color: white !important;
}

.responses-darkgreen .dxeDisabled {
    color: white !important;
}

.responses-lightgreen {
    background-color: #B0D877 !important;
    color: black !important;
}

.responses-lightgreen .dxeDisabled {
    color: black !important;
}

.responses-yellow {
    background-color: #f5f092 !important;
    color: black !important;
}

.responses-yellow .dxeDisabled {
    color: black !important;
}

.responses-orange {
    background-color: #FCAC6F !important;
    color: black !important;
}

.responses-orange .dxeDisabled {
    color: black !important;
}

.responses-red {
    background-color: #E08374 !important;
    color: black !important;
}

.responses-red .dxeDisabled {
    color: black !important;
}

/*.responses-bronze {
    background-color: #CD7F32 !important;
    color: white !important;
}*/
.responses-bronze {
    background-color: #A46628 !important;
    color: white !important;
}


.responses-bronze .dxeDisabled {
    color: white !important;
}

.responses-silver {
    background-color: silver !important;
    color: black !important;
}

.responses-silver .dxeDisabled {
    color: black !important;
}

.responses-gold {
    background-color: gold !important;
    color: black !important;
}

.responses-gold .dxeDisabled {
    color: black !important;
}

.responses-blue {
    background-color: #82bfe8 !important;
    color: black !important;
}

.responses-blue .dxeDisabled {
    color: black !important;
}

.responses-white {
    background-color: white !important;
    color: black !important;
}

.responses-white .dxeDisabled {
    color: black !important;
}

.responses-need {
    background-color: #FFF5FF !important;
    color: black !important;
}

.responses-need .dxeDisabled {
    color: black !important;
}

.dxbDisabled {
    color: #707070;
}

.col-20-percent {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
    float: left;
    width: 20%;
}

.showSpan {
    display: initial;
}

.ModalFirstZIndex {
    z-index: 12100;
}

.ModalSecondZIndex {
    z-index: 12200;
}

.ModalThirdZIndex {
    z-index: 12300;
}

.ModalFourthZIndex {
    z-index: 12400;
}

.ModalFifthZIndex {
    z-index: 12500;
}

.ModalSixthZIndex {
    z-index: 12600;
}

.ModalSeventhZIndex {
    z-index: 12700;
}

.ModalEighthZIndex {
    z-index: 12800;
}

.ModalNinthZIndex {
    z-index: 12900;
}

.ModalTenthZIndex {
    z-index: 13000;
}

.displayFlex {
    display: flex;
}

.grid-client-filter-buttons {
    margin-top: -15px;
    width: 100% !important;
    padding: 5px;
    padding-top: 28px;
}

.grid-client-filter-buttons > a {
    padding: 5px;
}

.grid-client-filter-button-selected {
    border-width: 3px;
    border-color: black;
    border-style: solid;
}

.converttouppercase .dxeEditArea
{
    text-transform: uppercase !important;
}

.btnTimeControlheightwidth
{
     height: 11px !important;
     width: 30px !important;
}

/******************************************************/
/********************** REPORT ***********************/
/******************************************************/

.reportSearchCriteria {
    font-size: 8pt;
    font-family: Arial;
}

.reportSearchCriteriaHead {
    font-weight: 700;
}

/*************************************************************************/
/********************** Admission Release Checklist **********************/
/*************************************************************************/

.admissionReleaseChecklistBox {
    margin-top: 15px;
}

.admissionReleaseChecklistLabel {
    margin-top: 21px;
}

/*************************************************************************/
/*************************** Bootstrap Classes ***************************/
/*************************************************************************/

.alert-orange {
    background-color: #ffe4b2;
    border-color: #ffdea3;
    color: #8f5c00;
}

.alert-orange hr {
    border-top-color: #ffd58a;
}

.alert-orange .alert-link {
    color: #764c00;
}

.alert-purple {
    background-color: #fadcfa;
    border-color: #e4cbe4;
    color: #4b0082;
}

.alert-purple hr {
    border-top-color: #dbbadb;
}

.alert-purple .alert-link {
    color: #2e004f;
}

.alert-gray {
    background-color: #f1f1f1;
    border-color: #e6e6e6;
    color: #585858;
}

.alert-gray hr {
    border-top-color: #d9d9d9;
}

.alert-gray .alert-link {
    color: #3e3e3e;
}

/*#region Change for clicking grid button */
table tr .dxbButton div.dxbf {
    border: none !important;
}

table tr .dxbButton:has(div.dxbf)::before {
    border: 1px dotted black !important;
}
/*#endregion*/p {  
        margin-top:0;  
        margin-bottom:0;  
        padding:0;  
        margin-left:0px;  
}


/************************* links *********************/
a {
    color: #265986;
}

.link_white {
    color:#fff;
}

.link_white:hover {
    color:#fff;
    text-decoration:underline;
}

.link_white:visited {
    color:#fff;
    text-decoration:underline;
}

.breadcrumb > li > a {
  display: inline-block;
  color: #376f94;
}

/************************* errors *********************/
.form-group.has-error .control-label,
.form-group.has-error .help-block,
.form-group.has-error .help-inline {
  color: #c13f3d;
}

.ValidationErrorMessage {
    color:#c13f3d;
}



/************************* misc *********************/
.blue {
  color: #3070a5 !important;
}

.blue2 {
  color: #5555ff !important;
}

.blue3 {
    color: #5454FF !important;
}

.green {
  color: #4d7e33 !important;
}

.green2 {
    color: #477731 !important;
}

.red2 {
    color: #D34127 !important;
}

.red3 {
    color: #C23B24 !important;
}

.widget-header {
  color: #387098 !important;
}


/************************* badges *********************/
.label-success,
.label.label-success,
.badge.badge-success,
.badge-success {
  background-color: #557c44;
}

.label-danger,
.label.label-danger,
.badge.badge-danger,
.badge-danger {
  background-color: #c74832;
}


/************************* tables *********************/
.table-header {
  background-color: #296db1;
}






/************************* Wizard Steps *********************/
.steps li .title {
  color: #64707b;
}

/*.steps li:before {
  border-top: 4px solid #64707b;
}

.steps li .step {
  border: 5px solid #64707b;
}*/

/************************* All Buttons *********************/
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 1.00;
  filter: alpha(opacity=100);
  -webkit-box-shadow: none;
  box-shadow: none;
}



/************************* btn-primary *********************/
.btn-primary,
.btn-primary:focus {
  /*background-color: #428bca !important;
  border-color: #428bca;*/
  background-color: #2e6da4 !important;
  border-color: #2e6da4;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus:active,
.btn-primary:focus:hover,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .btn-primary.dropdown-toggle,
.open > .btn-primary.dropdown-toggle:active,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.active {
  /*background-color: #1b6aaa !important;
  border-color: #428bca;*/
    background-color: #134975 !important;
  border-color: #2e6da4;
}
.btn-primary.no-border:hover,
.btn-primary.no-border:active {
  /*border-color: #1b6aaa;*/
  border-color: #134975;
}
.btn-primary.no-hover:hover,
.btn-primary.no-hover:active {
  /*background-color: #428bca !important;*/
  background-color: #2e6da4 !important;
}


.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  /*background-color: #428bca !important;
  border-color: #428bca;*/

  /*background-color: #757575 !important;
  border-color: #565656;*/


    background-color: #EFEFEF !important;
  border-color: #DCDCDC;
  color:  #656565 !important;
}

 .btn-primary.disabled i.ace-icon.white,
 .btn-primary[disabled] i.ace-icon.white,
fieldset[disabled] .btn-primary i.ace-icon.white,
.btn-primary.disabled:hover i.ace-icon.white,
.btn-primary[disabled]:hover i.ace-icon.white,
fieldset[disabled] .btn-primary:hover i.ace-icon.white,
.btn-primary.disabled:focus i.ace-icon.white,
.btn-primary[disabled]:focus i.ace-icon.white,
fieldset[disabled] .btn-primary:focus i.ace-icon.white,
.btn-primary.disabled:active i.ace-icon.white,
.btn-primary[disabled]:active i.ace-icon.white,
fieldset[disabled] .btn-primary:active i.ace-icon.white,
.btn-primary.disabled.active i.ace-icon.white,
.btn-primary[disabled].active i.ace-icon.white,
fieldset[disabled] .btn-primary.active i.ace-icon.white {
          color:  #656565 !important;
    }




/************************* btn-success *********************/
.btn-success,
.btn-success:focus {
  background-color: #4a7943 !important;
  border-color: #4a7943;
}
.btn-success:hover,
.btn-success:active,
.btn-success:focus:active,
.btn-success:focus:hover,
.btn-success:active:hover,
.btn-success.active:hover,
.open > .btn-success.dropdown-toggle,
.open > .btn-success.dropdown-toggle:active,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.active {
    background-color: #3f6739 !important;
  border-color: #4a7943;
}
.btn-success.no-border:hover,
.btn-success.no-border:active {
  border-color: #4a7943;
}
.btn-success.no-hover:hover,
.btn-success.no-hover:active {
  background-color: #3f6739 !important;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #EFEFEF !important;
  border-color: #DCDCDC;
  color:  #656565 !important;
}

 .btn-success.disabled i.ace-icon.white,
 .btn-success[disabled] i.ace-icon.white,
fieldset[disabled] .btn-success i.ace-icon.white,
.btn-success.disabled:hover i.ace-icon.white,
.btn-success[disabled]:hover i.ace-icon.white,
fieldset[disabled] .btn-success:hover i.ace-icon.white,
.btn-success.disabled:focus i.ace-icon.white,
.btn-success[disabled]:focus i.ace-icon.white,
fieldset[disabled] .btn-success:focus i.ace-icon.white,
.btn-success.disabled:active i.ace-icon.white,
.btn-success[disabled]:active i.ace-icon.white,
fieldset[disabled] .btn-success:active i.ace-icon.white,
.btn-success.disabled.active i.ace-icon.white,
.btn-success[disabled].active i.ace-icon.white,
fieldset[disabled] .btn-success.active i.ace-icon.white {
          color:  #656565 !important;
    }





 

/************************* btn-grey *********************/
.btn-grey,
.btn-grey:focus {
  background-color: #727272 !important;
  border-color: #727272;
}
.btn-grey:hover,
.btn-grey:active,
.btn-grey:focus:active,
.btn-grey:focus:hover,
.btn-grey:active:hover,
.btn-grey.active:hover,
.open > .btn-grey.dropdown-toggle,
.open > .btn-grey.dropdown-toggle:active,
.open > .btn-grey.dropdown-toggle:hover,
.open > .btn-grey.dropdown-toggle:focus,
.open > .btn-grey.dropdown-toggle.active {
    background-color: #636363 !important;
  border-color: #727272;
}
.btn-grey.no-border:hover,
.btn-grey.no-border:active {
  border-color: #727272;
}
.btn-grey.no-hover:hover,
.btn-grey.no-hover:active {
  background-color: #636363 !important;
}

.btn-grey.disabled,
.btn-grey[disabled],
fieldset[disabled] .btn-grey,
.btn-grey.disabled:hover,
.btn-grey[disabled]:hover,
fieldset[disabled] .btn-grey:hover,
.btn-grey.disabled:focus,
.btn-grey[disabled]:focus,
fieldset[disabled] .btn-grey:focus,
.btn-grey.disabled:active,
.btn-grey[disabled]:active,
fieldset[disabled] .btn-grey:active,
.btn-grey.disabled.active,
.btn-grey[disabled].active,
fieldset[disabled] .btn-grey.active {
    background-color: #EFEFEF !important;
  border-color: #DCDCDC;
  color:  #656565 !important;
}

 .btn-grey.disabled i.ace-icon.white,
 .btn-grey[disabled] i.ace-icon.white,
fieldset[disabled] .btn-grey i.ace-icon.white,
.btn-grey.disabled:hover i.ace-icon.white,
.btn-grey[disabled]:hover i.ace-icon.white,
fieldset[disabled] .btn-grey:hover i.ace-icon.white,
.btn-grey.disabled:focus i.ace-icon.white,
.btn-grey[disabled]:focus i.ace-icon.white,
fieldset[disabled] .btn-grey:focus i.ace-icon.white,
.btn-grey.disabled:active i.ace-icon.white,
.btn-grey[disabled]:active i.ace-icon.white,
fieldset[disabled] .btn-grey:active i.ace-icon.white,
.btn-grey.disabled.active i.ace-icon.white,
.btn-grey[disabled].active i.ace-icon.white,
fieldset[disabled] .btn-grey.active i.ace-icon.white {
          color:  #656565 !important;
    }



 

/************************* btn-info *********************/
.btn-info,
.btn-info:focus {
  background-color: #2578b0 !important;
  border-color: #2578b0;
}
.btn-info:hover,
.btn-info:active,
.btn-info:focus:active,
.btn-info:focus:hover,
.btn-info:active:hover,
.btn-info.active:hover,
.open > .btn-info.dropdown-toggle,
.open > .btn-info.dropdown-toggle:active,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.active {
    background-color: #206796 !important;
  border-color: #2578b0;
}
.btn-info.no-border:hover,
.btn-info.no-border:active {
  border-color: #2578b0;
}
.btn-info.no-hover:hover,
.btn-info.no-hover:active {
  background-color: #206796 !important;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #EFEFEF !important;
  border-color: #DCDCDC;
  color:  #656565 !important;
}

 .btn-info.disabled i.ace-icon.white,
 .btn-info[disabled] i.ace-icon.white,
fieldset[disabled] .btn-info i.ace-icon.white,
.btn-info.disabled:hover i.ace-icon.white,
.btn-info[disabled]:hover i.ace-icon.white,
fieldset[disabled] .btn-info:hover i.ace-icon.white,
.btn-info.disabled:focus i.ace-icon.white,
.btn-info[disabled]:focus i.ace-icon.white,
fieldset[disabled] .btn-info:focus i.ace-icon.white,
.btn-info.disabled:active i.ace-icon.white,
.btn-info[disabled]:active i.ace-icon.white,
fieldset[disabled] .btn-info:active i.ace-icon.white,
.btn-info.disabled.active i.ace-icon.white,
.btn-info[disabled].active i.ace-icon.white,
fieldset[disabled] .btn-info.active i.ace-icon.white {
          color:  #656565 !important;
    }



 
/************************* btn-default *********************/
.btn-default,
.btn-default:focus {
  background-color: #586f7d !important;
  border-color: #586f7d;
}
.btn-default:hover,
.btn-default:active,
.btn-default:focus:active,
.btn-default:focus:hover,
.btn-default:active:hover,
.btn-default.active:hover,
.open > .btn-default.dropdown-toggle,
.open > .btn-default.dropdown-toggle:active,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.active {
    background-color: #4c5f6b !important;
  border-color: #586f7d;
}
.btn-default.no-border:hover,
.btn-default.no-border:active {
  border-color: #586f7d;
}
.btn-default.no-hover:hover,
.btn-default.no-hover:active {
  background-color: #4c5f6b !important;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #EFEFEF !important;
  border-color: #DCDCDC;
  color:  #656565 !important;
}

 .btn-default.disabled i.ace-icon.white,
 .btn-default[disabled] i.ace-icon.white,
fieldset[disabled] .btn-default i.ace-icon.white,
.btn-default.disabled:hover i.ace-icon.white,
.btn-default[disabled]:hover i.ace-icon.white,
fieldset[disabled] .btn-default:hover i.ace-icon.white,
.btn-default.disabled:focus i.ace-icon.white,
.btn-default[disabled]:focus i.ace-icon.white,
fieldset[disabled] .btn-default:focus i.ace-icon.white,
.btn-default.disabled:active i.ace-icon.white,
.btn-default[disabled]:active i.ace-icon.white,
fieldset[disabled] .btn-default:active i.ace-icon.white,
.btn-default.disabled.active i.ace-icon.white,
.btn-default[disabled].active i.ace-icon.white,
fieldset[disabled] .btn-default.active i.ace-icon.white {
          color:  #656565 !important;
    }

 /************************* btn-white.btn-success *********************/
 .btn-white.btn-success {
  border-color: #54784e;
  color: #54784e !important;
}

 .btn-white.btn-success:hover,
.btn-white.btn-success:focus,
.btn-white.btn-success.active,
.btn-white.btn-success:active,
.open > .btn-white.btn-success.dropdown-toggle,
.open > .btn-white.btn-success.active.dropdown-toggle {
  background-color: #edf4eb !important;
  border-color: #54784e;
  color: #476542 !important;
}



  /************************* btn-white.btn-info *********************/
.btn-white.btn-info {
  border-color: #407395;
  color: #407395 !important;

}
.btn-white.btn-info:hover,
.btn-white.btn-info:focus,
.btn-white.btn-info.active,
.btn-white.btn-info:active,
.open > .btn-white.btn-info.dropdown-toggle,
.open > .btn-white.btn-info.active.dropdown-toggle {
  background-color: #eef5fa !important;
  border-color: #8fbcd9;
  color: #407395 !important;
}

.dxeCalendarOtherMonth, .dxeCalendarWeekNumber {
    color: #767676;
}#stisignatureCanvas
{
	background-color: #fff;
}

#stibtnClear
{
	float: right;
	width: 88px;
	height: 32px;
	border: 5px solid #586f7d !important;
	background-color: #586f7d !important;
     color: #FFF !important;
      font-size: 14px !important;
    line-height: 1.42857143 !important;
    font-weight: normal !important;
}

#stibtnAccept
{
	float: left;
	width: 88px;
	height: 32px;
	border: 5px solid #2e6da4 !important;
	background-color: #2e6da4 !important;
    color: #FFF !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
}

#stibtnClear:Hover
{
	float: right;
	width: 88px;
	height: 32px;
	border: 5px solid #586f7d !important;
	background-color: #4c5f6b !important;
     color: #FFF !important;
      font-size: 14px !important;
    line-height: 1.42857143 !important;
    font-weight: normal !important;
}

#stibtnAccept:Hover
{
	float: left;
	width: 88px;
	height: 32px;
	border: 5px solid #2e6da4 !important;
	background-color: #134975 !important;
    color: #FFF !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
}


.stisignatureArea
{	
	width: 300px;
	color: #ff6600;
}

.stisignatureArea div
{
	padding-left: 60px;
}



