/*Additional css styles*/
.ee-results-container {
    padding: 30px 60px;
}

.site-footer, .page-wrap:after{
	height: 220px;	
}
.page-wrap {   
    margin-bottom: -220px;
}

.footer{
	padding: 10px 0;
}
.footerimg{
	margin-bottom: 20px;
}
.api-txt{   
	font-size: 23px;
    color: white;
    font-weight: 600;
	margin-left: 2px;
	
}

.main-layout-container{
	margin-top: 40px;
	margin-bottom: 40px;
}

.b-right{ 
	float:right;
}
.section{
	margin-bottom: 20px;	
}

.section h3{
	font-size: 18px;
	
}
.section p, 
.section a, 
.section ul li, 
.section ol li, 
.section ul li p, 
.section ul li a{
		font-size: 16px;	
}

.m-left-list{
	margin-left: 40px;		
} 

.m-t-10{
	margin-top: 10px;
}
.m-t--10{
	margin-top: -10px;
}
.m-b-10{
	margin-bottom: 10px;
}

.wufoo-mapping-container table{border: 1px solid #e1e1e1; overflow: auto; border-radius: 5px;}

.ee-results-container h3.ui-accordion-header{
	padding: 10px;    
    border-radius: 0;
	background-color: #ecf0f1;
	outline: 0;
	}
	
.ui-state-active .ui-icon, .ui-state-default .ui-icon {
    background-image: url(../images/updownarrows.png);		
}
.ui-icon-triangle-1-s{
	background-position: 0 -24px;
}
.ui-icon-triangle-1-e{
	background-position: 0 0;
}
.ui-icon{
	width: 24px;
	height: 24px;
}

.ui-accordion .ui-accordion-header .ui-icon{	
    right: 1.5em;    
    margin-top: -12px;
	left: initial;
}

code p {
    margin: 10px 10px;
}

pre.prettyprint {
   
    border: 1px dotted #ddd !important;
}
pre.prettyprint.restful{
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.dataresults{ 
    padding-top: 10px;
    margin-top: 10px;
	border-top: dotted green 1px;
}
.main-nav>ul{		
	list-style: none;	
	margin: 0;
	padding: 0;	
	width: 100%;	
}
.main-nav>ul>li{
	display: inline-block;		
	position:relative;
}	

.main-nav>ul li a{
	color: white;
	font-size: 16px;
	padding: 10px 10px 7px 10px;
	border-bottom: solid #232A2E 3px;
	display: inline-block;		
}

.main-nav>ul li a:visited,
.main-nav>ul li a:hover,
.main-nav>ul li a:focus{
	text-decoration: none;
}

.main-nav>ul li a:hover, .main-nav ul li a.selected-crumb{
    border-bottom: solid gray 3px;
}

.topmenu{
	padding: 0;
	
}

.main-nav .submenu {
	padding: 0;
    padding-top: 15px;    
	    position: absolute;
    z-index: 999;    
    width: 200px;
	list-style:none;
	visibility:hidden;
	opacity:0;
	transition: visibility 0s, opacity 0.3s linear;
}

.main-nav .hasSub:hover>.submenu{
	visibility: visible;
	opacity: 1;	
}

.main-nav .submenu.hide {
	visibility:hidden;
	opacity:0;
	transition: visibility 0s, opacity 0.3s linear;	
}


.main-nav .submenu li a{
	width:100%;
	
}

.ui-tabs{ padding: 0; }
.wufoo-mapping-container tbody td{
	font-size: 16px;
	color: #555;
	
}


.type{
	color: black;
    font-weight: bold;
}
.typename{
	
	color: blue;
    font-style: italic;
}
label{ font-size: 16px;}

.post{
	color: white;
    padding: 5px;
    border-radius: 5px;
    margin-right: 15px;	
	background-color: rgb(4, 205, 176);
    border-color: rgb(29, 226, 198);	
}
.btnBlue{
	background-color: #26ace2;
    color: white;
    border: none;
    padding: 7px;
    border-radius: 5px;	
}
input[type="text"]{
	padding: 5px 10px;
}

.dataSubmit{
	margin-top: 10px;
	margin-bottom: 10px;	
}

table#modal-table tbody td{ font-size: 15px; padding: 10px; vertical-align: top; width: auto; border: solid #ddd 1px;}
table#modal-table thead th{ padding: 10px;}
table#modal-table tbody td:first-child{	
	color: green;
    font-weight: bold;
}
.black{color: black;}
.strong{ font-weight: bold;}

.libraryTable{ margin-top: 20px;}

.mt10{
	margin-top: 10px;	
}

.scrollup {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 50px;
    right: 50px;
    display: none;
    text-indent: -9999px;       
    opacity: 0.6;
	cursor: pointer;
	z-index: 999999;
}

.error{
	color: red;		
}

.msg{
	font-size: 16px;
}
#menuTarget{display:none;}
.no-slide{display: none;}

.preloaderContainer {
    position: fixed;
    height: 100% !important;
    width: 100% !important;
    left: 0;
    top: 0;
    z-index: 600;
}

.preloaderContainer .preloader {
    margin: 0;
    width: 70px;
    height: 30px;
    z-index: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -35px;
}

.loadingOverlay {
    position: fixed;
    background: #2c3e52;
    height: 100% !important;
    width: 100% !important;
    left: 0;
    top: 0;
    z-index: 500;    
    filter: progid:DXImageTransform.Microsoft.alpha(opacity=80);
    opacity: .8;
}

@media only screen and (max-width: 768px) {
	#menuTarget{		
		height: 32px;
		width: 53px;
		display: block;
		float: left;
		position: relative;
		z-index: 99999;
	}
    .hamburger{
		cursor: pointer;
	}
    .hamburger span {
        cursor: pointer;
        border-radius: 1px;
        height: 3px;
        width: 25px;
        background: white;
        position: absolute;
        display: block;
		margin: 15px;
        content: '';		
        -webkit-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }
    .hamburger span:before {
        cursor: pointer;
        border-radius: 1px;
        height: 3px;
        width: 25px;
        background: white;
        position: absolute;
        display: block;
        content: '';
        -webkit-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
        top: -8px;
    }
    .hamburger span:after {
        cursor: pointer;
        border-radius: 1px;
        height: 3px;
        width: 25px;
        background: white;
        position: absolute;
        display: block;
        content: '';
        -webkit-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
        bottom: -8px;
    }
    .hamburger span:hover {
        cursor: pointer;
        border-radius: 1px;
        height: 3px;
        width: 25px;
        background: white;
        position: absolute;
        display: block;
        content: '';
        -webkit-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }
	
	.main-nav {
       display:none;
	    position: relative;
		width: auto;
		transition: left 300ms ease-out;
    }
	.main-nav .submenu{
		transition: right 300ms ease-out;		
	}
    .expanded .hamburger span {
        background-color: transparent;
    }
    .expanded .hamburger span:before {
        top: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .expanded .hamburger span:after {
        top: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
	
	.responsive-txt-center{text-align:center;}
	
	.main-nav>ul>li{
		display: block;
		position: static;	
	}	

	.main-nav>ul li a{		
		display: block;
		border-bottom: solid 1px;	
	}
	
	
	
	.main-nav>ul li a:hover, .main-nav ul li a.selected-crumb {
		border-bottom:  solid white 1px;
		color: #ccc;
	}	
		
	.main-nav .submenu {
		padding: 0;
		padding-top: 15px;    
		position: absolute;
		z-index: 999;    
		width: 100%;
		list-style:none;
		visibility:visible;
		opacity:1;
		top: 0;
		right:120%;	
	}

	.main-nav .hasSub:hover>.submenu{
		visibility: visible;
		opacity: 1;	
	}

	.main-nav .submenu li a{
		width:100%;
		
	}
	
	.hasSub>a>.submenu-arrow {
		background: url(../images/mbl-forward-icon.svg) no-repeat center;
		border: none;
		height: 15px;
		margin-top: 2px;
		width: 18px;
		float: right;		
	}	
	.submenu>li>a>.submenu-arrow-back{
		background: url(../images/mbl-back-icon.svg) no-repeat center;
		border: none;
		height: 15px;
		margin-top: -20px;
		width: 18px;
		float: left;
		
	}
	.no-slide{display: block;}
	
}	

@media screen and (max-width: 992px){
	.home-logo {
		position: static;
		display: inline-block;
		text-align: center;
		margin-bottom: 10px;
	}
	
	.hide-responsive{ display: none;}
	
	.scrollup {
		right: 2%;
		
	}
}

/* RESTful API Banner */
.restapi-banner-container{
	margin-top: 40px;
}
.restapi-banner {
	background-color: white;
	border-radius: 5px;
	overflow: hidden;
	display: table;
	width: 100%;
}

.content-text {
	background: white;
	font-size: 20px;
	padding: 60px 55px;
	display: table-cell;
}
.content-text h2 {
	color: #1d202d;
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 10px;
}

.content-text p {
	font-size: 20px;
}

.content-text ul {
    list-style-position: inside;
    margin-top: 35px;
    margin-bottom: 45px;
    font-size: 20px;
}

.content-image {
	text-align: center;
    vertical-align: middle;
	display: table-cell;
	width: 430px;
	background-color: #3f6cff;
	background-image: url(/images/reports-pattern.svg);
	background-image: url(/images/reports-pattern.svg), linear-gradient(45deg,#3f6cff,#009eff);
	background-repeat: no-repeat;
	background-position: center center;
}

@media only screen and (max-width: 992px) {
	.content-image {
		display: none;
	}
}

.restapi-cta {
	padding: 15px 25px;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	color: #FFF!important;
	text-decoration: none!important;
	line-height: 1.8;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-radius: 2px;
    background: linear-gradient(45deg,#3f6cff,#009eff);
}