@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

/* Reponsive Mobile Layout
----------------------------------*/
header .centered,
footer .centered,
div.wrapper .centered {
	min-width:0;
}

@media all and (max-width: 980px) {
/* Primary Navigation
----------------------------------*/
   header button.btn-navbar-collapsed {
      display: block;
		width:34px;
		height:28px;
		margin:8px 8px 0 0;
		background: #DDDDDD url(isys-common-images/menu-collapse-grey.png) no-repeat center center;
		background-size: 20px 16px;
		float: right;
		outline:none;
		border:none;
		border-radius:2px;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
   }

   header .primary-navigation {
		display:none;
		position: absolute;
		width: 100%;
		top: 45px;
		background-color: #FFFFFF;
		z-index: 10;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
      border-top: 1px solid #ddd;
	}
	
   header .navigation-left,
   header .navigation-right {
      float:none;
   }

   header .primary-navigation ul {
		line-height:40px;
        min-width: 160px;
	}

	header .primary-navigation ul li {
		display:block;
      border-top: 1px solid #CDCDCD;
      float:none;
	}

   header .primary-navigation li a {
		color: #000;
		float:none;
      display:block;
	}

   header .primary-navigation li a.image-link {
		color: #000;
		background-image:none;
		font-size: inherit;
		padding: 0 20px 0 20px;
		display:block;
		width:auto;
   }

   header .primary-navigation a:hover {
      background-color: #F7F7F7;
   }

   header .primary-navigation a.image-link.current {
      background-color: #DDD;
      background-color: -moz-linear-gradient(top, #F6F6F6 0%, #DDD 100%);
      background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6F6F6 ), color-stop(100%,#DDD));
      background-color: -webkit-linear-gradient(top, #F6F6F6 0%,#DDD 100%);
      background-image: linear-gradient(to bottom, #F6F6F6 0%,#DDD 100%);
   }

    header .primary-navigation .message-counter-outer
    {
        right: 5px;
    }

   header .banner-left{
      width: 160px;
   }

   footer .banner-left {
      width:0px;
      font-size: 0;
      padding: 0;
   }

/* Login and Password Reset
----------------------------------*/
   .login-wrapper {
      margin:0;
      border-radius:0;
      width:100%;
      height:100%;
      position:absolute;
   }

   .login-body {
      position: absolute;
      top:95px;
      bottom: 0;
      background-color:#FFFFFF;
   }

   .login-body .input-form {
      float: initial;
      padding: 0;
      width: auto;
      margin: 0 10px;
      position: initial;
   }

   .login-body .helper {
      margin: 10px;
      width:auto;
      float:initial;
   }

/* Popover Widget
----------------------------------*/
   .popup-dialog {
      top:0;
      left:0;
      right:0;
      bottom:0;
      margin:0;
      border:none !important;
      box-shadow:none !important;
      width:100%;
      height:100%;
   }

   .popover-handle {
      cursor:default !important;
   }

   .confirmation-dialog-inner {
      width: initial !important;
      position: absolute;
      bottom: 0;
      top: 25px;
      right: 0;
      left: 0;
   }

   .popup-confirmation-buttons {
/*      position: absolute;
      bottom: 5px;
      left:0;*/
   }

   .partial-container {
      overflow: auto;
      position: relative;
  /*    bottom: 50px;
      top: 5px;
      right: 5px;
      left: 5px;*/
   }

   .popup-confirmation-buttons div {
      padding: 5px;
      float:none !important;
      margin: 0 auto;
      display:table;
   }

   .popup-confirmation-buttons div a.site-button {
      padding-left: 20px;
      padding-right: 20px;
   }

   .popup-confirmation-buttons div .button-margin {
      margin-right:20px;
   }
}