.tpc-container{
    margin: 20px 20px;
}

ul.has-error { padding: 0px; }
.btn-check{
    color: #6d6d6d;
    background-color: #b5b9bd;
}
.btn-check .active{
    color: #fff;
    background-color: #0069d9;
}

[src="./assets/calendar-icon.svg"] {
    height: 1rem;
    width: 1.2rem;
}
.form-cotrol
{
    padding: 3px 12px;
}


.com-jumbotron
{
    margin: 10px auto;
    margin-top: 150px;
    padding: 30px;
    border-radius: 10px;
    max-width: 500px;
    max-height: 433px;
    height:405px;
}



.com-login-bg
{
    background-color:rgba(242, 242, 242, 0.149019607843137);
}




.customer-div{
    margin-left: 15px;
    padding-top:10px;
    margin-left:-15px ;
 }
 .customer-lev{
     padding-bottom:8px;
 }
 .cus-input{
    padding-right: 78px;
 }


 .tooltip {
    position: relative;
    display: inline-block;

}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;


}

.tooltip:hover .tooltiptext {
    visibility: visible;
}



.wizard-container {
    padding-top: 100px;
    z-index: 3;
  }

  .card {
    background-color: #FFFFFF;
    padding: 10px 0;
    width: 100%;
    border-radius: 6px;
    color: rgba(0,0,0, 0.87);
    background: #fff;
  }

  .wizard-card {
    min-height: 410px;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  }

  .logoutmsg .modal-content{

   width: 721px !important;
   margin-left: -130px;

}



input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
/* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
-moz-appearance: none;
margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type="number"] {
-moz-appearance: textfield;
}

.border-color{
    border:1px solid red!important;
}

.spratecard{
    width: 635px !important;
    margin-left: -38px;
}

.d-grid{
  display: grid;
  }
  
  .d-g-2{
    grid-template-columns: 1fr 1fr ;
    gap: 10px;
    row-gap: 0;
  }
  
  .d-g-3{
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    row-gap: 0;
  }
  .d-g-4{
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    row-gap: 0;
  }

.display-flex {
  display:flex;
}

.flex-1 {
  flex:1;
}

.flex-2 {
  flex:2;
}

.flex-3 {
  flex:3;
}

.flex-4 {
  flex: 4;
}

.flex-5 {
  flex: 5;
}

.flex-6 {
  flex: 6;
}

[class*='flex-'] {
  padding-left: 20px;
  /* padding-right: 10px; */
}

[class*='flex-']:first-child {
  padding-left: 0;
}

[class*='flex-']:nth-last-child(2) {
  padding-right: 0;
}


.ngx-datatable.material {
  box-shadow:none !important
}

.mat-tab-body-wrapper {
  margin-top: 15px;
}
.p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-text{
  color: #ab1304  !important;
}
.p-megamenu {
color: #ab1304;
  background-color: #eb9a5a !important;
}
.p-megamenu-submenu-header {
  color: #ab1304 !important;
}

.p-megamenu-submenu {
  padding: 0.25rem 0;
  width: 260px !important;
}

.close-button {
  top: 0px;
  right: 0px;
  float: right;
}

.close-icon {
  transition: 1s ease-in-out;
}

.close-icon:hover {
  transform: rotate(180deg);
}

::ng-deep .icon-outside .close-button{
  float: right;
  top:-52px;
  right:-52px;
}