.cns * {box-sizing: border-box}

.msg {
    padding: 5px 10px;
    background-color: #f9f9f9;
    color: #8e8e8e;
    border-radius: 6px;
    margin: 5px 0;
    font-size: 14px;
    z-index: 99;
    position: relative;
}

.msg a {color: inherit}

.msg.success {
    background-color: #4CAF50;
    color: #FFF;
}

.msg.danger {
    background-color: #E91E63;
    color: #FFF
}

.msg.warn {
    background-color: #FFC107;
    color: #735600
}


.scrollable-table {overflow: auto; width: 100%; white-space: nowrap}
.scrollable-table table {table-layout: auto}

.cns_form {
    padding: 10px;
    max-width: 800px
}
.cns_form input, 
.cns_form textarea,
.cns_form select {
    border: none;
    background: #f1f1f1;
    box-shadow: none;
    border-radius: 5px;
    width: 100%;
    padding: 5px 6px 6px 6px;
    font-size: 14px;
    line-height: 1;
    height: 30px;
    margin: 0;
}
.cns_form textarea {
    height: 55px
}

.cns_form input[type="checkbox"] {
    width: 10px;
    height: 16px;
    padding: 0;
}

.cns_form label.submit {
    padding: 0;
    background: transparent;
    margin-top: 15px
}

.cns_form label.submit input {
    color: #FFF;
    background-color: #0073aa;
    box-shadow: 0 1px 2px #0073aa55;
}


.cns .btn,
.cns input.submit {
    padding: 5px 10px;
    border-radius: 5px;
    color: #FFF;
    background-color: #0073aa;
    box-shadow: 0 1px 2px #0073aa55;
    text-decoration: none;
    display: inline-block
}


.cns_form label {display: block;width: 100%;margin-bottom: 10px;background: #ffffff;padding: 10px;border-radius: 10px;border: 1px solid #dadada;}
.cns_form label .label-name {display: block;padding: 2px 0;font-size: 15px;margin: -5px 0 3px 0;font-weight: 600;}

.cns_form label.oneline {}

.cns_form .oneline {display: table;width: 100%;font-size: 0;}

.cns_form .oneline b, 
.cns_form .oneline input, 
.cns_form .oneline p {display: table-cell}

.cns_form .oneline input {min-width: 50px}
.cns_form .oneline b, .cns_form .oneline p {width: 10%;padding: 0 5px;white-space: nowrap;font-size: 13px;}
.cns_form .oneline p {width: 60%;}
.cns_form .oneline b:first-child, .cns_form .oneline p:first-child {padding-left: 0}
.cns_form .oneline b:last-child, .cns_form .oneline p:last-child {padding-right: 0}
.cns_form .oneline .small {width: 0.001%;white-space:nowrap}

.cns_form .oneline input[type=checkbox] {min-width: 16px;display: inline-block;margin-top: -4px;}

.fields {
    background: #e8e8e8;border-radius: 10px;margin: 10px 0;padding: 10px;border: 1px dashed #bdbdbd;
}

.fields .fields {
    border: none;
    background: rgba(0, 0, 0, 0.05);
    padding: 5px 10px;
    margin: 10px 0 0 0;
    border-radius: 5px;
}

.fields.today {
    background: #ffffff;
    border: 1px dashed #0073aa
}

.btn {cursor: pointer;}
.btn.right {float: right; padding: 0px 8px 3px 8px; margin-top: -1px}

.tocen {
    text-align: center;
    font-size: 0;
    position: relative;
    overflow: auto;
    overflow-x: hidden
}

.tocen:before {
    content: ' ';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    width: 0
}

.cen {
    display: inline-block;
    font-size: 16px;
    max-width: 99.9%;
    vertical-align: middle;
    cursor: default;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    position: relative;
    z-index: 60
}
















.g .g0,.g .g1,.g .g2,.g .g3,.g .g4,.g .g5,.g .g6,.g .g7,.g .g8,.g .g9,.g .g10,.g .g11,.g .g12,
.g .gsp0,.g .gsp1,.g .gsp2,.g .gsp3,.g .gsp4,.g .gsp5,.g .gsp6,.g .gsp7,.g .gsp8,.g .gsp9,.g .gsp10,.g .gsp11,.g .gsp12,
.g .gsl0,.g .gsl1,.g .gsl2,.g .gsl3,.g .gsl4,.g .gsl5,.g .gsl6,.g .gsl7,.g .gsl8,.g .gsl9,.g .gsl10,.g .gsl11,.g .gsl12,
.g .gtp0,.g .gtp1,.g .gtp2,.g .gtp3,.g .gtp4,.g .gtp5,.g .gtp6,.g .gtp7,.g .gtp8,.g .gtp9,.g .gtp10,.g .gtp11,.g .gtp12,
.g .gtl0,.g .gtl1,.g .gtl2,.g .gtl3,.g .gtl4,.g .gtl5,.g .gtl6,.g .gtl7,.g .gtl8,.g .gtl9,.g .gtl10,.g .gtl11,.g .gtl12 {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    position: relative
}

.g,.cen .g {
    font-size: 0;
    clear: both
}

.g.gf {
    max-width: 1250px;
    width: 100%;
    margin: 0 auto;
    clear: both;
    font-size: 0
}

.g .g-ib {
    display: inline-block
}

.g .g-show {
    display: block
}

.g .g-hide {
    display: none
}

.g .g0 {
    width: 0
}

.g .g1 {
    width: 8.3333%
}

.g .g2 {
    width: 16.6666%
}

.g .g3 {
    width: 25%
}

.g .g4 {
    width: 33.3333%
}

.g .g5 {
    width: 41.6666%
}

.g .g6 {
    width: 50%
}

.g .g7 {
    width: 58.3333%
}

.g .g8 {
    width: 66.6666%
}

.g .g9 {
    width: 75%
}

.g .g10 {
    width: 83.3333%
}

.g .g11 {
    width: 91.6666%
}

.g .g12 {
    width: 100%
}

@media (min-width: 320px) {
    .g .gsp-ib {
        display:inline-block
    }

    .g .gsp-show {
        display: block
    }

    .g .gsp-hide {
        display: none
    }

    .g .gsp0 {
        width: 0
    }

    .g .gsp1 {
        width: 8.3333%
    }

    .g .gsp2 {
        width: 16.6666%
    }

    .g .gsp3 {
        width: 25%
    }

    .g .gsp4 {
        width: 33.3333%
    }

    .g .gsp5 {
        width: 41.6666%
    }

    .g .gsp6 {
        width: 50%
    }

    .g .gsp7 {
        width: 58.3333%
    }

    .g .gsp8 {
        width: 66.6666%
    }

    .g .gsp9 {
        width: 75%
    }

    .g .gsp10 {
        width: 83.3333%
    }

    .g .gsp11 {
        width: 91.6666%
    }

    .g .gsp12 {
        width: 100%
    }
}

@media (min-width: 480px) {
    .g .gslib {
        display:inline-block
    }

    .g .gsl-show {
        display: block
    }

    .g .gsl-hide {
        display: none
    }

    .g .gsl0 {
        width: 0
    }

    .g .gsl1 {
        width: 8.3333%
    }

    .g .gsl2 {
        width: 16.6666%
    }

    .g .gsl3 {
        width: 25%
    }

    .g .gsl4 {
        width: 33.3333%
    }

    .g .gsl5 {
        width: 41.6666%
    }

    .g .gsl6 {
        width: 50%
    }

    .g .gsl7 {
        width: 58.3333%
    }

    .g .gsl8 {
        width: 66.6666%
    }

    .g .gsl9 {
        width: 75%
    }

    .g .gsl10 {
        width: 83.3333%
    }

    .g .gsl11 {
        width: 91.6666%
    }

    .g .gsl12 {
        width: 100%
    }
}

@media (min-width: 768px) {
    .g .gtp-ib {
        display:inline-block
    }

    .g .gtp-show {
        display: block
    }

    .g .gtp-hide {
        display: none
    }

    .g .gtp0 {
        width: 0
    }

    .g .gtp1 {
        width: 8.3333%
    }

    .g .gtp2 {
        width: 16.6666%
    }

    .g .gtp3 {
        width: 25%
    }

    .g .gtp4 {
        width: 33.3333%
    }

    .g .gtp5 {
        width: 41.6666%
    }

    .g .gtp6 {
        width: 50%
    }

    .g .gtp7 {
        width: 58.3333%
    }

    .g .gtp8 {
        width: 66.6666%
    }

    .g .gtp9 {
        width: 75%
    }

    .g .gtp10 {
        width: 83.3333%
    }

    .g .gtp11 {
        width: 91.6666%
    }

    .g .gtp12 {
        width: 100%
    }
}

@media (min-width: 1024px) {
    .g .gtl-ib {
        display:inline-block
    }

    .g .gtl-show {
        display: block
    }

    .g .gtl-hide {
        display: none
    }

    .g .gtl0 {
        width: 0
    }

    .g .gtl1 {
        width: 8.3333%
    }

    .g .gtl2 {
        width: 16.6666%
    }

    .g .gtl3 {
        width: 25%
    }

    .g .gtl4 {
        width: 33.3333%
    }

    .g .gtl5 {
        width: 41.6666%
    }

    .g .gtl6 {
        width: 50%
    }

    .g .gtl7 {
        width: 58.3333%
    }

    .g .gtl8 {
        width: 66.6666%
    }

    .g .gtl9 {
        width: 75%
    }

    .g .gtl10 {
        width: 83.3333%
    }

    .g .gtl11 {
        width: 91.6666%
    }

    .g .gtl12 {
        width: 100%
    }
}

@media (min-width: 1200px) {
    .g .gc-ib {
        display:inline-block
    }

    .g .gc-show {
        display: block
    }

    .g .gc-hide {
        display: none
    }

    .g .gc0 {
        width: 0
    }

    .g .gc1 {
        width: 8.3333%
    }

    .g .gc2 {
        width: 16.6666%
    }

    .g .gc3 {
        width: 25%
    }

    .g .gc4 {
        width: 33.3333%
    }

    .g .gc5 {
        width: 41.6666%
    }

    .g .gc6 {
        width: 50%
    }

    .g .gc7 {
        width: 58.3333%
    }

    .g .gc8 {
        width: 66.6666%
    }

    .g .gc9 {
        width: 75%
    }

    .g .gc10 {
        width: 83.3333%
    }

    .g .gc11 {
        width: 91.6666%
    }

    .g .gc12 {
        width: 100%
    }
}