@charset "utf-8";
/*
  ヘッダー用CSSを記述する
*/



/* -----------------------------------------------------------
  ヘッダー
----------------------------------------------------------- */
.no_disp {
  display:none;
}

.page_header,
.page_menu {
  min-width: 1220px;
}

.header-alrit {
  bottom: 0px;
  width: 100%;
  height: 50px;
  text-align: center;
  background-color: #fff;
  position: fixed;
  z-index: 100;
  min-width: 1210px;
}

.container-fluid .navbar-header-alrit {
  margin-left:0;
}

.header-nav-alrit {
  padding-left: 15px;

}

.header-nav-alrit>li>a {
  color: #000;
}

.header-nav-alrit>li>a:hover {
  color: #000;
  background-color: transparent;
/*	text-decoration: underline;*/
  background-color:#e0f8fb;
}

.header-nav-alrit>li>a:focus {
  background-color: transparent;
}

.navbar-brand .img-rounded {
  height: 36px;
  width: 151px;
  margin-top: -8px;
  margin-left:-3px;

}

/* a:hover.navbar-link-underline {
  border-bottom: 1px solid #777;
  padding-bottom: 2px;
}
 */
img.dropdown-toggle-icon {
  width: 20px;
  height: 20px;
}

.search-frame-alrit {
  position: relative;
  display: inline-block;
}

.navbar-form input.search-input-box-alrit {
  height: 50px;
  width: 250px;
  background-color:transparent;
  /* color:#fff; */
  border: 1px solid #ccc;
  border-top: 0;
  border-bottom: 0;
  border-radius: 0;
}

.header-user-name-blinking{
  -webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
    color: #ff0000;
}

@media screen and (max-width: 1360px) {
   .navbar-collapse .search-frame-alrit,
   .search-frame-alrit .form-search .search-input-box-alrit { width: 150px; }
}

/*
@media screen and (max-width: 1300px) {
   .navbar-collapse .search-frame-alrit { display: none; }
}
*/
/*
  .navbar-form input.search-input-box-alrit {
      width: 250px;
  }
@media (max-width: 768px){
}
 */
/*
input.search-input-box-alrit::-webkit-input-placeholder {
  color: #fff;
  font-weight: normal;
}

input.search-input-box-alrit:-ms-input-placeholder {
  color: #fff;
  font-weight: normal;
}

input.search-input-box-alrit::-moz-placeholder {
  color: #fff;
  font-weight: normal;
}
*/

/* -----------------------------------------------------------
  ヘッダーアイコン
----------------------------------------------------------- */
.header-search-button-alrit {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
  top: 16px;
  background-image: url('../img/serach.png');
  background-repeat: no-repeat;
  background-size: 20px 20px;
  cursor: pointer;
}

.setting-button-alrit {
  width: 50px;
  height: 50px;
  background-image: url('../img/icon_header_setting.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}


li>a.header-item-alrit {
  background-size: 22px 22px;
  background-position: 3px 50%;
  padding-left:30px;
}

.otm-alrit {
  background-image: url('../img/icon_header_timecard.png');
  background-repeat: no-repeat;
}

.mail-alrit {
  background-image: url('../img/icon_header_mail.png');
  background-repeat: no-repeat;
}

.mess-alrit {
  background-image: url('../img/icon_header_chat.png');
  background-repeat: no-repeat;
}

.todo-alrit {
  background-image: url('../img/icon_header_todo.png');
  background-repeat: no-repeat;
}

.help-alrit {
  background-image: url('../img/icon_header_help.png');
  background-repeat: no-repeat;
}

.info-alrit {
  background-image: url('../img/icon_header_appointment.png');
  background-repeat: no-repeat;
}


.opration-alrit {
  background-image: url('../img/icon_header_phoneoperation.png');
  background-repeat: no-repeat;
}

.link-alrit {
  background-image: url('../img/icon_header_hdd.png');
  background-repeat: no-repeat;
}


.user-alrit {
  background-image: url('../img/icon_header_user.png');
  background-repeat: no-repeat;
}



/* -----------------------------------------------------------
  グローバルメニュー
----------------------------------------------------------- */

.page_menu {
  background-color: rgba(70, 70, 70, 0.6);
}

.swiper-container-alrit {
  width:920px;
}

.swiper-slide-center-alrit {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: stretch;
  align-items: stretch;
  text-align: center;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #666;
}


/* -----------------------------------------------------------
  グローバルメニューアイコン
----------------------------------------------------------- */
li>a.menu-item-icon-alrit {
  width: 84px;
  height: 100%;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  padding: 52px 0px 0px 0px;
  background-position: center 11px;
  background-size: 40px 40px;
  border-radius: 0px!important;
  font-size:11px;
  top:1px;
  display: inline-block;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

li>a.menu-item-icon-alrit:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  background-color: transparent;
  border-bottom-color: rgba(70, 70, 70, 0.6);
}
li.globalmenu:hover {
  background-color: rgba(70, 70, 70, 0.6);
  border-bottom: 2px solid rgba(70, 70, 70, 0.1);
}
li.globalmenu.selected {
  background-color: rgba(70, 70, 70, 0.6);
  border-bottom: 2px solid white;
}
.gallery .menu_icon_home,
a.menu_icon_home {
  background-image: url('../img/global-menu/icon_home.png');
  background-repeat: no-repeat;
}

.gallery .menu_icon_schedule,
a.menu_icon_schedule {
  background-image: url('../img/global-menu/icon_schedule.png');
  background-repeat: no-repeat;
}
/* span.menu_icon_schedule {
  margin-left:-8px;
}
*/

.gallery .menu_icon_account,
a.menu_icon_account {
  background-image: url('../img/global-menu/icon_account.png');
  background-repeat: no-repeat;
}

.gallery .menu_icon_address,
a.menu_icon_address {
  background-image: url('../img/global-menu/icon_address.png');
  background-repeat: no-repeat;
}
/* span.menu_icon_address {
  margin-left:-2px;
}
 */
.gallery .menu_icon_alrit_top,
a.menu_icon_alrit_top {
  background-image: url('../img/global-menu/icon_alrit_top.png');
  background-repeat: no-repeat;
}

.gallery .menu_icon_attendance,
a.menu_icon_attendance {
  background-image: url('../img/global-menu/icon_attendance.png');
  background-repeat: no-repeat;
}

.gallery .menu_icon_backup,
a.menu_icon_backup {
  background-image: url('../img/global-menu/icon_backup.png');
  background-repeat: no-repeat;
}
/*
span.menu_icon_backup {
  margin-left:-8px;
}
 */
.gallery .menu_icon_client,
a.menu_icon_client {
  background-image: url('../img/global-menu/icon_client.png');
  background-repeat: no-repeat;
}

.gallery .menu_icon_customer,
a.menu_icon_customer {
  background-image: url('../img/global-menu/icon_customer.png');
  background-repeat: no-repeat;
}

.gallery .menu_icon_favorite,
a.menu_icon_favorite {
  background-image: url('../img/global-menu/icon_favorite.png');
  background-repeat: no-repeat;
}

.gallery .menu_icon_folder,
a.menu_icon_folder {
  background-image: url('../img/global-menu/icon_folder.png');
  background-repeat: no-repeat;
}

.gallery .menu_icon_shareopen,
a.menu_icon_shareopen {
  background-image: url('../img/global-menu/icon_shareopen.png');
  background-repeat: no-repeat;
}

/* span.menu_icon_folder{
  margin-left:-8px;
}
 */
.gallery .menu_icon_groupware,
a.menu_icon_groupware {
  background-image: url('../img/global-menu/icon_other.png');
  background-repeat: no-repeat;
}

.gallery .menu_icon_history,
a.menu_icon_history {
  background-image: url('../img/global-menu/icon_history.png');
  background-repeat: no-repeat;
}

.gallery .menu_icon_mail,
a.menu_icon_mail {
  background-image: url('../img/global-menu/icon_mail.png');
  background-repeat: no-repeat;
}

.gallery .menu_icon_network,
a.menu_icon_network {
  background-image: url('../img/global-menu/icon_network.png');
  background-repeat: no-repeat;
}

.gallery .menu_icon_noticeboard,
a.menu_icon_noticeboard {
  background-image: url('../img/global-menu/icon_noticeboard.png');
  background-repeat: no-repeat;
}

.gallery .menu_icon_pmail,
a.menu_icon_pmail {
  background-image: url('../img/global-menu/icon_pmail.png');
  background-repeat: no-repeat;
}
/*
span.menu_icon_pmail {
  margin-left:-2px;
}
 */
.gallery .menu_icon_powermail,
a.menu_icon_powermail {
  background-image: url('../img/global-menu/icon_powermail.png');
  background-repeat: no-repeat;
}
/* span.menu_icon_powermail {
  margin-left:-8px;
}
 */

.gallery .menu_icon_process,
a.menu_icon_process {
  background-image: url('../img/global-menu/icon_record.png');
  background-repeat: no-repeat;
}

.gallery .menu_icon_remote,
a.menu_icon_remote {
  background-image: url('../img/global-menu/icon_remote.png');
  background-repeat: no-repeat;
}
/* span.menu_icon_remote {
  margin-left:-4px;
}
 */
.gallery .menu_icon_restore,
a.menu_icon_restore {
  background-image: url('../img/global-menu/icon_restore.png');
  background-repeat: no-repeat;
}

.gallery .menu_icon_smail,
a.menu_icon_smail {
  background-image: url('../img/global-menu/icon_smail.png');
  background-repeat: no-repeat;
}
/* span.menu_icon_smail {
  margin-left:-2px;
}
 */
.gallery .menu_icon_system,
a.menu_icon_system {
  background-image: url('../img/global-menu/icon_system.png');
  background-repeat: no-repeat;
}

.gallery .menu_icon_menu_setting,
a.menu_icon_menu_setting {
  background-image: url('../img/global-menu/icon_menu_setting.png');
  background-repeat: no-repeat;
}

.gallery .menu_icon_textsearch,
a.menu_icon_textsearch {
  background-image: url('../img/global-menu/icon_textsearch.png');
  background-repeat: no-repeat;
}

.gallery .menu_icon_workflow,
a.menu_icon_workflow {
  background-image: url('../img/global-menu/icon_workflow.png');
  background-repeat: no-repeat;
}
/* span.menu_icon_workflow {
  margin-left:-8px;
}
 */
.gallery .menu_icon_webmeeting,
a.menu_icon_webmeeting {
  background-image: url('../img/global-menu/icon_webmeeting.png');
  background-repeat: no-repeat;
}

.gallery .menu_icon_freee,
a.menu_icon_freee {
  background-image: url('../img/global-menu/icon_freee.png');
  background-repeat: no-repeat;
}

.gallery .menu_icon_sign,
a.menu_icon_sign {
  background-image: url('../img/global-menu/icon_sign.png');
  background-repeat: no-repeat;
}
.gallery .menu_icon_rai,
a.menu_icon_rai {
  background-image: url('../img/global-menu/icon_rai.png');
  background-repeat: no-repeat;
}
.gallery .menu_icon_feel,
a.menu_icon_feel {
  background-image: url('../img/global-menu/icon_feel.png');
  background-repeat: no-repeat;
}

.gallery .menu_icon_otegaru,
a.menu_icon_otegaru {
  background-image: url('../img/global-menu/icon_otegaru.png');
  background-repeat: no-repeat;
}

.gallery .menu_icon_nats,
a.menu_icon_nats {
  background-image: url('../img/global-menu/icon_nats.png');
  background-repeat: no-repeat;
}

.gallery .menu_icon_timecard,
a.menu_icon_timecard {
  background-image: url('../img/global-menu/icon_attendance.png');
  background-repeat: no-repeat;
}

.gallery .menu_icon_todo,
a.menu_icon_todo {
  background-image: url('../img/global-menu/icon_todo.png');
  background-repeat: no-repeat;
}

.gallery .menu_icon_messenger,
a.menu_icon_messenger {
  background-image: url('../img/global-menu/icon_messenger.png');
  background-repeat: no-repeat;
}

.gallery .menu_icon_cloudrestore,
a.menu_icon_cloudrestore {
  background-image:url('../img/global-menu/icon_cloudrestore.png');
  background-repeat: no-repeat;
}


/* -----------------------------------------------------------
  画面設定
----------------------------------------------------------- */

.color1 {
  background-image: linear-gradient(-20deg, #6e45e2 0%, #88d3ce 100%);
}
.color2 {
  background-image: linear-gradient(-20deg, #f794a4 0%, #fdd6bd 100%);

}
.color3 {
  background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
}
.color4 {
  background-image: linear-gradient(60deg, #abecd6 0%, #fbed96 100%);
}
.color5 {
  background-image: linear-gradient(to top, #ebc0fd 0%, #d9ded8 100%);}
.color6 {
  background-color: #c53d43;
}
.color7 {
  background-color: #fbd26b;
}
.color8 {
  background-color: #007b43;
}
.color9 {
  background-color: #274a78;
}
.color10{
  background-color:#483d8b;
}
a.set {
    width: 100px;
    height: 35px;
    line-height: 35px;
    margin: 5px 10px 20px 5px;
    text-decoration: none;
}

a.set {
    position: relative;
    display: inline-block;
    background-color: #00afcc;
    text-align: center;
    color: white;
    top: 0px;
    left: 0px;
    font-size: 14px;
    cursor: pointer;
    font-weight: normal;
}
a:hover.set {
  color: #fff;
  background-color: #418fdb;
  text-decoration: none;
}

a.new > span.ring {
  margin: 0px;
    padding: 0px;
    position: absolute;
    background-color: #ff0000;
    color: #ffffff;
    width: 28px;
    height: 28px;
    line-height: 30px;
    font-size: 11px;
    z-index: 1;
}
a.compact_new > span.ring {
  top: 7px;
    right: -3px;
    position: absolute;
    background-color: #ff0000;
    color: #ffffff;
    width: 20px;
    height: 20px;
    font-size: 11px;
    z-index: 1;
}
a.new > span.ring.header {
    top: 7px;
    right: 4px;
}

a.new > span.ring.messenger {
  top: 3px;
  right: -10px;
}