/* Import typeface OpenSans https://fonts.google.com/specimen/Open+Sans */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
.container *,    
.container body, 
.container td, 
.container tr, 
.container div, 
.container p, 
.container form, 
.container input, 
.container select, 
.container textarea, 
.container font,
.container-fluid *,    
.container-fluid body, 
.container-fluid td, 
.container-fluid tr, 
.container-fluid div, 
.container-fluid p, 
.container-fluid form, 
.container-fluid input, 
.container-fluid select, 
.container-fluid textarea, 
.container-fluid font {
  font-family: 'Open Sans', sans-serif !important; <-------- Here
}

/*
@font-face{font-family:'Open Sans';font-display:swap;font-style:normal;font-weight:400;src:url('../../../../etc/designs/dcom/assets/fonts/opensans/OpenSans-Regular-webfont.woff') format('woff'),url('../../../../etc/designs/dcom/assets/fonts/opensans/OpenSans-Regular-webfont.ttf') format('truetype')}
@font-face{font-family:'Open Sans';font-display:swap;font-style:italic;font-weight:400;src:url('../../../../etc/designs/dcom/assets/fonts/opensans/OpenSans-Italic-webfont.woff') format('woff'),url('../../../../etc/designs/dcom/assets/fonts/opensans/OpenSans-Italic-webfont.ttf') format('truetype')}
@font-face{font-family:'Open Sans';font-display:swap;font-style:normal;font-weight:600;src:url('../../../../etc/designs/dcom/assets/fonts/opensans/OpenSans-Semibold-webfont.woff') format('woff')}
@font-face{font-family:'Open Sans';font-display:swap;font-style:italic;font-weight:600;src:url('../../../../etc/designs/dcom/assets/fonts/opensans/OpenSans-SemiboldItalic-webfont.woff') format('woff')}
@font-face{font-family:'Open Sans';font-display:swap;font-style:normal;font-weight:700;src:url('../../../../etc/designs/dcom/assets/fonts/opensans/OpenSans-Bold-webfont.woff') format('woff'),url('../../../../etc/designs/dcom/assets/fonts/opensans/OpenSans-Bold-webfont.ttf') format('truetype')}
@font-face{font-family:'Open Sans';font-display:swap;font-style:italic;font-weight:700;src:url('../../../../etc/designs/dcom/assets/fonts/opensans/OpenSans-BoldItalic-webfont.woff') format('woff'),url('../../../../etc/designs/dcom/assets/fonts/opensans/OpenSans-BoldItalic-webfont.ttf') format('truetype')}
*/

html, body {
  /*font-family: 'Open Sans',Calibri,Helvetica,sans-serif;*/
  min-height: 100%;
  height: auto !important;
  height: 100%;
  background-color: #000000;
}

body.AIDossier {
  background-color: #000000; /* Then the sides etc. are black when it's e.g. in landscape mode */
  color: #FFFFFF;
}

main {
  color: #000000; 
  background-color: #FFFFFF;
}

.make_scroll {
    position: absolute;
    overflow-y: scroll;
}


/* PASSWORD SPLASH SCREEN */
.password_splash {
  position:fixed;
  padding:0;
  margin:0;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background:rgba(0, 0, 0, 1);
  z-index: 1900; /* so it's above the footer! which is apparently at 1030 */
}

.password_splash .welcome_message {
  color: #86BC25;
}

/* UNFLUID */
.unfluid {
  width:  100%;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 576px) {
  .unfluid {
      max-width: 540px;
  }
}

@media (min-width: 768px) {
  .unfluid {
      max-width: 720px;
  }
}
@media (min-width: 992px) {
  .unfluid {
      max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .unfluid {
      max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .unfluid {
      max-width: 1320px;
  }
}

.disclaimer {
  color:#000000;
  font-size: 12px;
  line-height:16px;
}

/*
#dossier-fragment .wip .main,
.ai_hero
{
  background: transparent url("assets/AIDossier_Banner_2560x1450.jpg") 0px 0px no-repeat padding-box;
  background-color: var(--secondary);
  opacity: 1;
  padding: 23px;
  background-size: cover;
  color: black;
  background-position: inherit;
}

@media screen and (max-width: 600px) {
  .ai_hero,
  #dossier-fragment .wip .main {
    background: transparent url("assets/AIDossier_Hero_02_Small.jpeg") 0px 0px no-repeat padding-box;
    background-position: center top;
  }
}
*/

.ai_hero {
  min-height: 725px;
  background: transparent url("assets/AIDossier_Banner_2560x1450.jpg") 0px 0px no-repeat padding-box;
  background-position: inherit;
  -webkit-box-align: stretch;
  position: relative;
  background-size: cover;
}

@media screen and (max-width: 625px) {
  .ai_hero {
    height: 725px;
    min-height: 420px;
    padding: 58px 12px 12px 12px;
    background: transparent url("assets/AIDossier_Hero_02_Small.jpeg")  0px 0px no-repeat padding-box;
    background-position: center top;
    box-sizing: border-box;
    -webkit-box-align: stretch;
    position: relative;
    background-size: 625px;
  }
}

@media screen and (min-width: 625.02px) and (max-width: 768px) {
  .ai_hero
  {
  height: 825px;
  min-height: 420px;
  padding: 58px 12px 12px 12px;
  background: transparent url("assets/AIDossier_Hero_02_Small.jpeg")  0px 0px no-repeat padding-box;
  background-position: center top;
  box-sizing: border-box;
  -webkit-box-align: stretch;
  position: relative;
  background-size: 768px;
  }
}

.bg-gradient_DTT_01 {
  width: 100%;
  /* background: linear-gradient(180deg, #e5e5e5 0%, #c4c4c4 100%);
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); */
  background: linear-gradient(180deg, #33F1FF 0%, #3EFAC5 100%);
  /*margin-bottom: 60px;*/
}

div.bg-BLACK {
  background: #000000;
  color: #FFFFFF;
}

/* BOUNCING ARROW */
div.above {
  position: relative;
  z-index: 2;
}

.downArrow {
  position: fixed;
  bottom: 10%;
  left:  50%;
  margin-top: -20px;
  margin-left: -20px;
  z-index: 1;
}

.bounce {
  -moz-animation: bounce 3s infinite;
  -webkit-animation: bounce 3s infinite;
  animation: bounce 3s infinite;
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

/* CARD */
body.AIDossier .card {
  background-color: #FFFFFF;
  background-clip: border-box;
  border: 1px solid #9DD4CF; /* rgba(0,0,0,.125); */
  /* border: 2px solid #0097a9; */
  border-radius: 0;
}
/* HEADER */
.header {
  background-color: #000000;
  height: 50px; /* Header size of "Deloitte Insights" App */
  padding-top: 11px;
}

.logo {
  width: 132px;
  height: auto;
  vertical-align: middle;
}


/* FOOTER */
/*
.blur {
  background: rgba(255, 255, 255, 0.2); // Make sure this color has an opacity of less than 1
  backdrop-filter: blur(8px); // This be the blur
  height: 100vh;
  width: 50%;
}

.footer_shadow {
  -webkit-box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.3);
}

.footer .btn {
  border-top-style: none;
  border-bottom-style: none;
}

.footer .btn:first-child,
.footer .btn:last-child {
  border-style: none;
}
*/

.value_icon {
  height: 2em;
  width: 2em;
}

.footer_icon {
  height: 1em;
  width: 1em;
}

.footer .btn {
  color: white;
}
.footer .bg-footer {
  /*border-top: 1px solid #121212;*/
  border-top: 1px solid #333333;
  background-color: #000000;
  min-height: 20px;
}

.badge-outline {
  border: 1px solid #AAAAAA;
  color: #AAAAAA;
  font-size: 0.75em;
}

/* MODEL */
.ucModal {
  color:  #000000;
}

/* BEGIN STYLE BUTTONS */

.btn-group.low_nav {
  display: flex;
}

.low_nav .btn {
  flex: 1
}

/*
line-color on top of button-footer:  #121212
*/
.btn-primary,
.btn-primary:hover:active:visited {
  background-color: #86BC25 !important;
  border-style: none;
  color: #000;
  text-align: center;
  text-decoration: none;
}

.btn-outline-primary,
.btn-outline-primary:hover:active:visited {
  border-color: #86BC25 !important;
  color: #86BC25 !important;
  background-color: transparent !important;
}

.btn-secondary,
.btn-secondary:focus,
.btn-secondary:visited
{
  background-color: #000000;
  border: 0px none transparent;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
}

.btn-secondary:hover {
  border: 0px none transparent;
  background-color: #2F420D;
}

.btn-secondary:active,
.btn-secondary.btn-active,
.btn-secondary.btn-active:focus {
  color: black;
  border: 0px none transparent;
  background-color: #86BC25;
}

.btn-outline-secondary, 
.btn-outline-secondary:active:visited
{
  border-color: #000000;
  color: #000000;
  background-color: transparent;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}

.btn-outline-secondary:hover {
  background-color: #000000;
  color: #FFFFFF;
  border-color: #000000;
  transition-duration: 0.25s;
}

.btn-lg-rnd {
  border-radius: 30px;
  height: 60px;
  /*font-size: 2rem;
  height: 70px;
  line-height: 50px;*/
}

.soa-btn-white:hover,/*{background:#FFF;color:#000}*/
.soa-btn-white{
  display: flex;
  width:auto;
  position:relative;
  min-width:200px;
  height:40px;
  background:0 0;
  border:2px solid #FFFFFF;
  border-radius:30px;
  text-transform:uppercase;
  color:#FFFFFF;
  font-size:16px;
  line-height:16px;
  font-style:normal;
  font-family:"Open Sans",sans-serif;
  font-weight:600;
  letter-spacing:1px;
  /*text-align:center;*/
  justify-content: center;
  align-items: center;
  padding:10px 30px;
  transition:all .25s linear 0s;
  outline:0;
  box-shadow:none
}
/*.soa-btn-white::after{content:"";display:inline-block;width:30px;height:30px;background:url(https://www2.deloitte.com/etc/insights-lists/interactives/staging/2021/September/GMT-fragment/assets/down-arrow.svg) no-repeat center center;position:absolute;height:18px;width:18px;right:33px;transition:all .25s linear 0s;outline:0;box-shadow:none}*/
/*.soa-btn-white:hover{background:#000;color:#fff;transform:scale(1.05)}*/
.soa-btn-white:focus{outline:0;box-shadow:none}
.soa-btn-white:active,/*{background:#000;color:#fff}*/
.soa-btn-white.btn-active,
.soa-btn-white.btn-active:focus
{ background:#86BC25;color:#000; border: 0px solid transparent ;}
/*.soa-btn-white:hover::after{margin-left:15px;filter:brightness(0) invert(1)}*/
/*.soa-btn-white:active::after,*/
/*.soa-btn-white:hover::after{background:url(https://www2.deloitte.com/etc/insights-lists/interactives/staging/2021/September/GMT-fragment/assets/down-arrow.svg) no-repeat center center}
*/



.soa-btn-black{width:auto;position:relative;min-width:200px;height:60px;background:0 0;border:2px solid #000;border-radius:30px;text-transform:uppercase;color:#000;font-size:16px;line-height:16px;font-style:normal;font-family:"Open Sans",sans-serif;font-weight:600;letter-spacing:1px;text-align:center;padding:10px 60px 10px 30px;transition:all .25s linear 0s;outline:0;box-shadow:none}
.soa-btn-black::after{content:"";display:inline-block;width:30px;height:30px;background:url(https://www2.deloitte.com/etc/insights-lists/interactives/staging/2021/September/GMT-fragment/assets/down-arrow.svg) no-repeat center center;position:absolute;height:18px;width:18px;right:33px;transition:all .25s linear 0s;outline:0;box-shadow:none}
.soa-btn-black:hover{background:#000;color:#fff;transform:scale(1.05)}
.soa-btn-black:focus{outline:0;box-shadow:none}
.soa-btn-black:active{background:#000;color:#fff;transform:scale(1.05)}
.soa-btn-black:hover::after{margin-left:15px;filter:brightness(0) invert(1)}
.soa-btn-black:active::after,
.soa-btn-black:hover::after{background:url(https://www2.deloitte.com/etc/insights-lists/interactives/staging/2021/September/GMT-fragment/assets/down-arrow.svg) no-repeat center center}


















/* END BUTTONS */