/***********************Fancy fonts css start here********************************/
@font-face {
	font-family: 'deckerregular';
	src: url('../font/banner/decker-webfont.eot');
	src: url('../font/banner/decker-webfont.eot?#iefix') format('embedded-opentype'),  url('../font/banner/decker-webfont.woff') format('woff'),  url('../font/banner/decker-webfont.ttf') format('truetype'),  url('../font/banner/decker-webfont.svg#deckerregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'segoe_condensedregular';
	src: url('../font/banner/segoe-webfont.eot');
	src: url('../font/banner/segoe-webfont.eot?#iefix') format('embedded-opentype'),  url('../font/banner/segoe-webfont.woff') format('woff'),  url('../font/banner/segoe-webfont.ttf') format('truetype'),  url('../font/banner/segoe-webfont.svg#segoe_condensedregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'segoe_condensedbold';
	src: url('../font/banner/segoeb-webfont.eot');
	src: url('../font/banner/segoeb-webfont.eot?#iefix') format('embedded-opentype'),  url('../font/banner/segoeb-webfont.woff') format('woff'),  url('../font/banner/segoeb-webfont.ttf') format('truetype'),  url('../font/banner/segoeb-webfont.svg#segoe_condensedbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
/***********************Fancy fonts css close here********************************/

/* ----------- Backpack icon starts ----------- */
@font-face {
    font-family: 'Backpack';
    src: url('../fonts/back-pack.eot');
    src: url('../fonts/back-pack.eot?#iefix') format('embedded-opentype'),
         url('../fonts/back-pack.woff') format('woff'),
         url('../fonts/back-pack.ttf') format('truetype'),
         url('../fonts/back-pack.svg#back-pack') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-backpack']:before{
	display: inline-block;
	font-family: 'Backpack';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.icon-backpack:before{content:'\0042';}
/* ------------ Backpack icon ends ------------ */

.sample{margin:0;border:0; background-color:#fff; border-bottom:1px solid #9e9e9e;  border-top:1px solid #9e9e9e; border-right:1px solid #9e9e9e;}

h1{margin:0 0 20px 0;padding:0;font-size:22px;}

h2{margin:40px 0 20px 0;padding:0;font-size:22px;}

.easy-accordion h2{margin:0px 0 20px 0;padding:0;font-size:22px;font-family:"BariolRegular"; color:#222222;}

.easy-accordion{display:block;position:relative;overflow:hidden;padding:0;margin:0}

.easy-accordion dt,.easy-accordion dd{margin:0;padding:0}

.easy-accordion dt,.easy-accordion dd{position:absolute}

.easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px; /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);cursor:pointer;}

.easy-accordion dd{/*z-index:1;opacity:0;*/overflow:hidden}

.easy-accordion dd.active{opacity:1;}

.easy-accordion dd.no-more-active{z-index:2;opacity:1}

.easy-accordion dd.active{z-index:3}

.easy-accordion dd.plus{z-index:4}

.easy-accordion .slide-number{position:absolute;bottom:0;left:10px;font-weight:normal;font-size:14px;/* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg); /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); color:#222222; display:none;}
/* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */
dd p{line-height:120%}

#accordion-2{/*width:652px;*/width:665px;height:512px;padding:0;border:0;}

#accordion-2 h2{font-size:22px;margin-top:10px}

#accordion-2 dl{width:659px;height:513px; float:left;}

#accordion-2 dt{height:30px;line-height:30px;text-align:right;padding:0px 10px 0px 0px;font-size:14px; font-weight:bold;font-family:Arial, Helvetica, sans-serif; color:#222222; border-bottom:0px solid #9e9e9e;  border-top:1px solid #9e9e9e;
background: #ffffff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#EBEBEB));
background: -webkit-linear-gradient(#ffffff, #EBEBEB);
background: -moz-linear-gradient(#ffffff, #EBEBEB);
background: -ms-linear-gradient(#ffffff, #EBEBEB);
background: -o-linear-gradient(#ffffff, #EBEBEB);
background: linear-gradient(#ffffff, #EBEBEB);
-pie-background: linear-gradient(#ffffff, #EBEBEB);}

#accordion-2 dt.active{cursor:pointer;color:#222222;background:#fff;border-bottom:1px solid #9e9e9e;}

#accordion-2 dt.hover{color:#222222}

#accordion-2 dt.active.hover{color:#000}

#accordion-2 dd{padding:0;background:#fff; border-bottom:#e8e8e80;margin-right:3px}

#accordion-2 a{color:#fff;}

#accordion-2 dd img{float:left;margin:0px;position:relative;}


.accordion{
	width:auto;
	margin:15px  10px 15px 10px;
	padding:0px 0px 0px 0px;
	display:block;
}
.accordion h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
	color:#04245d;
	border-bottom:1px solid #cacacc;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	display:block;
}

.accordion-bottom{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
	color:#04245d;
	border-top:1px solid #cacacc;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
}
.accordion-but,.accordion-back{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#032660 !important;
	border:1px solid #cacacc;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:5px 15px 5px 15px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	background: #ffffff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#E7EDEB));
	background: -webkit-linear-gradient(#ffffff, #E7EDEB);
	background: -moz-linear-gradient(#ffffff, #E7EDEB);
	background: -ms-linear-gradient(#ffffff, #E7EDEB);
	background: -o-linear-gradient(#ffffff, #E7EDEB);
	background: linear-gradient(#ffffff, #E7EDEB);
	-pie-background: linear-gradient(#ffffff, #E7EDEB);
	text-decoration:none;
	}
.label{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#032660;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:18px;
	}
.accordion-textfield{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#032660 !important;
	border:1px solid #cacacc;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:5px 10px 5px 10px;
	background: #ffffff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#E7EDEB));
	background: -webkit-linear-gradient(#ffffff, #E7EDEB);
	background: -moz-linear-gradient(#ffffff, #E7EDEB);
	background: -ms-linear-gradient(#ffffff, #E7EDEB);
	background: -o-linear-gradient(#ffffff, #E7EDEB);
	background: linear-gradient(#ffffff, #E7EDEB);
	-pie-background: linear-gradient(#ffffff, #E7EDEB);
	text-decoration:none;
	z-index:13;
	}
.text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#032660;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:18px;
	}
.preview-box{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#032660;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:18px;
	width:260px;
	height:120px;
	background:#666;
	float:left;
	}

.c-block{
	background-color: #f8f9fa;
	padding: 5px 6px;
	margin: 0px;
	border: 1px solid #dee2e6;
	border-radius: 3%;
	/*margin-bottom: 12px;*/

}
#form-sequence-maker .modal-dialog {
	width: 1300px;
}
#email-sequence-form > .col-md-12,#email-sequence-form .col-md-12 .collapse .col-md-12{
	padding: 0px;
}
.email-template{
	/*padding: 0px 17% 0px 14px !important;*/
	margin-bottom: 15px;
}
#email-sequence-form > .col-md-12{
	border: 1px solid lightgrey;
	margin-bottom: 12px;
}
.dynamic-added div input,.dynamic-added div select{
	float: left !important;
	width: 63% !important;
}
.dynamic-added div label{
	float: left;
	clear: both;
	width: 36%;
	margin-top: 8px;
}
.dynamic-added div.col-md-11{
	margin-bottom: 10px;
	padding-right: 0px;
}
.dynamic-added div.col-md-11 label{
	width: 12.3%;
}
.dynamic-added div.col-md-11 select{
	width: 87% !important;
}
.c-block p{
	padding-top: 7px;
	margin: 0px;
	width: 70%;
	float: left;
}
.delete-add-big-block{
	float: right;
	width: 26px;
	height: 25px;
	border-radius: 50%;
	padding: 2px;
}

.sequence-btn{
	margin-top: 2mk,n v0px;

}
#email-sequence-form .col-md-3{
	padding-right: 5px;
	padding-left: 5px;
}
.dynamic-added{
	margin-top: 10px;
}
.join {
	padding: 0px 5px;
}
.join select{
	width: 74.6%;
	margin-bottom: 10px;

}
.block{
	border: 1px solid lightgrey;
	width: 100%;
	overflow: hidden;
	padding: 10px;
	margin-bottom: 10px;
}
.block .col-md-2,.block .col-md-3{
	padding-left: 3px;
	padding-right: 3px;
}
.block .col-md-12{
	padding: 0px;
}
.add-sequence{
	margin-bottom: 10px;
}
/*.email-template label{*/
/*	float: left;*/
/*	clear: both;*/
/*	width: 13.6%;*/
/*	margin-top: 8px;*/
/*}*/
/*.email-template select{*/
/*	float: left !important;*/
/*	width: 75% !important;*/
/*}*/

/* Turn off scrollbar when body element has the loading class */
body.loading{
	overflow: hidden;
}
/* Make spinner image visible when body element has the loading class */
body.loading .overlay{
	display: block;
}

.overlay{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(255,255,255,0.8) url("https://www.tutorialrepublic.com/examples/images/loader.gif") center no-repeat;
}
.c-block > p {
	font-weight: bold;
	color: black;
}
.c-block > p span{
	color: green;
}
.c-block > p span:first-child,.c-block > p span:nth-last-child(2){
	color: maroon;
}
.c-block > p span:nth-last-child(1){
	color: blue;
}

#diffoutput table.diff tbody td {
	word-break:break-all;
}

h5.section-heading {
    margin: 20px 0;
    padding: 10px 15px;
    background: #F7F7F7;
}

.info-box{
	display: block;
	padding: 14px 40px;
	background: rgb(128 128 128 / 10%);
}

.fancybox-inner{
    height: 900px!important;
}