@import '../../../../_variables';

:host ::ng-deep carousel{
  z-index: 1 !important;
}
:host ::ng-deep .carousel-dots .carousel-dot{
  background-color: #AAAAAA !important;
  border: none !important;
  border-radius: 50% !important;
  height: 14px !important;
  margin: 8px !important;
  width: 14px !important;
}
:host ::ng-deep .carousel-dots .carousel-dot-active {
  background-color: #7AC119 !important;
}
:host ::ng-deep .carousel-cells .carousel-cell {
  align-items: flex-start !important;
}

.table-carousel thead tr:first-child th:first-child, thead tr:first-child th:last-child{
  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.table-carousel tr{
  border-bottom:1px solid #E2E2E2;
}

.table-carousel tr:last-child{
  border-bottom:none;
}

.table-carousel td{
  text-align: right;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
}


.table-carousel th{
  color: $textHeaderBackgroundColor;
  font-size:14px;
  width:60%;
  padding-left: 10px;
}