/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2017/01/24, 13:25:11
    Author     : yamaguchi
*/

/*--- Message Block ---*/
.msg_block{
    height: 50px;
    width: 80%;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    display: table;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    line-height: 50px;
}
.msg_info{
    border: #1560C5 1px solid;
    background-color: #64B5F6;
    color: #1560C5;
}
.msg_warn{
    border: #ff9900 1px solid;
    background-color: #ffff99;
    color: #ff9900;
}
.msg_err{
    border: #ff3333 1px solid;
    background-color: #ff9999;
    color: #ff3333;
}
.validation_message {
    color: red;
    width: initial !important;
    width: auto !important;
}
.input_msg{
    width: initial !important;
    width: auto !important;
}

/*--- Primefaces p:calendar ---*/
.ui-calendar{
    width: initial !important;
    width: auto !important;
}

/*--- Primefaces p:datatable ---*/
.ui-widget-header{
    border: none !important;
    background: none !important;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th{
    border: none !important;
    font-family: 'Noto Sans Japanese', sans-serif;
}

.ui-column-title{
    color: #b30023 !important;
    font-weight: 500 !important;
    font-family: 'Noto Sans Japanese', sans-serif;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    border: 1px solid #dad55e !important;
    background: #fffa90 !important;
}

.ui-state-hover{
    box-shadow: none !important;
    background-color: #ffffcc !important;
}

div.examination .output .ui-button {
    padding:0;
    border: none !important;
    background: none !important;
}

div.examination .output table{
    border: none !important;
    width:auto;
    display:inline;
    padding:0;
    border: none !important;
    background: none !important;
}

div.examination .ui-chkbox-box{
    border: none;
    background: none;
}

div.examination .ui-state-hover{
    box-shadow: none !important;
    background: none !important;
}

.ui-datatable-data tr.ui-state-hover{
    text-decoration: underline;
    background-color: #ffffcc !important;
}

.ui-datatable thead th.ui-state-hover{
    background-color: #ffcccc !important;
}

div.sort .ui-button{
    border: none !important;
    background: none !important;
}

.allcheck {
    color:#ffffff;
    background:#333333;
    opacity:1;
    width:200px;
    display: inline-block;
    line-height:40px;
}

.backbutton a {
    color:#ffffff;
    background:#b30023;
    opacity:1;
    width:200px;
    display: inline-block;
    line-height:40px;
    margin-bottom: 40px;
    text-decoration: none;
}
.backbutton a:hover {
    background:#FF3333;
}
div.formset dl dd {
    min-height: 58px;
}

div.formset dl dd span.outputWideText {
    width:400px !important;
    display:inline-block;
    font-size:16px;
    font-weight:400;
    line-height:1.5;
    text-align:left;
    padding-top: 17px;
    padding-bottom: 17px;
}

div.formset dl dd span.outputText {
    width:inherit !important;
    display:inline-block;
    font-size:16px;
    font-weight:400;
    line-height:1.5;
    text-align:left;
    padding-top: 17px;
    padding-bottom: 17px;
}

div.loginbox .inner.trip {
    top: 20% !important;
}

div.loginbox .messageBox {
    width: 100%;
    position: absolute;
    top: 8% !important;
}

div.headerOfficer{
    margin-top: 0px;
    line-height: 2.0;
}

div.headerOfficer span{
    text-align: right;
    right: 14px;
    position:absolute;
    bottom:4px;
    font-size:12px;
}

div.headerOfficer dl{
    text-align: right;
    right: 14px;
    position:absolute;
    bottom:4px;
    font-size:12px;
    width: 350px;
}

div.headerOfficer dt{
    float: left;
    clear: right;
    width: 100px;
}

div.headerOfficer dd{
    float: left;
    width: 250px;
    /*text-align: left;*/
}

div.officer{
    line-height: 2.0;
    margin-top: 100px;
}

div.officer span{
}

div.attention {
    line-height: 2.0;
    margin-top: 100px;
}

div.attention span{
    color: #FF3333;
    font-weight: bold;
}

div.formset dd select{
    margin:10px 0px;
    padding:12px 12px;

    border:#dddddd solid 1px;
    background:#ffffff;
    -moz-border-radius:3px;
    /*for Firefox*/
    -webkit-border-radius:3px;
    /*for Safari and chrome*/
    border-radius:3px;
    behavior: url(border-radius.htc);
    /*for IE*/
}

div.privacy {
    margin-top:10px;
    padding:20px 0px;
}

div.examination dl dd input[type=checkbox]:checked + .check {
    background: url(../images/check_on.png) 50% 50% no-repeat;
    background-size: auto 26px;
    opacity: 1;
}

div.examination dl dd .check{
    width: 26px;
    height: 26px;
    display: inline-block;
    color: #999999;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    background: url(../images/check.png) 50% 50% no-repeat;
    background-size: auto 26px;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

div.formset input[type=email] {
    margin:10px 0px;
    padding:12px 12px;
    width:135px;
    border:#dddddd solid 1px;
    background:#ffffff;
    -moz-border-radius:3px;/*for Firefox*/
    -webkit-border-radius:3px;/*for Safari and chrome*/
    border-radius:3px;
    behavior: url(border-radius.htc);/*for IE*/
}
div.formset input[type=email]:focus {
    background:#fffbea;
}
div.formset input[type=email].wide {
    width:400px;
}
div.formset input[type=email].date {
    width:100px;
}

div.formset dd select {
    width: 460px;
}

div.formset input[type=radio] {
    margin: 20px 0px 20px 10px;
}

/*　information　*/
/* -----------------------------------------------*/
div.information {
    margin:0px auto;
    padding:10px 0px;
    width:80%;
    font-size:15px;
    line-height:1.8;
    border-bottom:#f5f5f5 solid 1px;
    border-left:#f5f5f5 solid 1px;
    border-right:#f5f5f5 solid 1px;
    box-sizing:border-box;
}
div.information.topset {
    margin:0px auto 50px auto;
}
div.information.ope {
    margin:0px auto 10px auto;
    border:#ffffff solid 5px;
    box-sizing:border-box;
    background:#f5f5f5;
    -webkit-box-shadow:0 0 5px 0 #cecece; /* Safari, Chrome用 */
    -moz-box-shadow:0 0 5px 0 #cecece; /* Firefox用 */
    box-shadow:0 0 5px 0 #cecece; /* CSS3 */
}
div.information dl {
    display:block;
    text-align:center;
}
div.information dl dt {
    padding:5px 0px;
    width:100%;
    float:inherit;
    font-size:13px;
    font-weight:400;
    line-height:1.5;
    position:relative;
}
div.information dl dd {
    margin-left:0px;
}
div.information dl dd span {
    width:35px;
    display:inline-block;
    font-size:13px;
    font-weight:400;
    line-height:1.5;
    text-align:center;
}
div.information dl dd strong {
    width:85px;
    display:inline-block;
    font-size:13px;
    font-weight:400;
    line-height:1.5;
    text-align:center;
}
div.information dl dt span {
    padding:3px 5px;
    display:inline-block;
    color:#ffffff;
    font-size:10px;
    font-weight:300;
    line-height:1.5;
    background:#d70000;
    -moz-border-radius:3px;/*for Firefox*/
    -webkit-border-radius:3px;/*for Safari and chrome*/
    border-radius:3px;
    behavior: url(border-radius.htc);/*for IE*/
    position:absolute;
    top:10px;
    right:15px;
}
div.information input[type=text] {
    margin:5px 0px;
    padding:12px 12px;
    width:20%;
    border:#dddddd solid 1px;
    background:#ffffff;
    -moz-border-radius:3px;/*for Firefox*/
    -webkit-border-radius:3px;/*for Safari and chrome*/
    border-radius:3px;
    behavior: url(border-radius.htc);/*for IE*/
}
div.information input[type=text].wide {
    width:300px;
}
div.information input[type=text].date {
    width:100px;
}
div.information input[type=text].short {
    width:80px;
}
div.information input[type=text].mini {
    width:64px;
}

/*　cm_examination table　*/
div.examination .no{
    width: 45px
}
div.examination .jushinshaId{
    width: 145px
}
div.examination .jushinshaShimei{
    width: 145px
}
div.examination .nenrei{
    width: 40px
}
div.examination .seibetsu{
    width: 40px
}
div.examination .shozokuBusho{
    width: 115px
}
div.examination .jushinbi{
    width: 75px
}
div.examination .kotsuKankyoTekioDo{
    width: 70px
}
div.examination .anzenTaiDo{
    width: 75px
}
div.examination .jochoAnteiDo{
    width: 85px
}
div.examination .shodoYokuseiDo{
    width: 85px
}
div.examination .sogoHyoka{
    width: 75px
}
div.examination .advice{
    width: 85px
}
div.examination .checkbox{
    width: 30px
}
div.examination .answer{
    width: 50px
}
div.examination .result{
    width: 50px
}

/*　sm_examination table　*/
div.examination .moushikomiId{
    width: 130px
}
div.examination .password{
    width: 80px
}
div.examination .kanrishaPassword{
    width: 80px
}
div.examination .companyName{
    width: 130px
}
div.examination .visitDateStart{
    width: 75px
}
div.examination .visitDateEnd{
    width: 75px
}
div.examination .examineeCount{
    width: 50px
}
div.examination .willExamineeCount{
    width: 60px
}
div.examination .sompoButanCode{
    width: 80px
}
div.examination .butenRyaku{
    width: 80px
}
div.examination .tantoutenRyaku{
    width: 80px
}
div.examination .managerName{
    width: 90px
}
div.examination .diagnosisMethod {
    width: 80px;
}
div.examination .doisho{
    width: 75px
}

div.formset.wide .inner dl{
    width:100%;
}

div.formset.wide dl dt{
    width: 350px;
}

div.formset.wide dl dd {
    margin-left: 350px;
    white-space: nowrap;
}

div.fixbtn .fatalbtn{
    background-color: #b30023;
}

div.fixbtn .fatalbtn:hover{
    background-color: #FF3333;
}

div.formset input[type=Text].short {
    width:75px;
}
div.formset input[type=text].mini {
    width:60px;
}

div.fixbtn a.icon_right {
    background:#b30023 url(../images/right.png) 10% 50% no-repeat;
}

div.fixbtn a.icon_right:hover {
    background:#FF3333 url(../images/right.png) 10% 50% no-repeat;
}

div.fixbtn a.icon_left {
    background:#b30023 url(../images/left.png) 10% 50% no-repeat;
}

div.fixbtn a.icon_left:hover {
    background:#FF3333 url(../images/left.png) 10% 50% no-repeat;
}

div.fixbtn a.icon_search {
    background:#b30023 url(../images/search.png) 10% 50% no-repeat;
}

div.fixbtn a.icon_search:hover {
    background:#FF3333 url(../images/search.png) 10% 50% no-repeat;
}

div.privacy div.scrollpanel{
    width: 70%;
    height: 200px;
}

@media screen and (max-width:900px) {
    div.questions .checkbtn td {
        margin:0px 5px;
        width:40%;
        display:inline-block;
        color:#999999;
        font-size:14px;
        line-height:40px;
        text-align:center;
        box-sizing:border-box;
        -webkit-transition:background-color 0.2s linear;
        transition:background-color 0.2s linear;
        cursor:pointer;
        user-select:none; /* CSS3 */
        -moz-user-select:none; /* Firefox */
        -webkit-user-select:none; /* Safari、Chrome */
        -ms-user-select:none; /* IE10 */
    }
    div.questions .checkbtn .check {
        width: 100%;
    }

}

@media screen and (max-width:900px) {
    div.formset.wide {
        margin:0px auto;
        padding:20px 0px;
        width:90%;
        font-size:13px;
        line-height:1.8;
        border-bottom:#f5f5f5 solid 1px;
        border-left:#f5f5f5 solid 1px;
        border-right:#f5f5f5 solid 1px;
        box-sizing:border-box;
    }
    div.formset.topset.wide {
        margin:0px auto 50px auto;
    }
    div.formset.ope.wide {
        margin:0px auto 70px auto;
        border:#ffffff solid 5px;
        box-sizing:border-box;
        background:#f5f5f5;
        -webkit-box-shadow:0 0 5px 0 #cecece; /* Safari, Chrome用 */
        -moz-box-shadow:0 0 5px 0 #cecece; /* Firefox用 */
        box-shadow:0 0 5px 0 #cecece; /* CSS3 */
    }
    div.formset.wide .inner {
        margin:0px auto;
        padding:50px 0px;
        width:80%;
        font-size:13px;
        line-height:1.8;
        border-bottom:#f5f5f5 solid 1px;
        border-left:#f5f5f5 solid 1px;
        border-right:#f5f5f5 solid 1px;
        box-sizing:border-box;
    }
    div.formset.wide dl {
        display:block;
        text-align:center;
    }
    div.formset.wide dl dt {
        padding:10px 0px;
        width:100%;
        float:inherit;
        font-size:13px;
        font-weight:400;
        line-height:1.5;
        position:relative;
    }
    div.formset.wide dl dd {
        margin-left:0px;
    }
    div.formset.wide dl dd span {
        width:35px;
        display:inline-block;
        font-size:13px;
        font-weight:400;
        line-height:1.5;
        text-align:center;
    }
    div.formset.wide dl dd strong {
        width:85px;
        display:inline-block;
        font-size:13px;
        font-weight:400;
        line-height:1.5;
        text-align:center;
    }
    div.formset.wide dl dt span {
        padding:3px 5px;
        display:inline-block;
        color:#ffffff;
        font-size:10px;
        font-weight:300;
        line-height:1.5;
        background:#d70000;
        -moz-border-radius:3px;/*for Firefox*/
        -webkit-border-radius:3px;/*for Safari and chrome*/
        border-radius:3px;
        behavior: url(border-radius.htc);/*for IE*/
        position:absolute;
        top:10px;
        right:15px;
    }
    div.formset.wide input[type=text] {
        margin:10px 0px;
        padding:12px 12px;
        width:20%;
        border:#dddddd solid 1px;
        background:#ffffff;
        -moz-border-radius:3px;/*for Firefox*/
        -webkit-border-radius:3px;/*for Safari and chrome*/
        border-radius:3px;
        behavior: url(border-radius.htc);/*for IE*/
    }
    div.formset.wide input[type=text]:focus {
        background:#fffbea;
    }
    div.formset.wide input[type=text].wide {
        width:75%;
    }
    div.formset.wide input[type=text].date {
        width:100px;
    }
    div.formset.wide select {
        margin-left:-5px;
        padding:10px 10px;
        border:#dddddd solid 1px;
        -moz-border-radius:3px;/*for Firefox*/
        -webkit-border-radius:3px;/*for Safari and chrome*/
        border-radius:3px;
        behavior: url(border-radius.htc);/*for IE*/
    }
    div.formset.wide .sort {
        padding-top:30px;
        padding-bottom:20px;
        width:100%;
        text-align:center;
    }
    div.formset.wide .sort input[type=radio] {
        display:none;
    }
    div.formset.wide .sort .check {
        margin:0px 5px;
        width:150px;
        display:inline-block;
        color:#999999;
        font-size:16px;
        line-height:40px;
        text-align:center;
        border:#cccccc solid 1px;
        box-sizing:border-box;
        background:#f5f5f5;
        -webkit-transition:background-color 0.2s linear;
        transition:background-color 0.2s linear;
        cursor:pointer;
        user-select:none; /* CSS3 */
        -moz-user-select:none; /* Firefox */
        -webkit-user-select:none; /* Safari、Chrome */
        -ms-user-select:none; /* IE10 */
    }
    div.formset.wide .sort .check:hover {
        color:#000000;
    }
    div.formset.wide .sort input[type=radio]:checked + .check {
        color:#ffffff;
        background:#333333;
        opacity:1;
    }
    div.formset input[type=email] {
        margin:10px 0px;
        padding:12px 12px;
        width:20%;
        border:#dddddd solid 1px;
        background:#ffffff;
        -moz-border-radius:3px;/*for Firefox*/
        -webkit-border-radius:3px;/*for Safari and chrome*/
        border-radius:3px;
        behavior: url(border-radius.htc);/*for IE*/
    }
    div.formset input[type=email]:focus {
        background:#fffbea;
    }
    div.formset input[type=email].wide {
        width:75%;
    }
    div.formset input[type=email].date {
        width:100px;
    }
    div.formset select {
        -webkit-appearance: button !important;
        -moz-appearance: button !important;
        appearance: button !important;
        background:#FFF url(../images/sort_down.png) no-repeat !important;

        background-position: right center !important;
    }
    div.privacy div.scrollpanel{
        width: 90%;
        height: 200px;
    }

    div.headerOfficer{
        margin-top: 0px;
        line-height: 2.0;
    }

    div.headerOfficer span{
        text-align: center;
        position:absolute;
        bottom:4px;
        font-size:8px;
    }

    div.fixbtn a.icon_right {
        background:#b30023 url(../images/right.png) 10% 50% no-repeat;
        background-size: 20px 20px;
    }

    div.fixbtn a.icon_right:hover {
        background:#FF3333 url(../images/right.png) 10% 50% no-repeat;
        background-size: 20px 20px;
    }

    div.fixbtn a.icon_left {
        background:#b30023 url(../images/left.png) 10% 50% no-repeat;
        background-size: 20px 20px;
    }

    div.fixbtn a.icon_left:hover {
        background:#FF3333 url(../images/left.png) 10% 50% no-repeat;
        background-size: 20px 20px;
    }

    div.fixbtn a.icon_search {
        background:#b30023 url(../images/search.png) 10% 50% no-repeat;
        background-size: 20px 20px;
    }

    div.fixbtn a.icon_search:hover {
        background:#FF3333 url(../images/search.png) 10% 50% no-repeat;
        background-size: 20px 20px;
    }
}
div.gamenID {
    text-align: right;
    width: 90%;
    font-size: small;
}

div.formset input[type=file]{
    padding: 18px 0px;
}
div.formset input[type=file].wide {
    width: 400px;
}

div.examination table td a{
    background: #FFF;
}

div.examination table td a:hover{
    background: #f5f5f5;
}
div.formset div.automobileQuestionnaire input:disabled{
    cursor: default;
    background-color: rgb(235,235,235);
    color: rgb(170, 170, 170);
    border-color: rgba(118, 118, 118, 0.3);
}
div.formset div.automobileQuestionnaire select:disabled{
    cursor: default;
    background-color: rgb(235,235,235);
    color: rgb(170, 170, 170);
    border-color: rgba(118, 118, 118, 0.3);
}

@media screen and (max-width: 900px){

    /*一番上のロゴの位置*/
    div#Header .logo img {
        margin-right: 0px;
    }

    /*受診者氏名の枠*/
    div.formset input[type=text] {
        width: 25%;
    }

    /*性別枠調整*/
    div.formset dd select {
        width: 75%;
    }

    /*年齢枠*/
    div.formset input[type=Text].short {
        width:50px;
    }

    /*必須アイコンの位置を左寄せ*/
    div.formset dl dt span {
        right: 260px;
    }

    /*ボタンを3行表示*/
    div.questions .fixbtn a {
        width: 60%;
        margin-bottom: 20px;
        margin-left: 0 !important;
    }

}

/* PrimeFaces OverWrite*/
/* -----------------------------------------------*/

/* Calendar ↓from here */
/* Calendar border */
body .ui-datepicker.ui-input-overlay {
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    box-shadow: none;
}

/* Calendar Under Date */
body .ui-datepicker .ui-datepicker-calendar td>a, body .ui-datepicker .ui-datepicker-calendar td>span {
    padding: 0;
    border-radius: 0;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    color: rgb(95, 131, 185);
    font-family: Arial,Helvetica,sans-serif;
}

/* Load Calendar Icon */
body .ui-datepicker .ui-datepicker-prev:before {
    content: url(../images/ui-icons_444444_256x240_prev.png);
}
body .ui-datepicker .ui-datepicker-next:before {
    content: url(../images/ui-icons_444444_256x240_next.png);
}
body .ui-datepicker .ui-datepicker-calendar td {
    padding: 0.2rem;
}

/* Calendar Under the icon */
body .ui-datepicker .ui-datepicker-next, body .ui-datepicker .ui-datepicker-prev {
    border-radius: 0;
    width: 1rem;
}
/* Calendar ↑up to here */

/* X of X */
body .ui-paginator .ui-paginator-current {
    color: #333333;
}

/* between lines */
body .ui-datatable .ui-paginator {
    padding: 0;
}

/* List Heading(sort) */
body .ui-datatable thead th {
    text-align: center;
}
body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before {
    content: url(../images/ui-icons_38667f_256x240_sort.png);
}
body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before {
    content: url(../images/ui-icons_ffffff_256x240_sort_up.png);
}
body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before {
    content: url(../images/ui-icons_ffffff_256x240_sort_down.png);
}

/* Page Number */
body .ui-widget {
    /* font-family: 'Noto Sans Japanese', sans-serif; */
    font-family: Arial,Helvetica,sans-serif;
}
body .ui-paginator .ui-paginator-pages .ui-paginator-page { /* normal */
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
    line-height: 1.2em;
    height: 1.5em;
    padding: 2px 6px;
    min-width: 0;
    margin: 0.075em;
}
body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { /* active */
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}
body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { /* hover */
    border-color: #c5c5c5;
    background: #ffffff;
}
/* Page |< << >> >| */
body .ui-paginator .ui-paginator-first, body .ui-paginator .ui-paginator-prev, body .ui-paginator .ui-paginator-next, body .ui-paginator .ui-paginator-last {
    border: 1px solid #c5c5c5;
    vertical-align: middle;
    line-height: 1.2em;
    height: 1.5em;
    padding: 2px 6px;
    min-width: 0;
    margin: 0.075em;
}
body .ui-paginator .ui-paginator-next.ui-state-hover, body .ui-paginator .ui-paginator-last.ui-state-hover, body .ui-paginator .ui-paginator-first.ui-state-hover, body .ui-paginator .ui-paginator-prev.ui-state-hover {
    border: 1px solid #c5c5c5;
}
body .ui-paginator .ui-paginator-next:before {
    content: url(../images/ui-icons_444444_256x240_seek_next.png);
    top: -5px;
}
body .ui-paginator .ui-paginator-last:before {
    content: url(../images/ui-icons_444444_256x240_seek_end.png);
    top: -5px;
}
body .ui-paginator .ui-paginator-prev:before {
    content: url(../images/ui-icons_444444_256x240_seek_prev.png);
    top: -5px;
}
body .ui-paginator .ui-paginator-first:before {
    content: url(../images/ui-icons_444444_256x240_seek_first.png);
    top: -5px;
}

/* checkboxの位置を調整 */
body .ui-datatable .ui-datatable-data>tr>td.checkbox {
    padding: 1rem 0.8rem;
}

/* jquery-ui.css OverWrite*/
/* -----------------------------------------------*/

/* Only the calendar date has a white background color */
body .ui-datepicker .ui-datepicker-calendar td>a {
    background: #ffffff;
}

/* Calendar Font */
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Arial,Helvetica,sans-serif;
}


/* common.css OverWrite*/
/* -----------------------------------------------*/

/* 利用申込書DL不可部分：囲み線と白背景を無効 */
div.examination table td a.ui-commandlink.ui-widget.ui-state-disabled {
    border: none;
    background: none;
}

/* hタグでcheckboxを使用する */
div.examination table input[type=checkbox] {
    display: none;
}
div.examination table input[type=checkbox] + label {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 55.5px;
    margin-right: 16px;
}
div.examination table input[type=checkbox] + label:before {
    content: '';
    display: inline-block;
    background: url(../images/check.png) 0% 0% no-repeat;
    background-size: 26px 26px;
    width: 26px;
    height: 26px;
    vertical-align: middle;
}
div.examination table input[type=checkbox]:checked + label {

}
div.examination table input[type=checkbox]:checked + label:before {
    background: url(../images/check_on.png) 0% 0% no-repeat;
    background-size: 26px 26px;
}