﻿.callout {
	padding: 15px;
	margin: 15px 0;
	
	/*border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;*/
	box-shadow: 1px 1px 6px #888888;
	
}

.paddedCol{
	padding-top: 10px;
	padding-bottom: 10px;
}

.tooltipped {
	position: relative;
}

	.tooltipped:after {
		position: absolute;
		z-index: 1000000;
		display: none;
		padding: 5px 8px;
		font: normal normal 11px/1.5 arial,nimbussansl,liberationsans,freesans,clean,sans-serif,"Segoe UI Emoji","Segoe UI Symbol";
		color: #fff;
		text-align: center;
		text-decoration: none;
		text-shadow: none;
		text-transform: none;
		letter-spacing: normal;
		word-wrap: break-word;
		white-space: pre;
		pointer-events: none;
		content: attr(aria-label);
		background: rgba(0,0,0,0.8);
		border-radius: 3px;
		-webkit-font-smoothing: subpixel-antialiased;
	}

	.tooltipped:before {
		position: absolute;
		z-index: 1000001;
		display: none;
		width: 0;
		height: 0;
		color: rgba(0,0,0,0.8);
		pointer-events: none;
		content: "";
		border: 5px solid transparent;
	}

	.tooltipped:hover:before, .tooltipped:hover:after, .tooltipped:active:before, .tooltipped:active:after, .tooltipped:focus:before, .tooltipped:focus:after {
		display: inline-block;
		text-decoration: none;
	}

.tooltipped-multiline:hover:after, .tooltipped-multiline:active:after, .tooltipped-multiline:focus:after {
	display: table-cell;
}

.tooltipped-s:after, .tooltipped-se:after, .tooltipped-sw:after {
	top: 100%;
	right: 50%;
	margin-top: 5px;
}

.tooltipped-s:before, .tooltipped-se:before, .tooltipped-sw:before {
	top: auto;
	right: 50%;
	bottom: -5px;
	margin-right: -5px;
	border-bottom-color: rgba(0,0,0,0.8);
}

.tooltipped-se:after {
	right: auto;
	left: 50%;
	margin-left: -15px;
}

.tooltipped-sw:after {
	margin-right: -15px;
}

.tooltipped-n:after, .tooltipped-ne:after, .tooltipped-nw:after {
	right: 50%;
	bottom: 100%;
	margin-bottom: 5px;
}

.tooltipped-n:before, .tooltipped-ne:before, .tooltipped-nw:before {
	top: -5px;
	right: 50%;
	bottom: auto;
	margin-right: -5px;
	border-top-color: rgba(0,0,0,0.8);
}

.tooltipped-ne:after {
	right: auto;
	left: 50%;
	margin-left: -15px;
}

.tooltipped-nw:after {
	margin-right: -15px;
}

.tooltipped-s:after, .tooltipped-n:after {
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%);
}

.tooltipped-w:after {
	right: 100%;
	bottom: 50%;
	margin-right: 5px;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
}

.tooltipped-w:before {
	top: 50%;
	bottom: 50%;
	left: -5px;
	margin-top: -5px;
	border-left-color: rgba(0,0,0,0.8);
}

.tooltipped-e:after {
	bottom: 50%;
	left: 100%;
	margin-left: 5px;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
}

.tooltipped-e:before {
	top: 50%;
	right: -5px;
	bottom: 50%;
	margin-top: -5px;
	border-right-color: rgba(0,0,0,0.8);
}

.tooltipped-multiline:after {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	max-width: 250px;
	word-break: break-word;
	word-wrap: normal;
	white-space: pre-line;
	border-collapse: separate;
}

.tooltipped-multiline.tooltipped-s:after, .tooltipped-multiline.tooltipped-n:after {
	right: auto;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.tooltipped-multiline.tooltipped-w:after, .tooltipped-multiline.tooltipped-e:after {
	right: 100%;
}

@media screen and (min-width: 0\0) {
	.tooltipped-multiline:after {
		width: 250px;
	}
}

.tooltipped-sticky:before, .tooltipped-sticky:after {
	display: inline-block;
}

.tooltipped-sticky.tooltipped-multiline:after {
	display: table-cell;
}

.fullscreen-overlay-enabled.dark-theme .tooltipped:after {
	color: #000;
	background: rgba(255,255,255,0.8);
}

.fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-s:before, .fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-se:before, .fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-sw:before {
	border-bottom-color: rgba(255,255,255,0.8);
}

.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-n:before, .fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-ne:before, .fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-nw:before {
	border-top-color: rgba(255,255,255,0.8);
}

.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-e:before {
	border-right-color: rgba(255,255,255,0.8);
}

.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-w:before {
	border-left-color: rgba(255,255,255,0.8);
}

.btn-primary
{
	 background-color: #003B5D;
	 font-weight: bold;
	 border-color: #002D47;
}
.btn-primary:hover
{
	background: #a7a8aa;
		background: -moz-linear-gradient(top,#a7a8aa 0,#a7a8aa 100%);
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#a7a8aa),color-stop(100%,#a7a8aa));
		background: -webkit-linear-gradient(top,#a7a8aa 0,#a7a8aa 100%);
		background: -o-linear-gradient(top,#a7a8aa 0,#a7a8aa 100%);
		background: -ms-linear-gradient(top,#a7a8aa 0,#a7a8aa 100%);
		background: linear-gradient(to bottom,#a7a8aa 0,#a7a8aa 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7a8aa',endColorstr='#a7a8aa',GradientType=0);
		color: #fff;
		font-weight: bold;
}

.btn-purchase{
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 8px;
	padding-bottom: 8px;
	
}

/*.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}*/

.responsive-iframe-container {
    position: relative; 
	padding-bottom: 90%;
    padding-top: 30px;   
    height: 0;
    overflow: hidden;
}

.responsive-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.panel-removebottomborder{
	border-bottom-width: 0;
}
