:root{
  --color-universal:#cf5c36;
  --color-universal-light: rgba(207, 92, 54, 0.678);
  --color-universal-darkgreen: #117853;
  --color-universal-green: #59CD90;
  --color-universal-blue: #050517;
  --color-universal-lightblue: #4F7CAC;
  --color-universal-wheat: #FFF7F8;
  --color-universal-grey: #ccc;
  --color-universal-white: #fff;
}

body {
  font-family: Poppins, sans-serif;
}

.link-universal {
  color: var(--color-universal);
}

.link-universal:hover, .link-universal:active, .link-universal:focus {
  color: var(--color-universal-green);
}

.link-universal-blue {
  color: var(--color-universal-green);
}

.link-universal-blue:hover, .link-universal-blue:active, .link-universal-blue:focus {
  color: var(--color-universal);
}

.link-universal-green {
  color: var(--color-universal-green);
}

.link-universal-green:hover, .link-universal-green:active, .link-universal-green:focus {
  color: var(--color-universal-green);
}

.link-universal-lightblue {
  color: var(--color-universal-lightblue) !important;
}

.link-universal-lightblue:hover, .link-universal-lightblue:active, .link-universal-lightblue:focus {
  color: var(--color-universal-green) !important;
}

.link-universal-white {
  color: var(--color-universal-white) !important;

}

.link-universal-white:hover, .link-universal-white:active, .link-universal-white:focus {
  color: var(--color-universal) !important;
}


/* For buttons and hovers */

.btn-universal {
    background-color: var(--color-universal);
    color: var(--color-universal-white);
}

.btn-universal:hover, .btn-universal:active, .btn-universal:focus {
    background-color: var(--color-universal-green);
    color: var(--color-universal-white);
}

.btn-universal-blue {
    background-color: var(--color-universal-green);
    color: var(--color-universal-white);
}

.btn-universal-blue:hover, .btn-universal-blue:active, .btn-universal-blue:focus {
    background-color: var(--color-universal-darkgreen);
    color: var(--color-universal-white);
}

.btn-universal-green {
    background-color: var(--color-universal-green);
    color: var(--color-universal-white);
}

.btn-universal-green:hover, .btn-universal-green:active, .btn-universal-green:focus {
    background-color: var(--color-universal-green);
    color: var(--color-universal-white);
}

.btn-universal-lightblue {
    background-color: var(--color-universal-lightblue);
    color: var(--color-universal-white);
}

.btn-universal-lightblue:hover, .btn-universal-lightblue:active, .btn-universal-lightblue:focus {
    background-color: var(--color-universal-green);
    color: var(--color-universal-white);
}

.btn-universal-white {
    background-color: var(--color-universal-white);
    color: var(--color-universal-green);
}

.btn-universal-white:hover, .btn-universal-white:active, .btn-universal-white:focus {
    background-color: var(--color-universal);
    color: var(--color-universal-white);
}



/* For Text Colors */
.text-universal {
    color: var(--color-universal);
}
.text-universal-blue{
    color: var(--color-universal-green);
}

.text-universal-green {
    color: var(--color-universal-green);
}

.text-universal-lightblue{
    color: var(--color-universal-lightblue);
}

.text-universal-white {
    color: var(--color-universal-white);
}

/* For Background Colors*/
.bg-universal {
    background-color: var(--color-universal);
}
.bg-universal-blue{
    background-color: #068657;
}

.bg-universal-green {
    background-color: var(--color-universal-green);
}

.bg-universal-lightblue{
    background-color: var(--color-universal-lightblue);
}

.bg-universal-white {
    background-color: var(--color-universal-white);
}

.bg-blue {
  background-color: var(--color-universal-green);
}


.new-button-style {
  color: #fff;
  padding: 12px 33px;
  display: inline-block;
  font-weight: bold;
  border: none;
  font-family: "Inter", sans-serif;
  background-image: linear-gradient( 90deg, #2a2c44, #fd7e42, #fd7e42);
  background-size: 100%;
}

.morphism {
  border-radius: 50px;
  background: #f8f9fc;
  box-shadow: 24px 24px 49px #d9dade, -24px -24px 49px #f2f1f1;
}

table.dataTable tbody th, table.dataTable tbody td {
  padding: 20px 10px !important;

}