/*ページネーション*/
.pagination .page-item{
    cursor: pointer;
}

/*ハンバーガーメニューボタン*/
.menu-icon{
   cursor: pointer;
}
.menu-icon:hover div{
   border-bottom:4px solid #666;
   transition: all 0.5s;
}
.menu-icon:active div{
   border-bottom:4px solid #ed8282;
   transition: all 0.1s;
}
.menu-icon div{
   width:40px;
   height: 10px;
   border-bottom:4px solid #FFF;
}

.edit-area{
   background-color: #ffffff;
   border-radius: 3px;
}

/*案件一覧のアイコン*/
.item-list-icon{
   cursor: pointer;
}

.table-bg{
   background-color: #ffffff;
   border-radius: 3px;
}
.table_row:hover{
   background-color: #f8f8f8;
}


/*ボタン*/
.btn-base{
   margin: 4px;
   border-radius: 5px;
   font-size: 0.9rem;
   transition: all 0.3s;
 }
.btn-base:hover{
   border: 2px solid #222;
   /*font-size: 0.95rem;*/
   transition: all 0.3s;
 }
.btn-base:focus {
   outline: none;
}
.btn-base:active {
   opacity: 0.7;
   font-size: 0.9rem;
}
.btn-cancel{
   background-color: #dddddd;
   color:#777777;
   border: 0.5px solid #777777;
   transition: all 0.3s;
}
.btn-cancel:hover{
   background-color: #777777;
   color:#FFF;
   transition: all 0.3s;
}
.btn-submit{
   background-color: #fbd0d2;
   color:#dc3545;
   border: 0.5px solid #dc3545;
   transition: all 0.3s;
}
.btn-submit:hover{
   background-color: #dc3545;
   color:#FFF;
   transition: all 0.3s;
}
.btn-search{
   background-color: #ffefd5;
   color:#bfbf22;
   border: 0.5px solid #dcdc38;
   transition: all 0.3s;
}
.btn-search:hover{
   background-color: #dcdc38;
   color:#000;
   transition: all 0.3s;
}


/*IDをこれにすることで操作できない状態にする*/
#edit_mode{
   transition : all 0.2s 0s ease-in-out;
   pointer-events:none;
   opacity: 0.6;
}

body{
   box-sizing: border-box;
   font-family: "Open Sans",Meiryo,"メイリオ",Arial,sans-serif;
   font-weight: 400;
   font-style: normal;
   user-select: none;
   background-color: #fcfcfcfc;
   overflow: hidden;
}


/*マスタ画面で使用する枠*/
.mastar-base{
   width: 100%;
   height: 100%;
}
.mastar-left-base{
   position: absolute;
   padding-top: 43px;
   padding-left: 13px;
   top:0px;
   left:0px;
   width: 250px;
   height: 100%;
   z-index:15;
   /*background: rgba(150,150,150,0.1);*/
   background: rgba(230,230,230,1);
   overflow: hidden;
}
.mastar-right-base{
   position: absolute;
   padding-top: 43px;
   padding-left: 255px;
   top:0px;
   left:0px;
   width: 100%;
   height: 100%;
   z-index:10;
   overflow-x: hidden;
}
.mastar-right-inner{
   overflow-x: auto;
   height: 100%;
}

/*検索や入力等の画面で通常使用する*/
.form-text-base{
   font-size: 0.7rem;
}

/*検索欄の枠*/
.form-base{
   margin: 5px;;
}

/*テーブルのレイアウト*/
.table-base{
   border-collapse: collapse;
   width: 100%;
   animation: table-base 0.7s 1;
}
@keyframes table-base {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.table-row-base{
   border-top: 1px solid rgba(0,0,0,0.5);
}
.table-base > thead > tr > th{
   padding: 0.5rem 0.5rem;
}
.table-base > thead{
   border-bottom: 1.7px solid rgba(0,0,0,0.7);
   position:sticky;
   top:0px;
   background: #FFF;
   
}
.table-base > tbody > tr:hover{
   background: rgba(200,200,200,0.1);
}
.table-base > tbody > tr > td{
   padding: 0.5rem 0.5rem;
}
.table-link-base{
   text-align:center;
}
.table-link-base:hover{
   /*border-radius: 70%;*/
   background: rgba(0, 0, 0, 0.1);
   cursor: pointer;
   transition: background 0.2s;
   color: #ff0000;
   text-decoration: none;
}

/*ページネーション*/
.pagination-area{
   padding: 10px;
   animation: pagination-area 0.7s 1;
}
@keyframes pagination-area {
   0% {opacity: 0;}
   100% {opacity: 1;}
}
.pagination-base{
   display: flex;
   padding-left: 0;
   list-style: none;
}
.pagination-item-base{
   background: #FFF;
   border-radius: 40%;
}
.pagination-item-base:hover{
   cursor: pointer;
   background: rgba(0, 0, 0, 0.5);
   transition: background 0.5s;
}
.pagination-item-active{
   background: #3ca480;
   color:#FFF !important;
}
.pagination-item-page-link-base{
   position: relative;
   display: block;
   color: #000;
   font-size: 13px;
   width: 30px;
   height: 30px;
   text-decoration: none;
   text-align:center;
   padding:6px 0;
   /*border: 1px solid #dee2e6;*/
}
.pagination-item-page-link-base:hover{
   color: #FFF;
}
.pagination-item-page-link-active{
   color: #FFF;
}
.pagination-item-page-link-active:hover{
   color: #000;
}