body
{
    background-color: #d3d7d8;
    font-family: Montserrat, Arial, san-serif;
}

.noscroll { 
  overflow: hidden;
}


a
{
    color: #f15a24;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

#menubar
{
    margin-top: 10px;
    float: right;
    width: 600px;
    text-align: right;
    padding-bottom:10px;
}

#menubar a
{
    margin:10px;
    font-size: 12pt;
    font-weight: bold;
    text-transform: uppercase;
    color: #212121;
}

#container
{
    width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

#logo
{
    width: 480px;
    float:left;
}

#emotivea
{
    float:right;
    width: 120px;
    margin-right:20px;
}

#iepy
{
    float:right;
    width: 150px;
    margin-top: 10px;
}

#footer
{
    clear: both;
    margin-top: 60px;
    margin-bottom:60px;
    padding-left: 10px;
    width: 1120px;
    margin-left:auto;
    margin-right: auto;
}

#tou
{
     color: #0685a8;
    font-size: 12pt;
    font-weight: bold;
}

#customizeButton
{
    color: white;
    font-size: 12pt;
    background-color:    #0685a8;
    padding: 10px;
    margin-left: 20px;
}


#hometop
{
    margin-top:30px;
    width: 100%;
    border-collapse: collapse;
}

#homebr
{
    width: 456px;
    color: white;
    background-color: black;
    text-align: center;
    height: 350px;

}

#homeb
{
    font-size:72pt;
    display: block;
    line-height:90%;
}

#homer
{
    font-size:56pt;
    display: block;
    line-height:90%;
}

#homedesc
{
    font-size:12pt;
    width: 800px;
    background-color: white;
    text-align: justify;
    text-justify: inter-word;
    padding:20px
}

#homelistheader
{
    width: 100%;
    color: white;
    margin-top: 40px;
    border-collapse: collapse;
        font-weight: bold;
}

#homelistheader th {
    border-radius: 10px 10px 0px 0px;
    background-color: #0685a8;
    font-size:16pt;
    height: 80px;

}

#homelistemotions
{
    background-color: white;
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-size: 13pt;
    font-weight: bold;
    padding-top: 40px;
}

#homelistemotions td
{
   border:1px solid #0685a8;
}

#homelistemotions tr:first-child td {
  border-top: 20px solid white;
}
#homelistemotions tr:last-child td {
  border-bottom: 0;
}
#homelistemotions tr td:first-child {
  border-left: 10px solid white;
}
#homelistemotions tr td:last-child {
  border-right: 10px solid white;
}

#homelisttraits
{
    background-color: white;
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-size: 13pt;
    font-weight: bold;
    padding-top: 40px;
}

#homelisttraits td
{
   border:1px solid #f15a24;
}

#homelisttraits tr:first-child td {
  border-top: 20px solid white;
}
#homelisttraits tr:last-child td {
  border-bottom: 20px solid white;
}
#homelisttraits tr td:first-child {
  border-left: 10px solid white;
}
#homelisttraits tr td:last-child {
  border-right: 10px solid white;
}

.homelistbrands
{
    width: 540px;
    text-align: left;
    font-size: 11pt;
    font-weight: normal;
}

.homelistbrands div
{
    padding: 0px 20px;
}

#loginform
{
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    text-align: center;
    margin-top: 80px;
}

#loginheader
{
        background-color: #0685a8;
    color: white;
    font-size: 32pt;
    font-weight: bold;
    padding: 20px;
}

.loginfield
{
    background-color: #0685a8;
    color: white;
    width: 550px;
    border: 0px;
    padding: 15px 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.half
{
    width: 262px;

}

.loginfield::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 1; /* Firefox */
}

#loginsubmit
{
    font-size: 24pt;
    font-weight: bold;
}

#createacct
{
    margin-top: 30px;
    height: 200px;
}

.textlink
{
    color: #f15a24;
    font-weight: bold;
    cursor: pointer;
}

.mainbutton
{
    background-color: #0685a8;
    border: 0px;
    color: white;
    padding: 15px;
    cursor: pointer;
    transition: background-color 250ms;
}

.mainbutton:hover
{
    background-color: #0c5060;
}

.loginfield:focus::placeholder
{
    opacity: 0;
}

#createtou
{
    width: 600px;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

#createtou td{
    width: 225px;
    font-size: 8pt;
    text-align: left;
    font-weight:bold;
}

#createtou td:first-child
{
    width: 150px;
    text-align:center;
    font-size: 12pt;
}

#createtou td:last-child
{
    text-align: center;
}

#createsubmit
{
    font-size: 24pt;
    font-weight: bold;
}

#reportheader
{
    background-color: #0685a8;
    color: white;
    text-align: center;
    padding: 40px;
    font-size: 26pt;
    font-weight: bold;
    width: 1040px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

#reporttop
{
    width: 1120px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    border-collapse: collapse;
}

#reportdesc
{
    background-color: #4cbed8;
    padding: 0px 20px;
    font-size:11pt;
    border-right:2px solid #d3d7d8;
}

#reportcart
{
    background-color: #6ebd44;
    width: 180px;
    color: white;
}

#scheader
{
    text-align: center;
    display: block;
    text-decoration: underline;
    font-size: 10pt;
    font-weight: bold;
    margin-top: 5px;
}

#shoppingcart
{
    font-size: 8pt;
    width: 180px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

#shoppingcart tr td:last-child
{
    text-align:right;
}

#reporttable
{
        width: 1120px;
    margin-left: auto;
    margin-right: auto;
    border-collapse:collapse;
    margin-top: 20px;
}

#reporttable th
{
        color: white;
        font-weight:bold;
        padding: 10px;
    
}

#reporttable th:nth-child(odd)
{
    background-color: #012630;
}

#reporttable th:nth-child(even)
{
    background-color: #034254;
}

#reporttable td
{
        color: white;
        border-top: 1px solid #c0d3d8;
        text-align: center;
        padding: 20px;
        font-weight: bold;
        font-size: 10pt;
}

#reporttable td:first-child
{
    padding: 20px 60px;
}

#reporttable td:nth-child(odd)
{
    background-color: #024d60;
}

#reporttable td:nth-child(even)
{
    background-color: #0685a8;
}

.reporttabledesc
{
    font-weight: normal !important;
    text-align: left !important;
    padding: 10px 9px !important;
    width: 420px;
    font-size: 9pt !important;
}

.transparent{
       background:rgba(0,0,0,0.75);
       position:fixed;
       left:0;
       top:0;
           width: 100%;
    height: 100%;
    overflow-y: overlay;
   }
   
.transparent input::placeholder{
    color: black;
    opacity: 100%;
    text-align: center;
    font-weight: bold;
    font-family: Montserrat, Arial, san-serif;
}
   
#reportpricing
{
    position: relative;
    width: 600px;
    top: 25%;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
}

#reportpricing table
{
    text-align: center;
    width: 600px;
    font-size: 14pt;
    font-weight: bold;
    padding-bottom: 30px;
}

#reportpricing tr:first-child td
{
    padding-bottom: 10px;
}

#reportpricingheader
{
        background-color: #0685a8;
    color: white;
    padding: 10px;
    width: 580px;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 20pt;
}

.closebutton
{
    color: white;
    font-size: 12pt;
    position: absolute;
    right: 10px;
    top: 10px;
    font-weight: bold;
    cursor:pointer;
}

#reportbrands
{
        width: 600px;
    background-color: white;
    position: relative;
    top: 25%;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
        padding-bottom: 25px;
}

#reportbrandsselect
{
   width: 550px;
   margin-left: auto;
   margin-right: auto;
}

#reportbrandsheader
{
        background-color: #0685a8;
    color: white;
    padding: 10px;
    width: 580px;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 20pt;
}

.reportButton
{
    background-color: #024d60;
    border: 0px;
    color: white;
    padding: 15px;
    cursor: pointer;
    transition: background-color 250ms;
    display:inline-block;
    width: 140px;
}

.reportButton:hover
{
    background-color: #012630;
}


.reportbottombuttons
{
    width: 100%;
    font-size: 9pt;
    text-align: center;
    margin-top: 40px;
}

.reportbottombuttons td {
    width: 33%;
}

#reportbrandscost
{
    background-color: #0685a8;
    padding: 10px;
    color: white;
}

#reportbrandsplace
{
    background-color: #04242b;
    color: white;
    padding: 10px;
    cursor: pointer;
}

#reportbrandsplace:hover
{
    background-color: #0c5060;
    
}

#reportbrandsreset
{
        color: white;
    background-color: #0a4e5e;
    padding: 10px 25px;
    cursor:pointer;
}

#reportbrandsreset:hover
{
    background-color: #0c5060;
    
}

#filterForm
{
    width: 720px;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
    text-align:center;
    position: relative;
        padding-bottom: 25px;
        margin-bottom: 25px;
}

#filterForm>select
{
    width: 680px;
    margin-left:auto;
    margin-right:auto;
    display: block;
    margin-bottom: 10px;
}

#filterForm>input
{
    width: 666px;
    margin-left:auto;
    margin-right:auto;
    display: block;
    font-size: 12pt;
    margin-bottom:10px;
    margin-top: 20px;
    border-radius: 4px;
    border: 1px solid #aaa;
    padding: 6px;
}

#filterForm>input::placeholder
{
    color: #aaa;
    opacity: 100;
}

#filterForm>input:focus::placeholder
{
    opacity: 0;
}

#filterHeader
{
    font-size: 20pt;
    font-weight: bold;
    color: white;
    background-color: #0685a8;
    padding: 20px;
}

#filterDesc
{
    font-size: 12pt;
    color: white;
    background-color: #0685a8;
    padding-bottom: 20px;
}

#otherFilters
{
    border-collapse: collapse;
    width: 680px;
    margin-left: auto;
    margin-right: auto;
}

.awareChoice
{
    width: 48%;
    display: inline-block;
    text-align: center;
}

.demoFilterHeader
{
      font-weight: bold;
    color: white;
    background-color: #0685a8;
    padding: 10px 0px;
    width: 680px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #c0d3d8;
}

.demoFilterBody
{
    margin-bottom: 10px;
}

   .multiTable
   {
     border-collapse: collapse;
     width: 680px;
     margin-left:auto;
     margin-right:auto;
   }
   
   .multiTable td
   {
        vertical-align: middle !important;
   }
   
   .multiTable th
   {
       background-color: #0685a8;
    color: white;
    padding: 5px;
   }
   
   .multiTable td:first-child
   {
           width: 50% !important;
    text-align: left;
    padding-left: 5px;
   }
   
   .filterNumerical
   {
       width: 680px;
    margin-left: auto;
    margin-right: auto;
   }

.awareInstructions
{
    font-size: 10pt;
    text-align: left;
    width: 680px;
    margin-left: auto;
    margin-right: auto;

}
   
.select2-container
{
 margin-bottom: 10px;   
}

.select2-results__option[aria-selected] {
    cursor: pointer;
    width: 50%;
    border-radius: 10px;
    border: 2px solid #808080;
    margin: 10px;
    background-color: darkgray;
    color: white;
}
    
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #59c100;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #59c100;
    color: white;
    }
    
.select2-container--default .select2-results__option--highlighted[aria-selected=true] {
    background-color: #5897fb !important;
    color: white;
}

.select2-container--default .select2-results__option--highlighted[aria-selected=false] {
    background-color: #7b99ca !important;
    color: white;
}

.select2-container .select2-selection--multiple
{
#    max-height: 98px;
#    overflow-y: scroll;
}


.select2-results {
    background-color: #ddd;
}