@charset "UTF-8";
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 100;
    src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.otf) format("opentype");
}

@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 300;
    src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.otf) format("opentype");
}

@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format("opentype");
}

@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf) format("opentype");
}

@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format("opentype");
}

@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 900;
    src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.otf) format("opentype");
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media all and (max-width: 960px) {
    .checkmark {
        height: 20px !important;
        width: 20px !important;
        top: 2px !important;
    }
    .containCheck .checkmark:after {
        left: 5px !important;
        top: 1px !important;
    }
    table th {
        vertical-align: middle !important;
        padding: 5px 0px !important;
    }
    table .btnupload.bgwhite a,
    table .btnupload.bgorange a {
        min-width: 100px !important;
    }
    .certified-regis .box-half {
        display: block !important;
    }
    .certified-regis .box-half input[type="date"],
    .certified-regis .box-half input[type="text"] {
        width: 100% !important;
    }
    .certified-regis .box-half input[type="text"] {
        margin-left: 0px !important;
        margin-top: 15px;
    }
    .certified-regis .border-green p {
        padding: 0 20px 15px 20px !important;
        font-size: larger;
    }
    .certified-regis .border-green .fixtextarea.fixtextarea2 {
        padding: 10px;
    }
    .certified-regis .table table td {
        padding: unset !important;
    }
    .certified-regis .text_left {
        margin-top: 20px;
    }
    .certified-regis .flex {
        display: inherit !important;
    }
    .certified-regis .content--inside {
        width: 96%;
        margin: 0 auto;
    }
    .certified-regis .main__body {
        min-width: initial !important;
    }
    .certified-regis .date-type {
        width: 100% !important;
    }
    .certified-regis .table-02 .width-8 {
        width: 100% !important;
    }
    .certified-regis .listQa {
        display: inline-block;
    }
    .certified-regis .table tr {
        border-bottom: none;
        display: -ms-grid;
        display: grid;
    }
    .certified-regis .table th,
    .certified-regis .table p {
        width: 100% !important;
    }
    .certified-regis .table td input[type="text"],
    .certified-regis .table td input[type="date"],
    .certified-regis .table td select {
        width: 100% !important;
    }
    .certified-regis .upload-img td,
    .certified-regis .table-02 td {
        width: 100% !important;
    }
    .certified-regis .dflex-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }
    .certified-regis .dflex-box .box-image {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 14px;
        height: 260px;
    }
    .certified-regis .dflex-box .box-image .bgorange {
        width: 60%;
        margin: 0 auto;
    }
    .certified-regis .dflex-box .box-image .text-cen {
        padding: 41px 20px;
    }
    .qualifi-applied .qualifi-app table th:nth-child(1) {
        min-width: auto;
    }
    .qualifi-applied .qualifi-app table th:nth-child(2) {
        min-width: auto;
    }
    .qualifi-applied .qualifi-app table th:nth-child(3) {
        width: auto;
    }
    .qualifi-report .tab-table#table-send table,
    .qualifi-report .tab-table2#table-send table,
    .send-report .tab-table#table-send table,
    .send-report .tab-table2#table-send table {
        min-width: 500px;
    }
    .qualifi-report .tab-table th:nth-child(2),
    .qualifi-report .tab-table2 th:nth-child(2),
    .send-report .tab-table th:nth-child(2),
    .send-report .tab-table2 th:nth-child(2) {
        min-width: auto;
    }
    .qualifi-report .tab-table th:nth-child(3),
    .qualifi-report .tab-table2 th:nth-child(3),
    .send-report .tab-table th:nth-child(3),
    .send-report .tab-table2 th:nth-child(3) {
        width: auto;
    }
    .qualifi-report .tab-table .btnblack,
    .qualifi-report .tab-table2 .btnblack,
    .send-report .tab-table .btnblack,
    .send-report .tab-table2 .btnblack {
        height: 33px;
        width: 60%;
        min-width: 60px !important;
    }
    .qualifi-report .tab-table td,
    .qualifi-report .tab-table2 td,
    .send-report .tab-table td,
    .send-report .tab-table2 td {
        vertical-align: middle;
    }
    .qualifi-report .tab-table td:nth-child(1),
    .qualifi-report .tab-table2 td:nth-child(1),
    .send-report .tab-table td:nth-child(1),
    .send-report .tab-table2 td:nth-child(1) {
        width: 25%;
    }
    .qualifi-report table,
    .send-report table {
        table-layout: auto;
    }
    .qualifi-report .dflex-nospace,
    .send-report .dflex-nospace {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .qualifi-report .qualifi--detail table td:nth-child(2),
    .send-report .qualifi--detail table td:nth-child(2) {
        width: 15%;
        vertical-align: middle;
    }
    .qualifi-report .qualifi--detail table th:nth-child(2),
    .send-report .qualifi--detail table th:nth-child(2) {
        min-width: 100px;
    }
    .qualifi-report .btnupload,
    .send-report .btnupload {
        width: 102px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 auto;
    }
    .qualifi-report .btnupload span,
    .send-report .btnupload span {
        line-height: 1.2;
    }
    .qualifi .qualifi--item {
        padding: 20px;
    }
    .qualifi--detail .tab-table table #qualifi-report {
        min-width: 700px !important;
    }
    .qualifi--detail table td:nth-child(2) {
        width: 15%;
        vertical-align: middle;
    }
    .qualifi--detail-page .btnblack {
        height: 46px !important;
        width: 102% !important;
    }
    .qualifi--detail-page .btnblack img {
        height: 17px;
    }
    .qualifi--detail-page .btnblack span {
        margin-left: 5px !important;
        font-size: smaller;
    }
}

@media all and (max-width: 960px) and (max-width: 376pxpx) {
    .qualifi--detail-page .btnblack {
        height: 46px !important;
        width: 102% !important;
    }
}

@media all and (max-width: 960px) {
    .qualifi--detail-page .table-report th:nth-child(1) {
        min-width: 155px !important;
    }
    .qualifi-applied--page .qualifi-app td:last-child,
    .qualifi-applied--page .qualifi-app th:last-child,
    .qualifi-applied--page .qualifi-re td:last-child,
    .qualifi-applied--page .qualifi-re th:last-child {
        white-space: nowrap !important;
    }
    .regis--done .title--block .header-tit {
        font-size: 20px;
    }
    .regis--done .txt-contents p {
        font-size: smaller;
        padding: 0 20px;
    }
    .upload--image-page .pageupload--img .content--boxwhite {
        margin-top: 10%;
    }
    .qualifi--detail-page .table-report th:nth-child(1) {
        min-width: 155px !important;
    }
    .qualifi-detail--page .tab-table2 th {
        padding: 12px 0 !important;
    }
    .qualifi-detail--page .tab-table2 th:nth-child(1) {
        width: 45%;
    }
    .send-report--page .tab-table2 th {
        padding: 12px 0 !important;
    }
    .send-report--page .tab-table2 th:nth-child(1) {
        width: 40%;
    }
    .upload-file .flex {
        display: block !important;
    }
    .upload-file .main__body {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: end !important;
    }
    .upload-file .uploadimg {
        width: 93%;
        margin: 0 auto;
    }
    .upload-file .content--boxwhite .upload-file .bgorange a,
    .upload-file .content--boxwhite .upload-file .bgwhite a {
        margin: 0 auto;
        width: 50% !important;
    }
    .upload-file .content--boxwhite .upload-file img {
        margin: 40px 0 !important;
        width: 30%;
    }
}

@media all and (max-width: 960px) and (min-width: 769px) {
    .upload-file .flex {
        display: block !important;
    }
    .upload-file .main__body {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: end !important;
    }
    .upload-file .uploadimg {
        width: 93%;
        margin: 0 auto;
    }
    .upload-file .content--boxwhite .upload-file .bgorange a,
    .upload-file .content--boxwhite .upload-file .bgwhite a {
        margin: 0 auto;
        width: 40% !important;
    }
    .upload-file .content--boxwhite .upload-file img {
        margin: 20px 0 !important;
        width: 20%;
    }
}

@media all and (max-width: 400px) {
    .tab-table .btnblack {
        height: 35px !important;
    }
}

/* The container */
.containCheck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 10px;
}

/* Hide the browser's default checkbox */
.containCheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ffffff;
    border: 1px solid #95AE70;
    border-radius: 5px;
}

/* On mouse-over, add a grey background color */
/* When the checkbox is checked, add a blue background */
.containCheck input:checked ~ .checkmark {
    background-color: #95AE70;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.containCheck input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.containCheck .checkmark:after {
    left: 8px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.cl-red {
    color: red;
}

.numnotice {
    border-radius: 100%;
    background: #DD2020;
    color: #fff;
    min-width: 22px;
    width: 22px;
    height: 22px;
    margin-right: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.btn-gray {
    min-width: 85px;
    background-color: #D6D7D6;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: white;
}

.btn-border-green {
    min-width: 85px;
    border: 1px solid #95AE70;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #95AE70 !important;
}

.btn-border-gray {
    min-width: 85px;
    border: 1px solid #D6D7D6;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #D6D7D6 !important;
}

.forget-pass .txtnotice,
.reset-pass .txtnotice {
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
}

.forget-pass .header,
.reset-pass .header {
    display: block !important;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    padding: 0px;
    margin: 30px 0px 0px 30px;
}

.forget-pass .header .header__top,
.reset-pass .header .header__top {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50px;
    width: auto !important;
    height: auto;
    -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
    display: inline-block !important;
    padding: 2px 40px 2px 30px;
    border-radius: 100px;
}

.forget-pass .header .header__top img,
.reset-pass .header .header__top img {
    height: auto !important;
}

.forget--password .content--boxwhite,
.reset-pass .content--boxwhite {
    height: auto;
    max-width: 1477px;
    margin: 0 auto;
}

@media all and (max-width: 1500px) {
    .forget--password .content--boxwhite,
    .reset-pass .content--boxwhite {
        max-width: 1200px;
    }
}

@media all and (max-width: 1201px) {
    .forget--password .content--boxwhite,
    .reset-pass .content--boxwhite {
        max-width: 94%;
    }
}

.forget--password .table table,
.reset-pass .table table {
    width: 90%;
    table-layout: auto;
    margin: 0 auto;
}

.forget--password .table table th,
.reset-pass .table table th {
    width: 20%;
}

.forget--password .title-content h2,
.reset-pass .title-content h2 {
    text-align: center;
    font-size: 32px;
    margin-top: 20px;
}

.forget--password .title-content .txt-contents,
.reset-pass .title-content .txt-contents {
    text-align: center;
    margin: 30px 0 30px 0;
}

.forget--password .block--btn,
.reset-pass .block--btn {
    margin-bottom: 30px !important;
}

.block--btn a {
    white-space: nowrap;
}

.text_red {
    color: red;
    text-align: left;
}

.border-none {
    border-bottom: none !important;
}

.forget--password {
    margin: 0px !important;
    max-width: 100% !important;
    background-position: top -20px left -20px !important;
    background-size: cover;
    border-radius: 0px !important;
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 !important;
    flex: 1 !important;
    background-size: 120% !important;
    padding: 0px !important;
    padding-top: 14% !important;
}

.forget--password form input[type=text] {
    background: -webkit-gradient(linear, left bottom, left top, from(#F6F6F6), to(#F6F6F6));
    background: -webkit-linear-gradient(bottom, #F6F6F6, #F6F6F6);
    background: -o-linear-gradient(bottom, #F6F6F6, #F6F6F6);
    background: linear-gradient(0deg, #F6F6F6, #F6F6F6);
}

.forget--password .buttonsutmit a {
    font-size: 20px;
    font-weight: bold;
    background: #f86060;
    display: block;
    padding: 20px 20px;
    width: 300px;
    margin: 0 auto !important;
}

.forget--password .btn-back img {
    background: white;
}

.hide-logout header .header__top--icon .icon--logout {
    display: none !important;
}

article.regis--done {
    text-align: center !important;
}

.regis--done {
    margin-top: 5%;
}

.regis--done .title--block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.regis--done .title--block img {
    width: 32px;
}

.regis--done .header-tit {
    font-size: 38px;
    font-weight: bold;
    margin-left: 15px;
}

@media all and (max-width: 960px) {
    .regis--done .header-tit {
        margin-left: 5px;
    }
}

.regis--done .txt-contents {
    margin: 40px 0;
}

.regis--done .txt-contents img {
    width: 25px;
    margin: 7px;
}

.regis--done .txt-contents p,
.regis--done .txt-contents span {
    font-size: 16px;
    margin: 15px 0;
}

@media all and (max-width: 960px) {
    .regis--done .txt-contents p,
    .regis--done .txt-contents span {
        font-size: 14px;
    }
}

.regis--done .txt-contents .fz-large {
    font-size: 23px;
    font-weight: 700;
}

.regis--done .txt-contents .bold p,
.regis--done .txt-contents .bold span {
    font-weight: bold !important;
}

.btncsv-import {
    background: #717171;
    border-radius: 50px;
    padding: 10px 20px;
}

.btncsv-import span {
    color: #D6D7D6 !important;
}

.btnpass {
    min-width: 85px;
    border: 1px solid #95AE70 !important;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #95AE70 !important;
    background: white !important;
}

.btnfall {
    min-width: 85px;
    border: 1px solid #D6D7D6 !important;
    background-color: #D6D7D6 !important;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.bggray {
    background: #D6D7D6;
}

.cl-gray {
    color: #868686;
}

.btncsv-import {
    background: #95AE70;
}

.btncsv-import span {
    color: white !important;
}

.btncsv-down {
    background: black;
    color: white;
    border-radius: 50px;
    padding: 10px 20px;
}

.btn-back {
    margin: 5px;
}

.btn-back a {
    cursor: pointer;
}

.addingtxt {
    color: #547580;
}

.nav-tabs .nav-link {
    background: #D9D9D9;
    height: 55px;
    width: 200px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 25px 25px 0px 0;
}

.nav-tabs .nav-link a {
    color: #ffffff;
    cursor: pointer;
}

.nav-tabs .active {
    background: #95AE70;
}

.nav-tabs .nav-link2 {
    background: #CDCDD1;
    height: 65px;
    margin-right: 2px;
    width: 220px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 25px 25px 0px 0;
}

.nav-tabs .nav-link2 a {
    color: #ffffff;
    cursor: pointer;
    font-size: 15px;
    text-align: center;
}

.nav-tabs .active2 {
    background: white !important;
}

.nav-tabs .active2 a {
    color: #000 !important;
    font-weight: bold;
    text-align: center;
    font-size: 15px !important;
}

.btn-black {
    border-radius: 50px;
    text-align: center;
    color: #fff;
    padding: 5px 14px 7px;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin: 0 5px;
    background-color: #000;
}

.w32p {
    width: 32px;
}

.btn-bordergreen {
    color: #95AE70 !important;
    background: white;
    width: 100px !important;
    margin: 0 auto !important;
    padding: 12px 0 14px;
    border: 1px solid #95AE70;
    border-radius: 50px;
    height: 40px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.m-auto {
    margin: 0 auto !important;
}

.tab-table {
    display: none;
}

.tab-table#qualifi-application,
.tab-table#content-1 {
    display: block;
}

.tab-table#qualifi-report a {
    cursor: pointer;
}

.tab-table#qualifi-report .dflex-nospace {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 240px;
    margin: 0 auto;
}

.tab-table#qualifi-report .btn-border-green {
    color: #95AE70 !important;
    background: white;
    width: 100px !important;
    margin: unset;
    padding: 12px 0 14px;
    border: 1px solid #95AE70;
    border-radius: 50px;
    height: 40px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.tab-table .btnblack {
    color: white;
    background: black;
    padding: 12px 0 14px;
    width: 70%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    height: 45px;
    border-radius: 50px;
}

.tab-table .btnupload.bgorange a,
.tab-table .btnupload.bgorange button {
    background: #FD813E;
}

.tab-table .btnupload a,
.tab-table .btnupload button {
    min-width: 140px !important;
    border-radius: 50px !important;
    font-size: 16px;
    padding: 0px !important;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin: 0 auto;
}

.tab-table .btnupload span {
    color: white;
}

.tab-table .btnupload .fz15 {
    font-size: 15px;
}

.tab-table .btnupload.bgwhite a,
.tab-table .btnupload.bgwhite button {
    color: #FD813E;
    background: white;
    border: 1px solid #FD813E;
}

.btnupload.bgorange a,
.btnupload.bgorange button {
    background: #FD813E;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.btnupload a,
.btnupload button {
    min-width: 140px !important;
    border-radius: 50px !important;
    font-size: 16px;
    padding: 0px !important;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin: 0 auto;
}

.btnupload span {
    color: white;
}

.btnupload .fz15 {
    font-size: 15px;
}

.btnupload.bgwhite a,
.btnupload.bgwhite button {
    color: #FD813E;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: white;
    border: 1px solid #FD813E;
}

.clrwhite {
    color: white !important;
}

.clr-cam {
    color: #FD813E;
}

.qualifi-page .modal-content {
    width: 500px;
    padding: 0px;
}

.qualifi-page .title {
    text-align: left !important;
    border-bottom: 1px solid #CDCDCD;
}

.qualifi-page .title .nav-link {
    font-size: 16px;
    background: white;
    height: 50px;
    width: 160px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 25px 25px 0px 0;
}

.qualifi-page .title .nav-link a {
    cursor: pointer;
    color: black;
    font-weight: 600;
}

.qualifi-page .title .unactive {
    background: #EEEEEE;
    border-radius: 0 25px 0px 0;
}

.qualifi-page .title .unactive a {
    color: #CDCDCD;
    font-weight: unset !important;
}

.qualifi-page .popupContent p {
    padding: 0 40px 40px 40px;
}

.btn-bder-green {
    color: #95AE70 !important;
    background: white;
    padding: 12px 0 14px;
    border: 1px solid #95AE70;
    border-radius: 50px;
}

.btn-bder-orange {
    color: #FD813E !important;
    background: white;
    padding: 12px 0 14px;
    border: 1px solid #FD813E;
    border-radius: 50px;
}

.btn-back img {
    width: 30px;
}

.txt-center {
    text-align: center;
}

.content__document .popupContent .btn--block,
.judge .popupContent .btn--block,
.user-supadmin .popupContent .btn--block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 7%;
}

.question_type .popupContent button,
.content__document .popupContent button,
.judge .popupContent button,
.user-supadmin .popupContent button {
    height: 50px;
    width: 48%;
    color: white;
}

.question_type .popupContent .btndel,
.content__document .popupContent .btndel,
.content__document .popupContent .btndel,
.judge .popupContent .btndel,
.user-supadmin .popupContent .btndel {
    margin: 0 1%;
    background: #EC5F56;
    border-radius: 10px;
}

.question_type .popupContent .cancel,
.content__document .popupContent .cancel,
.judge .popupContent .cancel,
.user-supadmin .popupContent .cancel {
    margin: 0 1%;
    background: #3F3B3A;
    border-radius: 10px;
}

.content__document .popupContent .bgorg {
    color: #fff !important;
    border-radius: 10px;
}

.content__document .popupContent .selectBox {
    margin-top: 30px;
    text-align: center;
}

.content__document .popupContent .selectBox select {
    border: 1px solid #95AE70;
    color: #95AE70;
    max-width: 220px;
    text-align: center;
    margin: 0 auto;
}

.navtab {
    background-color: #EEEEEE;
    border-radius: 26px 26px 0px 0px;
    display: inline-block;
}

.navtab .nav-link {
    background: transparent !important;
    height: 68px !important;
    border-radius: 20px 20px 0px 0px !important;
}

.modal-content-box .title {
    line-height: 0 !important;
    border-color: #EEEEEE !important;
}

.content__document .modal-content-box .title,
.judge .modal-content-box .title,
.user-supadmin .modal-content-box .title {
    line-height: normal !important;
}

.modal-content-box .title .nav-link.active {
    background-color: #fff !important;
    position: relative;
    border: 1px solid #ddd !important;
    border-bottom: none !important;
    color: #CDCDCD !important;
}

.modal-content-box .title .nav-link.active:after {
    content: "";
    height: 10px;
    width: 100%;
    position: absolute;
    bottom: -5px;
    display: block;
    background-color: #fff;
}

.display-b {
    display: block;
}

.display-n {
    display: none;
}

.send-report .modal-content {
    padding: 20px;
}

@media all and (max-width: 960px) {
    .send-report .modal-content {
        width: 90%;
    }
}

.send-report .modal-content .popupContent .dflex {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.send-report .modal-content .popupContent button {
    color: white;
    padding: 10px 30px;
    border-radius: 14px;
    width: 45%;
    height: 50px !important;
}

@media all and (max-width: 960px) {
    .send-report .modal-content .popupContent button {
        font-size: 14px;
        padding: 10px;
    }
}

.send-report .modal-content .popupContent .btndel {
    background: #FD813E;
    width: 100%;
    margin: 0px 10px;
}

.send-report .block--btn .btnupload a {
    width: 80% !important;
    margin: 0 auto !important;
}

.qualifi-detail--page .tab-table2 table,
.send-report--page .tab-table2 table {
    table-layout: fixed;
}

@media all and (max-width: 600px) {
    .qualifi-detail--page .tab-table2 table tr th:first-child,
    .send-report--page .tab-table2 table tr th:first-child {
        width: 130px;
    }
}

.qualifi-detail--page .tab-table2 table tr th:last-child,
.send-report--page .tab-table2 table tr th:last-child {
    width: 190px;
}

@media all and (max-width: 600px) {
    .qualifi-detail--page .tab-table2 table tr th:last-child,
    .send-report--page .tab-table2 table tr th:last-child {
        width: 80px;
    }
}

.qualifi-detail--page .btnupload.block--btn.bgwhite a,
.qualifi-detail--page .block--btn.btnupload.bgorange a,
.send-report--page .btnupload.block--btn.bgwhite a,
.send-report--page .block--btn.btnupload.bgorange a {
    width: 60%;
    margin: 0 auto;
    padding: 0 5px !important;
    max-width: 250px;
    min-width: 200px !important;
}

@media all and (max-width: 600px) {
    .qualifi-detail--page .btnupload.block--btn.bgwhite a,
    .qualifi-detail--page .block--btn.btnupload.bgorange a,
    .send-report--page .btnupload.block--btn.bgwhite a,
    .send-report--page .block--btn.btnupload.bgorange a {
        max-width: 250px;
        min-width: 120px !important;
    }
}

.qualifi-detail--page .btnupload.block--btn.bgwhite span,
.qualifi-detail--page .block--btn.btnupload.bgorange span,
.send-report--page .btnupload.block--btn.bgwhite span,
.send-report--page .block--btn.btnupload.bgorange span {
    overflow: hidden !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    word-wrap: break-word;
    display: inline-block !important;
}

.qualifi-detail--page .btnupload.block--btn.bgwhite span,
.send-report--page .btnupload.block--btn.bgwhite span {
    color: #FD813E;
}

.btnupload a {
    min-width: 140px !important;
}

.btnupload span {
    color: white;
}

.btnupload .fz15 {
    font-size: 15px;
}

.btnswitch {
    cursor: pointer;
}

.dn {
    display: none;
}

.d-hidden {
    visibility: hidden;
}

.border-none {
    border: none !important;
}

.clrred {
    color: #DD2020;
}

.clrblue {
    color: #3293ED;
}

tr input[type="checkbox"] {
    position: relative !important;
    left: 0 !important;
}

.dflex-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bggblack {
    background: #000;
}

.clrwhite {
    color: white !important;
}

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

.maw-80 {
    max-width: 60px !important;
}

.btn-border-org {
    border: 1px solid #FD813E;
    color: #FD813E !important;
}

.document-page .content--boxwhite,
.manager--report .content--boxwhite,
.manager--renewal .content--boxwhite {
    border-radius: 0px 20px 20px 20px !important;
}

.align-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.align-end img {
    width: 25px;
}

.round {
    color: white;
    border-radius: 50%;
    font-size: 15px;
    height: 50px;
    width: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 5px;
}

.round-bglightblue {
    background: #A2D0C1 !important;
}

.round-bgred {
    background: #F86060 !important;
}

.table-report-detail .btn-border-green {
    font-size: 15px !important;
    padding: 12px 40px 14px !important;
    height: 44px !important;
    margin-left: 10px !important;
}

.manager--report .pointer {
    cursor: pointer;
}

.manager--report .box-last button {
    padding: 8px 0;
    border-radius: 3px;
    margin: 0 auto;
    width: 80%;
    margin-left: 30px;
}

.manager--report .box-last button span {
    color: #000 !important;
}

.manager--report .box-last .grey-bg {
    background: #DBDBDB;
}

.manager--report .box-last .grey-bg span {
    color: #000 !important;
}

.manager--report .box-last .grey-bg.blue-bg span,
.manager--report .box-last .grey-bg.red-bg span,
.manager--report .box-last .grey-bg.black-bg span {
    color: white !important;
}

.manager--report .box-last .blue-bg {
    background: #A2D0C1;
}

.manager--report .box-last .red-bg {
    background: #F86060;
}

.manager--report .box-last .black-bg {
    background: black;
}

.manager--report a.btn-border-orange {
    color: #FD813E !important;
    background: white;
    width: 100px !important;
    margin: unset;
    padding: 12px 0 14px;
    border: 1px solid #FD813E;
    border-radius: 50px;
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.manager--report a.btn-border-black {
    color: black !important;
    background: white;
    width: 100px !important;
    margin: unset;
    padding: 12px 0 14px;
    border: 1px solid black;
    border-radius: 50px;
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.manager--report .button-full button.bggreen {
    display: block;
    color: #fff;
    height: 40px !important;
    padding: 5px 10px !important;
    border-radius: 50px;
    position: relative;
    width: 100%;
}

.manager--report table td {
    border: none !important;
}

.manager--report .table1 tbody select {
    width: 70%;
}

.manager--report .nowrap {
    white-space: nowrap;
}

.manager--report .box-green {
    height: auto;
    background-color: #F5F9EF;
    border-radius: 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.manager--report .box-green .content-left {
    width: 55%;
}

.manager--report .box-green .content-right {
    width: 40%;
}

.manager--report .box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.manager--report .box .content-left,
.manager--report .box .content-center,
.manager--report .box .content-right {
    width: 50%;
}

.manager--report .box .span {
    text-align: center !important;
}

.manager--report .comment {
    font-weight: bold;
    white-space: nowrap;
}

.manager--report .border-bt {
    border-bottom: 1px solid #E9E8E8;
}

.manager--report .border-top {
    border-top: 1px solid #E9E8E8;
}

.manager--report .content-left-e .dflex-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bggreen {
    background-color: #95AE70;
    text-align: center !important;
}

.bggreen tr th {
    border: 1px solid rgba(255, 255, 255, 0.514);
    color: white;
}

.bggreen tr:first-child th {
    vertical-align: middle !important;
    color: white !important;
}

.bggreen tr:first-child th:first-child {
    border-top-left-radius: 30px;
}

.bggreen tr:first-child th:last-child {
    border-top-right-radius: 30px;
    border-left: none;
}

.dflex-nospace {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.errors-txt p {
    color: red;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.dflex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.report--detail-popup2 .btn--block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5%;
}

.report--detail-popup2 button {
    height: 50px;
    width: 48%;
    color: white;
}

.report--detail-popup2 .btnsend {
    margin: 0 1%;
    background: #c5c5c5;
    border-radius: 10px;
}

.report--detail-popup2 .active {
    background: #3293ED !important;
}

.report--detail-popup2 .cancel {
    margin: 0 1%;
    background: #3F3B3A;
    border-radius: 10px;
}

.report--detail-popup2 h4 {
    font-weight: 500;
    font-size: 18px;
}

.report--detail-popup2 .modal-content {
    padding: 50px 72px !important;
    width: 578px !important;
}

.report--detail-popup2 .popupContent2 {
    margin-top: 7%;
}

.report--detail-popup2 .modal-content-box li {
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 36%;
    flex-basis: 36%;
}

.report--detail-popup2 .modal-content-box li:last-child {
    border-bottom: none !important;
}

.report--detail-popup2 .modal-content-box li .containCheck {
    margin-bottom: 0px !important;
}

.report--detail-popup2 .modal-content-box li label {
    margin-right: 25px;
    white-space: nowrap;
}

.report--detail-popup2 .modal-content-box li input[type="radio"] {
    position: relative;
    left: auto;
    margin-right: 15px;
    margin-left: 20px;
}

.report--detail-popup .modal-content {
    width: 585px;
}

.report--detail-popup .modal-content textarea {
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

.report--detail-popup .modal-content .title {
    text-align: left;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
}

.report--detail-popup .modal-content .popupContent {
    border: 2px solid #EAEAEA;
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px;
}

.report--detail-popup .modal-content .btn-row {
    text-align: center;
}

.report--detail-popup .modal-content .btn-row .btnregis {
    background: #3293ED;
    border-radius: 10px;
    color: white;
    padding: 13px;
    margin-top: 25px;
    width: 190px;
}

.manager--report .renewal--report-table,
.manager--report .manager--report-table,
.manager--renewal .renewal--report-table,
.manager--renewal .manager--report-table {
    border-collapse: collapse;
    display: block;
}

.manager--report .renewal--report-table tbody,
.manager--report .manager--report-table tbody,
.manager--renewal .renewal--report-table tbody,
.manager--renewal .manager--report-table tbody {
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
}

.manager--report .renewal--report-table thead,
.manager--report .renewal--report-table tbody,
.manager--renewal .renewal--report-table thead,
.manager--renewal .renewal--report-table tbody,
.manager--renewal .manager--report-table thead,
.manager--renewal .manager--report-table tbody {
    display: block;
}

.manager--report .renewal--report-table tbody,
.manager--report .manager--report-table tbody,
.manager--renewal .renewal--report-table tbody,
.manager--renewal .manager--report-table tbody {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 500px;
}

.manager--report .renewal--report-table td,
.manager--report .renewal--report-table th,
.manager--report .manager--report-table td,
.manager--report .manager--report-table th,
.manager--renewal .renewal--report-table td,
.manager--renewal .renewal--report-table th,
.manager--renewal .manager--report-table td,
.manager--renewal .manager--report-table th {
    overflow: hidden;
}

.table--fixed-judge tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 240px 240px 320px 320px 240px [4] 320px;
    grid-template-columns: 240px 240px 320px 320px repeat(4, 240px) 320px;
}

.table--fixed-document tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 40px 110px 155px 200px 200px [4] 0px;
    grid-template-columns: 40px 110px 155px 200px repeat(4, 200px) 0px;
}

.mwinherrit {
    min-width: inherit !important;
}

.table--fixed-report tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 250px 270px 290px 300px 300px [4] 0px;
    grid-template-columns: 250px 270px 290px 300px repeat(4, 300px) 0px;
}

.table--fixed-renewal tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 296px 270px 300px [3] 240px;
    grid-template-columns: 296px 270px repeat(3, 300px) 240px;
}

.table--fixed-review tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 272px 237px 292px [2] 326px;
    grid-template-columns: 272px 237px repeat(2, 292px) 326px;
}

.manager--judge table {
    border-collapse: collapse;
    display: block;
}

.manager--judge table tbody,
.manager--document table tbody {
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
}

.manager--judge thead,
.manager--judge tbody {
    display: block;
}

.manager--judge tbody,
.manager--document tbody {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 500px;
    width: 1000px;
}

.manager--judge td,
.manager--judge th,
.manager--document td,
.manager--document th {
    overflow: hidden;
}

.manager--judge .tab-table table td:nth-child(1),
.manager--judge .tab-table table td:nth-child(2),
.manager--document .tab-table table td:nth-child(1),
.manager--document .tab-table table td:nth-child(2) {
    min-width: 80px;
}

.tableFixHead {
    overflow-y: auto;
    /* Hide vertical scrollbar */
    height: 700px;
}

.tableFixHead thead th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
}

.report--detail .button-full .bggreen {
    display: block;
    color: #fff;
    height: 40px !important;
    padding: 5px 10px !important;
    border-radius: 50px;
    position: relative;
    width: 100%;
}

.report--detail span {
    cursor: default;
}

.report--detail .btn-border-orange {
    margin: 0 7px !important;
}

.report--detail .reportto {
    margin: 34px 0 30px 30px;
}

.report--detail .reportto.reportto-fix {
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 10px;
    display: block;
}

.report--detail .popupTos2 .modal-content-box li {
    border-bottom: 1px solid #eee;
    padding-bottom: 7px;
    font-size: 30px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 36%;
    flex-basis: 36%;
}

.report--detail .popupTos2 .modal-content-box li .containCheck {
    margin-bottom: 0px !important;
}

.report--detail .popupTos2 .modal-content-box li label {
    margin-right: 25px;
    white-space: nowrap;
}

.report--detail .popupTos2 .modal-content-box li input[type="radio"] {
    position: relative;
    left: auto;
    margin-right: 15px;
    margin-left: 20px;
}

.report--detail .popupContent .radio-btns {
    font-size: smaller;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 36%;
    flex-basis: 36%;
}

.report--detail .popupContent .radio-btns .containCheck {
    margin-bottom: 0px !important;
}

.report--detail .popupContent .radio-btns label {
    margin-right: 25px;
    white-space: nowrap;
}

.report--detail .popupContent .radio-btns input[type="radio"] {
    position: relative;
    left: auto;
    margin-right: 15px;
    margin-left: 20px;
}

.report--detail .clickpop {
    margin: 0 !important;
}

.report--detail .clickpop .bgblack {
    cursor: pointer !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.report--detail .clickpop .bgblack span {
    color: white;
    margin-left: 7px;
    cursor: pointer !important;
}

.report--detail .btn-border-green,
.report--detail .btn-border-green {
    background: white;
    width: 100px !important;
    margin: unset;
    padding: 12px 0 14px;
    border-radius: 50px;
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.report--detail2 .btn-border-org2 a {
    overflow: hidden !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    word-wrap: break-word;
    width: 60%;
    margin: 0 auto;
    padding: 0 5px !important;
    max-width: 250px;
    min-width: 200px !important;
    padding: 10px 20px !important;
}

@media all and (max-width: 600px) {
    .report--detail2 .btn-border-org2 a {
        max-width: 250px;
        min-width: 120px !important;
    }
}

.report--detail2 .bggray {
    background: #DBDBDB !important;
}

.report--detail2 .reportto {
    margin-left: 20px;
    font-weight: bold;
}

.report--detail2 .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.report--detail2 .box-green {
    display: revert !important;
}

.report--detail2 .box-green .flex-space {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.report--detail2 .box-green .flex-space .nowrap {
    margin-right: 20px;
}

.report--detail2 .txtnotice {
    bottom: unset !important;
    position: unset;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 50px;
}

.report--detail2 .txtnotice .flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.report--detail2 .content--boxwhite {
    border-radius: 20px !important;
}

.report--detail2 .btn_close {
    right: 50px !important;
    top: 135px !important;
}

.report--detail2 .bg-light-1 {
    background: #E7EDDF !important;
    padding: 10px 20px;
    cursor: default;
}

.report--detail2 .bg-light-1 span {
    color: #F86060;
}

.report--detail2 .bg-light-1:hover {
    opacity: unset !important;
}

.report--detail2 .bg-light-2 {
    cursor: default;
    background: #E7EDDF !important;
    padding: 10px 20px;
}

.report--detail2 .bg-light-2 span {
    color: #95AE70;
}

.report--detail2 .bg-light-2:hover {
    opacity: unset !important;
}

.report--detail2 .btn-border-org span {
    color: #FD813E;
}

.report--detail2 .btn-border-orange {
    background: transparent !important;
}

.report--detail2 .bgorange {
    background: #FD813E;
    padding: 10px 20px;
}

.report--detail2 .bgorange span {
    color: white;
}

.table--scroll.tab-table {
    overflow-x: auto !important;
}

.table--scroll.tab-table table {
    min-width: 1000px;
}

.nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media all and (max-width: 1500px) {
    .nav-tabs .nav-link2 {
        width: auto;
        padding-left: 12px;
        padding-right: 12px;
    }
    .nav-tabs .nav-link2 a {
        font-size: 13px;
    }
}

@media all and (max-width: 1400px) {
    .nav-tabs .nav-link2 a {
        font-size: 13px;
    }
}

@media all and (max-width: 1200px) {
    .nav-tabs .nav-link2 {
        padding-left: 10px;
        padding-right: 10px;
        height: 54px !important;
    }
    .nav-tabs .nav-link2 a {
        font-size: 14px !important;
    }
}

.fcc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.clrblack {
    color: black !important;
}

.manager--judge .table select,
.manager--judge .table input[type="date"] {
    color: #000;
}

.dflex__start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.dflex__end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.dflex__center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.nowrap {
    white-space: nowrap;
}

.review--page table td:nth-child(4),
.review--page table td:nth-child(3),
.review--page table td:nth-child(5) {
    min-width: 300px !important;
}

.news {
    padding: 50px;
}

.news--pager ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.news--pager ul li {
    margin-left: 10px;
}

.news--pager ul a {
    border: 1px solid #E9E8E8;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    display: block;
    text-align: center;
}

.news--pager ul .active a {
    background: #FD813E;
    color: #fff;
    border-color: #FD813E;
}

.news--pager ul .firstlast a {
    white-space: nowrap;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 45px;
}

.p-relative {
    position: relative !important;
}

.comment-area textarea {
    width: 160% !important;
    margin-left: -17% !important;
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.d-flex-st {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.review--sheet .mr150 {
    margin-right: 150px;
}

.review--sheet .content--boxwhite {
    padding: 60px 190px !important;
}

.review--sheet .clrwhite {
    color: #fff;
}

.review--sheet .status {
    color: white;
}

.review--sheet .dflex-st {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.review--sheet .vertitop .check-box p {
    text-align: left;
}

.review--sheet .vertitop .check-box p span {
    margin-left: 20px;
}

.review--sheet [type="radio"]:checked + label:after,
.review--sheet [type="radio"]:not(:checked) + label:after,
.review--sheet [type="checkbox"]:checked + label:after,
.review--sheet [type="checkbox"]:not(:checked) + label:after {
    background: transparent !important;
}

.review--sheet [type="radio"]:not(:checked) + label,
.review--sheet [type="checkbox"]:not(:checked) + label {
    width: 20px;
    height: 20px;
    color: #000;
    border-radius: 5px;
    background: white !important;
    border: 1px solid #E5E9CC;
    min-width: 30px;
    margin-right: 15px;
    padding: 12px 8px !important;
}

.review--sheet [type="radio"]:checked + label,
.review--sheet [type="checkbox"]:checked + label {
    width: 20px !important;
    height: 20px !important;
    border-radius: 5px;
    border: 1px solid #E5E9CC;
    min-width: 30px;
    margin-right: 15px;
    padding: 12px 8px !important;
}

.review--sheet .btnregist {
    padding: 15px 50px;
    background-color: #F86060;
}

.review--sheet .bor-radius {
    border-radius: 50px;
}

.review--sheet .border-green {
    border: 1px solid #95AE70;
    border-radius: 20px;
}

.review--sheet .border-green hr {
    width: 95%;
    margin: 0 auto;
    background-color: #E9E8E8 !important;
    border: 0;
}

.review--sheet .border-green .box-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.review--sheet .border-green .box-content .half {
    width: calc((100% - 5px)/2);
    position: relative;
    padding: 20px 60px;
}

.review--sheet .border-green .box-content .half:before {
    content: "";
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    width: 45px;
    height: 32px;
    display: block;
    right: 15px;
    background-size: 30% contain;
}

.review--sheet .border-green .box-content .half span {
    color: #5B5B57;
}

.review--sheet .border-green .txt-center {
    text-align: center;
}

.review--sheet .border-green .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 42px;
}

.review--sheet .border-green p {
    color: #95AE70;
}

.review--sheet .align-left {
    text-align: left;
}

.review--sheet .width200 {
    width: 400px;
}

.review--sheet [type="radio"]:checked + label:after {
    background: none !important;
    width: 40px;
}

.review--sheet [type="checkbox"]:checked + label:after {
    background: none !important;
    width: 40px;
}

.review--sheet .status-btn {
    width: 70px;
    display: inline-block;
    color: white;
    border-radius: 5px;
    border: 1px solid #FFD89E;
    margin-right: 10px;
}

.review--sheet .bg-green {
    background-color: #95AE70;
    border-radius: 20px !important;
    height: 42px !important;
    width: 100%;
}

.review--sheet .bg-orange {
    background-color: #FD813E;
    border-radius: 20px !important;
    height: 42px !important;
    width: 100%;
}

.review--sheet .bg-orange .status-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.review--sheet .bg-orange .status-block .bgwhite {
    color: #FD813E;
    background: white;
}

.review--sheet .bg-orange .status-block [type="radio"]:not(:checked) + label {
    width: 80px !important;
    border: 1px solid #FFD89E;
    color: #FFD89E;
    background: transparent !important;
}

.review--sheet .bg-orange .status-block [type="radio"]:checked + label {
    width: 80px !important;
    border: 1px solid white;
    color: #FD813E;
    background: white;
}

.review--sheet .bg-orange p {
    color: white;
    text-indent: 1rem;
    font-size: larger;
}

.review--sheet .border {
    border-radius: 20px !important;
    height: 42px !important;
    padding: 0px;
    width: 100%;
}

.review--sheet .border p {
    color: #FD813E;
    text-align: left;
    font-size: 14px;
}

.review--sheet .table--stylehead table tbody tr:last-child td {
    border-bottom: none;
}

.review--sheet .border-bt {
    border-bottom: 1px solid #E9E8E8 !important;
}

.review--sheet table {
    table-layout: auto !important;
}

.review--sheet table tr {
    border-bottom: 1px solid #E9E8E8;
}

.review--sheet table tr:first-child {
    border-bottom: none;
}

.review--sheet table th {
    padding: 7px 5px !important;
}

.review--sheet table th:first-child {
    border-radius: 40px 0 0 40px;
}

.review--sheet table th:last-child {
    border-radius: 0 40px 40px 0px;
}

.review--sheet table.tborange tbody tr td:first-child {
    width: 10% !important;
    min-width: 115px !important;
}

.review--sheet table tbody tr td {
    border-top: none !important;
}

.review--sheet table tbody tr td:first-child {
    width: 63% !important;
}

.fixtextarea2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 30px;
}

.fixtextarea2 span {
    color: #5B5B57;
}

.fixtextarea2 .dflex-st {
    width: calc(50% - 20px);
    width: -ms-calc(50% - 20px);
    width: -o-calc(50% - 20px);
    margin-right: 40px;
    float: left;
    margin-bottom: 20px;
}

.fixtextarea2 .dflex-st:nth-child(2n) {
    margin-right: 0px;
}

.fixtextarea2 .dflex-st:nth-last-child(1) {
    margin-bottom: 0px !important;
}

.fixtextarea2 .dflex-st:nth-last-child(2) {
    margin-bottom: 0px !important;
}

.btnicoback {
    background: url(../images/ico-back.svg) no-repeat left center;
    display: block;
    min-height: 30px;
    line-height: 30px;
    background-size: 30px;
    font-weight: bold;
    font-size: 24px;
    padding-left: 40px;
}

.vertical-revert {
    vertical-align: revert !important;
}

.dflex-baseline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.default-click {
    cursor: default !important;
}

.vertical-w {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-align: center;
}

.table-head {
    text-align: center !important;
    font-weight: bold;
    padding: 20px !important;
    font-size: 19px !important;
}

.content-boxwhite {
    width: 1400px !important;
    margin: 30px auto;
}

.clinit-nutri .main__body,
.certified-regis .main__body {
    display: inherit !important;
}

.clinit-nutri .main__body {
    display: inherit !important;
}

.clinit-nutri .title-tb {
    color: #95AE70;
    font-size: 18px;
    font-weight: bolder;
}

.clinit-nutri .tg-01 {
    width: 33%;
    color: #5B5B57;
    border-collapse: separate !important;
}

.clinit-nutri .tg-01 .tg-0pky2 {
    font-size: 19px !important;
    padding: 5px 15px !important;
    width: 25%;
}

.clinit-nutri .tg-01 td {
    border-right: 1px solid #95AE70;
    color: #5B5B57;
}

.clinit-nutri .tg-01 tr:first-child td:first-child {
    border-radius: 20px 0 0 20px;
    border-bottom: 1px solid #95AE70;
    border-left: 1px solid #95AE70;
    width: 15%;
}

.clinit-nutri .tg-01 tr:first-child td:last-child {
    border-radius: 0 20px 0 0;
}

.clinit-nutri .tg-01 tr:last-child td {
    border-bottom: 1px solid #95AE70;
}

.clinit-nutri .tg-01 tr:last-child td:last-child {
    border-radius: 0 0 20px 0;
}

.clinit-nutri .tg-01 td {
    border-top: 1px solid #95AE70;
    font-family: Arial, sans-serif;
    font-size: 13px;
    overflow: hidden;
    padding: 10px 5px;
    word-break: normal;
}

.clinit-nutri .tg-01 th {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    padding: 10px 5px;
    word-break: normal;
}

.clinit-nutri .tg-01 .tg-0pky {
    text-align: left;
    vertical-align: top;
}

.clinit-nutri .tg-02 {
    width: 100%;
    table-layout: initial;
}

.clinit-nutri .tg-02 .w240px {
    width: 120px;
}

.clinit-nutri .tg-02 td {
    border: 1px solid #E9E8E8;
}

.clinit-nutri .tg-02 tr th,
.clinit-nutri .tg-02 tr td {
    vertical-align: middle;
    padding: 8px 15px;
}

.clinit-nutri .tg-02 .tag {
    border-radius: 5px;
    border: 1px solid #E5E9CC;
    width: 22px;
    height: 22px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
}

.clinit-nutri .tg-02 .bg-green {
    background-color: #E5E9CC;
}

@media all and (max-width: 960px) {
    .certified-regis .mtop10 {
        margin-top: 10px !important;
    }
}

.certified-regis .text-note span {
    color: #848484 !important;
    font-size: smaller;
}

.certified-regis .text-title .back-link {
    margin-bottom: 0 !important;
    cursor: pointer;
}

.certified-regis button.btnsignup.bggreen {
    padding: 15px 40px;
    background: #F86060 !important;
}

.certified-regis .additional-btn a {
    padding: 0px !important;
}

.certified-regis .additional-btn span {
    color: #3293ED;
    margin-left: 10px;
    cursor: default;
}

.certified-regis .table tr {
    border-bottom: none;
}

.certified-regis .table th {
    width: 25%;
    text-align: left;
}

.certified-regis .upload-img th {
    padding: 0px;
}

.certified-regis .upload-img td {
    width: 60%;
    padding: 0px 10px;
}

.certified-regis .upload-img textarea {
    height: 80px;
}

.certified-regis .upload-img input[type="text"],
.certified-regis .upload-img input[type="date"] {
    height: 44px;
}

.certified-regis .table-02 .text_left {
    text-align: left;
}

.certified-regis .table-02 .width-8 {
    width: 5%;
}

.certified-regis .table-02 th {
    width: 15%;
}

.certified-regis .table-02 td {
    width: 65%;
}

.certified-regis .table--bttom td {
    width: 38%;
}

.certified-regis .table-02 textarea {
    height: 80px;
}

.certified-regis .table-02 input[type="text"],
.certified-regis .table-02 input[type="date"] {
    height: 44px;
}

.certified-regis .table-02 .form-search {
    margin-bottom: 15px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.certified-regis .table-02 .form-search p {
    -ms-flex-preferred-size: 5%;
    flex-basis: 5%;
    text-align: left;
    margin-right: 10px;
}

.certified-regis .table-02 .form-search .block--input {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
}

@media all and (max-width: 960px) {
    .certified-regis .table-02 .form-search .block--input {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.certified-regis .table-02 .form-search input {
    background-color: white;
    border: 1px solid #EAEAEA;
}

.certified-regis .table-02 .form-search button {
    width: 160px;
    height: 44px;
}

.certified-regis .table-02 .form-group {
    margin-bottom: 15px;
}

.certified-regis .table-02 .form-group p {
    -ms-flex-preferred-size: 5%;
    flex-basis: 5%;
    text-align: left;
    margin-right: 10px;
}

.certified-regis .table-02 .form-group select {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    height: 44px;
    color: black;
}

@media all and (max-width: 960px) {
    .certified-regis .table-02 .form-group select {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.certified-regis .table-02 .form-group input {
    -ms-flex-preferred-size: 95%;
    flex-basis: 95%;
}

@media all and (max-width: 960px) {
    .certified-regis .table-02 .form-group input {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.certified-regis .table-02 .box-half {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.certified-regis .table-02 .box-half .text-field {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.certified-regis .table-02 .box-half .calendar-box {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.certified-regis .table-02 .box-half .calendar-box .calendar {
    width: calc((100% - 40px)/2);
}

@media all and (max-width: 960px) {
    .certified-regis .table-02 .box-half .calendar-box .calendar {
        width: calc((100% - 5px)/2);
    }
}

.certified-regis .table-02 .box-half .calendar-box span {
    margin: 0 8px;
}

.certified-regis .table .fixtextarea.fixtextarea2 {
    padding: 30px !important;
}

.certified-regis .table .fixtextarea.fixtextarea2 .dflex-st {
    width: calc(20% - 7.5px);
    width: -ms-calc(20% - 7.5px);
    width: -o-calc(20% - 7.5px);
    margin-right: 10px;
    float: left;
    margin-bottom: 20px;
}

.certified-regis .table .fixtextarea.fixtextarea2 .dflex-st:nth-child(2n) {
    margin-right: 0px;
}

.certified-regis .table .fixtextarea.fixtextarea2 .dflex-st:nth-last-child(1) {
    margin-bottom: 0px !important;
}

.certified-regis .table .fixtextarea.fixtextarea2 .dflex-st:nth-last-child(2) {
    margin-bottom: 0px !important;
}

.certified-regis .table .fixtextarea.fixtextarea2 .dflex-st .d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.certified-regis .review--sheet .content--boxwhite {
    padding: 0px !important;
}

.certified-regis .review--sheet .dflex-st {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.certified-regis .border-green .border-bt {
    border-bottom: 1px solid #E9E8E8;
    padding: 0 0 21px 0;
}

.certified-regis .border-green .fixtextarea2 {
    padding: 5px 55px 30px 55px;
}

.certified-regis .bg-green {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.certified-regis .box-image {
    background: #FCFCFC;
    width: 500px;
    height: 310px;
    border: 1px dashed #95AE70;
    border-radius: 5px;
    margin: 15px 0px 15px 32px;
    text-align: center;
}

.certified-regis .box-image .text-cen {
    padding: 50px 20px;
    color: #6C6C6C;
}

.certified-regis .box-image .bgorange {
    width: 80%;
    margin: 0 auto;
}

.certified-regis .listQa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
}

.certified-regis .listQa ul {
    max-width: 330px;
    min-width: 30%;
    margin-right: 20px;
}

.certified-regis .listQa ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 15px;
    position: relative;
}

.certified-regis .listQa ul li span {
    line-height: 1.3;
    white-space: nowrap;
}

@media all and (max-width: 960px) {
    .certified-regis .listQa {
        display: inline-block !important;
    }
}

.certified-regis .listQa [type="radio"]:not(:checked) {
    left: unset;
}

.certified-regis .flex-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.certified-regis .date-type {
    width: 400px;
    margin-left: auto;
}

.certified-regis .date-type p {
    width: 20%;
}

.certified-regis .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.datepicker {
    position: relative;
    background: #fff url("../images/calendar.png") no-repeat !important;
    background-size: 45px !important;
    background-position: center right 10px !important;
    cursor: default;
}

.certifi-field .text-note {
    text-align: right;
}

.certifi-field .text-note span {
    font-size: 14px;
    color: #848484;
}

.vertical-align {
    vertical-align: inherit !important;
}

@media all and (max-width: 960px) {
    .vertical-align {
        width: 100% !important;
    }
}

.dflex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.container.content--boxwhite {
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    max-width: 1100px;
    margin: 50px auto;
}

.btn-edit {
    width: 155px;
    margin: 0 auto;
}

.btn-edit a {
    padding-right: unset;
    padding-left: unset;
    width: 100%;
}

.document-detail .modal-content {
    width: 585px;
}

.document-detail .modal-content .title {
    text-align: left;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
}

.document-detail .modal-content .popupContent {
    border: 2px solid #EAEAEA;
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px;
}

.document-detail .modal-content .btn-row {
    text-align: center;
}

.document-detail .modal-content .btn-row .btnregis {
    background: #3293ED;
    border-radius: 10px;
    color: white;
    padding: 13px;
    margin-top: 25px;
    width: 190px;
}

.document-detail a.clickpop {
    margin: 0px !important;
}

.document-detail label.bgblack {
    cursor: pointer;
}

.document-detail .bgblack {
    margin-right: 0;
}

.document-detail .bgblack img {
    height: 17px;
    margin-right: 5px;
}

.document-detail .bgblack span {
    color: white;
    line-height: 1;
}

.pageupload--img .block--btn.block--btnlarge.btnfile {
    text-align: center;
}

.pageupload--img .block--text {
    color: #6C6C6C;
    text-align: center;
    padding: 40px;
}

.pageupload--img .content--boxwhite {
    margin-top: 20%;
    width: 900px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.pageupload--img .text_center {
    text-align: center;
}

.pageupload--img .block--csv {
    border: 1px dashed #95AE70;
    border-radius: 10px;
    width: 450px !important;
    margin: 0 auto;
    background-color: transparent !important;
}

.pageupload--img .bgorange {
    padding: 10px 30px;
}

.pageupload--img .bgorange span {
    color: white;
    margin-left: 7px;
}

.pageupload--img a {
    cursor: pointer;
}

@media all and (max-width: 1024px) {
    .certified-regis .review--sheet .content--boxwhite {
        padding: 0 2vw !important;
    }
}

.qualifi-applied--page .qualifi-re .dflex-nospace {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    background: transparent;
    padding: 2px 0px;
    width: 32% !important;
}

.upload-file .btnupload.block--btn.bgwhite a {
    width: 60%;
    margin: 0 auto;
    padding: 0 5px !important;
    max-width: 250px;
    min-width: 200px !important;
}

@media all and (max-width: 600px) {
    .upload-file .btnupload.block--btn.bgwhite a {
        max-width: 250px;
        min-width: 120px !important;
    }
}

.upload-file .btnupload.block--btn.bgwhite span {
    overflow: hidden !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    word-wrap: break-word;
    display: inline-block !important;
    color: #FD813E;
    padding: 0 10px;
}

.upload-file .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.upload-file .btn-back span {
    color: #717171;
    font-weight: bold;
}

.upload-file .content--boxwhite {
    padding: 0 !important;
    height: 292px;
    overflow: hidden;
}

.upload-file .content--boxwhite .upload-file {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    text-align: center;
}

.upload-file .content--boxwhite .upload-file .bgorange a,
.upload-file .content--boxwhite .upload-file .bgwhite a {
    margin: 0 auto;
    width: 60%;
}

.upload-file .content--boxwhite .upload-file img {
    margin: 25px 0;
}

.upload-file .content--boxwhite .image-upload-file {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    background: url("../images/image-uploadfile.png") no-repeat;
}

.notification {
    background-color: #FD813E;
    padding: 6px 0;
    margin-bottom: 70px !important;
}

.notification p {
    color: white;
    font-weight: bold;
}

.review--sheet .another-opt input[type=text] {
    height: 40px;
    background-color: #F6F6F6;
    width: 90%;
}

.review--sheet .another-opt .dflex-st {
    padding-top: 22px;
}

.userpage .padding-none {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/*update fix*/
.manager--judge tbody,
.manager--document tbody,
.manager--judge table tbody,
.manager--document table tbody {
    min-width: 100% !important;
    overflow-y: auto !important;
}

.vertitop_c .reportdiv {
    margin-left: 0px !important;
    margin-right: auto !important;
}

.content--boxwhite2 {
    overflow-x: auto !important;
}

.content--boxwhite2 table {
    min-width: 1200px;
}

.content--boxwhite2 .reportdiv span {
    white-space: nowrap !important;
}

.bglefttd2 thead,
.bglefttd2 tbody {
    width: 100%;
}

.bglefttd2 thead tr td:first-child {
    background: transparent !important;
}

.bglefttd2 tbody tr td:first-child {
    background-color: #f6f6f6 !important;
}

.block--btn2 > span.firstspan {
    min-width: 100px;
}

.tl {
    text-align: left !important;
}

.judge-detail-fix tbody {
    display: unset !important;
}

.judge-detail-fix table {
    border-collapse: unset !important;
    display: unset !important;
}

.judge-detail-fix .table-1 tbody {
    min-width: 100% !important;
    display: table !important;
}

.judge-detail-fix .accstatus tbody {
    min-width: 100% !important;
    display: table !important;
}

.judge-detail-fix table td {
    min-width: unset !important;
    max-width: unset !important;
}

.judge-detail-fix table td:nth-child(4) {
    min-width: unset !important;
}

.judge-detail-fix thead,
.judge-detail-fix tbody {
    display: unset !important;
}

.judge-detail-fix tbody {
    overflow-y: unset !important;
    overflow-x: unset !important;
    height: unset !important;
    width: unset !important;
}

.judge-detail-fix td,
.judge-detail-fix th {
    overflow: unset !important;
}

.judge-detail-fix .tab-table table td:nth-child(1),
.judge-detail-fix .tab-table table td:nth-child(2) {
    min-width: unset !important;
}

.manager--document .tab-table table td:nth-child(1) {
    padding-right: 0;
}

.userpage .news--item {
    border-bottom: none !important;
}

.back-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
}

.back-link img {
    margin-right: 10px;
}

.back-link span {
    font-size: 16px;
    font-weight: bold;
}

.certification-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.certification-box dl {
    width: 100%;
}

.certification-box dl dt {
    margin-bottom: 10px;
}

.certification-box .half-width {
    width: calc(50% - 15px);
}

.certification-box dl ~ dl {
    margin-top: 30px;
}

.certification {
    /* title custom */
    /* button */
    /* decs text */
    /**/
}

.certification .bg-green {
    margin: 30px 0;
}

.certification .certifi-tit {
    margin-bottom: 30px;
    width: 100%;
}

.certification .certifi-subtit {
    color: #95AE70;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 40px;
}

.certification .certifi-form .border-gray {
    padding: 20px;
    border: 1px solid #EAEAEA;
    border-radius: 20px;
}

.certification .certifi-form .border-gray-ins {
    margin-top: 20px;
}

.certification .certifi-form .d-flex {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.certification .certifi-form .d-flex dt {
    margin-right: 10px;
    width: 18px;
}

.certification .certifi-form .d-flex dd {
    width: calc(100% - 28px);
}

.certification .btn-certifi {
    margin-top: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.certification .btn-certifi .btn-light-red {
    min-width: 155px !important;
    background: #F86060;
}

.certification p.desc {
    color: #8C8C8C;
    margin-top: 20px;
}

.certification .certifi-foot {
    margin-top: 60px;
}

.certification .certifi-foot figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.certification .certifi-foot figure img {
    margin-right: 10px;
}

.certification .certification-box1 {
    margin-bottom: 50px;
}

.certification .certification-box3,
.certification .certification-box4 {
    margin-top: 75px;
}

.certification .calendar-box {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: calc(50% - 23px) [2];
    grid-template-columns: repeat(2, calc(50% - 23px));
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.certification .calendar-box::before {
    position: absolute;
    content: "~";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    font-size: 30px;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.certification .cols-height-sm {
    height: 130px;
}

.certification .cols-height-lg {
    height: 279px;
}

.certification .certify-box {
    width: 100%;
}

.certification .certify-box .bg-green {
    margin: 40px 0 20px;
}

body {
    font-family: 'Noto Sans JP';
    color: #000;
    font-weight: 400;
}

body p,
body td,
body th,
body span,
body li,
body dl,
body dt {
    font-size: 16px;
    line-height: 1.8;
    color: #000;
    font-weight: 400;
}

@media all and (max-width: 960px) {
    body p,
    body td,
    body th,
    body span,
    body li,
    body dl,
    body dt {
        font-size: 14px;
    }
}

body a {
    color: #000;
    line-height: normal;
    font-weight: 400;
}

body img,
body iframe {
    max-width: 100%;
    line-height: 0;
}

.dispc,
.breakpc {
    display: block;
}

@media all and (max-width: 960px) {
    .dispc,
    .breakpc {
        display: none;
    }
}

.dissp,
.breaksp {
    display: block;
}

@media all and (min-width: 961px) {
    .dissp,
    .breaksp {
        display: none;
    }
}

.dflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.dflex__start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.dflex__end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.dflex__center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}

@media all and (max-width: 960px) {
    .container {
        padding: 0 15px;
    }
}

@media all and (max-width: 639px) {
    .container {
        padding: 0 3%;
    }
}

/* -----------------------------------------------
/* HEADER
-------------------------------------------------- */
.header {
    padding: 15px 0;
}

@media all and (max-width: 960px) {
    .header {
        padding: 10px 3%;
    }
}

.header__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media all and (min-width: 961px) {
    .header__top {
        padding: 0 20px;
    }
}

.header__top--logo {
    position: relative;
    z-index: 1;
}

.header__top--logo a {
    line-height: 0;
}

.header__top--logo img {
    height: 68px;
}

@media all and (max-width: 960px) {
    .header__top--logo {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
    }
    .header__top--logo img {
        height: auto;
    }
}

.header__top--menu {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__top--menu .header__nav {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: inherit;
}

.header__top--icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__nav {
    position: relative;
    z-index: 98;
}

@media all and (min-width: 961px) {
    .header__nav {
        display: none;
    }
}

@media all and (max-width: 960px) {
    .header__nav {
        background: white;
        position: absolute;
        width: 100%;
        left: -100%;
        top: 0;
        padding: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        padding: 20px;
        padding-top: 80px;
    }
}

.header .icon__inside,
.header .icon__hamburger {
    position: relative;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 50px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

@media all and (min-width: 961px) {
    .header .icon__inside,
    .header .icon__hamburger {
        width: 175px;
        height: 45px;
    }
    .header .icon__inside:hover,
    .header .icon__hamburger:hover {
        opacity: 0.7;
    }
}

@media all and (max-width: 960px) {
    .header .icon {
        margin-left: 10px;
    }
}

@media all and (min-width: 961px) {
    .header .icon {
        display: none;
    }
}

.header .icon__hamburger {
    z-index: 99;
    background: #FD813E;
}

@media all and (min-width: 961px) {
    .header .icon__hamburger {
        display: none !important;
    }
}

.header .icon__hamburger span {
    left: 0;
    height: 2px;
    position: absolute;
    background: #fff;
    display: inline-block;
    width: 100%;
    border-radius: 3px;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.header .icon__hamburger span:first-child {
    top: 0;
}

.header .icon__hamburger span:nth-child(2) {
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
}

.header .icon__hamburger span:last-child {
    bottom: 0;
}

.header .icon--img,
.header .icon--bar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 38%;
    width: 30px;
    margin-right: 10px;
}

@media all and (max-width: 960px) {
    .header .icon--img,
    .header .icon--bar {
        margin-right: 0;
    }
}

.header .icon--img img,
.header .icon--bar img {
    max-width: 30px;
}

.header .icon {
    border-radius: 50px;
}

@media all and (max-width: 960px) {
    .header .icon {
        border-radius: 10px;
    }
}

.header .icon--txt {
    font-weight: bold;
    font-size: 14px;
}

@media all and (max-width: 960px) {
    .header .icon--txt {
        display: none;
    }
}

.header .icon--logout {
    border: 1px solid #FD813E;
    margin-right: 20px;
}

@media all and (max-width: 960px) {
    .header .icon--logout {
        margin-right: 0;
    }
}

.header .icon--logout .icon--txt {
    color: #FD813E;
}

.header .icon--user {
    border: 1px solid #FD813E;
    background: #FD813E;
}

.header .icon--user .icon--txt {
    color: #fff;
}

.header .icon--user .icon--img img {
    max-height: 24px;
}

/* -----------------------------------------------
/* MENU
-------------------------------------------------- */
.menu li {
    width: 100%;
    margin-bottom: 20px;
    background: url(../images/ico-menu.svg) no-repeat left center;
    background-size: 21px;
    padding-left: 27px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
}

.menu li.active,
.menu li:hover {
    background: url(../images/ico-menu-at.svg) no-repeat left center;
}

.menu li.active > a,
.menu li:hover > a {
    color: #FD813E;
    background: #FDF1EA;
}

.menu a {
    display: block;
    color: #717171;
    padding: 5px 15px;
    border-radius: 50px;
}

.menu .numnotice {
    border-radius: 100%;
    background: #DD2020;
    color: #fff;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* -----------------------------------------------
/* MENU OPEN
-------------------------------------------------- */
.open--menu {
    position: relative;
}

.open--menu .header__nav.show {
    left: 0;
    opacity: 1;
    visibility: visible;
}

.open--menu .icon__hamburger span:nth-child(1) {
    -webkit-transform: translateY(9px) rotate(-225deg);
    -ms-transform: translateY(9px) rotate(-225deg);
    transform: translateY(9px) rotate(-225deg);
}

@media all and (max-width: 520px) {
    .open--menu .icon__hamburger span:nth-child(1) {
        -webkit-transform: translateY(7px) rotate(-225deg);
        -ms-transform: translateY(7px) rotate(-225deg);
        transform: translateY(7px) rotate(-225deg);
    }
}

.open--menu .icon__hamburger span:nth-child(2) {
    -webkit-transform: translateY(0) rotate(225deg);
    -ms-transform: translateY(0) rotate(225deg);
    transform: translateY(0) rotate(225deg);
    width: 100%;
}

.open--menu .icon__hamburger span:nth-child(3) {
    opacity: 0;
}

/* -----------------------------------------------
/* BUTTON COMMON
-------------------------------------------------- */
button {
    border: none;
    outline: none;
    cursor: pointer;
}

.cm__btn {
    margin: 0 auto;
    width: 100%;
    max-width: 210px;
    margin-top: 30px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

@media all and (max-width: 960px) {
    .cm__btn {
        margin-top: 20px;
        max-width: 180px;
    }
}

.cm__btn a,
.cm__btn button {
    display: block;
    text-align: center;
    padding: 10px 0;
    font-size: 20px;
    color: #fff;
    background: #000;
}

@media all and (max-width: 960px) {
    .cm__btn a,
    .cm__btn button {
        font-size: 18px;
        padding: 5px 0;
    }
}

.cm__btn a span,
.cm__btn button span {
    z-index: 2;
    position: relative;
}

.cm__btn a span::before,
.cm__btn button span::before {
    content: '';
    background: transparent;
    position: absolute;
    width: 8px;
    height: 8px;
    right: 0;
    top: 50%;
    margin-top: -2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.cm__btn--back {
    margin-top: 0;
    margin-left: 0;
}

.cm__btn--back a span::before {
    position: absolute;
    top: 50%;
    width: 8px;
    height: 8px;
    background: transparent;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    right: inherit;
    left: 0%;
    margin-left: -30px;
    -webkit-transform: rotate(-135deg) !important;
    -ms-transform: rotate(-135deg) !important;
    transform: rotate(-135deg) !important;
    margin-right: 0;
}

.cm__btn--next {
    margin-top: 0;
    margin-right: 0;
}

input[type="text"],
input[type="email"],
input[type="name"],
input[type="tel"],
input[type="date"],
input[type="number"],
input[type="password"],
select,
textarea {
    border: 1px solid #EAEAEA;
    padding: 10px 20px;
    background: #fff;
    width: 100%;
    height: 50px;
    border-radius: 50px;
    font-size: 16px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="name"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
    outline: 0;
}

input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="name"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: #ABABAB;
}

input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="name"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #ABABAB;
}

input[type="text"]::-ms-input-placeholder,
input[type="email"]::-ms-input-placeholder,
input[type="name"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
input[type="date"]::-ms-input-placeholder,
input[type="number"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #ABABAB;
}

input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="name"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ABABAB;
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="name"]::placeholder,
input[type="tel"]::placeholder,
input[type="date"]::placeholder,
input[type="number"]::placeholder,
input[type="password"]::placeholder,
select::placeholder,
textarea::placeholder {
    color: #ABABAB;
}

textarea {
    border-radius: 20px;
    resize: none;
}

select {
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
}

select.petitionform {
    width: 100%;
}

select.selectInstructor {
    background: #F6F6F6;
    height: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

textarea {
    height: 170px;
}

input[type="date"] {
    background: #fff url(../images/ico-calendar.png) no-repeat right 15px center;
}

.type-pass {
    position: relative;
}

.type-pass input {
    padding-right: 55px;
}

.type-pass span {
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
}

.titpage {
    margin-bottom: 20px;
}

.titpage h2 {
    font-size: 24px;
    font-weight: bold;
}

.block--btn a,
.block--btn label,
.block--btn button {
    font-weight: 500;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    padding: 5px 14px 7px;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin: 0 5px;
}

.block--btn a:first-child,
.block--btn label:first-child,
.block--btn button:first-child {
    margin-left: 0;
}

.block--btn a:last-child,
.block--btn label:last-child,
.block--btn button:last-child {
    margin-right: 0;
}

.block--btn a:hover,
.block--btn button:hover {
    opacity: 0.7;
}

.block--btn .btncsvselect {
    font-size: 20px;
    border-radius: 10px;
    padding: 15px 20px;
    display: block;
}

.block--btn .btnpermis,
.block--btn .btndefect {
    min-width: 85px;
    border: 1px solid #95AE70;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.block--btn.block--btnlarge {
    margin-bottom: 30px;
}

.block--btn.block--btnlarge a {
    min-width: 170px;
    font-size: 16px;
    padding: 16px 40px 18px;
}

.block--btn.block--btnlarge a.btncsv {
    background: #95AE70 url(../images/ico-csv.svg) no-repeat left 20px center;
    padding-left: 60px;
    padding-right: 30px;
}

.block--btn .bgwhite {
    border: 1px solid #FD813E;
    color: #FD813E;
    font-size: 16px;
    padding: 12px 40px 14px;
}

.block--btn .btgreen {
    border: 1px solid #95AE70;
    color: #95AE70;
    font-size: 16px;
    padding: 12px 40px 14px;
}

.block--btn .bgblack {
    color: #fff;
    background: #000;
}

.block--btn .btniconpdf {
    border-color: #DD2020;
    background: url(../images/ico-pdf.png) no-repeat left 20px center;
    background-size: 25px;
    padding-left: 60px;
    color: #DD2020;
    padding-right: 30px;
}

.block--btn.block--btnswitch .bgblack {
    background: black !important;
}

.block--btn.block--btnswitch label {
    background: #95AE70;
    font-weight: 500;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    padding: 5px 14px 7px;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin: 0 5px;
    cursor: pointer;
}

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

.block--btn.block--btnswitch label:last-child {
    margin-right: 0;
}

.block--btn.block--btnswitch label.clicked {
    background: #ccc;
    border-color: #ccc;
}

.block--btn.block--btnswitch label.clicked.active {
    color: #95AE70;
    background: #fff;
}

.bgblue {
    background: #3293ED;
}

.bgorg {
    background: #FD813E;
}

.bgred {
    background: #DD2020;
}

.bgred2 {
    background: #F86060;
}

.bggreen {
    background: #95AE70;
}

.bgyellow {
    background: #F8D53A;
}

.alink a:hover {
    color: #DD2020;
}

.page__login {
    min-width: 960px;
}

.page__login .breadcrumb,
.page__login .header__top--icon {
    display: none;
}

.page__login .header {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    padding: 40px 30px;
}

.page__login .header__top {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50px;
    width: 100%;
    height: 60px;
    -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
}

.page__login .header__top--logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 3px 10px;
}

.page__login .header__top img {
    height: 54px;
}

.page__login .boxlogin {
    width: 50vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
}

.page__login .boxlogin h1 {
    margin-bottom: 7%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.page__login .form {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 400px;
}

.page__login .form-group {
    margin-bottom: 30px;
}

.page__login .buttonsutmit {
    margin-top: 50px;
    margin-bottom: 30px;
}

.page__login .buttonsutmit a {
    font-size: 20px;
    font-weight: bold;
    background: #FD813E;
    display: block;
    padding: 24px 20px;
}

.page__login.useradmin .header {
    padding: 30px;
}

.page__login.useradmin .header__top {
    height: auto;
    max-width: 346px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page__login.useradmin .header__top img {
    height: auto;
}

.shadow {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.login.superadmin {
    background: url(../images/bgsuperadmin2.png) no-repeat left center;
    background-size: cover;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.login.useradmin {
    background: url(../images/bgadmin.jpg) no-repeat center center;
    background-size: cover;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.login.useradmin .header__top {
    max-width: 346px;
    -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
}

.login.useradmin .header__top img {
    height: 95px;
}

.login.useradmin .boxlogin {
    background: rgba(255, 255, 255, 0.9);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    height: 100vh;
    -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
    padding: 15vh 0 18vh;
}

[type="radio"]:checked,
[type="radio"]:not(:checked),
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label,
[type="checkbox"]:checked + label,
[type="checkbox"]:not(:checked) + label {
    position: relative;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #E5E9CC;
    border-radius: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 125px;
    padding: 13px 25px 15px;
    text-align: center;
    background: #95AE70;
    color: #E5E9CC;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after {
    content: '';
    width: 22px;
    height: 16px;
    background: url(../images/ico-check.svg) no-repeat center center;
    background-size: 22px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 20px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:checked + label,
[type="checkbox"]:checked + label {
    background: #E5E9CC;
    color: #000;
    padding-left: 50px;
    border: 1px solid #E5E9CC;
}

[type="radio"]:not(:checked) + label:after,
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked + label:after,
[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.main__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-width: 960px;
}

.main__body.superadmin,
.main__body.useradmin {
    display: block;
}

#menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 25px;
    padding-top: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 356px;
    flex: 0 0 356px;
    height: 100%;
    min-height: 100vh;
    position: fixed;
    max-width: 356px;
    left: 0;
    top: 0;
    z-index: 9;
    background: #fff;
}

#menu .logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 20px;
}

#menu .logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0;
}

#menu .logo img {
    height: 68px;
}

#menu .logo span {
    color: #FF9C72;
    font-size: 22px;
    line-height: 1.4;
    margin-left: 20px;
    margin-bottom: 8px;
}

#menu .nav {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    height: calc(100vh - 127px);
    min-height: 500px;
    /*height: 65vh;*/
    /*overflow-y: auto;*/
}

#menu .nav li {
    width: 100%;
    margin-bottom: 20px;
    background: url(../images/ico-menu.svg) no-repeat left center;
    background-size: 21px;
    padding-left: 27px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
}
#menu .nav li.active,
#menu .nav li:hover {
    background: url(../images/ico-menu-at.svg) no-repeat left center;
}

#menu .nav li.active > a,
#menu .nav li.active .acr_title a,
#menu .nav li:hover > a,
#menu .nav li:hover .acr_title a {
    color: #FD813E;
    background: #FDF1EA;
}

#menu .nav a {
    display: block;
    color: #717171;
    padding: 5px 15px;
    border-radius: 50px;
}

#menu .sub-nav li.active,
#menu .sub-nav li:hover {
    background: none;
}

#menu .sub-nav li {
    background: none;
    padding-left: unset;
}

#menu .nav .numnotice {
    border-radius: 100%;
    background: #DD2020;
    color: #fff;
    position: absolute;
    right: 25px;
    top: 5px;
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#menu .btnlogout {
    position: absolute;
    left: 25px;
    bottom: 25px;
    height: 24px;
}

#menu .btnlogout a {
    background: url(../images/ico-logout.png) no-repeat left center;
    padding-left: 30px;
    display: inline-block;
    color: #717171;
}

#menu .btnlogout a:hover {
    opacity: 0.7;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none !important;
    -webkit-appearance: none !important;
}

.content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 356px);
    flex: 0 0 calc(100% - 356px);
    max-width: calc(100% - 356px);
    margin-left: 356px;
    background: url(../images/bgcontent.png) no-repeat top center;
    background-size: cover;
    padding: 40px 35px;
    height: 100%;
    min-height: 100vh;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.content--boxwhite {
    background: #fff;
    border-radius: 20px;
    -webkit-box-shadow: 3px 2px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 2px 20px rgba(0, 0, 0, 0.1);
    padding: 30px;
}

.content--boxgreen {
    background: #95AE70;
    border-radius: 20px;
    margin: 30px 0;
    -webkit-box-shadow: 3px 2px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 2px 20px rgba(0, 0, 0, 0.1);
    padding: 10px 30px;
}

.content--accstatus {
    padding: 10px 30px;
}

.page__manager .header,
.page__manager .breadcrumb {
    display: none;
}

.table {
    width: 100%;
}

.table table + .block--btn {
    margin-top: 20px;
}

.table table {
    width: 100%;
    table-layout: auto;
}

.table table th,
.table table td {
    font-weight: normal;
    vertical-align: middle;
    padding: 15px 10px;
}

.table table .vertitop {
    vertical-align: top;
}

.table--stylenm table th,
.table--stylenm table td {
    text-align: left;
}

.table--stylenm table th {
    padding-left: 35px;
    width: 170px;
}

.table--stylenm.accstatus table th,
.table--stylenm.qualifications table th {
    width: 220px;
}

.table--stylehead table {
    table-layout: fixed;
}

.table--stylehead table td {
    border-top: 1px solid #E9E8E8;
    text-align: center;
}

.table--stylehead table thead td {
    border-top: 0;
    padding-top: 0;
}

.table--stylehead table thead td:first-child {
    padding-left: 0;
}

.table--stylehead table thead td:last-child {
    padding-right: 0;
}

.table--stylehead table tbody td:first-child {
    padding-left: 0;
}

.table--stylehead table tbody td:last-child {
    padding-right: 0;
}

.table--stylehead table tbody tr:last-child td {
    border-bottom: 1px solid #E9E8E8;
}

.table--stylehead table label.bggreen {
    display: block;
    color: #fff;
    height: 40px;
    padding: 5px 10px;
    border-radius: 50px;
    position: relative;
    z-index: 2;
}

.table--stylehead .bglefttd tr td:first-child {
    background: #F6F6F6;
    padding-right: 0;
}

.table--stylehead .bglefttd thead td:first-child {
    position: relative;
}

.table--stylehead .bglefttd thead td:first-child::before {
    position: absolute;
    content: '';
    background: #fff;
    width: 100%;
    height: 10px;
    left: 0;
    top: 0;
    z-index: 0;
}

.table--stylehead .bglefttd tbody tr:last-child td:first-child {
    background: url(../images/bgtd.png) no-repeat left bottom;
    background-size: 100%;
    position: relative;
}

.table--stylehead .bglefttd tbody tr:last-child td:first-child::after {
    position: absolute;
    content: '';
    background: #F6F6F6;
    width: 100%;
    height: 20px;
    left: 0;
    top: 0;
    z-index: 0;
}

.table--scroll {
    overflow-x: scroll;
}

.table--scroll table {
    table-layout: auto;
}

.table--scroll table thead td {
    min-width: 250px;
    max-width: 320px;
}

.table--fixed-document thead td {
    min-width: inherit !important;
    max-width: 320px;
}

.table--scroll table thead td:nth-child(4) {
    min-width: 300px;
}

.table--scroll::-webkit-scrollbar {
    border-radius: 20px;
    width: 5px;
    height: 8px;
    background-color: #aaa;
}

.table--scroll::-webkit-scrollbar-track {
    background-color: #F5F5F5;
    border-radius: 20px;
}

.table--scroll::-webkit-scrollbar:vertical {
    height: 8px;
    border-radius: 20px;
}

.table--scroll::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 20px;
}

.table--scroll table {
    min-width: 1600px;
}

.form-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-search input,
.form-search select {
    background: #F6F6F6;
    border: none;
    padding: 6px 15px;
    height: 40px;
}

.form-search input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.form-search button.search {
    background: #FD813E;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    height: 40px;
    padding: 5px 0;
    text-align: center;
    width: 95px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.form-search button.search:hover {
    opacity: 0.7;
}

.csvupload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.csvupload .block--btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
}

.csvupload .block--csv {
    background: #F4F4F4;
    height: 300px;
    border-radius: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 310px);
    flex: 0 0 calc(100% - 310px);
    margin: 0 15px;
}

.csvupload .block--csv--file {
    background: url(../images/ico-csv.png) no-repeat center center;
    height: 200px;
}

.csvupload .block--csv .block--btn {
    text-align: center;
    margin-top: 20px;
}

.qualifications * {
    color: #fff;
}

.qualifications ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.qualifications ul li {
    margin: 10px 0;
    margin-right: 20px;
}

.qualifications ul li:nth-child(2) label,
.qualifications ul li:nth-child(5) label {
    min-width: 300px;
}

.qualifications ul li:nth-child(3) label,
.qualifications ul li:nth-child(6) label {
    width: 180px;
}

.accstatus ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.accstatus ul li {
    margin-right: 20px;
}

.accstatus ul [type="radio"]:not(:checked) + label {
    background: #fff;
    color: #717171;
}

.accstatus table td:last-child {
    width: 300px;
}

.manager--document .table--stylehead:not(.table--scroll) table,
.manager--renewal .table--stylehead:not(.table--scroll) table {
    table-layout: auto;
}

.manager--document .table--stylehead:not(.table--scroll) table thead td:nth-child(1),
.manager--renewal .table--stylehead:not(.table--scroll) table thead td:nth-child(1) {
    width: 460px;
    min-width: 400px;
}

.manager--document .table--stylehead:not(.table--scroll) table thead td:nth-child(2),
.manager--renewal .table--stylehead:not(.table--scroll) table thead td:nth-child(2) {
    width: 300px;
}

.manager--document .table--stylehead:not(.table--scroll) table thead td:nth-child(3),
.manager--renewal .table--stylehead:not(.table--scroll) table thead td:nth-child(3) {
    width: 400px;
}

.manager--document .table--stylehead:not(.table--scroll) table {
    display: table !important;
}

.manager--document .table--stylehead:not(.table--scroll) table tbody {
    width: inherit !important;
}

.manager--document .table--stylehead:not(.table--scroll) table td:nth-child(1) {
    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;
}

.manager--document .table--stylehead:not(.table--scroll) table td:nth-child(2),
.manager--document .table--stylehead:not(.table--scroll) table td:nth-child(3),
.manager--document .table--stylehead:not(.table--scroll) table td:nth-child(4) {
    width: auto !important;
    min-width: 140px !important;
    max-width: 220px !important;
}

.reportdiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.reportdiv:last-child {
    margin-bottom: 0;
}

.reportdiv .block--btn {
    margin-left: 20px;
}

.btnfile input {
    display: none;
}

.btnfile label {
    color: #fff;
    background: #FD813E;
    padding: 18px 50px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.btnfile label:hover {
    opacity: 0.7;
}

.news {
    padding: 50px;
}

.news--title {
    background: rgba(149, 174, 112, 0.1);
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 20px;
}

.news--title .date {
    color: #ABABAB;
    margin-right: 30px;
}

.news--title h3 {
    color: #95AE70;
}

.news--title p {
    margin: 20px 0;
}

.news--content {
    padding: 15px 30px;
}

.news--item {
    margin-bottom: 20px;
}

.news--pager ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.news--pager ul li {
    margin-left: 10px;
}

.news--pager ul a {
    border: 1px solid #E9E8E8;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    display: block;
    text-align: center;
}

.news--pager ul .active a {
    background: #FD813E;
    color: #fff;
    border-color: #FD813E;
}

.manager--report .reportdiv.dflex__start {
    max-width: 205px;
    margin: 0 auto;
}

.manager--report .fixtextarea textarea {
    width: 125%;
    margin-left: -25%;
}

.manager--report .titpage.dflex .btnicoback {
    background: url(../images/ico-back.svg) no-repeat left center;
    background-size: 30px;
    font-weight: bold;
    font-size: 24px;
    padding-left: 40px;
}

.manager--report .titpage.dflex .btnicoback:hover {
    opacity: 0.7;
}

.manager--report .titpage.dflex .btnexami,
.manager--report .titpage.dflex .btncomplete {
    font-size: 16px;
}

.manager--report .titpage.dflex .btnexami {
    border: 1px solid #DD2020;
    color: #DD2020;
}

.manager--report .titpage.dflex .btnexami.bgred {
    color: #fff;
}

.manager--report .titpage.dflex .btncomplete {
    background: #bbb;
}

.manager--report .titpage .block--btnlarge {
    margin-bottom: 0;
}

.pdfviewer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
}

.pdfviewer span.close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 24px;
    cursor: pointer;
}

.pdfviewer .pdfleft {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    text-align: center;
}

.pdfviewer .pdfright {
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
}

.pdfviewer .pdfright img {
    min-width: 520px;
}

.pdfviewer .pdfblock {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    text-align: center;
}

.pdfviewer .tablists li {
    margin-bottom: 20px;
}

.pdfviewer .tablists li:last-child {
    margin-bottom: 0;
}

.pdfviewer .tablists li img {
    border: 2px solid #eee;
}

.pdfviewer .tablists li span {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

.pdfviewer .tablists li.active img {
    border-color: #7bc1f8;
}

.manager--account .table--stylenm table th {
    min-width: 210px;
}

.page__user {
    max-width: 1240px;
    margin: 0 auto;
}

@media all and (max-width: 960px) {
    .page__user .header {
        margin-bottom: 20px;
    }
}

.page__user .userpage {
    width: 100%;
}

.page__user .breadcrumb {
    background: #fff;
    margin-bottom: 20px;
}

@media all and (max-width: 960px) {
    .page__user .breadcrumb {
        display: none;
    }
}

.page__user .breadcrumb--item {
    display: inline-block;
    margin-left: 5px;
    text-transform: uppercase;
    color: #333;
    padding: 5px 0;
}

.page__user .breadcrumb--item:first-child {
    padding-left: 0;
    margin-left: 0;
}

.page__user .breadcrumb--item a {
    position: relative;
    padding-right: 15px;
}

.page__user .breadcrumb--item a::before {
    content: '';
    background: transparent;
    position: absolute;
    width: 6px;
    height: 6px;
    right: 0;
    top: 50%;
    margin-top: -2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.page__user .breadcrumb--item a:hover {
    text-decoration: underline;
    opacity: 0.8;
}

.page__user .main__body {
    width: 100%;
    min-width: inherit;
    padding-bottom: 30px;
}

.page__user #menu {
    position: sticky;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 250px;
    flex: 0 0 250px;
    width: 250px;
    padding: 0;
    min-height: inherit;
    height: auto;
}

@media all and (max-width: 960px) {
    .page__user #menu {
        display: none;
    }
}

.page__user .content {
    min-height: inherit;
    height: auto;
    margin-left: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 250px);
    flex: 0 0 calc(100% - 250px);
    max-width: calc(100% - 250px);
    background: none;
    border-radius: 20px;
    padding: 0;
    padding-left: 40px;
}

@media all and (max-width: 960px) {
    .page__user .content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }
}

@media all and (min-width: 961px) {
    .page__user .header .icon {
        display: block;
    }
}

.blockuser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 70px;
    margin-bottom: 25px;
}

.blockuser .icouser {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 69px;
    flex: 0 0 69px;
    border-radius: 100%;
    background: #F6F6F6;
    height: 69px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blockuser .icouser img {
    width: auto;
    max-height: 40px;
}

.blockuser .nameuser span {
    color: #000;
    font-weight: bold;
    margin-left: 10px;
}

.userpage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media all and (max-width: 960px) {
    .userpage {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.userpage .notice {
    background: #DD1F20;
    border-radius: 20px;
    max-width: 654px;
    margin: 0 auto;
    margin-bottom: 40px;
}

@media all and (max-width: 960px) {
    .userpage .notice {
        margin-top: 60px;
    }
}

.userpage .notice p {
    color: #fff;
    font-weight: bold;
    position: relative;
    padding: 15px 0;
    padding-left: 120px;
    padding-right: 10px;
}

.userpage .notice p a {
    color: #fff;
    font-weight: bold;
}

@media all and (max-width: 960px) {
    .userpage .notice p {
        padding-left: 100px;
        padding-right: 10px;
    }
}

.userpage .notice p::after {
    position: absolute;
    content: '';
    background: url(../images/ico-megaphone.png) no-repeat left center;
    background-size: cover;
    width: 104px;
    height: 104px;
    left: 20px;
    top: -40px;
}

@media all and (max-width: 960px) {
    .userpage .notice p::after {
        background-size: 60px;
    }
}

.userpage .news {
    padding: 0;
    height: 245px;
    overflow-y: scroll;
    padding-right: 20px;
}

@media all and (max-width: 960px) {
    .userpage .news {
        padding-right: 10px;
    }
}

.userpage .news::-webkit-scrollbar {
    border-radius: 20px;
    width: 5px;
    height: 8px;
    background-color: #aaa;
}

.userpage .news::-webkit-scrollbar-track {
    background-color: #F5F5F5;
    border-radius: 20px;
}

.userpage .news::-webkit-scrollbar:vertical {
    height: 8px;
    border-radius: 20px;
}

.userpage .news::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 20px;
}

.userpage .news--item {
    padding: 0 20px;
    border-bottom: 1px solid #E9E8E8;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

@media all and (max-width: 960px) {
    .userpage .news--item {
        padding-left: 0;
        padding-right: 10px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
}

.userpage .news--title {
    background: none;
    padding: 0;
}

.userpage .news--title .date {
    background: #F6F6F6;
    display: inline-block;
    padding: 5px 30px 7px;
    border-radius: 30px;
}

.userpage .news--title p {
    font-size: 16px;
    font-weight: bold;
}

.userpage .news--content {
    padding: 0;
    margin-top: 10px;
}

.userpage .blockcertified {
    border: 1px solid #E9E8E8;
    border-radius: 20px;
    padding: 15px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

@media all and (max-width: 960px) {
    .userpage .blockcertified {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .userpage .blockcertified .img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
    }
}

.userpage .blockcertified h4 {
    color: #FD813E;
    font-size: 16px;
    margin-bottom: 10px;
}

.userpage .blockcertified h4 label {
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
    background: #95AE70;
    border-radius: 30px;
    padding: 3px 10px 4px;
    margin-left: 10px;
}

.userpage .blockcertified h4 label.bgblack {
    background: #000;
}

@media all and (max-width: 960px) {
    .userpage .blockcertified h4 label {
        display: inline-block;
        margin-left: 0;
        margin-right: 10px;
        margin-top: 5px;
    }
}

.userpage .blockcertified span.date {
    background: #F6F6F6;
    display: inline-block;
    padding: 10px 30px 12px;
    border-radius: 30px;
    font-size: 14px;
    color: #717171;
}

.userpage .blockcertified .txt {
    margin-bottom: 20px;
    margin-left: 20px;
}

@media all and (max-width: 960px) {
    .userpage .blockcertified .txt {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        margin-left: 0;
    }
}

.userpage .blockcertified .block--btn {
    margin-right: 0;
    margin-left: auto;
}

@media all and (max-width: 960px) {
    .userpage .blockcertified .block--btn {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-top: 5px;
        text-align: right;
    }
}

.userpage .user--block {
    margin-top: 40px;
}

@media all and (max-width: 960px) {
    .userpage .user--block {
        margin-top: 30px;
    }
}

.userpage .user--block.qualifi {
    margin-top: 15px;
}

@media all and (max-width: 960px) {
    .userpage .user--block.qualifi {
        margin-top: 0;
    }
}

.userpage .user--block.qualifi--detail,
.userpage .user--block.qualifi--sheet {
    margin-top: 0;
}

.titline {
    margin-bottom: 25px;
}

@media all and (max-width: 960px) {
    .titline {
        margin-bottom: 15px;
    }
}

.titline h3 {
    font-weight: bold;
    display: inline-block;
    padding-right: 30px;
    border-bottom: 2px solid #FD813E;
    font-size: 22px;
    padding-bottom: 10px;
}

@media all and (max-width: 960px) {
    .titline h3 {
        font-size: 18px;
    }
}

.qualifi--content {
    padding: 0 20px;
}

@media all and (max-width: 960px) {
    .qualifi--content {
        padding: 0;
    }
}

.qualifi--sheet {
    border: 1px solid #E9E8E8;
    border-radius: 20px;
}

.qualifi--title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #E9E8E8;
    padding: 10px 20px;
}

.qualifi--title .btnicoback {
    background: url(../images/ico-back.svg) no-repeat left center;
    background-size: 30px;
    font-weight: bold;
    font-size: 24px;
    padding-left: 40px;
}

@media all and (max-width: 960px) {
    .qualifi--title .btnicoback {
        font-size: 18px;
        background-size: 20px;
        min-height: 20px;
        padding-left: 30px;
    }
}

.qualifi--title .btnicoback:hover {
    opacity: 0.7;
}

.qualifi .block--btnlarge {
    text-align: right;
    margin-right: 20px;
    margin-top: 20px;
}

@media all and (max-width: 960px) {
    .qualifi .block--btnlarge {
        margin-right: 0;
        text-align: center;
    }
}

.qualifi--detail {
    border-radius: 20px;
    overflow: hidden;
}

.qualifi--detail table {
    width: 100%;
    table-layout: auto;
    margin-bottom: 30px;
}

.qualifi--detail table th,
.qualifi--detail table td {
    border: 1px solid #E9E8E8;
    padding: 15px;
    text-align: center;
}

@media all and (max-width: 960px) {
    .qualifi--detail table th,
    .qualifi--detail table td {
        padding: 10px;
    }
}

.qualifi--detail table th {
    font-weight: bold;
    background: #95AE70;
    color: #fff;
    border-color: #95AE70;
}

.qualifi--detail table td:first-child {
    background: #F6F6F6;
    width: 40%;
    vertical-align: middle !important;
}

.qualifi--detail table td:nth-child(2) {
    width: 25%;
    vertical-align: middle;
}

.qualifi--detail table .block--btn {
    text-align: center;
}

.qualifi--detail table .block--btn a {
    min-width: 110px;
    padding-left: 0;
    padding-right: 0;
}

@media all and (max-width: 960px) {
    .qualifi--detail table .block--btn a {
        min-width: 90px;
        font-size: 14px;
    }
}

.qualifi--detail table .btntoedit {
    border: 1px solid #FD813E;
    color: #fff;
    font-size: 16px;
    padding: 12px 0 14px;
}

.qualifi--detail .block--btn {
    text-align: right;
}

.qualifi--table {
    padding: 15px 20px;
}

@media all and (max-width: 480px) {
    .qualifi--table {
        padding: 5px 10px;
    }
}

.qualifi--table .block {
    max-width: 740px;
    margin: 0 auto;
}

.qualifi--sheet .table {
    border-top: 1px solid #000;
    margin: 5px 0;
}

.qualifi--sheet .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    border-left: 1px solid #000;
}

.qualifi--sheet .row:not(.row2col):nth-child(2) .col:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
}

@media all and (max-width: 480px) {
    .qualifi--sheet .row:not(.row2col):nth-child(2) .col:first-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px;
    }
}

.qualifi--sheet .col {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 10px 15px;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.qualifi--sheet .col.text_right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media all and (max-width: 960px) {
    .qualifi--sheet .col {
        padding: 5px;
    }
}

.qualifi--sheet span.txtdynm {
    color: #95AE70;
}

.qualifi--sheet .row2col .col span {
    display: block;
}

.qualifi--sheet .row2col .col:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 180px;
    flex: 0 0 180px;
    padding: 5px;
}

@media all and (max-width: 480px) {
    .qualifi--sheet .row2col .col:first-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px;
    }
}

.qualifi--sheet .row2col .col:last-child {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.qualifi--sheet .block--btn a {
    padding-left: 5px;
    padding-right: 5px;
}

@media all and (max-width: 960px) {
    .qualifi--sheet .block--btn a {
        padding-left: 0;
        padding-right: 0;
    }
}

@media all and (max-width: 480px) {
    .qualifi--sheet .table * {
        font-size: 10px;
    }
}

.form-search .select2-container {
    display: block;
}

.form-search .select2-container--default .select2-selection--single {
    border: 0;
    height: 40px;
}

.form-search .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal;
    color: #000;
    border-radius: 50px;
    background: #F6F6F6;
    padding: 7px 20px;
    height: 100%;
    text-align: left;
}

.form-search .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}

.form-search .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #333 transparent transparent transparent;
    border-width: 6px 5px 0 5px;
    margin-left: -10px;
    margin-top: -3px;
}

.form-search .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #333 transparent;
    border-width: 0 5px 6px 5px;
    margin-left: -10px;
    margin-top: -3px;
}

.modal {
    display: none;
    position: fixed;
    background: rgba(134, 126, 122, 0.8);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modal.showthis {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.modal-content {
    position: relative;
    background: #fff;
    border-radius: 20px;
    padding: 30px;
    width: 450px;
}

.modal-content .title {
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    margin-bottom: 15px;
}

.modal-content .btn_close {
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.modal-content .block--btn {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.modal-content .block--btn label,
.modal-content .block--btn a,
.modal-content .block--btn button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    display: block;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border-radius: 10px;
    padding: 19px 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
}

.modal-content .block--btn label:hover,
.modal-content .block--btn a:hover,
.modal-content .block--btn button:hover {
    opacity: 0.7;
}

.modal .cancelbox {
    background: #3F3B3A;
}

.modal .submit {
    background: #EC5F56;
}

.txtnotice {
    background: #3F3B3A;
    position: absolute;
    width: 80%;
    border-radius: 20px;
    padding: 20px;
    right: 35px;
    bottom: 20px;
    max-width: calc(100% - 425px);
}

.txtnotice p {
    text-align: center;
    color: #fff;
}

.txtnotice .btn_close {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -21px;
    cursor: pointer;
}

.notesend {
    font-size: 14px;
    color: #888;
}

.dn {
    display: none;
}

.errorMsg {
    color: red;
    text-align: left;
}

.icopos {
    position: absolute;
    left: -5px;
    top: -10px;
}

.btnupdatecer {
    position: relative;
}

.paymentConfirm {
    text-align: center;
}

.paymentConfirm h2 {
    font-size: 26px;
    background: url(../images/icon-confirm.svg) no-repeat center top;
    padding-top: 50px;
    background-size: 40px;
}

@media all and (max-width: 960px) {
    .paymentConfirm h2 {
        font-size: 18px;
        background-size: 34px;
        padding-top: 40px;
    }
}

.paymentConfirm p {
    margin-bottom: 10px;
}

.paymentConfirm p.tel {
    background: url(../images/icon-tel.png) no-repeat left center;
    padding-left: 40px;
    font-weight: bold;
    font-size: 24px;
    display: inline-block;
}

@media all and (max-width: 960px) {
    .paymentConfirm p.tel {
        font-size: 16px;
        background-size: 24px;
        padding-left: 32px;
    }
}

.paymentConfirm p.mail {
    background: url(../images/icon-mail.png) no-repeat left center;
    padding-left: 40px;
    display: inline-block;
}

.paymentConfirm .subtit {
    font-size: 18px;
    margin: 20px 0;
    font-weight: bold;
}

@media all and (max-width: 960px) {
    .paymentConfirm .subtit {
        font-size: 14px;
    }
}

.paymentConfirm .btn-back {
    margin-top: 50px;
}

.paymentConfirm .btn-back a {
    color: #FD813E;
    border: 1px solid #FD813E;
    border-radius: 30px;
    padding: 8px 40px 10px;
}

.blockcertiInfo {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media all and (min-width: 961px) {
    .blockcertiInfo img {
        max-width: 240px;
        margin-top: 10px;
    }
}

@media all and (max-width: 960px) {
    .blockcertiInfo {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.blockcertiInfo table {
    width: 40%;
    table-layout: auto;
    margin-left: 50px;
}

@media all and (max-width: 960px) {
    .blockcertiInfo table {
        margin: 0 auto;
        width: 80%;
        margin-top: 15px;
    }
}

.blockcertiInfo table td {
    padding: 10px;
}

.blockcertiInfo table td:first-child {
    width: 35%;
}

.clgreen {
    color: #95AE70;
}

.blockcertiDeli table {
    margin: 30px 0 50px;
    width: 100%;
}

@media all and (max-width: 960px) {
    .blockcertiDeli table {
        margin: 20px 0 30px;
    }
}

.blockcertiDeli table td {
    border: 1px solid #EAEAEA;
    padding: 15px 40px;
}

@media all and (max-width: 960px) {
    .blockcertiDeli table td {
        padding: 15px;
    }
}

.btnorg a {
    background: #FD813E;
    color: #fff;
    font-weight: bold;
    width: 300px;
    display: inline-block;
    padding: 10px;
    border-radius: 30px;
}

@media all and (max-width: 960px) {
    .btnorg a {
        width: 200px;
    }
}

.table-wrap {
    width: 100%;
    overflow: auto;
    height: 560px;
}

.table--scroll::-webkit-scrollbar {
    border-radius: 20px;
    width: 5px;
    height: 8px;
    background-color: #aaa;
}

.table--scroll::-webkit-scrollbar-track {
    background-color: #f5f5f5;
    border-radius: 20px;
}

.table--scroll::-webkit-scrollbar:vertical {
    height: 8px;
    border-radius: 20px;
}

.table--scroll::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 20px;
}

.manager--document .tab-table table {
    width: 100%;
    min-width: 1200px;
    table-layout: auto;
    max-height: 560px;
    display: table;
}

.manager--document .tab-table table thead,
.manager--document .tab-table table tbody {
    position: relative;
    width: inherit !important;
}

.manager--document .tab-table table thead td,
.manager--document .tab-table table tbody td {
    max-width: 200px;
    min-width: inherit;
}

.manager--document .tab-table table thead td:nth-child(1),
.manager--document .tab-table table thead td:nth-child(2),
.manager--document .tab-table table thead td:nth-child(3),
.manager--document .tab-table table thead td:nth-child(4),
.manager--document .tab-table table tbody td:nth-child(1),
.manager--document .tab-table table tbody td:nth-child(2),
.manager--document .tab-table table tbody td:nth-child(3),
.manager--document .tab-table table tbody td:nth-child(4) {
    background: #fff;
    z-index: 99;
    position: -webkit-sticky;
    position: sticky;
}

.manager--document .tab-table table thead td:nth-child(1),
.manager--document .tab-table table tbody td:nth-child(1) {
    left: 0;
    width: 40px;
    min-width: 40px;
    z-index: 100;
}

.manager--document .tab-table table thead td:nth-child(2),
.manager--document .tab-table table tbody td:nth-child(2) {
    left: 40px;
    width: 80px;
    min-width: 80px;
    z-index: 100;
}

.manager--document .tab-table table thead td:nth-child(3),
.manager--document .tab-table table tbody td:nth-child(3) {
    left: 120px;
    width: 150px;
    min-width: 150px;
    z-index: 100;
}

.manager--document .tab-table table thead td:nth-child(4),
.manager--document .tab-table table tbody td:nth-child(4) {
    left: 270px;
    width: 190px;
    min-width: 190px;
    z-index: 99;
}

.manager--document .tab-table table thead td:nth-child(5),
.manager--document .tab-table table tbody td:nth-child(5) {
    width: 200px;
}

.manager--document .tab-table table thead td:nth-child(6),
.manager--document .tab-table table tbody td:nth-child(6) {
    width: 200px;
}

.manager--document .tab-table table thead td:nth-child(7),
.manager--document .tab-table table tbody td:nth-child(7) {
    width: 200px;
}

.manager--document .tab-table table thead td:nth-child(8),
.manager--document .tab-table table tbody td:nth-child(8) {
    width: 200px;
}

.manager--document .tab-table table thead {
    display: inherit;
    z-index: 100;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.manager--document .tab-table table thead td {
    background: #fff;
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
}

.manager--document .tab-table table tbody {
    display: table;
    z-index: 99;
}

.manager--report .tab-table table {
    width: 100%;
    min-width: 1200px;
    table-layout: auto;
    max-height: 560px;
    display: table;
}

.manager--report .tab-table table thead,
.manager--report .tab-table table tbody {
    position: relative;
    width: inherit !important;
}

.manager--report .tab-table table thead td,
.manager--report .tab-table table tbody td {
    width: 200px;
    max-width: 200px;
    min-width: 200px;
}

.manager--report .tab-table table thead td:nth-child(1),
.manager--report .tab-table table thead td:nth-child(2),
.manager--report .tab-table table thead td:nth-child(3),
.manager--report .tab-table table tbody td:nth-child(1),
.manager--report .tab-table table tbody td:nth-child(2),
.manager--report .tab-table table tbody td:nth-child(3) {
    background: #fff;
    z-index: 99;
    position: -webkit-sticky;
    position: sticky;
}

.manager--report .tab-table table thead td:nth-child(1),
.manager--report .tab-table table tbody td:nth-child(1) {
    left: 0;
    width: 150px;
    min-width: 150px;
    z-index: 100;
}

.manager--report .tab-table table thead td:nth-child(2),
.manager--report .tab-table table tbody td:nth-child(2) {
    left: 150px;
    z-index: 100;
}

.manager--report .tab-table table thead td:nth-child(3),
.manager--report .tab-table table tbody td:nth-child(3) {
    left: 350px;
    z-index: 100;
}

.manager--report .tab-table table thead {
    display: inherit;
    z-index: 100;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.manager--report .tab-table table thead td {
    background: #fff;
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
}

.manager--report .tab-table table tbody {
    display: table;
    z-index: 99;
}

.content--boxwhite-fullh .table-wrap {
    height: calc(100vh - 345px);
}

#menu .nav .hassub {
    background-position: left top 6px;
}

#menu .nav .hassub:hover,
#menu .nav .hassub.active {
    background-position: left top 6px;
}

#menu .nav .hassub .acr_title {
    position: relative;
}

#menu .nav .hassub .acr_title::before {
    content: '';
    background: transparent;
    position: absolute;
    width: 8px;
    height: 8px;
    right: 10px;
    top: 50%;
    margin-top: -6px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    border-top: 1px solid #FD813E;
    border-right: 1px solid #FD813E;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#menu .nav .hassub .acr_title.open::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -2px;
}

#menu .nav .sub-menu li {
    background: none;
    padding-left: 0;
    margin-top: 15px;
    margin-bottom: 15px;
}

.field-list {
    margin-top: 20px;
}

.field-list ul {
    max-width: 400px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
}

.field-list li {
    width: 100%;
    margin: 15px 0;
}

.field-list li a {
    background: #fff;
    border-radius: 30px;
    color: #95AE70;
    display: block;
    width: 100%;
    border: 1px solid #95AE70;
    text-align: center;
    padding: 10px;
}

.field-list li a:hover {
    background: #95AE70;
    color: #fff;
}

.tbnoborder th {
    text-align: left;
    min-width: 200px;
}

.tbnoborder td {
    padding: 15px 0;
}

.tbnoborder td a {
    color: #95AE70;
}

.tbnoborder td a:hover {
    text-decoration: underline;
}

.block--btn-haspdf {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.block--btn-haspdf .btnpdf {
    background: #000;
    font-size: 14px;
    margin: 0 !important;
    max-width: 162px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.block--btn-haspdf .btnpdf span {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    word-break: keep-all;
    white-space: nowrap;
}

.block--btn-haspdf a {
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    display: block;
    margin-right: 4%;
}

.block--btn-haspdf .custom-file {
    position: relative;
}

.block--btn-haspdf .custom-file-upload {
    display: block;
    margin: 0;
}

.block--btn-haspdf .custom-file {
    margin-bottom: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
}

.block--btn-haspdf .custom-file input {
    display: none;
    visibility: hidden;
    position: absolute;
    left: -9999px;
}

.block--btn-haspdf .custom-file.hasfile label {
    background: #fff;
    border: 1px solid #000;
    height: 26px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.block--btn-haspdf .custom-file.hasfile label span {
    color: #000;
}

.block--btn-haspdf .delfile {
    position: absolute;
    cursor: pointer;
    right: -19px;
    top: 50%;
    margin-top: -7px;
    border: 1px solid #000;
    border-radius: 100%;
    width: 14px;
    height: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
    line-height: 1;
    z-index: 99;
}

.table--various table th {
    padding-left: 0;
    width: 270px;
    min-width: 270px;
}

.table--various table td .dflex {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.table--various table td .dflex input {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 44%;
    flex: 0 0 44%;
}

.table--various table td .dflex input.hasvalue {
    background: #EAEAEA url(../images/ico-calendar.png) no-repeat right 15px center !important;
}

.table--various .block--btn.block--btnlarge {
    margin-bottom: 0;
}

.table--various .block--btn.block--btnlarge button {
    min-width: 170px;
    font-size: 16px;
    padding: 16px 40px 18px;
}

.table--various .block--btn.block--btnlarge .bgwhite {
    background: #fff;
    color: #C4C4C4;
    border-color: #C4C4C4;
}

.faceblock .inbox {
    border-radius: 20px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media all and (max-width: 960px) {
    .faceblock .inbox {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.faceblock .leftside {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 44%;
    flex: 0 0 44%;
    max-width: 340px;
    padding: 30px;
    padding-top: 10px;
    border-right: 1px solid #EAEAEA;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    position: relative;
}

.faceblock .leftside .blockimgupload {
    margin: 0 auto;
    width: 240px;
    height: 240px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

@media all and (max-width: 960px) {
    .faceblock .leftside {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        border-right: 0;
        -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
        max-width: 100%;
        height: 380px;
        padding: 20px;
        margin-top: 80px;
    }
}

.faceblock .leftside .tit {
    font-weight: bold;
    font-size: 24px;
    text-align: center;
}

@media all and (max-width: 960px) {
    .faceblock .leftside .tit {
        font-size: 18px;
    }
}

.faceblock .leftside .block--btnlarge {
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    bottom: 30px;
    width: calc(100% - 60px);
}

@media all and (max-width: 960px) {
    .faceblock .leftside .block--btnlarge {
        bottom: 20px;
        left: 0;
        margin-left: 0;
        width: 100%;
    }
}

.faceblock .leftside .bgorange {
    width: 240px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.faceblock .leftside .bgorange span {
    font-size: 16px;
    font-weight: bold;
}

.faceblock .rightside {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 340px);
    flex: 0 0 calc(100% - 340px);
    max-width: 66%;
    padding: 40px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media all and (max-width: 1200px) {
    .faceblock .rightside {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 30px;
    }
}

@media all and (max-width: 960px) {
    .faceblock .rightside {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        max-width: 100%;
        padding: 0;
    }
}

@media all and (max-width: 640px) {
    .faceblock .rightside {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
    }
}

.faceblock .rightside .img {
    padding: 7px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 194px;
    flex: 0 0 194px;
    height: 254px;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.faceblock .rightside .img img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.faceblock .rightside .txt {
    padding-left: 5%;
}

@media all and (max-width: 1200px) {
    .faceblock .rightside .txt {
        padding-left: 0;
        margin-top: 20px;
    }
}

@media all and (max-width: 960px) {
    .faceblock .rightside .txt {
        margin-top: 10px;
        padding-left: 30px;
    }
}

@media all and (max-width: 640px) {
    .faceblock .rightside .txt {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 200px);
        flex: 0 0 calc(100% - 200px);
        padding-left: 3%;
    }
}

.faceblock .rightside label {
    color: #FD813E;
    border: 1px solid #FD813E;
    border-radius: 30px;
    font-size: 16px;
    text-align: center;
    display: block;
    padding: 10px 0;
    margin-bottom: 10px;
    position: relative;
}

.faceblock .rightside label::after {
    position: absolute;
    content: '';
}

.faceblock .rightside label.line1::after {
    background: url(../images/Line1.png) no-repeat left center;
    background-size: cover;
    width: 86px;
    height: 39px;
    left: -86px;
    top: 20px;
}

.faceblock .rightside label.line2::after {
    background: url(../images/Line2.png) no-repeat left center;
    background-size: cover;
    width: 96px;
    height: 43px;
    left: -96px;
    top: 20px;
}

.faceblock .rightside label.line3::after {
    background: url(../images/Line3.png) no-repeat left center;
    background-size: cover;
    width: 43px;
    height: 21px;
    left: -43px;
    top: 20px;
}

@media all and (max-width: 640px) {
    .faceblock .rightside label {
        font-size: 13px;
    }
}

.faceblock .rightside .note {
    margin-top: 25px;
}

.faceblock .rightside .note p {
    color: #717171;
    text-indent: -16px;
}

@media all and (max-width: 640px) {
    .faceblock .rightside .note {
        position: absolute;
        left: 15px;
        bottom: -70px;
    }
    .faceblock .rightside .note p {
        font-size: 12px;
    }
}

.faceblock .block--btnlarge {
    margin-top: 20px;
}

.certificate--item .block--btn {
    border-bottom: 1px solid #EAEAEA;
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.titico {
    background: none;
    margin-bottom: 35px;
}

.titico h2 {
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    padding: 10px 20px;
    padding-left: 50px;
    border-radius: 30px;
}

.titico.bgorg h2 {
    background: #FD813E url(../images/ico.svg) no-repeat left 20px center;
}

.titico.bgyellow h2 {
    background: #FFDC27 url(../images/ico.svg) no-repeat left 20px center;
}

.titico.bgred h2 {
    background: #FF3233 url(../images/ico.svg) no-repeat left 20px center;
}

.blockyellow .titline h3 {
    border-color: #FFDC27;
}

.blockred .titline h3 {
    border-color: #FF3233;
}

.boxwhite .dflex {
    margin-top: 30px;
}

.boxwhite .dflex div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
}

.boxwhite .dflex select {
    margin-top: 15px;
    border: 1px solid #95AE70;
    color: #95AE70;
    text-align: center;
}

.tbtbaddcredits {
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #E9E8E8;
    border-top: 0;
}

@media all and (max-width: 960px) {
    .tbtbaddcredits {
        overflow-x: auto;
    }
}

.tbtbaddcredits table {
    margin-bottom: 0;
}

@media all and (max-width: 960px) {
    .tbtbaddcredits table {
        min-width: 800px;
    }
}

.tbtbaddcredits table th,
.tbtbaddcredits table td {
    border-right: 0;
}

.tbtbaddcredits table tr:last-child td {
    border-bottom: 0;
}

.tbadditional td,
.tbadditional th {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.tbadditional tr td {
    vertical-align: middle;
}

.tbadditional tr td:nth-child(2),
.tbadditional tr td:nth-child(5) {
    width: 90px;
}

.tbadditional tr.total td {
    background: #fff;
}

.tbadditional .block--btn {
    margin: 0 auto;
    max-width: 150px;
}

@media all and (max-width: 768px) {
    .tbadditional .block--btn {
        max-width: 100px;
    }
}

.tbadditional .block--btn a,
.tbadditional .block--btn button {
    height: 40px;
}

.tbadditional .block--btn a span,
.tbadditional .block--btn button span {
    line-height: 1;
}

@media all and (max-width: 768px) {
    .tbadditional .block--btn a,
    .tbadditional .block--btn button {
        padding: 0 10px !important;
    }
    .tbadditional .block--btn a span,
    .tbadditional .block--btn button span {
        white-space: pre-wrap;
    }
}

.tbadditional .block--btn.bgwhite span {
    color: #FD813E;
}

.tbadditional .block--btn.bgorange.hasFile label {
    background: #fff;
    border: 1px solid #FD813E;
}

.tbadditional .block--btn.bgorange.hasFile img {
    display: none;
}

.tbadditional .block--btn.bgorange.hasFile span {
    color: #FD813E;
    margin-left: 0 !important;
}

.submitCredits {
    width: 165px;
    height: 50px;
    font-size: 16px;
}

.submitCredits.disabled {
    background: #DBDBDB;
    pointer-events: none;
}

.customFile {
    position: relative;
}

.customFile input {
    position: absolute;
    text-indent: -99999px;
    width: 150px;
    height: 40px;
    z-index: 0;
    cursor: pointer;
    border-radius: 30px;
}

@media all and (max-width: 768px) {
    .customFile input {
        width: 100px;
    }
}

.customFile label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #FD813E;
    padding: 0;
    height: 40px;
    width: 150px;
    margin: 0;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

@media all and (max-width: 768px) {
    .customFile label {
        width: 100px;
        padding: 0 10px;
    }
}

.customFile label span {
    color: #fff;
    line-height: 1;
}

@media all and (max-width: 768px) {
    .customFile label span {
        margin-left: 5px !important;
    }
}

.customFile label:hover {
    opacity: 0.7;
}

#updatefuture {
    text-indent: 0;
    left: 0;
    position: relative;
    margin-right: 5px;
}

@media all and (max-width: 768px) {
    .page__login.useradmin {
        min-width: inherit;
    }
    .page__login.useradmin .main__body {
        min-width: inherit;
    }
    .page__login.useradmin .header {
        padding: 15px;
    }
    .page__login.useradmin .header__top {
        max-width: 150px;
    }
    .page__login.useradmin .header__top--logo {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        padding: 5px;
    }
    .page__login.useradmin .login.useradmin {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .page__login.useradmin .login.useradmin .boxlogin {
        width: 92%;
        height: auto;
        padding: 25px 20px;
        border-radius: 20px;
    }
    .page__login.useradmin .login.useradmin .boxlogin h1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        margin-bottom: 30px;
    }
    .page__login.useradmin .login.useradmin .boxlogin .form-group {
        margin-bottom: 20px;
    }
    .page__login.useradmin .login.useradmin .boxlogin .buttonsutmit {
        margin: 30px 0 20px 0;
    }
    .page__login.useradmin .login.useradmin .boxlogin .buttonsutmit a {
        padding: 15px 20px;
    }
    .forget-pass .header,
    .reset-pass .header {
        margin: 0;
        padding: 15px;
    }
    .forget-pass .header .header__top,
    .reset-pass .header .header__top {
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
    }
    .forget-pass .header .header__top--logo,
    .reset-pass .header .header__top--logo {
        width: 150px;
        background: rgba(255, 255, 255, 0.5);
        border-radius: 50px;
        height: auto;
        -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
        box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        padding: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .forget-pass .header .header__top--logo img,
    .reset-pass .header .header__top--logo img {
        max-width: 125px;
    }
    .forget-pass .header .header__top .header__top--icon,
    .reset-pass .header .header__top .header__top--icon {
        display: none;
    }
    .forget-pass .main__body,
    .reset-pass .main__body {
        min-width: inherit;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .forget-pass .title-content h2,
    .reset-pass .title-content h2 {
        font-size: 24px;
    }
    .forget-pass .content--boxwhite,
    .reset-pass .content--boxwhite {
        padding: 20px;
    }
    .forget-pass .forget--password.content,
    .reset-pass .forget--password.content {
        background-size: cover !important;
        background-position: center center !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 0 !important;
        padding-bottom: 50px !important;
    }
    .forget-pass .table--stylenm table,
    .reset-pass .table--stylenm table {
        width: 100%;
    }
    .forget-pass .table--stylenm table th, .forget-pass .table--stylenm table td,
    .reset-pass .table--stylenm table th,
    .reset-pass .table--stylenm table td {
        width: 100%;
        display: block;
        padding: 0;
    }
    .forget-pass .buttonsutmit a,
    .reset-pass .buttonsutmit a {
        width: 90%;
        max-width: 300px;
        font-size: 16px;
        padding: 15px 20px;
    }
    .forget-pass .txt-contents,
    .reset-pass .txt-contents {
        margin: 20px 0;
    }
    .forget-pass .txtnotice,
    .reset-pass .txtnotice {
        max-width: inherit;
        width: 94%;
    }
    .forget-pass .txtnotice .btn_close,
    .reset-pass .txtnotice .btn_close {
        top: 9px;
        right: 9px;
        margin-top: 0;
    }
    .forget-pass .txtnotice .btn_close img,
    .reset-pass .txtnotice .btn_close img {
        width: 24px;
    }
}

.information--content table {
    width: 100%;
    max-width: 96%;
    margin: 0 auto;
    margin-bottom: 40px;
}

.information--content table th {
    width: 20%;
    text-align: left;
    padding: 10px;
}

.information--content table td {
    padding: 10px;
}

.information--content table input:disabled {
    background: #EAEAEA;
}

.information--content .dflex {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media all and (max-width: 768px) {
    .information--content .dflex {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .information--content .dflex .block--btn {
        margin: 0 5px !important;
    }
}

.manager--document.question-page .table table th, .manager--document.question-page .table table td {
    max-width: inherit;
}

.manager--document.question-page .table table tbody {
    display: block;
}

.manager--document.question-page .table.table--fixed-question tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 80px 430px 305px 250px 180px [3];
    grid-template-columns: 80px 430px 305px 250px repeat(3, 180px);
}

.manager--participant .table--scroll table {
    min-width: 1400px;
}

.manager--participant .table--scroll table tbody {
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 650px;
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
}

.manager--participant .table--scroll table thead td {
    min-width: inherit;
}

.manager--participant .table--scroll table tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 100px 210px 210px 210px 270px 200px [2];
    grid-template-columns: 100px 210px 210px 210px 270px repeat(2, 200px);
}

.tox-tinymce--disabled .tox-edit-area__iframe {
    background: #F5F5F5 !important;
}

.manager--question select:disabled,
.manager--question input:disabled {
    background: #F5F5F5;
}

.manager--question .table--stylenm table th {
    width: 200px;
}

.manager--question .btnfile {
    min-width: 200px;
}

.manager--question .btnfile label {
    margin: 0;
    min-width: 200px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.manager--question .radioStyleDef {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.manager--question .radioStyleDef.space {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.manager--question .radioStyleDef li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px;
}

.manager--question .radioStyleDef input {
    text-indent: 0;
    position: relative;
    left: 0;
}

.manager--question .radioStyleDef label {
    margin-left: 10px;
    background: none;
    height: auto;
    min-width: inherit;
    padding: 0;
    color: #000;
    line-height: 1;
    border: 0 solid !important;
}

.manager--question .radioStyleDef label::after {
    background: none;
}

.manager--question [type="checkbox"]:not(:checked) + label,
.manager--question [type="radio"]:not(:checked) + label {
    border: 1px solid #E5E9CC;
    background: #fff;
    color: #000;
}

.manager--question tr input[type="checkbox"] {
    position: absolute !important;
    display: none !important;
}

.tox-tinymce {
    border: 1px solid #EAEAEA !important;
    border-radius: 20px !important;
}

.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
    background: #F6F6F6 !important;
    border-bottom: 1px solid #EAEAEA;
}

.textarea {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: calc(100% - 200px);
}

.test-page .table {
    overflow-x: auto;
}

.test-page table {
    min-width: 1000px;
}

.test-page table td:first-child {
    max-width: inherit;
    min-width: 400px;
}

.test-page table td .bgwhite {
    padding: 5px 14px 7px;
    font-size: 14px;
}

.test-page table td .btn-border-black {
    background: #fff;
    color: #000;
    border: 1px solid #000;
}

.table--fixed-question .selectionTb {
    min-width: 100%;
    margin-bottom: 50px;
}

.table--fixed-question .selectionTb tbody {
    height: 600px;
}

.table--fixed-question .selectionTb tr {
    -ms-grid-columns: (16.66%)[6] !important;
    grid-template-columns: repeat(6, 16.66%) !important;
}

.table--fixed-question .selectionTb tr .btn-border-black {
    padding: 5px 14px 7px;
    border-color: #000;
    color: #000;
    font-size: 14px;
}

.btnpoints {
    color: #fff;
    border-radius: 45px;
    line-height: 1;
}

.tbcolumn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.tbcolumn .content--boxwhite {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10px;
}

.tbcolumn .table--scroll2 {
    overflow-x: auto;
}

.tbcolumn .table--scroll2 tr {
    cursor: pointer;
}

.tbcolumn .table--scroll2 tr.active {
    background: #E5E9CC;
}

.tbcolumn .tbleft table {
    width: 100%;
    table-layout: auto;
}

.tbcolumn .tbleft thead {
    display: block;
    min-width: 100%;
}

.tbcolumn .tbleft thead tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 100px auto 150px;
    grid-template-columns: 100px auto 150px;
}

.tbcolumn .tbleft thead td:first-child {
    padding-left: 10px;
}

.tbcolumn .tbleft thead td:last-child {
    padding-right: 10px;
}

.tbcolumn .tbleft tbody {
    min-width: 100%;
    max-height: 580px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 580px;
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.tbcolumn .tbleft tbody tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 100px auto 150px;
    grid-template-columns: 100px auto 150px;
}

.tbcolumn .tbright {
    position: relative;
}

.tbcolumn .tbright .btnapsolute {
    position: absolute;
    right: 30px;
    bottom: 20px;
}

.tbcolumn .tbright table {
    width: 100%;
    table-layout: auto;
}

.tbcolumn .tbright .btndetail {
    border: 1px solid #95AE70;
    color: #95AE70;
}

.tbcolumn .tbright .greenlabel {
    background: #95AE70;
    border-radius: 50px;
    width: calc(100% - 60px);
    margin: 20px 30px;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
}

.tbcolumn .tbright .selectedtbissue td:first-child {
    padding-left: 20px;
}

.tbcolumn .tbright .selectedtbissue td:last-child {
    padding-right: 10px;
}

.tbcolumn .tbright .answertb th {
    text-align: left;
    padding-left: 30px;
    width: 120px;
}

.tbcolumn .tbright .answertb td {
    padding-right: 30px;
    border: none;
}

.faqSelect {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.faqSelect select {
    width: 200px;
    height: 40px;
    padding: 5px 20px;
}

*::-webkit-scrollbar {
    border-radius: 20px;
    width: 8px;
    height: 8px;
    background-color: #aaa;
}

*::-webkit-scrollbar-track {
    background-color: #F5F5F5;
    border-radius: 20px;
}

*::-webkit-scrollbar:horizontal {
    height: 8px;
    border-radius: 20px;
}

*::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 20px;
}

.blockQuesContain {
    max-height: 440px;
    overflow-y: auto;
}

.blockQuesContain .blockQuestion {
    border-bottom: 1px solid #E9E8E8;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.blockQuesContain .blockQuestion:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.table--fixed-teacher thead,
.table--fixed-occurring thead {
    display: block;
}

.table--fixed-teacher tbody,
.table--fixed-occurring tbody {
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 500px;
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
}

.table--fixed-teacher tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 220px 240px [3] 160px [3];
    grid-template-columns: 220px repeat(3, 240px) repeat(3, 180px);
}

.table--fixed-occurring tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 300px 160px [2] 200px 160px [4];
    grid-template-columns: 300px repeat(2, 160px) 200px repeat(4, 200px);
}

.manager--teacher-select .table--scroll table thead td {
    min-width: inherit;
}

.tablejudge td.judge {
    width: 50%;
}

.tablejudge td.judge > .dflex div {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 20px;
}

.tablejudge td.judge > .dflex .dflex {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.tablejudge td.judge > .dflex .dflex select {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    margin-right: 10px;
}

.tablejudge td.judge > .dflex .dflex button {
    background: none;
    border: 1px solid #000;
    padding: 0 20px;
    border-radius: 40px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.content--boxwhite-fixborder {
    border-top-left-radius: 0;
}

.page__pointSheet #menu {
    display: none;
    width: 0;
}

.page__pointSheet .content {
    background: #fff;
    width: 100%;
    max-width: 1200px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 0 auto;
    padding-bottom: 100px;
}

.page__pointSheet .point-article {
    margin-top: 50px;
}

.page__pointSheet .point-article h3 {
    font-size: 24px;
    margin-bottom: 15px;
}

.page__pointSheet .point-article h4 {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.page__pointSheet .pointSelect {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 20px;
}

.page__pointSheet .pointSelect h4 {
    margin: 0;
}

.page__pointSheet .pointSelect .select {
    background: #95AE70;
    border-radius: 35px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 5px;
    margin: 0 20px;
    padding-right: 20px;
}

.page__pointSheet .pointSelect .select select {
    width: 250px;
    height: 40px;
    padding: 0 20px;
    margin-right: 15px;
}

.page__pointSheet .pointSelect .select span {
    color: #fff;
    font-weight: bold;
}

.page__teacher-result .header__top--logo a {
    pointer-events: none;
}

.page__teacher-result #menu {
    display: none;
    width: 0;
}

.page__teacher-result .content {
    background: #fff;
    width: 100%;
    max-width: 1200px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 0 auto;
    padding-bottom: 100px;
}

.page__teacher-result .blocklabel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px;
}

.page__teacher-result .blocklabel > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 50px;
}

.page__teacher-result .blocklabel > div .clo {
    display: block;
    width: 36px;
    height: 17px;
    border-radius: 35px;
    margin-right: 10px;
}

.page__teacher-result .blocklabel > div.labelPink .clo {
    background: #FF9393;
}

.page__teacher-result .blocklabel > div.labelGreen .clo {
    background: #D0EBA8;
}

.page__teacher-result .blocklabel > div.labelOrg .clo {
    background: #FFA676;
}

.page__teacher-result .blockInfo {
    border: 1px solid rgba(149, 174, 112, 0.5);
    border-radius: 30px;
    padding: 10px 20px;
    margin-bottom: 50px;
}

.page__teacher-result .blockInfo table td {
    border: none !important;
}

.page__teacher-result .blockArticel {
    margin-bottom: 50px;
}

.page__teacher-result .blockArticel .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
    padding-top: 40px;
}

.page__teacher-result .blockArticel .head label {
    border: 1px solid #95AE70;
    border-radius: 30px;
    height: 34px;
    padding: 3px 30px;
}

.page__teacher-result .blockArticel .head h3 {
    font-size: 24px;
}

@media all and (max-width: 768px) {
    .page__teacher-result .blockArticel .head h3 {
        font-size: 20px;
    }
}

.page__teacher-result .blockArticel .head .pointinfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page__teacher-result .blockArticel .head .pointinfo span {
    margin-left: 30px;
}

.page__teacher-result .blockArticel .head .point {
    background: #95AE70;
    color: #fff;
    border-radius: 30px;
    display: block;
    padding: 0 30px;
    height: 34px;
}

.page__teacher-result .blockArticel .contentTxt dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #DBDBDB;
    padding: 10px 20px;
    border-radius: 5px;
    margin: 20px 0;
    cursor: pointer;
}

.page__teacher-result .blockArticel .contentTxt dl:last-child {
    margin-bottom: 0;
}

.page__teacher-result .blockArticel .contentTxt dl.bgPink {
    background: #FF9393;
}

.page__teacher-result .blockArticel .contentTxt dl.bgGreen {
    background: #95AE70;
}

.page__teacher-result .blockArticel .contentTxt dl.bgOrg {
    background: #FFA676;
}

.page__teacher-result .blockArticel .contentTxt dl.active {
    background: #95AE70;
}

.page__teacher-result .blockArticel .contentTxt dt {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.page__teacher-result .blockArticel .contentTxt h4 {
    margin: 20px 0 15px;
}

.page__teacher-result .blockimg {
    margin: 30px 0;
}

.page__teacher-result .blockimg .image {
    width: 700px;
    background: #D9D9D9;
    position: relative;
    margin: 0 auto;
}

.page__teacher-result .blockimg .image a {
    display: block;
}

@media all and (max-width: 768px) {
    .page__teacher-result .blockimg .image {
        width: 100%;
    }
}

.page__teacher-result .blockimg .image img {
    position: relative;
    z-index: 1;
    width: 100%;
}

.page__teacher-result .blockimg .image .ico {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 3;
}

.page__teacher-result .blockimg .image .ico img {
    width: 20px;
}

.manager--schedule .info .text_center {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
}

.manager--schedule .titleGreen {
    background: #95AE70;
    border-radius: 30px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    margin: 30px 0 20px;
}

.manager--schedule .time {
    margin-right: 20px;
}

.manager--schedule .time span {
    margin-left: 10px;
}

.manager--schedule .time.dflex {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.manager--schedule .time input,
.manager--schedule .time select {
    min-width: 100px;
    max-width: 150px;
}

.manager--schedule .date {
    margin-right: 20px;
}

.manager--schedule .date.dflex {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.current-test-tb table {
    min-width: inherit;
}

.current-test-tb table tbody {
    display: block;
    height: 470px;
    overflow-y: auto;
}

.current-test-tb table tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 238px [6];
    grid-template-columns: repeat(6, 238px);
}

.current-test-tb table tr td {
    min-width: inherit !important;
}

.testList--item {
    margin-bottom: 50px;
}

.testList--item:last-child {
    margin-bottom: 0;
}

.testList--content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #EAEAEA;
    border-radius: 20px;
    overflow: hidden;
}

@media all and (max-width: 768px) {
    .testList--content {
        border: none;
    }
}

.testList-block {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

@media all and (max-width: 768px) {
    .testList-block {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        border: 1px solid #EAEAEA;
        border-radius: 20px;
        overflow: hidden;
    }
}

.testList-block:first-child {
    border-right: 1px solid #E9E8E8;
}

@media all and (max-width: 768px) {
    .testList-block:first-child {
        border-right: 1px solid #EAEAEA;
        margin-bottom: 15px;
    }
}

.testList-block > dt {
    background: #95AE70;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding: 10px;
}

.testList-block > dd {
    padding: 25px 25px;
}

@media all and (max-width: 768px) {
    .testList-block > dd {
        padding: 15px 10px;
    }
}

.testList-block .block--btnlarge {
    text-align: center;
    margin: 0;
    width: 100%;
}

@media all and (max-width: 768px) {
    .testList-block .block--btnlarge {
        margin-top: 20px;
    }
}

.testList-block .block--btnlarge a {
    display: block;
    width: 100%;
}

@media all and (max-width: 768px) {
    .testList-block .block--btnlarge a {
        width: 80%;
        margin: 0 auto;
        max-width: 340px;
    }
}

.testList-block .block--btnlarge .btn-alert {
    position: relative;
}

.testList-block .block--btnlarge .btn-alert::after {
    position: absolute;
    content: '';
    background: url(../images/warning-red.png) no-repeat left center;
    background-size: 24px;
    width: 24px;
    height: 24px;
    right: -5px;
    top: -10px;
}

.testList-block .content-demo {
    min-height: 140px;
}

@media all and (max-width: 768px) {
    .testList-block .content-demo {
        min-height: 70px;
    }
}

.testList-block .content-demo dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 10px;
}

@media all and (max-width: 768px) {
    .testList-block .content-demo dl {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.testList-block .content-demo dl:last-child {
    margin-bottom: 0;
}

.testList-block .content-demo .cl-red {
    font-weight: bold;
    font-size: 18px;
}

@media all and (max-width: 768px) {
    .testList-block .content-demo .cl-red {
        font-size: 17px;
    }
}

.page__test .header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

@media all and (max-width: 768px) {
    .page__test .header {
        padding: 2%;
    }
}

.page__test .header__top {
    background: #fff;
    width: 94%;
    margin: 0 auto;
    border-radius: 30px;
}

@media all and (max-width: 960px) {
    .page__test .header__top {
        width: 100%;
        padding: 0 20px;
    }
}

.page__test .header__top img {
    height: 56px;
}

@media all and (max-width: 768px) {
    .page__test .header__top img {
        height: auto;
        max-height: 56px;
    }
}

.page__test .header__top span {
    color: #FD813E;
    font-weight: bold;
}

.page__test .main__body {
    min-width: inherit;
}

.testDemo {
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 0;
}

@media all and (max-width: 768px) {
    .testDemo {
        padding: 5%;
    }
}

.testDemo h2 {
    text-align: center;
    font-size: 24px;
}

@media all and (max-width: 768px) {
    .testDemo h2 {
        font-size: 20px;
    }
}

.testDemo .boxgreen {
    border: 2px solid #95AE70;
    border-radius: 20px;
    padding: 25px;
    max-width: 700px;
    margin: 50px auto;
    text-align: center;
}

@media all and (max-width: 768px) {
    .testDemo .boxgreen {
        padding: 15px;
        margin: 30px 0;
    }
}

.testDemo .boxgreen .cl-red {
    font-weight: bold;
}

@media all and (max-width: 768px) {
    .testDemo .boxgreen .cl-red {
        display: block;
        font-size: 18px !important;
    }
}

.testDemo .boxgreen dl {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.testDemo .boxgreen dl dt {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    text-align: left;
}

.testDemo .info {
    max-width: 700px;
    margin: 30px auto;
}

.testDemo .block--btn {
    text-align: center;
    margin-bottom: 0;
}

.testDemo .block--btn a {
    margin: 0 auto;
    max-width: 370px;
    display: block;
}

.content.content_read {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
    padding-top: 100px;
    border-radius: 0;
}

@media all and (max-width: 768px) {
    .content.content_read {
        padding: 0 2%;
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.content.content_read .slick-slider {
    max-width: 1200px;
    margin: 0 auto;
}

.content.content_read .slick-slider .btn-back {
    min-height: 30px;
    margin-top: 0;
}

.content.content_read .slick-slider .btn-back a {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.content.content_read .slick-dots li {
    margin: 0;
}

.content.content_read .slick-dots li button:before {
    font-size: 10px;
    color: #fff;
}

.readStep .textGreen {
    position: relative;
    margin: 20px 0 30px;
}

.readStep .textGreen::after {
    position: absolute;
    content: '';
    background: #95AE70;
    width: 460px;
    height: 1px;
    left: 50%;
    top: 50%;
    margin-left: -230px;
}

.readStep .textGreen span {
    background: #fff;
    position: relative;
    z-index: 2;
    padding: 0 20px;
}

.readStep .block--btn button {
    width: 370px;
    height: 50px;
}

@media all and (max-width: 768px) {
    .readStep .block--btn button {
        width: 100%;
    }
}

.readStep dl.dflex {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    word-wrap: break-word;
    margin-bottom: 10px;
}

@media all and (max-width: 768px) {
    .readStep dl.dflex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.readStep dl.dflex:last-child {
    margin-bottom: 0;
}

.readStep dl.dflex dt {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 220px;
    flex: 0 0 220px;
}

@media all and (max-width: 768px) {
    .readStep dl.dflex dt {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        text-align: center;
    }
}

.readStep dl.dflex dd {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 220px);
    flex: 0 0 calc(100% - 220px);
    text-align: left;
    max-width: 420px;
}

@media all and (max-width: 768px) {
    .readStep dl.dflex dd {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: inherit;
        text-align: center;
    }
}

.readStep dl.dflex .texturl {
    max-width: 100%;
    position: relative;
    white-space: pre-line;
}

.readStep dl.dflex .texturl::after {
    content: '..................................................................................';
}

@media all and (max-width: 768px) {
    .readStep dl.dflex .texturl {
        text-align: left;
    }
}

.readStep .info {
    max-width: 440px;
    margin: 0 auto;
    margin-bottom: 50px;
}

.readStep .info h4 {
    margin-bottom: 10px;
    font-size: 20px;
    background: url(../images/warning-red.png) no-repeat left top 6px;
    padding-left: 27px;
    background-size: 20px;
    margin-left: -4px;
}

.readStep .info .checkDefault {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.readStep .info .checkDefault input {
    position: relative;
    left: 0;
    margin-right: 10px;
}

.readStep .info .checkDefault [type="radio"]:checked + label, .readStep .info .checkDefault [type="radio"]:not(:checked) + label, .readStep .info .checkDefault [type="checkbox"]:checked + label, .readStep .info .checkDefault [type="checkbox"]:not(:checked) + label {
    background: none;
    border: none;
    color: #000;
    padding: 0;
    margin: 0;
    height: auto;
    min-width: inherit;
}

.readStep .info .checkDefault [type="radio"]:checked + label::after, .readStep .info .checkDefault [type="radio"]:not(:checked) + label::after, .readStep .info .checkDefault [type="checkbox"]:checked + label::after, .readStep .info .checkDefault [type="checkbox"]:not(:checked) + label::after {
    background: none;
}

.readStep .info .checkDefault label {
    margin-left: 10px;
}

.readStep.readStep2 .info {
    max-width: 700px;
}

@media all and (max-width: 768px) {
    .readStep.readStep2 .boxgreen dl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .readStep.readStep2 .boxgreen dl:first-child {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .readStep.readStep2 .boxgreen dl:first-child dt, .readStep.readStep2 .boxgreen dl:first-child dd {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    .readStep.readStep2 .boxgreen dl:first-child dt {
        text-align: center;
    }
    .readStep.readStep2 .boxgreen dl dt, .readStep.readStep2 .boxgreen dl dd {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .readStep.readStep2 .boxgreen dl dt {
        min-width: 80px;
        text-align: left;
    }
}

.waiting_room {
    background: url(../images/bgcontent.png) no-repeat top center;
    background-size: cover;
    min-height: 100vh;
    border-radius: 0;
    min-width: inherit;
}

.waiting_room .contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100vh;
}

.waiting_room .blockwaiting {
    text-align: center;
}

.waiting_room .blockwaiting h2 {
    font-size: 35px;
    display: inline-block;
    border-bottom: 1px solid #fff;
    color: #fff;
    margin-bottom: 40px;
}

@media all and (max-width: 768px) {
    .waiting_room .blockwaiting h2 {
        font-size: 32px;
    }
}

.waiting_room .blockwaiting p {
    font-size: 24px;
    color: #fff;
}

.waiting_room .blockwaiting .time {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 40px;
    line-height: 40px;
}

.waiting_room .blockwaiting .time span {
    color: #95AE70;
    font-size: 40px;
    background: #fff;
    border-radius: 10px;
    width: 130px;
    height: 56px;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 10px;
}

.loadingPage {
    position: relative;
}

.loadingPage::after {
    position: absolute;
    content: '';
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.loadingPage .loadingTest {
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 9;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    text-align: center;
}

.loadingPage .loadingTest h4 {
    font-size: 24px;
    margin-bottom: 10px;
}

.loadingPage .lds-ring {
    display: inline-block;
    position: relative;
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
}

.loadingPage .lds-ring div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 84px;
    height: 84px;
    margin: 8px;
    border: 8px solid #FD813E;
    border-radius: 50%;
    -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #FD813E transparent transparent transparent;
}

.loadingPage .lds-ring div:nth-child(1) {
    -webkit-animation-delay: -0.45s;
    animation-delay: -0.45s;
}

.loadingPage .lds-ring div:nth-child(2) {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.loadingPage .lds-ring div:nth-child(3) {
    -webkit-animation-delay: -0.15s;
    animation-delay: -0.15s;
}

@-webkit-keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@media all and (max-width: 768px) {
    .page__questiontype .icon__hamburger {
        margin-left: 5px;
        background: #95AE70;
        border-radius: 5px;
    }
}

@media all and (min-width: 769px) {
    .page__questiontype .header__top--icon {
        display: none;
    }
}

.page__questiontype .header .blockinfoQues {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media all and (max-width: 768px) {
    .page__questiontype .header .blockinfoQues {
        margin-left: auto;
        margin-right: 0;
    }
}

.page__questiontype .header .blockinfoQues .box {
    border-radius: 5px;
    border: 1px solid #95AE70;
    text-align: center;
    padding: 2px 10px;
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 10px;
}

@media all and (max-width: 768px) {
    .page__questiontype .header .blockinfoQues .box.dispc {
        display: none;
    }
}

@media all and (max-width: 768px) {
    .page__questiontype .header .blockinfoQues .box {
        padding: 0 5px;
        height: 50px;
        margin-left: 5px;
        max-width: 70px;
    }
}

.page__questiontype .header .blockinfoQues .box.btn {
    padding: 0;
}

.page__questiontype .header .blockinfoQues .box.btn a {
    background: #95AE70;
    color: #fff;
    padding: 0 10px;
    font-size: 20px;
    font-weight: bold;
    display: block;
    height: 100%;
    line-height: 56px;
}

@media all and (max-width: 768px) {
    .page__questiontype .header .blockinfoQues .box.btn a {
        line-height: 48px;
        font-size: 14px;
        padding: 0 5px;
    }
}

.page__questiontype .header .blockinfoQues p {
    line-height: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.page__questiontype .header .blockinfoQues span.num {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
}

@media all and (max-width: 768px) {
    .page__questiontype .header .blockinfoQues span.num {
        font-size: 16px;
    }
}

@media all and (max-width: 768px) {
    .page__questiontype .menu {
        -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        padding: 15px;
        border-radius: 20px;
    }
}

@media all and (max-width: 768px) {
    .page__questiontype .menu .box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .page__questiontype .menu .box .num {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        text-align: center;
    }
    .page__questiontype .menu .box span.num {
        font-size: 24px;
        font-weight: bold;
    }
}

.page__questiontype .blockTextarea {
    width: 100%;
    margin-top: 40px;
}

.page__questiontype .blockTextarea textarea {
    height: 300px;
}

.page__questiontype .blockArticel .chk [type="checkbox"]:not(:checked) + label {
    background: #fff;
    color: #000;
}

.page__questiontype .blockArticel .chk [type="checkbox"]:checked + label:after {
    left: 15px;
}

.page__questiontype .blockArticel .chk label {
    padding: 13px 40px 15px;
}

.question_type {
    min-width: inherit;
}

@media all and (max-width: 768px) {
    .question_type .content {
        padding: 3%;
        padding-top: 50px;
    }
    .question_type .content .blockArticel dl {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 10px;
    }
    .question_type .content .blockArticel dt, .question_type .content .blockArticel dd {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        text-align: left;
    }
}

.backnum {
    position: relative;
    margin-right: 10px;
    cursor: pointer;
}

.backnum.off {
    opacity: 0.2;
}

.backnum::before {
    content: '';
    background: transparent;
    position: absolute;
    width: 8px;
    height: 8px;
    left: -10px;
    top: 50%;
    margin-top: -5px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

@media all and (max-width: 768px) {
    .backnum::before {
        margin-top: -6px;
    }
}

.nextnum {
    position: relative;
    margin-left: 10px;
    cursor: pointer;
}

.nextnum.off {
    opacity: 0.2;
}

.nextnum::before {
    content: '';
    background: transparent;
    position: absolute;
    width: 8px;
    height: 8px;
    right: -10px;
    top: 50%;
    margin-top: -5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

@media all and (max-width: 768px) {
    .nextnum::before {
        margin-top: -6px;
    }
}

#problemList .modal-content {
    min-width: 960px;
    right: 3%;
    top: 3%;
    position: absolute;
}

@media all and (max-width: 960px) {
    #problemList .modal-content {
        min-width: 90%;
        max-width: 94%;
        width: auto;
        padding: 30px 15px 15px;
        right: 3%;
    }
}

#problemList .notice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
}

@media all and (max-width: 768px) {
    #problemList .notice {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

#problemList .notice span {
    position: relative;
    padding-left: 45px;
    margin-right: 20px;
}

@media all and (max-width: 768px) {
    #problemList .notice span {
        margin-right: 10px;
    }
}

#problemList .notice span::after {
    position: absolute;
    content: '';
    width: 36px;
    height: 18px;
    left: 0;
    top: 50%;
    margin-top: -9px;
    border-radius: 50px;
    border: 1px solid #95AE70;
}

#problemList .notice span.answered::after {
    background: #95AE70;
}

#problemList .notice span.answered::after {
    background: #95AE70;
}

#problemList .notice span.unanswered::after {
    background: #fff;
    border: 1px solid #95AE70;
}

#problemList .notice span.answerlater::after {
    background: #DD1F20;
    border: 1px solid #DD1F20;
}

#problemList .notice span.answerlater::before {
    position: absolute;
    content: '！';
    color: #fff;
    left: 10px;
    z-index: 9;
}

#problemList .list {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 15px;
}

@media all and (max-width: 768px) {
    #problemList .list {
        padding: 0;
    }
}

#problemList .list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    overflow-y: auto;
    max-height: 65vh;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

@media all and (max-width: 768px) {
    #problemList .list ul {
        max-height: 60vh;
    }
}

#problemList .list li {
    background: #95AE70;
    border: 1px solid #95AE70;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 88px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    border-radius: 10px;
    margin-bottom: 10px;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    margin-right: 1.25%;
    text-align: center;
    line-height: 1.4;
}

#problemList .list li:nth-child(3n) {
    margin-right: 0;
}

@media all and (max-width: 768px) {
    #problemList .list li {
        /* width: 70px; */
        height: 70px;
        font-size: 14px;
    }
    /* #problemList .list li:nth-child(3n) {
    margin-right: 10px;
  }
  #problemList .list li:nth-child(4n) {
    margin-right: 0;
  } */
}

#problemList .list li.unanswered {
    background: #fff;
    color: #95AE70;
}

/* bugs
/*#problemList .list li.answerlater {*/
/*    background: #fff;*/
/*    color: #95AE70;*/
/*}*/

#problemList .list li.answerlater::before {
    position: absolute;
    content: '！';
    background: #DD1F20;
    border-radius: 100%;
    color: #fff;
    right: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    font-size: 14px;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media all and (max-width: 768px) {
    #problemList .list li.answerlater::before {
        font-size: 12px;
        width: 18px;
        height: 18px;
        right: 2px;
        top: 2px;
    }
}

#problemList .block--btn a {
    width: 220px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    display: block;
    border-radius: 50px;
}

.certified-update .listQa {
    margin-top: 0;
}

.certified-update .listQa li:last-child {
    margin-bottom: 0;
}

.certified-update p.note {
    color: #848484;
    font-size: 14px;
}

.certified-update [type="radio"]:checked, .certified-update [type="radio"]:not(:checked), .certified-update [type="checkbox"]:checked, .certified-update [type="checkbox"]:not(:checked) {
    position: absolute !important;
    left: -9999px !important;
}

.certified-update.certified-regis .table-02 .form-group p {
    -ms-flex-preferred-size: 6%;
    flex-basis: 6%;
}

.certified-update.certified-regis .table-02 .form-search .block--input,
.certified-update select.wper35 {
    -ms-flex-preferred-size: 50% !important;
    flex-basis: 50% !important;
}

@media all and (max-width: 960px) {
    .certified-update.certified-regis .listQa {
        display: block !important;
    }
    .mb10sp{
        margin-bottom: 10px;
    }
}

@media all and (max-width: 960px) {
    .certified-update.certified-regis .table-02 .form-search .block--input {
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
    }
}

.border-green{
    border: 1px solid #95AE70;
    border-radius: 20px;
}

.border-green p {
    color: #95AE70;
    padding-bottom: 20px;
}

.border-bt {
    border-bottom: 1px solid #E9E8E8 !important;
}

.max1100{
    max-width: 1100px;
    margin: 0 auto;
}

.report-review .bg-green{
    background: #95AE70;
    margin-top: 50px;
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
}

.report-review .bg-org{
    background: #FD813E;
    margin-top: 50px;
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
}

.report-review .bg-org button{
    background: #FD813E;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 5px;
    width: 75px;
    text-align: center;
    font-size: 14px;
    padding: 5px;
}

.report-review .bg-org button.bgw{
    background: #fff;
    color: #FD813E;
    border-radius: 5px;
    width: 75px;
    text-align: center;
    font-size: 14px;
    padding: 5px;
}

.report-review .vertitop{
    width: calc(100% - 400px);
}

.report-review .examination{
    width: 300px;
    text-align: center;
    color: #fff;
}

.report-review .item dl{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #E9E8E8;
    padding: 10px 0;
}

.report-review .item dt{
    width: calc(100% - 400px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.report-review .item dd button{
    background: none;
}

.report-review .item dd button.checked{
    background: #E5E9CC;
}

.report-review .item dt .star{
    margin-left: 100px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
}

.report-review .item dt .star img{
    min-width: 20px;
    height: 20px;
}

.report-review .item dd{
    width: 300px;
    text-align: center;
}

.report-review .item dl.distb{
    margin: 30px 0;
    border-bottom: 0;
}

.report-review .item dl.distb dt{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: 10px;
}

.report-review .item dl.distb dd{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
}

.report-review .item dl.distb dt span{
    display: block;
    color: #8A8A8A;
}

.report-review .btn-pink{
    min-width: 170px;
    font-size: 16px;
    padding: 16px 40px 18px;
    background: #F86060;
    color: #fff;
}

.lightboxOverlay{
    z-index: 1000 !important;
}

.lightbox{
    z-index: 1000 !important;
}

.dropdown-menu {
    position: absolute !important;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background: #ffffff !important;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}
.dropdown-menu.datepicker{
    background: #ffffff !important;
}

.report-Judging .item dt.align-start{
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: calc(100% - 200px);
    position: relative;
}
.report-Judging.report-review .vertitop{
    width: calc(100% - 200px);
}
.report-Judging.report-review .examination{
    width: 200px;
}
.report-Judging .item dl{
    padding: 20px 0;
    width: 100%;
}
.report-Judging .item dl.subitem{
    padding-left: 60px;
}
.report-Judging.report-review .item dt{
    padding-right: 50px;
}
.report-Judging.report-review .item dd{
    width: 200px;
}
.report-Judging .item dt.align-start span:not(.star){
    margin-right: 45px;
}
.report-Judging .item dt.align-start span.indent{
    margin-right: 5px;
}
.report-Judging .item dt.align-start span:nth-child(2){
    margin-left: -25px;
}
.report-Judging .item dt.align-start .text p:last-child{
    margin-left: 25px;
    text-indent: -25px;
    margin-right: 5px;
}
.report-Judging .item dt.align-start span.star{
    height: 20px;
    margin-left: auto;
    margin-right: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    text-align: right;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
}
.report-Judging .item dl.subitem dt.align-start span:not(.star){
    margin-right: 30px;
}
.report-review.report-Judging .bg-org .vertitop {
    width: calc(100% - 300px);
}
.report-review.report-Judging .item dl.distb{
    margin-bottom: 0;
}
@media all and (max-width: 768px) {
    .report-Judging .container.content--boxwhite {
        padding-left: 0;
        padding-right: 0;
    }

    .report-Judging .item dt.align-start {
        width: calc(100% - 100px);
    }

    .report-Judging.report-review .item dd {
        width: 100px;
    }

    .report-Judging .item dl.subitem {
        padding-left: 30px;
    }

    .report-Judging .item dt.align-start span:not(.star) {
        margin-right: 25px;
    }

    .report-Judging .item dt.align-start .text p:last-child {
        margin-left: 5px;
        text-indent: -5px;
    }

    .report-Judging .item dt.align-start span.indent {
        margin-right: 5px;
    }

    .report-Judging .item dl.subitem dt.align-start span:not(.star) {
        margin-right: 20px;
    }
}
.table-report-detail2 {
    width: 100%;
    border-bottom: 1px solid #E9E8E8;
}
.table-report-detail2 td {
    min-width: 200px;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.table-report-detail2 td:first-child {
    max-width: 500px;
    text-align: left;
}
.table-report-detail2 td:first-child .reportdiv {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.reportdiv2 {
    margin-top: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.reportdiv2 span {
    margin-right: 30px;
}

@media all and (max-width: 960px) {
    .certified-regis .table .table--bttom td {
        padding: 7px 5px !important;
    }
    .certified-regis .table .table--bttom th {
        padding-bottom: 0 !important;
    }
}

.certified-update4 .border-green .box-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #E9E8E8;
    padding-top: 20px;
}
.certified-update4 .border-green .box-content .fixtextarea {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 45%;
}
.certified-update4 .border-green .box-content .fixtextarea .dflex-st {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-top: 5px;
    justify-content: initial;
}
.certified-update4 .vertitop .txt {
    text-align: left;
}
.certified-update4 .vertitop .txt span {
    display: block;
    color: #8A8A8A;
}
.certified-update4 table.tborange tbody tr td:first-child {
    min-width: 200px !important;
}
.certified-update4 table.tborange tbody tr:last-child {
    border-bottom: 0;
}
.certified-update4 table.tborange .mr150 {
    margin-right: 240px;
}
.certified-update4 table.tborange.tborange-green .bg-orange .status-block [type="radio"]:not(:checked) + label {
    border-color: #fff;
}
.certified-update4 table.tborange.tborange-green .bg-orange .status-block [type="radio"]:checked + label {
    color: #95AE70;
}
.certified-update4 table.tborange.tborange-green .bg-orange .status-block [type="radio"]:not(:checked) + label {
    color: #fff;
}

.disflex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100% !important;
    max-width: 100% !important;
}

.disflex li{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    text-align: left;
}

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

.clred {
    color: #DD1F20;
}

.boxborder {
    border: 1px solid #EAEAEA;
    padding: 30px;
    border-radius: 15px;
    margin-bottom: 30px;
}

.boxborder table th {
    min-width: 15%;
}

.boxborder table td {
    width: 28% !important;
}

.creditsRenew .txtnote p {
    color: #DD1F20;
    text-indent: -32px;
    margin-left: 32px;
}

.creditsRenew .tbadditional td {
    position: relative;
}

.creditsRenew .tbadditional td.bgwhite {
    background: #fff;
    text-align: left;
}

.creditsRenew .tbadditional td.bgwhite strong {
    margin-right: 10px;
}

.creditsRenew .tbadditional .numberSet .flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.creditsRenew .tbadditional .numberSet .flex a {
    margin-right: 7px !important;
}

.creditsRenew .tbadditional .numberSet .flex span {
    display: inline-block;
    line-height: 1;
    cursor: pointer;
}

.creditsRenew .tbadditional span.require {
    color: #DD1F20;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: 0;
}

.certified-regis .listQa.listQa-3col ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.certified-regis .loadmore {
    margin-top: 100px;
}

.certified-regis .loadmore button {
    background: #95AE70;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 45px;
    padding: 15px 25px 17px;
}

.certified-regis .loadmore button:hover {
    opacity: 0.7;
}

.boxclone {
    display: none;
}

.examination .border-green .box-content .fixtextarea {
    width: 100%;
    padding: 0 70px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.examination .border-green .box-content .fixtextarea .dflex-st {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
}

.examination .border-green .box-content .fixtextarea-3col {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 30px;
}

.examination .border-green .box-content .fixtextarea-3col .dflex-st {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 22%;
}

.examination .border-green .box-content .fixtextarea-3col .dflex-st:nth-child(1), .examination .border-green .box-content .fixtextarea-3col .dflex-st:nth-child(4) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 42%;
    flex: 0 0 42%;
}

.examination .tableinput input {
    background: #F6F6F6;
}

.examination .tableinput td {
    vertical-align: inherit;
}

.examination .b-btom-none {
    border-bottom: 0;
}

.fixtextarea-3col.justify-content-center {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 500px;
    margin: 0 auto;
}

.fixtextarea-3col.justify-content-center .dflex-st {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 !important;
    flex: 0 !important;
    min-width: 145px !important;
}

.review--sheet table.fixWhidth tbody tr td:first-child {
    width: 60% !important;
}

.review--sheet table.fixWhidth tr th:last-child {
    color: #fff;
}

.review--sheet table.fixWhidth tbody tr td:nth-child(2) {
    padding: 22px 10px;
}

.review--sheet table.fixWhidth tbody tr td:nth-child(2) [type="radio"]:not(:checked) + label, .review--sheet table.fixWhidth tbody tr td:nth-child(2) [type="checkbox"]:not(:checked) + label, .review--sheet table.fixWhidth tbody tr td:nth-child(2) [type="radio"] + label {
    margin-right: 7px !important;
}

.review--sheet table.fixWhidth tbody tr td:last-child .dflex {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.review--sheet table.fixWhidth tbody tr td:last-child select {
    width: 110px;
    height: 38px;
    padding: 5px 10px;
    margin-right: 5px;
}

.sum {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}

.sum .num {
    background: #95AE70;
    border-radius: 30px;
    color: #fff;
    font-weight: bold;
    padding: 8px 30px;
    margin-left: 15px;
}

.sum .num span {
    color: #fff;
    font-weight: bold;
    margin-right: 20px;
}

.tborange2 .btnorg {
    background: #fff;
    color: #FD813E;
    border: 1px solid #FD813E;
    width: 190px;
    display: inline-block;
    padding: 10px;
    border-radius: 4px;
    font-size: 16px;
}

.box-green-fix{
    padding: 10px 15px;
}
.box-green-fix a.btn-border-orange{
    margin: 0 !important;
    min-width: 50px;
}
.autoscroll{
    min-width: 100%;
    overflow-x: auto;
}
.autoscroll .box-green-fix{
    overflow-x: hidden;
    min-width: 900px;
    justify-content: space-between;
}
.box-green-fix span.firstspan{
    font-size: 14px;
}
.box-green-fix a.btn-border-black{
    font-size: 13px;
    min-width: 60px;
}
.box-green-fix span.round{
    min-width: 50px;
    margin: 0;
    font-size: 13px;
}
.box-green-fix span.noroud{
    font-size: 13px;
    text-align: center;
    white-space: nowrap;
}
.box-green-fix .content-right .content-left-e .dflex-center,
.box-green-fix .dflex-nospace{
    gap: 5px;
    margin: 5px 0;
}
.manager--report .box-green-fix .content-left, .manager--report .box-green-fix .content-right{
    width: auto !important;
}
.box-green-fix .clickpop{
    background: #000;
    padding: 2px;
    display: block;
}
.box-green-fix .clickpop .bgblack{
    margin: 0;
}
.box-green-fix .clickpop .bgblack span{
    font-size: 13px;
    line-height: 1;
}