body {
    /*    font-size: 13px !important;*/
        font-size: 14px !important;
    }

h1, h2, h3, h4, h5, h6 {
    font-family: "open sans", sans-serif;
    font-size: 17px;
}




.footer-stiky
{
    position:sticky;
    bottom: 0px;
    margin-bottom: 0px;
    width: 100%;
}
.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    /* background-color: red; */
    color: white;
    text-align: center;
    padding:0;
    /* margin-top: 50px !important; */
  }


.login-card
{
    margin-top: 100px;
}
.footer-stiky
{
    position:sticky;
    bottom: 0px;
    margin-bottom: 0px;
    width: 100%;
}
.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    /* background-color: red; */
    color: white;
    text-align: center;
    /* margin-top: 50px !important; */
  }
a {
    /* text-decoration: none; */
    color: #333;
}
.form-label
{
    margin-bottom: 0 !important;
}
.foot-img
{
    height:auto;
    width:60%;
    text-align: center;
    /* margin-top: 70px; */
}
.flex
{
    display: flex;
    flex-direction: row;
}
.foot-p
{
    overflow: hidden;
}

/* .box-first
{
    flex:auto;
   text-align: right;
}
.box-second
{
    flex: 5%;
}
.box-third
{
    flex:10%;
} */
.ml-50
{
    margin-left:450px;
}
.btn-purple
{
    background-color: rgb(72, 7, 132);
    color: #fff;
}
.form-check-input-one {
    width: 1.5em !important;
    height: 1.5em !important ;
    margin-top: .25em;
    margin-right: 10px;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.form-check-label-one
{
    font-size: 20px;
}

/* ckeck-box start background two*/
.form-check-input-two[type=checkbox] {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: bottom;
  }
  
  .form-check-input-two[type=checkbox]:after {
    content: "";
    border-bottom: 10px solid rgb(85, 84, 84);
    border-top: 10px solid rgb(85, 84, 84);
    display: block;
    opacity: 1;
  }
  
  .form-check-input-two[type=checkbox]:checked:after {
    border-bottom: 10px solid rgb(228, 14, 14);
    border-top: 10px solid rgb(228, 14, 14);
  }
  /* check box background end two */

/* ckeck-box start background  three*/
.form-check-input-three[type=checkbox] {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: bottom;
  }
  
  .form-check-input-three[type=checkbox]:after {
    content: "";
    border-bottom: 10px solid rgb(58, 4, 112);
    border-top: 10px solid rgb(58, 4, 112);
    display: block;
    opacity: 1;
  }
  
  .form-check-input-three[type=checkbox]:checked:after {
    border-bottom: 10px solid red;
    border-top: 10px solid red;
  }
  /* check box background end three*/

/* ckeck-box start background four*/
.form-check-input-four[type=checkbox] {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: bottom;
  }
  
  .form-check-input-four[type=checkbox]:after {
    content: "";
    border-bottom: 10px solid red;
    border-top: 10px solid red;
    display: block;
    opacity: 1;
  }
  
  .form-check-input-four[type=checkbox]:checked:after {
    border-bottom: 10px solid blue;
    border-top: 10px solid blue;
  }
  /* check box background end four*/

  .select-img
  {
    width: 18px;
  }
  .sole-img
  {
    width: 80px;
  }
  .card-header {
    padding: 0;
  }
  .bg-purple 
  {
    background-color: rgb(69, 6, 158);
    color: #fcfcfc;
  }
  .border-right
  {
    border-right: 1px solid #333;
    /* margin-top: -20px; */
  }
  .nav-link {
    display: block;
    padding: .5rem 1rem;
    /* color: #0d6efd; */
    color: #060606;
    text-decoration: none;
  }
  .text-gray
  {
    color: #37525c;
  }
  .text-blue
  {
    color: rgb(58, 4, 112);
  }
  .text-red
  {
    color: red;
  }
  .nav-tabs .nav-link.active {
    color: #f5f7f9 !important;
    background-color: #26066d !important;
    border-color: #0680fa #0c79e5 #da1313 !important;
  }
  .nav-tabs {
    border-bottom: 1px solid #2c0467;
  }





/* New CSS */
    .pagination
{
  display: flex;
  justify-content: end;
}


.Product-List
{
    background-color: #6512D5;
}
    .btn-text 
    {
        font-size:15px !important;
        padding:5px 10px 5px 10px !important;
        min-width:180px;
    }

    .textarea-height{
        min-height:100px !important;
    }
    
    .dark-yellow
    {
      background-color:rgb(194 147 13) !important;
    }

    .Product-List
    {
        background-color:#6512D5;
    }

    .Data-List
    {
        background-color:#0DD841;
    }

    .Search
    {
        background-color:#3380FF;
    }

    .Basic-Details
    {
                background-color:#BD038D
    }

    .header {
        height: 60px !important;
    }
    
    .header-nav .profile {
        min-width: 190px !important;
    }
    
    .header-nav .profile .dropdown-item {
        font-size: 13px !important;
        padding: 7px 10px !important;
    }
    .header .toggle-sidebar-btn {
        font-size: 25px !important;
        padding-left: 0px !important;
        cursor: pointer;
        color: #012970;
      }
    .dropdown-menu {
        padding: 0px 0 !important;
    }
    
    .sidebar {
        /* width: 200px !important; */
        padding: 25px !important;
        top: 50px !important;
    }
    
    .sidebar-nav .nav-link {
        font-size: 15px !important;
        padding: 10px 15px !important;
    }
    
    .nav-content a {
        font-size: 15px !important;
        padding: 7px 2px 7px 21px !important;
    }
    .card {
        margin-bottom: 30px !important;
    }
    
    .card-title {
    /*    font-size: 15px !important;*/
        font-size: 15px !important;
        line-height: 12px !important;
    }
    
    .card-header {
        padding: 0.5rem 1rem !important;
    }
    .form-input-content .card .card-body {
        padding: 25px !important;
    }
    
    .dropdown-profile {
        width: 200px;
    }
    
    .form-control {
        height: 30px !important;
        min-height: 30px !important;
        font-size: small !important;
        padding: 0.4rem !important;
        font-weight: 500 !important;
        border-radius: 0.2rem;
    }
    
    .form-control:disabled, .form-control[readonly] {
        background-color: #e9ecef !important;
    }
    
    .textarea-sty {
    /*    height: 70px !important;*/
        height: 50px !important;
    }
    
    .textarea-sty_1 {
        height: 100px !important;
    }
    
    .checkbox-style {
        min-height: 1.3rem !important;
        margin-top: -3px !important;
        padding-left: 16px !important;
        margin-right: -16px !important;
    }
    
    .radio-style {
        margin:10px 40px 10px 0px;
        font-size: 18px;
    }
    
    .radio-inline {
        height: 16px;
        width: 16px;
        margin-left: 2px;
        margin-right: 4px;
    }
    
    .select2-container .select2-selection--single {
        height: 30px !important;
    }
    
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 30px !important;
        font-weight: 500 !important;
    }
    
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 28px !important;
    }
    
    .select2-error .error {
        position: absolute !important;
        margin: 17px 0px 0px 15px !important;
    /*    margin: 33px 0px 0px 17px !important;*/
    }
    
    .select2-container {
        display: block !important;
    }
    
    .width-auto {
        width: auto;
    }
    
    .select2-container {
        display: block !important;
        width: auto !important;
    /*    width: 100% !important;*/
    }
    
    .table-bordered {
        border: 1px solid #dee2e6 !important;
    }
    .table-header-fixed {
        overflow-y: auto;
        height: 400px;
    }
    
    .table-header-fixed thead th {
        position: sticky;
        top: 0;
    }
    
    .table-header-fixed table {
        border-collapse: collapse;
        width: 100%;
    }
    
    .table-header-fixed th, .table-header-fixed td {
    /*    padding: 8px 16px;*/
        border: 1px solid #ccc;
    }
    
    .table-header-fixed th {
        background: #eee;
    }
    
    .page-link {
        padding: 0.2rem 0.5rem;
        line-height: 1;
    }
    .btn
    {
        font-size: 12px !important; 
        border-radius: 0.2rem;
        font-weight: 600 !important;
    }
    .form-select1 {
        /* --bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e); */
        display: block;
        width: 100%;
        /* padding: .375rem 2.25rem .375rem .75rem; */
        /* font-size: 1rem; */
        padding-right: 50px;
        font-weight: 400;
        line-height: 1.5;
        color: var(--bs-body-color);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--bs-body-bg);
        background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
        background-repeat: no-repeat;
        background-position: right .75rem center;
        background-size: 16px 20px;
        border: var(--bs-border-width) solid var(--bs-border-color);
        border-radius: 0.2rem;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }
    .form-select{
        font-size: 12px;
        border-radius: 0.2rem;
    }
    .fstdropdown>.fstselected {
        font-size: 12px !important;
        padding: 5px 24px 5px 5px !important;
    }
   .flex
   {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 10px;
   }
   .size-10
   {
    font-size: 20px;
   }
   .btn-purple
   {
    background-color: #294791;
    color: #fff;
   }
   .btn-purple:hover
   {
    background-color: #646890;
    color: #fdfbfb;
   }
   .btn-status
   {
    background-color: #570f4f;
    color: #fff;
   }
   .btn-status:hover
   {
    background-color: #692875;
    color: #fdfbfb;
   }
   .form-label
   {
    margin-bottom: .2rem;
   }
   .form-control1{
    height: auto;
   }
   .text-red
   {
    color: #f72a2a;
   }
   .fstdropdown>.fstselected
   {
    line-height: 1.42857143;
    padding: 6px 24px 6px 12px;
    box-shadow:none !important;
    color: #555;
    font-size: 14px;
    outline: 0;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-user-select: none;
   }
   .fstdropdown > .fstselected
   {
    line-height: 1.42857143;
    padding: 6px 24px 6px 12px;
    box-shadow:none !important;
    color: #555;
    font-size: 14px;
    outline: 0;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-user-select: none;
   }