:root {
  /* genel */
  --main-color-1: rgba(41, 159, 195, 0.9);
  --main-color-2: rgba(0, 0, 0, 0.05);
  --font-color-1: #fff;
  --body-background-color: #25313D;
  --header-background-color: #2E3E50;
  --header-color: #fff;
  --top-btn-background-color: rgba(41, 159, 195, 0.9);
  --top-btn-color: #fff;
  --background-color-1: #25313D;
  --background-color-2: #2E3E50;
  --background-color-3: #2A3644;
  --p-font-color: #666;
  --p-font-size: 16px;
  --p-font-weight: 300;
  /* sidebar menu */
  --sidebar-background-color-1: transparent;
  /*  rgba(37, 49, 61, 0.9) */
  --sidebar-background-color-2: rgba(37, 49, 61, 0.98);
  --menu-hover-background-color-1: rgba(30, 42, 54, 0.9);
  --menu-hover-color-1: #fff;
  --menu-select-background-color-1: transparent;
  --menu-select-color-1: var(--main-color-1);
  --menu-active-background-color-1: var(--main-color-1);
  --menu-active-color-1: #fff;
  --ul-color: rgba(255, 255, 255, 0.5);
  --ul-font-size: 12px;
  --ul-icon-color: rgba(255, 255, 255, 0.5);
  --ul-icon-font-size: 16px;
  --ul-hover-bg: rgba(37, 49, 61, 0.9);
  --li-color: rgba(255, 255, 255, 0.5);
  --li-font-size: 12px;
  --li-icon-color: rgba(255, 255, 255, 0.5);
  --li-icon-font-size: 16px;
  --separate-color: rgba(255, 255, 255, 0.2);
  /* page */
  --page-header-color: #fff;
  --page-header-font-size: 40px;
  --page-header-font-weight: 100;
  /* page nav*/
  --page-header-nav-color: #fff;
  --page-header-nav-font-size: 14px;
  --page-header-nav-font-weight: 200;
  --page-header-nav-background-color: transparent;
  --page-header-nav-hover-color: #fff;
  --page-header-nav-hover-background-color: rgba(41, 159, 195, 0.9);
  --page-header-nav-selected-color: #fff;
  --page-header-nav-selected-background-color: rgba(255, 255, 255, 0.1);
  /* card */
  --card-background-color: rgba(255, 255, 255, 1);
  --card-border-radius: 7px;
  --card-header-font-size: 30px;
  --card-header-font-color: #333;
  --card-header-font-weight: 200;
  --card-header-p-font-size: 30px;
  --card-header-p-font-color: #333;
  --card-header-p-font-weight: 300;
  /* bottom default.css*/
  --footer-background-color: #2E3E50;
  --footer-color: #fff;
  --footer-a-background-color: transparent;
  --footer-a-hover-background-color: var(--main-color-1);
  --footer-a-color: #fff;
  --footer-a-hover-color: #fff;
  /* btn  bootstrap-custom.css */
  --btn-primary-color: var(--main-color-1);
  --btn-primary-background-color: var(--main-color-1);
  --btn-primary-border: var(--main-color-1);
  --btn-primary-hover-color: var(--main-color-1);
  --btn-primary-hover-background-color: var(--main-color-1);
  --btn-primary-hover-border: var(--main-color-1);
  /* form alanları */
  --form-header-font-color: #333;
  --form-header-font-size: 24px;
  --form-header-font-weight: 400;

  --form-label-font-color: #333;
  --form-label-font-size: 14px;
  --form-label-font-weight: 600;

  --form-label-span-font-color: #999;
  --form-label-span-font-size: 12px;
  --form-label-span-font-weight: 500;
  --form-label-span-font-style: italic;

  --form-control-font-color: #333;
  --form-control-font-size: 1rem;
  --form-control-font-weight: 400;
  --form-control-background-color: #fff;
  --form-control-border-color: #f2f2f2;
  --form-control-select-background-color: #fff;
  --form-control-select-border-color: rgba(0, 0, 0, 0.1);
  --form-control-placeholder-color: #ccc;

  /* checkbox  */
  --check-active-background-color: var(--main-color-1);
  --check-active-border-color: var(--main-color-1);
  --check-background-color: #ccc;
  --check-border-color: #ccc;
  --check-btn-color: #fff;
  --form-check-label-font-color: #333;
  --form-check-label-font-size: 14px;
  --form-check-label-font-weight: 300;

  --range-active-border-color: var(--main-color-1);

  /* btn */
  --btn-primary-background-color: var(--main-color-1);
  --btn-primary-border-color: var(--main-color-1);
  --btn-primary-color: #fff;
  --btn-primary-hover-background-color: #134854;
  --btn-primary-hover-border-color: #134854 !important;
  --btn-primary-hover-color: #fff;

  --btn-secondary-background-color: #ccc;
  --btn-secondary-border-color: #ccc;
  --btn-secondary-color: #333;
  --btn-secondary-hover-background-color: #666;
  --btn-secondary-hover-border-color: #666;
  --btn-secondary-hover-color: #fff;

  --btn-success-background-color: #99CC33;
  --btn-success-border-color: #99CC33;
  --btn-success-color: #003300;
  --btn-success-hover-background-color: #669900;
  --btn-success-hover-border-color: #669900;
  --btn-success-hover-color: #fff;

  --btn-info-background-color: rgba(0, 170, 200, 1);
  --btn-info-border-color: rgba(0, 170, 200, 1);
  --btn-info-color: #fff;
  --btn-info-hover-background-color: rgba(0, 130, 150, 1);
  --btn-info-hover-border-color: rgba(0, 160, 170, 1);
  --btn-info-hover-color: #fff;

  --btn-danger-background-color: #c06;
  --btn-danger-border-color: #c06;
  --btn-danger-color: #fff;
  --btn-danger-hover-background-color: #903;
  --btn-danger-hover-border-color: #903;
  --btn-danger-hover-color: #fff;

  --btn-warning-background-color: #ffc107;
  --btn-warning-border-color: #ffc107;
  --btn-warning-color: #333;
  --btn-warning-hover-background-color: #ffca2c;
  --btn-warning-hover-border-color: #ffca2c;
  --btn-warning-hover-color: #333;

  --btn-dark-background-color: #2d2d2d;
  --btn-dark-border-color: #2d2d2d;
  --btn-dark-color: #fff;
  --btn-dark-hover-background-color: #000;
  --btn-dark-hover-border-color: #000;
  --btn-dark-hover-color: #fff;

  --btn-light-background-color: #f2f2f2;
  --btn-light-border-color: #f2f2f2;
  --btn-light-color: #333;
  --btn-light-hover-background-color: #e2e2e2;
  --btn-light-hover-border-color: #e2e2e2;
  --btn-light-hover-color: #333;

  --btn-link-background-color: transparent;
  --btn-link-border-color: transparent;
  --btn-link-color: #39A8C1;
  --btn-link-hover-background-color: transparent;
  --btn-link-hover-border-color: transparent;
  --btn-link-hover-color: #1195AA;

  --btn-icon-background-color: transparent;
  --btn-icon-border-color: transparent;
  --btn-icon-color: #ccc;
  --btn-icon-hover-background-color: transparent;
  --btn-icon-hover-border-color: transparent;
  --btn-icon-hover-color: #39A8C1;
  --btn-icon-font-size: 20px;

  /* alert */
  --alert-primary-background-color: rgba(41, 159, 195, 0.3);
  --alert-primary-border-color: rgba(41, 159, 195, 0.9);
  --alert-primary-color: #134854;

  /* pagination */

  --page-link-color: #333;
  --page-link-background-color: #f2f2f2;
  --page-link-border-color: #f2f2f2;
  --page-link-hover-color: #fff;
  --page-link-hover-background-color: var(--main-color-1);
  --page-link-hover-border-color: var(--main-color-1);
  --page-link-active-color: #fff;
  --page-link-active-background-color: var(--main-color-1);
  --page-link-active-border-color: var(--main-color-1);

  /* Acordion */

  --accordion-color: #333;
  --accordion-bg: transparent;
  --accordion-border-width: 1px;
  --accordion-border-color: #e2e2e2;


}