/**
 * セキュアキーパーの共通CSS
 * ------------------
 */

/* Show cursor on review icon */
.pointer {
    cursor: pointer;
}

/* Show cursor as pointer */
li.pointer {
    cursor: pointer;
}

.input[file]{
	display:none;
}

.display-right-bottom {
    position: fixed;
    bottom: 10px;
    right: 25px;
}

/* logo style */
.logo {
    margin-top: 10px;
    width: 225px;
    height: 37.5px;
}

/* Active/current link */
.logo-container {
    color: white;
    padding: 10px;
}
  
/* my main-sidebar */
.main-sidebar  {
    /* width: 300px; */
    background-color: #0a4f7c;
}

/* Sidebar links */
.nav-item {
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
    width: 215px!important;
    height: 45px!important;
    color: white;
    background-color: #0a4f7c;
    text-align: center;
    vertical-align: middle;
    border: 2px solid #0061d5;
    border-radius: 5%;
}

.nav-item .active {
    color: #0a4f7c!important;
    width: 211px!important;
    height: 41px!important;
    background-color: white!important;
}

.nav-link {
    /* padding-top: 5px!important; */
    cursor: pointer;
    width: 215px!important;
    height: 45px!important;
    font-size: 18px;
}

/* Login Page */
.p-login-row {
    display: flex;
    justify-content: center;
}

/* White Skin */
.picked {
    background-color:rgb(199, 220, 245);
}

.p-menu {
    font-size: 18px;
}

.hover-orange:hover,
.hover-orange:hover i,
.hover-orange:hover .p-menu {
    color:rgb(250, 142, 92) !important;
    transition: color 0.1s ease;
}

/* For svg extarnal link */
.custom-icon {
    color: #0061d5;
    transition: color 0.1s ease;
}

.custom-icon:hover {
    color: rgb(224, 138, 25) ;
}

.rounded-custome{
    border-radius: 12px;
}

/* adjust width of bootstrap tooltip */
.tooltip-inner {
    max-width: 500px !important;
}

/* remark & comment (popup) */
.sk-remark {
    height: 75px !important;
    border-radius: .25rem !important;
    overflow-y: auto !important;
    resize: both !important;
}

/* remark & comment (normal) */
.sk-remark-w {
    height: 75px !important;
    border-radius: .25rem !important;
    overflow-y: auto !important;
    resize: both !important;
}

/* approval history (popup) */
.sk-history {
    height: 100px !important;
    border-radius: .25rem !important;
    overflow-y: auto !important;
    resize: both !important;
}

/* approval history (normal) */
.sk-history-w {
    height: 100px !important;
    border-radius: .25rem !important;
    overflow-y: auto !important;
    resize: both !important;
}

/* popup parent */
.sk-popup-co {
    max-width: 1000px !important;
}
.sk-popup-lk {
    max-width: 1000px !important;
}

/* popup body */
.sk-popup-co-body {
    max-height: 760px !important;
    overflow-y: auto !important;
}
.sk-popup-lk-body {
    max-height: 915px !important;
    overflow-y: auto !important;
    /* overflow-y: scroll !important; */
}

/* Group avatar style */
.group-avatar {
    color: white;
    background-color: #9f3fed;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    padding: 1px 3px; 
    font-size: 0.85em; 
    vertical-align: middle;
}

/* Group avatar disabled state */
.group-avatar.disabled,
.group-avatar:disabled,
.disabled .group-avatar {
    opacity: 0.6 !important;
}