@page {
    @bottom-center{
        content: string(header);
        font-size: xx-small;
    }

    @bottom-right-corner {
        content: counter(page);
        font-size: xx-small;
    }
    margin-left: 15px;
    margin-right: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.nobreak{
    page-break-after:avoid;
}
.textright {
    text-align: right;
}

.textcenter {
    text-align: center;
}

.texttop {
    vertical-align: top;
}
.writevertical{
    writing-mode:vertical-rl;
}
h5 {
    string-set: header content()
}

.BannerHead 
{
font-weight:bold;
font-size:13px;
font-family:Verdana,Arial;
padding-left:25px;
padding-top:12px;
color:white;
}

BODY {
    background-color: #FFFFFF;
    /*margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 0px;*/
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    word-wrap:break-word;
    overflow-wrap:break-word;
}

TD {
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 11px;
    color: #666666;
}
.data table {
    table-layout: fixed;
    width: 100%;
    text-align: left;
}
    .data table TD {
        
        word-wrap: break-word;
        overflow-wrap: break-word;
       
    }
        TD.whitesmall {
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 9px;
    color: #FFFFFF;
}
	
TD.copyright {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 9px;
	color: #CCCCCC;
	}
	
TD.default
{
	border-bottom: 1px solid #D8D8D8;
	border-top: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
	border-left: 1px solid #D8D8D8;
}

A.GrayLink:LINK, A.GrayLink:VISITED, A.GrayLink:ACTIVE {
	color: #515658;
	font-weight: bold;
	text-decoration: none;
	}
	
A:LINK, A:VISITED, A:ACTIVE {
	color: #FF0000;
	text-decoration: none;
	}

A:HOVER, A:VISITED:HOVER {
	color: #FF0000;
	text-decoration: underline;
	}
	


/* CBC Credit Report CSS */
        A:LINK.submenu, A:VISITED.submenu, A:ACTIVE.submenu {
	        color: #666666;
	        text-decoration: none;
	        }
        A:HOVER.submenu, A:VISITED:HOVER.submenu {
	        color: #FF0000;
	        text-decoration: underline;
	        }
        A:LINK.submenu-sm, A:VISITED.submenu-sm, A:ACTIVE.submenu-sm {
	        color: #5778ab;
	        text-decoration: none;
            font-size: 80%;
	        }
        A:HOVER.submenu-sm, A:VISITED:HOVER.submenu-sm {
	        color: #FF0000;
	        text-decoration: underline;
            font-size: 80%;
	        }
        #myDialog {
            display: none;
        }
        .ui-dialog-titlebar {
	        font-family: verdana,arial,helvetica,sans-serif;
            height: 30px;
            background-color: silver;
            border: 1px solid black;
            margin: 0 auto;
            cursor: default;
        }
        .ui-dialog-title {
            position: absolute;
            top: 8px;
            cursor: default;
        }
        .ui-widget {
            position: relative;
            top: 2px;
            left: -2px;
            float: right;
        }
        .ui-dialog-content {
            background-color: white;
            border: 1px solid black;
        }
        .ui-dialog-title, .ui-dialog-content, .ui-widget-content, .ui-button-text {
	        font-family: verdana,arial,helvetica,sans-serif;
            font-size: 90%;
        }
        .ui-widget-overlay { 
            position: absolute; 
            top: 0; 
            left: 0; 
            width: 100%; 
            height: 100%; 
            background: #aaaaaa;
            opacity: 0.3;
        }
        .ui-front {
            z-index: 500;
        } 
        .stop-scrolling {
          height: 100%;
          overflow: hidden;
        }
/*        .myDialogChildDiv {
            color: white;
        } */
/*-- End CBC Credit Report CSS */

A:LINK.emulateButton, A:VISITED.emulateButton, A:ACTIVE.emulateButton, A:HOVER.emulateButton, A:VISITED:HOVER.emulateButton  {
	font-family:  verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	line-height: 11px; 
	color: #666666; 
	background-color: #EEEEEE; 
	border: 1px solid #A9ACAD;
	cursor: hand;
	border: 1px solid black;
	height: 23px;
	width: 98px;
	vertical-align: middle;
	text-align: center;
    text-decoration: none;
    }
	
OPTION {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	color: #666666;
	background-color : white;
	border: 1px solid #999999;
	}
	
SELECT {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10px;
	color: #666666;
	background-color: white;
	}
	
INPUT.login {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	color: #666666;
	background-color : #EEEEEE;
	border: 1px solid #FFFFFF;
	}
	
.CleanButton
{
	font-family:  verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	line-height: 11px; 
	color: #666666; 
	background-color: #EEEEEE; 
	border: 1px solid #A9ACAD;
	cursor: hand;
}

.CleanButtonSmall
{
	font-family:  verdana,arial,helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 1px;
	line-height: 11px; 
	color: #666666; 
	background-color: #EEEEEE; 
	border: 1px solid #A9ACAD;
	cursor: hand;
}

INPUT.form {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	color: #666666;
	background-color : #FFFFFF;
	border: 1px solid #A9ACAD;
	}
	
	INPUT.DateForm {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	color: #666666;
	background-color : #FFFFFF;
	border: 1px solid #A9ACAD;
	}
	
TEXTAREA {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	color: #666666;
	background-color : #F0F0F0;
	border: 1px solid #999999;
	}
	
STRONG.red {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	color: #FF0000;
	}
	
STRONG.big {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 13px;
	color: #666666;
	}

P.breakhere 
	{page-break-before: always
	}

.DataGridPager td 
{
	
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	border: 0px;
}

table.sortable a.sortheader 
{
    background-color:#5778AB;
    color:white;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow 
{
    color: #5778AB;
    font-size: 0px;
    text-decoration: none;
}

table.sortable thead {
    cursor: hand;
}
.mainpanel {
    width: 100%;
}
.panel {
    width: 100%;
}
.gridtext {
    text-align:center;
}
.section-Header {
    font-size: 14pt;
    text-decoration: underline;
    text-align: center;
    font-weight: bold;
}
.avm-MainText {
    font-family: Arial;
    font-size: 0.82em;
    color: #000080;  
    font-weight:bold;
}
.avm-Text {
    font-family: Arial;
    font-size: 0.63em;
    color: #000080;
    font-weight: bold;
}
.avm-SubHeader {
    font-family: Arial;
    font-size: .82em;
    color: #000080;
    font-weight:bold;
    text-decoration:underline;
    text-align:center;
}
.print
{
 display:none;
}
/*p {
    margin: 2em;
    margin-inside: 3em;
}*/

.style_labels_sm {
	FONT-SIZE: 8pt; BACKGROUND-COLOR: #5778ab;
}
.style_detail_sm {
	FONT-SIZE: 7.5pt
}
.style_detail_sm2 {
	FONT-SIZE: 7.5pt
}
.style_detail_sm4 {
	FONT-SIZE: 7pt;
}
.style_detail_sm4_bold {
	FONT-SIZE: 7pt; color: #003580; font-weight: bold;
}
.style_header_sm4 {
	FONT-SIZE: 7pt; font-weight:bold; TEXT-DECORATION: underline;
}
.style_detail_white {
	FONT-SIZE: 7pt; color: White;
}
.style_detail_bold_white {
	FONT-SIZE: 7pt; color: White; font-weight: bold;
}
.style_detail_sm2_bold_blue
{
	FONT-WEIGHT: bold; FONT-SIZE: 7.5pt; COLOR: #003580;
}
.style_detail_sm3 {
	FONT-SIZE: 8pt
}
.style_labels_sm2 
{
	FONT-SIZE: 8pt; BACKGROUND-COLOR: #dedfbf;
}
.style_detail_normal {
	FONT-WEIGHT: normal; FONT-SIZE: 10pt
}
.style_detail_bold_blue 
{
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #003580;
}
.tblBorder {
	BORDER-RIGHT: #003580 1px solid; BORDER-LEFT: #003580 1px solid; BORDER-BOTTOM: #003580 1px solid; BORDER-TOP: #003580 1px solid;
}


/* Style for idTabs */
.categoryTab {
  background: white;
  color:black;
  padding:15px 10px;
  width:750px;
  border:1px solid white;
  margin:8px auto;
}
.categoryTab li { list-style:none; float:left; }
.categoryTab ul a {
  display:block;
  padding:6px 10px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  font:10px Verdana;
  color:#FFF;
  background:gray;
}
.categoryTab ul a:hover {
  color:#000;
  background:#FDFBF1;
  }
.categoryTab ul a.selected {
  margin-bottom:0;
  color:#FFF;
  background:#5778AB;
  border-bottom:1px solid snow;
  cursor:default;
  }
.categoryTab div {
  padding:10px 10px 8px 10px;
  padding-top:3px;
  margin-top:-15px;
  clear:left;
  color: #666666;
  background:#FDFBF1;
  font:8pt verdana,arial,helvetica,sans-serif;
}


/* 11/24/2014 DVDR-823 Styles for AVM & AVM Cascade Profile Tabs - start */

/*
.avmTab ul a.selected {
  margin-bottom:0;
  color:#FFFFFF;
  background:#5778AB;
  border-bottom:1px solid snow;
  cursor:default;
  }
*/
/*
.avmTabTableDiv {
  padding:10px 0px 8px 10px;
  padding-top:3px;
  margin-top:-15px;
  clear:left;
  color: #666666;
  background:#FDFBF1;
  font:8pt verdana,arial,helvetica,sans-serif;
}
.avmTabTDSelected {
  margin-bottom:0!important;
  color:#FFFFFF!important;
  background:#5778AB!important;
    border-top: 1px solid gray;
    border-right: 1px solid gray;
    border-left: 1px solid gray;
  border-bottom: 1px solid #5778AB!important;
  cursor:default;
  
  display:block;
  padding:6px 10px;
  text-decoration:none!important;
  font:10px Verdana;
  margin:0 0 1px 0;
}
.avmTabLinkSelected {
  margin-bottom:0!important;
  color:#FFFFFF!important;
  background:#5778AB!important;
  border: 0;
  cursor:default;
  
  display:block;
  text-decoration:none!important;
  font:10px Verdana;
  margin:0 0 1px 0;
}
.avmTabTDUnselected {
  margin-bottom:0!important;
  color:#FFFFFF;
  background:gray;
    border: 1px solid gray;
  cursor:pointer;
  
  display:block;
  padding:6px 10px;
  text-decoration:none!important;
  font:10px Verdana;
  margin:0 0 1px 0;
}
    .avmTabTDUnselectedHover {
      color:        black!important;
      background:   silver!important;
      cursor:       pointer;
    }
.avmTabLinkUnselected {
  margin-bottom:0!important;
  color:#FFFFFF!important;
  background:gray;
  border: 0;
  cursor:pointer;
  
  display:block;
  text-decoration:none!important;
  font:10px Verdana;
  margin:0 0 1px 0;
}
    .avmTabLinkUnselectedHover {
      color:        black!important;
      background:   silver!important;
      cursor:       pointer;
    }
*/    
/* 11/24/2014 DVDR-823 Styles for AVM & AVM Cascade Profile Tabs - end */

.style_detail_bold_gray 
{
	font-size: 7pt; 
	color: #666666; 
	font-weight: bold;
}

.style_detail_gray 
{
	font-size: 7pt; 
	color: #666666;
}

/*.categoryTab div a { color:#000; font-weight:bold; }*/

.MessageLabelWrap
{
	color: #FF0000; 
	width:750px;
	max-width: 750px; 
	display:block; 
}

.MessageLabelShortWrap
{
	color: #FF0000; 
	width: 550px;
	max-width: 550px; 
	display:block; 
}

.WrapXmlHyperLink
{
	width: 250px;
	max-width: 250px; 
	display:block; 
}

/* The attribute displays the error message in red. */
.MessageError
{
	font-family: Tahoma;
	font-size: 11px;
	color: #FF0000;	
}

.MessageBlock
{
	display: block;
}


/* The attribute creates block confirmation message on the web page. */
.ConfirmationMessage
{
	font-family:  verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	color: #666666; 
	width:450px;
	max-width: 450px; 
	display:block; 
}

.TableHeader
{
	font-family:  verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.DocumentLink
{
	font-family:  verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	color: #666666; 
}

.TextStyle
{
	font-family:  verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 11px; 
	color: #666666; 
}

.TextStyleLabelFont
{
	font-family:  verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	line-height: 11px; 
	color: #666666; 
}

.default-Text-Right{
    text-align:right;
}
.default-Text-Middle {
    text-align: center;
}
.TableRowTitle
{
	
	font-family:  verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 11px; 
	color: #484848; 
}

.TableRowWording
{
	font-family:  verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 11px; 
	color: #666666; 
}

.RadioButtonPointer
{
	cursor: hand;
}

.TransactionStatusMessageInRedColor
{
	font-family:  verdana,arial,helvetica,sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #FF0000; 	
}

.HandCursor
{
	cursor:pointer;	
}

/*
	Date: 06/02/2009
	By: Ralphael L. Brown II
	Purpose: New CSS Standards implemented to work with IE 8.0 (code starting below)
*/
.noWrap
{
	white-space: nowrap;
}

.default-critical-message
{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	color: #FF0000;		
}

.default-error-message
{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;		
}

.default-success-message
{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}

.default-required-notation
{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: Red;	
}

/****************************************************************
 * CSS Attributes for detail information on the web page.
 ****************************************************************/
.default-detail-small
{
	font-size: 10px;
}

.default-detail-normal
{
	font-weight: normal;
	font-size: 13px;
}

/****************************************************
 * CSS Attributes for Wording in Labels and Wording in <td></td>
 ***************************************************/
.default-text-noWrap
{
	white-space: nowrap;	
}

.default-textstyle
{
	font-family:  verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 11px; 
	color: #666666; 
}

.default-label-textstyle
{
	font-family:  verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	line-height: 11px; 
	color: #666666;
}

.default-label-textstyle-bold
{
	font-weight: bold;
}


.modified-label-textstyle-darkgray
{
	font-family:  verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #585858;
}

/***************************************************
 * CSS Attributes - Banner Text
 **************************************************/
.default-bannerText
{
	font-size: 13px;
	font-weight: bold;
	color: White;
}

/****************************************************
 * CSS Attributes for Command Buttons and TextBoxes
 ***************************************************/
.default-button-cleanButton
{
	font-family:  verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	line-height: 11px; 
	color: #666666; 
	background-color: #EEEEEE; 
	border: 1px solid #A9ACAD;
	cursor: hand;
}

.default-button-cleanButtonSmall
{
	font-family:  verdana,arial,helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 1px;
	line-height: 11px; 
	color: #666666; 
	background-color: #EEEEEE; 
	border: 1px solid #A9ACAD;
	cursor: hand;
}

.default-input-form 
{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	color: #666666;
	background-color : #FFFFFF;
	border: 1px solid #A9ACAD;
}

.default-input-leftAlignment-form 
{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	color: #666666;
	background-color : #FFFFFF;
	border: 1px solid #A9ACAD;
	text-align: left;
}

.default-input-centerAlignment-form 
{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	color: #666666;
	background-color : #FFFFFF;
	border: 1px solid #A9ACAD;
	text-align: center;
}

.default-input-rightAlignment-form 
{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	color: #666666;
	background-color : #FFFFFF;
	border: 1px solid #A9ACAD;
	text-align: right;
}


.default-input-comment-background-color
{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: White;
	border: 1px solid #A9ACAD;
}

.default-tab
{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
}

.default-table-backgroundColor
{
	background-color: #f0f0f0;
	border-color: #f0f0f0;
}

/***************************************
 * Search Background and Font CSS attritues
 ***************************************/
.default-search-background-color
{
	background-color: #f2f3f4;
}

.default-search-textstyle
{
	font-weight: bold;	
}

/***************************************
 * Date Range Background color
 **************************************/
.default-auto-set-range-backgroundColor
{
	background-color: #f0f0f0;
	border-color: #f0f0f0;
}

/**************************************
 * Table Layout -- Start
 **************************************/
.default-table-pdf{
    border: 1px solid #D8D8D8;
    border-collapse: collapse;  
}

.default-table
{
	border: 1px solid #D8D8D8;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
}

.default-table-cell-label-background-color
{
	background-color: #f0f0f0;
	font-weight:bold;
}

.default-label-background-color
{
	background-color: #f0f0f0;
	font-weight:bold;
}

.default-table caption
{
	
}

.default-table td
{
	border: 1px solid #D8D8D8;	
	border-bottom: 1px solid #D8D8D8;
	border-top: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
	border-left: 1px solid #D8D8D8;
    
}

.default-table-row-header
{
	background-color: #5778AB;
    page-break-after:avoid;
}

.default-table-row-header-label
{
	color: White;
	font-weight: bold;
}

legend{
    text-align:left;
}

.default-table-header
{
	background-color: #5578AB;
	color: White;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	font-size: 7.5pt;
}

.modified-table-row-header-label
{
	color: White;
}

/********************************************
 *	Modified Table Css section - Start
 ********************************************/
.modified-table-cell-label-background-color
{
	background-color: #f0f0f0;
}

.modified-checklist-table-clean
{
	border: 0px;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
}

.modified-checklist-table-clean-left
{
	border: 0px;
	border-collapse: collapse;
}

.modified-checklist-table-clean td
{
	border: 0px;	
	border-bottom: 0px;
	border-top: 0px;
	border-right: 0px;
	border-left: 0p;
}

.modified-table-border-only-pdf
{
	border: 1px solid #D8D8D8;	
    width:100%;
}
.modified-table-border-only {
    border: 1px solid #D8D8D8;
    margin-right: auto;
    margin-left: auto;
}

.modified-table-border-only td
{
	border: 0px;	
	border-bottom: 0px;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;	
}

.modified-table-clean
{
	border: 0px;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
}

.modified-table-clean td
{
	border: 0px;	
	border-bottom: 0px;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
}

.modified-table-scoring
{
	border: 0px;
	border-collapse: collapse;
	border-left: 1px solid #989898;
	border-right: 1px solid #989898;
	border-top: 1px solid #989898;
	border-bottom: 1px solid #989898;
}

.modified-table-code-scoring
{
	border: 0px;
	border-collapse: collapse;
	border-left: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
	border-top: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;	
}

.modified-table-code-scoring td
{
	border: 1px;	
	border-top: 1px;
	border-right: 1px solid #D8D8D8;
	border-left: 1px;
	border-bottom: 1px;
}

/********************************************
 *	Modified Table Css section - End
 ********************************************/
/*******************************************

/*******************************************
 * GridView PDF Default CSS attributes -- Start
 *******************************************/

/* CSS attribute for the GridView control */
.default-GridView-PDF
{
	border-collapse: collapse;
}

.default-GridView-PDF-SubHeader{
    background-color:#f0f0f0;
    color:black;
}

/* CSS attribute defines the style for the data within the GridView cells*/
.dafault-GridView-PDF-Text
{
	font-family:  verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	line-height: 11px; 
	color: #666666;
}

/* CSS attributes for GridView table header column */
.default-GridView-PDF th {
    
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    font-family: verdana,arial,helvetica,sans-serif;
    background-color: #f0f0f0;   
    height: 18px;
    border-collapse:collapse;
    border:none;
}
/* CSS attributes for GridView table data  */
.default-GridView-PDF td
{
	border-bottom: 1px solid #D8D8D8;
	border-top: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
	border-left: 1px solid #D8D8D8;	
}

/* CSS attributes for GridView hyper links within the grid */
.default-GridView-PDF a
{
	color: #FF0000;
	text-decoration: none;
}

.default-GridView-PDF a.link
{
	color: #FF0000;
	text-decoration: underline;
}

.default-GridView-PDF a:hover
{
	color: #FF0000;
	text-decoration: underline;
}

/* Developers note: The .columnHeader attribute control the look and
                    feel of the hyper link within the header for column 
					sorting
*/
.default-GridView-PDF.columnHeader a
{
	color: White;
	text-decoration: none;
}

.default-GridView-PDF.columnHeader a.link
{
	color: White;
	text-decoration: underline;
}

.default-GridView-PDF.columnHeader a:hover
{
	color: White;
	text-decoration: underline;
}

/* 
   CSS attribute for GridView AlternateRow style 
   DEVELOPERS NOTE: The css is applied to the AlternatingRowStyle-CssClass property
*/
.default-GridView-PDF.alternatingRowStyle
{
	background-color: #FDFBF1; 
}

/* 
   CSS attribute for GridView AlternateRow style 
   DEVELOPERS NOTE: The css is applied to the HeaderStyle-CssClass property or
                    on defined within the HeaderStyle tage. see code below:
					<HeaderStyle CssClass="headerStyle"></HeaderStyle>
*/
.default-GridView-PDF .headerStyle {
    background-color: #5578AB;
    color: White;
    font-family: arial,verdana,helvetica,sans-serif;
    font-weight: bold;
    font-size: 10px;
}


/* 
	CSS attribute for the GridView PagerStyle
	DEVELOPERS NOTE: The css is applied to the PagerStyle-CssClass property or
					 defined within the PagerStyle tag. See code below:
					 <PagerStyle CssClass="pagerStyle" />				
*/
.default-GridView-PDF.pagerStyle
{
	height: 25px;
}
.default-GridView-PDF.pagerStyle table 
{ 
	margin: 3px 0; 
}

.default-GridView-PDF.pagerStyle td
{
	border-width: 0;    
	padding: 0 4px;    
	border-right: solid 1px #D8D8D8;    
	font-weight: normal; 
	font-size: 10px;   
	line-height: 10px; 
	text-align: left;
	color: #FF0000;
}

.default-GridView-PDF-RecordCount
{
	font-family:  verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	line-height: 11px; 
	color: #666666;
}


/*******************************************
 * GridView Default CSS attributes -- Start
 *******************************************/

/* CSS attribute for the GridView control */
.default-GridView
{
	border-collapse: collapse;
}

.default-GridView-SubHeader{
    background-color:#f0f0f0;
    color:black;
}

/* CSS attribute defines the style for the data within the GridView cells*/
.dafault-GridView-Text
{
	font-family:  verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	line-height: 11px; 
	color: #666666;
}

/* CSS attributes for GridView table header column */
.default-GridView th
{
	padding: 1px 1px 1px 1px;
	color: White;
	font-size: 11px;
	font-weight: bold;
	font-family: verdana,arial,helvetica,sans-serif;
	background-color: #5778AB;
	border-bottom: 1px solid #5778AB;
	border-top: 1px solid #5778AB;
	border-right: 1px solid #5778AB;
	border-left: 1px solid #5778AB;
	height: 18px;
}
/* CSS attributes for GridView table data  */
.default-GridView td
{
	border-bottom: 1px solid #D8D8D8;
	border-top: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
	border-left: 1px solid #D8D8D8;	
}

/* CSS attributes for GridView hyper links within the grid */
.default-GridView a
{
	color: #FF0000;
	text-decoration: none;
}

.default-GridView a.link
{
	color: #FF0000;
	text-decoration: underline;
}

.default-GridView a:hover
{
	color: #FF0000;
	text-decoration: underline;
}

/* Developers note: The .columnHeader attribute control the look and
                    feel of the hyper link within the header for column 
					sorting
*/
.default-GridView .columnHeader a
{
	color: White;
	text-decoration: none;
}

.default-GridView .columnHeader a.link
{
	color: White;
	text-decoration: underline;
}

.default-GridView .columnHeader a:hover
{
	color: White;
	text-decoration: underline;
}

/* 
   CSS attribute for GridView AlternateRow style 
   DEVELOPERS NOTE: The css is applied to the AlternatingRowStyle-CssClass property
*/
.default-GridView .alternatingRowStyle
{
	background-color: #FDFBF1; 
}

/* 
   CSS attribute for GridView AlternateRow style 
   DEVELOPERS NOTE: The css is applied to the HeaderStyle-CssClass property or
                    on defined within the HeaderStyle tage. see code below:
					<HeaderStyle CssClass="headerStyle"></HeaderStyle>
*/
.default-GridView .headerStyle {
    background-color: #5578AB;
    color: White;
    font-family: arial,verdana,helvetica,sans-serif;
    font-weight: bold;
    font-size: 10px;
}


/* 
	CSS attribute for the GridView PagerStyle
	DEVELOPERS NOTE: The css is applied to the PagerStyle-CssClass property or
					 defined within the PagerStyle tag. See code below:
					 <PagerStyle CssClass="pagerStyle" />				
*/
.default-GridView .pagerStyle
{
	height: 25px;
}
.default-GridView .pagerStyle table 
{ 
	margin: 3px 0; 
}

.default-GridView .pagerStyle td
{
	border-width: 0;    
	padding: 0 4px;    
	border-right: solid 1px #D8D8D8;    
	font-weight: normal; 
	font-size: 10px;   
	line-height: 10px; 
	text-align: left;
	color: #FF0000;
}

.default-GridView-RecordCount
{
	font-family:  verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	line-height: 11px; 
	color: #666666;
}

/*******************************************
 * GridView Default CSS attributes -- END
 *******************************************/

.modified-GridView-DetailReport
{
	border-collapse: collapse;
}

.modified-GridView-DetailReport th
{
	padding: 1px 1px 1px 1px;
	color: #666666;
	font-size: 11px;
	font-weight: bold;
	font-family: verdana,arial,helvetica,sans-serif;
	background-color: #f0f0f0;
	border-bottom: 1px solid #D8D8D8;
	border-top: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
	border-left: 1px solid #D8D8D8;
	height: 18px;
}

.modified-GridView-DetailReport td
{
	border-bottom: 1px solid #D8D8D8;
	border-top: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
	border-left: 1px solid #D8D8D8;	
}

.modified-GridView-DetailReport a
{
	color: #666666;
	text-decoration: none;
}

.modified-GridView-DetailReport a.link
{
	color: #666666;
	text-decoration: none;
}

.modified-GridView-DetailReport a:hover
{
	color: #666666;
	text-decoration: underline;
}

.modified-GridView-DetailReport .columnHeader a
{
	color: #666666;
	text-decoration: none;
}

.modified-GridView-DetailReport .columnHeader a.link
{
	color: #666666;
	text-decoration: underline;
}

.modified-GridView-DetailReport .columnHeader a.hover
{
	color: #666666;
	text-decoration: underline;
}

.modified-GridView-DetailReport .alternatingRowStyle
{
	background-color: #FDFBF1; 
}

.modified-GridView-DetailReport .headerStyle
{
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	font-size: 10px;
}

.modified-GridView-DetailReport .pagerStyle
{
	height: 25px;
}

.modified-GridView-DetailReport .pagerStyle table 
{
	margin: 3px 0; 
}

.modified-GridView-DetailReport .pagerStyle td
{
	border-width: 0;    
	padding: 0 4px;    
	border-right: solid 1px #D8D8D8;    
	font-weight: normal; 
	font-size: 10px;   
	line-height: 10px; 
	text-align: left;
	color: #FF0000;
}


/******************************************************************
	Modified GridView Table CSS Attributes - Start
******************************************************************/
.modified-GridView-CleanTable table 
{
	border: 0px solid; 
	border-collapse: collapse;
}

.modified-GridView-CleanTable td {
	font-family: Tahoma;
	font-size: 11px;
	border: 0px solid;
}

.modified-GridView-Report
{
	border-collapse: collapse;
	border: 0px;
}

.modified-GridView-Report th
{
	padding: 1px 1px 1px 1px;
	font-size: 9px;
	font-weight: bold;
	color: #666666;
	text-decoration: underline;
	border: 0px;	
	border-bottom: 0px;
	border-top: 0px;
	border-right: 0px;
	border-left: 0p;
}

.modified-GridView-Report td
{
	font-size: 9px;
	border: 0px;	
	border-bottom: 0px;
	border-top: 0px;
	border-right: 0px;
	border-left: 0p;
}

.modified-GridView-Report a
{	
}

.modified-GridView-Report a.link
{
}

.modified-GridView-Report a.hover
{	
}

.modified-GridView-Report .columnHeader a
{
}

.modified-GridView-Report .columnHeader a.link
{	
}

.modified-GridView-Report .columnHeader a:hover
{	
}

.modified-GridView-Report .alternatingRowStyle
{	
}

.modified-GridView-Report .headerStyle
{	
}

.modified-GridView-Report .pagerStyle
{	
}

.modified-GridView-Report .pagerStyle table 
{
}

.modified-GridView-Report .pagerStyle td
{
}
/******************************************************************
	Modified GridView Table CSS Attributes - End
******************************************************************/

/*******************************************
 * DataGrid Default CSS attributes -- Start
 *******************************************/
.default-DataGrid
{
	border-collapse: collapse;
	border-right: 1px solid #5778AB;
	border-left: 1px solid #5778AB;
	border: 1px;
}

/* CSS attributes for DataGrid table header column */
.default-DataGrid th
{
	padding: 1px 1px 1px 1px;
	color: White;
	font-size: 11px;
	font-weight: bold;
	font-family: verdana,arial,helvetica,sans-serif;
	background-color: #5778AB;
	border-bottom: 1px solid #5778AB;
	border-top: 1px solid #5778AB;
	border-right: 1px solid #5778AB;
	border-left: 1px solid #5778AB;
	height: 40px;
}
/* CSS attributes for DataGrid table data  */
.default-DataGrid td
{
	border-bottom: 1px solid #D8D8D8;
	border-top: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
	border-left: 1px solid #D8D8D8;	
}

.default-DataGrid .columnHeaderCell td
{
	padding: 1px 1px 1px 1px;
	color: White;
	font-size: 11px;
	font-weight: bold;
	font-family: verdana,arial,helvetica,sans-serif;
	background-color: #5778AB;
	border-bottom: 1px solid #5778AB;
	border-top: 1px solid #5778AB;
	border-right: 1px solid #5778AB;
	border-left: 1px solid #5778AB;
	height: 15px;
		
}

/***********************************************/
 /** Common Styles*/
/*********************************************/

.fullBorder td {
    border: 1px solid black;
}
.fullBorder {
    border-collapse: collapse;
}
   



/*******************************************
 * DataGrid Default CSS attributes for PDF -- Start
 *******************************************/
.default-DataGrid-Pdf {
    border-collapse: collapse;
    border-right: 1px solid #5778AB;
    border-left: 1px solid #5778AB;
    border: 1px;
    width: 100%;
}

    /* CSS attributes for DataGrid table header column */
    .default-DataGrid-Pdf th {
        padding: 1px 1px 1px 1px;
        color: White;
        font-size: 11px;
        font-weight: bold;
        font-family: verdana,arial,helvetica,sans-serif;
        background-color: #5778AB;
        border-bottom: 1px solid #5778AB;
        border-top: 1px solid #5778AB;
        border-right: 1px solid #5778AB;
        border-left: 1px solid #5778AB;
        height: 40px;
    }
    /* CSS attributes for DataGrid table data  */
    .default-DataGrid-Pdf td {
        border-bottom: 1px solid #D8D8D8;
        border-top: 1px solid #D8D8D8;
        border-right: 1px solid #D8D8D8;
        border-left: 1px solid #D8D8D8;
    }

    .default-DataGrid-Pdf .columnHeaderCell td {
        padding: 1px 1px 1px 1px;
        color: White;
        font-size: 11px;
        font-weight: bold;
        font-family: verdana,arial,helvetica,sans-serif;
        background-color: #5778AB;
        border-bottom: 1px solid #5778AB;
        border-top: 1px solid #5778AB;
        border-right: 1px solid #5778AB;
        border-left: 1px solid #5778AB;
        height: 15px;
    }
/*******************************************
 * VIEabilityReportStyles -- Start
 *******************************************/
.default-VieabilityGrid
{
	border-collapse: collapse;
	border-right: 1px solid #5778AB;
	border-left: 1px solid #5778AB;
	border: 1px;
}

/* CSS attributes for DataGrid table header column */
.default-VieabilityGrid th
{
	padding: 1px 1px 1px 1px;
	text-align:left;
	color: White;
	font-size: 11px;
	font-family: verdana,arial,helvetica,sans-serif;
	background-color: #5778AB;
	border-bottom: 1px solid #5778AB;
	border-top: 1px solid #5778AB;
	border-right: 1px solid #5778AB;
	border-left: 1px solid #5778AB;
	height: 15px;
}


/* CSS attributes for VieabilityGrid table data  */
.default-VieabilityGrid tr
{
	height: 25px;
	border-bottom: 1px solid #D8D8D8;
	border-top: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
	border-left: 1px solid #D8D8D8;
	font-size: 15px;	
}

.default-VieabilityGrid td
{
	border-bottom: 1px solid #D8D8D8;
	border-top: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
	border-left: 1px solid #D8D8D8;	
	text-align:right;
}

/*
.default-VieabilityGrid .columnHeaderCell td
{
	padding: 1px 1px 1px 1px;
	color: White;
	font-size: 61px;
	font-weight: bold;
	font-family: verdana,arial,helvetica,sans-serif;
	background-color: #5778AB;
	border-bottom: 1px solid #5778AB;
	border-top: 1px solid #5778AB;
	border-right: 1px solid #5778AB;
	border-left: 1px solid #5778AB;
}
*/


/* CSS attributes for GridView hyper links within the grid */
.default-DataGrid a
{
	color: #FF0000;
	text-decoration: none;
}

.default-DataGrid a.link
{
	color: #FF0000;
	text-decoration: underline;
}

.default-DataGrid a:hover
{
	color: #FF0000;
	text-decoration: underline;
}

.default-DataGrid .columnHeader a
{
	color: White;
	text-decoration: none;
}


/* Developers note: The .columnHeader attribute control the look and
                    feel of the hyper link within the header for column 
					sorting

					The attribute must be implemented within the
				    HeaderStyle-CssClass method that resides within
					TemplateColumn attribute.
*/
.default-DataGrid .columnHeader a.link
{
	color: White;
	text-decoration: underline;
}

.default-DataGrid .columnHeader a:hover
{
	color: White;
	text-decoration: underline;
}

/* 
   CSS attribute for DataGrid AlternateRow style 
   DEVELOPERS NOTE: The css is applied to the AlternatingRowStyle-CssClass property or
					on defined within the AlternatingRowStyle tag. see code below:
					<AlternatingRowStyle CssClass="alternatingRowStyle"></AlternatingRowStyle>
*/
.default-DataGrid .alternatingItemStyle
{
	background-color: #FDFBF1; 
	
}

/* 
   CSS attribute for DataGrid AlternateRow style 
   DEVELOPERS NOTE: The css is applied to the HeaderStyle-CssClass property or
                    defined within the HeaderStyle tag. see code below:
					<HeaderStyle CssClass="headerStyle"></HeaderStyle>
*/
.default-DataGrid .headerStyle
{
	background-color: #5578AB;
	color: White;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	font-size: 10px;
}

/* 
	CSS attribute for the DataGrid PagerStyle
	DEVELOPERS NOTE: The css is applied to the PagerStyle-CssClass property or
					 defined within the PagerStyle tag. See code below:
					 <PagerStyle CssClass="pagerStyle" />				
*/
.default-DataGrid .pagerStyle
{
	height: 30px;
	
}
.default-DataGrid .pagerStyle table 
{ 
	margin: 3px 0;	
}

.default-DataGrid .pagerStyle td
{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	border-width: 1px;    
	padding: 1px 4px;    
	border-right: solid 1px #D8D8D8;    
	font-weight: bolder;  
	line-height: 10px; 	
}

.default-DataGrid .pagerStyle a
{
	color:#FF0000;
	text-decoration: none;
}

.default-DataGrid  .pagerStyle a.link
{
	color: #FF0000;
	text-decoration: underline;
}

.default-DataGrid .pagerStyle a:hover
{
	color: #FF0000;
	text-decoration: underline;
}

.default-DataGrid-RecordCount
{
	font-family:  verdana,arial,helvetica,sans-serif;
	font-size: 10px;
	line-height: 10px; 
	color: #666666;
}


/******************************************************************
	Modified GridView Table CSS Attributes - Start
******************************************************************/
.modified-DataGrid-CleanTable table 
{
	border: 1px solid; 
	border-collapse: collapse;
}

.modified-DataGrid-CleanTable td {
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid;
}

/******************************************************************
	Modified GridView Table CSS Attributes - End
******************************************************************/

/*
	CSS attributes for generated Reports
*/
.default-Report-Header-TextStyle
{
	font-weight: 900;
	font-size: 25px;
	line-height: 25px; 
	color: #000000; 
	display:block;
}

.default-Report-Label-TextStyle
{
	font-weight: 600;
	font-size: 13px;
	line-height: 13px; 
	color: #000000; 
}

.default-Report-Data-TextStyle
{	
	font-family:  verdana,arial,helvetica,sans-serif;
	font-size: 13px;
	line-height: 11px; 
	color: #000000; 
	display:block;
}

.default-Report-Label-SubHeader-TextStyle
{
	font-weight: 600;
	font-size: 15px;
	line-height: 15px; 
	color: #000000; 
}
.default-Report-Horizontal-Rule
{
	color: #000000;
	font-size: larger;
	line-height: 30px;
}

.default-Report-Disclaimer-TextStyle
{
	font-size: 10px;
	line-height: 9px; 
	color: #000000; 
	display:block;
}

/*
	CSS attributes for required fields and notations.
*/
.default-required-notation
{
	color: Red;
	font-size: 11px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: bolder;
}


/*
	CSS attributes for transaction messages
*/
.default-transaction-success-message
{
	color: #666666;
	font-size: 13px;
	font-family: verdana,arial,helvetica,sans-serif;	
}

.default-transaction-failed-message
{
	color: Red;
	font-size: 13px;
	font-family: verdana,arial,helvetica,sans-serif;	
	font-weight: bold;
}

/*****************************************************************************
 * Custom CSS atrributes for Specific Web page: (/dvweb/user/InputAssets.aspx);
 * DEVELOPERS NOTE: THE CSS ATTRIBUTES USES THE word-wrap 
 *                  ATTRIBUTE THAT ONLY WORKS ON IE. 7 AND ABOVE.
 ******************************************************************************/

.asset-address-wordwrap
{
	width: 60px;
	word-wrap: break-word;
}

.asset-accountId-wordwrap
{
	width: 50px;
	word-wrap: break-word;
}

.asset-marketValue-wordwrap
{
	width: 50px;
	word-wrap: break-word;
}

.asset-accountDesc-wordwrap
{
	width: 70px;
	word-wrap: break-word;
}

.asset-faceValue-wordwrap
{
	width: 70px;
	word-wrap: break-word;
}

.asset-makeModel-wordwrap
{
	width: 50px;
	word-wrap: break-word;
}
/*********************************************************************
 * Custom CSS atrributes for Specific Web pages.
 *  
 * DEVELOPERS NOTE: THE CSS ATTRIBUTES USES THE word-wrap 
 *                  ATTRIBUTE THAT ONLY WORKS ON IE. 7 AND ABOVE.
 *********************************************************************/

/* The CSS attribute is applied in the /uc/DriveLite/Category.ascx user control */
.condition-code-wordwrap
{
	width: 99px;
	word-wrap:break-word;
}

.condition-subject-wordwrap
{
	width: 119px;
	word-wrap:break-word;
}

.condition-description-wordwrap
{
	width: 119px;
	word-wrap:break-word;
}

.condition-action-to-resolved-wordwrap
{
	width:139px;
	word-wrap:break-word;
}
.condition-scoring-analysis-wordwrap 
{
    width: 98px;
    word-wrap:break-word;
}

.category-main-category-wordwrap 
{
	width: 148px;
	word-wrap:break-word;	
}

.category-sub-category-wordwrap 
{
	width: 144px;
	word-wrap:break-word;	
}

.category-action-to-resolve-wordwrap
{
	width: 140px;
	word-wrap:break-word;	
}

.category-category-percentage-wordwrap
{
	width: 74px;
	word-wrap:break-word;	
}

.category-percent-cleared-wordwrap
{
	width: 74px;
	word-wrap:break-word;	
}

/* CSS Attributes applied to /uc/DRIVEReports/ResultsSummary.ascx */
.result-summary-borrower-address-wordwrap
{
	word-wrap:break-word;
}

.loan-Information-wordwrap
{
	width: 24%;
	word-wrap:break-word; 
}

.loan-Information-subject-property1-wordwrap
{
	width: 400px;
	word-wrap:break-word; 	
}

.appraiser-information-wordwrap
{
	width: 24%;
	word-wrap:break-word; 
}

.broker-information-1-wordwrap
{
	width: 29%;
	word-wrap:break-word; 
}

.broker-information-2-wordwrap
{
	width: 21%;
	word-wrap:break-word; 
	
}

/* CSS Attributes applied to /uc/DRIVEReports/MLSDataReport.ascx */
.mls-subject-transaction-history-wordwrap
{
	width: 500px;
	word-wrap: break-word;
	-ms-word-wrap: break-word;
	white-space: normal;
}


/* CSS Attributes applied to /uc/LossScore.ascx */
.lossScore-wordwrap
{
	width: 124px;
	word-wrap:break-word;
}

.hidden
{
	display: none;	
}
	
A.WhiteLink:LINK, A.WhiteLink:VISITED, A.WhiteLink:ACTIVE {
	color: #FFFFFF;
	text-decoration: none;
	}
	
A.WhiteLink:HOVER {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
/* CSS Attributes applied to /uc/AVM/AVMDataVerify2.ascx */
.prop-subject-legaldesc-wordwrap
{
	/*width: 500px;*/
	word-wrap: break-word;
	-ms-word-wrap: break-word;
	white-space: normal;
}	

/* CSS Attributes applied to /uc/AVMDataVerify/PropertyCompDetail.ascx */
.prop-compdetail-legaldesc-wordwrap
{
	/*width: 500px;*/
	word-wrap: break-word;
	-ms-word-wrap: break-word;
	white-space: normal;
}	

/*#region PushPin Classes*/
/* 2014/05/20 DVDR-589 - used for dock\float pushpin image in ReportHeader.ascx & ReportHeaderCV.ascx */
.imgPinFloat
{
	border: none;
	cursor: pointer;
}
/* 
    2014/05/20 DVDR-589 - .net 4.5 and IE10 compatability
    .ReportHeaderFixed_old and .ReportHeaderAbsolute_old work for IE10 and the older IE browsers
    .ReportHeaderFixed     and .ReportHeaderAbsolute     work for IE10 but not for older IE browsers
*/
 .ReportHeaderFixed_Old{
  position:fixed;
  _position:absolute;
    top: 6px;
    left: 19px;
    width: 850px;
    background-color: #fdfbf1;
    border: 1px solid #000000;
  _top:expression(eval(document.body.scrollTop + 8));
 }
 .ReportHeaderAbsolute_Old{
  position:absolute;
    top: 6px;
    left: 17px;
    width: 850px;
    background-color: #fdfbf1;
    border: 1px solid #000000;
 } 
.ReportHeaderFixed {
    position: fixed;
    top: 6px;
    left: 17px;
    width: 850px;
    background-color: #fdfbf1;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
}
.ReportHeaderAbsolute {
    position: absolute;
    top: 6px;
    left: 17px;
    width: 850px;
    border-collapse: collapse; 
    background-color: #fdfbf1;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
}
/*#endregion PushPin Classes*/

/* 2014/05/20 DVDR-589 - ie10 is not graying out disabled links or buttons */
a[disabled="disabled"]
{
    color: silver;
}
a:hover[disabled="disabled"]
{
    color: silver;
    text-decoration: none;
}
input[disabled="disabled"]
{
    color: silver;
}
input:hover[disabled="disabled"]
{
    color: silver;
    text-decoration: none;
}

.udm-order-history-table {
    position: relative;

    border-right: 1px darkgray;
}

.udm-button-disabled {
    border: none; 
    color: gray !important; 
    font-size: 13px; 
    background-color: white;
}
.HOIWarning {
    font-size:12px;
    font-weight:bold;
    color:red;
}
.hoi-button-disabled {
    width: 150px;
    height: 40px;
    text-align: center;
    color: white;
    background-color: gray;
    border-color: darkgray;
    border-radius: 30px;
    overflow: hidden;
    perspective: 1px;
    border-radius: 12px;
}
.hoi-button {
    width: 150px;
    height: 40px;
    text-align: center;
    color: white;
    background-color: royalblue;
    border-color: gray;
    border-radius: 30px;
    overflow: hidden;
    perspective: 1px;
    border-radius: 12px;
}
.item-name{
    font-weight:bold;
}