@keyframes slide-in-right {
    from {
        opacity:0;
        visibility: hidden;
        transform: translateX(2000px);
    }
    to {
        opacity:1;
        visibility: visible;
        transform: translateX(0);
    }
}

@keyframes slide-in-left {
    from {
        opacity:0;
        visibility: hidden;
        transform: translateX(-200px);
    }
    to {
        opacity:1;
        visibility: visible;
        transform: translateX(0);
    }
}

@keyframes slide-out-right {
    from {
        opacity:1;
        visibility: visible;
        transform: translateX(200px);
    }
    to {
        opacity:0;
        visibility: hidden;
        transform: translateX(0);
    }
}

@keyframes slide-out-left {
    from {
        opacity:1;
        visibility: visible;
        transform: translateX(-200px);
    }
    to {
        opacity:0;
        visibility: hidden;
        transform: translateX(0);
    }
}

.wrap {
	overflow: hidden;
}

.slide-in-left {
    animation-name: slide-in-left;
    animation-duration: 1s;
    animation-timing-function: ease-out;
}
.slide-out-left {
    animation-name: slide-out-left;
    animation-duration: 1s;
    animation-timing-function: ease-out;
}

.slide-in-right {
    animation-name: slide-in-right;
    animation-duration: 1s;
    animation-timing-function: ease-out;
}
.slide-out-right {
    animation-name: slide-out-right;
    animation-duration: 1s;
    animation-timing-function: ease-out;
}

.hidden {
    visibility: hidden;
}

.off {
    display: none !important;
}

.icon-title {
    margin-bottom: 10px;
}
/*飛行機、自動車、荷物、PC、同行者アイコン*/
.help-plane, .help-car, .help-bag, .help-pc, .help-person {
    color: black;
    border: 1px solid;
    font-size: 20px;
    padding: 2px;
    margin-right: 5px;
    width: 31px;
    text-align: center;
    margin-bottom: 0.5rem;
}
.icon-display {
    color: black;
/*    margin-right: 0.2rem;*/
    padding: 2px;
    background-color: white;
    font-size: 13px;
}
.icon-before {
    color: rgb(230, 78, 78)!important;
}
.icon-after {
    color: rgb(13, 113, 171)!important;
}
.party-icon {
    margin-right: 0rem!important;
}
/*済み*/
.af-plane, .af-car, .af-bag {
    color: rgb(13, 113, 171);
}
/*未着手*/
.bf-plane, .bf-car, .bf-bag {
    color: rgb(230, 78, 78);
}

.month-table tbody td:hover {
    background-color: #1d2124a6;
}

/*日にち色変更*/
.month-table tr{
	
}

.month-table td:first-child {
    color: #ff8c8c;
}
.month-table td:last-child {
    color: #b1c5ff;
}
.month-table td.is-disabled {
    color: gray;
}

.date-btn {
    background-color: #4e4e52;
    color: #dcdcdc;
    border: none;
}
.date-btn:hover {
    color: white;
}
.noclick {
    background-color: #0000008a;
   border: none!important;
}
.noclick:hover {
    background-color: #0000008a!important;
}

/*同行者の有無*/
.yesno {
    background-color: initial!important;
    border: none!important;
    display: initial!important;
    width: 18px!important;
    padding: 0!important;
    height: initial!important;
}

/*アイコン説明*/
    .card-style {
        color: white;
        padding: 1rem!important;
        background-color: #343a40!important;
    }
    .c-phase {
        margin-bottom: 0!important;
    }
    .icon-space {
        padding-right: 0!important;
    }
    .icon-ex {
        font-size: 14px;
        width: 23px;
    }
    .p-color {
        width: 27px;
        height: 27px;
        background-color: black;
        margin-right: 0.5rem;
    }
    .pColor {
        width: 23px;
        height: 23px;
        background-color: black;
        margin-right: 0.5rem;
    }
    .p-color-div {
        padding-left: 0.5rem;
    }
    .p-c-div {
        padding-left: 1rem;
    }

    .color-pick {
        height: 30px; 
        width: 30px; 
        border: 1px solid #aba3a3;
        cursor: pointer;
    }
    .color-pick2 {
        height: 17px;
        width: 17px;
        border: 1px solid #aba3a3;
        cursor: pointer;
    }
    .parent {
        display: flex;
        justify-content: space-between;
    }

@media screen and (min-width: 960px) {
    body {
      overflow-x: hidden;
    }

    /*login.php*/
    .id-input, .pass-input {
        text-align: right;
    }



    /*index.php*/
    #sidebar-wrapper,
    #sidebar-wrapper1 {
      min-height: 100vh;
      margin-left: -15rem;
      -webkit-transition: margin .25s ease-out;
      -moz-transition: margin .25s ease-out;
      -o-transition: margin .25s ease-out;
      transition: margin .25s ease-out;
    }

    #sidebar-wrapper .sidebar-heading,
    #sidebar-wrapper1 .sidebar-heading {
      padding: 0.875rem 1.25rem;
      font-size: 1.4rem;
      border-bottom: 1px solid #4e4e52;
    }

    .sidebar-heading {
        cursor: pointer;
    }
    .link {
		display: block;
        color: white;
    }
    .link:hover {
        color: #a5a5a5;
        text-decoration: none;
    }

    .head-name {
        font-size: 25px;
        color: #eae638f7!important;
    }

    #sidebar-wrapper .list-group,
    #sidebar-wrapper1 .list-group{
      width: 15rem;
    }

    .list-group-item:hover {
        background-color: #1d2124a6;
    }

    #page-content-wrapper,
    #page-content-wrapper1 {
      min-width: 100vw;
    }

    #wrapper.toggled #sidebar-wrapper,
    #wrapper1.toggled #sidebar-wrapper1{
      margin-left: 0;
    }

    .form-header {
        width: 100%;
    }

    .header-select {
        width: 20%;
		min-width: 150px;
        margin-left: 2rem;
    }


      #sidebar-wrapper,
      #sidebar-wrapper1{
        margin-left: 0;
      }

      #page-content-wrapper,
      #page-content-wrapper1 {
        min-width: 0;
        width: 100%;
      }

      #wrapper.toggled #sidebar-wrapper,
      #wrapper1.toggled #sidebar-wrapper1{
        margin-left: -15rem;
      }


    .list-group-item-action {
        cursor: pointer;
    }


    /*カレンダー*/
    /*ボタンの高さ*/
    .month-btn {
        border: none;
        height: 100%;
        background-color: #00000057;
        color: #c1c1c1;
        cursor:pointer;
    }

    .month-btn:hover {
        color: white;
    }

    /*月表示*/
    .month-table {
        width: 100%;
    }
    .cal-area {
        margin-bottom: 2rem;
        color: white;
    }

    .month-table td {
        padding: 5px;
        text-align: center;
        cursor: pointer;
    }


    .btn-group-toggle {
        cursor: pointer;
        margin-left: 2rem;
    }

    /*個人毎のスケジュールテーブル*/
    .sticky_table {
/*        margin-top: 1rem;*/
    }
    .split {
        border-bottom: 1px solid gray;
        padding-bottom: 1rem;
    }
    .c-area {
        border-right: 1px solid gray;
    }
    /*幅を統一*/
    .name-column, .staff-name {
        width: 120px!important;
        font-size: 14px;
    }
    .time-column, .sc-data {
        width: 35px!important;
    }

    .time-column {
        font-size: 11px!important;
        padding-left: initial!important;
        padding-right: initial!important;
    }

    .sc-data {
        cursor: pointer;
        padding-right: 0;
        padding-left: 0;
        padding-top: 2px;
        padding-bottom: 2px;
        position: relative;
    }
    .sc-data:hover {
        background-color: #efd94161;
    }


    /*---行列固定　設定------
    ----------------------------*/
    .table-responsive {
        overflow: hidden!important;
    }
    .sticky_table {
      display: block;
      position: relative;
      overflow: scroll;
/*      width: calc(100vw - 3.0rem);*/
      height: calc(77vh);
      border-collapse: collapse;
      font-size: 0;
    }
    .sticky_table thead,
    .sticky_table tbody {
      display: block;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
    }
    .sticky_table th,
    .sticky_table td {
      width: 8.0rem;
      font-size: 1.0rem;
    }

    /*列ヘッダの固定*/
    .sticky_table tbody th {
      position: -webkit-sticky;
      position: sticky;
      left: 0;
      z-index: 10;
    }
    /*行ヘッダの固定*/
    .sticky_table thead {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 20;
    }
    /*行・列ヘッダ交差部分の固定*/
    .sticky_table thead th.blank {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      left: 0;
      z-index: 30;
    }

    /*スタッフ名の列固定*/
    .staff-name {
        position: sticky;
        top: 0;
        left: 0;
        z-index: 30;
        text-align: center;
        background-color: #f1f1f1;
        cursor: pointer;
        height: 65px;
        vertical-align: middle!important;
    }




    /*モーダル*/
    .modal-body {
        background-color: #f5f8ff;
    }
    .modal-dialog-scrollable {
        display: block!important;
    }
    .modal-header, .modal-footer {
        background-color: #dfeaff;
    }
    .time-between {
        transform: translateY(100%);
        padding-right: initial!important;
        padding-left: initial!important;
    }
    .time-between2 {
        transform: translateY(51%);
        padding-right: initial!important;
        padding-left: initial!important;
    }
    
    .map {
        width: 30px;
        border: 1px solid #ced4da;
    }
    .map-icon {
        background-color: #e9ecef;
        font-size: 25px;
        position: relative;
        top:5px;
    }

    .myself {
        color:#87ffb7!important;
    }

    /*スケジュール*/
    .plan {
        position: absolute;
        font-size: 14px;
        z-index: 3;
    }

    .data-yes:hover {
        background-color: transparent;
    }

    /*テーブルレイアウト*/
    #schedule_table th:first-child{
      border-radius: 5px 0 0 0;
    }
    #schedule_table th:last-child{
      border-radius: 0 5px 0 0;
    }
    #schedule_table th{
      text-align: center;
      color:white;
      background: linear-gradient(#565b61,#545b62);
      box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
      width: 25%;
      padding: 10px 0;
    }
    #schedule_table tr:last-child {
      border-radius: 0 0 0 5px;
    }
    #schedule_table tr:last-child {
      border-radius: 0 0 5px 0;
    }
    .name-column, .time-column {
        border-bottom: 1px solid #3c6690;
    }

    /*訪問日カレンダー*/
    .gj-picker {
        background-color: #eaf3fb!important;
    }

    /*詳細「？」エリア*/
    .support-area {
        padding-top: 7px;
        padding-bottom: 7px;
        float: right;
    }
    .support-btn {
        font-size: 14px!important;
    }

    .radio-border-right {
        border-right: 2px solid #4e555b!important;
        font-size: 14px!important;
        width: 85px;
    }
    .radio-border-left {
        border-left: 2px solid #4e555b!important;
        font-size: 14px!important;
        width: 85px;
    }
    .radio-border-left:visited, .radio-border-right:visited {
        background-color: #3c4c5d!important;
        font-weight: bold;
        color: #feffe0f7;
    }

    .phase {
        font-size: 13px;
    }
    .phase-color {
        margin-bottom: 2rem;
    }
    .p-color-div .color-set {
        margin-bottom: 0.5rem!important;
    }

    .setteing-item {
        cursor: pointer;
    }

    .chk-style {
        display: inline-flex;
        font-size: 14px;
    }
    /*アイコンのチェックボックス*/
    .plane-chk, .car-chk, .bag-chk {
        border: none;
        background-color: #f5f8ff;
        padding: 0rem;
    }


    .check_schedule {
        position: absolute;
    }
    .drag-modal {
        cursor: move;
    }

    .profile {
        font-size: 30px;
    }
    .profile-drop {
        padding: 0!important;
    }

    .chk-table {
        table-layout: fixed;
        width: 100%;
    }
    .chk-table tbody tr th {
        width: 40%;
    }
    .unit-card {
        padding-right: 0!important;
    }

    /*--------------------------------*/
    /*setting*/
    /*--------------------------------*/
    #sidebar-wrapper1 {
/*        position: fixed;*/
        height: 100%;
        position: fixed;
        width: 241px;
    }
    #page-content-wrapper1 {
/*        position: relative;
        left: 241px;
        width: 100%!important;*/
        position: relative;
        float: right;
        width: calc(100% - 241px);
        margin-left: 241px;
    }
    #navbarSupportedContent1 {
        padding-right: 250px;
    }
    .side-icon {
        margin-right: 1.5rem;
        font-size: 18px;
        width: 20px;
    }
    .fix-home {
        margin-top: 1rem;
        margin-bottom: 0.5rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid #4e4e52;
    }
    .set-title {
        font-size: 24px;
        width: 100%;
        margin: 0;
        padding: .75rem 1.25rem;
    }
    .set-title:hover {
        background-color: #1d2124!important;
    }
    .memberList {
        margin: 0 auto;
    }
    .set-content {
        padding-top: 2rem;
    }
    .memberList-title {
        margin-bottom: 1rem;
    }
    .data {
        vertical-align: middle!important;
    }
    .btn-data {
        font-size: 15px!important;
    }
    .setting-top {
        justify-content: space-between;
    }
    .list-visit:active {
        background-color: #1d2124!important;
    }

    /*スケジュール確認用モーダル
    .chk-body {
        overflow-y: hidden!important;
    }*/

    .alert-danger {
        margin-bottom: 0!important;
    }

    .c-phase {
        font-size: 16px;
    }
    .color-set {
        font-size: 12px;
    }

    .dis-center {
        display: flex;
        align-items: center;
    }
    .body-top {
        margin-top: 2rem;
    }
    #delete_modal tr th{
        padding-left: 2rem;
    }
    #setting_member, #setting_products, #setting_shops, #setting_office, #setting_client {
        padding-top: 2rem;
        padding-left: 15px;
        padding-right: 15px;
/*        margin-left: 3rem!important;
        margin-right: 3rem!important;*/
    }
    .set-link {
        color: white!important;
        display: block;
    }
    .set-link:hover {
        text-decoration: inherit!important;
        background-color: #1d2124!important;
    }
    
    .tab-pane {
        display: initial;
    }
    
    .tab-content {
        padding-top: 1rem;
    }
    .tab-content .row {
        display: flex;
    }
    .dis-ok {
        display: flex;
    }
    #product_table td, #product_table th {
        vertical-align: middle!important;
    }
    .chk-posi {
        vertical-align: middle!important;
    }
    .team-label {
        cursor: pointer;
        padding: 5px 10px;
        border: 1px solid #5f88f9;
        border-radius: 4px;
    }
    .team-chk:checked + .team-label {
        background-color: #81a2fd;
    }
    .team-chk-all:checked + .team-label {
        background-color: #81a2fd;
    }
    .team-chk-other:checked + .team-label {
        background-color: #81a2fd;
    }
    
    .prd-label {
        cursor: pointer;
        padding: 5px 10px;
        border: 1px solid #41d22f;
        border-radius: 4px;
    }
    .prd-chk:checked + .prd-label {
        background-color: #41d22f;
    }
    .prd-chk-all:checked + .prd-label {
        background-color: #41d22f;
    }
    
    .pro-icon {
        display: inline-block;
        width: 25px;
        height: 25px;
        cursor: pointer;
        background-color: #343a40;
        border-color: #454d55;
        color: #fff;
    }
    .team-icon {
        display: inline-block;
        width: 25px;
        height: 25px;
        cursor: pointer;
        color: white; 
        background-color: #343a40;
    }
    
    .access-bread {
        padding: 0!important;
        margin-bottom: 0!important;
        background-color: #fff;
    }
    
    .popover {
        max-width: initial!important;
        z-index: 400;
    }
    .modal-color {
        width: 27px;
        height: 27px;
        margin-right: 0.5rem;
    }
    
    .flash-lec {
        color: red; 
        font-size: 19px; 
        margin: auto auto; 
        font-weight: bold;
        animation: flash 1s ease infinite alternate;    
    }
    
    @keyframes flash {
        50% {
            opacity: 0;
        }
    }

}

/*file maker*/
.form-jumbo {
    padding-bottom: 2rem!important;
    margin-bottom: 0!important;
}
.req-marker {
    color: red;
    font-size: 15px;
    font-weight: bold;
}

.dis-set {
    font-size: 16px;
}

.title-size {
    font-size: 2.5rem;
}

.good-input {
    border-color: #28a745;
}

.bad-input {
    border-color: #dc3545;
}

.w100p {
    width: 100%;
}

.sort_table {
    width: 100%;
    /*max-width: 1000px;*/
}

.t1{
	width:5%;
}

.t5, .t6, .t7{
	width:10%;
}
.t2{
	width:15%;
}
.t3{
	width: 20%;
}

.t4{
	width: 10%;
}

.t8, .t9{
	width: 5%;
}

.sort_table tr{
	display: table;
	width: 100%;
}

.table td, .table th {
    padding: .75rem 0;
}

@media (min-width: 992px){
	.navbar-expand-lg .navbar-collapse {
		width: 200px;
	}
}

.watch {
	width: 30%;
	display: inline-block;
}

.custom-control-label {
    width: 100%;
}

.dsc {
    margin-bottom: .5rem;
    font-size: 14px;
    padding-left: .2rem;
	color: #8c8c8c;
    background-color: #fffde1;
}

.check_area {
    background-color: #fafafa;
}

.alert_area {
    background-color: #fcc;
    color: #d14444;
    text-align: center;
    padding: 20px 0 15px;
}

.link_btn_area a {
    display: inline-block;
    width: 30%;
    text-align: center;
    background-color: #047bfe;
    color: #fff;
    padding: 10px 0;
    font-size: 14px;
}

.link_btn_area a:hover {
    text-decoration: none;
	background-color: #0069d9;
    border-color: #0062cc;
}

.report_month {
    font-size: 20px;
    display: inline-block;
    padding: 0 20px;
    font-weight: bold;
}

.date_area {
    padding: 0 15px 25px;
}

.now {
	background-color: #1d2124;
}

/* レポートの調整
---------------------------------------------------------------------------*/
.rep1 {
    width: 100%;
    border-bottom: 1px solid #c3c3c3;
    border-top: 1px solid #c3c3c3;
}

.rep1 .title, .rep2 .title {
    background-color: #343a3f;
    padding-left: 15px;
    color: #fff;
    font-weight: bold;
}

.rep2 {
    height: 500px;
    border: 1px solid #c3c3c3;
    background-color: #fdfdfd;
}

.anchor_link {
    color: #0000c1;;
}

.graph_area {
    padding: 20px 10px 0;
    width: 0%;
    transition: .5s;
}

.rep_rist.on {
    opacity: 1;
    transition: .5s;
}

.rep_rist {
    opacity: 0;
    transition: .5s;
}

.graph_area.on {
    width: 100%;
}

.graph_list ul {
    padding-left: 10px;
    position: relative;
}

.graph_list li {
	display: inline-block;
    margin-top: 20px;
    margin-right: 0;
    padding: 0 10px;
}
.pointer_target {
    position:relative;
}
.graph_list p {
	margin-bottom: 0;
}

.target_on::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #000;
    clip-path: polygon(0 50%, 50% 100%, 100% 50%);
    -webkit-clip-path: polygon(0 50%, 50% 100%, 100% 50%);
}

.graph_area ul {
    font-size: 0;
	padding: 0;
}

.graph_area li {
	display: inline-block;
    height: 50px;
    margin: 0;
}

.opa {
    opacity: 0;
}

.absoPop {
    position: absolute;
    color: #ffffff;
    background-color: #626265;
    padding: 0 10px;
    border-radius: 5px;
    top: -30px;
    left: 0;
}

.date_serach_area {
    padding: 10px;
}

/* レポートカラー
---------------------------------------------------------------------------*/
.repColor1, .repColor2, .repColor3, .repColor4, .repColor5, .repColor6, .repColor7, .repColor8, .repColor9 {
    color: #fff;
}

.repColor1 {
    background-color: #FEA47F;
}

.repColor2 {
    background-color: #F97F51;
}

.repColor3 {
    background-color: #B33771;
}

.repColor4 {
    background-color: #25CCF7;
}

.repColor5 {
    background-color: #1B9CFC;
}

.repColor6 {
    background-color: #3B3B98;
}

.repColor7 {
    background-color: #EAB543;
}

.repColor8 {
    background-color: #F8EFBA;
    color: #626262;
}

.repColor9 {
    background-color: #58B19F;
}


.repColor10, .repColor11, .repColor12, .repColor13, .repColor14, .repColor15, .repColor16, .repColor17, .repColor18, .repColor19 {
    color: #fff;
}

.repColor10 {
    background-color: #FD7272;
}

.repColor11 {
    background-color: #FEA47F;
}

.repColor12 {
    background-color: #F97F51;
}

.repColor13 {
    background-color: #B33771;
}

.repColor14 {
    background-color: #25CCF7;
}

.repColor15 {
    background-color: #1B9CFC;
}

.repColor16 {
    background-color: #3B3B98;
}

.repColor17 {
    background-color: #EAB543;
}

.repColor18 {
    background-color: #F8EFBA;
    color: #626262;
}

.repColor19 {
    background-color: #58B19F;
}


.repColor20, .repColor21, .repColor22, .repColor23, .repColor24, .repColor25, .repColor26, .repColor27, .repColor28, .repColor29 {
    color: #fff;
}

.repColor20 {
    background-color: #FD7272;
}

.repColor21 {
    background-color: #FEA47F;
}

.repColor22 {
    background-color: #F97F51;
}

.repColor23 {
    background-color: #B33771;
}

.repColor24 {
    background-color: #25CCF7;
}

.repColor25 {
    background-color: #1B9CFC;
}

.repColor26 {
    background-color: #3B3B98;
}

.repColor27 {
    background-color: #EAB543;
}

.repColor28 {
    background-color: #F8EFBA;
    color: #626262;
}

.repColor29 {
    background-color: #58B19F;
}


.repColor30, .repColor31, .repColor32, .repColor33, .repColor34, .repColor35, .repColor36, .repColor37, .repColor38, .repColor39 {
    color: #fff;
}

.repColor30 {
    background-color: #FD7272;
}

.repColor31 {
    background-color: #FEA47F;
}

.repColor32 {
    background-color: #F97F51;
}

.repColor33 {
    background-color: #B33771;
}

.repColor34 {
    background-color: #25CCF7;
}

.repColor35 {
    background-color: #1B9CFC;
}

.repColor36 {
    background-color: #3B3B98;
}

.repColor37 {
    background-color: #EAB543;
}

.repColor38 {
    background-color: #F8EFBA;
    color: #626262;
}

.repColor39 {
    background-color: #58B19F;
}


.repColor40, .repColor41, .repColor42, .repColor43, .repColor44, .repColor45, .repColor46, .repColor47, .repColor48, .repColor49 {
    color: #fff;
}

.repColor40 {
    background-color: #FD7272;
}

.repColor41 {
    background-color: #FEA47F;
}

.repColor42 {
    background-color: #F97F51;
}

.repColor43 {
    background-color: #B33771;
}

.repColor44 {
    background-color: #25CCF7;
}

.repColor45 {
    background-color: #1B9CFC;
}

.repColor46 {
    background-color: #3B3B98;
}

.repColor47 {
    background-color: #EAB543;
}

.repColor48 {
    background-color: #F8EFBA;
    color: #626262;
}

.repColor49 {
    background-color: #58B19F;
}


.repColor50, .repColor51, .repColor52, .repColor53, .repColor54, .repColor55, .repColor56, .repColor57, .repColor58, .repColor59 {
    color: #fff;
}

.repColor50 {
    background-color: #FD7272;
}

.repColor51 {
    background-color: #FEA47F;
}

.repColor52 {
    background-color: #F97F51;
}

.repColor53 {
    background-color: #B33771;
}

.repColor54 {
    background-color: #25CCF7;
}

.repColor55 {
    background-color: #1B9CFC;
}

.repColor56 {
    background-color: #3B3B98;
}

.repColor57 {
    background-color: #EAB543;
}

.repColor58 {
    background-color: #F8EFBA;
    color: #626262;
}

.repColor59 {
    background-color: #58B19F;
}


.repColor60, .repColor61, .repColor62, .repColor63, .repColor64, .repColor65, .repColor66, .repColor67, .repColor68, .repColor69 {
    color: #fff;
}

.repColor60 {
    background-color: #FD7272;
}

.repColor61 {
    background-color: #FEA47F;
}

.repColor62 {
    background-color: #F97F51;
}

.repColor63 {
    background-color: #B33771;
}

.repColor64 {
    background-color: #25CCF7;
}

.repColor65 {
    background-color: #1B9CFC;
}

.repColor66 {
    background-color: #3B3B98;
}

.repColor67 {
    background-color: #EAB543;
}

.repColor68 {
    background-color: #F8EFBA;
    color: #626262;
}

.repColor69 {
    background-color: #58B19F;
}


.repColor70, .repColor71, .repColor72, .repColor73, .repColor74, .repColor75, .repColor76, .repColor77, .repColor78, .repColor79 {
    color: #fff;
}

.repColor70 {
    background-color: #FD7272;
}

.repColor71 {
    background-color: #FEA47F;
}

.repColor72 {
    background-color: #F97F51;
}

.repColor73 {
    background-color: #B33771;
}

.repColor74 {
    background-color: #25CCF7;
}

.repColor75 {
    background-color: #1B9CFC;
}

.repColor76 {
    background-color: #3B3B98;
}

.repColor77 {
    background-color: #EAB543;
}

.repColor78 {
    background-color: #F8EFBA;
    color: #626262;
}

.repColor79 {
    background-color: #58B19F;
}


.repColor80, .repColor81, .repColor82, .repColor83, .repColor84, .repColor85, .repColor86, .repColor87, .repColor88, .repColor89 {
    color: #fff;
}

.repColor80 {
    background-color: #FD7272;
}

.repColor81 {
    background-color: #FEA47F;
}

.repColor82 {
    background-color: #F97F51;
}

.repColor83 {
    background-color: #B33771;
}

.repColor84 {
    background-color: #25CCF7;
}

.repColor85 {
    background-color: #1B9CFC;
}

.repColor86 {
    background-color: #3B3B98;
}

.repColor87 {
    background-color: #EAB543;
}

.repColor88 {
    background-color: #F8EFBA;
    color: #626262;
}

.repColor89 {
    background-color: #58B19F;
}


.repColor90, .repColor91, .repColor92, .repColor93, .repColor94, .repColor95, .repColor96, .repColor97, .repColor98, .repColor99 {
    color: #fff;
}

.repColor90 {
    background-color: #FD7272;
}

.repColor91 {
    background-color: #FEA47F;
}

.repColor92 {
    background-color: #F97F51;
}

.repColor93 {
    background-color: #B33771;
}

.repColor94 {
    background-color: #25CCF7;
}

.repColor95 {
    background-color: #1B9CFC;
}

.repColor96 {
    background-color: #3B3B98;
}

.repColor97 {
    background-color: #EAB543;
}

.repColor98 {
    background-color: #F8EFBA;
    color: #626262;
}

.repColor99 {
    background-color: #58B19F;
}

.file_list li {
    display: block;
}

.file_list li::before {
    content: url('/images/attachment.png');
}

.file_list a {
    color: #226699;
}

.images_list {
	margin-top: 10px;
}

.relative {
    position: relative;
}

.rep_detail .title {
    background-color: #646a70;
}

.rep_detail .graph_area {
    padding-top: 0;
    padding-bottom: 0;
}

.rep_detail .graph_area li {
    height: 30px;
}

.rep_detail .graph_list ul {
    margin-bottom: 0.5rem;
}

.detail_btn_area {
    padding: 0 10px 10px;
}

.detail_btn {
    float: right;
}

.no_graph_area {
    padding: 15px;
}

.no_graph_area p {
    margin: 0;
}

.report_item p {
    text-align: right;
    border-bottom: 1px solid #ccc;
}

.form_btn {
    padding-top: 0;
    padding-bottom: 0;
	margin-bottom: 0;
}

.btn-primary.no_form_btn {
    background-color: #ccc;
    border-color: #ccc;
}

.modal .modal-content.sp_modal_area {
    max-height: calc(100vh - 10rem);
}

.log_btn {
    background-color: #6bcc82;
    color: #fff;
    padding: .6rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    border: 1px solid transparent;
    border-radius: .25rem;
    text-align: center;
    vertical-align: middle;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.log_btn:hover {
    color: #fff;
    background-color: #45af5e;
    text-decoration: none;
}

.log_report_table {
    font-size: 12px;
}

.log_report_table .red {
	color: #f00;
	background-color: #fee4e4;
}

.boder_l {
    border-left: 1px solid #dee2e6;
}

.visit_border_area {
	margin-bottom: 20px;
}

.visit_border {
    width: 80px;
    margin-right: 10px;
}

.searched_text {
	width: calc(100% - 150px);
	display: inline-block;
}

.seached_p {
	padding: .5rem 1rem;
}

.searched_ul {
	list-style-type: none;
	border-bottom: 1px solid #ccc;
	padding-bottom: 1rem;
	cursor: pointer;
}

.searched_list1 {
    padding: 1px 5px;
    font-size: 13px;
    border-radius: 5px;
    margin-right: 5px;
}

.searched_list2 {
    background-color: #ababab;
    padding: 1px 0 1px 10px;
	margin-right: 5px;
    font-size: 13px;
    color: #fff;
}

.ml5 {
	margin-left: 5px;
}