@import url("uikit-custom.css");
@import url("mfdt.css");


:root {
	--ion-color-primary: #F29313;
	--ion-color-primary-rgb: 242,147,19;
	--ion-color-primary-contrast: #ffffff;
	--ion-color-primary-contrast-rgb: 0,0,0;
	--ion-color-primary-shade: #d58111;
	--ion-color-primary-tint: #f39e2b;

	--ion-color-secondary: #fff0db;
	--ion-color-secondary-rgb: 255,240,219;
	--ion-color-secondary-contrast: #000000;
	--ion-color-secondary-contrast-rgb: 0,0,0;
	--ion-color-secondary-shade: #e0d3c1;
	--ion-color-secondary-tint: #fff2df;

	--ion-color-tertiary: #0054e9;
	--ion-color-tertiary-rgb: 0,84,233;
	--ion-color-tertiary-contrast: #ffffff;
	--ion-color-tertiary-contrast-rgb: 255,255,255;
	--ion-color-tertiary-shade: #004acd;
	--ion-color-tertiary-tint: #1a65eb;

	--ion-color-success: #2dd55b;
	--ion-color-success-rgb: 45,213,91;
	--ion-color-success-contrast: #000000;
	--ion-color-success-contrast-rgb: 0,0,0;
	--ion-color-success-shade: #28bb50;
	--ion-color-success-tint: #42d96b;

	--ion-color-warning: #ffc409;
	--ion-color-warning-rgb: 255,196,9;
	--ion-color-warning-contrast: #000000;
	--ion-color-warning-contrast-rgb: 0,0,0;
	--ion-color-warning-shade: #e0ac08;
	--ion-color-warning-tint: #ffca22;

	--ion-color-danger: #c5000f;
	--ion-color-danger-rgb: 197,0,15;
	--ion-color-danger-contrast: #ffffff;
	--ion-color-danger-contrast-rgb: 255,255,255;
	--ion-color-danger-shade: #ad000d;
	--ion-color-danger-tint: #cb1a27;

	--ion-color-light: #f6f8fc;
	--ion-color-light-rgb: 246,248,252;
	--ion-color-light-contrast: #000000;
	--ion-color-light-contrast-rgb: 0,0,0;
	--ion-color-light-shade: #d8dade;
	--ion-color-light-tint: #f7f9fc;

	--ion-color-medium: #5f5f5f;
	--ion-color-medium-rgb: 95,95,95;
	--ion-color-medium-contrast: #ffffff;
	--ion-color-medium-contrast-rgb: 255,255,255;
	--ion-color-medium-shade: #545454;
	--ion-color-medium-tint: #6f6f6f;

	--ion-color-dark: #2f2f2f;
	--ion-color-dark-rgb: 47,47,47;
	--ion-color-dark-contrast: #ffffff;
	--ion-color-dark-contrast-rgb: 255,255,255;
	--ion-color-dark-shade: #292929;
	--ion-color-dark-tint: #444444;

  --ion-color-rose: #fecdd3;
  --ion-color-rose-rgb: 254,205,211;
  --ion-color-rose-contrast: #000000;
  --ion-color-rose-contrast-rgb: 0,0,0;
  --ion-color-rose-shade: #e0b4ba;
  --ion-color-rose-tint: #fed2d7;

  --ion-text-color: #000000;
  --ion-background-color: #ffffff;
  --ion-background-color1: #fafafa;
  --color-scheme: light;
  --offcanvas-color-scheme: dark;
  --font: 'Poppins', sans-serif;
  --logo: url('../media/logo/logo-dark.png');
  --box-shadow: 0 8px 32px rgba(194, 194, 218, .3); transition: box-shadow .32s ease-in-out;
}

body.dark-mode {
	--ion-color-primary: #F29313;
	--ion-color-primary-rgb: 242,147,19;
	--ion-color-primary-contrast: #ffffff;
	--ion-color-primary-contrast-rgb: 0,0,0;
	--ion-color-primary-shade: #d58111;
	--ion-color-primary-tint: #f39e2b;

  --ion-color-secondary: #001A60;
	--ion-color-secondary-rgb: 0,26,96;
	--ion-color-secondary-contrast: #ffffff;
	--ion-color-secondary-contrast-rgb: 255,255,255;
	--ion-color-secondary-shade: #001754;
	--ion-color-secondary-tint: #1a3170;

	/* --ion-color-secondary: #fff0db;
	--ion-color-secondary-rgb: 255,240,219;
	--ion-color-secondary-contrast: #000000;
	--ion-color-secondary-contrast-rgb: 0,0,0;
	--ion-color-secondary-shade: #e0d3c1;
	--ion-color-secondary-tint: #fff2df; */

	--ion-color-tertiary: #0054e9;
	--ion-color-tertiary-rgb: 0,84,233;
	--ion-color-tertiary-contrast: #ffffff;
	--ion-color-tertiary-contrast-rgb: 255,255,255;
	--ion-color-tertiary-shade: #004acd;
	--ion-color-tertiary-tint: #1a65eb;

  --ion-color-success: #2fdf75;
  --ion-color-success-rgb: 47, 223, 117;
  --ion-color-success-contrast: #000000;
  --ion-color-success-contrast-rgb: 0, 0, 0;
  --ion-color-success-shade: #29c467;
  --ion-color-success-tint: #44e283;

  --ion-color-warning: #ffd534;
  --ion-color-warning-rgb: 255, 213, 52;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0bb2e;
  --ion-color-warning-tint: #ffd948;

  --ion-color-danger: #ff4961;
  --ion-color-danger-rgb: 255, 73, 97;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #e04055;
  --ion-color-danger-tint: #ff5b71;

  --ion-color-dark: #f4f5f8;
  --ion-color-dark-rgb: 244, 245, 248;
  --ion-color-dark-contrast: #000000;
  --ion-color-dark-contrast-rgb: 0, 0, 0;
  --ion-color-dark-shade: #d7d8da;
  --ion-color-dark-tint: #f5f6f9;

  --ion-color-medium: #989aa2;
  --ion-color-medium-rgb: 152, 154, 162;
  --ion-color-medium-contrast: #000000;
  --ion-color-medium-contrast-rgb: 0, 0, 0;
  --ion-color-medium-shade: #86888f;
  --ion-color-medium-tint: #a2a4ab;

  --ion-color-light: #222428;
  --ion-color-light-rgb: 34, 36, 40;
  --ion-color-light-contrast: #ffffff;
  --ion-color-light-contrast-rgb: 255, 255, 255;
  --ion-color-light-shade: #1e2023;
  --ion-color-light-tint: #383a3e;

  --ion-color-rose: #fecdd3;
  --ion-color-rose-rgb: 254,205,211;
  --ion-color-rose-contrast: #000000;
  --ion-color-rose-contrast-rgb: 0,0,0;
  --ion-color-rose-shade: #e0b4ba;
  --ion-color-rose-tint: #fed2d7;

  --ion-text-color: #ffffff;
  --ion-background-color: #121212;
  --ion-background-color1: #000000;
  --color-scheme: dark;
  --offcanvas-color-scheme: light;
  transition: background-color 0.5s, color 0.5s;
  /* --logo: url('../media/logo/logo-white.png'); */
  --color-scheme: dark;

}

/************ default css ************/
* {
  /* font-family: var(--font) !important; */
  /* font-family: 'Lato', sans-serif !important; */
}

html, body {
  font-family: var(--font) !important;
  font-size: 15px !important;
  color: var(--ion-text-color) !important;
  background-color: var(--ion-background-color) !important;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--ion-text-color);
  padding: 0%;
  margin: 0%;
}

em {
  font-family: Consolas, monospace !important;
  font-weight: bold;
}

.w3-content {
  max-width: 1024px;
}

.main-wrapper {
  /* width: 100%;
  height: 100%; */
  color: var(--ion-text-color) !important;
  background-color: var(--ion-background-color) !important;
}

.gray-wrapper {
  color: var(--ion-text-color) !important;
  background-color: var(--ion-background-color1) !important;
}

.my-main-bg-color, .my-main-bg-color-hover:hover {
  color: var(--ion-text-color) !important;
  background-color: var(--ion-background-color) !important;
}

.my-primary-bg-color, .my-primary-bg-color-hover:hover {
  background-color: var(--ion-color-primary) !important;
  /* color: var(--ion-color-primary-contrast) !important; */
}

.my-secondary-bg-color, .my-secondary-bg-color-hover:hover {
  background-color: var(--ion-color-secondary) !important;
  color: var(--ion-color-secondary-contrast) !important;
}

.my-tertiary-bg-color, .my-tertiary-bg-color-hover:hover {
  background-color: var(--ion-color-tertiary) !important;
  color: var(--ion-color-tertiary-contrast) !important;
}

.my-medium-bg-color, .my-medium-bg-color-hover:hover {
  background-color: var(--ion-color-medium) !important;
  color: var(--ion-color-medium-contrast) !important;
}

.my-light-bg-color, .my-light-bg-color-hover:hover {
  background-color: var(--ion-color-light) !important;
  color: var(--ion-color-light-contrast) !important;
}

.my-dark-bg-color, .my-dark-bg-color-hover:hover {
  background-color: var(--ion-color-dark) !important;
  color: var(--ion-color-dark-contrast) !important;
}

.my-primary-border-color, .my-primary-border-color-hover:hover {
  border-color: var(--ion-color-primary) !important;
}

.my-medium-border-color, .my-medium-border-color-hover:hover {
  border-color: var(--ion-color-medium) !important;
}

.my-light-border-color, .my-light-border-color-hover:hover {
  border-color: var(--ion-color-light) !important;
}

.my-primary-text-color, .my-primary-text-color-hover:hover {
  color: var(--ion-color-primary) !important;
}

.my-secondary-text-color, .my-secondary-text-color-hover:hover {
  color: var(--ion-color-secondary) !important;
}

.my-light-text-color, .my-light-text-color-hover:hover {
  color: var(--ion-color-light) !important;
}

.my-medium-text-color, .my-medium-text-color-hover:hover {
  color: var(--ion-color-medium) !important;
}

.glassmorphism-white {
  backdrop-filter: blur(8px) saturate(180%);
  -webkit-backdrop-filter: blur(8px) saturate(180%);
  background-color: rgba(255, 255, 255, 0.25);
}

.glassmorphism-black {
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  background-color: rgba(0, 0, 0, 0.25);
}

input:focus,textarea:focus,select:focus,.w3-button:focus{outline:none}
button{cursor:pointer;outline:none;}
.cpointer{cursor:pointer;outline:none}
.error{color:red;font-size:11px}
a{text-decoration:none !important; color:inherit !important}
.blur{-webkit-filter:  blur(5px) grayscale(100%); -moz-filter:  blur(5px) grayscale(100%); -o-filter:  blur(5px) grayscale(100%); -ms-filter:  blur(5px) grayscale(100%); filter: blur(5px) grayscale(100%);}
.my-shadow{box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.21);}
.my-shadow1{box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.my-shadow2{box-shadow: 0 8px 32px rgba(194, 194, 218, .3); transition: box-shadow .32s ease-in-out;}
.my-round{border-radius:12px}
.my-padding-horizontal{padding: 0px 16px}
.imgOpacity1{background:rgba(0, 0, 0, 0.5)}
.imgOpacity2{background:rgba(255, 255, 255, 0.5)}
.flex-center {display: flex; align-items: center; justify-content: center;}
.flex-middle {display: flex; align-items: center}

/**************** custom css ***************/
.inc-tm { width:150px;height:30px;background-image: var(--logo);background-repeat:no-repeat;background-size:contain;display:block}
::-webkit-calendar-picker-indicator { color-scheme: var(--color-scheme); }
.material-symbols-outlined { font-size: 22px;  }
/* .material-symbols-outlined {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
} */

/****custom scrollbar css****/
/* width */
.customscroll::-webkit-scrollbar {width: 10px;}
/* Track */
.customscroll::-webkit-scrollbar-track {background-color: transparent;border-radius: 10px; }
/* Handle */
.customscroll::-webkit-scrollbar-thumb {background: var(--ion-color-medium);border-radius: 10px; }
/* Handle on hover */
.customscroll::-webkit-scrollbar-thumb:hover {background: #555; }

/************ quick connect css ***********/
.quick-connect-bar-button  {
	position: fixed;
	bottom: 60%;
	right: -62px;
  background-color: #50626a;
	border: thin transparent solid;
	border-radius: 5px 5px 0 0;
  -ms-transform: rotate(270deg); /* IE 9 */
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  display: flex; align-items: center; justify-content: center;
  font-size: 14px;
}

/********************* UIKIT css *********************/
header .uk-navbar-dropdown {
  top: 80px !important;
  color: var(--ion-text-color) !important;
  background-color: var(--ion-background-color) !important;
  padding: 0px !important;
  /* border-top: 2px solid var(--ion-color-primary); */
}
.uk-navbar-nav>li>a {
  text-transform: none !important;
  font-size: inherit;
}
.uk-nav-header {
  color: var(--ion-text-color) !important;
  /* text-transform: none !important; */
  font-size: inherit;
}
.uk-nav-default {
  font-size: inherit;
}
.uk-nav>li>a {
  padding: 12px 16px;
  display: flex;
  align-items: center;
}
.uk-nav-sub a {
  padding: 12px 16px;
}
.uk-form-icon {
  color: var(--ion-text-color) !important;
  /* width: auto;
  min-width: 100px !important;
  display: inline-flex;
  justify-content: left;
  align-items: center; */
}
.uk-form-icon:not(.uk-form-icon-flip)~.uk-input {
  background: transparent;
  color: var(--ion-text-color) !important;
  /* padding-left: 110px!important; */
}
.uk-input, .uk-select, .uk-textarea {
  background: transparent;
  /* color: var(--ion-text-color) !important; */
  border: 1px solid #e5e5e5;
  /* padding: 0; */
  /* border-bottom: 1px solid var(--ion-color-light); */
}
.uk-input:focus,  .uk-select:focus, .uk-textarea:focus {
  background: transparent;
  /* color: var(--ion-text-color) !important; */
  border: 1px solid #c0c0c0;
}
.uk-checkbox {
  width: 20px;
  height: 20px;
}
.uk-checkbox:focus, .uk-radio:focus {
  border-color: var(--ion-color-primary);
}
.uk-checkbox:checked, .uk-checkbox:checked:focus {
  background-color: var(--ion-color-primary);
}
.uk-table td {
  border-top: 1px solid var(--ion-color-light-shade);
}
.uk-button {
  border: transparent;
  border-radius: 32px;
}
.uk-notification-message {
    border-radius: 12px !important;
    background-color: #222222;
    /* color: #ffcc00; */
    font-size: 14px !important;
    display: flex; align-items: center !important;
    /* box-shadow: var(--box-shadow); */
}
.uk-notification-message-info {
  color: #3f85ff;
}
.uk-notification-message-default {
  color: #c0c0c0;
}
.uk-modal > .uk-modal-dialog, .uk-modal-footer {
  border-radius: 16px;
}
#openOffCanvas .uk-offcanvas-bar {
  width: 100vw !important;
}
@media (min-width: 640px) {
  #openOffCanvas .uk-offcanvas-bar {
      width: 45vw !important;
  }
}
/* .uk-offcanvas-bar { 
  color: var(--ion-text-color) !important;
  background-color: var(--ion-background-color) !important;
} */