/* CSS Document */

body { font-family:Arial, Helvetica, sans-serif;
color:#000000;
}

@media (min-width: 992px) {

	.desktop_view {
	display:block;
	}
	.mobile_view {
	display:none;
	}
	.tab_view {
	display:none;
	}
	.tab_mobile_view {
	display:none;
	}
	.desktop_tab_view {
	display:block;
	}
	
	.bottom_section { font-size:100%;
	}
	
	.arrow { font-size:20px;
line-height:16px;
font-weight:bold;
}

.right_footer { font-size:80%;
}
	
}

@media (min-width: 768px) and (max-width: 991px) {

	.desktop_view {
	display:none;
	}
	.mobile_view {
	display:none;
	}
	.tab_view {
	display:block;
	}
	.tab_mobile_view {
	display:block;
	}
	.desktop_tab_view {
	display:block;
	}
	.bottom_section { font-size:80%;
	}
	
	.arrow { font-size:18px;
line-height:16px;
font-weight:bold;
}

.right_footer { font-size:80%;
}
	
}

@media screen and (max-width: 767px) {

	.desktop_view {
	display:none;
	}
	.mobile_view {
	display:block;
	}
	.tab_view {
	display:none;
	}
	.tab_mobile_view {
	display:block;
	}
	.desktop_tab_view {
	display:none;
	}
	.bottom_section { font-size:65%;
	}
	
	.arrow { font-size:18px;
line-height:12px;
font-weight:bold;
}

.right_footer { font-size:70%;
}

}



.mdl_text { text-align:center !important;
font-family: Arial, Helvetica, sans-serif;
font-size:100%;
color:#000000; }

.selection_area { padding:3px 0;
}

.body_area { border:1px solid #333333;
padding-bottom:5px;
margin-bottom:5px;
}

.body_left_panel { width:100%;
    border: 1px solid #333333;
    margin:10px auto 10px auto;
    /* text-align:center; */
    padding:5px 0;
    /* float:left; */
}

.body_right_panel { width:100%;
border: 1px solid #333333;
padding:6px 0 0 0;
margin:10px auto 10px auto;
float:inherit;
}

.body_left_panel2 { width: 100%;
border: 1px solid #333333;
margin:10px auto 10px auto;
min-height:367px;
text-align:center;
padding:5px 0;
}

.left_header { border-bottom:1px solid #333333;
    width:100%;
    padding: 0 5px 5px 5px;
    /* float:left; */
    clear:both;
}

.left_body  
{
    /* float:left; */
    width:100%;
    clear:both;
    padding:5px 5px 0 5px;
    /*height:330px;*/
    /*overflow:visible;
    overflow-x: hidden;*/
}

.left_body2 { float:left;
width:100%;
clear:both;
padding:5px 5px 0 5px;
}

.body_right_panel2 { width:100%;
border: 1px solid #333333;
padding:0;
margin:10px auto 10px auto;
}

.right_header { border-bottom:1px solid #333333;
width:100%;
padding:0px 0 7px 0;
float:left;
clear:both;
}

.right_body { float:left;
width:100%;
clear:both;
padding:0 5px 5px;
}

.right_body_mobile { float:left;
width:100%;
clear:both;
padding:0 5px 5px;
}

.right_body2 { float:left;
width:100%;
clear:both;
padding:0 5px;
height:387px;
}

.right_footer { border-top:1px solid #333333;
margin:0;
text-align:center;
padding:1px 5px;
float:left;
width:100%;
clear:both;
}

.body_left_button { margin: auto;
text-align:center;
}

.body_right_button { margin: auto;
text-align:center;
}

.form_button {  
background:#777777; 
color:#ffffff;
font-size:90%;
line-height:18px;
text-align:center;
margin:0 5px 5px 5px;
padding:2px 16px;
border:1px solid #606060;
border-bottom:3px solid #606060;
border-radius:2px;
}

.form_button:hover { background:#606060;
border:1px solid #404040;
border-bottom:3px solid #404040;
}

.main_button_section { width: auto;
margin:auto;
text-align:center;
}

.main_button { background:#F06E20;
width:170px; 
color:#562400;
font-size:100%;
text-align:center;
margin:0 auto 5px auto;
padding:5px 0px;
border:1px solid #000000;
}

.hight { margin-top:20px;
}

.small_hight { margin-top:5px;
}

.border_top { border-top:1px solid #333333;
}

.border_bottom { border-bottom:1px solid #333333;
}

.left { float:left !important;
}
.right { float:right !important;
}

.left_text { text-align:left !important;
}

.right_text { text-align:right !important;
}

.centre_text { text-align:center !important;
}

.gap { margin-left:40px;
}


.bottom_section { width: auto;
margin:auto;
text-align:center;
}

.bottom_section ul { list-style-type:none;
padding:0;
margin:0;
text-align:center;
}

.bottom_section ul li { padding:0 5px;
display:inline;
margin:auto;
}

.inner_table {
  margin-bottom: 0 !important;
  border-top:none !important;
  font-size:90%;
}
.inner_table>tbody>tr>td { border-top:none !important;
padding:2px 0 !important;
text-align:right;
}
.inner_table>thead { border-bottom:1px solid #333333;
background-color:#CCCCCC;
margin:0px !important;
}

.inner_table2 {
  margin-bottom: 0 !important;
  border-top:none !important;
  font-size:90%;
 
}

.inner_table2>tbody>tr>td { border-top:none !important;
padding:2px 0 !important;
text-align:left;
}
.inner_table2>thead { border-bottom:1px solid #333333;
background-color:#CCCCCC;
margin:0px !important;
}
.text_area { float:left;
border:1px solid #999999;
margin-left:6px;
font-size:95%;
line-height:18px;
width:100%;
padding:2px 5px;
height:21px;
}

.text_area1 { float:left;
border:1px solid #999999;
margin-left:6px;
font-size:95%;
line-height:15px;
width:75%;
height:21px;
padding:2px 5px;
}
.text_area2 { float:left;
border:1px solid #999999;
margin-left:6px;
font-size:95%;
line-height:15px;
width:100%;
padding:2px 5px;
}
.text_area3 { float:left;
border:1px solid #666666;
margin-left:6px;
font-size:80%;
line-height:15px;
width:100%;
}
.text_area4 { float:left;
border:1px solid #666666;
margin-left:6px;
font-size:80%;
line-height:15px;
width:60px;
}
.text_area5 { float:left;
border:1px solid #666666;
margin-left:6px;
font-size:80%;
line-height:15px;
width:85%;
height:16px;
}
.text_area6 { float:left;
border:1px solid #666666;
margin-left:6px;
font-size:80%;
line-height:15px;
width:40px;
}
.text_area_search { float:right;
border:1px solid #999999;
margin-right:0px;
font-size:95%;
line-height:15px;
/*Commented by Shiv Shankar Hemant on 2016-01-10*/
/*width:50%;*/
padding:2px 5px;
}

.text_area_box { float:left;
border:1px solid #999999;
font-size:95%;
width:16px;
height:16px;
margin:2px 0 0 15px !important;
}

.text_area_box2 { float:left;
border:1px solid #999999;
font-size:95%;
width:16px;
height:16px;
margin:2px 0 0 0 !important;
}

.span { display:inline;
}

.col_new {   padding-right: 5px !important;
  padding-left: 5px !important;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 0px;
  font-weight: 400;
}
.search_button {  
background:#777777; 
color:#ffffff;
font-size:85%;
line-height:15px;
text-align:center;
margin:0 0px 0px 0px;
padding:2px 5px;
border:1px solid #606060;
border-radius:0 2px 2px 0;
float: right;
height:21px;
}

.cross_button {  
background:#777777; 
color:#ffffff;
font-size:85%;
line-height:15px;
text-align:center;
margin:0 0px 0px 5px;
padding:2px 5px;
border:1px solid #606060;
border-radius:2px;
float: right;
height:21px;
}
.height1 { height:432px;
}
.height2 { height:388px;
}