html { margin-top: 0px !important; }
* html body { margin-top: 0px !important; }
@media screen and ( max-width: 782px ) {
html { margin-top: 0px !important; }
* html body { margin-top: 0px !important; }
}

.alert_success{
	
	background:#a5de5c;
	color:#333;
	width: calc(100%-30px);
	max-width: 800px;
	padding: 15px;
	display: block;
	border: none;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	clear: both;
	text-align: center;}
.alert_error{
	background:#fb5455;
	color:#fff;
	width: calc(100%-30px);
	max-width: 800px;
	padding: 15px;
	display: block;
	border: none;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	clear: both;
	text-align: center;}
	
.btn-standard {
background-color: rgb(0, 174, 239);
border: 1px solid rgba(0, 0, 0, 0);
box-sizing: border-box;
color: rgb(255, 255, 255);
cursor: pointer;
display: inline-block;
font-family: "Helvetica Neue", "Open Sans", sans-serif !important;
font-size: 18px !important;
font-weight: 600 !important;
height: 60px;
line-height: 24px;
padding-bottom: 20px; padding-left: 10px; padding-right: 10px; padding-top: 20px;
position: relative;
text-align: center;
text-decoration-color: none;
touch-action: manipulation; transition-duration: 0.15s; transition-property: color, background, border;
vertical-align: middle;
width: auto;
-webkit-font-smoothing: antialiased;
}	
.btn-standard:hover {
	background-color: #0090c6;
}
.btn-standard_dk {
background-color: rgb(35, 64, 143);
border: 1px solid rgba(0, 0, 0, 0);
box-sizing: border-box;
color: rgb(255, 255, 255);
cursor: pointer;
display: inline-block;
font-family: "Helvetica Neue", "Open Sans", sans-serif;
font-size: 18px;
font-weight: 600;
height: 60px;
line-height: 24px;
padding-bottom: 20px; padding-left: 10px; padding-right: 10px; padding-top: 20px;
position: relative;
text-align: center;
text-decoration-color: none;
touch-action: manipulation; transition-duration: 0.15s; transition-property: color, background, border;
vertical-align: middle;
width: auto;
-webkit-font-smoothing: antialiased;
}	
.btn-standard_dk:hover {
	background-color: rgb(40, 73, 1463);
}
.btn-standard-off {
background-color: rgb(150, 150, 150);
border: 1px solid rgba(0, 0, 0, 0);
box-sizing: border-box;
color: rgb(255, 255, 255);
cursor: pointer;
display: inline-block;
font-family: "Helvetica Neue", "Open Sans", sans-serif;
font-size: 18px;
font-weight: 600;
height: 60px;
line-height: 24px;
padding-bottom: 20px; padding-left: 10px; padding-right: 10px; padding-top: 20px;
position: relative;
text-align: center;
text-decoration-color: none;
touch-action: manipulation; transition-duration: 0.15s; transition-property: color, background, border;
vertical-align: middle;
width: auto;
-webkit-font-smoothing: antialiased;
}	
.btn-standard-off:hover {
	background-color: rgb(150, 150, 150);
}

.element_hidden {visibility: hidden;}
.element_visible {visibility: visible;}
.element_none {display: none;}
.element_block {display: block;}
	
/* Main Layout ------------------------------------------------------  */
.container {
}
#welcome {
    font-weight: bold;
    font-size: 15px;
    color: #fff;
}
.speaktitle {
    font-size: 36px;
    margin-bottom: 10.5px;
    margin-top: 21px;
    line-height: 1.1;
}

/* WP Subnav ----- */
.bg-bay {
    background-color: #23408f;
	z-index: 10;
	margin-bottom: 60px;
}
.speaker--subnav{z-index:10}
@media screen and (min-width: 48em){
	.speaker--subnav.subnav--fixed{position:fixed;top:0;left:0;width:100%}
}
.sub-nav{margin:0;padding:0;list-style:none; }
.sub-nav li{text-align:center}
.sub-nav a{color:white;display:block;padding:1em 0;text-transform:uppercase}
.sub-nav a:hover{background:#2849a3}
@media screen and (min-width: 48em){.sub-nav a{font-size:14px;font-size: .875rem}
}
@media screen and (min-width: 48em){.no-flexbox .sub-nav li{width:33%;float:left}
}
@media screen and (max-width: 47.99em){.sub-nav li{width:100%;float:left}
.sub-nav li:nth-child(1),.sub-nav li:nth-child(2){border-bottom:1px solid rgba(255,255,255,0.5)}
.sub-nav li:nth-child(1),.sub-nav li:nth-child(3){border-right:1px solid rgba(255,255,255,0.5)}
}
@media screen and (min-width: 48em){.sub-nav{display:flex;justify-content:center}
.sub-nav li{width:33%;float:left;flex-grow:1;position:relative}
.sub-nav li:after{content:'';display:block;width:1px;height:100%;background:rgba(255,255,255,0.5);position:absolute;top:0;right:0}
.sub-nav li:first-child::before{content:'';display:block;width:1px;height:100%;background:rgba(255,255,255,0.5);position:absolute;top:0;left:0}
}
.sub-nav-active {background:#2849a3}


/* End WP Subnav ----- */


.subnav > .col-sm-1, .subnav > .col-sm-2, .subnav > .col-sm-3, .subnav > .col-sm-4 , .subnav > .col-sm-5 {
    margin-top: 25px;
    margin-bottom: 25px;
	line-height: 22px;
	text-align: center;
}
.subnav  a { 
	text-transform: uppercase; 
	font-size: 14px;
}
.subnav  a:hover { 
	color: rgba(35,64,143,0.9);
}
.subnav .primaryname { 
	text-transform: uppercase; 
	font-size: 22px;
	color: #00aeef;
}
.subnav .secondaryname { 
	text-transform: uppercase; 
	font-size: 14px;
	color: #00aeef;
}
.active {
    padding-bottom: 5px;
    border-bottom: 2px solid #FFFFFF;
}
a:focus, a:hover {
    text-decoration: none;
}
.page-header {
    border-bottom: none;
	margin: 0 0 16px;
    margin: 0 0 1rem;
    font-size: 29px;
    font-size: 1.8125rem;
	text-align: left;
}
.page-header-title {
    border-bottom: none;
	text-align: left;
}
.site-main {
    margin-bottom: 50px;
}
.idlink {
    text-decoration: underline;
}
.hero__header_company {
    clear: left;
    padding: 0 .25em;
    text-transform: none;
    display: inline-block;
    color: rgb(72, 72, 72);
	font-family:'Helvetica Neue', 'Open Sans', sans-serif;
	font-size:20px; 
	margin-left: 0;
	font-weight: bolder;
}
@media screen and (min-width: 60em){
	.hero__header_company {
		clear: none;
		padding: 0;
		text-transform: none;
		color: rgb(72, 72, 72);
		display:block;
		font-family:'Helvetica Neue', 'Open Sans', sans-serif;
		font-size:20px; 
		margin-left: 44.333333%;
		font-weight: bolder;
	}
}

.table-list>tbody>tr>td, .table-list>tbody>tr>th, .table-list>tfoot>tr>td,
 .table-list>tfoot>tr>th, .table-list>thead>tr>td, .table-list>thead>tr>th {
    vertical-align: middle;
}
.standard_label {
	display: inline-block; text-align: left; color: #999999; padding-right: 10px;
	text-transform: uppercase; font-weight: bold; font-size: 11px;
}

.speak-icon-field {
    width: calc(100% - 48px); margin-left: 3px;
}

/* Meeting Sessions(Meetings) ------------------------------------------------------  */

.meeting_label {
	display: inline-block; width: 200px; text-align: left; color: #999999; padding-right: 10px;
	text-transform: uppercase; font-weight: bold; font-size: 11px;
}

.meeting_header_label {
	display: inline-block; width: 150px; text-align: left; color: #999999; padding-right: 10px;
	text-transform: uppercase; font-weight: bold; font-size: 11px;
}

.meeting_header_label_right {
	display: inline-block; width: 150px; text-align: right; color: #999999; padding-right: 10px;
	text-transform: uppercase; font-weight: bold; font-size: 11px;
}

.meeting_header_content_right {
	display: inline-block; width: 150px; text-align: right; padding-left: 10px;
}

.btn-engagement-icon {
    padding: 3px 3px;
    border: 0 none;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: none;
    color: #00aeef;
}

.table-list .btn-engagement-icon {
	font-size: 20px;
}
 
.btn-engagement-icon:focus, .btn-engagement-icon:active:focus, .btn-engagement-icon.active:focus,
.btn-engagement-icon:hover, .btn-engagement-icon:active {
    background: none;
	color: rgba(35,64,143,1);
    outline: 0 none;
    box-shadow: none;
}

.meeting_maininfo {
	line-height: 30px;
}
.meeting_maininfo > div {
	clear: both;
}
.btn-proposal-link, button.btn-proposal-link[type="submit"] {
	display: block; width: 100%; 
	margin-top: 10px; 
}
.btn-booking-link, button.btn-booking-link[type="submit"] {
	display: block; width: 100%; 
	background-color: #1364c8; margin-top: 10px; 
}
.btn-booking-link:hover, button.btn-booking-link[type="submit"]:hover {
	background-color: #23408f; 
}
.btn-contract-link, button.btn-contract-link[type="submit"] {
	display: block; width: 100%; 
	font-weight: bold; background-color: rgba(35,64,143,1); margin-top: 10px; 
}
.btn-contract-link:hover, button.btn-contract-link[type="submit"]:hover {
	background-color: #2849a3; 
}
.btn-link-off, button.btn-link-off {
	display: block; width: 100%; 
	font-weight: bold; background-color: #CCCCCC; margin-top: 10px; 
	cursor: auto;
}
.btn-link-off:hover {
	background-color: #CCCCCC;
}


/* Logistics ------------------------------------------------------  */

.quest_label {
	display: inline-block; width: 100%; text-align: center; color: #999999; 
	text-transform: uppercase; font-weight: bold; font-size: 11px; 
}
.quest-rows > div {
	border-bottom: 1px solid #CCCCCC; 
}
.quest-rows > div > div {
	padding-top: 10px; 
	padding-bottom: 10px; 
}
.quest-rows {
	text-align: center; 
}
/* new=red, pending=yellow, complete=green  */
.quest-new {
	color: rgba(153,0 ,0 ,1);
}
.quest-pending {
	color: rgba(255,153,0 ,1);
}
.quest-complete {
	color: rgba(0,153,0 ,1);
}
.button-quest-new {
	background-color: rgba(153,0 ,0 ,1) !important;
}
.button-quest-pending {
	background-color: rgba(255,153,0 ,1) !important;
}
.button-quest-complete {
	background-color: rgba(0,153,0 ,1) !important;
}

.itin_label {
	display: inline-block; width: 100%; text-align: center; color: #999999; 
	text-transform: uppercase; font-weight: bold; font-size: 11px; 
}
.itin-rows > div {
	border-bottom: 1px solid #CCCCCC; 
}
.itin-rows > div > div {
	padding-top: 10px; 
	padding-bottom: 10px; 
}
.itin-rows {
	text-align: center; 
}
/* new=red, pending=yellow, complete=green  */
.itin-new {
	color: rgba(153,0 ,0 ,1);
}
.itin-pending {
	color: rgba(255,153,0 ,1);
}
.itin-complete {
	color: rgba(0,153,0 ,1);
}
.button-itin-new {
	background-color: rgba(153,0 ,0 ,1) !important;
}
.button-itin-pending {
	background-color: rgba(255,153,0 ,1) !important;
}
.button-itin-complete {
	background-color: rgba(0,153,0 ,1) !important;
}

/* Contracts ------------------------------------------------------  */

.contract_label {
	display: inline-block; width: 100%; text-align: center; color: #999999; 
	text-transform: uppercase; font-weight: bold; font-size: 11px; 
}
.contract-rows > div {
	border-bottom: 1px solid #CCCCCC; 
}
.contract-rows > div > div {
	padding-top: 10px; 
	padding-bottom: 10px; 
}
.contract-rows {
	text-align: center; 
}
.contract_cover_letter {
	text-align: left; overflow: auto;
	font-style: italic;
}
/* new=red, pending=yellow, complete=green  */
.contract-new {
	color: rgba(153,0 ,0 ,1);
}
.contract-pending {
	color: rgba(255,153,0 ,1);
}
.contract-complete {
	color: rgba(0,153,0 ,1);
}
.button-contract-new {
	background-color: rgba(153,0 ,0 ,1) !important;
}
.button-contract-pending {
	background-color: rgba(255,153,0 ,1) !important;
}
.button-contract-complete {
	background-color: rgba(0,153,0 ,1) !important;
}


/* Proposals ------------------------------------------------------  */
.proposal-tags{
	background-color: #EFEFEF; padding: 5px;
}
.proposal-speak-info {
	background-color: rgb(238, 238, 238); padding: 15px; 
	text-align: left; overflow: auto;
	margin-bottom: 20px;
}
.proposal-filter-info {
	background-color: #bcbcbc; padding: 15px 15px 0px 15px; 
	text-align: left; overflow: auto;
	margin-bottom: 3px;
}
.proposal-sort-info {
	background-color: rgb(238, 238, 238); padding: 15px 15px 0px 15px; 
	text-align: left; overflow: auto;
}
.proposal_cover_letter {
	background-color: rgb(238, 238, 238); padding: 15px; 
	text-align: left; overflow: auto;
	margin-top: 20px;
}

.proposal-filter-info .prop_icon , .proposal-sort-info .prop_icon {
    padding: 3px 3px;
    border: 0 none;
	font-size: 24px;
	line-height: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: none;
    color: #999999;
	top: 8px;
}


#contact-logo  {
	width: 187px; max-width: 300px; float: left; margin-bottom: 20px; padding: 7px;
}
#contact-logo > img {
	width: 100%;
}
#contact_ae {
	clear: both;
}
#contact_ae, #contact_am, #contact_speakinc {
	float: left; margin-bottom: 20px; margin-right: 20px;
}
#contact_speakinc hr {
	margin-top: 0px;
}
.speaker-row {
	border-top: 1px solid #CCCCCC; padding-top: 15px; padding-bottom: 15px; position: relative;
}
/* this is used to 'grey out' unavailable speaker rows */
.speaker-row-overlay {
	position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
	font-size: 48px;
	color: #FFFFFF;
	font-weight: bold;
	z-index: 5!important;
	padding-top: 10%;
	background: rgb(204, 204, 204); /* Fallback for older browsers without RGBA-support */
    background: rgba(204, 204, 204, 0.6);
	text-shadow: -1px 0 #999999, 0 1px #999999, 1px 0 #999999, 0 -1px #999999;
	
}
.show-over-overlay {
	z-index: 7!important;
}
.speaker-info {
	text-align: left; 
}
.speaker-status {
	text-align: right; 
}
.speaker-status .feedback {
	border: 1px solid #CCCCCC;
	background-color: white;
}
.speaker-status-label {
	display: inline-block; text-align: right; color: #999999; padding: 0px;
	text-transform: uppercase; font-weight: bold; font-size: 11px;
}
.speaker-status-title {
	float: right; width: 100%; text-align: center;
}
.speaker-status-inquiry-sent {
	font-size: 1.1em;
	color: #999999;
	font-weight: bold;
}
#new_inquiry_list {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 150%;
	color: rgb(0,153,0);
	font-weight: bold;
}

.speaker-img img {
	max-height: 250px; 
}
/* speaker feedback buttons/icons */
/* 0 = green/interested, 1 = yellow/no feedback/undecided, 2 = grey/not this time, 3 = red/never */
.feedback-div {
	display: block; float: right; width: 25%; text-align: center; min-width: 40px;
}

.speaker-feedback-0, .speaker-feedback-1, .speaker-feedback-2, .speaker-feedback-3 { 
	font-size: 40px;
}

.speaker-feedback-0-small, .speaker-feedback-1-small, .speaker-feedback-2-small, .speaker-feedback-3-small { 
	font-size: 20px;
}

.speaker-feedback-0-tiny, .speaker-feedback-1-tiny, .speaker-feedback-2-tiny, .speaker-feedback-3-tiny { 
	font-size: 12px;
}

.speaker-feedback-0 { 
	color: rgba(0,153,0,0.3);
}
.speaker-feedback-0-active, .speaker-feedback-0:hover { 
	color: rgba(0,153,0 ,1);
}

.speaker-feedback-1 { 
	color: rgba(255,153,0,0.3);
}
.speaker-feedback-1-active, .speaker-feedback-1:hover { 
	color: rgba(255,153,0 ,1);
}

.speaker-feedback-2 { 
	color: rgba(100,100,100,0.3);
}
.speaker-feedback-2-active, .speaker-feedback-2:hover { 
	color: rgba(100,100,100 ,1);
}

.speaker-feedback-3 { 
	color: rgba(153,0 ,0 ,0.3);
}
.speaker-feedback-3-active, .speaker-feedback-3:hover { 
	color: rgba(153,0 ,0 ,1);
}

figure {
  margin: 0px;
}
figure .img-wrapper {
  position: relative;
  overflow: hidden;
}
figure img {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 400ms;
  transition: transform 400ms;
}
figure:hover img {
  -webkit-transform: scale3d(1.2, 1.2, 1);
  transform: scale3d(1.2, 1.2, 1);
}
figure:hover .overlay {
  opacity: 1;
}
figure:hover .overlay .buttons a, figure:hover .overlay .buttons button {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
figure .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  -webkit-transition: opacity 400ms;
  transition: opacity 400ms;
}
figure .overlay a , figure .overlay button {
  display: inline-block;
  color: #fff;
  padding: 10px 23px;
  line-height: 1;
  border: 1px solid #fff;
  border-radius: 0px;
  margin: 4px;
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  -webkit-transition: all 400ms;
  transition: all 400ms;
}
figure .overlay a:hover {
  text-decoration: none;
}
figure .overlay:hover a {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
figure .buttons {
  position: absolute;
  width: 25%;
  top: 45%;
  left: 15%;
}

/* Forms Layout ------------------------------------------------------  */
.inform {
    margin-top: 0px;
}
.fset {
    border: 1px solid #c0c0c0;
    border-radius: 16px;
    margin: 10px 20px 10px 0px;
    padding: 20px;
    padding-bottom: 15px;
}
.fset2 {
    border: 1px solid #c0c0c0;
    border-radius: 16px;
    margin: -70px 20px 10px 0px;
    padding: 20px;
}

/* Report Form -------------------------------------------------------  */
.reportbox {width: 45%; float: left; }
.reportbox2	 {width: 45%; float: right; }
#reportgen_title {
	text-align: center;
}
	
/* Report -------------------------------------------------------  */
#report_title {
	text-align: center;
	width: 40%; 
	float: left;
	margin-top: 15px;
}
#report_title h1, #reportgen_title h1 {
	font-size: 2.5em;
	line-height: 125%;
}
#report_title h2 {
	font-size: 1.5em;
}
#report_title .company {
	font-size: 1.5em;
	font-weight: bold;
}

#chart_holder {
	width: 60%; 
	float: left;
	text-align: center;
}
.chart_title {
	font-weight: bold;
}

#report_table  {
   font-size: 1.3em;
} 
#report_table thead > tr > th {
    background: #37b0c9; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#37b0c9, #2991d6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#37b0c9, #2991d6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#37b0c9, #2991d6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#37b0c9, #2991d6); /* Standard syntax */
	color: white;
}

/* Navigation -------------------------------------------------------  */
#Action_bar .account_details {
	float: right;
	color: white;
	font-weight: bold;
}

/*  Form -------------------------------------------------------  */
.meet-date {
    display: inline-block;
    width: 45%;
}
#end {
    margin: 0 0 0 47px;
}
form input[type='text'] , form input[type='password']  {
	height: 40px;
	height: 2.5rem;
	border: 1px solid #00aeef;
    margin: 0px;
	/*color: #FFFFFF;	*/
}
form input[type='checkbox'] , form input[type='radio']  {
	height: 20px;
	height: 1em;
	width: 20px;
	width: 1em;
	border: 1px solid #00aeef;
	color: #FFFFFF;	
}

.button {
	height: 40px;
	height: 2.5rem;
	background-color: #00aeef;
	color: #FFFFFF;
	width: 100px;
	padding: 5px;
	display: block;
	border: none;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	clear: both;
}
.button hover {
	height: 40px;
	height: 2.5rem;
	background-color:#0090c6;
	border-color:#00aeef
}

/*  -------------------------------------------------------  */
/* SpeakForm (actual login & reg forms have same styles in the pages)  */
/*  -------------------------------------------------------  */
			.ourformwrapper {
			  display: flex;
			  align-items: center;
			  flex-direction: column;
			  justify-content: center;
			  width: 100%;
			  min-height: 100%;
			  font-size: .8em;
			}

			.boxform {
			  border-radius: 20px 20px 20px 20px;
			  padding: 10px 20px 20px 20px;
			  width: 90%;
			  max-width: 320px;
			  background: #ffffff;
			  position: relative;
			  padding-bottom: 20px;
			  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
			}
			.ourform.loading button {
			  max-height: 100%;
			  padding-top: 50px;
			}
			.ourform.loading button .spinner {
			  opacity: 1;
			  top: 40%;
			}
			.ourform.ok button {
			  background-color: #8bc34a;
			}
			.ourform.ok button .spinner {
			  border-radius: 0;
			  border-top-color: transparent;
			  border-right-color: transparent;
			  height: 20px;
			  animation: none;
			  transform: rotateZ(-45deg);
			}
			.ourform.error button {
			  padding-top: 0px;
			  background-color: #ff4d4d;
			}
			.ourform.error button .spinner {
			  display: none;
			}
			.ourform .text {
			  display: block;
			  padding: 15px 10px;
			  margin-bottom: 10px;
			  width: calc(100%);
			  border: 1px solid #ddd;
			  transition: border-width 0.2s ease;
			  border-radius: 2px;
			  color: #ccc;
			}
			.ourform input[type='text'] + i.fa, .ourform input[type='password'] + i.fa {
			  color: #fff;
			  font-size: 1em;
			  position: absolute;
			  margin-top: -47px;
			  opacity: 0;
			  left: 0;
			  transition: all 0.1s ease-in;
			}
			.ourform input[type='text']:focus, .ourform input[type='password']:focus {
			  outline: none;
			  color: #444;
			  border-color: #00aeef;
			  border-left-width: 35px;
			}
			.ourform input[type='text']:focus + i.fa, .ourform input[type='password']:focus + i.fa {
			  opacity: 1;
			  left: 30px;
			  transition: all 0.25s ease-out;
			}
			.ourform a {
			  font-size: 1em;
			  color: #00aeef;
			  text-decoration: none;
			}
			.ourform .title {
			  color: #444;
			  font-size: 1.2em;
			  font-weight: bold;
			  margin: 10px 0 30px 0;
			  border-bottom: 1px solid #eee;
			  padding-bottom: 20px;
			  text-align: center;
			}
			.ourform  button {
				font-family: Lato, sans-serif;	 
				font-weight: 400;
				text-transform: capitalize;
				font-size: 1em;
				width: 100%;
				height: 80px;
				padding: 5px;
				background: #00aeef;
				color: #fff;
				display: block;
				border: none;
				margin-top: 50px;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 15px;
				border: 0px solid rgba(0, 0, 0, 0.1);
				border-radius: 0px 0px 0px 0px;
				transform: rotateZ(0deg);
				transition: all 0.1s ease-out;
				clear: both;  
			}
			.ourform  button:hover {
				/* background-color: #e2c630; */
			}
				
			.ourform .state2 p {
			 margin-bottom: 0px;
			}
				
			.ourform .statemsg {
			  width: 300px;
			  height: 40px;
			  padding: 5px;
			  display: block;
			  border: none;
			  margin-top: 10px;
			  margin-left: auto;
			  margin-right: auto;
			  margin-bottom: 15px;
			  transform: rotateZ(0deg);
			  transition: all 0.1s ease-out;
			  clear: both;
			  text-align: center;
			}
			.ourform  button .spinner {
			  display: block;
			  width: 30px;
			  height: 30px;
			  position: absolute;
			  border: 4px solid #ffffff;
			  border-top-color: rgba(255, 255, 255, 0.3);
			  border-radius: 100%;
			  left: 50%;
			  top: 0;
			  opacity: 0;
			  margin-left: -20px;
			  margin-top: -20px;
			  animation: spinner 0.6s infinite linear;
			  transition: top 0.3s 0.3s ease, opacity 0.3s 0.3s ease, border-radius 0.3s ease;
			  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
			}
			.ourform:not(.loading) button:hover {
			  box-shadow: 0px 1px 3px #00aeef;
			}
			.ourform:not(.loading) button:focus {
			  border-bottom-width: 4px;
			}
			.ourform .logstatus {
			  display: block;
			  padding-top: 25px;
			  text-align: center;
			  color: #444;
			  font-weight: normal;
			  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
			  font-size: 1em;
			}
			.ourform .logstatus a, .ourform .logstatus a:link {
			  color: #00aeef;
			  text-decoration: none;
			  font-size: 1em;
			}

/* < 1239 -------------------------------------------------------  < 1239 */
@media only screen and (max-width: 1239px) 
{
	#report_table  {
	   font-size: 1em;
	}
	#report_title {
		width: 100%; 
		margin-top: 0px;
	}
	#chart_holder {
		width: 100%;
	}	
}

/* #Tablet (Portrait) & Mobile < 768 ------------------------------------------------------- #Tablet (Portrait) & Mobile < 768 */

@media only screen and (min-width: 768px) 
{
	.subnav > .col-sm-1, .subnav > .col-sm-2, .subnav > .col-sm-3, .subnav > .col-sm-4 , .subnav > .col-sm-5 {
		margin-top: 10px;
		margin-bottom: 10px;
		line-height: 22px;
	}
	.quest-rows {text-align: left;}
	.quest-rows > div:after, .quest-rows > div:before  { display:table;content:" " }
	.quest-rows > div:after  { clear:both }
	.quest-rows > div > div {float: left; width: 60%;}
	.quest-rows > div > div.quest_label {width: 30%;}
	.quest_label {
		display: inline-block; width: 30%; text-align: right; color: #999999; padding-right: 30px;
		text-transform: uppercase; font-weight: bold; font-size: 11px; 
	}
	.itin-rows {text-align: left;}
	.itin-rows > div:after, .itin-rows > div:before  { display:table;content:" " }
	.itin-rows > div:after  { clear:both }
	.itin-rows > div > div {float: left; width: 60%;}
	.itin-rows > div > div.itin_label {width: 30%;}
	.itin_label {
		display: inline-block; width: 30%; text-align: right; color: #999999; padding-right: 30px;
		text-transform: uppercase; font-weight: bold; font-size: 11px; 
	}
	.contract-rows {text-align: left;}
	.contract-rows > div:after, .contract-rows > div:before  { display:table;content:" " }
	.contract-rows > div:after  { clear:both }
	.contract-rows > div > div {float: left; width: 60%;}
	.contract-rows > div > div.contract_label {width: 30%;}
	.contract_label {
		display: inline-block; width: 30%; text-align: right; color: #999999; padding-right: 30px;
		text-transform: uppercase; font-weight: bold; font-size: 11px; 
	}
}

/* #Tablet (Portrait) & Mobile < 768 ------------------------------------------------------- #Tablet (Portrait) & Mobile < 768 */

@media only screen and (max-width: 767px) 
{
	.reportbox {width: 100%; float: left; }
	.reportbox2	 {width: 100%; float: left; }
	#report_title {
		width: 100%; 
		margin-top: 0px;
	}
	#chart_holder {
		width: 100%;
	}
	#Action_bar .account_details {
		color: black;
	}

}