/*AutoComplete flyout */
.autocomplete_completionListElement
{
            margin-top: -3px !important;
            margin-left: -3px !important;
            background-color: window;
            color: windowtext;
            border: buttonshadow;
            border-width: 1px;
            border-style: solid;
            cursor: 'default';
            overflow: auto;
            text-align: left;
            list-style-type: none;
}
        /* AutoComplete highlighted item */
        .autocomplete_highlightedListItem
        {
            background-color: #ffff99;
            color: black;
            padding: 1px;
        }
        /* AutoComplete item */
        .autocomplete_listItem
        {
            background-color: window;
            color: windowtext;
            padding: 1px;
        }
      
 /*.........................................Text Box...................................*/
.autosuggest 
{
     padding: 1px;
    font-size: 9pt;
    font-family: Arial;
    font-weight: normal;
    color: Black;
    text-align: left;
    height: 20px; 
    width: 140px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset;
    display: block;
    line-height: 1.42857;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle; 
}



.formTextBoxes {
    padding: 1px;
    font-size: 8pt;
    font-family: Arial;
    font-weight: normal;
    color: Black;
    text-align: left;
    height: 20px; 
    width: 140px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset;
    display: block;
    line-height: 1;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle; 
    margin: 0px;
}
.customTD1
{
    min-width:140px;
    width:145px;
    
}
.customTD2
{
   text-align:left;
    width:105px;
    
}
.formTextBoxes:focus {
    border-color: #66AFE9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.formTextBoxes[disabled], .formTextBoxes[readonly], fieldset[disabled] .formTextBoxes {
    background-color: #EEEEEE;
    cursor: not-allowed;
}

.formTextBoxesC {
    padding: 1px;
    font-size: 8pt;
    font-family: Arial;
    font-weight: normal;
    color: Black;
    text-align: left;
    height: 20px; 
    width: 140px;
    background-color: #ECF4FC;
    border:0.5px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset;
    display: block;
    line-height: 1;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle; 
    margin:0;
}
.formTextBoxesC:focus {
    border-color: #66AFE9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}





.formTextBoxesAmount
{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset;
	display: block;
	line-height: 1.42857;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	vertical-align: middle;
	width: 110px;
	height: 23px;
	padding: 1px;
	text-align: right;
	color: Black;
	font-weight: normal;
	font-size: 10pt;
	font-family: Calibri;
}
.formTextBoxesAmount:focus
{
	border-color: #66AFE9;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
	outline: 0 none;
}
.formTextBoxesAmount[disabled], .formTextBoxesAmount[readonly], fieldset[disabled] .formTextBoxesAmount
{
	background-color: #EEEEEE;
	cursor: not-allowed;
}

.input-group .formTextBoxesAmount
{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.input-group-addon
{
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	border-radius: 4px 0px 0px 4px;
	font-size: 10px;
	font-weight: normal;
	line-height: 1;
	padding: 5px 12px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	border-right: none;
	margin: 0 0 0 -5px;
	display: table-cell;
}
.input-group
{
	border-collapse: separate;
	display: table;
	position: relative;
}
.input-group .formTextBoxes
{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.input-group-addon-search
{
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	border-radius: 0px 4px 4px 0px;
	font-size: 10px;
	font-weight: normal;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	border-left: none;
	margin: 0 0 0 -5px;
	display: table-cell;
}











/*.............................DropDown............................... */

.formDropDown {
    padding: 1px;
    font-size: 9pt;
    font-family: Arial;
    font-weight: normal;
    color: Black;
    text-align: left;
    height: 24px; 
    width: 145px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset;
    display: block;
    line-height: 1.42857;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle; 
}
.formDropDown:focus {
    border-color: #66AFE9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.formDropDown[disabled], .formDropDown[readonly], fieldset[disabled] .formDropDown {
    background-color: #EEEEEE;
    cursor: not-allowed;
}

.formDropDownC {
    padding: 1px;
    font-size: 9pt;
    font-family: Arial;
    font-weight: normal;
    color: Black;
    text-align: left;
    height: 24px; 
    width: 145px;
    background-color: #ECF4FC;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset;
    display: block;
    line-height: 1.42857;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle; 
}
.formDropDownC:focus {
    border-color: #66AFE9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

/*.............................Button............................... */

.button
{   
    width: auto;
    min-width: 70px;
    height: 22px;
    vertical-align: middle;
    text-align:center;
    font-size: 9pt;
    font-family: Arial;
    background-color: #EAEAEA;
    text-align: center;
    color: Black;
    border-style: outset;
    border-width: 1px;
    border-color: #000000;  
}
.button:hover
{
    background-color: #CECACA;  
}
.button:active
{
    background-color: #EAEAEA;    
}  
.button:disabled
{
   background-color: #999999;
 }

.button1
{   
    width: auto;
    min-width: 60px;
    height: 22px;
    vertical-align: middle;
    text-align:center;
    font-size: 9pt;
    font-family: Arial;
    background-color: #EAEAEA;
    text-align: center;
    color: Black;
    border-style: outset;
    border-width: 1px;
    border-color: #000000;  
}
.button1:hover
{
    background-color: #CECACA;  
}
.button1:active
{
    background-color: #EAEAEA;    
}  
.button1:disabled
{
   background-color: #999999;
 }

/*.............................Lable/Span............................... */

.Lable
{   
    font-size: 10pt;
    font-family: Arial;
    color: Black;
}

/*.....................................Data Pager................................*/

.DataPager
{}
.DataPager .NumericButtonCssClass
{
    color:#FFFFFF;
    font-size: 10pt;
    font-family: Arial;
}
.DataPager .CurrentPageLabelCssClass
{
    color:#FFFFFF;
    font-size: 12pt;
    font-family: Arial;
    font-weight:bold;
}
.DataPager .NextPreviousButtonCssClass
{
    color:#FFFFFF;
    font-size: 10pt;
    font-family: Arial;
}
.DataPager .ButtonCssClass
{
    color:#FFFFFF;
    font-size: 10pt;
    font-family: Arial;
}
 ----------------------Calendar extender Control CSS-----------------------------
 .CalendarExtender ajax__calendar_footer
 {
     
 }
 
.CalendarExtender .ajax__calendar_container   {
background-color: #DEF1F4;
border:solid 1px #77D5F7;
}

.CalendarExtender .ajax__calendar_header  {
background-color: #517128;
margin-bottom: 4px;
}

.CalendarExtender .ajax__calendar_title,
.CalendarExtender .ajax__calendar_next,
.CalendarExtender .ajax__calendar_prev    {
color: #004080;
padding-top: 3px;
}

.CalendarExtender .ajax__calendar_body    {
background-color: White;
border: solid 1px #77D5F7;
border-color:Black;
}

.CalendarExtender .ajax__calendar_dayname {
text-align:center;
font-weight:bold;
margin-bottom: 4px;
margin-top: 2px;
color: #004080;
}

.CalendarExtender .ajax__calendar_invalid .ajax__calendar_day
{
   color:Red;
   text-decoration:none;
   cursor:default;
}

.CalendarExtender .ajax__calendar_day 
{
background-color:White;
color: Black;
text-align:center;
}

 
.PnlPopUpIsuueDetail
{
    height:500px;
    width:85%;
    padding:15px;
    overflow:auto;
    margin:0px 10px;
}
.pnlTableStyle
{
    border:1px solid #A8A8A8; width: 96%; margin:10px 0px;
}