.gpv_cfix:after{
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.GPV-section,.GPV-setting-section{
	font: 400 14px/1.2 Arial,sans-serif!important;
}
.GPV-section{
	padding: 10px;	
}
.GPV-section .GPV-header-add-new{	 
	padding: 10px 7px; 
	border-radius: 4px;
	width: 88%;
	margin: 0 auto;
}
.GPV_active{
	background: #F2F5A9!important;
}

.GPV-section #GPV-gallery aside{
	float: left;
}
.GPV-section .setting-side{
	width:60%; 
	float:right!important;
	margin-right: 30px;
}
.GPV-section #GPV-remove-image{
	float: right;
	margin-right: 5px;
}

.clearfix:after
{
	content: ".";
	height: 0;
	clear: both;
	visibility: hidden;
	display: block;
}

.GPV-section #GPV-gallery .GPV-single-li-div{
	border: 3px solid #DDD;
	border-radius: 4px;
	background: #f1f1f1;
	margin-bottom: 15px;
}
.GPV-section #GPV-gallery .GPV-single-li-div:hover{
	background:#dff0d8;
}
.GPV-section #GPV-gallery .GPV-image-record label{	
	width: 21%;
	float: left;
	padding: 3px 0px 0px 0px;
	vertical-align: middle;
}
.GPV-section #GPV-gallery .GPV-image-record input[type="text"],select,textarea{
	width: 78%;
	padding: 6px;
	border-radius: 4px;
}

.GPV-section #GPV-gallery .GPV-image-record .form-group{
	margin: 8px 0;
}
.GPV-section #GPV-gallery .display-none{
	display: none;
}

/******seatting page********/
.GPV-setting-section{
	
	border-radius: 4px;
	background: #FFF;
	padding: 0;
	margin: 0; 
}
/******************/
.GPV-setting-section .GPV_row{
	margin-top: 15px;
}
.GPV-setting-section .GPV_row .GPV_left_column,
.GPV-setting-section .GPV_row .GPV_right_column{
	float: left;	
}
.GPV-setting-section .GPV_row .GPV_left_column{
	width: 20%;
	margin-right: 5px;
}
.GPV-setting-section .GPV_row .GPV_right_column{
	width: 74%;	
}
/************************/

.GPV-setting-section .show-hide-section,
.GPV-setting-section .color-section,
.GPV-setting-section .other-section
{
	border-radius: 4px;
}
.GPV-setting-section table{
	padding: 0;
	margin: 0;
}
.GPV-setting-section table tr th{
	text-align: center;
}
.GPV-setting-section .header-text{
	text-align: center;
	font-size: 20px!important;
	color: #FFF;
}
.GPV-setting-section .header-text-row{
	background: #23282d;
}
.GPV-setting-section table tr input[type=checkbox]:checked:before{	
	color: #23282d;
}
.GPV-setting-section table tr input[type=radio]:checked:before{
	background-color: #23282d;
}
.GPV-setting-section table tr input[type=checkbox]:focus,
.GPV-setting-section table tr input[type=radio]:focus{
	border-color: #23282d;
}

.GPV-setting-section table tr .fa-check{
	color:#5cb85c;
}
.GPV-setting-section table tr .fa-times
{
	color:#f44336;
}

.GPV-setting-section table tr td i:first-of-type{
	margin-right: 40px;
}

.GPV-setting-section table tr span:nth-child(n){
	margin-right:15px;	
}
.gpv-active-div{
	display:block!important;
}
.gpv-active-link{
	background-color: #dff0d8!important;
	color:#4CAF50!important;
	border: 2px solid #4CAF50;
}
/******seatting page********/


.GPV-section .GPV_left_column #menu_link{
	padding: 0;
	margin: 0;
}

.GPV-section .GPV_left_column #menu_link li{
	padding: 10px;
	margin-bottom: 5px;
	background: #32373c;
	color: #FFF;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	border-radius:4px;
}

.GPV-section .GPV_left_column #menu_link li:hover{
	color: orange;	
}

.GPV-section .GPV_right_column .GPV_setting_container{
	display: none;
	margin-left: 1em;
}
.GPV-section .GPV_right_column .GPV_setting_container .GPV_dafult_char{
	background: #23282d;
	border-color: #23282d;
}

.GPV-section .GPV_right_column .GPV_setting_container .GPV_dafult_char:hover{
	opacity: 0.6;
}



/*************************************************************************************/


#side-sortables {
	margin-top: 230px;
}
#submitdiv {
	position: fixed;
	z-index: 99;
	margin-top: -230px;
}
#shortcode_meta_box{
	position: fixed;
	z-index: 99;
	margin-top: 205px;
}
#rate_us_meta_box{
	position: fixed;
	z-index: 99;
	margin-top: 20px;

}

/**************span color free version**************************/
.gpv-color-radio{
	padding: 0px 7px;
}
.word-class-active{
	color: red!important;
}
.gpv-rate-us-div{
	width: 80%;
	text-align: center;
	margin: 0 auto;
}


/*****layout radio*********/

.gpv-layout-container{
	width: 50%;
	margin: 0 auto;
}
.gpv-layout-section .gpv-layout-container input[type="radio"]{
	display: none;
}

.gpv-layout-section h2{
	font-size: 25px!important;
}
.gpv-layout-section .gpv-layout-container label{
	border: 5px solid #DDD;
	margin: 10px;
	display: inline-block;
	position: relative;
}


input[type=radio]:checked + label{
	background: #dff0d8!important;
	border: 5px solid #4caf50;
}
/*********************/

/****ribbon***/

.gpv_box {
  width: 200px; height: 300px;
  position: relative;
  border: 1px solid #BBB;
  background: #EEE;
}
.gpv_ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.gpv_ribbon span a {
	text-decoration: none;
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #f44336;
  background: linear-gradient(#f44336 0%,#f44336 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.gpv_ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.gpv_ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}

/****ribbon***/