/* Bootstrap Fixes */
.nav > li > a { padding: 15px 9px; font-size: 16px; }
.nav.navbar-right > li > a { padding: 15px 9px; font-size: 14px; }
.row:before, .row:after { content: normal !important; }
div.row, div.rowalt { margin: 1em 0; padding: .5em; background: #eee; border-radius: 5px; }
input[type="checkbox"],input[type="radio"] { margin: 0 .3em; }
input[type=file] { display: inline-block; }

/* Project Specific */
body { background: #D6D6D6; }
h1 { font-size: 25px; }
h2 { font-size: 23px; }
h3 { font-size: 21px; }
h4 { }
h5 { }
h6 { }
h1,h2,h3,h4,h5,h6 { }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { font-size: 0.8em; }
.mat-form-field-wrapper {
  padding-bottom: 2.25em !important;
}

#blankcontent div.preview.viewEvent div.speakers {
  width: 30%;
  float: right;
  padding: 3px;
  border-left: 10px solid #2E2E2E;
  height: 2000px;
  min-height: 2000px;
  display: table-column;
  margin-left: 2px
}

.mat-form-field-suffix .mat-datepicker-toggle-default-icon {
  width: 2.5em !important;
  height: 2.5em !important;
  color: #027f86;
}

.speakers h4.formtitle {
  padding-top: 15px;
  margin-left: 0;
  color: #7c1b1c;
  font-size: 1em;
}

.speakername {
  pointer-events: none;
  cursor: default;
  /* opacity: 0.6; */
}

.speakerinfo {
  font-size: 90%;
  float: left;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  width: 100%;
}

.speakerinfo .speakerphoto {
  padding: 4px;
  border: 2px groove #666;
  margin: 0px 4px 1px 0px;
  background: #DCE0EF;
  float: left;
  width: auto !important;
  height: auto !important;
}

.speakerinfo .biography {
  padding: 4px;
}

.categoryLegend {
  background: #013766;
  color: #fff;
  padding: 2px;
  border-radius: 5px;
  margin-top: 3px;
  display: inline-block;
}

/*for categories page*/
#editCatAssignements td:nth-child(1) {min-width: 60px;}
#editCatAssignements td:nth-child(3) {min-width: 90px;}
form div.categoryChildDescription {margin: .4em .5em;}

#FinalizeSubmission .formedit div.centerwithpad:nth-child(2){text-align:left;}
#FinalizeSubmission label {
    float: none;
    width: 90% !important;
    text-align: left;
  }
/* Global Containers */
#wrapper { margin: 0.5em auto 2em auto; padding: 0; width: 90%; max-width: 1200px; background: #fff; /*border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;*/ border-radius: 0 0 7px 7px; -mox-border-radius: 0 0 7px 7px; -webkit-border-radius: 0 0 7px 7px; /*box-shadow: 0 0 12px #ccc;*/ }
#blankcontent { padding: 1em; background: #fff; padding: .6em; }

/* Header */
#header { margin: 0 auto; background: #4598CF; text-align: right;}
#logo { max-width: 100%; width: 100%; }

/* Navigation */
.navbar { margin: 0 auto; width: 98%; }
.navbar { width:100%;  z-index: 1; position: relative;  margin: 0 auto; }
.navbar-default {
	min-height: 35px;
  background-color: #f8f8f8;
  border: 1px solid #e7e7e7;
  border-radius: 0px;
	}

#aidashboard-nav {}

.navbar-default .navbar-brand { font-weight: bold; }


/* Sign In Navigation */
#navigationSignIn .container-fluid {  }
#navigationSignIn h4 { padding: 5px 0; }
#navigationSignIn .navbar-toggle { border-color: #ddd; }
#navigationSignIn .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; }
#navigationSignIn .navbar-toggle .icon-bar { background-color: #888; }
#navigationSignIn div.row { background: #eee; }
.nav.navbar-right > li > a { padding: 15px 9px; font-size: 14px; }

/* Content */
#content { padding: 0 1em 2em 1em; min-height: 200px; }

/* Footer */
#footer { margin: 0 auto; text-align: right; width: 90%; max-width: 1200px;; color: #222; }
#footer a { color: #222; font-size: 95%; }
#footer a:hover { color: #222; text-decoration: underline;  }
#footer img {  width: 90px; height: 90px; }
#footer .row { background: transparent; }

#support { margin-top: 2em; font-size: 95%; }


/* Abstract navigation list */
#navcontainer  {margin-top:3px; background: transparent; border-bottom: 3px solid #ccc;}
#navcontainer:after { content: " "; display: block; clear: both; height: 0; }
ul#navlist {margin: 0; padding: 0; list-style-type: none; white-space: nowrap; border: none; background: transparent;}
ul#navlist li {display:inline; float: left; font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; margin: 2px; padding: 5px 0 4px 0; background-color: #eef4f1;}
#navlist a, #navlist a:link { margin: 0; padding: 5px 9px 5px 9px; color: #004979; text-decoration: none; border-top: 2px solid #B0B0B0; border-right: 2px solid #B0B0B0; border-left: 2px solid #B0B0B0; }
ul#navlist li.active {color: #FFFFFF; border: 1px solid #FF7400;}
#navlist a:hover {color: #004979; background-color: #e1f6c4;}
#navlist a.active{color: #004979; background-color: #e1f6c4;}
#navcontainer .navtitle {font-weight: bold; font-size: 1em; margin: 0; padding: 5px; color: #075C87;}
.current{color: #FFFFFF; background-color: #8CC400;}
#navcontainer .incomplete {padding: 3px;}
#navcontainer .status {background-color: #F2F2F2; color: #004979; text-align: left; font-weight: normal; font-size: 0.8em; margin: 0; padding: 2px; clear: both; }
#navcontainer .status .incomplete {font-size: 1.1em; padding: 3px;}
#navcontainer .message {padding: 3px;}
#navlist a.stepRequired {color: #660000; background-color: #EED5D2;}
#navlist a.stepCompleted {color: #F0F0F0; background-color: #4690B4;}
#navlist a.stepOptional {color: #004979; background-color: #C6E2FF;}
#navlist a.stepCurrent { font-weight: bold; }
#navlist a.stepOptional:hover, #navlist a.stepCurrent:hover,#navlist a.stepCompleted:hover, #navlist a.stepRequired:hover {text-decoration: underline;}

/* Forms */
form div, .formedit div { margin: .4em 0; }
#EditRSVP .formedit label {width: auto;}
/* .formedit label, .searchcriteria label {text-align: left; width: 25%; } */
.formedit div.dataentryhint {left: 27%; width: 73%; position: relative; padding: 0 0 0 5px; font-weight: normal; padding: 0 5px 0 0; font-size: 90%;}
#EditAbstract label { width: auto; text-align: left; }
#SignIn div { margin: .5em 0; }
#SignIn label, #EditPassword label { width: 150px; text-align: right;  }
#FinalizeSubmission label { float: none; width: 50%; text-align: left; }
#FinalizeSubmission #iConfirm, #FinalizeSubmission .required { vertical-align: top; }


/* Tables */
#editOrderTable th { font-size: 110%; text-align: center; }
#AbstractCaseSummary .caseEntryPartialCompletion { border-color: #ebccd1; color: #a94442; }
/* Classes */
.action {color: #273363;}
.alignright {text-align: right;}
.alignleft {text-align: left;}
.aligncenter {text-align: center;}
.aligncenterwithpad {text-align: center; padding: 10px;}
.answer {font-size: 90%; color: #666666; background-color: transparent; font-weight: normal;}
.answertext {color: #666666; background-color: transparent;  margin: 0 0 5px 0; padding: 0 0 0 10px; font-size: 0.9em;}
.backtotop {font-size: 90%; padding: 0 10px 0 0; text-align: right;}
.breadcrumbtrail {font-size: 80%; padding: 0 0 5px 0;}
.boldred {color: #D52B1E; background-color: transparent; font-weight: bold;}
.centerwithpad {text-align: center; padding: 10px 0;}
.centerwithoutpad {text-align: center;}
.clear { clear: both; height: 0px;}
.circuitcontent{text-align: left; margin: 5px 0 0 5px;}
.colorprimary {color: #02559A;}
.colorsecondary {color: #02559A;}
.colortertiary {color: #81BC41;}
.columntitle {color: #666666; background-color: #EDF3F6; font-weight: bold;}
.conflict {font-size: 90%; background-color: #FFF000;}
.content {text-align: left; width: 100%;}
.contentcenter{text-align: center;}
.contentright{text-align: right;}
.contentnav {font-size: 90%; vertical-align: middle; color: #273363; font-weight: bold; text-align: center; white-space: nowrap; border-bottom: 1px dotted #273363;  padding: 2px 0 2px 0; margin: 0 0 8px 0; width: 95%;}
.crossout {text-decoration: line-through; color: #666666;}
.disclosureadd {width: 40px; height: 40px; font-weight:bold;}
.disclosureanswer {vertical-align: middle; font-size: 1.2em; text-align: center; border: 1px black solid; padding: 2px;}
.disclosureremove {text-decoration: none; font-weight: bold; color: #D52B1E; padding-bottom: 10px;}
.disclosureresponse {vertical-align: middle; text-align: left; border: 1px black solid; padding: 2px;}
.disclosuretable {border: 1px black solid;}
.editnote {font-size: 85%; color: #B6B6B6; background-color: transparent; font-weight: bold;  vertical-align: middle; text-decoration: none;}
.editpreview {font-size: 130%; color: #D52B1E; font-weight: bold;}
.floatleft {float: left; margin: 0 0px 0 0px;}
.floatright {float: right; margin: 0 0px 0 0px;}
.floatnone {float:none}
.fontnormal {font-size:normal}
.fontsmall {font-size: small;}
.fontmedium {font-size: medium; }
.fontlarge {font-size: large;}
.fontxlarge {font-size: x-large;}
.fontprimary {font-family: Verdana;}
.fontsecondary {font-family: Tahoma;}
.fonttertiary {font-family: Arial;}
.formrow, .formskinnyrow {font-size: 95%; padding: 1px 0 1px 0; clear: both; vertical-align: middle; clear:both; }
.formnote {padding: 0 0 0 0; margin: 0 0 0 0; display: inline;}
.formtitle {margin-left: 10px; color: #666666;}
.green {color: #81BC41;}
.hidden {height: 0; width: 0; overflow: hidden; position: absolute;}
.highlightdetail {color: #990000;}
.incomplete {color: #D52B1E; font-weight: bold;}
.indent {padding-left: 15px;}
.message { text-align: center; }
.messagealert { text-align: center; }
.message ol, .messagealert ol { text-align: left; }
.navigationoptions { text-align: right; color: #FFFFFF; }
.nowrapping { white-space: nowrap;}
.previewmultiline {left: 25%; width: 75%; position: relative; padding: 0 0 0 5px;}
.previewmessageline {left: 21%; width: 75%; position: relative; padding: 0 0 0 0px;}
.previewbar {color: #273363; border-bottom: 1px dotted; margin: 10px 0 10px 0; text-align: left;}
.question dt { margin: 1em 0 0 0; }
.question dd { margin: .4em 0; }
.questiontext {width: 100%; margin: 0 0 5px 0; padding: 0 0 0 10px; font-size: 0.9em; /*color: #003263; border-bottom: 1px solid #666666; font-size: 1.25em; font-weight: bold;*/}
.red {color: #D52B1E;}
.required {color: #D52B1E; font-weight: bold; padding: 0 2px 0 0;}
.results {width: 100%;}
.pluslink {padding:0px 1px 0px 1px; margin:0px 2px 0px 2px ; background:#fff; font-size:.8em; text-decoration: none; border:1px solid #666666; color:#666666; text-align:center; vertical-align: middle;}
.resultscount { font-weight: bold; text-align: center; margin: 0 0 10px 0;}
.scrolltext {font-family: courier,monospace; color: black; border: thin solid #666666; background-color: #CCCCCC; overflow-x: auto; overflow-y: auto; max-height: 200px; padding: 4px 4px 4px 4px; line-height: 15px; margin: 5px 0pt 5px 0pt;}
.searchcriteria {width: 100%;}
.sectionbar {color: #FFFFFF; background-color: #273363; font-weight: bold; text-align: center; margin: 0 0 10px 0;}
.sectiondesc {font-size: 90%;}
.sectiontitle {font-size: 1em; font-weight: bold;  font-variant: small-caps;}
.small {font-size: 85%; font-weight: normal;}
.smallbold {font-size: 85%; color: #666666;  background-color: transparent; font-weight: bold;  vertical-align: middle; text-decoration: none;}
.smallcapitols {font-variant: small-caps;}
.smallcaps {font-size:90%; height: 90%; color: #273363;  background-color: transparent; font-weight: bold;  font-variant: small-caps;  vertical-align: middle;}
.smallwarning {color: #D52B1E; font-size: 85%; font-weight: normal;}
.sponsor{font-size: 150%; height: 150%; color: #D52B1E;  background-color: transparent; font-weight: bold;  vertical-align: middle; padding: 0 0 10px 0;}
.title {font-size: 150%; height: 150%; color: #273363;   background-color: transparent; font-weight: bold;  vertical-align: middle; padding: 0 0 10px 0;}
.underline {text-decoration: underline;}



/* Itinerary items */
#itinerary {font-size: 1em;}
#itinerary .selectday {font-size: 1.2em; color: #003263; font-weight: bold; text-align: center; border-bottom: 1px dotted #003263; padding: 3px 0 5px 0; margin: 0 0 3px 0;}
#itinerary .selectday a {font-size: .8em; text-decoration: none;}
#itinerary .selectday a:hover {text-decoration: underline;}
#itinerary .selectday a.active {font-size: 1em; color: #900D0D; text-decoration: none;}
#itinerary .selectday a.active:hover {text-decoration: underline;}
#itinerary .rollover {left:0px; position:absolute; top:0pt; visibility:hidden; z-index:2; color: #000000; background-color: #FFFFFF; width:200px; height:100px;} 

#itinerary table {width: 100%; padding: 3px 5px 5px 0; border-spacing: 10px 0; border-collapse: separate; background-color: #EDF3F6;}
#itinerary th {text-align: center;}
#itinerary th.time {color: #000000; background-color: #A5C0DB; padding: 0 3px 0 5px; width: 60px; white-space: nowrap;} /* #DDDDDD */
#itinerary td {color: #000000; background-color: #EDF3F6; font-size: .8em; height: 10px; text-decoration: none;}
#itinerary td.time {color: #000000; background-color: #EDF3F6; width: 60px; font-size: .8em; white-space: nowrap;}
#itinerary .abstract {color: #000000; background-color: #FFFF00; }
#itinerary .confirmed {color: #000000; background-color: #00C9CC;}
#itinerary .delete {color: #FFFFFF; background-color: #000000;}
#itinerary .empty {color: #FFFFFF; background-color: #FFFFFF;}
#itinerary .event {color: #000000; background-color: #a8d173;}
#itinerary .exhibitor {color: #000000; background-color: #3399FF;}
#itinerary .pending {color: #000000; background-color: #900D0D;}
#itinerary .personal {color: #000000; background-color: #51bfe2;}
#itinerary .rollover {color: #000000; background-color: #FFFFFF;}
#itinerary .legend div {margin: 2px 0 2px 0;}

#itinerary .event a, #itinerary .personal a{color: #000; font-size:14px; font-weight: bold }
#itinerary .event, #itinerary .personal{padding: 0 20px 0 20px;}

/*event preview stuff*/
div#eventPreview_description {margin-bottom: 20px;}
/*document links on preview*/

div.event div.document_wrapper {
  margin: 20px 0;
}


div.event a.document_title {
  background-color: #0086b8;
  color: #fff;
  padding: 10px 20px;
  margin: 10px 0;
  border-radius: 7px;
}

div.event a.document_title:hover {
  background-color: #00b2f4;
  text-decoration: none;
}


/* Line 1 */
.results tr, .row, .rowalt
{
  margin-left: -15px;
  margin-right: -15px;
}

/* Line 1 */
.rowalt
{
  background-color: rgba(176, 176, 176, 0.28);
}

/* Line 1 */
.panel, .results .schedule tr, .schedule .results tr, .schedule .row, .schedule .row-alt, .schedule .rowalt
{
  margin-bottom: 20px;
  background-color: #ffffff;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
#pagecontenttop{line-height:20px; margin:10px 0 0 10px}

/* Line 1 */
.panel-info, .results .schedule tr, .schedule .results tr, .schedule .row, .schedule .row-alt, .schedule .rowalt
{
  border-top-color: #bce8f1;
  border-right-color: #bce8f1;
  border-bottom-color: #bce8f1;
  border-left-color: #bce8f1;
}
#schedule div.rowalt , #schedule div.row{padding:0;}


/*
  not sure what these were for but they are causing issues on RSVP page so removing them.
  If you need to uncomment these for some reason then you should double check the RSVP page 
  and make sure the title is still getting centered.
*/

/*div.rowalt> div:nth-child(2){padding:4px; width:50%;}
div.row > div:nth-child(2){padding:4px; width:50%;}*/

div.row > div.activity , div.rowalt > div.activity{}



.panel-heading, .schedule .activityTitle
{
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: transparent;

}
p.submitPresentationLink {display:block; padding:4px 4px 4px 2px; width:100%;}

a.submitPresentationLink {float: right; background-color: #FFC460; border:solid 1px #eeeeee; border-radius: 7px; color: #ffffff; padding: 5px 10px; font-weight: bold;}
a.submitPresentationLink:hover {color: #D9EDF7; text-decoration: none;}

.schedule .row > .activityTitle, .schedule .row > .panel-heading, .schedule .rowalt > .activityTitle, .schedule .rowalt > .panel-heading {
    color: #31708F;
    background-color: #D9EDF7;
    border-color: #BCE8F1;
}
/* Line 1 */

/*On ready room this gives padding to the basic info in each assignment*/
div.activityTitle + div {
  padding: 10px 10px;
}

/*Similar padding to the above for the documents section and below.*/
div.schedule  div.activity {
  padding-left: 10px;
}

.panel-title, .schedule .activityTitle
{
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 16px;
  color: inherit;
}

/* Line 1 */


/* Buttons */
.btn-success {
	margin: 0.125em auto;
	color: #000;
	background-color: #ccc;
	border-color: #ccc;
	background-image: linear-gradient(bottom, #E7E7E7 10%, #FAFAFA 79%);
	background-image: -o-linear-gradient(bottom, #E7E7E7 10%, #FAFAFA 79%);
	background-image: -moz-linear-gradient(bottom, #E7E7E7 10%, #FAFAFA 79%);
	background-image: -webkit-linear-gradient(bottom, #E7E7E7 10%, #FAFAFA 79%);
	background-image: -ms-linear-gradient(bottom, #E7E7E7 10%, #FAFAFA 79%);
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
	color: #000;
	border-color: #000;
	background-color: #ccc;
}

@media print {
    #header, #menu, .navigationoptions, .breadcrumbtrail, #footer, #poweredby, .onpagenavigationoptions, .backtotop {display: none;}
    #primarycontent {width: 95%; margin: 0; min-height: 500px;}
    a {text-decoration:none; color: #000000;}
    .scrolltext {font-family: monospace; color: black; border: none; background-color: #FFFFFF; overflow-x: visible; overflow-y: visible ; max-height: none; line-height: normal; font-size: 0.9em;}
    select {font-size: 90%;}
    input {color: #000000; background-color: #FFFFFF; font-size: 90%}
    kbd {font-size: 105%;}
    optgroup {font-size: 95%;}
    select {font-size: 90%;}
    textarea {font-size: 90%;}
    dl, dt, dd {clear:both;}
    .selectday {display:none;}
}


@media only screen and (max-width: 767px) {
	h1 { font-size: 26px; }
	h2 { font-size: 24px; }
	h3 { font-size: 22px; }
	h4 { font-size: 20px; }
	h5 { font-size: 18px; }
	h6 { font-size: 16px; }

	#header { height: auto; }
	#header img#logo { width: 100%; }
	#navlist { display: none; }
	.nav > li > a { font-size: inherit; }
	#content { font-size: 95%; }
	#footer .text-left, #footer .text-right { text-align: center; }

	label, .formedit label { display: block; width: 100%; text-align: left; }
	input.form-control, select.form-control, textarea.form-control { width: 100%; }

	.container-fluid { padding-left: 15px; }

	#abs-steps-dropdown-label { display: block !important; margin: 1em 0 0 0; }
	#abs-steps-dropdown { display: block !important; margin: 0 0 1em 0; font-size: 140%; }
	.navigationoptions { text-align: center; }
	.navigationoptions a { margin: 1em 0; }
	.navigationoptions a, input[type="text"], input[type="submit"] { display: block; width: 100%; }
}