/*******************************************************************************
 * Copyright     : Copyright (c)  2019 Honeywell Inc. All rights reserved.
 *                 This work contains trade secrets and confidential materials
 *                 of Honeywell Inc., and its use or disclosure in whole or in
 *                 part without express written permission of Honeywell Inc.
 *                 is prohibited.
 *
 * Name          :  configure-apu-reducer.ts
 *
 * Project Title :  Checkout
 *
 * Description	 :  Bootstrap v3.3.7 (http://getbootstrap.com)
 *                  Copyright 2011-2016 Twitter, Inc.
 *                  Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *                  ! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css !
 *
 * Company       : Honeywell Technology Solutions , Hyderabad
 *
 * @Author       : H224423
 *
 * @Date	       : Mar 2 2020
 *
 * @Version      : Version 1.0
 *
 * By            : H224423
 * On            : Mar 2 2020
 * Description   : Added modification history. ASDS-2353 changes - IE page changes.
 *
 * By            : H224423
 * On            : Mar 4 2020
 * Description   : Fixed css issue.
 *
 * By            : H224423
 * On            : Mar 4 2020
 * Description   : Fixed css issue. Fullscreen background color changes.
 *
*******************************************************************************/

body.browserSupport {
    margin: 0;
  }

  .browserSupport a {
    background-color: transparent;
  }
  .browserSupport a:active,
  .browserSupport a:hover {
    outline: 0;
  }
  .browserSupport img {
    border: 0;
  }
  svg:not(:root) {
    overflow: hidden;
  }


  /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */


  * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  *:before,
  *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }

  img {
    vertical-align: middle;
  }
  #browser-incompatible {
    position:fixed;
    padding:0;
    margin:0;
    top:0;
    left:0;
    height: 100%;
    width: 100%;
    background: #303030;
  }
  .browser-not-supported-row{
    padding-top: 20px;
  }
  .containerBox {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    background: #303030;
    min-height: 700px;
    padding-top: 10%;
    padding-bottom: 10%;
  }
  @media (min-width: 768px) {
    .containerBox {
      width: 750px;
    }
  }
  @media (min-width: 992px) {
    .containerBox {
      width: 970px;
    }
  }
  @media (min-width: 1200px) {
    .containerBox {
      width: 1170px;
    }
  }

  .containerBox .row {
    margin-right: -15px;
    margin-left: -15px;
  }
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
  }
  .col-xs-12 {
    width: 100%;
  }
  .col-xs-11 {
    width: 91.66666667%;
  }
  .col-xs-10 {
    width: 83.33333333%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-8 {
    width: 66.66666667%;
  }
  .col-xs-7 {
    width: 58.33333333%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-5 {
    width: 41.66666667%;
  }
  .col-xs-4 {
    width: 33.33333333%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-2 {
    width: 16.66666667%;
  }
  .col-xs-1 {
    width: 8.33333333%;
  }



  .containerBox:before,
  .containerBox:after,

  .containerBox .row:before,
  .containerBox .row:after
   {
    display: table;
    content: " ";
  }

  .containerBox .center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .containerBox .pull-right {
    float: right !important;
  }
  .containerBox .pull-left {
    float: left !important;
  }
  .containerBox .hide {
    display: none !important;
  }
  .containerBox .show {
    display: block !important;
  }
  .containerBox h1{
    font-family: HoneywellSansWeb-Bold, sans-serif;
    font-size: 30px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    margin:0px 0px 25px 0px;
    line-height: 38px;
  }
  .containerBox h1.browsers-download-link {
    font-size: 24px;
    margin: 30px 0px 0px 0px;
  }
    @font-face {
      font-family: HoneywellSansWeb-Bold, sans-serif;
      src: url(../fonts/HoneywellSansWeb-Bold.eot) format('embedded-opentype');
      src: url(../fonts/HoneywellSansWeb-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/HoneywellSansWeb-Bold_woff.woff) format("woff"), url(../fonts/HoneywellSansWeb-Bold_ttf.ttf) format("truetype"), url(../fonts/HoneywellSansWeb-Bold_svg.svg) format("svg");
      font-weight: 700;
      font-style: normal
  }
  @font-face {
      font-family: HoneywellSansWeb-Medium;
      src: url(../fonts/HoneywellSansWeb-Medium.eot) format('embedded-opentype');
      src: url(../fonts/HoneywellSansWeb-Medium.eot?#iefix) format('embedded-opentype'),url(../fonts/HoneywellSansWeb-Medium_woff.woff) format("woff"), url(../fonts/HoneywellSansWeb-Medium_ttf.ttf) format("truetype"), url(../fonts/HoneywellSansWeb-Medium_svg.svg) format("svg");
      font-weight: 400;
      font-style: normal
  }
  .containerBox p{
    font-family: HoneywellSansWeb-Medium, sans-serif;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
    margin:0px;
    margin-bottom: 25px;}
  .containerBox img{display: block;margin: auto}
    .containerBox a{font-family: HoneywellSansWeb-Bold, sans-serif;
      font-size: 16px;
      color: #45A7EA;
      letter-spacing: 0.57px;
      text-align: center;
      display:block;text-decoration: none;
      margin:auto;
      line-height: 22px;}
      .containerBox a:hover{color: #45A7EA;text-decoration: none}
      .browser-img {
        background-color: #FFFFFF;
        width: 60px;
        height: 60px;
      }
      .browser-flex-container{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
      }
      .browser-flex-container > div {
        flex-shrink: 0;
      }