/*
 * General back-end style
 *
*/
/* required icon */
.wp_grv_required:after{
 content:"*" ;
}
/*loader style */
/* delete loader style */
.wp_grv_delete_loader{
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 99;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .wp_grv_delete_loader{
	top: 50%;
	left: 40%;
  }
}
.wp_grv_delete_loader_success{
  width: 68px;
  display: none;
}
.wp_grv_delete_loader_icon{
  width: 70px;
  display: none;
}
/* style for notification bar */
/* for header notification bar */
.wp_grv_notification_count{
  position: absolute;
  margin: -6px -7px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 800;
  padding: 0px 4px 1.5px 2px;
  background-color: red;
}
.wp_grv_bell_hover:hover,.wp_grv_settings_icon_hover:hover{
  color: #d4d0d0 !important;
}
#wp_grv_ajax_notification_load a:focus{
  box-shadow: none;
}
.wp_grv_notification_user_hover:hover {
  background-color: #692bab;
  padding: 6px 13px 8px 10px;
  border-radius: 22px;
}
.wp_grv_notification_user_hover {
  padding: 6px 13px 8px 10px;
  border-radius: 22px;
}
.wp_grv_header_notification_bar {
  display: block;
  width: 50%;
  padding: 0% 1.5%;
  text-align: right;
  float: right;
  margin-top: .7em;
  font-size: 20px;
  color: #ffff;
}
@media only screen and (max-width: 500px) {
  .wp_grv_header_notification_bar {
	width: 100% !important;
	display: block;
	margin: auto;
	text-align: center;
	padding: 5px 0px 11px 0px;
  }
  .wp_grv_head_txt{
	display: block;
	text-align: center;
  }
}
@media only screen and (max-width: 760px) {
  .wp_grv_header_notification_bar {
	width: 49%;
  }
}
/* notification bar ends */
/* table style */
@media only screen and (max-width: 768px) {
.wp_grv_tbl{
  overflow-x:auto;
  width: 97%;
}
#wp_grv_all_rv_tbl_filter{
  float: left;
}
}
/* page heading */
.wp_grv_header_width h2{
  background: #6c2db9;
  padding: 22px 22px 22px 11px;
  color: white;
  font-size: 20px;
}
@media only screen and (max-width: 500px) {
  .wp_grv_header_width h2{
	text-align: center;
  }
}
/* button style */
.wp_grv_btn_sub{ /* submit button */
  background-color: #01c3a9;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 3px;
  cursor: pointer;
}
.wp_grv_btn_sub:focus{
  outline: none !important;
}
.wp_grv_btn_sub:hover{
  background-color: #039c88;
}
.wp_grv_btn{ /* normal button */
  background-color: #32373b;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 3px;
  cursor: pointer;
}
.wp_grv_btn:focus{
  outline: none !important;
}
.wp_grv_btn:hover{
  background-color: #202223;
}
/* form field style */
.wp_grv_field{
  background-color: #e5e5e5 !important;
  border-radius: 4px !important;
  color: #777 !important;
  padding: 10px !important;
  /*height: 35px !important;*/
}
/* form select field style */
.wp_grv_select_field{
  background-color: #e5e5e5 !important;
  border-radius: 4px !important;
  color: #777 !important;
  height: 40px !important;
}
.wp_grv_select_field::-webkit-inner-spin-button,.wp_grv_select_field::-webkit-outer-spin-button,.wp_grv_field::-webkit-inner-spin-button, .wp_grv_field::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.wp_grv_select_field:focus,.wp_grv_field:focus{
  border-color: #771dc0 !important;
  box-shadow: 0 0 2px rgb(137, 44, 215) !important;
}
/* loader style */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(wp-grv-loader/wp-grv-loading.gif) center no-repeat #fff;
}
/* wp_grv loader style ends */
.wp_grv_table_section{
  background-color: #ffff;
  width: 100%;
  padding: 1px 0px;
}
.wp_grv_header_width{ /* header width */
  width: 98.5%;
}
.wp_grv_page_block_border{
  box-shadow: 0px 1px 3px 0px rgba( 0, 0, 0, 0.06 );
  width: 98.5%;
  background-color: #ffff;
}
.wp_grv_loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 70px;
  height: 70px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  position: absolute;
  top: 28%;
  left: 45%;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*
 * style for ON OFF switch
 *
*/
.rv_switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 15px;
}
.rv_switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.rv_slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.rv_slider:before {
  position: absolute;
  content: "";
  height: 7px;
  width: 7px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .rv_slider {
  background-color: #2196F3;
}
input:focus + .rv_slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .rv_slider:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}
/* Rounded sliders */
.rv_slider.rv_round {
  border-radius: 34px;
}
.rv_slider.rv_round:before {
  border-radius: 50%;
}
/*
 * style for star rating
 *
*/
.rv_checked {
	color: orange;
}
.rv_add_rating_style {
  position: relative;
  display: inline-block;
  border: none;
  font-size: 14px;
}
.rv_add_rating_style input {
  border: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  opacity: 0;
}
.rv_add_rating_style label {
  position: relative;
  float:right;
  color: #C8C8C8;
}
.rv_add_rating_style label:before {
  margin: 5px;
  content: "\f005";
  font-family: FontAwesome;
  display: inline-block;
  font-size: 1.5em;
  color: #ccc;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.rv_add_rating_style input:checked ~ label:before {
  color: #FFC107;
}
.rv_add_rating_style label:hover ~ label:before {
  color: #ffdb70;
}
.rv_add_rating_style label:hover:before {
  color: #FFC107;
}
/* Style for dashboard div */
.wpgrv_table div {
   width:80px;
   height:80px;
   background-color:#FFFFFF;
   text-align: center;
   line-height: 71px;
   font-size: 25px;
}
.wpgrv_table td {
  padding-left:25px;
  font-size: 20px;
  text-align: center;

}
#wpgrv_div1 {
	float: left;
	width: 50%;

}
#wpgrv_div2 {
	float: left;
	width: 50%;
}
.wpgrv_notf_tbl {
	border-collapse: collapse;
	width: 93%;

}
.wpgrv_notf_tbl td {
	border: 2px solid #b7b1b1;
	padding: 8px;
}
.wpgrv_notf_tbl tr:hover {background-color: #ddd;}
.wpgrv_notf_read{
	border:2px solid red;
	height:100px;
	border-radius:50%;
	width:100px;
	margin-top:20px;
	margin-left:16%;
	text-align: center;
	line-height: 71px;
}

.wpgrv_notf_unread{
	border:2px solid #b3afaf;
	height:100px;
	border-radius:50%;
	width:100px;
	margin-top:-17%;
	margin-left:50%;
	text-align: center;
	line-height: 71px;
}
/* Style for dashboard div */
.wpgrv_table div {
   width:80px;
   height:80px;
   background-color:#FFFFFF;
   text-align: center;
   line-height: 71px;
   font-size: 25px;
}
.wpgrv_table td {
  padding-left:25px;
  font-size: 20px;
  text-align: center;

}
#wpgrv_div1 {
	float: left;
	width: 50%;

}
#wpgrv_div2 {
	float: left;
	width: 50%;
}
.wpgrv_notf_tbl {
	border-collapse: collapse;
	width: 93%;

}
.wpgrv_notf_tbl td {
	border: 2px solid #b7b1b1;
	padding: 8px;
}
.wpgrv_notf_tbl tr:hover {background-color: #ddd;}
.wpgrv_notf_read{
	border:2px solid red;
	height:100px;
	border-radius:50%;
	width:100px;
	margin-top:20px;
	margin-left:16%;
	text-align: center;
	line-height: 71px;
}

.wpgrv_notf_unread{
	border:2px solid #b3afaf;
	height:100px;
	border-radius:50%;
	width:100px;
	margin-top:-17%;
	margin-left:50%;
	text-align: center;
	line-height: 71px;
}
/* scrolling icon for mobile view */
.wp_grv_scroll_icon_border {
  display: none;
}
@media only screen and (max-width: 760px) {
  .wp_grv_scroll_icon_border {
	  display: block;
	  background-color: #21292d;
	  margin-top: 10px;
	  width: 98%;
	  margin: auto;
  }
  .wp_grv_scroll_icon_border h3{
	  margin: 0px;
	  color: #ffff;
	  display: block;
	  text-align: center;
	  padding: 4px;
  }
  @-webkit-keyframes bounceRight {
	0%,
	20%,
	50%,
	80%,
	100% {
	  -webkit-transform: translateX(0);
	  transform: translateX(0);
	}
	40% {
	  -webkit-transform: translateX(-30px);
	  transform: translateX(-30px);
	}
	60% {
	  -webkit-transform: translateX(-15px);
	  transform: translateX(-15px);
	}
  }
  @-moz-keyframes bounceRight {
	0%,
	20%,
	50%,
	80%,
	100% {
	  transform: translateX(0);
	}
	40% {
	  transform: translateX(-30px);
	}
	60% {
	  transform: translateX(-15px);
	}
  }
  @keyframes bounceRight {
	0%,
	20%,
	50%,
	80%,
	100% {
	  -ms-transform: translateX(0);
	  transform: translateX(0);
	}
	40% {
	  -ms-transform: translateX(-30px);
	  transform: translateX(-30px);
	}
	60% {
	  -ms-transform: translateX(-15px);
	  transform: translateX(-15px);
	}
  }
  /* /right bounce */
  /* assign bounce */
  .wp_grv_scroll_arrow_icon {
	-webkit-animation: bounceRight 2s infinite;
	animation: bounceRight 2s infinite;
  }
}