:root{--theme-color:rgb(59, 58, 147);--light-theme-color:rgb(83, 82, 167);--sub-theme-color:rgb(254, 172, 93);--medium-sub-theme-color:rgb(218, 132, 51);--sub-theme-color-box-shadow:rgb(255, 195, 139);--very-light-gray:rgb(243, 246, 249);--gray:rgb(243, 246, 249);--light-gray:rgb(217, 216, 216);--medium-gray:rgb(233, 233, 233);--dark-gray:rgb(200, 200, 200);--deep-gray:rgb(106, 112, 126);--purple:rgb(135, 133, 239);--medium-purple:rgb(119, 117, 236);--light-purple:rgb(174, 173, 238);--purple-box-shadow:rgb(212, 212, 255);--light-red:rgb(255, 136, 136);--light-green:rgb(87, 229, 109);--form-enabled:rgb(249, 249, 249);--form-disabled:rgb(233, 233, 233)}body{font-family:'Hiragino Kaku Gothic Pro'}a{text-decoration:none}ul{list-style-type:none}p{margin:0}header{background-color:var(--very-light-gray);padding:1.3rem 0}textarea{resize:none;width:100%;min-height:100px!important}.page-container{display:grid;grid-template-columns:20rem 1fr}.main{width:100%;height:100vh;display:inline-block;overflow-y:scroll;overflow-x:hidden}.header-right-content{display:grid;justify-content:center;align-content:center}td,th{vertical-align:middle!important}.bg-theme{background-color:var(--theme-color)}.bg-sub{background-color:var(--sub-theme-color)}.bg-gray{background-color:var(--gray)}.bg-medium-gray{background-color:var(--medium-gray)}.bg-purple{background-color:var(--purple)}.bg-white{background-color:#fff}.border-theme{border:1px solid var(--theme-color)}.border-sub{border:1px solid var(--sub-theme-color)}.border-gray{border:1px solid var(--gray)}.border-dark-gray{border:1px solid var(--dark-gray)}.border-purple{border:1px solid var(--purple)}.color-theme{color:var(--theme-color)}.color-sub{color:var(--sub-theme-color)}.color-purple{color:var(--purple)}.color-white{color:#fff}.color-dark-gray{color:var(--dark-gray)}.color-deep-gray{color:var(--deep-gray)}.color-light-red{color:var(--light-red)}.color-light-green{color:var(--light-green)}.fs-08rem{font-size:.8rem}.border-left-radius{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.flex-xy-center{display:flex;justify-content:center;align-items:center}.grid-y-center{display:grid;align-content:center}.divider{border-bottom:1px solid var(--light-gray)}.page-bottom-margin{margin-bottom:15rem}.annotation{font-size:.8rem}.annotation-area{background-color:#fffaf4;padding:2rem}.previewable-image{width:10rem;height:10rem;object-fit:cover}.checkbox-other{opacity:.5}.checkbox-current{opacity:1}.btn-like-sub{display:inline-block;font-weight:400;color:var(--sub-theme-color);line-height:1.6;text-align:center;text-decoration:none;vertical-align:middle;background-color:transparent;border:1px solid var(--sub-theme-color);padding:.375rem .75rem;font-size:.9rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn-like-purple{display:inline-block;font-weight:400;color:var(--purple);line-height:1.6;text-align:center;text-decoration:none;vertical-align:middle;background-color:transparent;border:1px solid var(--purple);padding:.375rem .75rem;font-size:.9rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.editable-textarea-wrap{position:relative;width:100%}.editable-textarea{padding-right:30px!important}.editable-icon{width:18px;height:18px}.editable-icon::before{content:'';display:inline-block;width:100%;height:100%;background-image:url('../images/icons/editable.svg');background-size:contain;background-repeat:no-repeat}.editable-icon.textarea{position:absolute;top:8px;right:8px}.editable-input-wrap{position:relative;width:100%}.editable-input{padding-right:30px!important}.editable-icon.input{position:absolute;top:50%;right:0;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.item-group{padding:.3rem 1.2rem}.item-group{box-sizing:border-box}.item-group .item-name{padding:1rem;color:var(--deep-gray)}.item-group .item{width:100%;box-sizing:border-box}.item-group input[type=password],.item-group input[type=text],.item-group select{background-color:#f9f9f9;border:none;padding:.8rem}.item-group input[type=password]:focus,.item-group input[type=text]:focus,.item-group select:focus{background-color:#fff}.item-group input[type=password]:read-only,.item-group input[type=text]:read-only{background-color:var(--medium-gray)}.item-group-submit{text-align:center;padding:2rem}.item-group-submit button{padding:1rem 3rem}.btn-icon{display:inline-block;width:30px;height:30px;padding:0}.btn-icon:hover{padding-top:2px}.item-help{position:relative}.item-help-text-wrap{position:absolute;padding:1.2rem;border-radius:3px;background-color:#d6cfff;box-shadow:4px 4px 0 0 #8384d8;z-index:10000;bottom:3rem;left:-1rem}.item-help-text-wrap::before{content:'';position:absolute;display:block;width:0;height:0;left:27px;bottom:-18px;border-top:15px solid #8384d8;border-right:15px solid transparent;border-left:15px solid transparent}.item-help-text-wrap::after{content:'';position:absolute;display:block;width:0;height:0;left:20px;bottom:-15px;border-top:15px solid #d6cfff;border-right:15px solid transparent;border-left:15px solid transparent}.help-button{padding-bottom:2px}.help-button:hover{opacity:.8}.help-button>img{width:1.2rem;height:1.2rem;margin-bottom:.1rem}.go-to-store-page{width:8rem;height:8rem;border-radius:50%;background-color:var(--theme-color);color:#fff;display:grid;justify-content:center;align-content:center;box-shadow:0 4px 8px #4c4f78}.go-to-store-page:hover{color:#fff;background-color:var(--light-theme-color)}.btn-primary{color:#fff;background-color:var(--sub-theme-color);border-color:var(--sub-theme-color)}.btn-primary:hover{color:#fff;background-color:var(--medium-sub-theme-color);border-color:var(--medium-sub-theme-color)}.btn-check:focus+.btn-primary,.btn-primary:focus{color:#fff;background-color:var(--medium-sub-theme-color);border-color:var(--medium-sub-theme-color);box-shadow:0 0 0 .25rem var(--sub-theme-color-box-shadow)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:var(--deep-gray);border-color:var(--deep-gray)}.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:var(--medium-sub-theme-color);border-color:var(--medium-sub-theme-color)}.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem var(--sub-theme-color-box-shadow)}.btn-secondary{color:#fff;background-color:var(--purple);border-color:var(--purple)}.btn-secondary:hover{color:#fff;background-color:var(--medium-purple);border-color:var(--medium-purple)}.btn-check:focus+.btn-secondary,.btn-secondary:focus{color:#fff;background-color:var(--medium-purple);border-color:var(--medium-purple);box-shadow:0 0 0 .25rem var(--purple-box-shadow)}.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:var(--purple);border-color:var(--purple)}.btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem var(--purple-box-shadow)}.btn-outline-secondary{color:var(--purple);border-color:var(--purple);background-color:#fff}.btn-outline-secondary:hover{color:#fff;background-color:var(--light-purple);border-color:var(--light-purple)}.btn-check:focus+.btn-outline-secondary,.btn-outline-secondary:focus{box-shadow:0 0 0 .1rem var(--purple-box-shadow)}.btn-check:active+.btn-outline-secondary,.btn-check:checked+.btn-outline-secondary,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show,.btn-outline-secondary:active{color:#fff;background-color:var(--purple);border-color:var(--purple)}.btn-check:active+.btn-outline-secondary:focus,.btn-check:checked+.btn-outline-secondary:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus,.btn-outline-secondary:active:focus{box-shadow:0 0 0 .1rem var(--purple-box-shadow)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:var(--purple);background-color:transparent}.page-item.active .page-link{background-color:var(--sub-theme-color);border-color:var(--sub-theme-color)}.form-check-input{background-color:#fff;border:1px solid rgba(0,0,0,.25)}.form-check-input:focus{border-color:var(--sub-theme-color);box-shadow:0 0 0 .25rem var(--sub-theme-color)}.form-check-input:checked{background-color:var(--sub-theme-color);border-color:var(--sub-theme-color)}.form-switch .form-check-input{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e")}.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23feab5d'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-control{border:none;padding:.8rem;background-color:#f9f9f9}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .1rem #afaeea}.form-control:read-only:focus{box-shadow:none}.table>thead{background-color:#f3f6f9;color:#8c8a89}.table>thead th{padding:.5rem}.table>tbody td{padding:.5rem;color:#6a707e}.auth .btn-primary{color:#fff;background-color:var(--theme-color);border-color:var(--theme-color)}.auth .btn-primary:hover{color:#fff;background-color:var(--light-theme-color);border-color:var(--light-theme-color)}.auth .btn-check:focus+.auth .btn-primary,.auth .btn-primary:focus{color:#fff;background-color:var(--light-theme-color);border-color:var(--light-theme-color);box-shadow:0 0 0 .15rem #afaeea}.auth .btn-check:active+.auth .btn-primary,.auth .btn-check:checked+.auth .btn-primary,.auth .btn-primary.active,.auth .btn-primary:active,.auth .show>.btn-primary.dropdown-toggle{color:#fff;background-color:var(--light-theme-color);border-color:var(--light-theme-color)}.auth .btn-check:active+.auth .btn-primary:focus,.auth .btn-check:checked+.auth .btn-primary:focus,.auth .btn-primary.active:focus,.auth .btn-primary:active:focus,.auth .show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .15rem #afaeea}.auth .page-item.active .page-link{background-color:var(--light-theme-color);border-color:var(--light-theme-color)}.card{margin-bottom:2rem;box-shadow:3px 3px 5px rgba(154,165,191,.2)}.header-logo-wrap{width:100%;height:95px;padding:1.2rem 2rem;display:flex;justify-content:flex-start;align-items:center}.header-logo{width:100%;height:60%;background-image:url('../images/header-logo.png');background-size:contain;background-repeat:no-repeat;background-position:left center}.auth p{color:var(--deep-gray)}.auth .input-password-wrap{position:relative}.auth .toggle-password{position:absolute;top:50%;right:5px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);overflow:hidden}.auth .toggle-password::before{content:'';display:inline-block;width:100%;height:100%;background-image:url('../images/icons/eye.svg');background-size:contain;background-repeat:no-repeat}.sidebar-logo-wrap{width:100%;height:90px;padding:1.2rem 2rem}.sidebar-logo{width:80%;height:100%;margin:0 auto;background-image:url('../images/sidebar-logo.png');background-size:contain;background-repeat:no-repeat;background-position:center}.sidebar{width:100%;height:100vh;overflow-y:scroll;padding-bottom:4rem}.sidebar ul{padding-left:0}.sidebar::-webkit-scrollbar{display:none}.sidebar *{color:#fff}.sidebar li{padding-left:1.5rem}.sidebar-header{font-size:1.25rem;line-height:80px}.sidebar-header .icon{width:1.5rem;height:1.5rem;margin-bottom:4px}li.sidebar-item{padding:0;min-height:80px;position:relative}li.sidebar-item:hover{background-color:var(--light-theme-color)}li.sidebar-item>a{display:inline-block;width:100%;line-height:80px;padding-left:4rem}li.sidebar-item>span{display:inline-block;width:100%;line-height:80px;padding-left:4rem}li.sidebar-item .arrow{width:.7rem;height:.7rem}li.sidebar-item .arrow.left{position:absolute;top:50%;left:1.7rem;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}li.sidebar-item .arrow.right{position:absolute;top:50%;right:.7rem;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}li.sidebar-item>a:hover{color:#fff}.card{position:relative;min-height:100px;box-shadow:3px 3px 5px #cfd9e2;padding-right:5rem;padding-top:.5rem;padding-bottom:.5rem}.card:hover{box-shadow:0 0 0 .25rem #d4d4ff}.card:hover .card-close{display:block}.card-change-sort-order{position:absolute;top:0;right:0;width:5rem;height:100%;display:flex;flex-flow:column;justify-content:space-between;padding:1rem 1.2rem}.card-close{display:none;position:absolute;top:-1rem;right:-1rem}.cross-button{width:1.8rem;height:1.8rem;border-radius:50%;background-color:#f88;position:relative}.cross-button:hover{box-shadow:0 0 0 .2rem #ffc8c8}.cross-button:active{background-color:#ff7575;box-shadow:0 0 0 .2rem #ffc8c8}.cross-button>i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);overflow:hidden;width:1.1rem;height:1.1rem}.cross-button>i::after{content:'';display:inline-block;width:100%;height:100%;background-image:url('../images/icons/cross.svg');background-size:contain;background-repeat:no-repeat}.card-form-group{padding-left:1.2rem;padding-right:1.2rem;box-sizing:border-box}.card-form-group .item-name{padding:1rem;color:var(--deep-gray)}.card-form-group .item{width:100%;max-width:50rem;display:flex;box-sizing:border-box}.card-form-group input[type=password],.card-form-group input[type=text],.card-form-group select{background-color:var(--form-enabled);border:none;padding:.8rem}.card-form-group input[type=password]:focus,.card-form-group input[type=text]:focus,.card-form-group select:focus{background-color:#fff}.card-form-group input[type=password]:read-only,.card-form-group input[type=text]:read-only{background-color:var(--form-enabled)}.card-form-group-submit button{padding:1rem 3rem}.card-form-group-submit{text-align:center;padding:2rem}
