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

@font-face {
font-family:"Roboto-Thin";
font-weight:normal;
src: url('../fonts/roboto/Roboto-Thin.eot');
src: local('../fonts/roboto/Roboto-Thin'), 
 	local('../fonts/roboto/Roboto-Thin'), 
	url('../fonts/roboto/Roboto-Thin.woff') format("woff"),
 	url('../fonts/roboto/Roboto-Thin.ttf') format('truetype'),
 	url('../fonts/roboto/Roboto-Thin.svg#itc_bradley_hand_bradhib') format('svg'); 
}
@font-face {
 	font-family: 'Roboto-Thin';
}

@font-face {
font-family:"Roboto-Light";
font-weight:normal;
src: url('../fonts/roboto/Roboto-Light.eot');
src: local('../fonts/roboto/Roboto-Light'), 
	url('../fonts/roboto/Roboto-Light.woff') format("woff"),
 	url('../fonts/roboto/Roboto-Light.ttf') format('truetype'),
 	url('../fonts/roboto/Roboto-Light.svg#itc_bradley_hand_bradhib') format('svg'); 
}
@font-face {
 	font-family: 'Roboto-Light';
}
@font-face {
font-family:"Roboto-Regular";
font-weight:normal;
src: url('../fonts/roboto/Roboto-Regular.eot');
src: local('../fonts/roboto/Roboto-Regular'), 
	url('../fonts/roboto/Roboto-Regular.woff') format("woff"),
 	url('../fonts/roboto/Roboto-Regular.ttf') format('truetype'),
 	url('../fonts/roboto/Roboto-Regular.svg#itc_bradley_hand_bradhib') format('svg'); 
}
@font-face {
 	font-family: 'Roboto-Regular';
}
@font-face {
font-family:"Roboto-Medium";
font-weight:normal;
src: url('../fonts/roboto/Roboto-Medium.eot');
src: local('../fonts/roboto/Roboto-Medium'), 
	url('../fonts/roboto/Roboto-Medium.woff') format("woff"),
 	url('../fonts/roboto/Roboto-Medium.ttf') format('truetype'),
 	url('../fonts/roboto/Roboto-Medium.svg#itc_bradley_hand_bradhib') format('svg'); 
}
@font-face {
 	font-family: 'Roboto-Medium';
}

@font-face {
font-family:"Roboto-Bold";
font-weight:normal;
src: url('../fonts/roboto/Roboto-Bold.eot');
src: local('../fonts/roboto/Roboto-Bold'), 
	url('../fonts/roboto/Roboto-Bold.woff') format("woff"),
 	url('../fonts/roboto/Roboto-Bold.ttf') format('truetype'),
 	url('../fonts/roboto/Roboto-Bold.svg#itc_bradley_hand_bradhib') format('svg'); 
}
@font-face {
 	font-family: 'Roboto-Bold';
}
.padding_left_zero {
	padding-left:0px;
}
.padding_zero {
	padding:0px;
}
.padding_right_zero {
	padding-right:0px;;
}
.padding_top_bottom_zero{
	padding-top:0px;
	padding-bottom:0px;
}
.padding_top_bottom_two {
	padding-top:2px;
	padding-bottom:2px;
}
.padding_top_bottom_five {
	padding-top:5px;
	padding-bottom:5px;
}
.padding_top_bottom_ten {
	padding-top:10px;
	padding-bottom:10px;
}
.padding_top_bottom_fifteen {
	padding-top:15px;
	padding-bottom:15px;
}
.padding_top_bottom_twenty {
	padding-top:20px;
	padding-bottom:20px;
}
.padding_top_bottom_twenty {
	padding-top:20px;
	padding-bottom:20px;
}
.padding_top_bottom_tharty {
	padding-top:30px;
	padding-bottom:30px;
}
.padding_top_bottom_fourty {
	padding-top:40px;
	padding-bottom:40px;
}
.padding_top_bottom_fifty {
	padding-top:50px;
	padding-bottom:50px;
}
.padding_top_bottom_sixty {
	padding-top:60px;
	padding-bottom:60px;
}
.padding_left_right_zero{
	padding-left:0px;
	padding-right:0px;
}
.padding_left_right_five {
	padding-left:5px;
	padding-right:5px;
}
.padding_left_right_ten {
	padding-left:10px;
	padding-right:10px;
}
.padding_left_right_fifteen {
	padding-left:15px;
	padding-right:15px;
}
.padding_left_right_twenty {
	padding-left:20px;
	padding-right:20px;
}
.padding_left_right_twenty {
	padding-left:20px;
	padding-right:20px;
}
.padding_left_right_tharty {
	padding-left:30px;
	padding-right:30px;
}
.padding_left_right_fourty {
	padding-left:40px;
	padding-right:40px;
}
.padding_bottom_zero {
	padding-bottom:0px;
}
.padding_bottom_five {
	padding-bottom:5px;
}
.padding_bottom_seven {
	padding-bottom:7px;
}
.padding_bottom_ten {
	padding-bottom:10px;
}
.padding_bottom_fifteen {
	padding-bottom:15px;
}
.padding_bottom_twenty {
	padding-bottom:20px;
}
.padding_bottom_tharty {
	padding-bottom:30px;
}
.padding_bottom_fourty {
	padding-bottom:40px;
}
.padding_bottom_fifty {
	padding-bottom:50px;
}
.padding_bottom_sixty {
	padding-bottom:60px;
}
.padding_bottom_seventy {
	padding-bottom:70px;
}
.padding_bottom_eighty {
	padding-bottom:80px;
}
.padding_bottom_nighty {
	padding-bottom:90px;
}
.padding_bottom_hundred {
	padding-bottom:100px;
}
.padding_top_zero{
	padding-top:0px;
}
.padding_top_bootom_zero{
	padding-top:0px;
	padding-bottom:0px;
}
.padding_top_bootom_ten{
	padding-top:10px;
	padding-bottom:10px;
}
.padding_top_five{
	padding-top:5px;
}
.padding_top_seven{
	padding-top:7px;
}
.padding_top_ten {
	padding-top:10px;
}
.padding_top_twelve {
	padding-top:12px;
}
.padding_top_fifteen {
	padding-top:15px;
}
.padding_top_twelve {
	padding-top:12px;
}
.padding_top_twenty {
	padding-top:20px;
}
.padding_top_tharty {
	padding-top:30px;
}
.padding_top_fourty {
	padding-top:40px;
}
.padding_top_fifty {
	padding-top:50px;
}
.padding_top_sixty {
	padding-top:60px;
}
.padding_top_seventy {
	padding-top:70px;
}
.padding_left_ten {
	padding-left:10px;
}
.padding_left_twenty {
	padding-left:20px;
}
.padding_left_tharty {
	padding-left:30px;
}
.padding_left_fourty {
	padding-left:40px;
}
.padding_left_fifty {
	padding-left:50px;
}
.padding_left_sixty {
	padding-left:60px;
}
.padding_left_seventy {
	padding-top:70px;
}
.padding_right_ten {
	padding-right:10px;
}
.padding_right_twenty {
	padding-right:20px;
}
.padding_right_tharty {
	padding-right:30px;
}
.padding_right_fourty {
	padding-right:40px;
}
.padding_right_fifty {
	padding-right:50px;
}
.padding_right_sixty {
	padding-right:60px;
}
.padding_right_seventy {
	padding-top:70px;
}
.margin_zero_auto {
	margin:0 auto;
}
.margin_zero {
	margin:0px;
}
.margin_left_right_zero {
	margin-left:0px;
	margin-right:0px;
}
.margin_top_minus_twenty_two {
	margin-top:-22px;
}
.margin_top_zero {
	margin-top:0px;
}
.margin_top_one {
	margin-top:2px;
}
.margin_top_two {
	margin-top:2px;
}
.margin_top_three {
	margin-top:3px;
}
.margin_top_four {
	margin-top:4px;
}
.margin_top_five {
	margin-top:5px;
}
.margin_top_six {
	margin-top:6px;
}
.margin_top_seven {
	margin-top:7px;
}
.margin_top_ten {
	margin-top:10px;
}
.margin_top_fifteen {
	margin-top:15px;
}
.margin_top_twenty {
	margin-top:20px;
}
.margin_top_twenty_two {
	margin-top:22px;
}
.margin_top_twenty_five {
	margin-top:25px;
}
.margin_top_thirty {
	margin-top:30px;
}
.margin_top_fourty {
	margin-top:40px;
}
.margin_top_fifty {
	margin-top:50px;
}
.margin_top_sixty {
	margin-top:60px;
}
.margin_top_seventy {
	margin-top:70px;
}
.margin_top_eighty {
	margin-top:80px;
}
.margin_top_hundred {
	margin-top:100px;
}
.margin_bottom_zero {
	margin-bottom:0px;
}
.margin_bottom_ten {
	margin-bottom:10px;
}
.margin_bottom_fifteen {
	margin-bottom:15px;
}
.margin_bottom_twenty {
	margin-bottom:20px;
}
.margin_bottom_thirty {
	margin-bottom:30px;
}
.margin_bottom_fourty {
	margin-bottom:40px;
}
.margin_bottom_fifty {
	margin-bottom:50px;
}
.margin_bottom_sixty {
	margin-bottom:60px;
}
.margin_bottom_seventy {
	margin-bottom:70px;
}
.margin_bottom_eighty {
	margin-bottom:80px;
}
.margin_bottom_five {
	margin-bottom:5px;
}
.margin_left_twenty {
	margin-left:20px;
}
.margin_right_twenty {
	margin-right:20px;
}
.margin_right_zero {
	margin-right:0px;
}
.margin_left_two{
	margin-left:2px;
}
.margin_right_five {
	margin-right:5px;
}
.margin_right_seven {
	margin-right:7px;
}
.margin_right_eight {
	margin-right:8px;
}
.margin_right_two{
	margin-right:2px;
}
.margin_right_three{
	margin-right:3px;
}
.margin_right_four{
	margin-right:4px;
}
.margin_right_ten {
	margin-right:10px;
}
.margin_right_fifteen {
	margin-right:15px;
}
.margin_right_twenty {
	margin-right:20px;
}
.margin_right_therty {
	margin-right:30px;
}
.margin_right_minus_ten{
	margin-right:-10px;
}
.margin_right_minus_twenty{
	margin-right:-20px;
}
.margin_left_right_ten {
	margin-left:10px;
	margin-right:10px;
}
.margin_left_right_fifteen {
	margin-left:15px;
	margin-right:15px;
}
.margin_left_right_twenty {
	margin-left:20px;
	margin-right:20px;
}
.margin_left_right_therty {
	margin-left:30px;
	margin-right:30px;
}
.margin_left_right_fourty {
	margin-left:40px;
	margin-right:40px;
}
.margin_left_right_fifty {
	margin-left:50px;
	margin-right:50px;
}
.margin_left_right_sixty {
	margin-left:60px;
	margin-right:60px;
}
.margin_left_right_four_persent {
	margin-left:4.3%;
	margin-right:4.3%;
}
.margin_left_five {
	margin-left:5px;
}
.margin_left_seven {
	margin-left:7px;
}
.margin_left_eight {
	margin-left:8px;
}
.margin_left_ten {
	margin-left:10px;
}
.margin_left_zero {
	margin-left:0px;
}
.margin_left_fifteen {
	margin-left:15px;
}
.margin_left_twenty {
	margin-left:20px;
}
.margin_left_twenty_five {
	margin-left:25px;
}
.margin_left_tharty {
	margin-top:30px;
}
.margin_left_fourty {
	margin-left:40px;
}
.margin_left_fifty {
	margin-left:50px;
}
.top_one{
	position:relative;
	top:1px;
}
.top_two{
	position:relative;
	top:2px;
}
.top_three{
	position:relative;
	top:3px;
}
.top_four{
	position:relative;
	top:4px;
}
.top_five{
	position:relative;
	top:5px;
}
.margin_top_bottom_thirty {
	margin-top:30px;
	margin-bottom:30px;

}
.margin_top_bottom_fifty {
	margin-top:50px;
	margin-bottom:50px;
}
.font_size_fourteen{
	font-size:14px;
}
.display_inline_block{
	display:inline-block;
}
.border_top_solid {
	border-top:solid 1px #dddddd;
}
.border_bottom_solid {
	border-bottom:solid 1px #dddddd;
}
.border_right_solid {
	border-right:solid 1px #dddddd;
}
.border_left_solid {
	border-right:solid 1px #dddddd;
}
.border_all{
	border:solid 1px #dddddd;
}
.border_no{
	border:none;
}
.border_bottom_solid_none {
	border-bottom:none;
}
.margin_top_bottom_thirty {
	margin-top:30px;
	margin-bottom:30px;
}
.margin_top_bottom_fifty {
	margin-top:50px;
	margin-bottom:50px;
}
.font_sz_11{
	font-size:11px;
}
.truncate{
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
}
.icon_color_white{
	color:#FFF;
}
.top_two{
	position:relative;
	top:2px;
}
.view_icon{
	font-size:16px;
}
.btn-transparent{
	background:none;
}
.bg_transparent
{
	background-color:transparent;
}

.red{
	padding-left:2px;
	color:#F00;
}
a, a:hover, a:focus, img{
	outline:none;
	border:none;
	outline-offset:0px;
}
a:focus{
	outline:none;
	border:none;
	outline-offset:0px;
	text-decoration:none;
}
.truncate {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

<!-------------------------------Start Login---------------------------------------------------->

.login-box .loginmodal-container {
  padding:15px  30px;
/*  max-width: 380px;
  width: 100% !important;
*/  background-color: #F7F7F7;
  margin:0px;
  border-radius: 2px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.login-box .login-box-form{
	background-color:#FFF;
	border:solid 1px #ddd;
  padding:15px  30px;
  margin-top:10%;
}
.login-box .loginmodal-container h1 {
  text-align: center;
  font-size: 1.8em;
  color:#FFF;
  background-color:#1565c0;
  margin:-15px -30px 20px -30px;
  padding:15px;
}
.loginmodal-container input[type=submit] {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative;
}

.loginmodal-container  input[type=emails], input[type=text], input[type=email], input[type=password] {
 background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.loginmodal-container input[type=text]:hover, input[type=password]:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.loginmodal {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  height: 36px;
  padding: 0 8px;
/* border-radius: 3px; */
/* -webkit-user-select: none;
  user-select: none; */
}

.loginmodal-submit {
  /* border: 1px solid #3079ed; */
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1); 
  background-color:#1565c0;
  padding: 12px 0px;
  font-size: 16px;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
}

.loginmodal-submit:hover {
  /* border: 1px solid #2f5bb7; */
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color:#0856ae;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
}

.loginmodal-container a {
  text-decoration: none;
  color: #666;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  opacity: 0.6;
  transition: opacity ease 0.5s;
} 

.login-help{
  font-size: 12px;
}


<!-------------------------------End Login---------------------------------------------------->

<!-------------------------------Start Top Bar---------------------------------------------------->

.top-bar .navbar-login
{
    width: 305px;
    padding: 10px;
    padding-bottom: 0px;
}

.top-bar .navbar-login-session
{
    padding: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.top-bar .navbar {
	background-color:#1976D2;
	border:none;
	border-bottom:solid 0px #1565C0;
	margin-bottom:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}
.top-bar .navbar .navbar-brand{
	padding:4px 15px;
}
.top-bar .navbar .user-info-right{
}
.top-bar .navbar .user-info-right i{
	text-align:center;
	min-width:15px;
	margin-right:5px;
}
.top-bar .navbar .nav.main-menu > li > a{
	padding:20px 15px;
}
.top-bar .navbar .nav > li > a{
	color:#eee;
}
.top-bar .navbar-inverse .navbar-nav > .active > a, .top-bar .navbar-inverse .navbar-nav > .active > a:hover, .top-bar .navbar-inverse .navbar-nav > .active > a:focus{
	color:#FFF;
	background-color:#1565C0;
}
.top-bar .navbar-inverse .navbar-nav > .open > a, .top-bar .navbar-inverse .navbar-nav > .open > a:hover, .top-bar .navbar-inverse .navbar-nav > .open > a:focus{
	color:#FFF;
	background-color:#1565C0;
}
.breadcrumb-bar{
	padding-bottom:2px;
	background-color:#f5f5f5;
	border-bottom:solid 2px #ddd;
}
.breadcrumb-bar .breadcrumb {
	padding:12px 15px;
	margin-bottom:0px;
	background: rgba(245, 245, 245, 0); 
	border: 0px solid rgba(245, 245, 245, 1); 
	border-radius: 25px; 
	display:inline-block;
}
.breadcrumb-bar .btn-bread{
    margin-top:10px;
    font-size: 12px;
    border-radius: 3px;
}
.breadcrumb-bar .action-button{
}
.breadcrumb-bar .action-button ul{
	list-style:none;
	margin:0px;
	padding:8px 0 0 0px;
}
.breadcrumb-bar .action-button ul li{
	float:left;
	margin:0px;
	padding:0px;
}
.breadcrumb-bar .action-button ul li a{
	float:left;
	width:30px;
	height:30px;
	color:#FFF;
	text-align:center;
	display:inline-block;
	text-decoration:none;
	margin:0px 5px;
	padding:5px 0px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.breadcrumb-bar .action-button ul li a.add{
	background-color:#1abc9c;
}
.breadcrumb-bar .action-button ul li a.add:hover{
	background-color:#16a085;
}
.breadcrumb-bar .action-button ul li a.calendar{
	background-color:#2ecc71;
}
.breadcrumb-bar .action-button ul li a.calendar:hover{
	background-color:#27ae60;
}
.breadcrumb-bar .action-button ul li a.clock{
	background-color:#3498db;
}
.breadcrumb-bar .action-button ul li a.clock:hover{
	background-color:#2980b9;
}
.breadcrumb-bar .action-button ul li a.calculator{
	background-color:#9b59b6;
}
.breadcrumb-bar .action-button ul li a.calculator:hover{
	background-color:#8e44ad;
}
.breadcrumb-bar .action-button ul li a.comment{
	background-color:#f1c40f;
}
.breadcrumb-bar .action-button ul li a.comment:hover{
	background-color:#f39c12;
}


<!-------------------------------Start Top Bar---------------------------------------------------->

<!-------------------------------Start Dashboard button------------------------------------------->

#dashboad-button .btn{
 	font-family: 'Roboto-Medium';
	color:#FFF;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}
#dashboad-button .btn-lg{
	font-size:28px;
 	font-family: 'Roboto-Medium';
	color:#FFF;
	line-height:2.33333;
	min-height:90px;
	margin-bottom:20%;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}
.box_shadow
{
	box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
#dashboad-button .complaint-btn{
	background-color:#00695C;
	border:solid 1px #00695C;
}
#dashboad-button .vendor-btn{
	background-color:#2E7D32;
	border:solid 1px #2E7D32;

}

#dashboad-button .spanner-btn{
	background-color:#512DA8;
	border:solid 1px #512DA8;
}
#dashboad-button .rebate-btn{
	background-color:#7B1FA2;
	border:solid 1px #7B1FA2;
}

#dashboad-button .event-btn{
	background-color:#90C653;
	border:solid 1px #90C653;
}

#dashboad-button .rack-price-btn{
	background-color:#FBC02D;
	border:solid 1px #FBC02D;
}

#dashboad-button .newsletter-btn{
	background-color:#F57C00;
	border:solid 1px #F57C00;
}

#dashboad-button .bulletin-btn{
	background-color:#5D4037;
	border:solid 1px #5D4037;
}
#dashboad-button .staff-btn{
	background-color:#455A64;
	border:solid 1px #455A64;
}
#dashboad-button .video-btn{
	background-color:#C2185B;
	border:solid 1px #C2185B;
}
#dashboad-button .doc-btn{
	background-color:#512DA8;
	border:solid 1px #512DA8;
}
#dashboad-button .news-btn{
	background-color:#607D8B;
	border:solid 1px #607D8B;
}
#dashboad-button .box_shadow{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}





<!-------------------------------End Dashboard button------------------------------------------->

<!-------------------------------Start Add Complaint------------------------------------------->



.container-white-bg{
	background-color:#FFF;
}
.container-white-bg .main-heading{
	background-color:#1976d2;
	color:#FFF;
	padding:7px 15px;
	font-size:18px;
}
.container-white-bg .heading-bg{
	padding:5px 15px;
	background-color:#f5f5f5;
}
.container-white-bg .heading-bg h3{
	margin:5px 0 5px 0px;
	font-size:24px;
	font-weight:bold;
}

.container-white-bg .heading-bg a{
	margin-top:10px;
	float:right;
}
.container-white-bg .panel-body{
	background-color:#FFF;
}
.member-add .action-button ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
.member-add .action-button ul li{
	float:left;
	margin:0px;
	padding:0px;
}
.member-add .action-button ul li a{
	float:left;
	width:30px;
	height:30px;
	color:#FFF;
	text-align:center;
	display:inline-block;
	text-decoration:none;
	margin:27px 5px 0px 5px;
	padding:5px 0px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.member-add .action-button ul li a.add{
	background-color:#1abc9c;
}
.member-add .action-button ul li a.add:hover{
	background-color:#16a085;
}
.member-add .action-button ul li a.remove{
	background-color:#f44336;
}
.member-add .action-button ul li a.remove:hover{
	background-color:#d50000;
}

<!-------------------------------End Add Complaint------------------------------------------->

<!-------------------------------Start View Complaint------------------------------------------->

.view-complaint{
}
.view-complaint .table-responsive table{
	border:solid 1px #ddd;
}
.view-complaint .table-responsive thead{ 
	background-color:#eee;
}
.view-complaint .browse-images-btn{
	border:none;
	font-size:100%;
	padding:6px 15px;
	border-radius:20px;
	background-color:#4385f5;
}
.view-complaint .browse-images-btn:hover{
	border:none;
	font-size:100%;
	padding:6px 15px;
	background-color:#4385f5;
}
/*.view-complaint .browse-images-btn:before {
  content: "\f093";
  font-family: 'FontAwesome';
  top: 0;
  left:5px;
}
*/.view-complaint .browse-images-btn span{
	padding-left:6px;
}
.view-complaint .thumbnail .imgs {
  position: relative;
  width:100%;
  height:135px;
  margin:0px;
  padding:4px;
  overflow:hidden;
}
.view-complaint .thumbnail .imgs img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: 100%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.view-complaint .thumbnail .imgs img.portrait {
  width: 100%;
  height: 100%;
}
}
<!-------------------------------End View Complaint------------------------------------------->

<!-------------------------------Start View Rebate ------------------------------------------->

.view-rebate .thumbnail{
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}
.view-rebate h4{
	text-align:center;
}

<!-------------------------------End View Rebate ------------------------------------------->

<!-------------------------------Start Form ------------------------------------------->

.form-horizontal .control-label{
	color:#000;
	font-weight:400!important;
	padding-top:0px!important;
}
input, button, select, textarea{
	-webkit-border-radius:0px!important;
	-moz-border-radius:0px!important;
	border-radius:0px!important;
}


<!-------------------------------End Form ------------------------------------------->



<!-------------------------------Start Membership ------------------------------------------->

.members{
}
.members .thumbnail{
/*	float:left;
	width:100%;
*/	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}
.members .thumbnail .caption{
/*	float:left;
	width:103%;
*/	margin:-4px -4px;
	padding:0px;
	border-bottom:solid 1px #ddd;
	background-color:#f5f5f5;
}
.members .thumbnail .caption h4{
	float:left;
	margin:8px 0 2px 0px;
	font-size:16px;
}
.members .thumbnail .caption p{
	margin:0px;
	font-size:12px;
	color:#666;
	margin-bottom:5px;
}
.members .ref{
	/*text-align:center;*/
	padding:0px;
	/*padding:6px 9px;
	border-left:solid 1px #ddd;*/
	background-color:#f5f5f5;
	
}
.members .ref .ref-no{
	display:block;
	color:#4385f5;
	font-weight:bold;
}
.members .ref .ref-title{
	font-size:11px;	
}
.members .ref-ul{
/*	float:left;
	width:103%;
*/	font-size:13px;
	padding:5px 10px;
	margin:-4px -5px;
	margin-top:5px;
}
.members .ref-ul ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
.members .ref-ul ul li{
	float:left;
	width:100%;
	margin:3px 8px;
}
.members .ref-ul ul li span.status{
	color:#4385f5;
}
.members .ref-options{
/*	float:left;
	width:103%;
*/	font-size:13px;
	padding:0px;
	margin:-4px -4px;
	margin-top:5px;
	background-color:#f5f5f5;
	border-top:solid 1px #ddd;
}
.members .ref-options ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
.members .ref-options ul li{
	width:100%;
	display:block;
	margin:0px;
}
.members .ref-options ul li a{
	text-align:center;
	display:block;
	padding:5px 10px;
	color:#FFF;
	background-color:#4385f5;
}
.members .ref-options ul li a:hover{
	background-color:#4385f5;
}
/* Dropdown Button */
.members .dropbtn {
   /* background-color: #4CAF50;
    color: white;*/
    padding:6px 12px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	background-color:transparent;
}

/* The container <div> - needed to position the dropdown content */
.members .dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.members .dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index:9999;
	right:0;
}

/* Links inside the dropdown */
.members .dropdown-content a {
    color: black;
    padding:8px 12px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.members .dropdown-content a:hover {
	background-color: #f1f1f1;
}

/* Show the dropdown menu on hover */
.members .dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.members .dropdown:hover .dropbtn {
    /*background-color: #f9f9f9;*/
}



<!-------------------------------End Membership ------------------------------------------->


<!-------------------------------Start Membership View ------------------------------------------->

.members-view .table-responsive .table > tr > td{
	background-color:#f5f5f5;
	display:block;
}
.members-view .table-responsive .table td:nth-child(1n) {
	 background-color: #f5f5f5;
	 text-align:right;
	 font-size:13px;
	 color:#666;
}
.members-view .table-responsive .table td:nth-child(2n) {
	 background-color: #FFF;
	 text-align:left;
	  color:#333;
}

.cooler-breakdown .table-responsive .table.main-cooler td:nth-child(2n){
	 background-color: #f5f5f5;
	 font-size:13px;
	 color:#666;
}
.cooler-breakdown .table-responsive .table.main-cooler th{
	 background-color: #f5f5f5;
	 font-size:13px;
	 color:#666;
}
.cooler-breakdown .table-responsive .table.door-details{
	margin-top:22.5%
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
/* Safari and Chrome */
.cooler-breakdown .table-responsive .table.door-details{
	margin-top:17.5%
}
}
.cooler-breakdown .table-responsive .table.door-details td{
	 background-color: #f5f5f5;
	 font-size:13px;
	 color:#666;
}
.cooler-breakdown .table-responsive .table.door-details th{
	 background-color: #f5f5f5;
	 font-size:13px;
	 color:#666;
}
.cooler-breakdown .table-responsive .table.reach-in-coolers td:nth-child(1n){
	 background-color: #f5f5f5;
	 font-size:13px;
	 color:#666;
}
.cooler-breakdown .table-responsive .table.reach-in-coolers td:nth-child(2n){
	 background-color: #FFF;
}
.cooler-breakdown .table-responsive .table.reach-in-coolers th{
	 background-color: #f5f5f5;
	 font-size:13px;
	 color:#666;
}
.cooler-breakdown .table-responsive .table.shelves td:nth-child(1n){
	 background-color: #FFF;
	 font-size:13px;
	 color:#666;
}
.cooler-breakdown .table-responsive .table.shelves td:nth-child(2n){
	 background-color: #f5f5f5;
}
.cooler-breakdown .table-responsive .table.shelves th{
	 background-color: #f5f5f5;
	 font-size:13px;
	 color:#666;
}
.vendors .table-responsive{
	overflow-x:visible;
}
.vendors .table-responsive .table.link-vendors{
	border:dashed 1px #ddd;
	background-color:;
}
.vendors .table-responsive:last-child .table.link-vendors{
	border-right:dashed 1px #ddd;
}
.vendors .table-responsive .table.link-vendors td{
	border:none;
}
.vendors .table-responsive .table.link-vendors td{
	border-right:dashed 1px #ddd;
}
.vendors .table-responsive .table.link-vendors td .table.link-vendors{
	border:none;
	margin-bottom:0px;
}
.vendors .table-responsive .table.link-vendors td .table.link-vendors td{
	border:none;
}

.cooler-breakdown .tooltip{
	word-wrap:break-word;
    padding:5px 20px;
	line-height:20px;
}

.vendors-details .table-responsive .table th{
	 background-color: #f5f5f5;
	 font-size:13px;
	 color:#666;
}
<!-------------------------------End Membership View ------------------------------------------->

.infoicon
{
	background-image:url('../images/infoicon.png');
	background-repeat:no-repeat;
	background-position:center center;
	display:block;
	outline:none;
}

.small-info
{
	font-size:12px;
	font-style:italic;
}


.signatureparent {
	color:darkblue;
	background-color:#F5F5F5;
	/*max-width:600px;*/
	padding:20px;
}


#uploadContainer {
	color:#63F;
	background-color:#FFC;
	/*max-width:600px;*/
	padding:20px;
}


/*This is the div within which the signature canvas is fitted*/
.signature {
	border: 2px dotted #CCC;
	background-color:#f2f2f2;
	margin:10px 0px;
}



.divPreviewSignatureContainer {
	padding:20px;
	border: 2px dotted #CCC;
	height:240px;
}


.divPreviewSignature {
	padding-top:40px;
}



 
#loading-div-background{
	display:none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

#loading-div{
    width: 300px;
    height: 150px;
    background-color: #fff;
    border: 4px solid #40C2A6;
    text-align: center;
    color: #202020;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -100px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
} 
 
 
 p.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6; }

p.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7; }

ul.parsley-errors-list {
  list-style: none;
  color: #E74C3C;
  padding-left: 0; }

input.parsley-error, textarea.parsley-error, select.parsley-error {
  background: #FAEDEC;
  border: 1px solid #E85445; }

.btn-group .parsley-errors-list {
  display: none; }




.bs-wizard {margin-top: 10px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/


.customInputBox
{
	background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

/*------------------------Start Common Css-------------------------------*/

.modal-dialog{
	min-width:600px;
}
.modal-title{
	font-weight:bold;
}
.close{
	font-size:30px;
}
.action-link{
}
.action-link a{
	padding:0px 5px;
	border-right:solid 1px #337ab7;
}
.action-link a:last-child{
	border-right:none;
}
.thumbnail.InActive{
	background-color:#f5f5f5;
}

/*------------------------End Common Css-------------------------------*/


@media screen and (min-width: 320px){
#dashboad-button .btn-lg{
	margin-bottom:15%;
}
}
@media screen and (min-width: 360px){
#dashboad-button .btn-lg{
	margin-bottom:15%;
}
}
@media screen and (min-width: 480px){
#dashboad-button .btn-lg{
	margin-bottom:12%;
}
}
@media screen and (min-width: 640px){
#dashboad-button .btn-lg{
	margin-bottom:8%;
}
}
@media screen and (min-width: 768px){
.members-view .table-responsive .table td{
	width:25%;
}
/*.cooler-breakdown .table-responsive .table.main-cooler td{
	width:25%;
}*/
.cooler-breakdown .table-responsive .table.shelves td{
	width:25%;
}
.vendors .table-responsive .table.link-vendors td{
	width:25%;
}
#dashboad-button .btn-lg{
	margin-bottom:20%;
}
}
@media screen and (min-width: 1024px){
.members-view .table-responsive .table td{
	width:25%;
}
/*.cooler-breakdown .table-responsive .table.main-cooler td{
	width:25%;
}*/
.cooler-breakdown .table-responsive  .table.shelves td{
	width:25%;
}
.vendors .table-responsive .table.link-vendors td{
	width:25%;
}
#dashboad-button .btn-lg{
	margin-bottom:20%;
}
}
@media screen and (min-width: 1200px){
.members-view .table-responsive .table td{
	width:25%;
}
/*.cooler-breakdown .table-responsive .table.main-cooler td{
	width:25%;
}*/
.cooler-breakdown .table-responsive .table.shelves td{
	width:25%;
}
.vendors .table-responsive .table.link-vendors td{
	width:25%;
}
#dashboad-button .btn-lg{
	margin-bottom:18%;
}
}


.percentage_table input[type=text], select
{
	height: 34px;
	width: 100%;
	padding: 6px 12px;
	margin-bottom:10px;
	margin-top:3px;
	font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
	border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.hereby_fields
{
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
	border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

ol.example li.placeholder {
  position: relative;
  /** More li styles **/
}
ol.example li.placeholder:before {
  position: absolute;
  /** Define arrowhead **/
}

.sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
.sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
.sortable li span { position: absolute; margin-left: -1.3em; }

.question-wrapper .sortable-list .questionTitle{
	font-size: 16px !important;
	color:#000;
	padding-bottom:5px;
}
.question-wrapper .sortable-list li{
	border-bottom:solid 1px #ddd;
	margin-bottom:15px;
}
.question-wrapper .sortable-list li:last-child{
	border-bottom:none;
	margin-bottom:0px;
}
.question-wrapper .sortable-list li a{
	text-decoration:none;
	margin:0px 5px;
	padding:0px;
	color:#666;
}
.question-wrapper .sortable-list li a:hover{
	color:#000;
}
.question-wrapper .QuestionContanier .alert-login a{
	display:inline-block;
	text-decoration:none;
	margin:0px 5px;
	padding:0px;
	color:#666;
}
.question-wrapper .QuestionContanier .alert-login a:hover{
	color:#000;
}

.CCData
{
padding-left:0px!important; 
padding-right:0px!important;
margin-bottom:10px!important;
}