@charset "utf-8";

/* ユーティリティー
---------------------------------------------------------- */

/* 配色 */
.gray {
    color: #888;
}

.gray02 {
    color: #C1C1C1;
}

.lightGreen01 {
    color: #89ab03;
    font-weight: bold;
}

.green01 {
    color: #259c59 !important;
    font-weight: bold;
}

.orange01 {
    color: #f66f08;
    font-weight: bold;
}

.red01 {
    color: #e12121;
    font-weight: bold;
}

.black01 {
    color: #222222;
    font-weight: bold;
}

/* float */
.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.floatClear {
    clear: both;
}


/* varticle */



/* font size */
.fz12 { font-size: 12px !important; }
.fz14 { font-size: 14px !important; }
.fz16 { font-size: 16px !important; }

/* text */
.textLeft {
    text-align: left !important;
}

.textRight {
    text-align: right !important;
}

.textCenter {
    text-align: center !important;
}

/* vertical-align */
.verticalTop { vertical-align: top !important; }
.verticalMid { vertical-align: middle !important; }
.verticalBtm { vertical-align: bottom !important; }


/* footnote */
.footnote01 {
    color: #ec1010;
}

/* marginFix01 */
.marginFix01 {
    margin-top: 10px !important;
    margin-left: 0 !important;
}

/* padding */
.padding01 th,
.padding01 td {
    padding-top: 15px;
    padding-bottom: 15px;
}

.padding02 th,
.padding02 td {
    padding-top: 8px;
    padding-bottom: 8px;
}

/* width */

.width40 { width: 40px; }
.width50 { width: 50px; }
.width60 { width: 60px; }
.width70 { width: 70px; }
.width80 { width: 80px; }
.width90 { width: 90px; }
.width100 { width: 100px; }
.width110 { width: 110px; }
.width120 { width: 120px; }
.width130 { width: 130px; }
.width140 { width: 140px; }
.width150 { width: 150px; }
.width160 { width: 160px; }
.width170 { width: 170px; }
.width180 { width: 180px; }
.width190 { width: 190px; }
.width200 { width: 200px; }
.width210 { width: 210px; }
.width220 { width: 220px; }
.width230 { width: 230px; }
.width260 { width: 260px; }
.width300 { width: 300px; }

.width10percent { width: 10% !important; }
.width20percent { width: 20% !important; }
.width25percent { width: 25% !important; }
.width30percent { width: 30% !important; }
.width40percent { width: 40% !important; }
.width50percent { width: 50% !important; }
.width60percent { width: 60% !important; }
.width70percent { width: 70% !important; }
.width75percent { width: 75% !important; }
.width80percent { width: 80% !important; }
.width90percent { width: 90% !important; }
.width100percent { width: 100% !important; }

.minW40 { min-width: 40px; }
.minW50 { min-width: 50px; }
.minW60 { min-width: 60px; }
.minW70 { min-width: 70px; }
.minW80 { min-width: 80px; }
.minW90 { min-width: 90px; }
.minW100 { min-width: 100px; }
.minW110 { min-width: 110px; }
.minW120 { min-width: 120px; }
.minW130 { min-width: 130px; }
.minW140 { min-width: 140px; }
.minW150 { min-width: 150px; }
.minW160 { min-width: 160px; }
.minW170 { min-width: 170px; }
.minW250 { min-width: 250px; }

.maxW100 { max-width: 100px; }
.maxW110 { max-width: 110px; }
.maxW120 { max-width: 120px; }
.maxW130 { max-width: 130px; }
.maxW140 { max-width: 140px; }
.maxW150 { max-width: 150px; }
.maxW160 { max-width: 160px; }
.maxW170 { max-width: 170px; }
.maxW230 { max-width: 230px; }


/* height */
.height10 { height: 10px !important;}
.height20 { height: 20px !important;}
.height30 { height: 30px !important;}
.height40 { height: 40px !important;}
.height50 { height: 50px !important;}
.height60 { height: 60px !important;}
.height70 { height: 70px !important;}
.height80 { height: 80px !important;}
.height90 { height: 90px !important;}
.height100 { height: 100px !important;}
.height110 { height: 110px !important;}
.height120 { height: 120px !important;}
.height130 { height: 130px !important;}
.height140 { height: 140px !important;}
.height150 { height: 150px !important;}



/* margin */
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }

.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }

.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }



.displayInlineBlock {
    display: inline-block !important;
}
.displayFlex {
    display: flex !important;
}


.verticalAlignTop {
    vertical-align: top !important;
}


/* table */
.table01 {
    max-width: 1024px;
}

.table02 {
    max-width: 960px;
}

.table03 {
    max-width: 1280px;
}

.table04 {
    width: auto;
    margin-bottom: 20px;
}

.table01 th,
.table02 th,
.table03 th {
    line-height: 1.3;
    font-size: 12px;
}

.table04 th,
.table04 td {
    padding: 7px 10px 5px;
    line-height: 1.3;
    font-size: 12px;
    text-align: left !important;
}

.thAuto {
    width: auto !important;
}

.th45 {
    width: 45px !important;
}

.th50 {
    width: 50px !important;
}

.th60 {
    width: 60px !important;
}

.th70 {
    width: 70px !important;
}

.th80 {
    width: 80px !important;
}

.th90 {
    width: 90px !important;
}

.th110 {
    width: 110px !important;
}

.th100{
    width:100px !important;
}

.th120 {
    width: 120px !important;
}

.th130 {
    width: 130px !important;
}

.th140 {
    width: 140px !important;
}

.th150 {
    width: 150px !important;
}

.th160 {
    width: 160px !important;
}

.th170 {
    width: 170px !important;
}

.th200 {
    width: 200px !important;
}

.th210 {
    width: 210px !important;
}

.th220 {
    width: 220px !important;
}

.th230 {
    width: 230px !important;
}

.th240 {
    width: 240px !important;
}

.th250 {
    width: 250px !important;
}

.th260 {
    width: 260px !important;
}

.th270 {
    width: 270px !important;
}

.th280 {
    width: 280px !important;
}

.th290 {
    width: 290px !important;
}

.th300 {
    width: 300px !important;
}

.th310 {
    width: 310px !important;
}

.th320 {
    width: 320px !important;
}

.th330 {
    width: 330px !important;
}

.th340 {
    width: 340px !important;
}

.th350 {
    width: 350px !important;
}

.th390 {
    width: 390px !important;
}



.th03 {
    width: 30% !important;
}

.tdBreakWord {
    word-break: break-word;
    overflow-wrap: break-word;
}

.trColor01 {
    border-left: 8px solid #89ab03 !important;
}

.trColor02 {
    border-left: 8px solid #259c59 !important;
}

.trColor03 {
    border-left: 8px solid #f66f08 !important;
}

.trColor04 {
    border-left: 8px solid #e12121 !important;
}

.borderWeight01 {
    border-bottom: 3px solid #ccc;
}

.tborderDouble01 {
    border-top: 3px double #ccc;
}

.borderNone {
    border: none;
}

.borderTopNone {
    border-top: none;
}

.borderBottomNone {
    border-bottom: none;
}

.borderRightWeight1px {
    border-right: 1px solid white;
}

.borderBottomWeight1px {
    border-bottom: 1px solid white;
}

.minTableW80 {
    min-width: 80px !important;
}

.textarea01 {
    width: 75%;
    max-width: 960px;
}

@media screen and (max-width: 1024px) {
    .tableHidden {
        overflow: hidden;
        /*width: 726px;*/
    }

    .tableOuter {
        overflow-x: scroll;
        width: 100%;
    }
}





/* Btn */
.btnArea {
    margin-top: 10px;
    margin-bottom: 50px;
}

.btn,
input.btn {
    position: relative;
    margin: 0 5px;
    padding: 3px 8px;
    border-radius: 10px;
    vertical-align: middle;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}





/* Icon */
.iconArrowRight01:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f138';
}

.iconArrowDown01:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f13a';
}

.iconArrowDown02:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f078';
}

.iconArrowDown03:before {
    /*position: absolute;*/
    /*right: 10px;*/
    margin-right: 5px;
    font-family: 'FontAwesome';
    content: '\f078';
}

.iconArrowUp03:before {
    /*position: absolute;*/
    /*right: 10px;*/
    margin-right: 5px;
    font-family: 'FontAwesome';
    content: '\f077';
}

.iconHome01:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f015';
}

.iconLogout01:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f08b';
}

.iconPrint:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f02f';
}

.iconSave:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f0c7';
}

.iconCancel:before {
    margin-right: 4px;
    color: #edc41e;
    font-family: 'FontAwesome';
    content: '\f05e';
}

.iconSearch:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f002';
    color: #00aa48;
}

.iconEdit:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f044';
}

.iconDelete:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f00d';
    color: #e12121;
}

.iconDelete02:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f00d';
    color: #e12121;
}

.iconList:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f0c9';
}

.iconList02:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f03a';
}

.iconGraph:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f080';
}

.iconAdministrator:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f007';
}

.iconCompany:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f1ad';
}

.iconTeacher:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f19d';
}

.iconGroup:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f0e8';
}

.iconUser:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f007';
}

.iconSituation:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f0f6';
}

.iconInvalid:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f071';
}

.iconPdf:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f1c1';
}

.iconReturn:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f137';
}

.iconImprint:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f111';
}

.iconSearch:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f002';
}

.iconFile:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f016';
}

.iconCopy:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f0c5';
}

.btn.iconUserinfo:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f044';
    color: #DA6177;
    font-weight: normal;
}

.btn.iconSituation:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f03a';
    color: #DA6177;
    font-weight: normal;
}

.btn.iconFacility:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f015';
    color: #DA6177;
    font-weight: normal;
}

.btn.iconInstructionbook:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f02d';
    color: #DA6177;
    font-weight: normal;
}

.iconLeaveFile:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f0f6';
}

.iconPrev:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f100';
}

.iconNext:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f101';
}

.iconClose:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f00d';
}

.iconCSV:before {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    background: url(/img/careviewer/icon-csv01.png) no-repeat;
    background-size: 100%;
    content: '';
}

.iconPDF:before {
    display: inline-block;
    position: relative;
    top: 3px;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url(/img/careviewer/icon-pdf01.png) no-repeat;
    background-size: 100%;
    content: '';
}

.iconImport:before {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    background: url(/img/careviewer/icon-import.svg) no-repeat;
    background-size: 100%;
    content: '';
}

.btn.iconPDF {
    padding: 4px 12px;
}

.btn.iconPlus:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f0fe';
}

.btn.iconPlus01:before {
    margin-right: 4px;
    color: #fff;
    font-family: 'FontAwesome';
    content: '\f067';
}

.btn.iconCheckAll:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f058';
}

.btn.iconUncheckAll:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f057';
}

.iconChatworkOn:before {
    display: inline-block;
    position: relative;
    top: 3px;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url(/img/careviewer/cw_logomark_on.png) no-repeat;
    background-size: 100%;
    content: '';
}

.iconChatworkOff:before {
    display: inline-block;
    position: relative;
    top: 3px;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url(/img/careviewer/cw_logomark_off.png) no-repeat;
    background-size: 100%;
    content: '';
}

.iconUsers:before {
    margin-right: 4px;
    content: url(/img/careviewer/icon-users.svg);
}

/* カレンダー */
.datepicker,
.selectDatepicker,
.periodBtnDatepicker{
    padding: 5px;
    width: 120px;
    border: 1px solid #ccc;
    background: url(/img/careviewer/calendar.gif) no-repeat 95% 50%;
    cursor: pointer;
}

.noframeBtn {
    display: inline-block;
    position: relative;
    top: 5px;
    margin-top: 5px;
    padding: 6px 12px;
}

.btn:first-child {
    margin-left: 0;
}

.btn:visited { color: #000; }
.btn:hover { color: #000; }

.btnXs,
input.btnXs {
    display: inline-block;
    position: relative;
    line-height: 1.5;
    margin-top: 5px;
    padding: 6px;
    border: 0;
    background: #fff;
    border: 1px solid #CCC;
    box-sizing: border-box;
    box-shadow: inset 0px 0px 0px #999, 0px 3px 0px 0px #999, 0px 2px 2px #999;
    color: #000;
    font-size: 12px;
}

.btnSm,
input.btnSm {
    display: inline-block;
    position: relative;
    line-height: 1.5;
    border: 0;
    background: #fff;
    border: 1px solid #CCC;
    box-sizing: border-box;
    box-shadow: 0px 2px 0px #999;
    color: #000;
    font-size: 12px;
    border-radius: 5px;
    padding: 6px 12px;
}

.eboxTable .btnSm ,
.inputDataTable .btnSm {
    margin-top: 0;
}

.btnLg,
input.btnLg {
    display: inline-block;
    position: relative;
    line-height: 1.5;
    margin-top: 5px;
    width: 100%;
    padding: 15px;
    border: 0;
    background: #fff;
    border: 1px solid #CCC;
    box-sizing: border-box;
    box-shadow: 0px 3px 0px #999;
    color: #000;
    font-size: 1.15em;
    font-weight: bold;
}

.btnXs,
.btnSm,
.btnLg {
    outline: none;
}

.btnXs:active,
.btnSm:active,
.btnLg:active {
    top: 2px;
    box-shadow: 0px 1px 0px #999;
}

.smallBtn {
    padding: 5px 10px;
    border: #ccc;
}

.smallBtn:hover, .smallBtn:focus {
    background: #789309;
    color: #fff;
}

.smallBtn01 {
    padding: 5px 10px;
    border-radius: 15px;
    border: none;
    background: #a2c708;
    border-bottom: 1px solid #677E09;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.smallBtn01:visited {
    color: #fff;
}
/*
.btn.iconSave,
.btn.iconCancel,
.btn.iconDelete {
    width: 150px;
    padding: 10px;
}
*/
.btn.iconDelete02 {
    padding: 6px 12px;
}

.btn.iconPlus01 {
    border: 1px solid #F66F08;
    box-shadow: inset 0px 0px 0px #BD5D14, 0px 3px 0px 0px #BD5D14, 0px 2px 2px #BD5D14;
    background: #F66F08;
    color: #fff;
}

.btn.iconPlus01:active {
    box-shadow: none;
}

.deleteBtnBlock .btnSm {
    padding: 10px 20px;
}

.btnSm:before {
    color: #00A99D;
}

.btn.noPress{
    box-shadow: none;
    background: #e2e2e2;
    cursor:default;
}

.btnGreen {
    color: #19A99C;
    border-color: #19A99C;
    box-shadow: 0px 2px 0px #7EC1BD;
}
.btnGreen:visited { color: #19A99C; }
.btnGreen:hover { color: #19A99C; }


/* link */
.linkArea {
    margin-bottom: 10px;
}

.link {
    display: inline-block;
    float: left;
    margin-left: 10px;
    padding: 8px 12px;
    /*border: 1px solid #ccc;*/
    border-radius: 3px;
    font-size: 12px;
    text-decoration: none;
    color: #222;
    font-weight: bold;
}

.link:first-child {
    margin-left: 0;
}

@media screen and (max-width: 768px) {
    .link:nth-child(3),
    .link:nth-child(4) {
        margin-top: 10px;
    }
    .link:nth-child(3) {
        clear: both;
        margin-left: 0;
    }
}

.link:visited {
    color: #fff;
}

.iconArrowRight01:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f138';
}

a.link01 {
    background: #a2c708;
    color: #fff;
}

a.link02 {
    background: #259c59;
    color: #fff;
}

a.link03 {
    background: #F66F08;
    color: #fff;
}

a.link04 {
    background: #e12121;
    color: #fff;
}

a.link01:hover {
    background: #89ab03;
    color: #fff;
}

a.link02:hover {
    background: #337550;
    color: #fff;
}

a.link03:hover {
    background: #ce712a;
    color: #fff;
}

a.link04:hover {
    background: #C71717;
    color: #fff;
}

/* 表示・非表示のjs用 */
.show {
    display: block;
}

.hide {
    display: none;
}

/* 非活性のjs用 */
.disable {
    color: #aaa !important;
}

.disable:hover {
    cursor: auto;
}

.disable .inputDataTableHeader h2 {
    background: #eee !important;
    color: #aaa !important;
}

.disable .inputDataTable th {
    background-color: #f1f1f1 !important;
    border-color: #ccc !important;
    color: #aaa !important;
}

.disable .inputDataTable td {
    color: #aaa !important;
}

.disable a,
.disable label,
.disable button,
.disable button:before,
.disable input:not(.input_btn),
.disable textarea,
.disable select {
    color: #aaa !important;
    background: #eee !important;
    pointer-events: none !important;
}

.disable input.input_btn {
    color: #aaa !important;
    pointer-events: none !important;
}

.disable .btn {
    border: 1px solid #eee !important;
    box-shadow: inset 0px 0px 0px #999, 0px 3px 0px 0px #999, 0px 2px 2px #999 !important;
}

/* borderBlock */
.borderBlock01 {
    display: inline-block;
    margin: 0 5px 0 10px;
    padding: 2px 10px;
    border: 1px solid #ccc;
}

/* 状態を表す色設定 */
.status01 {
    color: #2aad6f !important;
    font-weight: bold;
}

.status02 {
    color: #e12121 !important;
    font-weight: bold;
}

.status03 span,
.status04 span {
    display: inline-block;
    padding: 5px;
    font-weight: bold;
}

.status03 span {
    color: #078fb9;
}

.status04 span {
    color: #07afb9;
}

 /* error */
.errorBox {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #e40101;
    background: #ffdede;
    color: #e40101;
    font-size: 0.875em;
    clear: both;
}

.errorBox ul,
.errorBox li {
    margin-left: 9px;
    list-style-type: disc;
}

.errorBox a {
    color: #e40101 !important;
    font-weight: bold;
}

.errorTitle {
    margin-bottom: 5px;
    color: #e40101;
    font-size: 1.175em;
    font-weight: bold;
}

.errorTxt {
    color: #e40101 !important;
}

.errorArea {
    background: #ffdede !important;
}

.errorArea th {
    background: #ffdede !important;
}

/* smallLabel フォントサイズ12pxの小さなチェックボックス */

.smallLabel {
    margin-bottom: 5px;
}

.smallLabel label {
    padding: 6px 10px 6px 28px;
    font-size: 12px;
}
.smallLabel .checkbox:before {
    left: 14px;
    width: 5px;
    height: 9px;
    margin-top: -11px;
    z-index: 100;
}
.smallLabel .checkbox:after {
    top: 58%;
    width: 10px;
    height: 10px;
    border-radius: 5px;
}

.disable_btn{
    pointer-events : none;
    background-color: #ddd;
    top: 4px;
    box-shadow: none;
}





/* アイコン ラベル */
.lavel {
    font-size: 12px;
    border-radius: 50px;
    display: inline-block;
    width: 5em;
    line-height: 1;
    padding: 5px;
}

.lavel.approval {
    color: #FFF;
    background: #DA6177;
}
.lavel.unapproved {
    border: 1px solid #DA6177;
    color: #DA6177;
}



/* アイコン ラベル */
.btnApproval {
    position: relative;
    clear: both;
    text-align: center;
    margin-bottom: 30px;
}

.btnApproval .btnLg {
    display: inline-block;
    width: auto;
    min-width: 240px;
    background: #00A89C;
    color: #FFF;
    border: 0;
}

.btnApproval .btnLg:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f12a';
}

.btnApproval .btnImprint {
    position: absolute;
    top: 0;
    right: 0;
}





 /* ======================================== disable link ======================================== */


.btn.disable {
    position: relative;
    top: 3px;
    pointer-events: none !important;
    background-color: #ddd !important;
    color: #999 !important;
    box-shadow: inset 0 0 0 #999, 0 0 0 0 #999 !important;
}

.btn-sm.disable {
    position: relative;
    top: 3px;
    pointer-events: none !important;
    background-color: #ddd !important;
    color: #999 !important;
    box-shadow: inset 0 0 0 #999, 0 0 0 0 #999 !important;
}

.btn-sm.on {
    top: 5px;
    box-shadow: none;
    background: #ffe695;
}

.btn.btn-user.disable, .btn.btn-pickup.disable,
.btn.btn-record.disable, .btn.btn-active.disable,
.btn.btn-report.disable {
    pointer-events: none !important;
    background: #ddd !important;
    color: #777 !important;
    box-shadow: inset 0px 0px 0px #777, 0px 5px 0px 0px #777 !important;
}

.btn.disable:before {
    color: #777 !important;
}

.disableLinkText,
.disableLinkText * {
    pointer-events: none !important;
    color: #777 !important;
}

.disableLinkBg {
    pointer-events: none !important;
    background: #ddd !important;
    color: #777 !important;
}

.disableLinkBg:after {
    color: #777 !important;
}

th.disable span {
    pointer-events: none !important;
    color: #777 !important;
    background: #ddd !important;
}

th.disable span:after {
    border-left: 15px solid #ddd!important;
}

td.disable {
    color: #777 !important;
}

.disableLink {
    pointer-events: none !important;
    background: #f5f5f5 !important;
    color: #777 !important;
}

.disableLinkTitle {
    pointer-events: none !important;
    background: #ddd !important;
    color: #777 !important;
}

.disableLinkTitle:after {
    color: #777 !important;
}




.form-control {
    margin-bottom: 5px;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    color: inherit;
    display: inline-block;
    padding: 3px 6px;
    width: 100%;
    box-sizing: border-box;
}

textarea.form-control {
    width: 100%;
    height: 100%;
    max-width: none;
}




/* タブ */

.tabMenu {
    margin-bottom: 10px;
}

.tabMenu li {
    display: inline-block;
    margin: 0 5px 3px 0;
    border-radius: 50px;
    cursor: pointer;
    transition: .3s;
    padding: 2px 5px;
    border: 1px solid #00a99d;
    box-sizing: border-box;
    text-align: center;
}

.tabMenu li.error {
    border: 2px solid #ff0000;
}

.tabMenu li:last-child {
    margin-right: 0;
}

.tabMenu li:hover ,
.tabMenu li.active {
    color: #fff;
    background: #00a99d;
    cursor: pointer;
}

.tabMenu li.error:hover ,
.tabMenu li.active.error {
    color: #fff;
    background: #ff0000;
    cursor: pointer;
}

.tabArea .tabBox {
    display: none;
    border: 10px solid #f6f7f9;
    padding: 10px;
    background: #FFF;
}

.tabArea .tabBox.show {
    display: block;
}




/* ======================================== label ======================================== */

.label {
    display: inline-block;
    background-color: #999;
    color: #FFF;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 8px;
    text-shadow: none;
    border-radius: 3px;
    min-width: 6em;
    box-sizing: border-box;
}

 .label.labelConfirm { background: #2195cb; }
 .label.labelEdit { background: #0e9213; }
 .label.labelDraft { background: #3cad6f; }
 .label.labelEvaluation { background: #674789; }

 .label.blue { background: #2195cb; }
 .label.green { background: #3cad6f; }
 .label.lightgreen { background: #8bc66e; }
 .label.bright { background: #f5c631; }
 .label.red { background: #e8450b; }
 .label.purple { background: #674789; }
 .label.navy { background: #5a76a8; }


.hissu {
    margin: 0 0 0 3px;
    padding: 3px 5px;
    color: #FFF;
    text-align: center;
    font-size: 11px;
    line-height: 1;
    display: inline-block;
    border-radius: 2px;
    background: #F00;
}

.label01 {
    display: block;
    line-height: 1;
    margin: -5px;
    padding: 8px;
}

.label01 {
    display: block;
    line-height: 1;
    margin: -5px;
    padding: 8px;
}

.label01 {
    display: block;
    line-height: 1;
    margin: -5px;
    padding: 8px;
}

.checkLabel {
    display: block;
    margin: -5px;
    padding: 5px;
}

.unregistered {
    color: #DDD;
}

.btnMdTall {
    width: 130px;
    height: 50px;
    font-size: 16px;
    vertical-align: middle;
}

.btnBgGreen {
    background-color: #01AA9D;
    color: #FFFFFF;
}

.btnBgGreen:hover {
    color: #FFFFFF;
}

.btnBgWhite {
    background-color: #FFFFFF;
    color: #222222;
}

.btnBgWhite:hover {
    color: #222222;
}

.attention {
    padding: 3px 5px;
    color: #F00;
    font-size: 11px;
}

.radioNumberButton {
    display: none;
}

.labelRadioNumberButton {
    width: 70px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    background-color: #FFFFFF;
    text-align: center;
    padding-left: 4px;
    margin-right: 12px;
}

.radioNumberButton:checked + .labelRadioNumberButton {
    border: 1px solid #01A99C;
    background-color: #01A99C;
    color: #FFFFFF;
}

.radioChoiceButton {
    display: none;
}
.labelRadioChoiceButton {
    display: inline-block;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    background-color: #FFFFFF;
    text-align: center;
    padding: 0 8px 4px 8px !important;
    margin-right: 12px;
}
.radioChoiceButton:checked + .labelRadioChoiceButton {
    border: 1px solid #01A99C;
    background-color: #01A99C;
    color: #FFFFFF;
}
.iconCheckRadioChoiceButton:before {
    margin-right: 4px;
    font-family: 'FontAwesome';
    content: '\f00c';
    font-size: 15px;
    color: #CCCCCC;
}
.radioChoiceButton:checked + .iconCheckRadioChoiceButton:before {
    color: #FFFFFF;
}


.textValue00 {
    color: #1D2088;
}
.textValue01 {
    color: #00479D;
}
.textValue02 {
    color: #00A0E9;
}
.textValue03 {
    color: #009E96;
}
.textValue04 {
    color: #009944;
}
.textValue05 {
    color: #8FC31F;
}
.textValue06 {
    color: #c2bb28;
}
.textValue07 {
    color: #F39800;
}
.textValue08 {
    color: #E60012;
}
.textValue09 {
    color: #BE0081;
}
.textValue10 {
    color: #601986;
}


.fontSize10 {
    font-size: 10px;
}