/* 기본값 = 라이트 */
:root {
  --bg-color: #ffffff;
  --header-color:#ffffff;
  --header-sv-color:#F5F7FA;
  --sidenav-color :#181818;
  --sidenav-top-color :#ffffff;
  --footer-color:#fafafa;
  --card-color: #fafafa;
  --card-color-2: #f3f3f3;
  --doc-color: #ffffff;
  --loading-color: rgba(255,255,255,.8);

  --subpage-color:#000a27;
  --subpage-text:#ffffff;

  --text-primary: #111111;
  --text-white: #ffffff;
  --text-secondary: #666666;
  --text-strong: #FABE00;
  --text-disabled: #9e9e9e;
  --text-link: #1976d2;
  --active-border: #1976d2;
  --text-error: #d32f2f;
  
  --chat-received-bg: #f5f5f5;
  --chat-received-text: #212121;

  --chat-sent-bg: #080808;
  --chat-sent-text: #ffffff;

  /* Optional border */
  --chat-sent-border: #f9a825;
  
  --link-hover-color: #f1f4f9;
  --link-hover-text-color: #111111;
  
  --input-bg: #f1f4f9;
   --input-border: #dddddd;

  --shadow-color-1: rgba(0, 0, 0, 0.14);
  --shadow-color-2: rgba(0, 0, 0, 0.12);
  --shadow-color-3: rgba(0, 0, 0, 0.2);

  --calendar-shdow-color-1:#e6e6e6;
  --calendar-shdow-color-2:rgba(0, 0, 0, 0.08);

  --btn-st1-color :#f1592a;
  --btn-st1-hover-color :#fd3b00;
  --btn-st1-text-color :#ffffff;
  --btn-st2-color :#1e7e8e;
  --btn-st2-hover-color :#125966;
  --btn-st2-text-color :#ffffff;
  --btn-st3-color :#002591;
  --btn-st3-hover-color :#001041;
  --btn-st3-text-color :#ffffff;
  --active-color-1:#0041fd;

  --btn-flat-color :#1e7e8e;
  --btn-flat-hover-color :#125966;

  --btn-dark-color: #121212;
  --btn-dark-text-color: #eaeaea;
  --btn-disabled-color : #DFDFDF;

  --header-btn-color: #E5EAF0;
  --header-btn-text-color: #1F2937;
  --header-btn-hover-color: #0A84FF;
  --header-btn-hover-text-color: #FFFFFF;

  --table-tr-even-color : rgba(242, 242, 242, 0.5);

  --gradient-1 :linear-gradient(90deg, #55ceff 0%, #0049ff 100%);
  --guage-inner-color : linear-gradient(90deg, #138086 0%, #4CAF50 100%);;
  
}

:root[data-theme="dark"] {
  /* Background */
  --bg-color: #121212;
  --header-color:#000000;
  --header-sv-color:#1B1F24;
  --sidenav-color :#181818;
  --sidenav-top-color :#000000;
  --footer-color:#000000;
  /* Surface / Card */
  --card-color: #1e1e1e;
  --card-color-2: #111111;
  --doc-color: #000000;
  --loading-color: rgba(0,0,0,.8);
  

  /* Text */
  --text-primary: #eaeaea;
  --text-secondary: #b0b0b0;
  --text-disabled: #6f6f6f;
  --text-link: #FFD54F;
  --active-border: #FFD54F;
  --text-error: #ef5350;

   --chat-received-bg: #1e1e1e;
  --chat-received-text: #eaeaea;

  --chat-sent-bg: #FFD54F;
  --chat-sent-text: #111111;

  --chat-sent-border: #ffd54f;
  --link-hover-color: #FFD54F;
  --link-hover-text-color: #181818;
  

  /* Modal */
  --modal-bg: #242424;
  --modal-overlay: rgba(0, 0, 0, 0.6);

  /* Input */
  --input-bg: #1a1a1a;
  --input-border: #333333;
  
  --input-placeholder: #8a8a8a;
  --input-focus: #64b5f6;

  --shadow-color-1: rgba(255, 255, 255, 0.05);
  --shadow-color-2: rgba(255, 255, 255, 0.04);
  --shadow-color-3: rgba(41, 41, 41, 0.4);

  --calendar-shdow-color-1:#2a2a2a;
  --calendar-shdow-color-2:rgba(0, 0, 0, 0.6);

  --btn-st1-color :#FFD54F;
  --btn-st1-hover-color :#fdc200;
  --btn-st1-text-color :#1a1a1a;
  --btn-st2-color :#2A2A2A;
  --btn-st2-hover-color :#000000;
  --btn-st2-text-color :#ffffff;
  --btn-dark-color: #121212;
  --btn-dark-text-color: #eaeaea;
  --btn-disabled-color : #2A2A2A;

  --header-btn-color: #2A3138;
  --header-btn-text-color: #F3F4F6;
  --header-btn-hover-color: #7CC4FF;
  --header-btn-hover-text-color: #0F1720;

  --table-tr-even-color : #1e1e1e;
  --guage-inner-color :linear-gradient(90deg, #0F5F63 0%, #2E7D32 100%);
}
/* 시스템 다크 (수동 설정 없을 때만) 
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --bg-color: #121212;
    --text-color: #ffffff;
  }
}
*/
body{
    background-color: var(--bg-color);
	 color: var(--text-primary);
}

a{
	color:var(--text-primary);
}

.sidenav li>a{
    color:var(--text-primary);
}
body aside .sidenav li>a>i{
    color:var(--text-primary);
}

.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-small, .btn-floating, .dropdown-content, .collapsible, .sidenav{
    -webkit-box-shadow:0 2px 2px 0 var(--shadow-color-1),
    0 3px 1px -2px var(--shadow-color-2),
    0 1px 5px 0 var(--shadow-color-3);
  box-shadow:
    0 2px 2px 0 var(--shadow-color-1),
    0 3px 1px -2px var(--shadow-color-2),
    0 1px 5px 0 var(--shadow-color-3);
}
body.admin header nav{
	background:var(--bg-color);
}
input,.btn-flat{
    color:var(--text-primary) !important;
}
.modal,.card,.dropdown-content{
    background-color: var(--card-color);
}
body .flatpickr-calendar{
    background-color: var(--card-color);
    border:1px solid var(--input-border)
}

.dropdown-content li>a, .dropdown-content li>span {
 
    color: var(--text-primary);
}
.dropdown-content li:hover{
  background-color: var(--link-hover-color) !important;

}
.dropdown-content li:hover>a, .dropdown-content li:hover>span,
.dropdown-content li:hover>a>i, .dropdown-content li:hover>span>i,
.dropdown-content li:hover>button  {
  color:var(--link-hover-text-color);
}

body .flatpickr-calendar {
    
    /* -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); */
    box-shadow: 1px 0 0 var(--calendar-shdow-color-1), -1px 0 0 var(--calendar-shdow-color-1), 0 1px 0 var(--calendar-shdow-color-1), 0 -1px 0 var(--calendar-shdow-color-1), 0 3px 13px var(--calendar-shdow-color-2);
}
body .flatpickr-current-month,
body span.flatpickr-weekday {
    
    color: var(--text-primary);
    
}

 
body .flatpickr-day {
    
    color: var(--text-secondary);

}

body .flatpickr-calendar.arrowTop,
body .flatpickr-calendar.arrowTop:after{
    border-bottom-color: var(--card-color);
}

body .collection .collection-item {
    background-color: var(--card-color);
    
    border-bottom: 1px solid var(--input-border);
}
body .collection {
    
    border: 1px solid var(--input-border);
    
}
body table.striped>tbody>tr:nth-child(odd) {
    background-color: var(--table-tr-even-color);
}
body .filepond--drop-label{
  background:var(--card-color-2);
}

body .secondary-content {
    
    color: var(--text-link);
}


body .flatpickr-months .flatpickr-prev-month, 
body .flatpickr-months .flatpickr-next-month {
    color:var(--text-link);
    fill:var(--text-link);
}

body .flatpickr-monthSelect-month {
    
     color: var(--text-primary);
    
    
}

body .flatpickr-monthSelect-month.selected,
body .flatpickr-monthSelect-month.startRange,
body .flatpickr-monthSelect-month.endRange,
body .flatpickr-monthSelect-month.selected:focus,
body .flatpickr-monthSelect-month.startRange:focus,
body .flatpickr-monthSelect-month.endRange:focus {
    background: var(--btn-st1-color);
	  color:var(--btn-st1-text-color) !important;
    
    
    border-color:  var(--btn-st1-color);
}

header>nav{
  background-color: var(--card-color);
  
}
header nav .logo-text{
  color: var(--text-primary) !important;
}

.collapsible{
  border: 1px solid var(--input-border);
}
.collapsible-header {
    
    background-color: var(--card-color);
    border-bottom: 1px solid var(--input-border);
}

ul.collapsible >li.active .collapsible-header {
    color: var(--text-link);
}

#slide-out .collapsible-body a.active,
#slide-out .collapsible>li>a.active{
	color : var(--text-link);
}
body.signup div.terms-div ul>li>div.collapsible-body {
    background: #fafafa;
}

[type="checkbox"]:checked+span:not(.lever):before {
    
    border-right: 2px solid var(--text-link);
    border-bottom: 2px solid var(--text-link);
    
}
.btn-floating i {
    
    color: var(--btn-st1-text-color);
    
}
#view .switch label input[type=checkbox]:checked+.lever {
    background-color: #999;
}
#view  .switch label input[type=checkbox]:checked+.lever:after {
    background-color: var(--btn-st1-color);
}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after {
    background-color: var(--btn-st1-color);
}

[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after {
    border: 2px solid  var(--btn-st1-color);
}

.dropdown-content li {
    
    color: var(--card-color);
    
}

select {
    background-color: var(--card-color);
    width: 100%;
    padding: 5px;
    border: none;
    border-radius: 2px;
    height: 3rem;
    color: var(--text-color);

    border-bottom: 1px solid var(--input-border);
}

.btn.disabled, .disabled.btn-large, .disabled.btn-small, .btn-floating.disabled, .btn-large.disabled, .btn-small.disabled, .btn-flat.disabled, .btn:disabled, .btn-large:disabled, .btn-small:disabled, .btn-floating:disabled, .btn-large:disabled, .btn-small:disabled, .btn-flat:disabled, .btn[disabled], .btn-large[disabled], .btn-small[disabled], .btn-floating[disabled], .btn-large[disabled], .btn-small[disabled], .btn-flat[disabled] {
    
    background-color: var(--btn-disabled-color) !important;
    
    color: var(--text-disabled) !important;
    
}
nav{
    color:var(--text-color);
}
nav ul li>button{
    background-color: transparent;
    color:var(--text-color);
    border:none;
    display: block;
}
.btn.btn-theme-light{
    background-color: #E5EAF0 !important;
    color: #1F2937 !important;
}
.btn.btn-theme-dark{
    background-color: #2A3138 !important;
    color: #F3F4F6 !important;

  
}
.strong{
    color:var(--text-strong);
}
.warning,.notaccept{
    color:var(--text-error);
}