html {
  font-family: Arial;
}

 
body {
  font-family: Arial !important;
  /*background-color: #F5F5F5;*/
  /*-ms-overflow-style: scrollbar;*/
}


@-ms-viewport {
  /*Note: Over-riding the Bootstrap CSS @-ms-viewport settings, which causes two overlapping vertical scrollbars on modal forms when IE is zoomed in.*/
  /*This also forces the scrollbar to not disappear and the scrollbar no longer overlaps content on the far-right side of the screen.*/
  width: auto !important;
}

body.dxheDesignViewArea {
  font-family: Tahoma !important;
  font-size: 12px;
}

.template_max_records {
    color: #393939;
}


.logout {
    color:white;
    font-size:12px;
    padding-right:5px;
}

.logout:hover {
    color:white;
    font-size:12px;
    text-decoration:none;
}

.userName {
    color:white;
    font-size:12px;
    padding-right:5px;
}

.versionInfo {
    color:white;
    font-size:12px;
    padding-left:5px;
    vertical-align:middle;
}

/****************************************/
/************* 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 { 
  overflow:hidden;
     background-color:#E2EDF8; 
   border-bottom:solid 1pt #808080;
   font-size:12px;
}

.wrapper-juvenile { 
  overflow:hidden;
     background-color:#E3F9F1; 
   border-bottom:solid 1pt #808080;
   font-size:12px;
}

.wrapper-juvenile div {
   padding: 2px;
   vertical-align:middle;
}

.wrapper div {
   padding: 2px;
   vertical-align:middle;
}

#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:200px;

}

@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;
  }

}

/******************************************************/
/****************** 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: -ms-autohiding-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;
}


.ImageButtonGrid {
    display: none;

}

.action-buttons 
{
    text-align:center;
    }


.btn-table-top {
    margin-top:10px !important;
    float:right !important;
}

.grid-buttons-row-top {
    display:inline-block;
    width: 100% !important;
    position:relative;
    padding:5px;
}

.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;
}

.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;
}

.btn-export-dowork {
    display:none !important;
}





/**************************************/
/* 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 {
    color: #FFFFFF !important;
    background-color: #296DB1 !important;
}


/*******************************************/
/* DEV EXPRESS DATE PICKER CALENDAR STYLES */
/*******************************************/

.dxeCalendar {
    position: absolute;
}

 .dxeCalendarDay:hover {
        background: #DCDCDC;
    }

.dxeCalendarButton  {
    padding: 7px 15px 7px 15px;
}

.dxeCalendarButton:hover {
    background-color:#296db1 !important;
    background-image:none;
    color:white;
}



/*******************************************/
/********* DEV EXPRESS INPUT STYLES ********/
/*******************************************/

input {
    font-size:12px !important;
    height:auto !important;
    padding:3px 2px 4px !important;
}

 input:focus {
            color: black !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-disable {
    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: red !important;
}

.dxeOptionalMark {
    color: blue  !important;
}




/*******************************************/
/*** DEV EXPRESS RADIO BUTTON LIST STYLES **/
/*******************************************/

.dxeCaptionCell.dxeCaptionVATSys.dxeRadioButtonListCTypeSys {
	padding-top: 3px; 
}

/*******************************************/
/*** DEV EXPRESS DATAGRID STYLES **/
/*******************************************/

.truncated {
   white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*******************************************/
/****** 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;
}

/*******************************************/
/**** DEV EXPRESS CHECKBOX TOGGLE STYLES ***/
/*******************************************/


.dxToggle.dxICheckBox[class*="Checked"] {
	/*background-color: #4a4a4a;*/
    background-color: #2e6da4 !important;
}

/******************************************************/
/********************** BUTTONS ***********************/
/******************************************************/

.btn-white-100 {

    background-image: url('')!important;
    font-weight: normal !important;
    text-align: center !important;
    display: inline-block !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 {

    background-image: url('')!important;
    font-weight: normal !important;
    text-align: center !important;
    display: inline-block !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: url('')!important;
    font-weight: normal !important;
    text-align: center !important;
    display: inline-block !important;
    border-radius: 4px !important;
    border-width: 1px !important;
     border-bottom-width: 2px !important;
    border-color: #4a7943 !important;
    color: #4a7943 !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: url('')!important;
    display: inline-block !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-white-hovered-100, .btn-white-pressed-100, .btn-white-pressed, .btn-white-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: url('') !important;
    display: inline-block !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-disabled-100, .btn-white-disabled, .btn-white-green-disabled {
    color:  #656565 !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: url('')!important;
    display: inline-block !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-hovered, .btn-gray-pressed {


        background-color: #4c5f6b !important;
        border-color: #586f7d !important;
        border: 5px solid #586f7d !important;
    background-image: url('') !important;
    display: inline-block !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;
}


.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;
}


.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;
}

/******************************************************/
/********************** REPORT ***********************/
/******************************************************/

.reportSearchCriteria {
    font-size:8pt;
    font-family:Arial;
}

.reportSearchCriteriaHead {
    font-weight:700;

}