html {
    background-color: #e2e2e2;
    margin: 0;
    padding: 0;
}

body {
    background-color: #fff;
    border-top: solid 10px #000;
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0 auto;
    padding: 15px 15px 15px 15px;
    max-width: 1000px;
}

.accordian-nodisplay {
    display: none;
    padding: 0 !important;
    height: 0 !important;
}

.accordian-display {
    display:grid ;
}

#skiptocontent a {
        padding: 6px;
        position: absolute;
        top: -40px;
        left: 0px;
        color: white;
        border-right: 1px solid white;
        border-bottom: 1px solid white;
        border-bottom-right-radius: 8px;
        background: transparent;
        -webkit-transition: top 1s ease-out, background 1s linear;
        transition: top 1s ease-out, background 1s linear;
        z-index: 100;
    }
#skiptocontent a:focus {
	position:absolute;
	left:0px;
	top:0px;
	background:#BF1722;
	outline:0;	
	-webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
}
/* Used to add more to link text for screen readers*/
td a span {
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  top: -10px;
}

#header {
    padding: 15px;
    background-color: #BCE4F2;
    width: 96%;
}

a {
    color: #333;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}

    a:visited,
    a:active, a:hover {
        color: #19176d;
    } 
    
    a:active, a:focus{
        color: #3f66cb ! important;
        background-color:#d7d8dc ! important;
      
    }

    a:hover {
        background-color: #c7d1d6;
    }

header, footer, hgroup,
nav, section {
    display: block;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
    margin-right: 15px;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 2.1em;
    padding-bottom:5px;
    border-bottom:1px solid #BCE4F2;
    margin-bottom:5px;
}
    h1.home {
        border: none;
    }

h2 {
    font-size: 1.75em;
}

#tablerightW h2 {
    font-size: 1.3em;
    margin-bottom: 10px;
}
h2.resource {
    font-size: 1.5em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }


/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    /*   max-width: 960px; */
}

#body {
    background-color: #efeeef;
    clear: both;
    padding-bottom: 35px;
    padding: 15px 15px 35px 15px;
}

.main-content {
    background: url("../Images/accent.png") no-repeat;
    padding-left: 10px;
    padding-top: 30px;
}

.featured + .main-content {
    background: url("../Images/heroAccent.png") no-repeat;
}

header .content-wrapper {
    padding-top: 20px;
}

footer {
    clear: both;
    background-color: #e2e2e2;
    font-size: .8em;
    height: 85px;
    margin-top: 25px;
    padding:5px;
}
    footer p.footerName {
        font-size: 1.2em;
        color: black;
        font-weight: bold;
    }

/* site title
----------------------------------------------------------*/
.site-title {
    color: #333;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 0;
    margin-bottom: 15px;
}

    .site-title a, .site-title a:hover, .site-title a:active {
        background: none;
        color: #c8c8c8;
        outline: none;
        text-decoration: none;
    }


/* login
----------------------------------------------------------*/
#login {
    display: block;
    font-size: .85em;
    margin: 0 0 10px;
    text-align: right;
}

    #login a {
        background-color: #d3dce0;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

        #login a.username {
            background: none;
            margin: 0;
            padding: 0;
            text-decoration: underline;
        }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }


/* menu
----------------------------------------------------------*/
ul#menu {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
}

    ul#menu li {
        display: inline-block;
        list-style: none;
        padding: 10px;
        border: solid 1px;
        background-color: #eee;
    }

        ul#menu li.sidebutton {
            float: right;
            background-color: #ffffff;
            border: solid 1px blue;
            padding:5px;
            margin-left:10px;
            margin-top:5px;
            font-size:.9em;
        }

        ul#menu li a {
            background: none;
            color: #333;
            text-decoration: none;
            display:block;
            padding:3px;
        }

        

 ul#menu li.selected {
                background-color:#163686;
                font-weight:bold;
                color:white;

            }
    ul#menu li.selected a {
        color: white;
    }
        ul#menu li a:hover, ul#menu li a:active, ul#menu li a:focus, ul#menu li.selected a:hover, ul#menu li.selected a:active, ul#menu li.selected a:focus {
                color:#000 ! important;
                text-decoration: none;
                background-color:#BCE4F2  ! important;
            }
/* page elements
----------------------------------------------------------*/
/* featured
.featured {
    background-color: #fff;
}

    .featured .content-wrapper {
        background-color: #7ac0da;
        background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        color: #3e5667;
        padding: 20px 40px 30px 40px;
    }

    .featured hgroup.title h1, .featured hgroup.title h2 {
        color: #fff;
    }

    .featured p {
        font-size: 1.1em;
    } */

/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

    hgroup.title h1, hgroup.title h2 {
        display: inline;
    }

    hgroup.title h2 {
        font-weight: normal;
        margin-left: 3px;
    }

/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}


.label {
    font-weight: 700;
}
div.export {
    width: 95%;
}
a.exportExcel {
    background: url(../Images/export_excel.png) no-repeat top left;
    display: block;
    height: 30px;
    float:right;
    width:120px;
    font-size: 1.2em;
    font-weight: bold;
    padding-left:35px;
    padding-bottom:10px;
}
/* login page */
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

    #loginForm .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-errors li {
        display: inline;
        list-style: none;
        margin: 0;
    }

    #loginForm input {
        width: 250px;
    }

        #loginForm input[type="checkbox"],
        #loginForm input[type="submit"],
        #loginForm input[type="button"],
        #loginForm button {
            width: auto;
        }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2 {
        margin-bottom: 5px;
    }

#socialLoginList button {
    margin-bottom: 12px;
}

#logoutForm {
    display: inline;
}

/* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/* forms */
#editarea {
    border: solid 1px #7ac0da;
    padding: 15px;
    width: 95%;
    display: block;
    background-color:#F6F6F6;
}
#bottomTables {
    border-top: 4px solid #9AB0B8;
    
    padding: 5px;
    display:block;
    margin-top: 35px;
     width: 99%;
    
}

#activitylog {
    padding: 0px;
    width: 95%;
    display: block;
}

#detailTables {
    margin-top: 1px;
}

div.sectionHeader {
    display: block;
    padding: 6px;
    width: 95%;
    padding-bottom: 0px;
    margin-top: 6px;
}


hr {
    color: #7AC0DA;
    margin: 0;
    padding: 0;
    width: 99%;
    border-collapse: collapse;
    border: 1px solid #7ac0da;
    line-height: 1px;
}
hr.hrdark {
         border-collapse: collapse;
    border: none;
    border-top: 1px solid #666666;
    color: #ffffff;
    width: 97%;
    margin-top: 2px;
}

div.sectionHeader.wide {
    width: 97%;
}

.header {
    font-size: 1em;
    font-weight: bold;
}

.detailHeader {
    float: left;
    font-size: 1.1em;
    font-weight: bold;
}

.formleft, .formright, #tablesleft, #tablesright, #bottomleft, #bottomright, #reviewDetailButtons, .form45left, .form45right {
    display: inline-block;
    width: 50%;
}
.formleft{
    width: 25%;
}
.form45left, .form45right {
    width: 45%;
}



#editarea .formleft, #tablesleft,  #formDetailLeft, #reviewDetailButtons {
    float: left;
    width: 40%;
   
}


#formDetailLeft,#bottomleft {
    width: 50%;
}
 #reviewDetailButtons {
     width: 20%;
     min-width:65px;
     display:inline-block;
     float:left;
}
#ReviewStatusDiv {
    width: 68%;
    min-width:150px;
    display:inline-block;
    float:right;
}

.formright, #tablesright,#bottomright, #formDetailRight {
    float: right;
    width:50%
}
#editarea .formright {
    width: 58%;
}
.formright {
    width: 75%;
}
#tablesright {
    float: left;
    width: 50%;
}
#tablesleft {
    float: right;
    width: 50%;
}
#formDetailRight{
     width: 50%;
}

#formleftN {
    float: left;
    width: 30%;
    margin-bottom: 15px;
}

#formfullWidth, #tablefullWidth {
    float: none;
    width: 100%;
    margin-bottom: 15px;
}

#tablefullWidth {
    width: 100%;
}

#tableFixed1000 {
    width: 1000px;
    margin-bottom: 15px;
    overflow-x: auto;
}

#tablerightW {
    float: right;
    width: 60%;
}
#ReviewStatusDiv, #ReviewFixedDiv {
    background-color: #CDEBF6;
    padding: 0 1em 1em 1em;
    margin: 0em 1em 0 0em;
    border: solid 1px #ccc;
   
}
#ReviewFixedDiv {
    background-color: #dfdfdf;
     margin-top: 1em;
}
section.activity ul {
    list-style: none;
    margin: 15px 0 0 0;
}
    section.activity ul li {
        padding: 5px;
        border: solid 1px #c8c8c8;
        margin: 0;
    }
#activitylog {
    margin-top: 15px;
    height:auto;
    max-height:250px;
}
#adminLeftContainer
{
    float: left; 
    width: 20%;
    font-size:.9em;
    
}
    #adminLeftContainer ul li {
        padding-bottom: 8px;
        
    }
        #adminLeftContainer ul li a {
            font-size: 1.3em;
            font-weight:bold;
        }
#adminRightContainer
{
    float: left; 
    width: 75%;
    margin-left:30px;
    margin-top: 0px;
   
}
    #adminRightContainer p {
        margin-top: 25px;
        margin-left:30px;
        font-size:1.3em;
        width:95%;
    }
    #adminRightContainer h2.detailHeader {
        font-size: 1.7em;
        float:none;
        margin-top:0px;
        padding-top:0px;
    }
fieldset {
   border: 3px #ccc solid;
margin: 10px 10px 5px 10px;
padding: 20px 0px 20px 20px;
}

    fieldset legend {
      /*  display: none;*/
      color:#333;
      font-weight:bold;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

label {
    display: block;
    font-size: 1em;
    font-weight: 600;
}

    label.checkbox {
        display: inline;
    }
div#calculateduedate {
    background-color:#FFFDD9;
    padding:3px;
      width: 90%;
}
    div#calculateduedate label {
        display:inline;
    }

input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.05em;
    margin: 0;
    width: 90%;
}
input#daystilldue {
    width:30px;

} 

    input[type=radio] {
        width: auto;
    }

fieldset.filters {
    margin-top: 10px;
    border: 1px dashed;
    padding: 0 1em 1em 1em;
}
fieldset.filters div#accordion h5 {
        margin-top: 5px !important;
}
    fieldset.filters legend {
        display: block;
        background-color: white;
        padding: 0 0.35em;
    }

.left {
    display: inline-block !important;
    width: 46%;
    vertical-align:top;
}

.ms-options-wrap  span {
    overflow-wrap: break-word;
    white-space: normal;
}
div.keyword-searches {
    width:50%;
    float:left;
}
div.keyword-searches div.left {
    margin-top:1em;
}
div.keyword-searches div.ui-accordion-content div.editor-field.left {
    margin-top:0em;
}
.leftset {
    display: inline-block;
    width: 25%;
    margin-right: 4% !important;
    padding-left: .1em !important;
    padding-right: .1em !important;
}

.leftsetw {
    width: 40% !important;
}

.right {
    display: inline-block !important;
    width: 46%;
    margin-left: 2%;
    /*float:right;*/
}

.middleset {
    display: inline-block !important;
    width: 25%;
    margin-right: 4%;
    /* float:left;*/
}

.middlesetn {
    width: 15%;
}

.rightset {
    display: inline-block;
    width: 25%;
    margin-right: 2%;
    /*  float:right;*/
}

.rightsetw {
    width: 30%;
}

.long {
    width: 66%;
}

.short {
    width: 28%;
    margin-right: 2%;
    display: inline-block;
}

.long2 {
    width: 80%;
}

.short2 {
    width: 15%;
    display: inline-block;
    text-align: right;
}

.long3 {
    width: 78%;
}

.short3 {
    width: 19%;
    display: inline-block;
    text-align: right;
}

.noeditlabel {
    font-size: .9em;
    font-weight: bold;
    color: #333;
}

.editor-label,
.editor-label label {
    font-size: 1.1em;
    margin-top: 2em;
    color: #0C2E82;
    font-weight: 600;
}

#editarea .editor-label {
    font-weight: normal;
    margin-top: 1em;
}

.editor-label-top,
.editor-label-top label {
    font-size: 1em;
    margin-top: 0.5em;
    color: #0C2E82;
    font-weight: normal;
}
div.keyword-searches .editor-label {
    margin-top:1em;
}
div.switchList div.editor-label-top {
    text-align: center;
    text-transform: uppercase;
    font-size: .9em;
    font-weight: bold;
}

.font-small {
    font-size: 0.9em
}

.editor-select {
    font-size: 1em;
}
a[type="button"].reset-button {
    background-color: #C00000;
    color: #ffffff;
}
input[type="submit"].startSearch {
    background-color: #367C36;
    color: #ffffff;
}

textarea {
    font-family: inherit;
    width: 500px;
}

    input:focus, textarea:focus {
        border: 1px solid #7ac0da;
    }

input[type="checkbox"] {
    background: transparent;
    border: inherit;
    width: auto;
}

input[type="submit"],input[type="reset"],
input[type="button"],a[type="button"],
button {
    background-color: /*#d3dce0*/  #CDEBF6;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1em;
    font-weight: 600;
    padding: 4px;
    margin-right: 8px;
    width: auto;
    vertical-align: bottom;
    margin-top: 10px;
    margin-bottom: 0px;
   
    text-decoration: none;
    font: -webkit-small-control;
    letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
}

button.ui-multiselect {
    margin-top: 2px;
}


.addDetail {
    font-size: .9em;
    float: right;
}

.showhideDetail {
    font-size: .9em;
}

td input[type="submit"],
td input[type="button"],
td button {
    font-size: 1em;
    padding: 4px;
    margin-right: 4px;
}

.editButton, #movebutton.editButton, .editButtonR {
    display: inline-block;
    padding: 3px;
    width: 70%;
    min-width:50px;
    text-align:center;
    font-weight: bold;
    border: solid 2px;
    margin-bottom:10px;
    white-space: normal;
}
.editButtonR {
    float: right;
    margin-top:2.5em;
    margin-right:2em;
    width:auto;
}

.switchList {
    display:inline-block !important;
    width: 35%
}

.switchList select {
    width: 100%;
    background-color: #e6e6e6;
}

.switchListButtons {
    display:inline-block !important;
    text-align: center;
    vertical-align: top;
    width: 20%;
    margin-top:4em;
    font-weight: bold;
    margin:4em 1em 0em 1em;
   
}

.switchListButtons a{
    text-decoration: none;
    display:block;
     border:1px solid;
    padding:5px;
    margin-top:1em;

}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
    z-index: 100 !important;
    background-color: #ffffff;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e !important;
    background: #fffa90 !important;
    color: #777620 !important;
}

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}


/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
  /*  border: 1px solid;*/
}

caption {
    font-size: 1.2em;
    font-weight: bold;
    font-variant: small-caps;
    text-align: left;
}

th {
    font-size: 1em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
    font-weight:bold;
}

    th a {
        display: block;
        position: relative;
        
    }

        th a:link, th a:visited, th a:hover {
            color: #333;
            font-weight: 700;
            text-decoration: none;
            padding: 0;
        }

        th a:hover, th a:active {
            color: #000;
        }

    th.headerSortUp a, th.headerSortDown a {
        padding-right: .6em;
    }

        th.headerSortUp a:after, th.headerSortDown a:after {
            display: block;
            position: absolute;
            right: 0em;
            top: 0;
            font-size: 0.75em;
        }

        th.headerSortUp a:after {
            content: '▲';
        }

        th.headerSortDown a:after {
            content: '▼';
        }

td {
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}
td ul {
    padding: 15px;
}

td ul li {
    padding: 0px;
    margin: 0px;
}
.casetable {
    border-collapse: collapse;
    width: 95%;
    font-size: .9em;
    margin-top: 1px;
    table-layout: fixed;
    display:block;
}
.casetable.widest {
    width:100%;
}

 #detailTables   .casetable.wide {
        width: 97%;
        display:table;
    }

  .casetable.wide {
        display:block;
    }

    table.note.casetable.wide {
        border: 2px solid #CC9999;
         width:100%;

    }
    table.note.casetable.wide td {
        padding:4px;

    }
    div.note {
        padding:20px;
        background-color: #CDEBF6;
        width:93%;
        border:1px solid #ccc;
    }
.scroll {
    overflow-y: scroll;
   /* max-height: 300px;*/
}
section.activity h2, section.missing h2 {
    margin: 0px;
}

section.missing {
    padding: 15px;
    background-color: #CDEBF6;
    background-color:#CDEBF6;
    color: #000;
    margin-top:25px;
    margin-left:10%;
    width:85%;
    display:block;
}
#bottomright section {
    margin-left: 5%;
}
    section.missing p {
        padding: 5px;
        display: block;
        width: 97%;
        border-top: 1px solid #000;
         border-bottom: 1px solid #000;
        width:97%;
        background-color:#efefef;
       
    }
    section.missing ul {
        margin-left:15px;
        padding:0;
        
    }

.casetable caption {
    margin-top:15px;
}
#editmilestonetbl.casetable th {
    background-color: #CDEBF6;
}

.casetable td, .casetable th {
    border: solid 1px #808080;
    padding: 4px;
    word-wrap: break-word;
}

.casetable th.th-milestone {
    width:225px
}
.casetable th.th-comments {
    width:340px
}
.casetable td textarea {
    width:335px
}
.casetable th.th-date {
    width:100px
}
.casetable th.th-name {
    width:130px
}
.casetable th.th-check{
    width:75px
}
.casetable th.th-link{
    width:75px
}


#activitylog table.casetable {
    width: 99%;
}

.even {
    background: #ffffff;
    height: 20px;
}

.odd {
    background: #FFE2BF;
    background: #FFFFD0;
    background: #FFE6CC;
   
    background: #FFE6CC;
     background: #FFFDD9;
    height: 20px;
}
table.oddblue  tr.odd {
    background: #CDEBF6;
    height: 20px;
}
._filterText {
    width: 95% !important;
    background-color: #DFE5EA;
}

.casetable th {
    color: #333666;
}

    .casetable th.header {
        color: #074981;
        text-decoration: underline;
        cursor:pointer;
        font-weight:bold;
   /*    padding-left:20px;
        background-image: url(../Images/sortable.gif);
        background-repeat:no-repeat;
        background-position:left center;*/ 
    }

/* checkbox list 
----------------------------------------------------------*/
label.editor-cbl {
    display: inline;
    font-size: 1em;
    font-weight: 500;
}

/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {

    /* header
    ----------------------------------------------------------*/
    header .float-left,
    header .float-right {
        float: none;
    }

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
    }

    /* login */
    #login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

            #login a:hover {
                color: #333;
            }

    /* menu */
    nav {
        margin-bottom: 5px;
    }

    ul#menu {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        ul#menu li {
            margin: 0;
            padding: 0;
        }


    /* main layout
    ----------------------------------------------------------*/
    .main-content,
    .featured + .main-content {
        background-position: 10px 0;
    }

    .content-wrapper {
        padding-right: 10px;
        padding-left: 10px;
    }

    .featured .content-wrapper {
        padding: 10px;
    }

    /* page content */
    article, aside {
        float: none;
        width: 100%;
    }

    /* ordered list */
    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li {
            padding-left: 10px;
            margin: 25px 0;
        }

            ol.round li.zero,
            ol.round li.one,
            ol.round li.two,
            ol.round li.three,
            ol.round li.four,
            ol.round li.five,
            ol.round li.six,
            ol.round li.seven,
            ol.round li.eight,
            ol.round li.nine {
                background: none;
            }

    /* features */
    section.feature {
        float: none;
        padding: 10px;
        width: auto;
    }

        section.feature img {
            color: #999;
            content: attr(alt);
            font-size: 1.5em;
            font-weight: 600;
        }

    /* Multiselects*/



    /* forms */
    input {
        width: 90%;
    }

    /* login page */
    #loginForm {
        border-right: none;
        float: none;
        width: auto;
    }

        #loginForm .validation-error {
            display: block;
            margin-left: 15px;
        }

    #socialLoginForm {
        margin-left: 0;
        float: none;
        width: auto;
    }


    /* footer
    ----------------------------------------------------------*/
    footer .float-left,
    footer .float-right {
        float: none;
    }

    footer {
        text-align: center;
        height: auto;
        padding: 10px 0;
    }

        footer p {
            margin: 0;
        }

    
}