 #neopost_contactUs.modal textarea {
      min-height: 305px;
    }

    .list-inline.breadcrumb, .no_padding{
        padding: 0px;

    }
    .no_margin{
        margin: 0;

    }

 @media screen and (max-width: 1199px) {

    #templateBody{
          width:100%!important;
    }
    .container > .navbar-header{
        width:100%;
        margin-right: 0px;
        margin-left: 0px;
    }
    .upperCase{
        text-transform: uppercase;
    }

    .navbar.navbar-inverse.navbar-static-top.infBreakPoint{
        width: 100%;
    }

   #responsive-navbar{
        width: 100%;
        min-height: 2100px!important;
        position: relative;
        top: -120px;

    }
    .container {
        padding:0 0!important;
        margin:0 0!important;
        width: 100%!important;
    }
    .container > .navbar-collapse {
        margin-left: 0px!important;
    }
    .divider {
        border-bottom: solid 1px white;
    }
    .dropdown-ineo-menu{
        float: none!important;
        position: static!important;
        padding: 0 0;
        padding-left: 20px;
    }
    .dropdown-ineo-menu li:after, .dropdown-ineo-menu span:after, .dropdown-ineo-menu div:after{
        content: "";
        display: block;
        height: 1px;
        width: 100%;
        margin: 10px;
        background: #FFFFFF;
    }
    .dropdown-ineo-menu li:last-child:after,.dropdown-ineo-menu span:last-child:after,.dropdown-ineo-menu div:last-child:after{
       display :none;
    }
   .dropdown-ineo-menu>span>li>a,  .dropdown-ineo-menu>li>a, .dropdown-ineo-menu>div>li>a{
         color:#ffffff!important;
         text-decoration: none!important;        }

    .dropdown-ineo-menu>span>li>a,.dropdown-ineo-menu>div>li>a{
        padding: 5px 15px 5px 25px;
    }

    nav.navbar-nav.supBreakPoint{
        display: none;
    }
    #navbar-collapse{
        min-height: 900px;
    }
    .dropdown-toggle{
        height: 40px!important;
    }
    .navbar-wrapper{
        display: none;
    }

 	.plus{
     	float:right;
    	position:relative ;
	    top:-5px;
    }
   /*.plus:before {
      content: '';
      width: 23px;
      height: 1px;
      border-top: 3px solid #999999;
      display: block;
      position: absolute;
      margin-top: 15px;
      margin-left: 4px;
    }
    .plus:after {
      content: '';
      width: 1px;
      height: 23px;
      border-right: 3px solid #999999;
      display: block;
      position: absolute;
      margin-top: 4px;
      margin-left: 14px;
    }
	*/
	
    .plus:hover{
        color:#ffffff;
    }
    .dropdown.active.open .plus:after{
        display:none;
    }

}

@media screen and  (max-width: 767px) {
 html, body {
		overflow-y:hidden;
	}
  ul.footer_links li{
        padding:0 5px!important;
    }

}
@media screen and  (min-width: 768px) {
    nav.navbar-nav.infBreakPoint, .menu_open.panel-collapse.collapse{
        display: none;
    }
    .cc_container.alert-dismissible.fade.in {
      position: fixed;
      top: initial!important;
      width: 100%;
      margin-bottom: 0px;
      bottom: 0px;
      height: 100px;
      padding-top: 40px;
    }
}

.toggle-plus{
  background-image: url('../images/plus-minus.png');
  width: 20px;
  height: 20px;
  background-position: -8px -44px;
  background-repeat: no-repeat;
  position: absolute;
  right:30px;
  top:19px;
}

.toggle-minus{
  background-image: url('../images/plus-minus.png');
  width: 20px;
  height: 20px;
  background-position: -8px -8px;
  background-repeat: no-repeat;
  position: absolute;
  right:30px;
  top:19px;
}


/*
 ____            _     _                         _
|  _ \  __ _ ___| |__ | |__   ___   __ _ _ __ __| |
| | | |/ _` / __| '_ \| '_ \ / _ \ / _` | '__/ _` |
| |_| | (_| \__ \ | | | |_) | (_) | (_| | | | (_| |
|____/ \__,_|___/_| |_|_.__/ \___/ \__,_|_|  \__,_|

 */

.grey-back {
  background-color: #eeeeee;
  padding-bottom: 40px;
}

/*
 * My Account
 */
@media screen and  (min-width: 768px) {
  .myAccount .itemContainer {
      padding-left: 0px;
      padding-right: 0px;
      background-color: white;
      border: 1px solid #c0c0c0;
      text-align: center;
      padding-bottom: 10px;
      width: 216px;
      float:left;
      margin-top: 25px;
      margin-right: 20px;
  }

  .myAccount .manageMyUser img{
    width: 100px;
    margin-top: 10px;
  }

  .myAccount .manageMyDetails img{
    width: 69px;
    margin-top: 10px;
  }

  .myAccount .viewMyInvoices img{
    width: 99px;
    margin-top: 10px;
  }

  .myAccount .myLocations img{
    width: 67.5px;
    margin-top: 10px;
  }

  .myAccount .viewMyInvoices .pictureContainer:hover{
    background: rgba(0,0,0,0.6);
    position: relative;
  }

  .myAccount .viewMyInvoices .pictureContainer:hover img
  {
    opacity: 0.3;
  }
}

.ico-more{
  background-image: url("../images/Icon-More-Open-300dpi.png");
  width: 20px;
  height: 20px;
  background-position: 0 0;
  float: right;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  margin-right: 10px;
}

.ico-less{
  background-image: url("../images/Icon-Less-Close-300dpi.png");
  width: 20px;
  height: 20px;
  background-position: 0px 9px;
  float: right;
  background-repeat: no-repeat;
  background-size: 20px 2px;
  margin-right: 10px;
}

.ico-more-notif{
  background-image: url("../images/Icon-More-300dpi.png");
  width: 20px;
  height: 20px;
  background-position: 0 0;
  float: right;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  margin-right: 10px;
}

.ico-less-notif{
  background-image: url("../images/Icon-Less-300dpi.png");
  width: 20px;
  height: 40px;
  background-position: 0px 9px;
  float: right;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  margin-right: 10px;
}


.myAccount hr{
  margin-top: 0px;
  margin-bottom: 10px;
  border-top: 1px solid #c0c0c0;
}

.myAccount div.linkContainer a{
  color: black;
  text-decoration: underline;
  cursor: pointer;
}

.myAccount div.linkContainer a:hover{
  color: #72bf44;
  text-decoration: underline;
  cursor: pointer;
}

.grey-back h3
{
  color: black !important;
  padding-top: 10px !important;
}

.myAccount .pictureContainer
{
  border-bottom: 1px solid #c0c0c0;
  padding-bottom: 10px;
  position: relative;
}

.myAccount .linkContainer
{
  padding-top: 7px;
}







.myAccount .viewMyInvoices ul.hoverContent
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}






.myAccount .viewMyInvoices ul.hoverContent li{
  margin-bottom:10px;
}

.myAccount .viewMyInvoices ul.hoverContent li a
{
  color: white;
  cursor: pointer;
  text-decoration: underline;
}

.myAccount .viewMyInvoices ul.hoverContent li a:hover
{
  color: #72bf44;
  text-decoration: underline;
  cursor: pointer;
}




