@charset "utf-8";

:root {
	--main-color: #3276b1;
	--main-color-light: #F4F9FD;
	--main-color-medium: #DCECF9;
	--main-color-dark: #245582;

	--color-saturday: #3082C5;
	--color-sunday: #EF897A;
	--color-saturday-light: #DFF1F4;
	--color-sunday-light: #FDE6DF;
	--color-danger: #ff0000;

	--gray-thin: #E0E0E0;
	--gray-light: #F0F0F0;
	--gray-dark-hover: #555;

	--danger-light:#FDF2F3;
}

/* ----------------------------------------- 
 * Color
 * ----------------------------------------- */
.blue {color:#0078D7 !important;}
.red {color:#CC0000 !important;}
.green {color:#009900 !important;}
.yellow {color:#FFFF00 !important;}
.orange {color:#FF9900 !important;}
.grey {color:#C0C0C0 !important;}

.fc-fff {color:#ffffff !important;}
.fc-ccc {color:#CCCCCC !important;}
.fc-999 {color:#999999 !important;}
.fc-969 {color:#996699 !important;}
.fc-cc9 {color:#CCCC99 !important;}
.fc-990 {color:#999900 !important;}
.fc-963 {color:#996633 !important;}
.fc-6c3 {color:#66CC33 !important;}
.fc-696 {color:#669966 !important;}
.fc-9c9 {color:#99CC99 !important;}
.fc-f90 {color:#FF9900 !important;}
.fc-399 {color:#339999 !important;}
.fc-f99 {color:#FF9999 !important;}
.fc-c60 {color:#CC6600 !important;}
.fc-f30 {color:#FF3300 !important;}
.fc-39f {color:#3399FF !important;}
.fc-fc0 {color:#FFCC00 !important;}
.fc-036 {color:#003366 !important;}
.fc-333 {color:#333333 !important;}
.fc-000 {color:#000000 !important;}
.fc-main {color:var(--main-color) !important;}

.bg-fff {background:#ffffff !important;}
.bg-ccc {background:#CCCCCC !important;}
.bg-999 {background:#999999 !important;}
.bg-f00 {background:#ff0000 !important;}
.bg-969 {background:#996699 !important;}
.bg-cc9 {background:#CCCC99 !important;}
.bg-990 {background:#999900 !important;}
.bg-963 {background:#996633 !important;}
.bg-6c3 {background:#66CC33 !important;}
.bg-696 {background:#669966 !important;}
.bg-9c9 {background:#99CC99 !important;}
.bg-f90 {background:#FF9900 !important;}
.bg-399 {background:#339999 !important;}
.bg-f99 {background:#FF9999 !important;}
.bg-c60 {background:#CC6600 !important;}
.bg-f30 {background:#FF3300 !important;}
.bg-39f {background:#3399FF !important;}
.bg-fc0 {background:#FFCC00 !important;}
.bg-036 {background:#003366 !important;}
.bg-333 {background:#333333 !important;}
.bg-light-gray {background:#f0f0f0 !important;}
.bg-main {background:var(--main-color) !important;}

/* ----------------------------------------- 
 * common
 * ----------------------------------------- */
html *::selection, html *::-moz-selection, html *::-webkit-selection {
	background:#808080;
	color:#fff;
}

a {color:var(--main-color);}
a:hover {color:var(--main-color-dark);}

.dropdown-item.active, .dropdown-item:active {background-color:var(--main-color);}

/* code {color:#3f9472;}*/

/* ----------------------------------------- 
 * aw-grid-control
 * ----------------------------------------- */
.aw-grid-control, .aw-grid-frame .toolbar, .aw-grid-info {border-color:var(--gray-thin);}
.aw-grid-control .aw-rows-selected .aw-grid-cell {background-color:var(--main-color) !important;}

.aw-grid-info {color:#999;}
.aw-grid-info b {color:#000;}

.aw-count-cal {color:var(--gray) !important;}

.aw-grid-frame .toolbar button {background:var(--white); color:var(--gray-dark); border-color:var(--gray-dark);}
.aw-grid-frame .toolbar button:hover {background:var(--gray-dark); color:var(--white) !important;}
.aw-grid-frame .toolbar button[disabled] {color:#BDB79D !important; background:var(--gray-light);}


/* ----------------------------------------- 
 * footer
 * ----------------------------------------- */
#footer {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}


/* ----------------------------------------- 
 * navi-tab
 * ----------------------------------------- */
#navi-tab {border-bottom-color:var(--gray-thin);}
#navi-tab li:hover a, #navi-tab li.active:focus a {color:var(--gray-dark);}
#navi-tab li.active { background-color:var(--gray-dark); border-color:transparent;}
#navi-tab li.active a { color:var(--white); }
#navi-tab li.active i.remove {color:var(--white);}

#navi-tab #tab-power button {
	border-color:transparent !important;
	color:var(--gray-dark); 
	background-color:var(--white);
}
#navi-tab #tab-power button:hover {color:var(--main-color);}


.action-panel {background-color:var(--main-color-light);}

body.pop #header {background-color:var(--main-color-light);}
body.pop #header .btn-close i {border-color:var(--gray) !important;}
body.pop #header .action-wrapper .btn {color:var(--main-color);}
body.pop #header .action-wrapper .btn:hover {background:var(--main-color); color:var(--white);}

body.pop.edit #content > h1 {color:var(--gray-dark);}

ul.nav-tabs > li > a.active, ul.nav-tabs > li > a.active:hover, ul.nav-tabs > li > a.active:focus {color:var(--gray-dark); border-color:var(--gray) !important;}
ul.nav-tabs > li > a:hover {color:var(--main-color);}

button.btn-close i::before, button.btn-close i::after {background:var(--gray);}

form.search .action-panel .dropdown-menu a:hover {background:var(--gray-light);}
form.search .action-panel .dropdown-menu a:active:hover, form.search .action-panel .dropdown-menu a:active:focus {color:var(--white); background:var(--main-color);}
.toggleConditionMore:after {color:var(--main-color);}

.msg-box .msg-box-buttons button.btn.btn-outline-link {border-color:var(--gray-thin);}
.msg-box .msg-box-buttons button.btn.btn-outline-link:hover {border-color:var(--gray-dark); background-color:var(--gray-thin);}

#shortcut-frame a {background:#f5f5f5;}
#shortcut-frame a:hover {background:var(--gray-thin); border-color:transparent;}



/* ----------------------------------------- 
 * edit
 * ----------------------------------------- */

.waiting-spin > div,
.double-bounce1, .double-bounce2 {background-color:var(--main-color);}