:root {
  --logo-primary-color: #093091;
  --logo-secondary-color: #d11328;


    --first:#f2f2f2;
    --second: #093091;
    --third: #9a9a9a; /* logo color */
    --fourth: #f9f0e4;
    --fifth: #40a41f;


  --body-color: #ffffff;
  --primary-color: #ffffff;
  --secondary-color: #fff;
  --third-color: rgb(243 244 246);
  --fourth-color: #e2e2e2;

  --primary-text-color: #282828;
  --secondary-text-color: #000;
  --third-text-color: #526780;


  --input-bg-color: #fff; /*this is input background color*/
  --input-border-focus: #666666; /*this is input focus border color*/
  --input-border-default:transparent; /*this is input focus border color*/

  --input-border-color: #ffffff; /*this is input  border color*/
  --input-text-color: #282828;

  --input-color: rgb(243 244 246);
  --primary-lightgray: #f2f2f2;
/* 
  --primary: #270a54;
  --secondary: #bd9ee5;
  --third: #f9f0e4;
  --fourth: #3aa76d; */
}

.form-input, .form-textarea, .form-select {
  background-color: var(--input-bg-color) !important;
  border: 1px solid var(--input-border-default);
  color: var(--input-text-color) !important;
}
.form-input:focus, .form-textarea:focus, .form-select:focus {
    border: 1px solid var(--input-border-focus);
    box-shadow: none !important;
}

.bg-lightgray {
  background: var(--primary-lightgray) !important;
}

body {
  background-color: var(--body-color) !important;
}

.text-color-primary {
  color: var(--primary-text-color) !important;
}

.text-color-secondary {
  color: var(--secondary-text-color) !important;
}

.text-color-third {
  color: var(--primary-text-color) !important;
}

.bg-color-body {
  background: var(--body-color) !important;
}

.bg-color-primary {
  background: var(--primary-color) !important;
}

.bg-color-secondary {
  background: var(--secondary-color) !important;
}

.bg-color-input {
  background: var(--first) !important;
}

.bg-color-third {
  background: var(--third-color) !important;
}

.border-color-secondary {
  border-color: var(--secondary-color) !important;
}

/*  */

.text-logo-color-primary {
  color: var(--logo-primary-color) !important;
}
.bg-logo-color-secondary {
  background: var(--logo-primary-color) !important;
}

.text-logo-color-secondary {
  color: var(--logo-secondary-color) !important;
}
.bg-logo-color-secondary {
  background: var(--logo-secondary-color) !important;
}

/* new  */

.bg-primary {
  background: var(--primary) !important;
}
.bg-secondary {
  background: var(--secondary) !important;
}
.bg-third {
  background: var(--third) !important;
}
.bg-fourth {
  background: var(--fourth) !important;
}

.button-primary {
  background: var(--primary) !important;
  color: white !important;
}

.button-secondary {
  background: var(--secondary) !important;
  color: white !important;
}

.button-third {
  background: var(--third) !important;
  color: black !important;
}

.button-fourth {
  background: var(--fourth) !important;
  color: white !important;
}

.invite__select_cl .select2-container--default .select2-selection--multiple{
    background-color: #ffff !important;
}