body {
	top: 0px !important;
	color: rgb(38, 45, 52); /* rgb(50, 61, 71) */
	font-size: 18px !important;
}

h1 {
	font-size:3.5rem;
}

body p {
	font-size: 18px !important;
}

.loggedin-underfooter {
	font-size:0.8em;
	height:3.5em;
	line-height:3.5em
}

.goog-te-banner-frame.skiptranslate {
	display: none !important;
}

.goog-te-menu-frame {
	max-width: 100% !important;
}

.goog-te-menu2 {
	max-width: 100% !important;
	overflow-x: scroll !important;
	box-sizing: border-box !important;
	height: auto !important;
}

/*end styling language popup*/
.goog-te-gadget-simple {
	width: auto;
	margin-top: -15px;
	background-color: transparent !important;
	border: 1px solid rgba(255, 255, 255, .6) !important;
	text-align: center;
	border-radius: 300px;
	padding: 7px 7px 7px 7px;
	outline: none;
}

.goog-te-gadget-simple a span:nth-child(3) {
	display: none;
}

.goog-te-gadget-simple a span {
	color: rgba(255, 255, 255, 0.65) !important;
}

.goog-te-gadget-simple img {
	display: none;
}

.goog-te-menu-value span:last-child {
	padding-left: 7px;
}

.header-scrolled [data-navbar="sticky"] {
	/*background-image: linear-gradient(-45deg, #667eea 0%, #764ba2 100%);*/
	/*floating menu color*/
	background-color: rgb(146, 109, 222);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.navbar-scrolled .navbar {
	margin-top: 0 !important;
}

.navbar-dark .navbar-toggler, .navbar-stick-dark.stick .navbar-toggler {
	color: rgba(255, 255, 255, 0.65) !important;
}

.navbar-toggler {
	margin-right: 0 !important;
	color:#fff !important;
}

.navbar-stick-dark.stick .nav-navbar>.nav-item>.nav-link {
	color: rgba(255, 255, 255, 0.65);
}

.integration.row.gap-y>[class*="col-"] {
	display: flex;
}

.nav-navbar .nav-link {
	padding-left: 0.8em;
	padding-right: 0.8em;
}

.form-control {
	border: 1px solid #c0bce6 !important;
}

.logo {
	height:26px;
}

.header.h-fullscreen {
	height: 100vh !important;
}

.body-header {
	/*background-image: linear-gradient(-45deg, #667eea 0%, #764ba2 100%);*/
	
	/* new
 	background-color: rgb(146, 109, 222);
	padding-top: 10px;
	*/
}

.navbar {
	/*
	top: 0 !important;
 	background-color: rgb(146, 109, 222); */
 	/* new */
	top: 10 !important;
}

/* overwriting  */
.bg-dark {
	background-color: #2c2c2c !important;
}

/*submit form button colors*/
.my-but {
	background-color: rgb(146, 109, 222); /*background color*/
	color: #fff; /*font color*/
	/* padding: 8px 16px 6px; */
	padding: 0 16px;
	font-size: 18px;
}

.my-but:hover {
	color: black;
}

.my-but-1 {
	font-size: 1em;
}

.my-but-white {
	background-color: #fff;
	border-color: rgb(146, 109, 222);
	color: rgb(146, 109, 222);
}

.my-but-white:hover {
	background-color: rgb(146, 109, 222);
	color: #fff;
}

.my-but-color {
	background-color: rgb(146, 109, 222);;
	border-color: rgb(146, 109, 222);
	color: #fff;
}

.my-but-color:hover {
	color: black;
}

.btn-my-green {
	background-color: rgb(62, 207, 142);
	color: #fff;
/* 	padding: 8px 16px 6px; */
	padding: 0 16px;
	font-size: 18px;
}
.btn-my-green:hover {
	color: black;
}

.btn-my-green-small {
	background-color: rgb(62, 207, 142);
	color: #fff;
 	padding: 8px 16px 6px;
}

.btn-my-green-small:hover {
	background-color: #fff;
	color: rgb(62, 207, 142);
}

.my-but-green:hover {
	background-color: #fff;
	color: rgb(62, 207, 142);
}

.text-my-green {
	color: rgb(62, 207, 142);
}

.text-week {
	color: #DCDCDC;
}
.text-stronger {
	font-weight: 400;
}
.text-note {
	font-style: italic;
}
.my-pair-form {
	display:inline-block;
	margin:8px;
}
.myColor {
	color: rgb(146, 109, 222);
}

.myBorder {
	border-color: rgb(146, 109, 222) !important;
}

.myLineThrough {
     -webkit-text-decoration-line: line-through; /* Safari */
     text-decoration-line: line-through; 
}
.error {
	color: #F00;
}

.my-top-section {
	padding-top: 9rem !important;
}

.mt-negativ-1 {
	margin-top:-1.5rem !important;
}


@media ( min-width : 576px) {
	.container {
		max-width: 540px;
	}
}

@media ( min-width : 768px) {
	.container {
		max-width: 720px;
	}
}

@media ( min-width : 992px) {
	.container {
		max-width: 960px;
	}
}

@media ( min-width : 1200px) {
	.container {
		max-width: 1140px;
	}
}

.text-ny-dark {
	color: rgb(50, 61, 71);
}

.small-menu #google_translate_element {
	margin-top: 15px;
}

.my-ecardLink {
	color: rgb(146, 109, 222); /*links color*/
}

.my-ecardLink:hover {
	color: #804040;
}

#architecture {
	text-align: center;
	width: 70%;
}

.row.gap-y.align-items-center div.col-md-6.text-center a {
	color: rgb(146, 109, 222);
}

/*increasing paragraph font size*/
.text-muted small {
	font-size: 16px;
}

.docContent li {
    list-style-type: circle;
    font-weight: 300;
    font-size: 1.1em;
    color: rgb(38, 45, 52);
}
.docContent a {
    color: rgb(38, 45, 52);
}

p.lead, ul.lead {
	font-size: 20px !important;
}

.leadPlus {
	font-size: 26px !important;
}

/* end of increasing paragraph font size*/
footer {
	border-top: 1px solid rgb(146, 109, 222) !important;
	/*here is thin line above footer*/
	padding: 0 !important;
}

body>.footer .nav a:last-child {
	display: block;
}

pre {
	border-left: 3px solid rgb(146, 109, 222);
}

.pre-site {
    background: #f0f0f0;
    border: 1px solid #ddd;
	color:#800000;
	border-left: 3px solid rgb(146, 109, 222);
    page-break-inside: avoid;
    font-family: monospace;
    font-size: 0.8em;
    line-height: 1.6;
    margin-bottom: 1.6em;
    margin-top: 0.7em;
    max-width: 100%;
    overflow: auto;
    padding: 1em 1.5em;
    display: block;
    word-wrap: break-word;
    width: 90%;
}

.pre-site-scrollable {
  max-height: 250px;
  overflow-y: scroll; 
}

article .tag {
    padding: 1px 4px;
    margin-right: 3px;
    border-radius: 4px;
    background: #efefef;
    border: solid 1px #E0E0E0;
}
article .tag .optional {
    background: #f8f9fa;
    color: #939da3;
}
article .type {
    color: #939da3;
}
article .value {
    color: #800000;
    font-weight: 400;
}

#ecardify-wrapper-holder {
	display:none;
}

#ecardify-video-audio-holder {background-color:grey; line-height:1}

#ecardify-message-holder, #ecardify-signature-holder {
	white-space: pre-wrap;
}
#ecardify-audio-holder, #ecardify-video-holder {
	margin: auto;
}


a {
	color: rgb(146, 109, 222);
}

a:hover{
	color: #804040;
}

ol li {
  margin-top: 0;
  margin-bottom: 1em; 
}

ul li {
  margin-top: 0;
  margin-bottom: 0; 
}

table th, .table td {
	text-align: left !important;
}

.jsDocTable {
	margin-top:10px;
	margin-bottom:40px;
	width:95%;
    border-collapse: collapse;
    text-align: left;
}
.jsDocTable td, th {
    border: 1px solid #E0E0E0;
   	padding: 0.2em;
   	vertical-align: top;
}
.jsDocTable td:first-child { 
	font-weight: 400; 
}

.jsDocTable th {
	background-color: #F6F1F1;
	font-weight: 400;
}

.timeline::before {
	background-color: rgb(146, 109, 222) !important;
	/*steps in home color*/
}

.timeline-item::before {
	border: 2px solid rgb(146, 109, 222) !important;
	/*steps in home circles color*/
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#A0A0A0 !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#A0A0A0 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color:#A0A0A0 !important;
}

.appsLogoImage {
	height:2rem;
}

@media only screen and (max-width: 576px) {
	/*.my-but, .btn-my-green {
		font-size: 8px !important;
	}*/
	.my-but {
		font-size: 0.9em !important; /* 0.7em */
	}
	.my-but-1 {
		font-size: 0.9em !important;
	}
	.btn-my-green {
		/*font-size: 8px !important; */
		font-size: 0.9em !important;
	}
	.my-top-section {
		padding-top: 6rem !important;
	}
	.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.goog-te-gadget-simple {
		text-align: center;
	}
	.goog-te-menu-value {
		font-size: 10px;
	}
	.header a.btn {
		font-size: 10px;
	}
	
	#architecture {
		width: 90%;
	}
	
	.logo {
		height:28px;
	}
	
	.step-icon-width-ecdf {
		width:4rem;
	}
}

@media only screen and (max-width: 991px) {
	.index #google_translate_element {
		right: 0 !important;
		left: auto !important;
	}
	.small-menu #google_translate_element {
		margin-top: 7px !important;
	}
	.header.h-fullscreen {
		height: auto !important;
	}
	.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}
	.navbar-stick-dark.stick .nav-navbar>.nav-item>.nav-link {
		color: rgba(117, 117, 117, 0.8);
	}
}