#smarter-logo {
	max-width: 100%;
}
.new {
	color: #26ace2 !important;
	font-size: 23px !important;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	height: 32px;
}

html, html a {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

body {
	color: #3a3a3a;
	font-family: 'PT Sans' !important;
        -webkit-font-smoothing: antialiased;
}
a {transition: background-color 0.5s ease;}
img.stats {max-width: 392px;}
.container {
	padding: 0px !important;
}
.container-fluid {
    padding: 0px !important;
}
.featureditem {margin-bottom: 30px;}
#myModal div.modal-body .centerAligned {display: block;}
.conversiontable {margin-bottom: 50px;}
div.smlcpfeatures.last {margin-bottom: 0px;}
.skinnyRevenueTable {
	display: none;
}

.flash-error {
    font-weight: 600;
    color: red;
}

.flash-success {
    font-weight: 600;
    color: green;
}

td.button-column {
    min-width: 120px;
}

td.button-column img{
    width: 28px;
/*    height: 30px;*/
}

div.convertopages li {
    margin: 10px;
    cursor: pointer;
}

div.convertopages li a, div.convertopages li a:hover {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
}

.convertopages {
	background: #000;
	color: #fff;
	font-size: 16px;
	width: 100%;
	top: 0px;
	padding: 20px 0px 0 0;
	display: block;
	z-index: 1;
	line-height: 18px;
}

.convertopages .container .login {
	position: relative;
	color: #5e6d81;
}

.loginForm {
	display: none;
	width: 280px;
	/* height: 173px; */
	background: #fff;
	border-radius: 10px;
	padding-top: 16px;
	margin-top: 20px;
	right: 0px;
	top: 40px;
	color: #5e6d81;
	border: 1px solid #E7E7E7;
        z-index: 9;
        -webkit-box-shadow: 0px 3px 12px 0px rgba(121, 121, 121, 1);
        -moz-box-shadow:    0px 3px 12px 0px rgba(121, 121, 121, 1);
        box-shadow:         0px 3px 12px 0px rgba(121, 121, 121, 1);
}

.loginForm .usernameDiv {
	padding: 5px;
	padding-left: 17px;
}

.loginForm .passwordDiv {
	padding: 5px;
	padding-left: 17px;
}

.loginForm input {
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #eee;
	font-size: 17px;
	padding: 5px;
}

#username,#password {
	width: 200px;
}

#submit {
	color: #fff;
	font-size: 24px;
	width: 100%;
	height: 50px;
	border-radius: 10px;
	/* margin-left:-16px; */
	background: #f27935;
	/* margin-top: 30px; */
	margin: 15px auto 26px auto;
}

#converto_menu img.convertologo {
	/* width: 100%; */
        margin-top: 18px;
}

i {
	font-family: FontAwesome !important;
}

#nav a.btn {
	margin-top: -8px;
	background-color: #4dbd27;
	font-size: 22px;
}

ul#nav {
	list-style-type: none;
	font-size: 22px;
	margin: 0px;
	padding: 0px;
	font-size: 22px;
}

ul#nav a {line-height: 50px;}

div.ccolors {bottom: 0px; height: 3px; display: block; width: 100%;}
div.ccolors .red {background: #ff0000; width: 25%; height: 3px; float: left;}
div.ccolors .yellow {background: #ffcc00; width: 25%; height: 3px; float: left;}
div.ccolors .green {background: #4dbd27; width: 25%; height: 3px; float: left;}
div.ccolors .blue {background: #009cff; width: 25%; height: 3px; float: left;}

.mainMessage {
	color: #3a3a3a;
	text-align: center;
	margin-top: 29px;
	margin-bottom: 29px;
	font-size: 50px;
	/* position: absolute; */
	display: block;
}
.mainMessage h1 {line-height: 50px;}


#bannerImage {
	 width: 100%;
	background-image: url('../img/bannerImage.jpg');
	/* background-size: 100%; */
	height: 504px;
        background-position: center center;
}

#bannerImage .container {
	position: relative;
}

#bannerImage a.btn {
	position: absolute;
	right: 81px;
	background-color: #4dbd27;
	font-size: 22px;
	top: 401px;
        padding: 12px;
}

#bannerImage .characters {
	position: absolute;
	height: 504px;
	/*background-image: url('../img/character.png'); */
	background-repeat: no-repeat;
	height: 504px;
}

#bannerImage .devices {
	position: absolute;
	top: 30px;
	right: 0px;
	width: 461px;
	/* height: 100%;
	background-image: url('../img/devices.png'); */
	background-repeat: no-repeat;
}
.headlines h2 {font-weight:bold; font-size: 36px; margin: 30px 0;}

.headlines {margin-bottom: 20px; color: #3a3a3a;}

.features {color: #3a3a3a; font-size: 20px;}
.cpfeatures {margin-bottom: 30px;}
.cpfeatures img {width: 100%; height: auto;}

/* p.c1a, p.c2a, p.c3a, .mainMessage, .c2title, .c1title {position: relative; display: none; opacity: 0;} */

.c1holder {min-height: 400px;}
.smlcpfeatures {font-size: 20px; color: #5a5a5a;text-align: center; margin-bottom: 30px;
margin-top: 40px;}
.smlcpfeatures h3 { font-size: 30px;}
.analytics {text-align: center;}

.smlcpfeatures a {
background-color: #309B0C;
font-size: 20px;
padding: 20px;
}

.smlcpfeatures a:hover {
    font-size: 20px;
    padding: 20px;
    background-color: #56D32C;
    border-color: #92E992;
}
.greenpointwrap {
position: absolute;
right: 16px;
padding: 10px;
z-index: 2;
top: 80px;
color: white;}

.orangepointwrap {
position: absolute;
left: 30px;
padding: 10px;
z-index: 2;
top: 110px;
color: white;}

.bluepointwrap {
position: absolute;
left: 26px;
padding: 10px;
z-index: 2;
top: 43px;
color: white;
}

.redpointwrap {
position: absolute;
left: 58px;
padding: 10px;
z-index: 2;
top: 27px;
color: white;
}
.headlinec3title {position: relative;}
.pieholder {position: relative; width: 160px; height: 185px;margin: auto;}
.smlcpfeatures img {width: 100%; max-width: 380px;}
.analyticsbox {position: relative;}
.headerMessages {
	padding-top: 40px;
	padding-bottom: 40px;
	color: #3a3a3a;
	font-size: 30px;
	text-align: center;
        background: #3a3a3a;
        color: #fff;
}

hr {
	border-top: 1px solid #ccc !important;
}

.compareWithAverageBusiness {
	margin-bottom: 52px;
}

.averageBusinessImage {
	height: 401px;
	background-image: url('../img/averageBusiness.png');
	background-repeat: no-repeat;
}

.averageBusinessContentHeader {
	font-size: 36px;
	margin-bottom: 52px;
}

.averageBusinessPoints ul {
	font-size: 26px;
	list-style-type: none;
	padding: 0px;
}

.averageBusinessPoints ul li {
	padding-left: 25px;
}

.averageBusinessPoints ul li:before {
	color: #4a5c74;
	content: "\f00d";
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1em;
	width: 1em;
}

#whatIfBar {
	font-size: 40px;
	color: #fff;
	background-color: #31c27c;
	padding-top: 39px;
	padding-bottom: 34px;
	text-align: center;
}

.convertoPlatform {
	margin-top: 60px;
	margin-bottom: 35px;
}

.convertoPlatformContentHeader {
	font-size: 36px;
	margin-bottom: 52px;
}

.convertoPlatformPoints ul {
	font-size: 30px;
	list-style-type: none;
	padding: 0px;
}

.convertoPlatformPoints ul li {
	padding-left: 0;
}

.convertoPlatformPoints ul li:before {
	color: #248f5c;
	content: "\f00c";
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1.3em;
	width: 1.3em;
}
.rowheading {font-size: 22px; font-weight: bold; }
.featuresnippet {min-height: 100px;}
.conversionRate {
	font-size: 37px;
	text-align: center;
	margin-bottom: 30px;
}
div.convertoPlatformBlock hr {margin: 0px;}
.roweven:hover { background: rgb(205, 255, 207);}
.rowodd:hover { background: rgb(255, 255, 205);}

.revenueScenarios .heading {
	font-weight: bold;
	font-size: 24px;
	margin-bottom: -4px;
}

.revenueScenariosRow {
	padding-top: 23px;
	padding-bottom: 16px;
}

.revenueScenariosRow .content {
	font-size: 21px;
}

.revenueScenariosRow .greenContent {
	font-size: 21px;
	color: #36d488;
}

.revenueScenariosRow .redContent {
	font-size: 21px;
	color: #ec6f6d;
}

.convertoPlatformBlock {
	margin-bottom: 10px; display: inline-block;
}
.analyticsknobs {text-align: center;}
.convertoPlatformBlockholder {min-height: 370px !important;}

.ratings {
	font-size: 26px;
	color: #ffca27;
	text-align: center;
	margin-bottom: 11px;
}

.testimonial {
	text-align: center;
	font-size: 28px;
        margin-bottom: 50px;
}

.trialBox {
	position: relative;
	border-radius: 5px;
	width: 541px;
	background-color: #3a3a3a;
	color: #fff;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}
a.buildnow {cursor: pointer;}
div.trialBox:hover .goCircle {background:#4ECE72; transition: background-color 0.5s ease;}
div.trialBox:hover {background: #13866F; transition: background-color 0.5s ease;}
.classAbsoluteBottom {
	position: absolute;
	bottom: 0px;
}

.classAbsoluteBottom .red {
	border-bottom-left-radius: 5px;
}

.classAbsoluteBottom .blue {
	border-bottom-right-radius: 5px;
}

.trialBox .heading {
	margin-top: 36px;
	text-align: center;
	font-size: 40px;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 0px;
}

.trialBox .message {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 24px;
	text-align: center;
	font-size: 22px;
	font-style: italic;
}

.goCircle {
	padding-top: 20px;
	margin-top: 36px;
	font-size: 26px;
	font-weight: bold;
	background-color: #606060;
	width: 78px;
	height: 78px;
	border-radius: 51px;
	text-align: center;
	cursor: pointer;
}

.leftPadding0 {
	padding-left: 0px !important;
}

.centerAligned {
	text-align: center;
}

.rightPadding0 {
	padding-right: 0px !important;
}

.todayOnly {
	font-size: 36px;
	font-weight: bold;
        margin-top: 30px;
}

.noContract {
	font-size: 26px;
}

.bottomFeatures {
	margin-top: 76px;
}

.bottomFeatures .heading {
	font-size: 34px;
}

.bottomFeatures .secondHeading {
	font-size: 26px;
}

.bottomFeatures {
	font-size: 16px;
}

#converto-footer {
	height: 80px;
	background: #1e1d1d;
	padding: 20px;
    width: 100%;
}

#converto-footer  li {
	list-style: none;
	float: left;
	margin: 10px;
	color: #767676;
}

#converto-footer a, #converto-footer a:hover {
	color: #e2af24;
	font-size: 16px;
	text-decoration: none;
}
#nav li span.btn.btn-success.btn-large{padding: 10px 30px;
font-size: 20px;}

#footerNav span {
	padding-left: 20px;
}

.modal-footer {
	margin-top: 0px !important;
	border-top: 0px !important;
	text-align: center !important;
}

.modal-header {
	border: 0px !important;
}

.modal-header,.modal-footer {
	background: #22262b;
	color: #fff;
	font-size: 16px;
}

.modal-header .close {
	color: #ff0303;
}

button .close {
	color: #ff0303;
}

.close {
	opacity: 0.5 !important;
}
.privacypolicy {overflow-y: scroll; max-height: 575px; padding: 20px 40px;}
.privacypolicy p {font-size: 18px;}
.modal-title .convertologo {
	width: 50%;
}

.modal-body {
	/* padding: 0px !important; */
}

.trialBox a,.trialBox a:hover {
	color: #fff;
	text-decoration: none;
/*	font-size: 26px;*/
	font-weight: bold;
}

.signupElements {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	display: none;
}

.signupForm input[type="text"] {
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	width: 100%;
	padding: 0.5em;
	color: #3a3a3a;
	font-size: 24px;
	padding-left: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
        height: 45px;
}
.modal .close {font-size: 24px;}
.firstMessage {
	font-size: 22px;
	height: 172px;
	padding-top: 22px;
}
#signupForm {font-size: 20px;}
.registerButton {
	display: none;
	width: 300px;
	height: 58px;
	font-size: 24px !important;
}

.signupForm button.closeButton {
	display: none;
}

.classPositionRelative {
	position: relative;
}

.classPositionAbsolute {
	position: absolute;
}

.text-danger {
	color: #A00401 !important;
}

.text-success {
	color: #006302 !important;
}

.error h2{
    font-size: 36px;
    padding: 35px;
}

.error p{
    font-size: 20px;
    padding: 0px 0px 35px 55px;
}

.firstButton {
	width: 100%;
	height: 58px;
	font-size: 24px !important;
}

.closeButton {
	width: 300px;
	height: 58px;
	font-size: 24px !important;
}

.flagIcon {
	margin-top: 42px;
	margin-left: 37px;
}

.convertoPlatformImage {
	width: 100%;
}

@media ( max-width : 991px) {
	.tableFix {
		display: none;
	}
	.skinnyRevenueTable {
		display: inline;
	}
}

@media ( min-width : 991px) {
	.tableFix {
		display: inline;
	}
	.skinnyRevenueTable {
		display: none;
	}
}

@media ( min-width : 768px) and ( max-width : 4000px){
	.imgholder {min-height: 260px;}
        .imgholderc2 {min-height: 353px;}
        div.convertopages li {float: left;}

}
@media ( min-width : 961px) {

      .characters {display:none;}

}
@media ( max-width : 960px) {

    #bannerImage {
            width: 100%;
            background-image: url('../img/bannerImage.jpg');
            background-position: 944px center;
    }
    .characters {display:block;}

}

@media ( max-width : 767px) {

        .cpfeatures {margin-bottom: 0px;}

}


@media ( max-width :320px) {
	#keyFeatureBar {
		font-size: 20px;
	}
	.mainMessage {
		font-size: 20px;
	}
	.trialBox {
		width: 100%;
	}
	.trialBox .heading {
		font-size: 20px;
	}
	.trialBox .message {
		font-size: 16px;
	}

	ul#nav {
		margin-bottom: 5px;
	}
	#converto_menu .loginForm {
		margin-left: auto;
		margin-right: auto;
		width: 88%;
		left: 0px;
	}
	.headerMessages {
		padding-top: 25px;
		padding-bottom: 20px;
		font-size: 16px;
	}
	#keyFeatureBar {
		font-size: 16px;
	}
	.averageBusinessContentHeader {
		font-size: 24px;
		margin-bottom: 9px;
	}
	.averageBusinessPoints ul {
		font-size: 16px;
	}
	#whatIfBar {
		font-size: 23px;
	}
	.convertoPlatformPoints ul {
		font-size: 17px;
	}
	.convertoPlatformPoints ul li:before {
		margin-left: 0em;
		width: 1.2em;
	}
	.conversionRate {
		font-size: 20px;
		margin-bottom: 18px;
	}
	.testimonial {
		font-size: 17px;
	}
	.goCircle {
		margin-top: 22px;
	}
	.todayOnly {
		font-size: 24px;
	}
	.noContract {
		font-size: 22px;
	}
	.bottomFeatures {
		margin-top: 27px;
	}
	.convertoPlatformBlock {
		margin-bottom: 28px;
	}
	.convertoPlatform {
		margin-top: 21px;
		margin-bottom: 3px;
	}
	.convertoPlatformContentHeader {
		font-size: 25px;
		margin-bottom: 13px;
	}
	.compareWithAverageBusiness {
		margin-bottom: 20px;
	}
	.averageBusinessContent {
		margin-top: 17px;
	}
	#bannerImage .devices {
		width: 100%;
	}
	#bannerImage .characters {
		position: absolute;
		top: 247px;
		height: 257px;
	}
	#bannerImage a.btn {
		top: 339px;
		right: 21px;
	}
	#converto-footer {
		height: 150px;
	}
	.revenueScenarios .heading {
		font-size: 12px;
	}
	.revenueScenariosRow .redContent {
		font-size: 10px;
	}
	.revenueScenariosRow .greenContent {
		font-size: 10px;
	}
	.revenueScenariosRow .content {
		font-size: 16px;
	}
}

@media ( min-width :321px) and (max-width :480px) {
	#keyFeatureBar {
		font-size: 20px;
	}
	.mainMessage {
		font-size: 25px;
	}
	.trialBox {
		width: 100%;
	}
	.trialBox .heading {
		font-size: 28px;
	}
	.trialBox .message {
		font-size: 19px;
	}

	ul#nav {
		margin-bottom: 5px;
	}
	#converto_menu .loginForm {
		margin-left: auto;
		margin-right: auto;
		width: 88%;
		left: 0px;
	}
	.headerMessages {
		padding-top: 25px;
		padding-bottom: 20px;
		font-size: 28px;
	}
	#keyFeatureBar {
		font-size: 20px;
	}
	.averageBusinessContentHeader {
		font-size: 28px;
		margin-bottom: 9px;
	}
	.averageBusinessPoints ul {
		font-size: 18px;
	}
	#whatIfBar {
		font-size: 27px;
	}
	.convertoPlatformPoints ul {
		font-size: 19px;
	}
	.convertoPlatformPoints ul li:before {
		margin-left: 0em;
		width: 1.2em;
	}
	.conversionRate {
		font-size: 23px;
		margin-bottom: 18px;
	}
	.testimonial {
		font-size: 20px;
	}
	.goCircle {
		margin-top: 31px;
	}
	.todayOnly {
		font-size: 24px;
	}
	.noContract {
		font-size: 22px;
	}
	.bottomFeatures {
		margin-top: 27px;
	}
	.convertoPlatformBlock {
		margin-bottom: 28px;
	}
	.convertoPlatform {
		margin-top: 21px;
		margin-bottom: 3px;
	}
	.convertoPlatformContentHeader {
		font-size: 28px;
		margin-bottom: 19px;
	}
	.compareWithAverageBusiness {
		margin-bottom: 20px;
	}
	.averageBusinessContent {
		margin-top: 17px;
	}
	#bannerImage .devices {
		width: 100%;
	}
	#bannerImage .characters {
		position: absolute;
		top: 247px;
		height: 257px;
	}
	#bannerImage a.btn {
		top: 410px;
		right: 87px;
	}
	#converto-footer {
		height: 142px;
	}
	.revenueScenarios .heading {
		font-size: 15px;
	}
	.revenueScenariosRow .redContent {
		font-size: 13px;
	}
	.revenueScenariosRow .greenContent {
		font-size: 13px;
	}
	.revenueScenariosRow .content {
		font-size: 17px;
	}
}

@media ( min-width :480px) and (max-width :767px) {
	img.convertologo {
		width: auto;
	}
	#keyFeatureBar {
		font-size: 20px;
	}
	.mainMessage {
		font-size: 30px;
	}

	ul#nav {
		margin-bottom: 5px;
	}
	.headerMessages {
		padding-top: 25px;
		padding-bottom: 20px;
		font-size: 28px;
	}
	#keyFeatureBar {
		font-size: 20px;
	}
	.averageBusinessPoints ul {
		font-size: 18px;
	}
	#whatIfBar {
		font-size: 27px;
	}
	.convertoPlatformPoints ul {
		font-size: 19px;
	}
	.convertoPlatformPoints ul li:before {
		margin-left: 0em;
		width: 1.2em;
	}
	.testimonial {
		font-size: 20px;
	}
	.goCircle {
		margin-top: 31px;
	}
	.noContract {
		font-size: 22px;
	}
	.bottomFeatures {
		margin-top: 27px;
	}
	.convertoPlatformBlock {
		margin-bottom: 28px;
	}
	.convertoPlatform {
		margin-top: 21px;
		margin-bottom: 3px;
	}
	.convertoPlatformContentHeader {
		margin-bottom: 19px;
	}
	.compareWithAverageBusiness {
		margin-bottom: 20px;
	}
	.averageBusinessContent {
		margin-top: 17px;
	}
	#bannerImage .devices {
		width: 50%;
	}
	#bannerImage .characters {
		position: absolute;
		top: 117px;
		height: 388px;
	}
	#bannerImage a.btn {
		top: 343px;
		right: 73px;
		width: 205px;
	}
	.revenueScenarios .heading {
		font-size: 18px;
	}
	.revenueScenariosRow .redContent {
		font-size: 16px;
	}
	.revenueScenariosRow .greenContent {
		font-size: 16px;
	}
	.revenueScenariosRow .content {
		font-size: 19px;
	}
}

@media ( max-width :320px) {

    .smlcpfeatures a {margin-bottom: 30px;}
    .firstMessage {height: auto;}
    div.modal-body .centerAligned {display: none;}
    .firstmsg {padding: 0px 40px 20px 40px !important;}
    .firstButton, button.registerButton {width: 100%;}
    .modal-header .close {font-size: 60px; line-height: 30px;color: #ff0000;}
    .modal-header .close:hover {color: #ffcc00;}
    .modal-title .convertologo{width: auto; height: 30px;}
    .goCircle {width: 50px; padding-top: 7px;height: 50px; margin-left: 10px;}
    .trialBox .heading {padding-left: 8px;margin-top: 24px;}
    .message {margin-left: 8px;}
    #converto-footer {margin-top: 10px;}
    img.characters {width: 100%;}
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}

a {text-decoration: none !important;}

.form-error {
    color: red;
}

span.required {
    color:red;
}

#content-wrapper {
    padding: 15px;
}

.thumbnail {
    height: 350px;
    overflow: hidden;
}

.caption {
    text-transform:capitalize;
}

.page-hover {
    position:absolute;
    right:0;
    background:rgba(166, 166, 166, 0.75);
    width:100%;
    height:350px;
    padding:2%;
    margin-top:-5px;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
}

.page-hover .page-hover-button {
    width:50%;
    margin-top:80px;
}

/*
*
* Convertopage editor
*
*/

body {margin: 0; padding 0;font-family: 'Droid Sans', sans-serif !important; background: #f4f4f4 !important;}

#converto-sidebar { box-sizing: border-box;padding: 0 20px;background: #1e1d1d; width: 230px; display: block; float:left;border-right: 2px solid black;position: fixed; color: #a6a6a6; left: 0px; overflow-y: auto;top: 100px;}
#converto-sidebar p {padding-left:10px;}
.main-body {background: #f4f4f4;margin-top: 80px;}
#converto-sidebar a {color: #a6a6a6;}
#converto-sidebar a:hover {color: #d0d0d0; background-color: #333;}
#converto-sidebar .sidebox h1 {font-size: 22px;}
#converto-sidebar ul {padding: 0 0 0 15px;}
#converto-sidebar ul.themebuilder {margin: 20px auto 20px auto;}
#converto-sidebar .convertologo {margin-left: 20px;}
ul#converto-edit {display: inline-block;margin: 0px 20px 0 0; float: right; color: #a6a6a6;}
ul#converto-edit a {padding: 10px 12px; display: block; color: #a6a6a6;}
ul#converto-edit a:hover {color: #d0d0d0;}
ul#converto-edit li {display: inline-block; background:#1d1d1d; border-radius: 3px;}
.converto-masterctrls {}
div.welcome {display: inline-block; background: #1e1d1d; border-radius: 3px; padding: 20px; min-width: 300px;}
.convertoheader-menu {margin-bottom: 20px;}
a.closebubble {color: #575757;position: absolute; right: 20px;}
a.closebubble:hover {color: #8B8B8B;}
#converto-sidebar .themebuilderbox {display:none;background: #1e1d1d; height: 400px; width: 230px;position absolute; right: -230px;position: absolute;top: 150px;}
#converto-sidebar .icon {margin-right:10px;width: 15px !important; height: 15px; display: inline-block !important;}
#converto-sidebar ul.mainmenu {margin: 0px 0 50px 0; padding: 0px;}
#converto-sidebar ul.mainmenu li {list-style-type: none;margin-bottom: 20px;position: relative;font-size: 18px;}
#converto-header{background: #000000;color: #fff;font-size: 16px;width: 100%;display: block;z-index: 11 !important;line-height: 18px;position: fixed;}
#converto-header.loggedin {position: fixed; z-index: 10;}
#converto-header.loggedoff {position: relative; z-index: 5;}
#converto-header div.ccolors {bottom: 0px;height: 3px;display: block;width: 100%;position: relative;}
#converto-header div.ccolors .red {background: #ff0000;width: 25%;height: 3px;float: left;}
#converto-header div.ccolors .yellow {background: #ffcc00;width: 25%;height: 3px;float: left;}
#converto-header div.ccolors .green {background: #4dbd27;width: 25%;height: 3px;float: left;}
#converto-header div.ccolors .blue {background: #009cff;width: 25%;height: 3px;float: left;}
#converto-sidebar a.dropdown-toggle {color: #a6a6a6;}
#converto-sidebar .nav .dropdown-toggle .caret {border-top-color: #a6a6a6; border-bottom-color: #a6a6a6;}
#converto-sidebar ul.mainmenu li.active {color: #fcca1c; cursor: pointer;}
#converto-sidebar ul.cs li.dropdown a.dropdown-toggle {background: #dddddd;}
#converto-sidebar ul.cs a.dropdown-toggle{ color: #1e1d1d;  }
#converto-sidebar ul.cs {margin: 20px 0 20px 0;}
#converto-sidebar ul.cs li {font-size: 16px;margin-bottom: 3px;width: 100%;}
#converto-sidebar a.dropdown-toggle:hover{color: #1e1d1d;}
#converto-sidebar li.active a {color: #fcca1c;}
#converto-sidebar li.open a.dropdown-toggle{color: #1e1d1d;}
#converto-sidebar .nav-pills.cs .open .dropdown-toggle {background-color: #999;border-color: #999;}
#converto-sidebar a.accrodion {margin-bottom: 20px; display: block;}
#converto-sidebar ul.themebuilder {margin: 0px;display: inline-block;width: 100%;margin-top: 20px;padding: 0px;}
#converto-sidebar ul.themebuilder img {float: right;}
#converto-sidebar ul.mainmenu li.active li {color: #a6a6a6;}
#converto-sidebar li {cursor: pointer;list-style-type: none;margin: 0px;}
.menutop {top: 0px}
#converto-admin {background: #f4f4f4;padding: 50px 30px 30px 260px;display: block; width: 100%;}
#converto-header .bubble{border-radius: 5px;background: #292728; padding: 15px;box-sizing: border-box;}
#converto-header a.bubble  {color: #a6a6a6; text-align: center;text-decoration: none;position: relative;}
#converto-header a.bubble:hover {background-color: #eee;color: #1e1d1d;}
#converto-header .closebutton {position: absolute; right: 5px; top: 5px;}
#converto-sidebar .mail {background: url('../img/mail.png') no-repeat center center; width: 43px; height: 28px;display: inline-block;position: absolute;right: -10px;top: -5px;}
#converto-sidebar .number {background: url('../img/number.png') no-repeat center center;width: 43px; height: 28px; display: inline-block; position: absolute; right: -20px; top: -13px;}
#converto-sidebar h1, #converto-sidebar h2, #converto-sidebar h3, #converto-sidebar h4, #converto-sidebar h5, #converto-sidebar h6 {color: #a6a6a6; margin: 0px;}
#converto-admin .container {/* width: 1170px !important; */}
#converto-admin #canvas{background: #d5d5d5;display: inline-block;width: 100%;padding: 30px;}
#converto-admin .pageblock {background:#1d1d1d; padding 20px;padding: 20px;margin: 20px auto 0px auto;border-top-left-radius:3px;border-top-right-radius:3px;}
#converto-admin .status {width: 15px; height: 15px; float: right; border-radius: 25px;margin-top: 7px;}
#converto-admin .status.published {background: green;}
#converto-admin .status.unpublished{background: red;}
#converto-admin .status.onhold{background: orange;}
#converto-admin .pagestatus{color: #fcca1c;}
#converto-admin a.btn.center{text-align:center; margin: auto; display; inline-block;display: block;}
#converto-admin .add-convertopage {text-align: center; padding: 20px;}
#converto-admin .add-convertopage a.btn {font-size: 18px; padding: 10px 40px;}
#converto-admin #new-convertopage-group {margin-bottom:15px;}
#converto-admin .pagetitle {text-align: center;color: #d5d5d5;padding-bottom: 30px;position: relative;}
#converto-admin .pagetitle h2 {text-align: center;color: #d5d5d5;margin-top: 20px;}
#converto-admin .pagetitle .label {background: #b30d0d; position: absolute; bottom: 10px; right: 15px; width: 100px; height: 100px;border-radius: 70px;z-index: 2;color: white;}
#converto-admin .pagetitle .conversionlabel{font-size: 40px;margin-top: 15px;font-weight: 400;}
#converto-admin .pagetitle .conversiontext{font-size: 14px;display: block;}
#converto-admin .pagesettings {text-align: center;}
#converto-admin .pagesettings .fa {font-size: 26px;}
#converto-admin .groupinfos {margin: 10px auto 10px auto;color: #565656;font-size: 20px;}
#converto-admin .pagesettings {background:#565656;display: inline-block;width: 100%;padding-top: 20px;color: #d5d5d5;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;white-space: nowrap;font-size: 16px;}
#converto-admin .pagesettings a {color:#d5d5d5;}
#converto-admin .pagesettings a:hover {color:#fcca1c; text-decoration: none;}
#converto-admin .pagetitle-hover {opacity: 1;position: absolute; bottom: 0px; margin-left: auto;margin-right: auto; left: 0; right: 0; background: #000; display: block;  z-index: 1; height: 237px; width: 241px; padding-top: 40px;display: none;}
#converto-admin .pageinfo p {margin-top: 0px; margin-bottom: 4px;line-height: 18px;}
#converto-admin #canvas span.fa-external-link {font-size: 14px;}
#converto-admin .pageinfo {width: 180px; display:block;margin: auto;margin-top: 10px;margin-bottom: 30px;color: #d5d5d5;}
#converto-admin a.viewconvertopage:hover .pagetitle-hover {/*display: block;*/}
#converto-admin a.viewconvertopage {/* border: 1px solid red; */ z-index: 1; display: block;position: relative;}
#converto-admin .editgroupmanager {font-size: 18px;}
#converto-admin .groupinfos .editgroupmanager .fa {margin: 0 5px 0 0}
#converto-admin .editgroupmanager a {color:#565656; text-decoration: none;}
#converto-admin .editgroupmanager a:hover {color:#333333; text-decoration: none;}
#converto-admin .delgroup {display: inline-block;}
#converto-admin .add-convertogroup {background: #d5d5d5;margin-top: 30px;  margin-bottom: 30px; padding: 20px; text-align: center;}
#converto-admin .add-convertogroup a.btn {font-size: 18px; word-wrap:break-word;min-width: 290px;}
#converto-admin .add-convertogroup {min-width: 320px;}
#converto-sidebar .convertopage-details {margin-bottom: 30px;margin-top: 30px; display: block;}
#converto-sidebar .c1, #converto-header .c1 {/* width:10%; */ display: inline-block;}
#converto-sidebar .c2, #converto-header .c2  {width:20%; display: inline-block;}
#converto-sidebar .c3, #converto-header .c3  {width:30%; display: inline-block;}
#converto-sidebar .c4, #converto-header .c4  {width:40%; display: inline-block;}
#converto-sidebar .c5, #converto-header .c5  {width:50%; display: inline-block;}
#converto-sidebar .c6, #converto-header .c6  {width:60%; display: inline-block;}
#converto-sidebar .c7, #converto-header .c7  {width:70%; display: inline-block;}
#converto-sidebar .c8, #converto-header .c8  {width:80%; display: inline-block;}
#converto-sidebar .c9, #converto-header .c9  {width:90%; display: inline-block;}
#converto-sidebar .c10, #converto-header .c10  {width:100%; display: inline-block;}
#converto-admin .pagestatus {min-height: 30px;}
#converto-header .convertologo {margin-left: 15px; padding-top:15px; margin-bottom: 20px;}
#converto-sidebar .sidebox{margin-top: 20px; margin-bottom: 20px;}
#converto-sidebar .btn-group {margin-top: 20px;}
#converto-sidebar .sidebox h5 {margin-top: 20px;}
#converto-admin a.viewconvertopage img {width: 100%}
.colorelement {display: inline-block;}
ul.mainmenu .row {margin-top: 20px;}
@media (max-width: 1479px) {
	#converto-admin a.viewconvertopage img {width: 100%;}
	#converto-admin div.pagetitle-hover {width: 100%; height: 300px;}
	#converto-admin div.pagesettings {text-align: center;}
	#converto-admin div.groupinfos a.external {margin-bottom: 20px;display: block;}
}

@media (max-width: 1700px) and (min-width: 1170px) {
	#converto-admin .pagesettings .fa { font-size: 20px;}
	#converto-admin .cvtobtn {width: 50% !important;}
	#converto-admin .convertopage {width: 33% !important;}
}

#converto-admin .bootstrap-switch-handle-on, #converto-admin .bootstrap-switch-handle-off {
/*    color: #d5d5d5;*/
/*    background: #565656;*/
}

#converto-admin .bootstrap-switch-label {
    color: #565656;
    background: #d5d5d5;
}

#converto-admin .modal-dialog {
    padding-top: 15%;
}

.booleanColumn{
	text-align: center;
}

.booleanColumn .glyphicon-ok {
	color: #309B0C;
}

.page-header{
	margin: 20px 0 20px;
}

.input-group .form-control.hasDatepicker{
	width: 120px;
}