#formFileLg{
    width: 300px;
    color: black;
    height: 20px;
  }
  #formFileLg::file-selector-button{
    background-color: black;
  }
  label {
  display: block;
  margin-bottom: 5px;
  padding-left: 10px;
}
.body-wrapper {
        margin-top: -40px; /* Adjust the value as needed */
    }
select {
  width: 50%;
  padding: 5px;
  box-sizing: border-box;
  padding-left: 10px;
}

.pmd-textfield {
    margin-right: 20px; 
  }
#main-container{
  background-color: #F0F8FF;
}
.custom-select {
    background-color: white;
    border: 2px solid lightblue; /* Change the border color as needed */
    border-radius: 4px; /* Optional: add border-radius for rounded corners */
    padding: 5px; /* Optional: adjust padding as needed */
  }
  .custom-select:focus {
    border-color: blue; /* Change border color on focus */
    outline: none; /* Remove default focus outline */
  }
  .custom-width {
  width: 280px; /* Adjust the width as needed */
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.custom-width1 {
  width: 280px; /* Adjust the width as needed */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.custom-li {
  background-color: #f8f9fa;
  width: 280px;
}

.custom-li:hover {
  background-color: #e9ecef;
}

#dropdown-text {
  flex-grow: 1;
  text-align: left;
}

.caret {
  margin-left: auto;
}

.input-group .select2 {
  flex: 1;
  width: 100%;      
}

.input-group>.form-control
{
  height:41px;
}
body .select2-container--default .select2-selection--multiple
    {
      height:41px !important;
    }

    .preloader {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center;     /* Center vertically */
    height: 100vh;           /* Full viewport height */
    margin: 0;
}
    :root{ 
      --color1: #198754;
    --color2: #0d6efd;
}
.loader{
    width: 130px;
    height: 130px;
    margin: 0 auto;
    position: relative;
}
.loader .dot,
.loader .dot2{
    background: var(--color2);
    border-radius: 50%;
    position: absolute;
}
.loader .dot{
    width: 18px;
    height: 18px;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    animation: spin 2.5s 0s infinite both;
}
.loader .dot2{
    width: 20px;
    height: 20px;
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    top: 50%;
    animation: spin2 2.5s 0s infinite both;
}
@keyframes spin{
    0%, 100%{ 
        box-shadow: 0 0 0 var(--color1), 0 0 0 var(--color1), 0 0 0 var(--color1), 0 0 0 var(--color1), 
                        0 0 0 var(--color1), 0 0 0 var(--color1), 0 0 0 var(--color1), 0 0 0 var(--color1);
    }
    50% { transform: translateX(-50%) translateY(-50%) rotate(180deg); }
    25%, 75% { box-shadow: 28px 0 0 var(--color1), -28px 0 0 var(--color1), 0 28px 0 var(--color1), 0 -28px 0 var(--color1), 
                        20px -20px 0 var(--color1), 20px 20px 0 var(--color1), -20px -20px 0 var(--color1), -20px 20px 0 var(--color1);
    }
    100% { transform: translateX(-50%) translateY(-50%) rotate(360deg);
        box-shadow: 0 0 0 var(--color1), 0 0 0 var(--color1), 0 0 0 var(--color1), 0 0 0 var(--color1), 
                    0 0 0 var(--color1), 0 0 0 var(--color1), 0 0 0 var(--color1), 0 0 0 var(--color1);
    }
}
@keyframes spin2{
    0%, 100% { box-shadow: 0 0 0 var(--color2), 0 0 0 var(--color2), 0 0 0 var(--color2), 0 0 0 var(--color2), 
                        0 0 0 var(--color2), 0 0 0 var(--color2), 0 0 0 var(--color2), 0 0 0 var(--color2);
    }
    50% { transform: translateX(-50%) translateY(-50%) rotate(-180deg); }
    25%, 75% {  box-shadow: 52px 0 0 var(--color2), -52px 0 0 var(--color2), 0 52px 0 var(--color2), 0 -52px 0 var(--color2), 
                            38px -38px 0 var(--color2), 38px 38px 0 var(--color2), -38px -38px 0 var(--color2), 
                            -38px 38px 0 var(--color2);
                background: transparent;
    }
    100% { transform: translateX(-50%) translateY(-50%) rotate(-360deg);
        box-shadow: 0 0 0 var(--color2), 0 0 0 var(--color2), 0 0 0 var(--color2), 0 0 0 var(--color2), 
                    0 0 0 var(--color2), 0 0 0 var(--color2), 0 0 0 var(--color2), 0 0 0 var(--color2);
    }
}