@CHARSET "ISO-8859-1";

/*
Colors
Main Blue #2D95EC;
*/

@import url(//fonts.googleapis.com/css?family=Oxygen:400,300,700|Raleway:400,300,700,300italic,400italic,700italic);


@font-face {
    font-family: 'Helvetica Neue';
    src: url('/media/css/fonts/webfonts/helvetica_nue/HelveticaNeue.ttf');
    font-weight: lighter;
}

html,body {
	height: 100%;
	font-family: Oxygen;
	font-weight: 300;
	color:#666;
}


a{
	color:#2D95EC;
}

a:hover{
	color:#2980C9;
}

#quill_text_editor a,
#new_text_widget_v4 a {
    color: inherit;
}
#new_text_widget_v4 a{
  cursor: pointer !important;
}
#new_text_widget_v4{
    cursor: default;
}
#new_text_widget_v4 span{
    cursor: text;
}

.use-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}

.quill-draggable{
  cursor: move !important;
  z-index: 89 !important;
}
.quill-draggable:hover{
  cursor: move !important;
}

/* TEST FONTS */

.form-control {
	box-shadow: none;
}

.btn.btn-file {
    position: relative;
    overflow: hidden;
	padding: 6px 12px;
}

.btn.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
	height:100%;
	width:100%;
    filter: alpha(opacity=0);
    opacity: 0;
	font-size:0px;
	cursor:pointer;
}

/* Navigation */
.venngage-navbar {
	background: #2D95EC;
	border: 0;
	border-radius: 0;
	margin-bottom: 0;
	min-height: 65px;
	z-index: 101;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.venngage-navbar.admin{

	background: #555;
}

.venngage-navbar.embed {
	text-align:center;
}

.venngage-navbar.embed .navbar-header{
	width:100%;
}

.venngage-navbar.embed .navbar-brand{
	float:none;
	display:inline-block;
}

.north-layout-badge {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 40px;
    height: 16px;
    background-color: #fa7e7e;
    color: #fff;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 0.075em;
    text-align: center;
    border-radius: 0px 0px 2px 2px;
    box-shadow: 0 3px 10px rgba(0,0,0,.3);
    z-index: 1;
}

.premium_logo_badge {
	height: 29px;
	margin-top: 17px;
	display: inline-block;
	vertical-align: middle;
	padding: 0 15px;
	float: left;
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 15px;
	margin-left: 5px;
}

.premium_logo_badge svg {
	margin-top: 10px;
}

@media (max-width: 991px) {
	.premium_logo_badge {
		display: none;
	}
    .hidden-xs.upgrade-button {
        display: none;
    }
}


.venngage-navbar  [class^="flaticon-"]{
	width: 25px;
	margin-left:5px;
}



.venngage-navbar a {
	color: white;
}

.venngage-navbar .navbar-brand {
	padding: 0px;
	margin-top:7px;
}

.venngage-navbar .navbar-brand img {
	max-height: 100%;
}

.venngage-navbar .navbar-nav {
    margin-top: 0px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.venngage-navbar .navbar-nav>li>a:not(.btn){
	padding: 14px 10px;
	margin: 0;
	font-size:15px;
}

.venngage-navbar .navbar-nav .dropdown-menu {
    display: block;
    max-height: 0;
    overflow:hidden;
    transition: max-height .3s ease-in-out;
}


.venngage-navbar .navbar-nav .open .dropdown-menu {
    max-height: 200px;
}

.venngage-navbar .navbar-nav .open .dropdown-menu-admin {
    max-height: 350px;
}

.venngage-navbar .navbar-nav .dropdown-menu-admin {
    max-width: 180px;
    width: 180px;
}

.venngage-navbar .navbar-nav>li>a:not(.btn):hover{
	background: rgba(0, 0, 0, 0.1);
}

.venngage-navbar .navbar-nav>li>a:not(.btn):focus,
.venngage-navbar .navbar-nav .open a:not(.btn) {
	background: rgba(0, 0, 0, 0.1);
}


.venngage-navbar .navbar-nav>li.active>a:not(.btn){
	opacity:1;
    background: rgba(0, 0, 0, 0.1);
}


.venngage-navbar .top-nav-sub-menu {
	border-radius: 0;
    padding: 0;
	box-shadow: 0 0 6px rgba(0,0,0,.175);
    text-transform: capitalize;
    background: #227CC7;
    border: 0;
    box-shadow: none;
    max-width:107px;
    min-width:107px;
}
.venngage-navbar .navbar-nav .top-nav-sub-menu>li>a:not(.btn) {
    padding: 7px 0 7px 11px;
    background: transparent;
    font-size: 14px;
    font-weight: 300;
}
.venngage-navbar .navbar-nav .top-nav-sub-menu>li>a:not(.btn):hover {
    padding: 7px 0 7px 11px;
    background: rgba(0, 0, 0, 0.1);
}
.venngage-navbar .top-nav-sub-menu span,
.venngage-navbar .top-nav-sub-menu a,
.venngage-navbar .navbar-nav .top-nav-sub-menu>li>a:hover {
    color: white;
}

@media (min-width: 768px){
	.venngage-navbar  [class^="flaticon-"]{
		width:auto;
		margin-left:0;
	}
	.venngage-navbar .navbar-nav>li>a:not(.btn){
		padding: 16px 12px 13px;
		min-height: 65px;
		line-height: 33px;
	}

	.venngage-navbar .top-nav-sub-menu {
		margin-left: 0px;
		font-size: 85%;
	}

}

@media (max-width: 768px) {
	.venngage-navbar .top-nav-sub-menu {
        max-width:100%;
	}
}

.ul-premium-cover .btn,
.venngage-navbar .btn{
	padding: 3px 15px 2px;
	margin-top: 17px;
	border-radius: 50px;
}

.publish-navbar .navbar-header .navbar-brand{
	float: none;
}

.publish-navbar .navbar-header{
	margin: auto;
	float: none;
	text-align: center;
	height: 58px;
}

.nav .upgrade-to-premium [class^="flaticon-"]{
	margin-lefT:-5px;
	margin-right:-5px;
}

.nav .upgrade-to-premium [class^="flaticon-"] + span{
	vertical-align:text-top;
}

.nav .upgrade-to-premium {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	letter-spacing: 0.05em;
	border-color: transparent;
}

.nav .upgrade-to-premium:hover,.nav .upgrade-to-premium:focus,.nav.upgrade-to-premium:active
	{
	background: rgb(255,154,22);
	border-color: transparent;
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.3);
}


.venngage-navbar .navbar-toggle {
	border-color: white;
	margin-top:13px;
}

.venngage-navbar .navbar-toggle:hover{
	background: rgba(0, 0, 0, 0.1);
}

.venngage-navbar .navbar-toggle .icon-bar {
	background: white;
}

.venngage-navbar .navbar-toggle:active{
	background: rgba(0, 0, 0, 0.3);
	box-shadow:0 0 0 0;
}
/*
@media(min-width: 768px){
	.venngage-navbar .navbar-nav>li>a:not(.btn):hover,
	.venngage-navbar .navbar-nav>li>a:not(.btn):focus{
		background-color: transparent;
	}
}*/

@media (max-width: 991px) and (min-width: 768px){
	.venngage-navbar a:not(.btn ) [class^="flaticon-"]{
		/*font-size:150%;*/
	}

	.venngage-navbar .navbar-nav>li>a{
		margin-top:13px;
	}

	.venngage-navbar a:not(.btn ) [class^="flaticon-"].left:before,
	.venngage-navbar a:not(.btn ) [class*=" flaticon-"].left:before{
		/*margin-right:0;*/
	}

	.venngage-navbar .top-nav-sub-menu li>a {
		max-height: 40px;
	}
}


/*--------------------------*/
.editor-body {
	background: rgb(238, 238, 238);
}

.panels {
	padding-top: 65px;
}

#editor_nav {
	width: 64px;
	color: white;
	z-index: 100;
	background: #292E32;
	overflow:hidden;
	height:100%;
	position:fixed;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}


#editor_nav {
	padding-bottom: 88px;
}

#editor_nav.open{
	width:225px;
	padding-bottom:0;
}

.large_second_top_nav_row {
	width: 280px;
	vertical-align: top;
	display: inline-block;
    height: 74px;
    margin-left: -225px;
}


@media (min-width: 768px) {
	.large_first_top_nav_row {
		width: calc(100% - 284px);
		vertical-align: top;
		display: inline-block;
        padding-bottom: 5px;
	}

}

@media (min-width: 992px) {
	.large_first_top_nav_row {
		width: calc(100% - 284px);
		vertical-align: top;
		display: inline-block;
        padding-bottom: 5px;
	}
}

@media (min-width: 1200px) {
	.large_first_top_nav_row {
		width: calc(100% - 284px);
		vertical-align: top;
		display: inline-block;
        padding-bottom: 5px;
	}
}

/*****************************/
#infographic_controls {
	transition: all 0.5s linear;
}

#infographic_controls.active {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.top-group-setting-control.active {
	display: inline-block;
}
.show_template_btn{
    display: block;
}
#upgrade_for_templates{
    margin: 15px 5px 10px 5px;
}
.hide_template_btn{
    background-color: #eee;
    color: hsla(0,0%,40%,.5) !important;
    border: solid 1px rgba(102, 102, 102, 0.5);
    box-shadow: none;
    display: block;
    height: 40px;
    width: 95%;
    margin: 5px;
    outline: none;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .05em;
    white-space: nowrap;
    cursor: not-allowed;
    border-radius: 30px !important;
    margin-bottom: 10px;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none
    outline:none !important;
    /*display: none !important;*/
}
.hide_template_btn:focus{
    outline: none !important;
    box-shadow: none;
}
.hide_template_btn:hover{
    color: hsla(0,0%,40%,.5) !important;
}
#other_controls .controls-container textarea:focus {
    box-shadow: none;
    border: 1px solid #2D95EC;
}

.popover_container .popup_wh_container > div {
	width: 105px;
	display: inline-block;
	vertical-align: top;
}

.popover_container .popup_wh_container > div:nth-child(2) {
	margin-left: 10px;
}

.popover_container .popup_wh_container > button,
.show_url_container button.mybtn-block
{
	padding: 0px !important;
	font-size: 90% !important;
}

.tooltip .tooltip-inner {
	white-space: nowrap;
    border-radius:25px;
    padding-left:12px;
    padding-right:12px;
}

.controls-container input[type="radio"],
.top-group-setting-control input[type="radio"],
.top-group-setting-control input[type="checkbox"]{
	height:0;
	width:0;
	position:absolute;
	overflow: hidden;
	opacity:0;
}

.favourites-category {
	background-image: url("/media/v2_img/heart-button-active.svg");
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	height: 12px;
}

#editor_nav ul.quarter li.empty-favourites {
	color: rgb(102,102,102);
	text-align: center;
	width: 100%;
	height: 170px;
	padding: 10px 0;
}

#editor_nav ul.quarter li.empty-favourites span:first-of-type {
	font-size: 14px;
}

#editor_nav ul.quarter li.empty-favourites span:last-of-type {
	font-size: 12px;
}

.vg-icon-rounded-rectangle {
    background-image: url("/media/v2_img/rounded-rectangle.png");
}

.vg-icon-diamond-shape {
    background-image: url("/media/v2_img/diamondshape.png");
}

.shapes-icons i.icon-border-square {
	background: url("/media/v2_img/border-square.png") center no-repeat;
	display: inline-block;
	background-size: contain;
	width: 30px;
	height: 30px;
	margin: 2px;
	text-align: center;
}

.shapes-icons i.icon-border-rounded {
	background: url("/media/v2_img/border-rounded.png") center no-repeat;
	display: inline-block;
	background-size: contain;
	width: 30px;
	height: 30px;
	margin: 2px;
	text-align: center;
}

.shapes-icons i.icon-border-circle {
	background: url("/media/v2_img/border-circle.png") center no-repeat;
	display: inline-block;
	background-size: contain;
	width: 30px;
	height: 30px;
	margin: 2px;
	text-align: center;
}

.shapes-icons i.icon-border-triangle {
	background: url("/media/v2_img/border-triangle.png") center no-repeat;
	display: inline-block;
	background-size: contain;
	width: 30px;
	height: 30px;
	margin: 2px;
	text-align: center;
}

.shapes-icons i.icon-border-diamond {
	background: url("/media/v2_img/border-diamond.png") center no-repeat;
	display: inline-block;
	background-size: contain;
	width: 30px;
	height: 30px;
	margin: 2px;
	text-align: center;
}

#close_data_entry span:first-of-type{
	vertical-align:middle;
	font-weight:bold;
}

#close_data_entry:hover{
	text-decoration:none;
}

.side-menu-container {
	padding-bottom: 30px;
	background: #292E32;
}

#zoom-menu-container {
	background: #000;
	height: 140px;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	position: absolute;
	bottom: 0;
}

.panels.open #zoom-menu-container {
	height: 60px;
}

#zoom-menu-container #zoom-value-container {
	display: inline-block;
	font-size: 110%;
	line-height: 40px;
	vertical-align: top;
	padding: 0 10px;
	min-width: 35%;
	letter-spacing: .05em;
	font-weight: 400;
}

.zoom-out-button,
.zoom-in-button {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
	position: relative;
	z-index: 1;
	cursor: pointer;
}

#editor_nav #zoom-menu-container a.zoom-out-button span,
#editor_nav #zoom-menu-container a.zoom-in-button span {
	display: block;
    height: 100%;
    width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.zoom-out-button span:first-of-type {
	background: url("/media/v2_img/zoomout-nohover.png") no-repeat top left;
	background-size: contain;
}

.zoom-out-button:hover span:first-of-type {
	opacity: 0;
}

.zoom-out-button span:last-of-type {
	background: url("/media/v2_img/zoomout-hover.png") no-repeat top left;
	background-size: contain;
	opacity: 0;
}

.zoom-out-button:hover span:last-of-type {
	opacity: 1;
}

.zoom-in-button span:first-of-type {
	background: url("/media/v2_img/zoomin-nohover.png") no-repeat top left;
	background-size: contain;
}

.zoom-in-button:hover span:first-of-type {
	opacity: 0;
}

.zoom-in-button span:last-of-type {
	background: url("/media/v2_img/zoomin-hover.png") no-repeat top left;
	background-size: contain;
	opacity: 0;
}

.zoom-in-button:hover span:last-of-type {
	opacity: 1;
}

#editor_nav .btn-group /*,
#myreport_nav .btn-group */{
	display: block;
}

/*#profile_nav a,
#myreport_nav  .btn-group>a,*/

#editor_nav .btn-group > a{
	width: 100%;
	display: inline-block;
	color: white;
	font-size: 100%;
	box-shadow: 0 0 0 0;
	-webkit-box-shadow: 0 0 0 0;
	padding: 20px;
	text-align: center;
	position:relative;
}

#editor_nav.open  .btn-group>a:not(.btn)  {
	padding: 20px 0 20px 10px;
	text-align:left;
}

#editor_nav .btn-group ul span,
.market-template-container .premium-badge span {
	display: inline-block;
	vertical-align: middle;
	font-size: 80%;
}


#editor_nav .btn-group .flaticon-arrow-down{
	position: absolute;
	top: 25px;
	left: 175px;
}

#editor_nav .btn-group .panel-icon {
    width: 20px;
    height: 20px;
    margin: -3px 10px 0 -2px;
}

#editor_nav .btn-group>a:hover,
#editor_nav .btn-group.open>a,
#editor_nav li.line-icons-menu-container .btn-group a:hover,
#editor_nav li.line-icons-menu-container .btn-group.open>a,
#editor_nav li.icon-menu-container .btn-group>a:hover,
#editor_nav li.icon-menu-container .btn-group.open>a{
	text-decoration: none;
	color: white;
	background: #000;
}

#editor_nav ul {
	position: relative;
	width: 100%;
	border-radius: 0;
	background: #292E32;
	-webkit-box-shadow: 0 0 0 0;
	list-style: none;
	border: 0;
	top: 0;
	float: none;
	padding:0;
	margin-top: 0;
}
/*
#editor_nav li.line-icons-menu-container:hover,
#editor_nav li.icon-menu-container:hover
{
	background: #000;
}
*/

#editor_nav li.line-icons-menu-container .btn-group>a,
#editor_nav li.icon-menu-container .btn-group>a {
	background: #292E32;
}

#editor_nav li.line-icons-menu-container,
#editor_nav li.icon-menu-container {
	background: #E0E0E0;
}

#editor_nav li.line-icons-menu-container ul.dropdown-menu,
#editor_nav li.icon-menu-container ul.dropdown-menu,
#editor_nav li.general-search-container ul.icon_search_result.quarter {
	width: 204px;
	margin: 0 auto;
}

#editor_nav  ul ul{
	border-bottom:0;
}

#editor_nav ul.full,
#editor_nav ul.half,
#editor_nav ul.quarter{
	background: #E0E0E0;
	padding: 5px;
}

#editor_nav ul.default-map {
	padding-top: 0px;
}

#editor_nav .btn-group .btn-group a:not(.btn){
	padding: 5px 0px 5px 15px;
}

#editor_nav .btn-group li:last-of-type .btn-group a:not(.btn){
	border-bottom:0;
}

#editor_nav a [class^="flaticon-ribbon-pack-"]{
margin-top: 1px;
margin-bottom: -10px;
font-size: 130%;
}

#editor_nav a [class^="fa3-icon"],
#editor_nav a [class^="flaticon-ribbon-pack-"],
#editor_nav a [class^="flaticon"]{
	width:20px;
	text-align:center;
	display:inline-block;
}



#editor_nav ul li {
	font-size: 110%;
}

#editor_nav ul.full li,
#editor_nav ul.half li,
#editor_nav ul.quarter li
{
	display: inline-block;
	vertical-align:top;
}

#editor_nav ul.full li{
	width: 100%;
	font-size:130%;
}

#editor_nav ul.half li,
#editor_nav ul.quarter li.illustration-container{
	width: 50%;
	max-width:101px;
}

#editor_nav ul.quarter li.illustration-container:not(:last-child){
	float: right;
}

#editor_nav ul.quarter li.load-more-icons {
	width: 100%;
}
#editor_nav ul.quarter li.load-more-icons a {
	margin: 10px auto;
    max-width: 115px;
    padding: 8px 0;
    border-radius: 30px;
    letter-spacing: .05em;
	text-align: center;
	color: #fff;
    border: 0;
	cursor: pointer;
	font-size: 12px;
	letter-spacing: 0.05em;
    background-color: rgb(27, 193, 56);
    box-shadow: 0 5px 10px rgba(0 ,0, 0, 0.3);
	position: relative;
	text-transform: uppercase;

	-webkit-transition: max-width 0.15s; /* Safari */
    transition: max-width 0.15s;
}

#editor_nav ul.quarter li.load-more-icons a:hover {
	outline: none;
    box-shadow: 0 7px 10px rgba(0 ,0, 0, 0.3);
}

#editor_nav ul.quarter li.load-more-icons a span.icon-container-refresh {
	top: -1px;
    left: -10px;
}

#editor_nav .vg-custom-color{
	padding:5px;
}

#editor_nav .vg-custom-color .opacity-title{
	color: #000;
    padding: 2px 0 15px;
}

#editor_nav .vg-custom-color .color-picker-wheel.open{
	padding:10px 5px 5px;
	min-height: 220px;
	height: auto;
	opacity:1;
}

#editor_nav ul li{
		position:relative;
}

.background-color-picker-wheel {
    text-align: center;
}

.farbtastic {
    margin: 18px 0 0 0;
}


.widget-non-draggable,
.widget-draggable{
	background: #fff;
	text-align: center;
	margin:3px;
	color:black;
	padding: 22px 0;
	height: 97px;
	width: 97px;
	border:2px solid #d95350;
	opacity:0.5;
	cursor:move;
	font-size:85%;
	position:relative;
}


.widget-non-draggable{
	cursor:pointer;
}

#editor_nav .btn-group ul .widget-non-draggable .premium-badge,
#editor_nav .btn-group ul .widget-draggable .premium-badge,
.market-template-container .premium-badge {
	font-size:100%;
	width:60px;
	text-align:center;
	margin-right: -4px;
}


#editor_nav .btn-group ul  .widget-non-draggable:hover .premium-badge{
	background-color:#2D95EC;
}

#editor_nav .btn-group ul  .widget-non-draggable:hover #image_search_result .premium-badge{
	background-color: #FA7E7E;
}

.widget-non-draggable .premium-badge span:before,
.widget-draggable .premium-badge span:before,
.widget-non-draggable:hover #image_search_result .premium-badge span:before{
	content: "Premium";
}


.widget-non-draggable:hover .premium-badge span:before{
	content: "Preview";
}


.widget-draggable.hover-droppable{
	border:2px solid #91C789;
	opacity:0.9;
	overflow:hidden;
}


.widget-non-draggable img,
.widget-draggable img {
	width:40px;
}

#editor_nav ul .widget-non-draggable.group-widgets,
#editor_nav ul .widget-draggable.group-widgets{
  padding: 0 !important;
  text-align: left;
  overflow: hidden;
}

.widget-draggable.hover-droppable .img-spacer,
#editor_nav ul .group-widgets .img-spacer{
	  display: inline-block;
	  width: 1px;
	  height: 100%;
	  vertical-align: middle;
	  margin-left: -4px;
}

#editor_nav ul .widget-non-draggable.group-widgets img,
#editor_nav ul .widget-draggable.group-widgets img{
	width:100%;
	max-width:93px;
}


#editor_nav ul.full .widget-draggable,
#editor_nav ul.full .widget-non-draggable{
	text-align:left;
	margin-bottom:6px;
	padding: 5px 26px;
	width:auto;
	height:auto;
	border:0;
	opacity:1;
}

#editor_nav ul.full li:last-of-type .widget-draggable,
#editor_nav ul.full li:last-of-type .widget-non-draggable{
	margin-bottom:3px;
}

#editor_nav ul.half .widget-non-draggable,
#editor_nav ul.half .widget-draggable,
#editor_nav ul.quarter li.illustration-container .widget-non-draggable,
#editor_nav ul.quarter li.illustration-container .widget-draggable{
	height: 90px;
	width:90px;
	padding: 22px 0;
	font-size: 12px;
    line-height: 12px;
	border:0;
	opacity:1;
}

#editor_nav ul.quarter li.illustration-container .widget-non-draggable,
#editor_nav ul.quarter li.illustration-container .widget-draggable{
	height: 94px;
	padding: 10px;
}

#editor_nav ul.quarter li.li-break {
	display: block;
}

#editor_nav ul.half .widget-non-draggable.map-search-widget,
#editor_nav ul.half .widget-draggable.map-search-widget,
.widget-non-draggable.map-search-widget,
.widget-draggable.map-search-widget {
	height: auto;
	min-height: 93px;
	padding: 22px 0 5px;
	line-height: 12px;
}

#editor_nav ul.half .widget-non-draggable span,
#editor_nav ul.half .widget-draggable span{
    font-size: 12px;
}

#editor_nav ul .widget-non-draggable .premium-badge span,
#editor_nav ul .widget-draggable .premium-badge span {
    font-size: 80%;
}

#editor_nav ul.half .premium-badge{
	top:7px;
}

#editor_nav ul.quarter li{
	width: 25%;
}

#editor_nav ul.quarter .widget-non-draggable,
#editor_nav ul.quarter .widget-draggable{
	height: 44px;
	width:93px;
	padding: 5px 5px;
	width:auto;
	border:0;
	opacity:1;
}

#editor_nav ul a:not(.btn) {
	color: white;
	padding: 0;
	white-space: nowrap;
}


#editor_nav ul a:not(.btn):hover {
	background: transparent;
}

.vertical-line {
	width: 3px;
	margin-right: 25px;
	height: 28px;
	background: #FFF;
	position: relative;
}

.vertical-line.hori-mid-line:after {
	position: absolute;
	width: 20px;
	background-color: #FFF;
	height: 2px;
	top: 13px;
	content: "";
}

.text-center{
	text-align:center;
}

.text-right{
	text-align:right;
}

.text-left{
	text-align:left;
}

.input-error p{
	font-size:90%;
	color: #d95350;
	margin:5px 0 ;
}

.form-control{
	border-radius:0;
}

#signin_container h1,
#signin_container h2{
	margin:75px 0 25px;
	text-align:center;
	font-size:150%;
	color:#2D95EC;
}
#signin_container h2{
	font-size:120%;
	text-align:left;
	margin:10px 0 20px;
}

#signin_container h2.disabled{
	color:#666;
}

#forgot_password{
	font-size:90%;
	color:#666;
	text-decoration:underline;
}

#forgot_password:hover{
	color:#5c5c5c;
}

#register_form .form-horizontal .col-xs-12:first-of-type{
	margin-bottom:15px;
}

@media ( min-width : 768px) {
	#register_form .form-horizontal .col-sm-6:first-of-type{
		padding-right:7px;
		margin-bottom:0;
	}
	#register_form .form-horizontal .col-sm-6:last-of-type{
		padding-left:7px;
	}
}

#btn_upgrade_premium,
#btn_register,
#btn_plan,
#btn_forgot_password,
#btn_login{
	margin:20px 0 10px;
	padding:6px 35px 6px;
}

#btn_register{
	margin:5px 0 10px;
}

#upgrade_form h2{
	margin-top:60px;
}
#page_container{
    padding-bottom: 20px;
}
#page_container.marketplace {
	padding-left: 80px;
}

#editor{
	height:100%;
}

#editor_nav .side-menu-container{
    overflow-y:auto;
	overflow-x:hidden;
    max-height:calc(100% - 98px);
	height:calc(100% - 98px);
}

#editor_nav.open .side-menu-container{
    max-height:calc(100% - 106px);
	height:calc(100% - 106px);
}


#editor_nav a span:not(:first-of-type){
	display:none;
}

#editor_nav.open a span:not(:first-of-type){
	display:inline-block;
}

#editor_nav.open #hide_menu_btn{
	padding: 12px 21px 11px;
	text-align:right;
}



#editor_nav #hide_menu_btn{
	padding: 12px 20px 11px;
	font-size: 110%;
}

.col-200 {
	width: 100%;
}

@media ( min-width : 440px) {
	.col-200 {
		width: 50%;
	}
}

@media ( min-width : 768px) {
	.col-200 {
		width: 234px;
	}
}


.infographic-container {
	height: 213px;
	margin-bottom: 20px;
	margin-top:11px;
	position: relative;
	width: 100%;
	display: block;
}

.infographic-container .menu {
	position: absolute;
	top: 0;
	z-index: 2;
	color: #FFF;
	width: 100%;
	height: 100%;
	padding: 35px 20px;
	background: rgba(12, 38, 60, 0.7);
	letter-spacing: 1px;
	opacity:1;
	text-transform:uppercase;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}

@media ( min-width : 768px) {
	.infographic-container .menu{
		opacity:0;
	}
	.infographic-container .title{
		z-index:1;
	}
}

.infographic-container:hover .menu{
	opacity:1;
}

.infographic-container .title{
	opacity:1;
	background:#666;
}

.infographic-container .menu a,
.infographic-container .menu .preview-template {
	display: block;
	color: white;
	text-decoration: none;
	padding: 4px 10px 6px;
	font-size: 120%;
	text-transform: uppercase;
	width: 140px;

	margin-bottom: 5px;
	transition: background 0.2s;
	-webkit-transition:background 0.2s;
	-moz-transition:background 0.2s;
	-o-transition: background 0.2s;
}


.infographic-container .menu a.infographic-delete{
	position:absolute;
	top:10px;
	right:10px;
	padding:0px 5px 3px 7px;
	width:auto;
	opacity:0.3;
}


.infographic-container .menu a:hover,
.infographic-container .menu .preview-template:hover {
	background:#2D95EC;
    cursor: pointer;
}

.infographic-container .menu a.infographic-upgrade:hover {

	background:#FF9A16;
}

.infographic-container .menu a.infographic-upgrade .flaticon-star{
	width: 28px;
	margin-left: -3px;
}

.infographic-container .menu a.infographic-delete:hover {
	background:transparent;
	opacity:1;
}

.infographic-container .image {
	height: 100%;
	background: #CCCCCC;
	position: relative;
	width: 100%;
	text-align: center;
	display: block;
	overflow:hidden;
}

.infographic-container .image .image-spacer{
	display: inline-block;
	width: 1px;
	height: 100%;
	vertical-align: middle;
	margin-left: -4px;
}

.infographic-container .image .missing-infographic-image{
	width: 100%;
	height: 100%;
	color: #FFF;
	background: #D0D2DA;
	font-weight: 400;
	font-size: 125%;
	padding: 80px 10px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.infographic-container .image img{
	max-width:100%;
}

.infographic-container.upgrade-to-premium .image {
	background: #F0AD4E;
	border-color: #EEA236;
}

.infographic-container.create-from-template .image {
	background: #A696CE;
	border-color: #A696CE;
}

.infographic-container.create-infographic .image {
	background: #9DB36B;
}

.infographic-container.upgrade-to-premium,
.infographic-container.create-infographic,
.infographic-container.create-from-template{
	cursor: pointer;

}


.infographic-container.upgrade-to-premium .title,
.infographic-container.create-infographic .title,
.infographic-container.create-from-template .title{
	background:transparent;
	font-size:140%;
}

.infographic-container.upgrade-to-premium .menu,
.infographic-container.create-infographic .menu,
.infographic-container.create-from-template .menu{
	padding: 178px 10px 0px;
	text-align: center;
	opacity:1;
	background:transparent;
}


.infographic-container.create-infographic:hover .menu{
	background: rgba(12, 38, 60, 0.7);
}

.infographic-container .image [class^="flaticon-"] {
	font-size: 600%;
	color: #fff;
}


.infographic-container.create-infographic .image .flaticon-add{
	margin-top:23%;
}

@media ( min-width : 768px) {

	.infographic-container.create-infographic .image .flaticon-add{
		margin-top:40%;
	}

}

.infographic-container.upgrade-to-premium .image .flaticon-star{
	margin-top:35%;
}

.infographic-container.create-from-template .image .flaticon-template{
	margin-top:25%;
}


.premium-badge{
	text-transform: uppercase;
	position: absolute;
	padding: 0 6px 3px;
	top: 10px;
	right: 10px;
	z-index: 3;
	font-size: 85%;
	background: #FA7E7E;
	color: #FFF;
}

.premium-badge [class^="flaticon-"] {
	margin-left:-5px;
	margin-right:-5px;
}

.editor-2nd-level-menu .premium-badge{
	position: relative;
	top: 0;
	right: 0;
	float: right;
	margin-top: 3px;
	margin-right: 5px;
	line-height: 1;
	padding: 1px 6px 4px;
}

.infographic-container .title {
	position: absolute;
	bottom: 0px;
	background: #303D4B;
	color: #FFF;
	text-transform: uppercase;
	padding: 14px;
	font-size: 14px;
	width: 100%;
	display: block;
	min-height:50px;
	transition: opacity 0.3s;
	z-index:3;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
}

.infographic-container .author{
	font-size:80%;
	text-transform:none
}

#title_filler {
	width: 80px;
	height: 49px;
	display: inline-block;
	vertical-align: top;
	background: #383b4C;
}

#klockwork-lightbulb {
    width: 80px;
    height: 65px;
    background-image: url('/media/v2_img/klockwork-lightbulb.png');
    background-size: 50px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    text-decoration: none;
    top: 84px;
    outline: none;
}

#klockwork-lightbulb:hover,
#klockwork-lightbulb:active,
#klockwork-lightbulb:focus {
    background-color: transparent;
    background-image: url('/media/v2_img/klockwork-lightbulb-hover.png');
}
#klockwork-lightbulb span {
    opacity: 0;
    transition: opacity .2s;
    font-size: 16px;
    color: white;
    width: 95px;
    position: absolute;
    top: 31px;
    text-align: left;
    left: 70px;
}
#klockwork-lightbulb:hover span {
    opacity: 1;
}

.marketplace-top {
    background: #2D95EC;
    padding-bottom: 0;
    height: 380px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
    transition: background 0.8s ease-in-out;
}

.marketplace-top-sticky {
    background: #303D4B;
    position: fixed;
    top: -265px;
    width: 100%;
    z-index: 6;
}

/* apply padding to marketplace when sticky top is activated */
.marketplace-top-sticky + .marketplace {
    padding-top: 380px;
}

.marketplace-blank-template {
    cursor: pointer;
    text-align: center;
}

.marketplace-blank-template svg {
    padding: 20px 0;
    display: block;
    margin: 0 auto;
    width: 175px;
}

.marketplace-blank-template #blank-template-animation {
    transition: transform .5s ease-in-out, fill .5s ease-in-out;
    transform-origin: center;
}

.marketplace-blank-template:hover #blank-template-animation {
    transform:rotate(360deg);
}

.marketplace-blank-template path {
    transition: fill .5s ease-in-out;
}

.marketplace-blank-template:hover path {
    fill: #2D95EC;
}

.marketplace-blank-template .title {
    margin: 20px 0 0;
	background: #303D4B;
	color: #FFF;
	text-transform: uppercase;
	padding: 14px;
	font-size: 14px;
	width: 100%;
	display: block;
	min-height:50px;
	z-index:3;
}



.marketplace-categories {
    text-align: center;
}

.marketplace-categories .open .marketplace-category-bg,
.marketplace-category:hover .marketplace-category-bg,
.marketplace-categories .marketplace-category-ring {
    opacity: 0.4;
}

.marketplace-categories .marketplace-category-bg,
.marketplace-category:hover .marketplace-category-ring,
.marketplace-categories .open .marketplace-category-ring {
    opacity: 0;
}

.marketplace {
    padding: 0;
}

.marketplace-category-col {
    width:200px;
    min-height: 300px;
    margin: 0 15px;
    float:left;
}

.marketplace-item {
    box-shadow: 0px 5px 15px #d1d3d4;
    border-radius: 0 0 10px 10px;
    margin: 0 0 30px;
}

.marketplace-item div.height-wrapper {
    overflow: hidden;
}

.marketplace-item .premium-badge {
    position: relative;
    right: initial;
    left: 60px;
    top: -300%;
    margin: 7px auto;
    width: 65px;
    font-size: 10px;
    line-height: 20px;
    padding: 0;
    text-align: center;
}
.marketplace-item .business-badge {
    position: relative;
    right: initial;
    left: 60px;
    top: -300%;
    margin: 7px auto;
    width: 65px;
    font-size: 10px;
    line-height: 20px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    background-color: #FF9A16;
    color: #fff;
}
.marketplace-item .marketplace-item-overlay {
    opacity: 0;
    background: rgba(12, 38, 60, 0.7);
    transition: opacity 0.5s;
    position: relative;
    top: -200%;
    height: 100%;
}
.marketplace-item .marketplace-image-fade {
    opacity: 1;
    background: #fff;
    transition: opacity 0.7s;
    position: relative;
    top: -100%;
    height: 100%;
}
.marketplace-item .marketplace-item-overlay a,
.marketplace-item .marketplace-item-overlay .preview-template {
    display: block;
    color: white;
    text-decoration: none;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
    width: 100px;
    letter-spacing: 0.05em;
    margin: 0 auto;
    background: transparent;
    cursor: pointer;
	border-radius: 25px;
}
.marketplace-item .marketplace-item-overlay .preview-template {
    margin: 5px auto 0;
    outline:none;
    border: 0;
}
.marketplace-item .marketplace-item-overlay a:hover,
.marketplace-item .marketplace-item-overlay .preview-template:hover {
    background: rgb(27, 193, 56);
	box-shadow:  0 3px 7px rgba(0, 0, 0, 0.3);
}
.marketplace-item .marketplace-item-overlay .infographic-upgrade:hover {
    background: #FF9A16;
}
.marketplace-item:hover {
    box-shadow: none;
}
.marketplace-item:hover .marketplace-item-overlay {
    opacity: 1;
}
.marketplace-item p {
    width: 200px;
    height: 45px;
    padding: 10px;
    border-radius: 0 0 10px 10px;
    background: #303D4B;
    letter-spacing: 1px;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
}

span.template-label {
	text-transform: uppercase;
}

.marketplace-item span.template-label {
	display: block;
	font-size: 10px;
	margin-top: -5px;
}

.modal-title span.template-label {
	float: right;
	margin-top: 10px;
    margin-right: 10px;
	font-size: 15px;
}

span.template-label.beginner {
	color: #39CE76;
}

span.template-label.intermediate {
	color: #FAC15C;
}

span.template-label.advanced {
	color: #ED744C;
}

.marketplace-item-image {
    transition: height .7s;
    overflow: hidden;
    height: 100%;
}
.marketplace-item-image img {
    display: block;
    width: 100%;
}

.marketplace-category {
    width: 160px;
    height: 202px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    color: white;
}

.marketplace-category:hover .dropdown-menu {
    max-height: 275px;
}

.marketplace-category-grid {
    width:1150px;
    margin: 0 auto;
}

.marketplace-category-grid:after {
    clear: both;
    display: block;
    content: " ";
}

.marketplace h3 {
    color: #2D95EC;
    margin: 0 5px 0 15px;
    padding: 20px 0;
    font-weight: 300;
}

.marketplace h3:not(:first-child) {
    border-top: 1px solid #dedede;
}

.marketplace-category .dropdown-menu {
    margin: 0;
    border: 0;
    border-radius: 0;
    background: rgba(48, 61, 73, 0.95);
    padding: 0;
    z-index: 4;
    overflow: hidden;
    max-height: 0;
    display: block;
    transition: max-height .2s ease-in-out;
}

.marketplace-categories .open .dropdown-menu {
    max-height: 275px;
}

.marketplace-category svg {
    display: block;
}
.marketplace-category .dropdown-menu a {
    padding: 0;
    color: #fff;
    text-decoration: none;
    font-weight: 300;
}
.marketplace-category .dropdown-menu a:hover,
.marketplace-category .dropdown-menu a:active,
.marketplace-category .dropdown-menu a:focus {
    background: transparent;
    color: #fff;
}
.marketplace-category .dropdown-menu li {
    padding: 6px 19px;
    font-size: 13px;
}
.marketplace-category .dropdown-menu li:hover {
    background: rgba(35, 31, 32, 0.6);
}

.marketplace-category-dropdown-button {
    background: transparent;
    width: 160px;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    color: white;
    text-transform: uppercase;
}

.marketplace-categories .open .marketplace-category-dropdown-button,
.marketplace-category:hover .marketplace-category-dropdown-button {
    background: rgba(65, 64, 66, 0.4);
}

.marketplace-top-sticky .open .marketplace-category-dropdown-button,
.marketplace-top-sticky .marketplace-category:hover .marketplace-category-dropdown-button {
    background: rgba(35, 31, 32, 0.6);
}

.marketplace-category-dropdown-button .caret {
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}


.marketplace-title {
	margin: 40px 0;
    text-align: center;
    color: white;
    font-weight: 300;
    font-size: 30px;
    margin-left: -55px;
}

.common-title{
	color: #2D95EC;
	margin: 40px 0px 10px;
	font-size: 24px;
	font-weight: 300;
}


.left-menu{
	list-style:none;
	padding:0;
	margin-top:20px;
	margin-left:-5px;
	margin-right:-5px;
	border:0;
}

.left-menu li{
	display:inline-block;
}

.left-menu.infographics-menu li{
	width:50%;
}

.left-menu.infographics-menu li a,
.left-menu.infographics-menu li.active a,
.left-menu.infographics-menu li.active a:hover,
.left-menu.infographics-menu li.active a:focus,
.left-menu.infographics-menu li:first-of-type a,
.left-menu.infographics-menu,
.left-menu.myaccount li a,
.left-menu.myaccount li.active a,
.left-menu.myaccount li.active a:hover,
.left-menu.myaccount li.active a:focus,
.left-menu.myaccount li:first-of-type a,
.left-menu.myaccount {
	border: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
}

.left-menu.myinfographics li{
	width:50%;
}

.left-menu.marketplace li{
	width:25%;
}

.left-menu.myaccount li{
	width:50%;
}

.left-menu.team li{
	width:33%;
}

.left-menu li a{
	padding:19px 0px;
	color:#2D95EC;
	font-size:95%;
	font-weight:400;
	width:100%;
	text-align:center;
	display:block;
	height:60px;
	border-right:1px solid #d3d3d3;
	border-radius:0;
}


.left-menu li:first-of-type a,
.left-menu li:nth-child(4n+1) a{
	border-left:1px solid #d3d3d3;
}

.left-menu.marketplace li:nth-child(n+5) a{
		margin-top:5px;
}


@media ( max-width : 850px) {
    #klockwork-lightbulb {
        top: 74px;
    }
    .marketplace-top {
        height: 321px;
    }
    .marketplace-top-sticky {
        top: -221px;
    }
    .marketplace-top-sticky + .marketplace {
        padding-top: 321px;
    }
	.marketplace-category {
        width: 140px;
        height: 168px;
    }
    .marketplace-title {
        font-size: 26px;
        margin: 30px;
        margin-left:-17px;
    }
    .marketplace-category .dropdown-menu {
        min-width: 140px;
    }
    .marketplace-category .dropdown-menu li {
        font-size: 12px;
        padding: 4px 0 4px 15px;
    }
    .marketplace-category-dropdown-button {
        width: 140px;
        font-size: 12px;
        line-height: 35px;
        height: 35px;
    }
}

@media ( max-width : 715px) {
    #klockwork-lightbulb {
        top: 67px;
        width: 60px;
    }
    #klockwork-lightbulb span {
        display: none;
    }
    .marketplace-top {
        height: 139px;
    }
    .marketplace-top-sticky {
        top: 0;
        position: static;
        background: #2D95EC;
    }
    .marketplace-top-sticky + .marketplace {
        padding-top: 0;
    }
    .marketplace-title {
        font-size: 22px;
        margin: 25px;
        margin-left: -24px;
    }
    .marketplace-category {
        display: none;
    }
}


@media ( min-width : 768px) {
	.left-menu.marketplace li:nth-child(n+5) a{
		margin-top:0px;
	}
	.left-menu li:nth-child(4n+1) a{
		border-left:0px;
	}
}

.left-menu li a:hover{
	text-decoration:none;
	color:#2D95EC;
	border-right-color: #DDD;
	border-bottom-color:transparent;
}
@media ( min-width : 768px) {
	.left-menu li a:hover{
		border-bottom-color:#DDD;

	}
}


.left-menu li.active a,
.left-menu li.active a:hover,
.left-menu li.active a:focus,
.left-menu li a:hover,
.left-menu li a:focus{
	background:#2D95EC;
	border: 0;
	color:white;
}

.left-menu li.active:not(:first-of-type) a,
.left-menu li.active:not(:first-of-type) a:hover,
.left-menu li.active:not(:first-of-type) a:focus{
	border-top: 0px;
}

.left-menu li#my_templates_menu_tab a{
	padding:12px 0 ;
}

@media ( min-width : 415px) {
	.left-menu li#my_templates_menu_tab a{
		padding:18px 0 ;
	}
}

@media ( min-width : 768px) {

	.left-menu{
		margin-top:106px;
		margin-left:0px;
		margin-right:0px;
	}

	.left-menu li,
	.left-menu.infographics-menu li,
	.left-menu.myinfographics li,
	.left-menu.marketplace li,
	.left-menu.myaccount li,
	.left-menu.myaccount.team li{
		display:block;
		width:100%;
	}

	.left-menu li a{
		border-bottom:1px solid #d3d3d3;
		border-right:0;
		height:auto;
		padding:12px 0px;
	}



	.left-menu li:first-of-type a{
		border-top:1px solid #d3d3d3;
		border-left:0;
	}

}

.delete-btn:hover {
    cursor: pointer;
}

@media ( min-width: 770px) {
    .left-menu.infographics-menu,
    .left-menu.myaccount {
        font-size: 12px;
        max-width: 120px;
    }

	.left-menu-container {
		padding-left: 10px;
		padding-right: 10px;
	}
}


@media ( min-width: 992px) {
    .left-menu.infographics-menu,
    .left-menu.myaccount  {
        position: fixed;
        max-width: 140px;
    }
    .left-menu.infographics-menu li a,
    .left-menu.myaccount li a {
		padding:12px 10px;
        font-size: 14px;
        font-weight: 300;
    }
}


@media ( min-width: 1200px) {
    .left-menu.infographics-menu,
    .left-menu.myaccount {
        position: fixed;
        max-width: 160px;
    }
}

#change_email_form,
#change_name_form,
#reset_password_form{
	height:0;
	-webkit-transition: height 0.5s;
	transition: height 0.5s;
	overflow:hidden;
}

#change_email_form.open,
#change_name_form.open,
#reset_password_form.open{
	height: 150px;
}

#invoice_profile,
#user_profile,
#billing_profile{
	margin-top:30px;
}

#invoice_profile .row,
#user_profile .row,
#billing_profile .row{
	padding-top:10px;
	padding-bottom:10px;
}

#invoice_profile .row:first-of-type,
#user_profile .row:first-of-type,
#billing_profile .row:first-of-type{
	padding-top:0;
}

#premium_benefits{
	margin-top:30px;
	width:100%;
	color:#6A6A6A;
	background:#F3F3F3;
}

#premium_benefits tbody tr:first-of-type td{
	padding-top:30px;
}

#premium_benefits tbody tr:last-of-type td{
	padding-top:30px;
	padding-bottom:30px;
}

#premium_benefits td,
#premium_benefits th{
	width:50%;
	text-align:center;
	padding: 10px 2px;
}

#premium_benefits th{
	background:#91C789;
	color:white;
	font-size:115%;
}

#premium_benefits td{
	font-size:95%;
}

#plan_freq_toggle,
#plan_type_toggle{
	width:100%;
	margin:10px 0;
}

#plan_freq_toggle label,
#plan_type_toggle label{
	width:33%;
	padding:5px 0;
	text-align:center;
}

#plan_type_toggle.licenses label{
	width:25%;
}

.team-share-contonl label,
.team-copy-control label
{
	min-width: 120px;
}

#plan_freq_toggle input,
#team_copy_toggle input,
#team_share_toggle input,
#plan_type_toggle input,
#link_share_toggle input{
	display:none;
}

#team_copy_toggle input label:active,
#team_copy_toggle input label:hover,
#team_copy_toggle input label:focus,
#team_share_toggle input label:active,
#team_share_toggle input label:hover,
#team_share_toggle input label:focus,
#plan_freq_toggle input label:active,
#plan_freq_toggle input label:hover,
#plan_freq_toggle input label:focus,
#plan_type_toggle input label:active,
#plan_type_toggle input label:hover,
#plan_type_toggle input label:focus,
#link_share_toggle input label:active,
#link_share_toggle input label:hover,
#link_share_toggle input label:focus{
	color: #fff;
	background-color: #FFF;
	border-color: #CCC;
}

#team_copy_toggle input:checked + label,
#team_copy_toggle input:checked + label:hover,
#team_copy_toggle input:checked + label:focus,
#team_copy_toggle input:checked + label:active,
#team_share_toggle input:checked + label,
#team_share_toggle input:checked + label:hover,
#team_share_toggle input:checked + label:focus,
#team_share_toggle input:checked + label:active,
#plan_freq_toggle input:checked + label,
#plan_freq_toggle input:checked + label:hover,
#plan_freq_toggle input:checked + label:focus,
#plan_freq_toggle input:checked + label:active,
#plan_type_toggle input:checked + label,
#plan_type_toggle input:checked + label:hover,
#plan_type_toggle input:checked + label:focus,
#plan_type_toggle input:checked + label:active,
#link_share_toggle input:checked + label,
#link_share_toggle input:checked + label:hover,
#link_share_toggle input:checked + label:focus,
#link_share_toggle input:checked + label:active{
	color: #fff;
	background: #91C789;
	border-color: #91C789;
}

#private_share_link {
	padding-top: 5px;
}

#upgrade_cost{
	font-size:40px;
	font-weight:700;
	margin-right:10px;
	color:#555555;
}

#overline_upgrade_cost{
	font-size:40px;
	font-weight:700;
	margin-right:10px;
	color:#555555;
}

#discount_upgrade_cost{
	font-size:40px;
	font-weight:700;
	margin-right:10px;
	color:#555555;
}

#summer_sale {
	font-size:30px;
	font-weight:700;
	margin-right:10px;
	color:red;
}

#upgrade_usa_currency{
	font-size:25px;
	font-weight:700;
	color:#555555;
}

#discount_upgrade_usa_currency{
	font-size:25px;
	font-weight:700;
	color:#555555;
}


#upgrade_per_month{
	font-size:18px;
	font-weight:700;
	color:#555555;
}


#discount_upgrade_per_month{
	font-size:18px;
	font-weight:700;
	color:#555555;
}

#upgrade_savings_message{
	color: #2D95EC;
	margin-top: 28px;
	font-size: 120%;
}

#credit_card_container{
	background:#EFEFEF;
	width:100%;
	color:#555;
	padding:5px 20px;
	margin-bottom:10px;
}

#step2 #credit_card_container{
	margin-top:20px;
	margin-bottom:0;

}

@media ( min-width : 768px) {
	#credit_card_container{
		width:535px;
		padding:5px 20px;
	}

	#step2 #credit_card_container{
		width:100%;
	}
}


#credit_card_container label{
	text-align:left;
}

#payment_credit_card_expiration_month,
#payment_credit_card_expiration_year{
	display:inline-block;
	width:auto;
}

#credit_card_container label.has-note{
	padding-top:0;
}

#credit_card_container label.has-note span{
	font-size: 75%;
	display: block;
}

#credit_card_container h4{
	margin-bottom:20px;
	font-weight:700;
}

/*Modals*/
.venngage-modal+.modal-backdrop {
	background-color: rgba(0, 0, 0, 0.8);
    opacity: 1;
}

.venngage-modal.modal .modal-dialog {
		margin: 90px 5%;
	}

@media ( min-width : 768px) {
	.venngage-modal.modal .modal-dialog {
		margin: 90px auto;
	}
}

.venngage-modal.modal .modal-content {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	border: 1px solid #BBB;
	box-shadow: 0 0 0 0;
	-webkit-box-shadow: 0 0 0 0;
}

.venngage-modal.modal.warning .modal-header {
	background: #f0ad4e;
}

.venngage-modal.modal.error .modal-header {
	background: #d95350;
}

.venngage-modal.modal .modal-header {
	padding:10px;
	background: #fff;
	border:0;
}

.venngage-modal.modal .modal-header .modal-title {
	font-weight: 400;
	font-size: 16px;
}

.venngage-modal.modal .modal-header .close {
	margin-top: -5px;
	margin-right: -5px;
	font-size: 250%;
	line-height: 19px;
	padding-bottom: 5px;
}

.venngage-modal.modal.warning .modal-body,.venngage-modal.modal.error .modal-body{

}

.venngage-modal.modal .modal-footer {
	margin-top: 0;
	padding: 10px;
	border: 0;
	text-align:left;
}

.venngage-modal.modal .modal-body {
	padding: 15px 10px;
	font-size: 90%;
}

/*--------------------------*/
/*buttons */

.btn{
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	padding: 3px 25px 3px;
	color:#6A6A6A;

}

.btn.btn-warning,
.btn.btn-danger,
.btn.btn-primary{
	color:white;
}

#right_panel iframe{
	margin-top:10px;
}
@media ( min-width : 768px) {
	#right_panel iframe{
		margin-top:50px;
	}
}

#user_profile .btn-group{
	width:100%;
	margin-top:-3px;
	cursor:pointer;
}

#user_profile .btn-group > .btn{
	width:50%;
	padding:3px 0 3px;
	text-align:center;
}

#user_profile .btn-group.team-mode > .btn{
	width:33%;
}

#user_profile .btn-group > .btn{
	opacity:1;
}

#user_profile .btn-group.free-mode > .btn:last-of-type span:last-of-type:before{
	content: "Premium";
	vertical-align: bottom;
}

#user_profile .btn-group.free-mode:hover > .btn:last-of-type span:last-of-type:before{
	content: "Upgrade";
	vertical-align: bottom;
}

#user_profile .btn-group:hover > .btn:first-of-type{
	background-color: #FFF;
	border-color: #CCC;
	color:#6A6A6A;
}

#user_profile .btn-group:hover > .btn:last-of-type{
	color: #fff;
	background: #FF9A16;
	border-color: #FF9A16;
}

.mybtn-block {
    margin-top: 10px;
    display: inline-block;
    width: 50%;
}

.hyperlinkonbtn-block {
    bottom: 10px;
    margin-top: 10px;
    display: inline-block;
    width: 47%;
    left: 6px;
    position: absolute;
    z-index: auto;
}

.hyperlinkoffbtn-block {
    bottom: 10px;
    margin-top: 10px;
    display: inline-block;
    width: 47%;
    left: 100px;
    position: absolute;
    z-index: auto;
}


.icononbtn-block {
    margin-top: 10px;
    display: inline-block;
    width: 47%;
}

.iconoffbtn-block {
    margin-top: 10px;
    display: inline-block;
    width: 47%;
}
.v2_btn-green{
    display: block;
    height: 40px;
    width: 95%;
    margin: 15px 5px;
    outline: none !important;
    vertical-align: middle;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .05em;
    white-space: normal;
    background-color: rgb(27, 193, 56) !important;
    box-shadow: 0 5px 10px rgba(0,0,0,.3);
    border-radius: 30px;
    margin-bottom: 10px;
    font-weight: 400;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    padding: 10px 0;
    background-image: none;
    border: 1px solid transparent;
}
#btn_preview{
    display: block;
    height: 40px;
    width: 95%;
    margin: 15px 5px;
    outline: none;
    vertical-align: middle;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px !important;
    letter-spacing: .05em !important;
    white-space: normal;
    background-color: rgb(27, 193, 56) !important;
    box-shadow: 0 5px 10px rgba(0,0,0,.3);
    border-radius: 30px;
    margin-bottom: 10px;
    font-weight: 400 !important;
    padding: 10px 0 !important;
    border: 1px solid transparent;
}
#btn_preview:hover{
    color: white;
	box-shadow: 0 7px 10px rgba(0 ,0, 0, 0.3) !important;
}
.v2_btn-green:hover{
    color: white;
	box-shadow: 0 7px 10px rgba(0 ,0, 0, 0.3);
}
.v2_btn-green:focus{
    color: white;
}
.btn-green {
	color: #fff;
	background-color:#91C789;
	border-color: #91C789;
}

.btn-green2 {
	color: #fff;
	background: rgba(157, 179, 107, 1);
	border: 0;
}

.btn-green3 {
	color: #fff;
	border: 0;
	background-color: rgb(27, 193, 56);
	box-shadow: 0 5px 10px rgba(0 ,0, 0, 0.3);
}

.btn-green:hover,
.btn-green:focus,
.btn-green:focus:active {
	color: #fff;
	background: #64895F;
	border-color: #64895F;
    outline: none;
}

.btn-green2:hover,
.btn-green2:focus,
.btn-green2:focus:active {
	color: #fff;
	background: rgb(175, 202, 115);
	border: 0;
    outline: none;
}

.btn-green3:hover,
.btn-green3:focus,
.btn-green3:focus:active {
	border: 0;
	color: #fff;
    box-shadow: none;
	outline: none;
	box-shadow: 0 7px 10px rgba(0 ,0, 0, 0.3);
}

.btn-green3.create-infograph-from-market {
	box-shadow: 0 2px 5px rgba(0 ,0, 0, 0.3);
}

.btn-green3.create-infograph-from-market:hover,
.btn-green3.create-infograph-from-market:focus,
.btn-green3.create-infograph-from-market:focus:active {
	box-shadow: 0 3px 7px rgba(0 ,0, 0, 0.3);
}

#other_controls .btn-green,
#editor_nav .btn-green {
    border: none;
    background: rgb(157, 179, 107);
	padding: 7px 0;
    font-weight: bold;
    padding: 7px 0;
    letter-spacing: 1.5px;
}

#other_controls .btn-green:hover,
#editor_nav .btn-green:hover {
    background: rgb(179, 204, 123);
}

.btn-yellow {
	color: #fff;
	background: #FF9A16;
	border-color: #FF9A16;
}

.btn-yellow:hover,.btn-yellow:focus {
	color: #fff;
	background: #CE9545;
	border-color: #CE9545;
}

.btn-yellow2 {
	color: #fff;
	background: #FF9A16;
	border: 0;
    outline: none;
}

.btn-yellow2:hover,.btn-yellow2:focus {
	color: #fff;
	background: #F8AE4D;
	border: 0;
    outline: none;
}

.btn-yellow3 {
	color: #fff;
	background: #FF9A16;
	border: 0;
    outline: none;
	box-shadow: 0 0 3px #000;
	border-radius: 50px;
}

.btn-yellow3.upgrade-from-preview {
	box-shadow: 0 2px 5px rgba(0 ,0, 0, 0.3);
}

.btn-yellow3:hover,.btn-yellow2:focus {
	box-shadow: none;
	color: #fff;
	border: 0;
    outline: none;
}

.btn-yellow3.upgrade-from-preview:hover,
.btn-yellow3.upgrade-from-preview:focus,
.btn-yellow3.upgrade-from-preview:focus:active {
	box-shadow: 0 3px 7px rgba(0 ,0, 0, 0.3);
}

/*=============================================*/
/* Editor */

#infographic_container{
	padding-left: 225px;
	width: 100%;
	float: left;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;

}

#publish_page_container{
	margin-top:10px;
}

#publish_page_social {
    margin: 0 auto 20px;
}

#publish_page_social ul {
    height: auto;
}

#embed_infographic,
#published_infographic,
#infographic{
    background: #fff;
	margin: 85px auto 50px;
	border:2px solid #E0E0E0;
	position:relative;
	box-sizing:content-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

#embed_infographic {
    background: transparent;
}
#published_infographic_container{
    overflow-x: auto;
    overflow-y: hidden;
}
#embed_infographic_container {
    overflow: hidden;
}
#published_infographic,
#embed_infographic{
	overflow: hidden;
}

#published_author_sharing{
	margin:80px auto 0;
    padding: 0 20px;
    max-width: 700px;
}

#embed_author_sharing{
	width:100%;
	padding:5px;
	border-bottom:5px solid #2D95EC;
	text-align:Center;
}

#embed_author_sharing .sharing{
	padding-top:5px;
}

.as-row{
	width:100%;
}

#published_url{
	word-break:break-all;
}

.sharing ul{
	list-style:none;
	margin:0;
	padding:0;
    height: 40px;
}

.sharing ul li{
    height: 40px;
	display:inline-block;
}

.sharing a {
	width:44.24px;
    height: 40px;
	display:inline-block;
	text-align:center;
	color:white;
    cursor: pointer;
	padding: 0 3px;
	box-sizing:border-box;
    margin:0 2px;
}

.social-count{
	display: inline-block;
	min-width: 41px;
	height: 35px;
    border-left: 1px solid #eee;
	text-align: left;
	font-size: 14px;
	position: relative;
	vertical-align: top;
	margin-left: 3px;
    margin-top: 3px;
	padding-top: 8px;
    padding-left: 10px;
	color: #666;
}

@media ( max-width : 500px) {
    .sharing ul li{
        height: 30px;
    }

    .sharing a {
    	width:34.24px;
        height: 30px;
    }

    .social-count{
    	min-width: 31px;
    	height: 30px;
        margin-top: -1px;
    	padding-top: 5px;
    }
}

a.social-facebook:hover path {
	fill: #203052;
}

a.social-twitter:hover path {
	fill: #036F97;
}

a.social-google:hover path {
	fill: #832D23;
}

a.social-linkedin:hover path {
	fill: #004D72;
}

a.social-tumblr{
	background:#32506D;
}

a.social-tumblr:hover{
	background:#15212C;
}

a.social-reddit{
	background:white;
	color:black;
}

a.social-reddit:hover{
	color:#FF4500;
}

a.social-pinterest:hover path {
	fill: #AB171E;
}

/*================================*/
.page-loading
{
	background:#000;
	border-radius:55px;
	height:100px;
	opacity:0.6;
	width:100px;
	margin-top:250px;
	margin-left:auto;
	margin-right:auto;
	z-index:9999;
}


#widget_container{
	width: 100%;
	height: 100%;
	position:relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}


#widget_container ul{
	list-style:none;
	padding:0;
	margin:0;
}

#widget_container i+span {
    vertical-align: baseline;
    margin: 0;
}

/*=======================GRID ======================*/
#grid_container{
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}

.grid{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	float:left;
	border-right: 1px solid #ddd;

}

.grid:last-of-type{
	border-right:0;
}

.grid-row{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-bottom: 1px solid #ddd;
}

.grid-row:last-of-type{
	border-bottom: 0;
}
/*======================= ======================*/
.experimental{
	font-size:70%;
}


/*======================= ======================*/

.shapes-icons i{
	font-size: 210%;
	text-align: center;
	height:35px;
	width:35px;
	color: #555;

}

.shapes-icons i:before{
	padding-top:5px;
}

/*====================Infograph Controls================*/

#infographic_controls{
	padding: 0 20px;
    margin-left:225px;
	position: fixed;
	width: 100%;
    height:74px;
	z-index:100;
	background: #fff;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


#infographic_title{
	font-size: 20px;
	font-weight: 400;
    vertical-align: middle;
}

.large_first_top_nav_row #infographic_title{
	font-size: 14px;
	font-weight: 400;
    display: inline-block;
    max-width:162px;
    height: 29px;
    line-height: 29px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    border-left: 1px solid #ECECEC;
    padding-left: 8px;
}

#other_controls .gray-radio-option {
    font-size: 12px;
    padding: 5px 0;
    border-left:0;
    width: 96px;
    letter-spacing: 0.5px;
}

#other_controls .gray-radio-options label:first-of-type {
    border-left:2px solid #666;
    padding-left: 1px;
}

#other_controls .gray-radio-options input:checked + label {
    background:#666;
    color: #eee;
}

#publish_page_container #infographic_title{
	text-align: center;
	margin: 20px 0;
}

#infographic_controls hr{
	margin-top:0px;
	margin-bottom:5px;
}

#infographic_controls .controls-container hr {
	border: 0;
    margin-bottom: 15px;
}

#infographic_controls ul{
	list-style:none;
	margin:0;
	padding:0;
	position:relative;

}

#infographic_controls ul li{
	float:left;
}

#right_menu_container .right-click-menu{
	position:relative;
}

#widget_static_tool_container li a{
	opacity:0.2;
	cursor:default;
}

#widget_static_tool_container.active li a{
	opacity:1;
	cursor:pointer;
}


@media ( min-width : 768px) {
	#other_controls {
		border-top:0;
		padding-top:0px;
		margin-top:0;
		float:right;
		padding-right:0px;
	}

	#infographic_controls  .col-sm-6{
		min-width:330px;
	}

	#infographic_controls .row{
		min-width:580px;
	}

}

#infographic_controls .row {
    margin-right: -21px;
}

#other_controls .other-controls-svg {
    width: 50px;
    padding-top: 11px;
}

#other_controls .other-controls-arrow {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
    position: relative;
    top:-2px;
    left:20px;
}

#infographic_controls .right-click-menu ul li a{
	color:#666;
}

#other_controls > ul > li.open > a,
#other_controls > ul > li:hover > a{
	border-bottom: 14px solid #666;
}

#other_controls > ul > li.open .other-controls-hover,
#other_controls > ul > li:hover .other-controls-hover {
    fill: #666666;
}

/*
Always disable text decoration for these links.
This is needed because a:hover and a:focus
apply an underline stemming from bootstrap.
*/
#other_controls > ul > li > a{
	text-decoration: none;
}

#infographic_controls .right-click-menu .active ul li a:hover,
#infographic_controls .right-click-menu .active ul li a:focus,
#infographic_controls .right-click-menu .active ul li a:active
{
	color:#5E5E5E;
	text-decoration:none;
}




#infographic_controls .right-click-menu .layers{
	box-shadow: 0 0 0 0;
	background: #FFF;
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
	float: left;
	margin-left: 5px;

}

#infographic_controls .right-click-menu .layer_trigger > a{
	display:none;
}

#infographic_controls ul#undo_redo, #infographic_controls ul#group_control_container, ul#snap_control {
	margin-right: 2px;
	padding-right: 2px;
	border-right: 1px solid #ECECEC;
	float: left;
}

.v-tool-group-icon {
    background: url(/media/v2_img/group-icon.svg) no-repeat 5px 5px;
    background-size: 65% 65%;
	opacity: 0.2;
}

.v-tool-group-icon-highlight {
    background: url(/media/v2_img/group-icon-highlight.svg) no-repeat 5px 5px;
	background-size: 65% 65%;
	opacity: 1;
}

.crop-canvas-icon {
	display: inline-block;
    width: 100%;
    height: 100%;
	vertical-align: middle;
	background: url(/media/v2_img/export_view.svg) no-repeat 1px 0px;
	background-size: 85%;
	opacity: 1;
}

.right-click-menu .top-menu-item .flaticon-copy,
.right-click-menu .top-menu-item .flaticon-trash,
.right-click-menu .top-menu-item .flaticon-edit,
.right-click-menu .top-menu-item .flaticon-lock,
.right-click-menu #toggle_grid_display .flaticon-grid {
	vertical-align: baseline;
}

.right-click-menu .top-menu-item .flaticon-lock {
	top: -1px;
}

.right-click-menu #page_undo .flaticon-undo,
.right-click-menu #page_redo .flaticon-redo {
	top: -3px;
}

.v-tool-lock-icon {
	color: #666;
}

.v-tool-lock-icon-highlight {
	color: rgba(246,77,42,1);
	opacity: 1.0;
}

#infographic_controls #group_widget_copy {
	display: none;
	padding-right: 5px;
}

#infographic_controls .last-saved-container{
    display: inline-block;
	line-height: 29px;
	padding-left:8px;
	font-size: 85%;
    vertical-align: top;
}

#other_controls > ul > li {
	margin: 0;
}

#other_controls > ul > li > a {
	display: block;
	width: 50px;
	height: 74px;
}

#other_controls > ul > li > span span{
	font-size: 75%;
	margin-top: -5px;
	margin-left: 0;
	display: block;
}

#other_controls > ul > li > span #last_saved{
	font-size: 100%;
	margin-top: -2px;
}


/* d3 tooltip - Only used on cloud bubble charts at the moment */
.d3-tip {
  line-height: 1;
  padding: 9px;
  background: white;
  color: #000;
  border-radius: 1px;
  pointer-events: none;
  box-shadow: 1px 1px 2px #505050;
  font-size: 15px;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
}

/*

#right_menu_container .right-click-menu{
	display:none;
	float: left;
	position: absolute;
	background: #8B8D99;
	top:10px;
	left:100px;
	border-radius:2px;
	box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.7);
	-o-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.7);
}

#right_menu_container .right-click-menu.open{
	display:block;
}
*/

.right-click-menu{
	z-index: 9999;
    height:40px;
    padding-top:5px;
	position: relative;
	margin-right: 200px;
}

.right-click-menu.disabled:after {
	content: "";
	position: absolute;
	top: 0;
	left: 90px;
	width: 190px;
	bottom: 0;
}

.right-click-menu.disabled li a#page_undo,
.right-click-menu.disabled li a#page_redo,
.right-click-menu.disabled li a#toggle_group_widget,
.right-click-menu.disabled li a[data-action="lock"],
.right-click-menu.disabled li a[data-action="edit"],
.right-click-menu.disabled li a[data-action="duplicate"] {
	opacity: 0.2 !important;
}

.right-click-menu ul{
	list-style:none;
	margin:0;
	padding:5px 0;
	color:white;
}

.right-click-menu ul li{
	text-align:Center;
}

.right-click-menu ul li a{
	display: block;
	width: 29px;
	height: 29px;
	overflow:hidden;
	line-height: 29px;
}

/*
#right_menu_container .right-click-menu ul li a{
	color:white;
}

#right_menu_container .right-click-menu ul li:first-of-type a{
	border-top:1px solid #ADADAD;
}

#right_menu_container .right-click-menu ul li:last-of-type a{
	border-bottom:1px solid #ADADAD;
}

#right_menu_container .right-click-menu ul li a:hover{
	background:#62626A;
}

#right_menu_container .right-click-menu .layers{
	position:absolute;
	top: 31px;
	left: 37px;
	background:#616068;
	border-radius:2px;
	display:none;
	box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.7);
	-o-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.7);
}

#right_menu_container .right-click-menu ul{
	width:29px;
}

#right_menu_container .right-click-menu ul.layers li a:hover{
	background:#36363C;
}

#right_menu_container .right-click-menu .layer_trigger{
	padding-right:5px;
	width:34px;
}


#right_menu_container .right-click-menu .layer_trigger:hover .layers{
	display:block;
}

#right_menu_container .right-click-menu .layers:before{
	content :" ";
	border-right: 5px solid #6B6B6B;
	border-top: 5px solid rgba(255, 255, 255, 0);
	border-bottom: 5px solid rgba(0, 0, 0, 0);
	position: absolute;
	top: 45px;
	left: -5px;
}*/

.icon8-api-icons svg {
	height: 100%;
	width: 100%;
}

#pages_container {
	position: absolute;
	top: 0;
    pointer-events: none;
}

.vg-page-break {
    position: relative;
    width: calc(100% + 80px);
    height: 2px;
	background: #E0E0E0;
	margin-left: -40px;
}

#published_infographic .vg-page-break,
#embed_infographic .vg-page-break {
    width: 100%;
	margin-left: 0;
}

div .vg-page-break:last-of-type {
	opacity: 0;
}

span.vg-page-number-before,
span.vg-page-number-after {
	color: #E0E0E0;
	font-size: 22px;
	position: absolute;
	width: 40px;
	text-align: center;
}

div span.vg-page-number-before:not(.right-number) {
	left: 0px;
	bottom: 5px;
}

div span.vg-page-number-before.right-number {
	right: 0px;
	bottom: 5px;
}

div span.vg-page-number-after:not(.right-number) {
	left: 0px;
	top: 5px;
}

div span.vg-page-number-after.right-number {
	right: 0px;
	top: 5px;
}


#pages-controls {
	display: inline-block;
	vertical-align: middle;
}

.remove-pages-link {
	display: inline-block;
	vertical-align: middle;
	width: 26px;
	height: 36px;
	border: 2px solid rgb(102, 102, 102);
	color: #5E5E5E;
	line-height: 32px;
	margin-right: 7px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	position: relative;
}

.remove-pages-link.one-page-link:hover {
	cursor: default;
	text-decoration: none;
	color: #5E5E5E;
}

.remove-pages-link:not(.one-page-link):after {
	content: "\e024";
	font-family: Flaticon;
	font-size: 20px;
	font-weight: normal;
	padding-right: 6%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgb(102, 102, 102);
	color: #fff;
	display: none;
}

.remove-pages-link:not(.one-page-link):hover:after {
	display: block;
}

.add-pages-link {
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 25px;
	cursor: pointer;
	-webkit-transition: opacity 0.2 ease-in-out;
	-moz-transition: opacity 0.2 ease-in-out;
	-ms-transition: opacity 0.2 ease-in-out;
	-o-transition: opacity 0.2 ease-in-out;
	transition: opacity 0.2 ease-in-out;
}

.add-pages-link:after,
.add-pages-link:before {
	content: "";
	position: absolute;
	z-index: 1;
	width: 25px;
	height: 25px;
}

.add-pages-link:after {
	background: url("/media/v2_img/add-page-plus.png") no-repeat top left;
	background-size: contain;
}

.add-pages-link:hover:after {
	opacity: 0;
}

.add-pages-link:before {
	background: url("/media/v2_img/add-page-plus-hover.png") no-repeat top left;
	background-size: contain;
	opacity: 0;
}

.add-pages-link:hover:before {
	opacity: 1;
}

.page-size-box.disabled,
.settings-dimensions-box.disabled,
.add-page-box.disabled {
	position: relative;
	opacity: 0.2;
}

.page-size-box.disabled:after,
.settings-dimensions-box.disabled:after,
.add-page-box.disabled:after {
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	z-index: 1;
}


.search-input-box {
	position: relative;
	width: 196px;
	margin: 0 auto;
}

.search-input-box input::-ms-clear {
    display: none;
}

.clear-search-box {
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	right: 43px;
	top: 9px;
	width: 16px;
	height: 16px;
	cursor: pointer;
	-webkit-transition: opacity 0.2 ease-in-out;
	-moz-transition: opacity 0.2 ease-in-out;
	-ms-transition: opacity 0.2 ease-in-out;
	-o-transition: opacity 0.2 ease-in-out;
	transition: opacity 0.2 ease-in-out;
}

.clear-search-box:after,
.clear-search-box:before {
	content: "";
	position: absolute;
	z-index: 1;
	width: 16px;
	height: 16px;
}

.clear-search-box:after {
	background: url("/media/v2_img/clear-search.png") no-repeat top left;
	background-size: contain;
}

.clear-search-box:hover:after {
	opacity: 0;
}

.clear-search-box:before {
	background: url("/media/v2_img/clear-search-hover.png") no-repeat top left;
	background-size: contain;
	opacity: 0;
}

.clear-search-box:hover:before {
	opacity: 1;
}

/* =================WIDGET SETTINGS========================= */

.controls-container input[type="radio"]{
	height:0;
	width:0;
	position:absolute;
	overflow: hidden;
	opacity:0;
}


.controls-container input:checked + label,
.controls-container input:checked + label:hover,
.controls-container input:checked + label:focus,
.controls-container input:checked + label:active{
	color: #91C789;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: block;
}

.ui-resizable-disabled > .ui-resizable-handle,
.ui-resizable-autohide > .ui-resizable-handle {
	display: none;
}

#image_crop_container .ui-resizable-w,
#image_crop_container .ui-resizable-e {
    margin-top: -7.5px;
    top: 50%;
	height: 15px;
	width: 7px;
}

#image_crop_container .ui-resizable-n,
#image_crop_container .ui-resizable-s {
    margin-left: -7.5px;
    left: 50%;
	width: 15px;
	height: 7px;
}

#image_crop_container .ui-resizable-ne,
#image_crop_container .ui-resizable-nw {
	height: 15px;
	width: 7px;
	top: 0;
}

#image_crop_container .ui-resizable-ne:after,
#image_crop_container .ui-resizable-nw:after,
#image_crop_container .ui-resizable-se:after,
#image_crop_container .ui-resizable-sw:after {
	content: "";
	position: absolute;
	width: 9px;
	height: 7px;
	background: #fff;
	border: 1px solid #2D95EC;
}

#image_crop_container .ui-resizable-ne:after {
	top: -1px;
	right: 5px;
	border-right: 0;
}

#image_crop_container .ui-resizable-nw:after {
	top: -1px;
	left: 5px;
	border-left: 0;
}

#image_crop_container .ui-resizable-se:after {
	bottom: -1px;
	right: 5px;
	border-right: 0;
}

#image_crop_container .ui-resizable-sw:after {
	bottom: -1px;
	left: 5px;
	border-left: 0;
}

#image_crop_container .ui-resizable-se,
#image_crop_container .ui-resizable-sw {
    height: 15px;
	width: 7px;
	bottom: 0;
}

#image_crop_container .ui-resizable-ne,
#image_crop_container .ui-resizable-se {
	right: 0;
	overflow: visible;
}

#image_crop_container .ui-resizable-nw,
#image_crop_container .ui-resizable-sw {
	left: 0;
}

#image_crop_container .ui-resizable-w {
    left: 0;
}

#image_crop_container .ui-resizable-e {
    right: 0;
}

#image_crop_container .ui-resizable-n {
	top: 0;
}

#image_crop_container .ui-resizable-s {
    bottom: 0;
}

.crop_buttons_container {
	position: absolute;
	overflow: hidden;
	border-radius: 20px;
	height: 30px;
	width: 80px;
	right: 0;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

.crop_button {
	display: inline-block;
	width: 40px;
	height: 30px;
	cursor: pointer;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	line-height: 32px;
	font-size: 16px;
}

.crop_button:hover {
	color: #2D85EC;
}

.crop_button.cancel_crop {
	background: rgb(176,176,176);
	padding-left: 3px;
}

.crop_button.accept_crop {
	background: rgb(27, 193, 56);
	padding-right: 3px;
}


#input_infographic_height,
#input_infographic_width{
	width:70px;
	display:inline-block;
	padding: 0 0 0 6px;
}

/* reset label class because it coincided with value text in dropdown list */
.label.only {
	background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    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;
    width: 100%;
	font-weight: normal;
	text-align: left;
}

/* =================WIDGET SETTINGS========================= */
.vg-custom-dropdown{
	width:100%;
	position:relative;
	cursor:pointer;
}

.data-short-dropdown{
	width:25%;
	position:absolute;
	cursor:pointer;
	right: 10%;
	z-index: 1;
}

.data-short-dropdown-one{
	width:25%;
	cursor:pointer;
	z-index: 1;
	display: inline-block;
	margin-left: 10px;
}

.data-short-dropdown .vg-custom-dropdown-choices {
	max-height: 130px;
}

.form-control.data-short-form-control {
	width: 70%;
	display: inline-block;
}

.vg-custom-dropdown-display .form-group{
	margin-bottom:0;
}

.vg-custom-dropdown-display span:before{
	content: " ";
	border-right: 5px solid rgba(255, 255, 255, 0);
	border-left: 5px solid rgba(255, 255, 255, 0);
	border-top: 5px solid #5C5C5C;
	position: absolute;
	top: 15px;
	right: 10px;

}

.vg-custom-dropdown-choices{
	height:0;
	list-style:none;
	margin:0;
	padding:0;
	max-height:150px;
	overflow-y:auto;
	z-index: 8999;
	border-top:0;
	position:absolute;
	width:100%;

}

.vg-custom-dropdown-choices.open{
	height:auto;
	border:1px solid #CCC;
	margin-bottom:30px;
}

.vg-custom-dropdown-choices label{
	cursor:pointer;
	box-shadow: 0 0 0 0;
	-webkit-box-shadow: 0 0 0 0;
	margin-bottom: 0;
	border: 0;
	font-weight: 300;
}

.vg-custom-dropdown-choices label:hover{
	color: #FFF;
	background:#9e9e9e;
}


.vg-custom-slider form{
	display:inherit;
}

.vg-custom-slider .input-group-addon{
	border:0;
	padding:0;
}

.vg-custom-slider .input-group-addon input{
	width: 52px;
	text-align:Center;
	padding: 0;

}

.vg-custom-color input[type=range],
.vg-custom-slider input[type=range] {
    /*removes default webkit styles*/
    -webkit-appearance: none;

    /*fix for FF unable to apply focus style bug */
    border: 0;
    height:34px;
	background:transparent;
    /*required for proper track sizing in FF*/
    width: 100%;
	padding:5px;
}

.vg-custom-color  input[type=range]::-webkit-slider-runnable-track,
.vg-custom-slider input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}

.vg-custom-color  input[type=range]::-webkit-slider-thumb,
.vg-custom-slider input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    border:1px solid #999;
    background: #ccc;
    margin-top: -7px;
}

.vg-custom-color input[type=range]:focus,
.vg-custom-slider input[type=range]:focus {
    outline: none;
}

.vg-custom-color input[type=range]:focus::-webkit-slider-runnable-track,
.vg-custom-slider input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc;
}

.vg-custom-color input[type=range]::-moz-range-track,
.vg-custom-slider input[type=range]::-moz-range-track {
    width: 100%;
    height: 4px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}

.vg-custom-color input[type=range]::-moz-range-thumb,
.vg-custom-slider input[type=range]::-moz-range-thumb {
    border: none;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    border:1px solid #999;
    background: #ccc;
    margin-top: -7px;
}

/*hide the outline behind the border*/
.vg-custom-color input[type=range]:-moz-focusring,
.vg-custom-slider input[type=range]:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

.vg-custom-color  input[type=range]::-ms-track ,
.vg-custom-slider input[type=range]::-ms-track {
    width: 100%;
    height: 16px;
    background: #ddd;
    border: none;
    border-radius: 10px;
    /*remove default tick marks*/
    color: transparent;
}
.vg-custom-color input[type=range]::-ms-fill-lower,
.vg-custom-slider input[type=range]::-ms-fill-lower {
    outline: none;
    background: #777;
    border-radius: 10px 0 0 10px;
}
.vg-custom-color input[type=range]::-ms-thumb,
.vg-custom-slider input[type=range]::-ms-thumb {
    border: none;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    border:1px solid #999;
    background: #ccc;
    margin-top: -7px;
}
.vg-custom-color input[type=range]:focus::-ms-track,
.vg-custom-slider input[type=range]:focus::-ms-track {
    background: #ccc;
}
.vg-custom-color  input[type=range]:focus::-ms-fill-lower,
.vg-custom-slider input[type=range]:focus::-ms-fill-lower {
    background: #888;
}

/* Special case for the left menu background color picker */
.background-color-picker-wheel input[type=range]::-webkit-slider-runnable-track {
    background: #ccc;
}
.background-color-picker-wheel input[type=range]::-moz-range-track {
    background: #ccc;
}
.background-color-picker-wheel input[type=range]::-ms-track {
    background: #ccc;
}


.vg-custom-color .input-group{
	background: url("/media/v2_img/transparent.png") no-repeat top left;
	width:100%;
}

.vg-custom-color .input-group-addon{
	width:34px;
	border: 1px solid #CCC;
  border-radius: 0;
}

.vg-custom-color #background_color_picker_input {
  padding-left: 6px;
  font-size: 13px;
  border-left: 0;
}

.vg-custom-color .color-picker-wheel{
	text-align:Center;
	height:0;
	overflow:hidden;
	-webkit-transition: height 0.5s  , padding 0.5s, opacity 0.5s;
	transition: height 0.5s , padding 0.5s, opacity 0.5s;
	opacity:0;
}

.vg-custom-color .color-picker-wheel-swatch{
	text-align:Center;
	overflow:hidden;
	margin-top:5px;
}

.vg-custom-color .color-picker-wheel.open{
	padding:10px 5px 5px;
	height:auto;
	opacity:1;
}

.vg-custom-color .color-picker-wheel + .swatch-container + a,
.vg-custom-color .color-picker-wheel + a{
	display:none;
	color:white;
	text-align:center;
	margin-top:5px;
}

.vg-custom-color .color-picker-wheel.open + .swatch-container + a{
	display:block;
}

.vg-custom-color .error-message{
	width:100%;
	font-size:80%;
	text-align:center;
	display:none;
	color:#d95350;
}

.vg-custom-color .swatch-container{
	display:none;
	margin-top:5px;
}
.vg-custom-color .swatch-container .input{
	display:inline-block;
	margin-right:5px;
	margin-bottom:5px;
	vertical-align:top;
	background: url("/media/v2_img/transparent.png") no-repeat top left;
	position:relative;
}

.vg-custom-color .swatch-container .input .swatch-delete{
	position:absolute;
	background:red;
	height:15px;
	width:15px;
	border-radius:100%;
	font-size:75%;
	padding-left: 4px;
	padding-top: 2px;
	top:-5px;
	right:-5px;
	cursor:pointer;
	overflow:hidden;
	display:none;
}

.vg-custom-color.backgroud-page-color .swatch-container .input .swatch-delete{
	font-size:49%;
}

.vg-custom-color .swatch-container .input .swatch-delete:hover{
	background:#9D0000;
}

.vg-custom-color .swatch-container .input:hover .swatch-delete{
	display:block;
}

.vg-custom-color .swatch-container .input-group-addon{
	height:26px;
	width:26px !important;
	display:inline-block;
	border-width:1px;
	padding:0;
	cursor:pointer;
}

.vg-custom-color a{
	cursor:pointer;
}

.vg-custom-color .swatch-container .delete-swatch,
.vg-custom-color .swatch-container .add-swatch{
	display:inline-block;
	height:26px;
	width:26px;
	cursor:pointer;
	padding: 0;
	margin: 0;
	background: rgba(0, 0, 0, 0);
	border: 0;
}

#editor_nav .vg-custom-color .swatch-container .add-swatch span{
	font-size: 92%;
}

.vg-custom-color .swatch-container .delete-swatch i,
.vg-custom-color .swatch-container .add-swatch i{
	font-size:200%;
	padding-top: 3px;
	display:inline-block;
}

.vg-custom-color .swatch-container .delete-swatch i{
	padding-left:9px;
}

.vg-custom-color .color-picker-wheel.open + .swatch-container,
.vg-custom-color .background-color-picker-wheel + .swatch-container {
	display:block;
}

.vg-custom-color .opacity-title{
	width:100%;
	font-size:12px;
	text-align:center;
}

.line-size-icon {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALlJREFUeNrs2tEJwjAURuEqDtJRuonuIZhWcI+6Sdyko5i8aoW8CE36HQiB0JdD0vz3QroOAIDNcFhbnO6PPk195W5LuF2Xz8XTj48vaYTKhac0xlLh2MDpjX5gYD+xNLZwS6dY+rqlj3vbYcIAUGMO527pXLnbM+XwXNot5V54qFz4JZYIEyZMGMAmS8uhgUorptIylpaWWTY0sKFRLBEmTJgwYcKECRMmTJgw4RU8TAMAAPgXbwEGAHCmG8m94ff3AAAAAElFTkSuQmCC') center no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: 16px;
}

.right-click-menu .flaticon-double-arrow-down.normalized:before,
.right-click-menu .flaticon-double-arrow-up.normalized:before{
	margin-left:-18%;
}

.right-click-menu .flaticon-arrow-down.normalized:before,
.right-click-menu .flaticon-arrow-up.normalized:before{
	margin-left:-23%;
}

.right-click-menu .flaticon-trash.normalized:before{
	padding-left: 0%;
	margin-bottom: -10%;
	margin-top: -20%;
}

#other_controls > ul > li{
	position:relative;

}

#other_controls [class^="flaticon-"],
	#other_controls	[class*="flaticon-"]{
		font-size:130%;
	}

.poll_icon {
	font-size: 135%;
	margin-right: 4px;
}

.poll_icon_big {
	font-size: 250%;
}

.fieldform_icon {
	font-size: 130%;
	margin-right: 4px;
}

.fieldform_icon_big {
	font-size: 250%;
}

.big-table-icon {
	font-size: 250%;
}

.lines_icon {
	font-size: 130%;
	margin-right: 4px;
}

@media ( min-width : 768px) {
	#other_controls [class^="flaticon-"],
	#other_controls	[class*="flaticon-"]{
		font-size:200%;
        padding-top: 5px;
	}
}

#other_controls  .flaticon-save.normalized:before{
	margin-top:0;
	margin-bottom:0;
}
#other_controls > ul > li > a > .flaticon-view.normalized:before{
	margin-top:0;
	margin-bottom:0;
}
#other_controls  .flaticon-share.normalized:before{
	margin-top:0;
	margin-bottom:0;
}
#other_controls  .flaticon-download.normalized:before{
	margin-top:0;
	margin-bottom:0;
}
#other_controls  .flaticon-settings.normalized:before{
	margin-top:0;
	margin-bottom:0;
}


#other_controls .controls-container{
	display:none;
	position: absolute;
	width: 225px;
	background: #EEE;
	border: 1px solid #5E5E5E;
	padding: 10px 15px 15px 15px;
    left: -175px;
	text-align:left;
    font-size: 12px;
}


.controls-container a{
	word-break: break-all;
	display:inline-block;
}

#other_controls .controls-container .sharing a{
	font-size: 100%;
}

#other_controls .controls-container .sharing a:hover{
	text-decoration:none;
}

#other_controls li.open .controls-container{
	display:block;
}


#other_controls .controls-container textarea{
	width:100%;
	height:120px;
	resize:none;
	word-break: break-all;
    outline:none;
}

#public_private_toggle_group label{
	display:inline-block;
	width:50%;
	margin-bottom:0px;

}

#page_orientation_group label:hover,
#public_private_toggle_group label:hover{
	cursor:pointer;

}

#page_orientation_group {
	display:inline-block;
	vertical-align: bottom;
}

#page_orientation_group input:checked + label {
    color: #2D95EC;
}

#page_layout{
	width:110px;
    border: none;
    box-shadow: none;
}

#page_layout:focus {
    box-shadow: none;
    border: none;
}

.form-select-page-layout {
    background: white;
    border: 1px solid #ccc;
	display:inline-block;
	width:115px;
}

.settings-dimensions {
    display: inline-block;
    margin-right: 20px;
}

.form-settings-spacing {
    margin-bottom: 5px;
}

.handle-resize:hover,
.ui-icon:hover{
	opacity:1;
}

.ui-resizable-n,
.ui-resizable-w,
.ui-resizable-s,
.ui-resizable-e,
.ui-resizable-ne,
.ui-resizable-nw,
.ui-resizable-se,
.ui-resizable-sw{
    position: absolute;
    width: 11px;
    height: 11px;
    background: #fff;
    border: 1px solid #2D95EC;
    z-index: 90;
}


.ui-resizable-n {
    margin-left: -5.5px;
    top: -7px;
    left: 50%;
}

.ui-resizable-w {
    margin-top: -5.5px;
    top: 50%;
    left: -7px;
}

.ui-resizable-s {
    margin-left: -5.5px;
    bottom: -7px;
    left: 50%;
}

.ui-resizable-e {
    margin-top: -5.5px;
    top: 50%;
    right: -7px;
}

.ui-resizable-ne {
    top: -7px;
    right: -7px;
}

.ui-resizable-nw {
    top: -7px;
    left: -7px;
}

.ui-resizable-se {
    bottom: -7px;
    right: -7px;
}

.ui-resizable-sw {
    bottom: -7px;
    left: -7px;
}

.ui-resizable-nline,
.ui-resizable-sline,
.ui-resizable-eline,
.ui-resizable-wline,
.ui-draggable-nline,
.ui-draggable-sline,
.ui-draggable-eline,
.ui-draggable-wline {
    margin: 0;
    border: none;
    background: none;
    z-index: 91;
}
.ui-draggable-nline,
.ui-draggable-sline,
.ui-draggable-eline,
.ui-draggable-wline{
  position: absolute;
}

.ui-resizable-nline, .ui-draggable-nline {
    height: 8px;
    width: 100%;
    top: -5px;
    left: 0;
}
.ui-resizable-sline, .ui-draggable-sline {
    height: 8px;
    width: 100%;
    bottom: -5px;
    left: 0;
}
.ui-resizable-eline, .ui-draggable-eline {
    height: 100%;
    width: 8px;
    top: 0;
    right: -5px;
}
.ui-resizable-wline, .ui-draggable-wline {
    height: 100%;
    width: 8px;
    top: 0;
    left: -5px;
}




#input_infographic_height,
#input_infographic_width{
	width:70px;
	display:inline-block;
	padding: 0 0 0 6px;
}

.credit-card{
	border-radius: 3px;
	width: 44px;
	height: 30px;
	background: #FFF;
	border: 1px solid #CCC;
	overflow: hidden;
	text-align: center;
	position:relative;
	display:inline-block;
	margin-top:10px;
}

@media ( min-width : 768px) {


	.credit-card{
		margin-top:0;
	}

	.credit-card:first-of-type{
		margin-left: -28px;
		margin-top: 2px;
	}

	.credit-card:last-of-type{
		margin-right: -28px;
	}
}
.visa{
	background:url("/media/v2_img/visa-logo-regular.png") no-repeat center center;
	background-size:90%;
	-webkit-filter: grayscale(1);
}

.visa.active{
	-webkit-filter: grayscale(0);
	background-color:white;
	border-color:White;
}

.mastercard{
	background:url("/media/v2_img/mc_accpt_png.png") no-repeat center center;
	-webkit-filter: grayscale(1);
	background-size:100%;

}


.mastercard.active{
	-webkit-filter: grayscale(0);
	background-color:#000066;
	border-color:#006;
}

.amex.active{
	background:url("/media/v2_img/AXP_2C_grad.jpg") no-repeat 44% center;
	background-size: 60%;
	border-color:White;
	background-color:white;
}

.amex{
	background: url("/media/v2_img/AXP_BW_grad.jpg") no-repeat 44% center;
	background-size: 60%;
}

.popover.tour{
	max-width:330px;
	border:0;
	border-radius:10px;
	background:rgba(255, 255, 255, 0.97);
	color:#1D1D1B;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
	position: fixed;
}

.tour-backdrop {
	background: rgba(0, 0, 0, 0.2);
	position: fixed;
    z-index: 900;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.popover.tour.second-step{
	max-width:530px;
}

.popover.tour.third-step{
	max-width:460px;
	position: absolute;
}

.popover.tour.four-step{
	max-width:410px;
	margin-right: 40px;
}

.popover.tour.five-step{
	margin-left: -90px;
}

.popover.tour.six-step{
	max-width:335px;
	left: auto !important;
    top: auto !important;
    bottom: 95px;
    right: 25px;
}

.popover.tour.manage-step{
	position: absolute;
}

.popover.tour.second-step .arrow {
	left: 10%;
}

.popover.tour.four-step .arrow {
	left: 90% !important;
	top: -11px !important;
}

.popover.tour.five-step .arrow {
	margin-left: 79px;
}

.popover.tour.six-step .arrow {
	left: 90% !important;
	top: 100% !important;
}

.popover.tour .close-popover {
	margin-top: 5px;
	margin-right: 11px;
	color: #9D9D9C;
	opacity: 0.5;
	font-size: 200%;
	line-height: 19px;
	font-weight: 300;
}
.popover.tour .close-popover:hover{
	opacity:.8;
}

.popover.tour .popover-progress {
	height: 12px;
	display: inline-block;
	vertical-align: top;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 5px;
	border-radius: 10px;
	overflow: hidden;
}

.popover.tour .popover-progress span {
	background: rgb(218, 218, 218);
	width: 13px;
	height: 13px;
	display: inline-block;
	vertical-align: top;
	margin-right: 2px;
}

.popover.tour .popover-progress span:last-of-type {
	margin-right: 0;
}

.popover.tour .popover-progress span.progress-done {
	background: rgb(45, 149, 236);
}

.popover.tour a.tutorial-link,
.popover.tour a.tutorial-link:hover {
	background: url("/media/v2_img/circled_play.png") no-repeat center left;
	background-size: 16px;
	color: #2D95EE;
	text-decoration: none;
	padding-left: 20px
}

.popover.tour .btn.btn-green {
	background: rgb(27, 193, 56);
	box-shadow: 0 2px 5px rgba(0 ,0, 0, 0.3);
	border-radius: 20px;
	border: none;
	font-weight: bold;
    letter-spacing: 0.05em;
	padding: 7px 15px;
	min-width: 95px;
	text-transform: uppercase;
}

.popover.tour .btn.btn-green:hover {
	box-shadow:  0 3px 7px rgba(0, 0, 0, 0.3);
	border: none;
}

.popover.tour .btn.btn-gray {
	background: rgb(157, 157, 156);
	box-shadow: 0 2px 5px rgba(0 ,0, 0, 0.3);
	border-radius: 20px;
	border: none;
	font-weight: bold;
    letter-spacing: 0.05em;
	margin-right: 5px;
	padding: 7px 15px;
	min-width: 95px;
	text-transform: uppercase;
}

.popover.tour .btn.btn-gray:hover {
	box-shadow:  0 3px 7px rgba(0, 0, 0, 0.3);
	border: none;
}

.popover.right >.arrow:after{
	border-right-color: rgba(255, 255, 255, 0.97);
}
.popover.left >.arrow:after{
	border-left-color: rgba(255, 255, 255, 0.97);
}
.popover.top >.arrow:after{
	border-top-color: rgba(255, 255, 255, 0.97);
}
.popover.bottom >.arrow:after{
	border-bottom-color: rgba(255, 255, 255, 0.97);
}
.popover.tour .popover-title{
	border-bottom:0;
	border-radius:10px 0 0 10px;
	background:transparent;
	font-family: 'Raleway', 'Oxygen', 'Helvetica', 'sans-serif';
	font-size: 24px;
	font-weight:700;
	text-transform: uppercase;
	letter-spacing: 0.025em;
}

.popover.tour .popover-title.first{
	margin-top: 15px;
}

.popover.tour .popover-content{
	font-family: 'Raleway', 'Oxygen', 'Helvetica', 'sans-serif';
	font-size: 16px;
	letter-spacing: 0.025em;
}

.popover.tour .popover-navigation{
	border-radius:0 10px 10px 0;
	padding:10px 14px 15px;
	text-align:right;
}

.DataTables_sort_icon {
	display: inline-block;
    vertical-align: middle;
}

.DataTables_sort_wrapper .ui-icon {
    background-image: url("/js/jquery-ui-1.11.4/images/ui-icons_ef8c08_256x240.png");
}

.DataTables_sort_wrapper .ui-icon {
    width: 16px;
    height: 16px;
}

.DataTables_sort_wrapper .ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.DataTables_sort_wrapper .ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.DataTables_sort_wrapper .ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

#infographic svg{
	position:absolute !important;
}

.sign-in{
	font-size:110%;
}

.ul-premium-cover{
	position: absolute;
	background: rgba(0, 0, 0, 0.3);
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	text-align: center;
	padding-top: 30%;
}

#editor_nav .ul-premium-cover .btn span{
	font-size:12px;
}

#editor_nav ul .widget-draggable.vizualizeme-logo{
	padding: 1px 26px;
}

.widget-draggable.vizualizeme-logo img,
#editor_nav ul .widget-draggable.vizualizeme-logo img{
	width:100%;
}

#editor_nav ul.quarter li.icon-subtitle{
	width:100%;
	padding:3px;
	font-size:85%;
	color: #555;
}

.icon-preview{
	text-align:center;
}

.icon-preview i{
	font-size:800%;
}


table.dataTable thead > tr > th{
	padding:8px;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc{
	background:none;
}

.pagination>li>a,
.pagination>li>span{
	border:0px;
}

.remove-private-share,
.remove-team-member{
	opacity:0.5;
	cursor:pointer;
}

.remove-private-share:hover,
.remove-team-member:hover{
	opacity:1;
}

table tr.selected{
	background: #F0F8FF;
}

.flaticon-justify-align{
	background: url("/media/v2_img/font-justified.png") no-repeat top left;
	background-size: 107%;
	-webkit-filter: invert(100%);
	filter: invert(100%);
	width: 29px;
	height: 27px;
}

 .table thead:first-child tr:first-child th{
	border-top:0;
 }

.btn-blue{
	color: #FFF;
	background: #B3DAFA;
 	border-color: #B3DAFA;
}

.btn-gray,
.btn-gray:focus{
	color: #FFF;
	background: #747474;
 	border-color: #747474;
}

.btn-gray:hover,
.btn-gray:active{
	color: #FFF;
	background: #3d3d3d;
 	border-color: #3d3d3d;
}

.btn-group input:not(:checked) + .btn-gray{
	border-color:#8E8E8E;
}

.btn-gray-hollow {
	color: #666;
	background: #eee;
    border: 2px solid #666;
    font-weight: bold;
    padding: 7px 25px;
    letter-spacing: 1.5px;
}


.btn-gray-hollow:hover,
.btn-gray-hollow:active,
.btn-gray-hollow:focus{
	color: #eee;
	background: #666;
}

.btn-gray-hollow:active,
.btn-gray-hollow:focus,
.btn-gray-hollow:active:focus {
    outline:none;
}

#edit_title_btn{
    display: inline-block;
    cursor:pointer;
	margin-left:8px;
	color: #666;
	opacity:0.2;
	font-size:14px;
}

#edit_title_btn:hover{
	opacity:1;
	text-decoration: none;
}

#input_infographic_title{
	padding: 2px 4px;
    width: 160px;
    outline: none;
}


.uv-icon{
	z-index: 5 !important;
}

.preview-box *:focus{
	outline: none;
}

/********* general search style ***********/
#editor_nav ul.image-search li:not(.general-search-container),
#editor_nav ul.icon-search li:not(.general-search-container),
#editor_nav ul.map-search li:not(.general-search-container)
{
	max-width:auto;
}

#editor_nav ul.image-search li.general-search-container,
#editor_nav ul.icon-search li.general-search-container,
#editor_nav ul.map-search li.general-search-container,
#editor_nav ul.uploads li.general-container
{
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	max-width: 100%;
	background: #E0E0E0;
}


#editor_nav ul.uploads .drag-drop-upload {
	background-image: url("/media/v2_img/drag_drop.svg");
	background-position: center 30%;
	background-size: 50%;
	background-repeat: no-repeat;
	background-color: white;
	border: 2px dashed rgb(102,102,102);
	border-radius: 8px;
	cursor: pointer;
	color: rgb(102,102,102);
	display: inline-block;
	width: 180px;
	height: 180px;
	font-weight: 400;
	padding: 100px 0px 10px 0px;
	font-size: 14px;
	letter-spacing: .025em;
}

#editor_nav ul.uploads .drag-drop-upload span {
	font-size: 18px;
	letter-spacing: .05em;
	text-transform: uppercase;
}

#editor_nav ul.uploads .drag-drop-upload:hover,
#editor_nav ul.uploads .drag-drop-upload-hover {
	background-image: url("/media/v2_img/drag_drop_hover.svg");
    border-color: #2D95EC;
    color: #2D95EC;
}

#editor_nav ul.uploads .drag-drop-upload-disabled {
    background: transparent;
    cursor: default;
    padding: 60px 20px;
}
#editor_nav ul.uploads .drag-drop-upload-disabled:hover,
#editor_nav ul.uploads .drag-drop-upload-disabled.drag-drop-upload-hover {
    border-color: #000;
    color: #000;
	background: transparent;
}

#editor_nav ul.uploads .button-upload {
    margin: 10px auto;
    text-transform: uppercase;
    max-width: 164px;
	padding: 10px;
	border-radius: 30px;
	letter-spacing: .05em;
}

#editor_nav ul.uploads .button-upload-upgrade {
    background: #FF9A16;
    color: #fff;
}

#editor_nav ul.uploads .button-upload-upgrade:hover {
    background: #FFB95D;
}

#editor_nav ul.uploads .delete-user-media-icon {
    background-color: rgba(0, 0, 0, 0.75);
    color: white;
    width: 30px;
    height: 30px;
    padding: 4px 0 0;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 0;
}

#editor_nav ul.uploads .upload-loading-icon {
    position: relative;
    font-size: 20px;
    top: 38px;
    left: -9px;
    color: #333;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

#editor_nav ul.uploads .upload-loading-overlay {
    background:rgba(255,255,255,0.6);
    width:93px;
    height:93px;
    position:relative;
    top:-22px;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

#editor_nav ul.uploads .user-media-image-thumbnail:hover .delete-user-media-icon {
    opacity: 1;
}

#editor_nav ul.uploads #media_upload_count_1,
#editor_nav ul.uploads #media_upload_count_2,
#editor_nav ul.uploads #media_upload_count_3,
#editor_nav ul.uploads #media_upload_count_4,
#editor_nav ul.uploads #media_upload_count_5,
#editor_nav ul.uploads #media_upload_count_6 {
    float: left;
    width: 30px;
    height: 10px;
    border: 1px solid #000;
    border-right: none;
}
#editor_nav ul.uploads .media-upload-counter {
    background: white;
}

#editor_nav ul.uploads .media-upload-count-fill {
    background: #2D95EC;
}

#editor_nav ul.uploads .media-upload-count-max {
    background: #F64D2A;
}

#editor_nav ul.uploads #media_upload_count_1 {
    border-radius: 5px 0 0 5px;
}


#editor_nav ul.uploads #media_upload_count_6 {
    border-right: 1px solid #000;
    border-radius: 0 5px 5px 0;
}

#editor_nav ul.uploads #media_upload_counter {
	display: inline-block;
    margin: 15px 0;
    height: 10px;
}

#editor_nav ul.image-search li.general-search-container label {
	color: black;
	margin-left: 16px;
	margin-top: 5px;
	font-weight: 400;
}

#editor_nav ul.half.image-search {
	padding-top: 0px;
}

#editor_nav ul.map-search li.general-search-container label
{
	color: black;
	margin-left: 16px;
	font-weight: 400;
}

#editor_nav ul.icon-search li.general-search-container label,
.vg-custom-icons .general-search-container label {
	color: black;
	margin-left: 21px;
	margin-top: 5px;
	font-weight: 400;
}

.vg-custom-icons .general-search-container label {
	margin-left: 6px;
}

#editor_nav ul.image-search li.general-search-container input,
#editor_nav ul.icon-search li.general-search-container input,
#editor_nav ul.map-search li.general-search-container input,
.vg-custom-icons ul.icon-search li.general-search-container input
{
	width: 193px;
	margin-bottom: 5px;
 	display: inline-block;
	margin-left: 3px;
	margin-right: auto;
 	font-size: 13px;
	border-radius: 25px;
}

.vg-custom-icons ul.icon-search li.general-search-container input {
	width: 260px;
}

#editor_nav ul.image-search li.general-search-container input + button,
#editor_nav ul.icon-search li.general-search-container input + button,
#editor_nav ul.map-search li.general-search-container input + button,
.vg-custom-icons ul.icon-search li.general-search-container input + button
{
	border: none;
	height: 16px;
	width: 16px;
	background: url("/media/v2_img/searchiconblue.png") no-repeat center center;
	background-size: contain;
	position: absolute;
	right: 16px;
	top: 9px;
	outline: none;
}

#editor_nav .icon_search_result {
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
}

#editor_nav #map_search_result {
	background: none;
}

#editor_nav ul.map-search .widget-draggable,
#editor_nav ul.map-search .widget-non-draggable {
	font-size: 70%;
    overflow: hidden;
}

#editor_nav #map_search_result .not-found-message {
	color: red;
	padding: 5px;
	font-size: 70%;
}

.for-mask{
	width:100%;
	height:100%;
	position:fixed;
}

#masking_container{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
}

#masking_container div img{
	cursor:move;
}

.image-over-mask-br{
	border: solid 2px green;
}

.image-over-mask-op{
	opacity:0.2
}

.template-container .infographic-container{
	height:300px;
	font-size:90%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.template-container .infographic-container .menu{
	padding-top: 70px;
}

.template-container .infographic-container .title {
	padding:10px;
	min-height:0;
}




#publish_page_container .sharing a{
	font-size: 120%;
}

.save-error{
	color:red;
}

.poll_radio:checked + label > span {
	background: rgba(51,151,233,1);
}

 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   /* IE10+ specific styles go here */
	.flaticon-arrow-up,
	 	.flaticon-arrow-down,
	 	.flaticon-double-arrow-up,
	 	.flaticon-double-arrow-down{
	    	font-size:100%;
			margin-top:7px;
	    }
	 	.layers	.flaticon-arrow-up,
	 	.layers	.flaticon-arrow-down,
	 	.layers .flaticon-double-arrow-up,
	 	.layers .flaticon-double-arrow-down{

	    	margin-top:15px;
	    }


}

.deleted-infograph{
	border: 2px solid #F00;
}

#users_table_paginate,
.simple-paginate{
	margin-top:10px;
}

.smaller-text{
	font-size:75%;
}

/* Login/Signup buttons */
div.social-wrap button {
    text-align: left;
    padding-left: 45px;
    padding-right: 0px;
    height: 35px;
    background: none;
    border: none;
    /*display: block;*/
    background-size: 25px 25px, cover;
    background-position: 10px center, center center;
    background-repeat: no-repeat, repeat;
    color: white;
    font-size: 14px;
    margin-bottom: 15px;
    width: 202px;
}
div.social-wrap > #google {
    background-size: 30px 30px, cover;
    background-image: url(/img/login/google.png);
    background-color: #df4930;
}
div.social-wrap > #facebook {
    background-image: url(/img/login/facebook.png);
    background-color: #507cc0;
}

div.social-wrap > #facebook:hover, div.social-wrap > #facebook:focus {
    background-color: #2b5089;
}
div.social-wrap > #google:hover, div.social-wrap > #google:focus {
    background-color: #9e2f1d;
}

.facebook-auth-error {
	color: red;
	text-align: center;
	margin-bottom: 10px;
}

/*************Export Panel*******************/

#other_controls_download .export-btn-left {
	float: left;
	width: 94px;
	margin-right: 2.5px;
	padding: 7px 0;
}

#other_controls_download .export-btn-right {
	width: 94px;
	float: left;
	margin-left: 2.5px;
	padding: 7px 0;
}


#other_controls_download #btn_export_pdf_letter {
	margin-top: 0px;
}

#other_controls_download .export-btn-last {
	margin-top: 0px;
}

#page_container {
	min-height: calc(100% - 224px);
}


/********* Footer style *******/

#footer{
	position:relative;
	min-height: 186px;
	/*margin-top: 20px;*/
	clear:both;
	text-align: center;
	width: 100%;
	padding-top: 2.5em;
	background-color: #2D95EC;
	color:white;
}

#footer ul {
	padding: 0;
}

#footer li {
	display: inline-block;
}

#footer li a {
	padding: 1em 0.5em;
	font-size: 100%;
	color: rgba(255, 255, 255, 0.6);
	white-space: nowrap;
	display: inline-block;
	transition: color .7s;
}

#footer li a:hover{
	color:#fff;
	text-decoration: none;
}

.social-link {
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid #fff;
	border-radius: 50%;
	margin: 7px;
	opacity: 0.6;
	transition: opacity 0.7s;
}

.social-link:hover {
	opacity: 1;
}

.facebook-link {
	background: url("/media/v2_img/social_footer_facebook.svg") no-repeat center center;
	background-size: 18px;
}

.twitter-link {
	background: url("/media/v2_img/social_footer_twitter.svg") no-repeat center center;
	background-size: 18px;
}

.pinterest-link {
	background: url("/media/v2_img/social_footer_pinterest.svg") no-repeat center center;
	background-size: 18px;
}

.linkedin-link {
	background: url("/media/v2_img/social_footer_linkedin.svg") no-repeat center center;
	background-size: 18px;
}

.instagram-link {
	background: url("/media/v2_img/social_footer_instagram.svg") no-repeat center center;
	background-size: 18px;
}

.copyright{
	font-size:100%;
	margin-bottom:3em;
	color: rgba(255, 255, 255, 0.6);
}

@media only screen and (max-width: 767px) {
	#footer{
		height:auto;
	}

	#footer li {
		display: inline-block;
	}

	#footer li a {
		display: inline-block;
		padding: 0.5em;
		font-size: 100%;
	}
}







/********************************************/
.hr-line {
    text-align: center;
    position: relative;
    margin: 20px -10px 20px -10px;
}
.hr-line > span {
    display: inline-block;
}
.hr-line > span:before,
.hr-line > span:after {
    border-top: 1px solid #666;
    display: block;
    height: 1px;
    content: " ";
    width: 45%;
    position: absolute;
    left: 0;
    top: 0.7em;
}
.hr-line > span:after {
   right: 0;
   left: auto;
}

/* Adding css for Google Drive Logo in UX*/
.google-logo {
    width: 30px;
    height: 30px;
}


.downloads-free-hover-overlay {
    display: none;
    height: 332px;
    background: rgba(0, 0, 0, 0.5);
    width: 201px;
    position: absolute;
    top: 86px;
    left: 11px;
}

.downloads-free-hover-overlay-active {
    display: block;
}


.downloads-free-hover-overlay .btn-yellow {
    border: none;
	padding: 7px 0;
    font-weight: bold;
    padding: 7px 0;
    letter-spacing: 1.5px;
    width: 160px;
    margin: 0 auto;
    position: relative;
    top: 147px;
}

.downloads-free-hover-overlay .btn-yellow:hover {
    background: #FFB95D;
}

#chatra {
    z-index: 99 !important;
}

#chatra.chatra--side-right.chatra--expanded {
    z-index: 9999 !important;
}

/* Charta */
#chatra.chatra--pos-bottom.chatra--style-round:not(.chatra--expanded) {
    bottom: 20px !important;
}

#chatra.chatra--side-right.chatra--style-round:not(.chatra--expanded) {
    right: 90px  !important;
}