/* Navbar ====================================== */
/*@import url(materialize.css);*/
html {
  box-sizing: border-box
}

*, *:before, *:after {
  box-sizing: inherit
}

/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

input, button, select, textarea{outline: 0;}

@font-face {
  font-family: "Amazon Ember";
  src: url("../fonts/AmazonEmber_W_Rg.woff") format("woff"),
  url("../fonts/AmazonEmber_W_Rg.woff2") format("woff2");
}

@font-face {
  font-family: "Amazon_Ember_Bd";
  src: url("../fonts/AmazonEmber_W_Bd.woff") format("woff"),
  url("../fonts/AmazonEmber_W_Bd.woff2") format("woff2");
}

@font-face {
  font-family: "Amazon_Ember_lt";
  src: url("../fonts/AmazonEmberCd_W_Lt.woff") format("woff"),
  url("../fonts/AmazonEmberCd_W_Lt.woff2") format("woff2");
}

.a-ember body {
  font-family: "Amazon Ember", Arial, sans-serif;
}

.a-ember .a-text-quote {
  font-family: "Amazon Ember", Arial, sans-serif
}

.theme-blue-grey .navbar {
  background-color: #232F3E;
}

.theme-blue-grey .navbar-brand {
  color: #fff;
}

.theme-blue-grey .navbar-brand:hover {
  color: #fff;
}

.theme-blue-grey .navbar-brand:active {
  color: #fff;
}

.theme-blue-grey .navbar-brand:focus {
  color: #fff;
}

.theme-blue-grey .nav > li > a {
  color: #fff;
}

.theme-blue-grey .nav > li > a:hover {
  background-color: transparent;
}

.theme-blue-grey .nav > li > a:focus {
  background-color: transparent;
}


.navbar-nav > li > a {
  padding: 7px 7px 2px 7px;
  margin-top: 5px;
  margin-left: 5px;
}


h1, .h1, h2, .h2, h3, .h3 {

  color: #000 !important;
}

.navbar-title {
  float: left;
  height: auto;
  padding: 15px;
  margin-left: 40px;
  color: #ff9900 !important;
}

.navbar-title_Msg {
  float: left;
  height: auto;
  padding: 0px 15px;
  margin-left: 30px;
  margin-top: 8px;
  color: #FFF !important;
}

html {
  transform: scale(0.75);
  -ms-transform: scale(0.75);
  -moz-transform: scale(0.75);
  transform-origin: 0px -0px;
  -ms-transform-origin: 0px -0px;
  position: absolute;
  width: 134%;
  height: 133vh;
  /*overflow-x: hidden;*/
  overflow: hidden;
}

.cdk-overlay-container {
  width: inherit;
}

/* Session expired dialog backdrop - covers full page including scaled html */
.cdk-overlay-backdrop.session-expired-backdrop,
.cdk-overlay-backdrop.session-expired-backdrop.cdk-overlay-backdrop-showing {
  background-color: rgba(0, 0, 0, 0.6) !important;
  opacity: 1 !important;
  pointer-events: all !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 9999 !important;
}

.session-expired-panel {
  z-index: 10001 !important;
  position: fixed !important;
  top: 20% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  background: #fff !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3) !important;
  max-width: 340px !important;
  width: 340px !important;
}

.ng-select .ng-arrow-wrapper .ng-arrow {
  border-width: 8px 8px 1.5px !important;
}

.ng-select.ng-select-opened > .ng-select-container .ng-arrow {
  border-width: 0px 8px 8px !important;
}

.ng-select .ng-arrow-wrapper:hover .ng-arrow {
  border-top-color: #000 !important;
}

::ng-deep.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-top-color:#000 !important;}




/*.ng-select.ng-select-opened > .ng-select-container .ng-arrow:hover, .ng-select.ng-select-opened > .ng-select-container .ng-arrow:hover {
  border-color: #000 !important;
}*/

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  font-weight: 600 !important;
}

.ng-select .ng-select-container {
  color: #667085 !important;
  border:1px solid #667085 !important;
  border-radius:5px !important;
}





.mat-tab-header, .mat-tab-nav-bar{border-bottom:0px !important;}
/* .mat-tab-header, .mat-mdc-tab-header-pagination-before{display:none !important;}
.mat-tab-header, .mat-mdc-tab-header-pagination-after{display:none !important;} */

/*.mat-drawer{top:-1px !important;}*/

.negativeValue {
  color: #DC184D !important;
  text-align: right !important;
}

.dataTableValue {
  text-align: right !important;
}



.utilityDrawer{
  position: fixed !important;
  top: 105px !important;
  width: 500px;
  padding: 0px 22px 25px 22px;
  transition: margin-right;
  box-shadow: -5px 2px 6px #00000029;
  background-color: #FFF;
}


/*=== Trigger  ===*/
.animate {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*=== Optional Delays, change values here  ===*/
.one {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

/*==== FADE IN UP ===*/
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}



/*=== Optional Delays, change values here  ===*/
.one {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.two {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.three {
  -webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.four {
  -webkit-animation-delay: 3.5s;
  -moz-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.five {
  -webkit-animation-delay: 4.5s;
  -moz-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

.six {
  -webkit-animation-delay: 5.5s;
  -moz-animation-delay: 5.5s;
  animation-delay: 5.5s;
}

.seven {
  -webkit-animation-delay: 6.5s;
  -moz-animation-delay: 6.5s;
  animation-delay: 6.5s;
}

.eight {
  -webkit-animation-delay: 7.5s;
  -moz-animation-delay: 7.5s;
  animation-delay: 7.5s;
}


/** Custom scrollbar CSS Starts**/
.custombar::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
  border-radius: 10px;
}

.custombar::-webkit-scrollbar
{
  width: 10px;
  background-color: #F5F5F5;
}

.custombar::-webkit-scrollbar-thumb
{
  background-color: #F90;
  background-image: -webkit-linear-gradient(45deg,
  rgba(255, 255, 255, .2) 25%,
  transparent 25%,
  transparent 50%,
  rgba(255, 255, 255, .2) 50%,
  rgba(255, 255, 255, .2) 75%,
  transparent 75%,
  transparent);
  border-radius: 10px;
}
* {
    box-sizing: border-box;
}

/** Custom scrollbar CSS Ends**/