/* Miligram overrides */
body {
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
   font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
    font-weight: 400;
    color: #333;
}

.top-nav-links,
.side-nav,
h1, h2, h3, h4, h5, h6 {
    
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    color: #363637;
}

a {
    color:#339900;
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear;
}

a:hover,
a:focus,
a:active  {
    color:#336600;
    -webkit-transition:all 0.2s easeout;
    transition:all 0.2s ease-out;
}

.side-nav a,
.top-nav-links a,
th a,
.actions a {
    color: #606c76;
}

.side-nav a:hover,
.side-nav a:focus,
.actions a:hover,
.actions a:focus {
    color:#2f85ae;
}

/* Utility */
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Main */
body {
    background: #f5f7fa;
}
.content {
    padding: 2rem;
    background: #ffffff;
    border-radius: 0.4rem;
    /* Thanks Stripe */
    box-shadow: 0 7px 14px 0 rgba(60, 66, 87, 0.1),
        0 3px 6px 0 rgba(0, 0, 0, 0.07);
}
.actions a {
    font-weight: bold;
    padding: 0 0.4rem;
}
th {
    white-space: nowrap;
}

/* header */
header{
    width: 100%;
    padding: 0 0 10px 0;
    margin: 0 0 10px;
    box-shadow: 0 7px 14px 0 rgba(60, 66, 87, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
}

header>p{
    height: 15px;
    width: 100%;
}
header>div{
    display: flex;
    width: 112rem;
    height: 75px;
    margin: 0 auto;
    align-content: center;
    align-items: center;
}
header>div a{
    display: block;
    height: 100%;
    padding: 0 0 0 15px;
}
header>div h1{
    margin: 0 0 0 25px;
    padding: 0;
    font-size: 4.5rem;
}

/* main */
main{
    margin: 0 auto 0;
    max-width: 112rem;
    padding: 2rem 1rem 5rem;
    position: relative;
    width: 100%;
    box-shadow: 0px 0px 5px silver;
}
/* container */
.content{    
    padding: 1em;
    width: 100%;
}
/* article news */
article h2{
    border-bottom: solid 3px #666;
    border-left: solid 6px #333;
    border-radius: 5px 0 0 5px;
    font-size: 2.2rem;
    margin-bottom: 0;
    padding: 5px 0 5px 5px;
}
article h3{
    font-size: 1.6rem;
    font-weight: 600;
}
article.news table{
    width: 98%;
    margin: 0 auto;
}
article.news td:first-child{
    width: 14.5rem;
}
/* article consent */
div.consent{
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
div.consent>article{
    width: 48%;
}
article.consent ul li{
    list-style: none;
    padding: 0 0 0 25px;
    position: relative;
}
article.consent ul li:before{
    position: absolute;
    top: 5px;
    left: 0px;
    display: inline-block;
    width: 15px;
    height: 15px;
    content: '';
    border-radius: 100%;
    border: 2px solid #333;
}

a.btn{
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: block;
    padding: 1rem 4rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #212529;
    border-radius: 0.5rem;
    width: 90%;
    margin: 0 auto;
}
a.btn-solid {
    color: #fff;
    border-top: 4px solid #48ecc4;
    border-right: 4px solid #0a5f4a;
    border-bottom: 4px solid #0f745b;
    border-left: 4px solid #8cf9de;
    border-radius: 0;
    background: #11a37f;
}

a.btn-solid:hover {
    color: #fff;
    border-top: 4px solid #0f745b;
    border-right: 4px solid #8cf9de;
    border-bottom: 4px solid #48ecc4;
    border-left: 4px solid #0a5f4a;
}
article.consent form>div.input_ckbox{
    padding: 10px 20px;
    background-color: #dcdcdc;
    display: flex;
    justify-content: center;
    align-items: center;
}
article.consent form>div.input_ckbox{
    padding: 10px 20px;
    background-color: #dcdcdc;
    display: flex;
    justify-content: center;
    align-items: center;
}
article.consent form>div.input_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:15px;
}
article.consent form>div.input_box span{
    font-size: 1.7rem;
    font-weight: bold;
}
article.consent form>div.input_box input{
    width:calc(100% - 90px);
    height: 4rem;
    cursor:auto;
}

article.consent form>p{
    margin: 15px 5px;
    font-size: 1.5rem;
}
article.consent form>div input{
    margin-bottom:0;
    width: 2.0rem;
    height: 2.0rem;
    cursor: pointer;
}
article.consent form>div label{
    display: inline-block;
    margin-bottom:0;
    font-size:1.8rem;
    text-indent: 1.0rem;;
    cursor: pointer;
}
article.jurisdiction table th{
    border-left: 1px solid #666;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 12px 10px;
    text-align: center;
    font-size: 1.6rem;
}
article.jurisdiction table th:nth-child(2){
    border-right: 1px solid #666;
}
article.jurisdiction table td{
    border-left: 1px solid #666;
    border-bottom: 1px solid #666;
    border-collapse: collapse;
    padding: 12px 10px;
    font-size: 1.4rem;
}
article.jurisdiction table td:nth-child(1){
    width: 35%;
    text-align: left;
}
article.jurisdiction table td:nth-child(2){
    width: 30%;
    text-align: left;
}
article.jurisdiction table td:nth-child(3){
    border-right: 1px solid #666;
    text-align: left;
}
article.jurisdiction div{
    font-size: 1.3rem;
    margin: 10px;
}




.swal2-actions button.swal2-styled{
    height: 4rem;
    font-size: 1.8rem;
    line-height: 0;
}
.swal2-popup.swal2-show{
    width: 50rem;
}
.input_info {
    text-align: right;
}
.input_info ul{
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}
.input_info ul li{
    list-style: none;
    padding: 5px 10px;
}
.input_info ul li:nth-child(1){
    border:1px solid;
    font-weight: 400;
    background-color: #ddd;
}
.input_info ul li:nth-child(2){
    border-top:1px solid;
    border-right:1px solid;
    border-bottom:1px solid;
}

div.info{
    display:flex;
    justify-content: space-between;
    margin-top: 15px;
}
div.info>div{
    width: 48%;
    padding: 10px;
}
div.info>div:first-child div{
    display:flex;
    margin-top: 25px;
}
div.info>div:first-child div a{
    width: 45%;
}
div.info>div:first-child div a:nth-child(1){
    border-top: 4px solid #ffa500;
    border-right: 4px solid #8b4513;
    border-bottom: 4px solid #8b4513;
    border-left: 4px solid #ffa500;
    background: #ff8c00;
}
div.info>div:first-child div a:nth-child(1):hover {
    border-top: 4px solid #8b4513;
    border-right: 4px solid #ffa500;
    border-bottom: 4px solid #ffa500;
    border-left: 4px solid #8b4513;
}
div.info>div:first-child div a:nth-child(2){
    border-top: 4px solid #1e90ff;
    border-right: 4px solid #000080;
    border-bottom: 4px solid #000080;
    border-left: 4px solid #1e90ff;
    background: #0000cd;
    padding: 1rem 0;
}
div.info>div:first-child div a:nth-child(2):hover {
    border-top: 4px solid #000080;
    border-right: 4px solid #1e90ff;
    border-bottom: 4px solid #1e90ff;
    border-left: 4px solid #000080;
}


div.info>div:nth-child(2){
    border-radius: 5px;
    box-shadow: 0px 0px 5px silver;
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
}
div.info>div:nth-child(2) p{
    width: 65%;;
    font-size: 1.4rem;
}


section.search_body{
    margin-top:3.5rem;
}
section.search_body table th{
    padding: 5px 5px;
    border:none;
}
section.search_body table td{
    padding:0 10px 0 0;
    border:none;
}

section.search_body table td input,
section.search_body table td select,
section.search_body table td textarea{
    margin-bottom:0;
    min-height: 6rem;
}
section.search_body .input.select select{
    padding-right: 0.3rem;
}

section.search_body table td:nth-child(1){
    width:12%;
}
section.search_body table td:nth-child(2){
    width:11%;
    padding:0 0 0 0;
}
section.search_body table td:nth-child(3){
    width:11%;
    padding:0 0 0 0;
}
section.search_body table td:nth-child(4){
    width:11%;
}
section.search_body table td:nth-child(5){
    width:13%;
}
section.search_body table td.chassistd:nth-child(5){
    min-width: 20.5rem;
}
section.search_body table td:nth-child(6){
    padding:0 0 0 0;
}
section.search_body table td:nth-child(6) div{
    padding-top: 8px;
}
section.search_body table td:nth-child(6) textarea{
    background-color: #FFFACD;
    resize: none;
}



/* input Error class */
input.input_error{
    border: 1px solid #a80e0e;
    background-color: #e79292;
}


/* View action */
.view.content .text {
    margin-top: 1.2rem;
}
.related {
    margin-top: 2rem;
}

/* Flash messages */
.message {
    padding: 1rem;

    background: #eff8ff;
    color: #2779bd;

    border-color: #6cb2eb;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    margin-bottom: 2rem;
}
.message.hidden {
    display: none;
}
.message.success {
    background: #e3fcec;
    color: #1f9d55;
    border-color: #51d88a;
}
.message.warning {
    background: #fffabc;
    color: #8d7b00;
    border-color: #d3b800;
}
.message.error {
    background: #fcebea;
    color: #cc1f1a;
    border-color: #ef5753;
}

/* Forms */
.input.text label {
    /*font-size:16px;*/
    /*text-align: center;*/
    margin-bottom: 1.0rem;
}
.input.number label {
    margin-bottom: 1.0rem;
}
.input.select label {
    /*font-size:16px;*/
    text-align: center;
    margin-bottom: 1.0rem;
}
.input.radio,
.input.checkbox {
    /*margin-bottom: 2.0rem;*/
    margin-bottom: 1.0rem;
}
.input.radio input,
.input.checkbox input {
    margin: 0;
}
.input.radio label,
.input.checkbox label {
    margin: 0;
    display: flex;
    align-items: center;
}
.input.radio label > input,
.input.checkbox label > input {
    margin-right: 1.0rem;
}
.input.radio label:first-of-type {
    margin-bottom: 2.0rem;
}

/* Paginator */
.paginator {
    text-align: right;
}
.pagination {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0 0 1rem;
}
.pagination li {
    margin: 0 0.5rem;
}
.prev.disabled a,
.next.disabled a {
    cursor: not-allowed;
    color: #606c76;
}
.asc:after {
    content: " \2193";
}
.desc:after {
    content: " \2191";
}

/* Error */
.error-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
}

@media screen and (max-width: 640px) {
    .top-nav {
        margin: 0 auto;
    }
    .side-nav {
        margin-bottom: 1rem;
    }
    .heading {
        margin-bottom: 1rem;
    }
    .side-nav-item {
        display: inline;
        margin: 0 1.5rem 0 0;
    }
    .asc:after {
        content: " \2192";
    }
    .desc:after {
        content: " \2190";
    }
}

/* Users */
div.users form fieldset label.user_name {
	text-align: left;
	font-size: 2.0rem
}

div.users form fieldset label.user_number{
	text-align: left;
	font-size: 2.0rem;
}

div.users form fieldset label.password{
        text-align: left;
        font-size: 2.0rem;
}


/* Options */
div.options form fieldset div.input label.option_display{
	text-align: left;
	font-size: 2.0rem;
}

/* Jnks */
.no-spin::-webkit-inner-spin-button,
.no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance:textfield;
}

/* Newinfos */

.newinfo_custom{
    width: 70%;
}

.jnks_newinfo_list tr{
    border-bottom: solid; margin: 0 1em 0 0;
}

.jnks_newinfo_list p{
    border-bottom: solid; margin: 0 1em 0 0;
}

.jnks_newinfo_list table{
    margin-bottom:25px;
}

.jnks_newinfo_list td:last-child{
    width: 85%;
}

#swal2-content>p{
    font-size: 1.5rem;;
}

.error_404{
    margin:5rem 3rem;
}
.error_404 .err_link{
    margin: 5rem 3rem;
}
.error_404 .err_link a{
    display: inline-block;
    text-align: center;
    border: 2px solid #339900;
    border-radius: 8px;
    background-color: #339900;
    color: white;
    font-size: 2rem;
    height: auto;
    margin: 0;
    position: relative;
    width: 100%;
    padding: 1rem;
}
.error_404 .err_link a:hover
{
    color:#336600;
    background-color:#fff;
}