@charset "utf-8";
/* CSS Document */

body{ background-color:#f9f9f9; font-family: 'Open Sans', sans-serif; color:#4a4a4a; font-size:13px; margin:0; padding:0;}
/*.temp_wrapper{ width:1047px; margin:0 auto;}*/

/* Flow Diagram CSS */
.wrapper{ width:100%; margin:0; padding:0;}
.flow-wrapper{ width:60%; margin:0 auto;  text-align:center; padding:20px;}
.flow-wrapper h1{font-family: 'Open Sans', sans-serif; font-weight:300; font-size:30px; text-align:center; color:#106bab; margin:20px 0 25px 0; padding:0;}
.flow-wrapper ul{ margin:0 auto; padding:0; width:63%; list-style:none; height:62px; border-bottom:dashed 1px #999;}
.flow-wrapper ul li{font-family: 'Open Sans', sans-serif; display:inline-block; width:115px; font-weight:300; font-size:16px; color:#606060; line-height:18px;}



.flow-wrapper ul li.lefty{ margin-top: -26px;margin-left: -120px;}
.flow-wrapper ul li.centery{ margin-top: -26px;float: none; width: 300px;}
.flow-wrapper ul li.righty{ margin-top: 26px; margin-right: -120px;}
.circle_left{ width:10px; height:10px; border-radius:50%; background-color:#106bab; margin:0 auto; margin-top:14px; margin-right:42px;}
.circle_center{ width:10px; height:10px; border-radius:50%; background-color:#106bab; margin:0 auto; margin-top:14px; margin-right:146px;}
.circle_right{ width:10px; height:10px; border-radius:50%; background-color:#106bab; margin:0 auto; margin-top:14px; margin-right:60px;}

.misc_text{ width:100%; text-align:center; margin-top:40px; font-size:15px; color:#343434; font-family: 'Open Sans', sans-serif; line-height:30px;}
.misc_text span{font-size:18px;}
.misc_text span.bl{ color:#106bab;}

.welcome-wrapper{ width:100%; margin:0 auto;  text-align:center; padding:0px;}
.welcome-wrapper h1{font-family: 'Open Sans', sans-serif; font-weight:600; font-size:30px; text-align:center; color:#454545; margin:150px 0 0 0; padding:0;}
.welcome-wrapper h2{font-family: 'Open Sans', sans-serif; font-weight:600; font-size:30px; text-align:center; color:#106bab; margin:0 0 15px 0; padding:0;}
.welcome-wrapper h2 span{color:#72bf44;}

.misc_text2{ width:100%; text-align:center; margin-top:15px; font-size:15px; color:#343434; font-family: 'Open Sans', sans-serif; line-height:30px;}
.misc_text2 span{font-size:18px;}
.misc_text2 span.bl{ color:#106bab;}
.misc_text2 span.gl{ color:#72bf44;}
.dash{ width:250px; height:4px; background-color:#d1d1d1; margin:0 auto;}

/* Left aside css */
.header{ float:left; width:100%; clear:both; height:70px; background-color:#f6f6f6; border-bottom:solid 4px #106bab; border-top:solid 3px #72bf44;}
.fbr_logo{ float: left; text-align:left; margin-left:10px;}
.ovs_logo{ float: right; text-align:right;}
.outer_main{float:left; width:100%; height:auto;}
.main_content{ overflow: hidden;}
.left_aside{ padding-bottom: 99999px; margin-bottom: -99999px; width:264px; float:left; background-color:#f2f2f2;}
.right_aside{display: table-cell; margin-left:20px; width:100%; width: calc(100% - 284px); float:left;  color:#555}
.footer{ float:left; width:100%; height:auto; min-height:40px; background-color:#116cab;}
.footer_inner{ margin:8px; text-align:left; color:#fff; font-size:12px;}
.footer_inner img{float:left; margin-right:5px; margin-top:-10px;}
.f_txt{float:left; margin-top:5px; color:#c5d8e5;}

/* Left menu css */

a.home_btn{ width:254px; display:block; padding:8px 0 0 10px; background-color:#f2f2f2; font-weight:600; text-decoration:none; height:28px;  font-size:13px; color:#116cab; transition: all 0.3s ease 0s;}
a.home_btn1:hover{ width:254px; padding:8px 0 0 10px; display:block; height:28px;  font-weight:600; background-color:#72bf44; text-decoration:none; font-size:13px; color:#fff;}
a.home_btn:hover{ display:block; height:28px;  font-weight:600; background-color:#72bf44; text-decoration:none; font-size:13px; color:#fff;}
a.home_btn_active{ width:254px; padding:8px 0 0 10px; display:block; height:28px;  font-weight:600; background-color:#72bf44; text-decoration:none;  font-size:13px; color:#fff;}
.menu_header{width:254px; display:block; padding:8px 0 0 10px; background-color:#106bab; font-weight:600; text-decoration:none; height:28px;  font-size:13px; color:#fff; border-top:solid 1px #dddddb;}
/*border-top:solid 1px #dddddb;*/
a.sub_btn{ width:247px; border-left:solid 7px #d7d7d7; display:block; padding:6px 0 0 10px; background-color:#f2f2f2; font-weight:300; text-decoration:none; height:26px;  font-size:13px; color:#626262;  transition: all 0.3s ease 0s;}
a.sub_btn:hover{ width:247px; border-left:solid 7px #106bab; padding:6px 0 0 10px; display:block; height:26px;  font-weight:300; background-color:#72bf44; text-decoration:none  font-size:13px; color:#fff;  text-decoration:none;}
a.sub_btn_active{ width:247px; border-left:solid 7px #106bab; padding:6px 0 0 10px; display:block; height:26px;  font-weight:300; background-color:#72bf44; text-decoration:none  font-size:13px; color:#fff;  background-image:url(../images/arr_select.png); background-repeat:no-repeat; background-position:right; text-decoration:none;}

.sub_btn_img{float:right; margin-right:18px; margin-top:0px;}

/* Flow Diagram CSS */
.outer_wrapper{ width:100%; margin:0; padding:0;}
.inner_wrapper{  float:left; width:98%; padding:10px 15px 10px 0;}
.inner_wrapper2{ margin:0 auto; width:100%; height:450px; padding:10px 15px 10px 0; background-image:url(../images/welcome_bg.png); background-repeat:no-repeat; background-position:center;}
.page_heading{ width:100%; margin-bottom:5px;}
.page_heading h1{ font-family: 'Open Sans', sans-serif; font-weight:bold; font-size:18px; text-align:left; color:#106bab; margin:0; padding:0;}

.filter_panel{ width:100%;}
.filter_panel h2{ font-family: 'Open Sans', sans-serif; font-weight:500; width:100%; font-size:15px; text-align:left; color:#4a4a4a; margin:0 0 5px 0; padding:0;}
.padding_set{ padding:10px;}
.filter_panel_blk{ width:100%; background-color:#fff;  border:solid 1px #f2f2f2; border-bottom:solid 4px #f2f2f2;}
.filter_form_blk1{ width:30%; margin-bottom:8px; display:inline-block; padding-right:10px; vertical-align:top;}
.filter_form_blk2{ width:40%; margin-bottom:8px; display:inline-block; padding-right:10px; vertical-align:top;}
.filter_form_blk2a{ width:49%; margin-bottom:8px; display:inline-block; padding-right:10px; vertical-align:top;}
.filter_form_blk3{ width:27%; margin-bottom:0px; display:inline-block; padding-right:0px; vertical-align:top;}
.filter_btns_blk{ width:100%; text-align:right; padding-right:0; margin-top:8px; float:right;}
.filter_btns_blk2{ text-align:left; padding-right:0; margin-left:8px; display:inline-block; margin-top:5px;}

.filter_form label{
display:inline-block;
  margin: 5px 5px 0 0;
 
}
.filter_form select{ display:inline-block; vertical-align: middle;
  margin: 5px 0px 5px 0;
  padding: 8px 0 8px 8px;
  background-color: #fff;
  border: 1px solid #ddd;
  color:#828282;
  width:64%;}
  
  .filter_form_input1{ display:inline-block; vertical-align: middle;
  margin: 5px 0px 5px 0;
  padding: 8px 0 8px 8px;
  background-color: #fff;
  border: 1px solid #ddd;
  color:#828282;
  width:66%;}
  
    .filter_form_inputdate{ display:inline-block; vertical-align: middle;
  margin: 5px 0px 5px 0;
  padding: 8px 3px 8px 8px;
  background-color: #fff;
  border: 1px solid #ddd;
  color:#828282;
      background-image: url('../images/calendar_icon.png');
    background-repeat: no-repeat;
    background-position: 99% 45% ;
  width:83%;}
  
    .filter_form_input2{ display:inline-block; vertical-align: middle;
  margin: 5px 0px 5px 0;
  padding: 8px 0 8px 8px;
  background-color: #fff;
  border: 1px solid #ddd;
  color:#828282;
  width:72%; float:right;}

.filter_form_captcha_code{ font-size:25px; color:#0C0; font-weight:bold; vertical-align:middle; margin-right:10px;}


.primary_button {
  padding: 9px 20px;
  background-color: #106bab;
  border: 1px solid #e2e2e2;
  color: #fff;
  font-weight:600;
  font-size:12px;
  transition: all 0.3s ease 0s;
  cursor:pointer;
}

.primary_button:hover {
	border: 1px solid #e2e2e2;
  background-color: #959595;
   color: #fff;
}

.grey_button {
  padding: 9px 20px;
  background-color: #f9f9f9;
  border: 1px solid #e2e2e2;
  color: #106bab;
  font-weight:600;
  font-size:12px;
  transition: all 0.3s ease 0s;
  cursor:pointer;
}

.grey_button:hover {
  background-color: #fff;
   color: #8b8b8b;
}


.details_panel{ width:100%;}
.details_panel h2{ font-family: 'Open Sans', sans-serif; font-weight:500; width:100%; font-size:15px; text-align:left; color:#4a4a4a; margin:10px 0 5px 0; padding:0;}
.timestamp_section{float:right; font-size:11px; color:#8298a7;}
.printicon_section{ float:right; margin-left:10px; margin-right:10px;}

.details_panel_blk{ width:100%; background-color:#fff; padding:0; border:solid 1px #f2f2f2; border-bottom:solid 4px #f2f2f2;}

.details_panel_blk_row1{  padding:0 0 15px 0;}
.details_panel_blk_row2{ border-top: solid 1px #e2e2e2;  padding:15px 0 15px 0; margin-bottom:20px; overflow:auto;}
.details_panel_blk_col{ display:inline-block; padding-right:45px; padding-left:13px; font-size:14px; text-align:left; vertical-align:text-top; line-height:18px; color:#4a4a4a;}
.details_panel_blk_col span{ font-size:14px; color:#106bab; font-weight:600;}
.details_panel_blk_col_br{ border-right:solid 1px #e2e2e2;}
.text_active{ color:#72bf44 !important;}
.text_inactive{ color:#f44e4e !important;}
.text_disable{ color:#b6b6b6 !important;}

.sms_blk{float:left; margin-left:10px;}
.smstxt_blk{float:left; margin-top:15px; margin-left:20px; font-size:14px; font-weight:600; color:#494949;}
.blutxtL{font-size:20px; font-weight:600; color:#106bab;}
.blutxtS{font-size:14px; font-weight:600; color:#106bab;}
.greentxtL{font-size:20px; font-weight:600; color:#72bf44;}

.Green_bg_blk{ float: left; background-color:#fafafa; border-top:solid 4px #72bf44; width:100%; margin-bottom:10px; font-weight:600; }

.inquiry-table table{ width:100%;}
.inquiry-table table th{ background-color:#959595; padding:10px 5px 10px 8px; color:#fff; font-size:14px; font-weight:600; text-align:left;}
.inquiry-table-border{ border-right:solid 1px #fff;}
.inquiry-table table td{ padding:10px 5px 10px 8px; color:#717171; font-size:13px; font-weight:300; vertical-align:text-top;}
.inquiry-table table td.compname{ color:#106bab; font-weight:600;}


.inquiry-table tr{
		background: #fff;
	}
	/*  Define the background color for all the ODD background rows  */
	.inquiry-table tr:nth-child(odd){ 
		background: #f2f2f2;
	}
	/*  Define the background color for all the EVEN background rows  */
	.inquiry-table tr:nth-child(even){
		background: #fff;
	}

    .waves-effect {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}