/*==new footer===*/

          .n-footer{
            background-color: #2E9BF4;
          }
          .footer-row{
            display: flex;
            justify-content: space-between;
          }
          .w31{
            width: 31%;

          }
          .footer-container{
            width:95%;
            max-width: 1062px;
            margin-left:auto;
            margin-right:auto;
            padding-top:40px;
            padding-bottom:40px;

            }
            .footer-n-img{
              width:100%;
              max-width: 110px;
            }
            h2.footer-h2 {
              color: #fff;
              margin-top: 0;
              font-size: 16px;
              font-weight: bold;
          }
          ul.footer-menu-list {
            list-style: none;
            padding-left: 0;
            color: #ffff;
          }
        ul.footer-menu-list a {
            color: #fff;
            text-decoration: none;
        }
        ul.footer-menu-list li {
          margin-bottom: 6px;
        }
        .legit-img {
            text-align: right;
        }
        .color-white{
          color:#fff;
        }
        .all-right{
          margin:0;
          padding-bottom:10px;
        }

        @media(min-width: 1024px){
          .md-width-20{
            width:20%;
          }
        }

        @media(max-width: 767px){
          .w50-xs{
            width:50%;
          }
          .w100-xs{
            width:100%;
          }
          .footer-container{
            flex-wrap: wrap;
          }
          .legit-img {
              text-align: center;
          }
        }
/*========*/
.global-header{
  background-color:transparent!important;
  border-bottom:none!important;
}
.dialog-container,.panel.panel-default{
  background: #fff!important;
}
#login input, #signup input, body.demographics.registration input{
  border-radius: 10px!important;
  border: 1px solid #dfdfdf !important;
}
.p-t-b{
  padding:0!important;
}
.headerLogo {
    height: auto !important;
    width: 200px !important;
}
#questionnaire .questionnaire-container{
  background-color: transparent!important;
}
.legit-img a {
    display: inline-block;
}
.eric #content{
  background: transparent !important;
}
.panel.panel-default,.user_passwords .panel .panel-heading,.user_passwords .panel .panel-body,
#members-portal .account_mgmt_navbar.navbar.navbar-default
{
  background: #fff!important;
}
#members-portal .account_mgmt_navbar .main-header .nav.navbar-nav.navbar-right .nav-link{
  color:#000!important;
}
input {
    border: 1px solid #dfdfdf!important;
  }
  .btn-site-blue, .btn-warning, .btn-success{
    border-radius: 10px!important;
  }


  /*chat box*/
  #chatbox {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 300px;
    background: white;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    overflow: hidden;
}

/* Chat Header */
#chat-header {
    background: #1877f2;
    color: white;
    padding: 10px;
    font-size: 16px;
    display: flex;
    /*justify-content: space-between;*/
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
}
#chat-header span:first-child{
  width:100%;
}

#chat-header button {
    background: none;
    border: none;
    color: white;
    font-size: 18px;
    cursor: pointer;
}

/* Chat Content */
#chat-content {
    height: 300px;
    overflow-y: auto;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

/* Chat Messages */
.message {
    font-size: 14px;
    color: #333;
    margin-bottom: 8px;
}

/* Chat Input */
#chat-input-container {
    display: flex;
    padding: 8px;
    background: #f9f9f9;
    justify-content: space-between;
}

#chat-input {
    flex: 1;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
input#chat-rply{
  width: 100%;
}

#send-btn {
    background: #1877f2;
    color: white;
    border: none;
    padding: 8px 12px;
    margin-left: 5px;
    cursor: pointer;
    border-radius: 5px;
}

#send-btn:hover {
    background: #135cb8;
}
div#chat-content table.table.border-lightgray {
    border: none !important;
}
tbody#chatResponse tr, tbody#chatResponse td, table {
    border: none;
    background: #fff!important;
}
 .main-header .nav.navbar-nav.navbar-right .nav-link{
  padding-left:5px!important;
  padding-right:5px!important;
}
 .main-header .nav.navbar-nav.navbar-right .nav-link{
  font-size:12px!important;
}
@media(min-width:1081px) and (max-width:1150px){
  #members-portal .account_mgmt_navbar .main-header{
    flex-flow:column
  }
}

@media (max-width: 1080px) {
     .main-header .nav.navbar-nav.navbar-right {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width:100%;
        text-align: center;
    }
         .main-header .nav.navbar-nav.navbar-right li {
        width: 100%;
    }
         .main-header .nav.navbar-nav.navbar-right .nav-link {
        color: #fff !important;
    }
     .main-header .navbar-collapse {
        border: none;
        box-shadow: none;
        position: fixed;
        left: 0;
        top: 0;
        height: 100%!important;
        width: 100%;
        background: #474747;
        z-index: 25;
    }
    .navbar-collapse.collapse {
        display: none !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
        .navbar-toggle {
        display: block!important;
        float:right;
        margin-top:0;
    }
    .navbar-header{
      width:100%!important;
    }
        .navbar-toggle {
        z-index: 99999999!important;
    }
    
}
@media (min-width: 1024px) {
     .main-header li:not(:last-of-type) {
        margin-right: 15px;
    }
    #members-portal .account_mgmt_navbar .main-header li:not(:last-of-type){
      margin-right:15px!important;
    }
}
@media (min-width: 768px) {
    .dialog-container {
        margin-top: 0;
        padding: 60px 80px 80px 80px;
        padding-top:0!important;
    }
}

@media (max-width: 768px) {
    .for-sticky-footer {
        background: #fff;
    }
}


@media (min-width: 1081px) {
    .navbar-toggle {
        display: none!important;
    }
}
/*end here*/
@media (min-width: 768px) {
    img.logo-p {
        max-width: 100%;
        height: 37px;
    }
}

/* custom sub-menu */
.show-drop-down-menu .submenu-dropdown {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    min-width: 180px;
    background: #fff;
    border: 1px solid #ccc;
    list-style: none;
    padding: 0;
}

.show-drop-down-menu .submenu-parent {
    position: relative;
}

.show-drop-down-menu li a {
    white-space: nowrap;
}

ul.submenu-dropdown li a {
    color: #333333;
    font-weight: normal;
    display: block;
    
    padding: 10px;
    border-bottom: 1px solid #f1f1f1;
}
ul.submenu-dropdown li {
    margin-right: 0 !important;
}
ul.dropdown-menu.show-drop-down-menu {
    padding: 0;
}
ul.dropdown-menu.show-drop-down-menu li{
  margin-right:0!important;
}
ul.dropdown-menu.show-drop-down-menu li a {
    padding: 10px;
    border-bottom: 1px solid #d5d5d5;
    font-weight: 600;
}
.dropdown-menu{
  min-width:200px;
}
.show-drop-down-menu .submenu-dropdown{
  min-width:200px;
}
@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: 0;
        
    }
}

@media(max-width:1080px){
  .navbar-nav{
    margin:0;
  }
  .dropdown-menu {
    min-width: 100%;
  }
  .show-drop-down-menu .submenu-dropdown{
    position:static;
  }
}
/* ends */