/* bg */
body.cover {
 background-image:none;
 background-color:#ffffff;
 border-radius: 0px;
 /* background: linear-gradient(180deg, #EEF6FF 48.5%, #EEF6FF 90%, #dbecff 100%); */
 background: linear-gradient(180deg, #EEF6FF 20%, #EEF6FF 80%, #b9daff 100%);
 background-attachment: fixed;
}

/* logo */
.login .box h1.logo, 
.home .box h1.logo {
 background-image:url(../img/logo_integrate.svg);
 background-size:93% auto;
}

/* link */
.ui-widget-content a,
a{
	color:#2b69ff;
}
a:focus,
a:hover{
	outline:0;
	color:#2b7cff;
}
a:focus{
}

/* btn */
.btn:active,
.btn:focus{
	box-shadow:0 0 0.25rem rgba(43, 105, 255,0.5)!important;
}

/* primary */
.btn-primary {
 background-color:#2b69ff;
 border-color:#2b69ff;
}
.btn-primary:focus,
.btn-primary:hover{
	background-color:#2b7cff;
	border-color:#2b69ff;
 box-shadow:0 0 0.25rem #487fff;
}
/* outline-primary */
.btn-outline-primary {
 border-color: #2b6bff42;
 color: #2b69ff;
}
.btn-outline-primary:focus,
.btn-outline-primary:hover{
 background-color: #ffffff66;
	border-color:#2b69ff;
	color:#2b69ff;
}
.btn-primary:active,
.btn-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary:focus{
	/* box-shadow:0 0 0.25rem #2b69ff!important; */
}

/* secondary */
.btn-secondary:focus,
.btn-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:hover{
 box-shadow:0 0 0.25rem rgba(116, 126, 138,0.5)!important;
}

/* form */
.form-select:focus,
.form-control:focus{
	border-color:#487fff85;
	box-shadow:0 0 6px #487fff !important;
}

.form-floating > .form-control:focus~label,
.form-floating > .form-control:not(:placeholder-shown)~label,
.form-floating > .form-select~label{
	color:#2b69ff;
}

/* step bar */
.stepbar-container > div.step-current:before {
 background: #2b69ffcc;
}

/* checkbox */
input[type=checkbox] + label,
input[type=radio] + label{
	background-color:rgba(43, 105, 255,.05);
}
input[type=checkbox] + label:hover, input[type=radio] + label:hover {
 background-color: rgba(43, 105, 255,0.1);
}
/* checkbox checked */
input[type=checkbox] + label:active, input[type=checkbox]:checked + label, input[type=radio] + label:active, input[type=radio]:checked + label {
 border: 1px solid #2b69ff;
}
input[type=radio]:active + label,
input[type=radio]:focus + label,
input[type=checkbox]:active + label,
input[type=checkbox]:focus + label{
 box-shadow:0 0 0.25rem #2b69ff!important;
}
.form-select:valid:focus,
.form-control:valid:focus{
	border-color:#2b69ff!important;
}
input[type=checkbox]:checked + label:before {
}

/* form valid */
.form-control.is-valid, .was-validated .form-control:valid, textarea.form-control.is-valid, .was-validated textarea.form-control:valid {
 background: rgba(43, 105, 255,.05);
 color: #2559D9;
}
.form-control.is-valid, .was-validated .form-control:valid {
 border-color:#2b69ff;
}
.form-select.is-valid, .was-validated .form-select:valid {
 color:#2559D9;
 border-color: #2b69ff;
 background-color: rgba(43, 105, 255,.05);
}
.valid-feedback, .form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label {
 color: #2559D9;
}

/* tab */
.ui-tabs .ui-tabs-nav li.ui-tabs-active, .ui-tabs .ui-tabs-nav li.ui-state-disabled, .ui-tabs .ui-tabs-nav li.ui-tabs-loading {
 border-color:#2b69ff;
}

/* calendar */
.ui-datepicker .ui-state-default.ui-state-hover {
 background-color: #e9eff9 !important;
 color:#2b69ff;
}

/* maintenance */
.stat-xl {
 filter:hue-rotate(90deg);
}

/* menu */
ul.menu {
 padding-bottom:10px;
}

/* navi */
#g-nav {
 background-color: #ffffff;
 top:0;
}
#g-nav.panelactive {
 top:0;
}
#g-nav ul, .usermenu ul,
#g-nav li, .usermenu li {
 border-color:rgba(43, 105, 255, 0.3);
}
#g-nav li a:before {
 filter: hue-rotate(90deg);
}
.g-nav-trigger span {
 background-color:#2b69ff;
}
.g-nav-head {
 background-image:url(../img/logo_integrate.svg);
 background-position: center bottom 5px;
 background-size:80% auto
}
.g-nav-trigger.active span:nth-of-type(1),
.g-nav-trigger.active span:nth-of-type(3)  {
 background-color:#2b69ff;
}

/* login */
.notice .btn.login.rev.ico {
 background-image: url(../img/icon_gnav_login_blue.svg);
}


/* fluffy */
#fluffy {
 position: absolute;
 top: -10px;
 left: 50%;
 z-index: -1;
 transition: transform 0.6s;
 transform: scale(1.0);
 transform: rotate(-15deg);
 width:75%;
 max-height:80vh;
 transform:translateX(-50%);
}
#fluffy_bg {}
#fluffy {
 animation: float 6s ease-in-out infinite alternate;
}
@keyframes float {
 0% {
  transform: translateY(0) translateX(-48%);
 }
 100% {
  transform: translateY(12px) translateX(-52%);
  ;
 }
}



/* cocoro */
.notice .btn.login.rev {
 color:#487fff;
}
ul.menu {
 background-color: rgba(226, 240, 255 ,0.5);
}
.menu li a.no_icon:before {
 width:1px;
 background-image:none;
}
.menu li a.no_icon {
}
.home .box.bg-image {
 filter:hue-rotate(90deg);
}
.menu li a:before {
 filter:hue-rotate(90deg);
}
.menu li a:active,
.menu li a:focus{
	box-shadow:0 0 6px rgba(43, 105, 255,.5) !important;
}
.pmh_balloon {
 color:#303030;
}

/* enquete */
.enquete h2 .heading {
 color:#2b69ff;
}
.progressbar-container .bar-container .progress .progress-bar {
 background-color:#2b69ff;
}

/* usage */
.stripe-section section:nth-child(even) {
 background-color: rgba(43, 105, 255,0.2);
}

/* chat */
.bg-chat, body.chat {
 background:#e4edff;
}
#chat .R .balloon {
 background: #c9d9ff;
}
.posting-container, .selective-container {
 background: #d0deff;
}




