/* MARK - Media Queries */

@media print {
/* 	Remove Bootstrap behavior that prints the URL after every link and button */
    a[href]:after {
        content: normal;
    }
}




/* General HTML elements */


html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;

}

form {
	margin: 20px 0;
}


/* Classed HTML elements */

/* 
a.download::after {
	content: " <span class='glyphicon glyphicon-cloud-download'></span>";
}
 */

/* MARK Image Gallery (class LightboxGallery) */

	
	
.col-gallery-tile img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
	

.col-gallery-tile, .col-gallery-tile .thumbnail, .col-gallery-tile-folder {
	/* width: 100%; */
	height: 150px;
	margin-bottom: 10px;
}

.lb-data .lb-caption .lightboxgallery-caption-descr {
	font-weight: normal;
}

/* MARK - Folder paths (ATFileFolder) */

.folder-path-selfexpand {
	display: inline-block;
	max-width: 100px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: top;
	transition: .25s linear;
}

.folder-path-selfexpand:hover {
	max-width: 200px;
}



/* MARK - Tables */

table.detailtable th {
	width: 50px;
	white-space: nowrap;
}


@media screen and (max-width: 767px) {
/* 	Class "sm" (small) */
	table.detailtable th {
		width: auto;
		white-space: normal;
	}

}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #f0f0f0;
}

.table > tbody > tr.totals > td {
	border-top: 3px solid #ddd;
	border-bottom: 3px double #ddd;
}


/* MARK - Function-specific CSS */

/* MARK DBObject::display_detail */

.display-detail .display-detail-full {
	display: none;
}




/* MARK - Other stuff */

tr.disabled td, td.disabled, th.disabled {
/* 	text-decoration: line-through; */
	color: #999999;
}


code {
	tab-size: 4;
}


.carousel-item-1 {
	background-color: green;
}

.nav > li > h1, .nav > li > h2, .nav > li > h3 {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav > li > h1 {
	font-size: 18px;
}

.nav > li > h2 {
	font-size: 14px;
}

.nav > li > h3 {
	font-size: 12px;
}


.fb-navbar-brand-image {
	position: relative;
/* 	width: 160px; */
	top: -4px;
	max-height: 30px;
}

.blog-post {
	border-bottom: 8px solid #eee;
	margin: 30px 0;
}

.blog-post-meta {
	color: #aaaaaa;
}

.blog-comment {
	background-color: #eee;
	padding: 10px 10px 10px 30px;
	margin: 10px 0;
}

a.blog-post-title, a.blog-post-title:hover {
	color: inherit;
	text-decoration: none;
}

.blog-post-title .glyphicon {
	font-size: .7em;
}

.at-table-scroller {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 6px 12px;
	max-height: 300px;
	overflow: scroll;
	
}

.at-markdown-field {
	font-family: Monaco, Courier, monospace;
	font-size: 12px;
	max-height: 300px;
}


h2.featurette-heading-top {
	margin-top: 0;
}

 
 
.row-no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.row-no-gutters > [class*="col-"] {
	padding-right: 0;
	padding-left: 0;
}	


.tiny {
	font-size: 7pt;
}

.red {
	color: #cc0000;
}

.green {
	color: #00cc00;
}

.orange {
/* 	Entspricht .btn-warning */
	color: #f0ad4e; 
}

.purple {
	color: #BB00D0;
}

.negative {
	color: #cc0000;
}

.disabled {
	color: #808080;
}

.draft {
	color: #406541;
}


.debugwarning {
	display: inline-block;
	color: yellow;
	background-color: red;
	padding: 2px 10px;
}

.debugmarker {
	display: inline-block;
	width: 100%;
	padding: 2px 10px;
	margin: 5px 0;
	border: 1px solid black;
	background-color: #FFF700;
	color: black;
}


.modal-content h2 {
	font-size: 22px;
}

.modal-content h3 {
	font-size: 18px;
}

.form-control-half {
	width: 50%;
	float: left;
}

.form-control-short, input[type=number] {
	display: inline-block;
}

input[type=number] {
	width: 120px;
}

.tc-layout-canvas {
	width: 200px;
	height: 300px;
	max-width: 100%;
	max-height: 100%;
	box-sizing: content-box;
	border: none;
}

.tc-layout-canvas-large {
	width: 500px;
	height: 750px;
}


.tc-layout-preview-box {
	width: 100%;
	height: 350px;
	padding: auto;
}

.tc-layout-preview-editor {
	width: 300px;
	height: 400px;
	padding: auto;
}



.tc-layout-preview-box img {
	max-height: 100%;
}

.tc-layout-preview-box object, .tc-layout-preview-editor object {
	width: 100%;
	height: 100%;
	max-height: 100%;
}

.tc-dashboard-menu-inset {
	display: block;
	margin-left: 10px;
	font-size: 12px;
}

.orgissuecontent-layoutpreview {
	min-height: 250px;
}

.vspacer-20 {
	display: block;
	height: 20px;
	width: 100%;
}

.vspacer-50 {
	display: block;
	height: 20px;
	width: 100%;
}

/* STICKY FOOTER
-------------------------------------------------- */


img.footer-logo {
	padding: 10px;
	background-color: white;
	vertical-align: -20px;
}

footer.footer-dashboard {
	position: fixed;

}





.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}


/* Just some vertical distance... */
.section {
	margin-top: 10px;
	margin-bottom: 20px;
}


.memberfilecontentarea {
	display: block;
/*	border: 1px solid blue;*/
	border: none;
	padding: 10px;
	min-height: 150px;
}


.nowrap {
	white-space: nowrap;
}

.cr-docthumbnail-imgcontainer {
	width: 257px;
	height: 257px;
	border: none;
	padding: 0;
	background: url(../media/images/css/icon_doc_empty_256.png) no-repeat;
	
	white-space: nowrap;    
    text-align: center; 
/*	margin: 1em 0;*/
}

.cr-docthumbnail-imgcontainer img {
	max-width: 128px;
	max-height: 192px;
	vertical-align: middle;
    
}

.image-vcenter-helper {
	/* Put an empty <span> of this class before an image to center it vertically and horizontally in a div. */
	/* Source: http://stackoverflow.com/questions/7273338/how-to-vertically-align-an-image-inside-div */
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}



.cr-memberfile-docblock {
	height: 400px;
}

tr.message-unread td {
	font-weight: bold;
}


.btn.help {
	padding: 0;
	width: 24px;
	border-radius: 16px;
	
}

.btn-info.help {
	color: white;
	font-weight: bold;
	margin-left: 10px;
}



.content-section-editable {
	margin: 0;
	padding: 0;
/*	border: 1px solid white;*/
}

.content-section-editable:hover {
/*	border: 1px solid red;*/
	background-color: #f0f0f0;
}

.carousel .content-section-editable {
	background-color: green;
}


.carousel .content-section-editable:hover {
	background-color: inherit;
}



/*Dashboard*/

.cr-dashboard-factoid {
	display: block;
/*	width: 100%;*/
	height: 200px;
	background-color: #428bca;
	color: white;
	padding: 5px;
	border-radius: 10px;
}

.cr-dashboard-factoid:hover {
	text-decoration: none;
	color: #BACBDB;
}

.cr-dashboard-factoid .factoid-number {
	margin-top: 15px;
	text-align: center;
	font-size: 60px;
}

.cr-dashboard-factoid .factoid-label {
	text-align: center;
	font-size: 18px;
}


input.cr-form-field-plz {
	width: 100px;
}


input[type='radio'], radio {
/*	text-indent: -5em;*/
/*	color: red;*/
}

input:required {
	border-color: #FFB58D;
}

.input-group.date, .input-group.time. input-group.at-datefield {
	max-width: 190px;
}

input[type='date'].form-control, input[type='time'].form-control, input.at-datefield, input.at-timefield {
	max-width: 150px;
}

.vspace-1 {
	height: 1em;
}

.vspace-2 {
	height: 2em;
}

.vspace-3 {
	height: 3em;
}

.vspace-4 {
	height: 4em;
}

.vspace-5 {
	height: 5em;
}



.form-control.amountfield {
	max-width: 150px;
}


.scroller {
	border: 1px solid #999;
	padding: 10px;
	border-radius: 5px;
	height: 200px;
	overflow: scroll;
}

.form-control-invalid-value {
	display: block;
	position: relative;
	padding: 5px;
	margin: 15px 0;
	border: 1px solid red;
	border-radius: 5px;
	background-color: #ffd0d0;
}

.amt-negative {
	color: #FF0000;
}


.cutoff {
	overflow: hidden;
}





.dropzone-custom {
	border: 2px dashed #0087F7;
	border-radius: 5px;
	background: white;
	margin: 10px;
}



/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  margin-bottom: 100px;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

}

/* BOOTSTRAP OVERRIDES
-------------------------------------------------- */

h4, h5 {
	margin-top: 20px;
}

.panel-group {
	margin-top: 20px;
}


/* Auto-Expandable Div */

div#debugdump {
	padding-top: 20px;
}

.expand-label {
	font-size: 0.7em;
	color: #797979;
}

img.disclosure-triangle {
	width: 10px;
	height: 10px;
}

.expandable-content {
	display: none;
}

p.disclosure-header {
	background: left center no-repeat url(../media/images/disclosure-triangle.png);
	padding-left: 20px;
}

div.captured-output {
	display: block;
	background-color: red;
	color: white;
	border: thin solid black;
	padding: 10px;
	margin: 20px 0;
	font-family: "Monaco", Courier, sans-serif;
	font-size: 10px;
}



.debugoutput td p {
	margin: 15px 0;
	padding: 10px;
	border-radius: 4px;
	background-color: #EAE8DA;
	
}

.debugoutput code {
	white-space: pre-wrap;
	background-color: transparent;
}

.frontpage-news h2.blog-post-title {
	font-size: 20px;
}

table.stacktrace {
	width: intrinsic;
}


.form-control-pseudo {
	border: 1px solid #eee;
}

/* ALERT BOXES
-------------------------------------------------- */

.pagefilterform {
	margin: 10px 0px;
	border: 1px solid blue;
}

.vspaced {
	margin: 10px 0;
}

.alert {
	margin-top: 20px;
}

.alert p.alert-extrainfo {
	padding: 2px 5px;
	font-size: 85%;
	color: #633;
	background-color: white;
}

.alert h1, .alert h2, .alert h3, .alert h4 {
	margin-top: 5px;
}

.alert a {
	text-decoration: underline;
}

.alert a.btn {
	text-decoration: none;
}

.msgbox {
	width: 700px;
	color: black;
	font-weight: normal;
	display: block;
	margin: 10px 2px 20px;
	padding: 2px 10px 10px 40px;
	border: 1px solid #900;
	background-color: white;
	background-image: url("../images/fail_icon.png");
	background-repeat: no-repeat;
	background-position: 4px 40px;
	min-height: 80px;

	-webkit-box-shadow: 0px 3px 10px 0px rgba(33, 33, 33, 0.5);
	box-shadow: 0px 3px 10px 0px rgba(33, 33, 33, 0.5);
	
	border-radius: 3px;
	
}



.msgbox .title {
	display: block;
	overflow: hidden;
	font-weight: bold;
	padding: 7px 5px 3px 10px;
	background-color: #f00;
	color: white;
/*	width: 535px;*/
	width: 698px;
	height: 28px;
	position: relative;
	top: -2px;
	left: -40px;
}

.msgbox .annex, .bootstrap-msgerror .annex {
	display: block;
	overflow: hidden;
	font-weight: normal;
	padding: 7px 5px 12px 10px;
	margin: 10px 0 0 0;
	background-color: #E4E4E4;
	color: #8D8D8D;
/*	width: 535px;*/
	width: 698px;
	height: 18px;
	position: relative;
/*	top: 10px;*/
/*	bottom: -19px;*/
	left: -40px;
	font-size: 11px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.msgerror, .msgauth {
	padding-bottom: 0;
	min-height: 60px;
	
}




.form-signin .msgbox {
	width: 400px;
}

.form-signin .msgbox .title {
	width: 398px;
}

.form-signin .msgbox .annex {
	width: 398px;
}



@media (max-width: 768px) {
	.msgbox {
		width: 400px;
	}
	
	.msgbox .title {
		width: 398px;
	}
	
	.msgbox .annex {
		width: 398px;
	}
}


.msginfo {
	color: black;
	background-color: #9FC6FF;
	border-color: #0080FF;
	background-image: url("../media/images/icons/info.png");
}

.msginfo .title {
	color: white;
	background-color: #0080FF;
	
}


.msgsuccess {
	background-color: #afa;
	background-image: url("../media/images/icons/success_icon.png");
	border-color: #00C602;	
}

.msgsuccess .title {
	background-color: #00C602;
}

.warning, .msgwarn {
	background-color: #FFF600;
	color: black;
	background-image: url("../media/images/icons/warn_triangle.png");
}

.msgfail {
	background-color: #faa;
	background-image: url("../media/images/icons/fail_icon.png");	
}

.msgerror .title {
	background-color: #f00;
	color: white;
}


.msgauth {
	background-color: #FFA88D;
	background-image: url("../media/images/icons/access-icon-27.png");	
}

.msgauth .title {
	background-color: #F80;
	color: black;
}

.msgauth p.mainmsg {
	font-size: 14px;
	font-weight: bold;
}

.msgauth .annex {
	background-color: #F80;
	color: black;
}



.msgerror {
	background-color: white;
	background-image: url("../media/images/icons/fail_icon.png");
/*	min-height: 100px;*/
	
}

.msghint {
	background-color: #D1D1D1;
	color: #4B4B4B;
	border: 1px solid #4B4B4B;
/*	padding: 5px;*/
/*	font-size: 10px;*/
/*	margin: 10px 0px;*/
	background-image: url("../images/bulb.png");
}

.msghint .title {
	color: white;
	background-color: #0080FF;
	
}

.msgcode {
	width: 700px;
	background-color: #DADADA;
	color: #646464;
	border-color: #373737;
	background-image: none;
	padding-left: 5px;
	font-family: "Monaco", "Courier", monospace;
	font-size: 11px;
	white-space: pre;
	overflow: scroll;
}

.wrapping {
	white-space: pre-wrap;
}

.msgcode .title {
	background-color: #373737;
	width: 1700px;
	left: -5px;
}

.msgarchive {
	background-color: #CACACA;
	padding-left: 60px;
	background-image: url("../images/archive_icon.png");
	border-color: #676767;	
}

.msgarchive .title {
	left: -60px;
	width: 555px;
	background-color: #A4A4A4;
}


.actionform {
	margin: 10px 0px;
	width: 200px;
	display: block;
	clear: both;
}

.actionform input[type="submit"] {
	cursor: pointer;
}

.confirmbutton, .cancelbutton, .deletebutton, .actionbutton {
	display: block;
	text-align: center;
	padding: 5px 10px;
	margin: 5px 10px 5px 0px;
	float: left;
	/*width: 80px;*/
	background-color: #82EC7B;
	border: 1px solid black;
	color: black;
	-webkit-box-shadow: 0px 3px 10px 0px rgba(33, 33, 33, 0.5);
	box-shadow: 0px 3px 10px 0px rgba(33, 33, 33, 0.5);
	min-width: 80px;
	width: auto;
}

.cancelbutton {
	background-color: #EC777A;
}



a.confirmbutton:active, a.cancelbutton:active {
	-webkit-box-shadow: none;
	box-shadow: none;
	position: relative;
	top: 3px;
}


.confirmbutton {
	background: #9dd53a; /* Old browsers */
	background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
	color: white;
}

.cancelbutton {
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */
	color: white;
}


.deletebutton {
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */
	color: white;
}

.actionbutton {
	background: rgb(40,184,182); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(40,184,182,1) 0%, rgba(46,194,194,1) 50%, rgba(19,159,159,1) 51%, rgba(8,154,152,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(40,184,182,1)), color-stop(50%,rgba(46,194,194,1)), color-stop(51%,rgba(19,159,159,1)), color-stop(100%,rgba(8,154,152,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(40,184,182,1) 0%,rgba(46,194,194,1) 50%,rgba(19,159,159,1) 51%,rgba(8,154,152,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(40,184,182,1) 0%,rgba(46,194,194,1) 50%,rgba(19,159,159,1) 51%,rgba(8,154,152,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(40,184,182,1) 0%,rgba(46,194,194,1) 50%,rgba(19,159,159,1) 51%,rgba(8,154,152,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(40,184,182,1) 0%,rgba(46,194,194,1) 50%,rgba(19,159,159,1) 51%,rgba(8,154,152,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28b8b6', endColorstr='#089a98',GradientType=0 ); /* IE6-9 */
	
	color: white;
}


a.confirmbutton:hover {
	font-weight: bold;
	background-color: #82EC7B;
}

a.cancelbutton:hover {
	font-weight: bold;
	background-color: #EC777A;
}

.confirmdialog {
	width: 300px;
	margin: 15px 3px;
	padding: 10px;
	clear: both;
	border: 1px solid #CCC;
	
}

.confirmdialog .title {
	display: block;
	overflow: hidden;
	font-weight: bold;
	padding: 5px;
	background-color: #ccc;
	color: white;
	width: 310px;
	height: 18px;
	position: relative;
	top: -10px;
	left: -10px;
}



a.tblsortlink, a.tblsortlinkdesc, a.tblsortlinkasc {
	color: black;
}

a.tblsortlink:after {
	font-size: 12px;
	color: #BFBFBF;
	content: " \21f5"; /* ⇵ */
	
}

a.tblsortlinkcurrent {
	color: black;
	text-decoration: underline;
}

a.tblsortlinkasc:after {
	font-size: 9px;
	content: " \25bc";
}

a.tblsortlinkdesc:after {
	font-size: 9px;
	content: " \25b2";
}



.btn-twoclick {
	min-width: 100px;
}

/* MARK: - Special-purpose images */

.avatar-image {
	width: 64px;
	height: 64px;	
	vertical-align: middle;
	border-radius: 50%;	
}


.tcpickplan-box {
	border: 1px solid #666;
	border-radius: 10px;
	padding: 0;
}

.tcpickplan-box .header {
	padding: 10px 0 1px;
	width: 100%;
/* 	min-height: 60px; */
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #bdc3c7;
	color: black;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
}

.tcpickplan-box .serviceplan-header-gold { 
	background-color: #E0DB1C; 
}

.tcpickplan-box .serviceplan-header-free { 
	background-color: #91FF9D; 
}



.panel-serviceplan {
	min-height: 300px;
/* 	height: 100%; */
}

.panel-serviceplan .panel-body h1:nth-child(1)  {
	margin-top: 0px;
}

.panel-serviceplan .panel-body h2:nth-child(1)  {
	margin-top: 0px;
}

.panel-serviceplan .panel-body h3:nth-child(1)  {
	margin-top: 0px;
}

.panel-serviceplan-gold .panel-heading {
	background-color: #E0DB1C; 
}

.panel-serviceplan-silver .panel-heading {
	background-color: #bdc3c7;
}

.panel-serviceplan-free .panel-heading {
	background-color: #91FF9D; 
}


.tcpickplan-box .section {
	padding: 2px 10px;
}

.tcpickplan-box h1 {
	margin: 0;
}



iframe.emailframe {
	width: 100%;
	background-color: white;
	border: none;
	height: 400px;
}



.spinner {
	padding: 10px 5px;
	border: 8px solid #f3f3f3; /* Light grey */
	border-top: 8px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 60px;
	height: 60px;
	animation: spin 1s linear infinite;
}

.spinner-inline {
	display: inline-block;
	position: relative;
	top: 0.2em;
	border: 4px solid #3498db; /* Light grey */
	border-top: 4px solid #f3f3f3; /* Blue */
	border-radius: 50%;
	animation: spin 1s linear infinite;
	width: 1em;
	height: 1em;
	margin: 0 5px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.bootstrap-tagsinput {
	width: 100%;
}




.aspect-container {
	width: 100%;
	height: 143%;
	border: 1px solid green;
}




.vertical-align-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.aspect-ratio-container-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
/* 	background-color: rgba(0,255,0,0.3); */
}

.aspect-ratio-container-outer {
	position: relative;
	width: 100%;
/* 	background-color: rgba(255,0,0,0.3); */
}


span.relativedate[title] {
	cursor: help;
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}




.mainpageblock {
	display: block;
	position: relative;
	margin-top: 0px;
	width: 100%;
	min-height: 300px;
}

.mainpageblock img {
	display: block;
	width: 100%;
}

.mainpageblock .mpb-inner {
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	color: white;
}

.mainpageblock .final {
	display: block;
	position: relative;
	width: 100%;
	height: 20px;
	background-color: green;
}

.mainpageblock .mpb-content {
	display: block;
	position: relative;
	width: 80%;
	margin: 0px auto;
	padding: 50px 0;
	color: white;
/* 		border: 1px solid red; */
}

.mainpageblock .mpb-content h1, .mainpageblock .mpb-content h2, .mainpageblock .mpb-content h3 {
	text-shadow: 0 10px 10px black;	
}

.mainpageblock h1.productname {
	font-size: 50px;
	font-weight: bold;
	color: red;
}




/* MARK - HTMLFormToggleSwitch */

.btn-default.btn-on.active, .btn-default.btn-green.active {
	background-color: #5BB75B;
	color: white;
}

.btn-default.btn-yellow.active {
	background-color: #E3C762;
	color: white;
}

.btn-default.btn-grey.active {
	background-color: #5C5C5C;
	color: white;
}

.btn-default.btn-white.active {
	background-color: #FFF;
	color: black;
}

.btn-default.btn-off.active, .btn-default.btn-red.active {
	background-color: #DA4F49;
	color: white;
}

.atcopyspan {
	display: inline-block;
	border-radius: 8px;
	background-color: #eee;
/* 	color: #f00; */
	padding: 2px 10px;
/* 	white-space: no-wrap; */
	
}



/* Cookie Banner */

.cookie-disclaimer {
  background: #000000;
  color: #FFF;
  opacity: 0.8;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1;
  min-height: 150px;
/*   height: 5px; */
  position: fixed;
}
.cookie-disclaimer .container {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.cookie-disclaimer .cookie-close{
  float: right;
  padding: 10px;
  cursor: pointer;
}

.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  border-radius: 3px;
}
.bs-callout + .bs-callout {
  margin-top: -5px;
}


.bs-callout-primary {
	border-left-color: #2e6da4;
}

.bs-callout-primary h4 {
	color: #2e6da4;
}

.bs-callout-success {
	border-left-color: #3c763d;
}

.bs-callout-success h4 {
	color: #3c763d;
}

.bs-callout-danger {
  border-left-color: #ce4844;
}
.bs-callout-danger h4 {
  color: #ce4844;
}
.bs-callout-warning {
  border-left-color: #eea236;
}
.bs-callout-warning h4 {
  color: #aa6708;
}
.bs-callout-info {
  border-left-color: #1b809e;
}
.bs-callout-info h4 {
  color: #1b809e;
}