@import url("https://fonts.googleapis.com/css?family=Baloo+Paaji|Open+Sans:300,300i,400,400i,600,600i,700,700i");
:root:not(.dark) { 
  --background-color: rgb(250 252 255);
  --bg-box: #ffffff; /*#f8f9fa*/
  --primary-color: #dee2e6;
  --font-color: #212529;
  --color: #1f2667;
  --bl-color: rgb(65 84 132);
  /*--border:  #dee2e6;*/
  --blue: #3e83f5;
  --dark: #313725;
  --border:  #f1f4ff/*rgb(224 233 251)*/;
  --border-alpha: #dae0fc;
  --background: #d5d5d5;
  --border-radius-half: 5px;
  --border-radius: 10px;
  --border-radius-1: 1rem;
  --border-radius-2: 2rem;
  --bg-purple:#6c49fe;
  --bg-blue: #05a364;
  --box-shadow: 0 0 2px 0 rgb(34 47 62 / 20%), 0 4px 8px 0 rgb(34 47 62 / 15%);
  --white: #1f2667;
  --sec-white: #ffffff;
  --bg-body: #f1f4ff/*rgb(250 252 255)*/;
  --header-bg: #ffffff;
  --header-border: #dee2e6;
  --bg-theme: #f8f9fa;
  --danger: #dc3251;
  --danger-faded: rgb(220 50 81 / 50%);
  --success:  #198754;
  --filter: rgba(101, 113, 255, 0.3);
  --btn-blue: rgb(18 124 231);
  --margin-top: 5px;
  --yellow: #ffc75c;
  --faded: #e5e5e5;
  --mst-hover: rgb(204 226 250);
  /*--font-family:  "Open Sans", sans-serif;*/
  /*--font-family: 'Poppins', sans-serif;*/
  --font-family: 'Roboto',Helvetica,arial,sans-serif;
  /*--font-family: "Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";*/
}

:root.dark {
  --background-color: #044965;
  --primary-color: #05668d;
  --font-color: #ffffff;
  /*--box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);*/
  --box-shadow:0 0 2px 0 rgb(34 47 62 / 20%), 0 4px 8px 0 rgb(34 47 62 / 15%);
  --color: #1f2667;
  --bl-color: #ffffff;
  --background: #044965;
  --border-radius-half: 5px;
  --border-radius: 10px;
  --border-radius-1: 1rem;
  --border-radius-2: 2rem;
  --bg-purple:#3e83f5;
  --bg-blue: #3e83f5;
  /*--box-shadow: 0 0 6px 0 rgba(0, 0, 0, .09);*/
  --blue: #3e83f5;
  --dark: #313725;
  --white: #c1e4ff;
  --bg-box: #141824;
  --bg-body: #0f111a;
  --border: #31374a;
  --border-alpha: #171a1d;
  --header-bg: #141824;
  --sec-white: #ffffff;
  --header-border: #31374a;
  --bg-theme: #444;
  --danger: #dc3251;
  --danger-faded: rgb(220 50 81 / 55%);
  --success: #198754;/*#1ea885*/
  --filter: rgba(101, 113, 255, 0.3);
  --btn-blue: rgb(18 124 231);
  --margin-top: 10px;
  --yellow: #ffc74c;
  --faded: #444444;
  --mst-hover: #05a364;
  /*--font-family:  "Open Sans", sans-serif;*/
  /*--font-family: 'Poppins', sans-serif;*/
  --font-family: 'Roboto',Helvetica,arial,sans-serif;
  /*--font-family:  'Baloo Paaji', cursive;*/
}


.theme-icon {
  /*width: 4rem;
  height: calc(2rem - 1px);
*/  padding: 0.8rem;
  background: var(--bg-box);
  border-radius: var(--border-radius-half);
  display: flex;
  border: none;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  font-size: 1.1em;
}

.theme-icon:hover{
  background: var(--border);
}
.login-grid button {
  outline: none;
  /*border: none;*/
}
.theme-icon i{
  display: flex;
  align-items: center;
  justify-content: center;
}

:root.dark .theme-icon  .fa-moon {
  display: none !important;
  transition: all .3s ease-in-out;
}

:root.dark .theme-icon .fa-sun {
  display: inline-block;
  color: var(--white) !important;
}

:root:not(.dark) .theme-icon .fa-moon {
  display: inline-block;
  color: var(--white);
}

:root:not(.dark) .theme-icon .fa-sun {
  display: none;
  transition: all .3s ease-in-out;
}

.sr-only {
  height: 1px;
  width: 1px;
  overflow: hidden;
}

code {
  margin: 10px 0;
  color: var(--white);
}
h1,
h2,
h3,
h4,
h5,
h6,{
  color: var(--white);
}

.c_h{
  display: none;
  visibility: none;
}