/* bootstrap fixes */
.nav > li > a { padding: 15px 9px; }
div.row{ margin: 1em 0; padding: .5em; background: #eee; border-radius: 5px; }
div.rowalt { background:rgb(211,211,211); margin: 1em 0; padding: .5em; border-radius: 5px; }

input[type="checkbox"],input[type="radio"] { margin: 0 .3em !important; }
td, th{
    transition: all .3s ease-out;
}
td:before, td:after, th:before, th:after, tr:before, tr:after{
    content: normal !important;
}
.alert-danger{
    background-color: #f2dede !important;
    border-color: #ebccd1 !important;
    color: #a94442 !important;
    padding: 15px !important;
    margin-bottom: 20px !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    text-align: center;
    font-size: 14px;
}


.important-card
{display:none !important;}
/* project specific */
#signinform{padding: 8px; margin: 0px auto;border-radius: 6px;border: 1px solid #BCB9AB;background: #F2F0E6; margin-bottom:15px;}
#signin input{width:40%;}
span.certificationSectionInstructions {width: 100%; display: block;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: white;}
a.active{ background:rgb(58, 156, 218); color: #0177C1}
#editCatAssignements label {display: inline; margin-right: 5px;}
body { background: white 50% 205px/*235px*//*0repeat-y*/ no-repeat fixed;  font-family:"Trebuchet MS", Verdana, sans-serif; color: #000000; }
h1 { color: #225187;}
h1,h2,h3,h4,h5,h6  {
		letter-spacing: -1px;
	}
h2,h3,h4,h5,h6, #EditAttendee legend {color: #225187;  border-bottom:1px solid #ccc; padding-bottom: 8px; margin-bottom: 10px;} /* line-height: 15px*/
#EditAttendee legend, h2{font-size:1.7em;}
.form-inline.input .form-control.input {
    min-width: 20%;
    width: 30%;
}
.symbolsList{text-align:right; font-size:0.9em;}
#symbolsList, #SpecailCharList {width:auto; }
#username ,#password {width:40%;}
textarea.form-control , textarea.form-inline{width:100%; min-width: 100%}
.btn-success, .btn-success:active, .btn-success:focus, .activity table.results a, #eventPreview_emailAll, .navigationoptions a, a.submitPresentationLink  {background-color: #32567A; border-color: #1F4A6D;}
.btn-success:hover,.btn-succes:focus , #eventPreview_emailAll:hover, .navigationoptions a:hover, a.submitPresentationLink:hover{background-color: #1F4A6D; border-color: #32567A;}
.readyRoomSessioningOptions {float:right;}
.activity table.results a , #eventPreview_emailAll, .navigationoptions a, a.submitPresentationLink {display: inline-block; color:white !important;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
text-decoration: none}
 a.submitPresentationLink,  a.submitPresentationLink:hover {margin-right:3px; text-decoration: none; border: 1px solid transparent}
.alert-success {background-color: #3b903d; color: #ffffff;}
#wrapper { margin: 0; padding: 0; width: 100%; background: transparent; }
#blankcontent { padding: 1em; background: #fff; padding: .6em; }
#header { margin: 0 auto 0 0; width: 100%; height: 152px;
    background: #000000; padding-bottom: 4px
/*background: rgba(103,130,160,1);
background: -moz-linear-gradient(top, rgba(103,130,160,1) 0%, rgba(98,125,155,1) 25%, rgba(61,94,129,1) 42%, rgba(31,74,109,1) 71%, rgba(31,74,109,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(103,130,160,1)), color-stop(25%, rgba(98,125,155,1)), color-stop(42%, rgba(61,94,129,1)), color-stop(71%, rgba(31,74,109,1)), color-stop(100%, rgba(31,74,109,1)));
background: -webkit-linear-gradient(top, rgba(103,130,160,1) 0%, rgba(98,125,155,1) 25%, rgba(61,94,129,1) 42%, rgba(31,74,109,1) 71%, rgba(31,74,109,1) 100%);
background: -o-linear-gradient(top, rgba(103,130,160,1) 0%, rgba(98,125,155,1) 25%, rgba(61,94,129,1) 42%, rgba(31,74,109,1) 71%, rgba(31,74,109,1) 100%);
background: -ms-linear-gradient(top, rgba(103,130,160,1) 0%, rgba(98,125,155,1) 25%, rgba(61,94,129,1) 42%, rgba(31,74,109,1) 71%, rgba(31,74,109,1) 100%);
background: linear-gradient(to bottom, rgba(103,130,160,1) 0%, rgba(98,125,155,1) 25%, rgba(61,94,129,1) 42%, rgba(31,74,109,1) 71%, rgba(31,74,109,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6782a0', endColorstr='#1f4a6d', GradientType=0 );
*/}

#header img {width:30%; height: auto;}
img#weflogo{float:right; max-width:200px; margin: 40px 5px 0 0}
#content { margin: 0 auto; padding: 1em; width: 100%; min-height: 200px; opacity: .94; background: #eeeeee;} /*margin-top:20px; border-radius: 6px*/
#content a{color: #2e6fa0; text-decoration: none; border-bottom:1px solid #D8D8D8;}
#content a:hover{ text-decoration: none; border-bottom:1px solid #930;}
#content a.btn, #content a.btn:hover  {color:#fff; border:1px solid transparent; }
#footer { margin: 0 auto; text-align: right; width: 100%; color: #ccc; margin: 0 4px;}
#footer a { color: #000; font-size: 95%; }
#footer a:hover { color: #000; text-decoration: none; }
#footer img {
    width: 80px;
}
#support { margin-top: 2em; font-size: 95%; }
.username{color:white; font-size: 1.4em; float:left; margin-top: 4px; }
.navbar-default { background: #0177C1 ;}
.navbar { margin: 0 auto; width: 100%; border-radius: 0; border: none;}
.navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a { color: #ffffff; font-size: 1.2em; font-weight: normal; margin-top:4px margin-bottom: -4px;transition: all .3s ease-out;		}
.navbar-nav > li:hover, .navbar-nav > li > a:hover , .currentTab{ background:rgb(58, 156, 218); }
.currentTab{color: #0177C1}
.navbar-default .navbar-brand, .navbar-default .navbar-nav > li:first-child > a {border:none;}

.navbar-nav > li > a, .navbar-brand {
    padding-top:8px !important;
    padding-bottom:0 !important;
    min-height: 36px;
}
.navbar {min-height:36px !important;}

.container-fluid { width: 80%; margin: 0 auto; }
.navbar-toggle { border-color: #5b9cc3 !important }
.navbar-toggle:hover { background-color: #5b9cc3 !important }
.navbar-collapse { border-color: #5b9cc3 !important }
.icon-bar { background: #fff !important; }

/* Abstract navigation list */

#navcontainer  {margin:3px 0 30px 0 ; background: transparent; border-bottom: 3px solid #ccc; font-size:11px;}
ul#navlist {margin: 0 0 2px 0; padding: 0; list-style-type: none; white-space: normal; border: none; background: transparent;}
ul#navlist li {display:inline-table;    letter-spacing: -1px; font-size: 1.3em; font-weight: normal; margin: 10px 0px 2px 0px; padding: 2px 0 4px 0; }
#navlist a, #navlist a:link { margin: 0; padding: 5px 9px 9px 9px; color: #004979; text-decoration: none; border-top: 2px solid #B0B0B0; border-right: 2px solid #B0B0B0; border-left: 2px solid #B0B0B0; border-radius: 5px 5px 0 0 ; transition: all .1s ease-out;}
ul#navlist li.active {color: #FFFFFF; border: 1px solid #FF7400;}
#content #navlist a:hover {text-decoration:none; border-bottom:none; border-bottom:1px solid #E7E6E1; padding-bottom:12px}
#navlist a.active{color: #004979; background-color: #e1f6c4;}
#navcontainer .navtitle {  font-weight: bold; font-size: 1.3em;  background: #B3B3B3; padding: 5px; color: #194368;}
#navcontainer .navtitle  span.incomplete{
    background: #F44336;
    color: #fff;
    border-radius: 50px;
    border: 1px solid #6E0E0E;
    padding: 4px 10px;
    margin: 4px 0 0 0;
    font-size: .9em;
}
.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;}
#navcontainer .status .incomplete {font-size: 1.1em; padding: 3px;}
#navcontainer .message {padding: 3px;}
#navlist a.stepRequired {color: #ffffff !important; background-color: #F44336;}
#navlist a.stepRequired:hover {color: #ffffff !important; background-color: #f57168;}
#navlist a.stepCompleted {color: #333; background-color: #9DB866;}
#navlist a.stepOptional:hover {background-color: #a3c6ea}
#navlist a.stepOptional {color: #000 !important; background-color: #C6E2FF;}
#content #navlist a.stepCurrent { font-weight: bold; border: solid 4px #1E6AA0; border-bottom:1px solid #E7E6E1; padding-bottom:12px; color: white;}
#navlist a.stepOptional:hover, #navlist a.stepCurrent:hover,#navlist a.stepCompleted:hover, #navlist a.stepRequired:hover {text-decoration: none;}
div.viewAbstract img {max-width: 95%; width:auto; height:auto;}

form div, .formedit div { margin: 1em 0; }
.formedit label, .signin label, #FinalizeSubmission fieldset label {  text-align: left; }
#FinalizeSubmission fieldset label { width: auto%; text-align: left; }
.formedit dd { padding-left: 25px; }
#EditAbstract label { width: auto; text-align: left; }
#editOrderTable th { font-size: 110%; text-align: center; }
#SignIn div { margin: .5em 0; }
.signin label, #EditAttendee label , #paymentInfoDiv label{
    width: auto;
    text-align: left;
}

#FinalizeSubmission label { width: auto; }
.formedit div.dataentryhint {left:45px ; top:-165px; width: 73%; position: relative; padding: 0 0 0 5px; font-weight: normal; padding: 0 5px 0 0; font-size: 95%; font-style: italic; }
span label { width: auto; }

#EditRSVP label {width: auto;}

/* Classes */
.printoption, .printoption:hover{display:block; clear:both; text-decoration:none !important; border:none !important; }
.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;}
.blue {color: #0000FF; }
.centerwithpad {text-align: center; padding: 10px 0;}
.centerwithoutpad {text-align: center;}
.certificationSectionInstructions{ padding:8px; margin:2px ;font-size:1em; line-height: 1.7em;  background:#D8D1AC; border-radius: 4px; border:1px solid #708099 border-right:0px ; border-left:0px;
		letter-spacing:-0.5px;}
.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;}
.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: #4B6D24;}

.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; }
.messagealert a.content{text-decoration: none;  border-bottom: 1px solid #930 !important}
.message ol, .messagealert ol { text-align: left; }
.navigationoptions { text-align: right; color:transparent;}
.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 { 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;}
.certificationSectionInstructions.red {color: #60490C;}
.yellow {color: #60490C;}
.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;}
.products {width: 100%;}
.products td {padding: 2px;}
.products td .product {width: 100%;}
.products .quantity {width: 15%; text-align: center; padding: 0 3px 0 0;}
.products .price { text-align: right; padding: 0 3px 0 0;}
.product {color: #676767;}
.products strong a {color: #655D51; text-decoration: underline; font-weight:normal} /*text-decoration: none;*/
.products stong a:hover {color: #655D51;text-decoration: underline; font-weight:normal} /*text-decoration: underline;*/

fieldset[title="Additional Details"] legend {
    display: none;
}

/*
ol {
    padding: 0px;
    margin-bottom: 4em;
 }
li.row
{
counter-increment: myIndex;
list-style: none
}

li.rowalt, li.row{

    margin:5px 0px 15px 0px;
    padding: 1em;
    background-color: #D5D5D5;
    background: #ddd;
    transition: all .3s ease-out;
    border-left: 30px solid #555;
    font-size:1em;
}
ol li:hover{
    background: #eee;

}
li.row::before
{
content:counter(myIndex);
content: counter(myIndex) '.';
color: green;

}
*/
ol {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
    margin: 5em;
    padding: 0;
    counter-reset: li-counter;
}
ol> li{
    position: relative;
    margin-bottom: 20px;
    padding-left: 0.5em;
    min-height: 3em;
    border-left: 2px solid #D5D5D5;
    margin:5px 0px 15px 0px;
    padding: 1em;
    background-color: none;
    transition: all .3s ease-out;
    font-size:1em;
    border-radius: 0px 8px 8px 0px
}

ol li:hover{
    background: #D5D5D5;
    border-left: 2px solid #E8E8E8;
	border-radius:8px;
}
ol > li:before, ol >li.row:before {
    position: absolute;
    top: 0;
    left: -1em;
    width: 0.8em;
    font-size: 3em;
    line-height: 1;

    text-align: right;
    color: #225187;

    content: counter(li-counter);
    counter-increment: li-counter;
}

.messagealert ol> li{
    position: relative;
    min-height: 1em;
    border-left: 2px solid #D5D5D5;
    margin: 1px 0px 10px;
    padding: 0em;
    transition: all 0.3s ease-out 0s;
    font-size: 1em;
    border-radius: 0px 8px 8px 0px;
}
.messagealert ol > li:before, .messagealert  ol >li.row:before {
    font-size: 1.1em;
}

.messagealert ol  {
    margin:1em;
}

.results th  {color:#225187 !important; background:#D5D5D5 !important; font-size:1.4em}

.downarrow {
    width: 15px;
    height: 15px;
    padding: 0px 2px;
    font-size: 0.5em;
    margin: 8px 0px 0px 4px;
    display: inline-block;
    vertical-align: top;
    color: #383838;
}
.downarrow:hover {
	color: #5F534C;
   	cursor: pointer;
}
label, .signin label, #EditAttendee label, #paymentInfoDiv label {
    width: 100%;
    text-align: left;
}

#sessioning{line-height:1.5em}
.smallwarning {color:#C12327;}
#sessioning .status, #sessioning .options {background:#DAD7C9 ; padding:6px 4px; color:#000;  border-radius:3px}
#sessioning .status .floatright {color: #DAD7C9; margin-top:-3px;}
#sessioning .status a, #sessioning .options a{color: #000; background-color: #DBD8CB; border-radius:3px; text-decoration: none  background-image: -moz-linear-gradient(center bottom , #E7E7E7 10%, #FAFAFA 79%); font-size:1em ; padding:3px; border:1px solid #fff;  font-size:1em; }
#sessioning .status a:hover, #sessioning .options a:hover {color:#000; background:#F0F0F0;text-decoration: none; }
#sessioning .activityAction{color:#EEEEEE; font-size:1em}
#sessioning .activityAction em {color:#000}
#sessioning .activityAction a {color:#fff;  background:#2B5374 ; border-radius:3px ; padding:3px 6px; text-decoration: none}
#sessioning .activityAction a:hover {background:#05324C ; text-decoration: none; color:#fff;}
#sessioning .activityTitle{font-weight:bold; margin-top:8px; border-top: 1px solid #E7DEDE  }
#sessioning .activityAction{font-weight:normal; margin-left:10px; margin-top:5px}
.activity table.results{background:transparent; border:none; width:25%;  }
.activity table.results td  {background:transparent !important; border:none;   padding:0;}
.activity table.results a {display: inline-block; color:white !important;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;}
.activity table.results td.deadline {font-weight: bold; vertical-align: middle; color:green; text-align: left }
#schedule table.results td.deadline {font-weight: bold; vertical-align: middle; color:#D52B1E; text-align: left; width:250px; font-size:0.8em; display: block; margin-left:5px; }
#schedule table.results td a{font-size:0.9em; padding:3px; }
#schedule table.results td.:nth-child(1){display: block}
#schedule table.results{width:auto !important;}
#sessioning div > .button {font-size:1em; float:right; clear:both; margin-bottom:10px; padding:3px}
#sessioning .options {clear:both; color:#DAD7C9;  text-align: right}
td.deadline{ color:green !important; }
td.deadline span.incomplete{ color:#D52B1E !important; }
table.results label{text-align: left; display:inline;}
#sessioning textarea{width:100%}

#searchAttendees {margin-top: 20px; background-color: #eeeeee; border-radius: 7px; padding: 10px;}
#searchAttendees label {width: 25%; float: left; text-align: right; margin-right: 5px;}

form#manageSpeakers div.remove {float: right;}
form#manageSpeakers div.remove > label {display: inline;}


/*.searchcriteria div select#categoryID{height:200px;}*/
@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 {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;}
}


#editFormSubmission select+span.select2-container {
    min-width: 475px;
}

@media screen and (min-width : 320px) and (max-width : 600px) {
	#content{margin:0px 2px 0px 2px;}
}

@media screen and (min-width : 1200px) {
    #header {height:auto;}
}
@media screen and (min-width : 1400px) {
    #header {height:auto;}
}

@media screen and (min-width : 1300px) {
    #header {height:auto;}
}
@media screen and (min-width : 1700px) {
    #header {height:auto}
}
@media only screen and (max-width: 1024px) {
	#header, #content, .container-fluid { width: 100% !important; }
}
@media only screen and (max-width: 567px) {
    #header {height:80px !important;}
}

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

	.formedit label, .signin label, #FinalizeSubmission fieldset label { display: block; width: 100%; text-align: left; }
	#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%; }
	#content { font-size: 95%; }
	#navlist { display: none; }
	input.form-control, select.form-control, textarea.form-control { width: 100%; }
	.container-fluid { padding-left: 15px; }
	.navigationoptions { text-align: center; }
	.navigationoptions a { margin: 1em 0; }
	.navigationoptions a, input[type="text"], input[type="submit"] { display: block; width: 100%; }
	#header { margin: 0 auto; }
}
@media only screen and (min-width: 1050px) {
        #header {background-size: contain;
                background-position: center right;
            padding:6px;
        }

}
@media only screen and (max-width: 1050px) {
        #header {background-size: cover;
        padding:6px;
        }
        #header img {
            width: 50%;
            height: auto;
        }
}
@media only screen and (max-width: 600px) {
        background: rgba(103,130,160,1);
background: -moz-linear-gradient(top, rgba(103,130,160,1) 0%, rgba(98,125,155,1) 25%, rgba(61,94,129,1) 42%, rgba(31,74,109,1) 71%, rgba(31,74,109,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(103,130,160,1)), color-stop(25%, rgba(98,125,155,1)), color-stop(42%, rgba(61,94,129,1)), color-stop(71%, rgba(31,74,109,1)), color-stop(100%, rgba(31,74,109,1)));
background: -webkit-linear-gradient(top, rgba(103,130,160,1) 0%, rgba(98,125,155,1) 25%, rgba(61,94,129,1) 42%, rgba(31,74,109,1) 71%, rgba(31,74,109,1) 100%);
background: -o-linear-gradient(top, rgba(103,130,160,1) 0%, rgba(98,125,155,1) 25%, rgba(61,94,129,1) 42%, rgba(31,74,109,1) 71%, rgba(31,74,109,1) 100%);
background: -ms-linear-gradient(top, rgba(103,130,160,1) 0%, rgba(98,125,155,1) 25%, rgba(61,94,129,1) 42%, rgba(31,74,109,1) 71%, rgba(31,74,109,1) 100%);
background: linear-gradient(to bottom, rgba(103,130,160,1) 0%, rgba(98,125,155,1) 25%, rgba(61,94,129,1) 42%, rgba(31,74,109,1) 71%, rgba(31,74,109,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6782a0', endColorstr='#1f4a6d', GradientType=0 );
}