/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
body {
/*    padding-top: 20px;
    padding-bottom: 20px;*/
}
a {
    cursor: pointer;
}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    /*  padding-left: 15px; */
    /*  padding-right: 15px; */
    background: #FDFDFD;
    border: 1px solid #CCCCCC;
    padding: 40px 30px 40px;
}
.row{
    margin:0;
}
/* Carousel */
/*.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}*/
.disabled {
    pointer-events: none;
}
/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/*label {
    margin-bottom: 0 !important;
}*/

.default_color {
    color: #DB6F69;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}
.select-height-class2 {
    height: 44px;
}

.bg-darkcyan {
    background-color: darkcyan !important;
}

.bg-sagawablue {
    background-color: #3b499f !important;
}
.bg-lightgray {
    background-color: lightgray !important;
}
.bg-darkgray {
    background-color: darkgray !important;
}
.text-sagawablue {
    color: #3b499f !important;
}

.bg-yamatogreen {
    background-color: #009a8b !important;
}

.text-darkcyan {
    color: darkcyan !important;
}

.text-yamatogreen {
    color: #009a8b !important;
}
.text-japanponstred {
    color: #c3183b !important;
}
.text-mediumseagreen {
    color: mediumseagreen !important;
}
/* global */
hr {
    margin-block-start: 0.3em !important;
    margin-block-end: 0.3em !important;
}

a {
    color: black;
    text-decoration: none;
}

.hide {
    display: none !important;
}
.temp_hide {
    display: none;
}

.show {
    display: block !important;
}

.clear {
    clear: both;
}


.bordernone {
    border: 0px;
}
.underline {
    border-bottom: 2px solid #c1c1c1;
}

.btn.disabled {
    opacity: 1;
}

.table > thead > tr > th {
    padding: 3px;
    border-bottom: none;
    border-top: none;
}

.table > tbody > tr > td {
    height: 40px;
    font-size: 12px;
    vertical-align: middle;
}
/*
input[type="checkbox"] {
    transform: scale(2);
    -webkit-transform: scale(2);
}
    */
.o_1 {
    opacity:1;
}
.a-c {
    text-align: center;
}
.display_block{
    display:block;
}

.fs_7 {
    font-size: 7px;
}
.fs_8 {
    font-size: 8px;
}
.fs_9 {
    font-size: 9px;
}
.fs_10{
font-size:10px;
}
.fs_11 {
    font-size: 11px;
}
.fs_12 {
    font-size: 12px;
}
.fs_13 {
    font-size: 13px;
}
.fs_14 {
    font-size: 14px;
}
.fs_15 {
    font-size: 15px;
}
.fs_16 {
    font-size: 16px;
}
.fs_17 {
    font-size: 17px;
}
.fs_18 {
    font-size: 18px;
}
.w_40 {
    width: 40px;
}
.w_50 {
    width: 50px;
}
.w_60 {
    width: 60px;
}
.w_70 {
    width: 70px;
}
.w_80 {
    width: 80px !important;
}
.w_90 {
    width: 90px !important;
}
.w_100 {
    width: 100px !important;
}
.w_110 {
    width: 110px !important;
}
.w_120 {
    width: 120px !important;
}
.w_130 {
    width: 130px !important;
}
.w_140 {
    width: 140px !important;
}
.w_150 {
    width: 150px !important;
}
.w_160 {
    width: 160px !important;
}
.minw_40 {
    min-width: 40px;
}

.minw_50 {
    min-width: 50px;
}

.minw_60 {
    min-width: 60px;
}

.minw_70 {
    min-width: 70px;
}
.minw_80 {
    min-width: 80px;
}
.minw_90 {
    min-width: 90px;
}
.minw_100 {
    min-width: 100px;
}
.minw_110 {
    min-width: 110px;
}
.minw_120 {
    min-width: 120px;
}
.minw_130 {
    min-width: 130px;
}
.minw_140 {
    min-width: 140px;
}
.minw_150 {
    min-width: 150px;
}
.minw_160 {
    min-width: 160px;
}


.maxw_50 {
    max-width: 50px;
}

.maxw_60 {
    max-width: 60px;
}

.maxw_70 {
    max-width: 70px;
}

.maxw_80 {
    max-width: 80px;
}

.maxw_90 {
    max-width: 90px;
}

.maxw_100 {
    max-width: 100px;
}

.maxw_110 {
    max-width: 110px;
}

.maxw_120 {
    max-width: 120px;
}

.maxw_130 {
    max-width: 130px;
}

.maxw_140 {
    max-width: 140px;
}

.maxw_150 {
    max-width: 150px;
}

.maxw_160 {
    max-width: 160px;
}
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}
/* tab */
/* main-tab */
.nav-tabs > li {
    margin-bottom: 0px;
}
.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.nav-tabs .nav-item .nav-link {
    /* color: #495057; */
    /* background-color: #fff; */
    /* border-color: #dee2e6 #dee2e6 #fff; */
    border-color: #dee2e6 #dee2e6 #fff;
}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    /* color: #495057; */
    /* background-color: #fff; */
    /* border-color: #dee2e6 #dee2e6 #fff; */
    background: #DB6F69;
    color: #fff;
}


#mainTab {
    font-size: 14px;
    border: none;
}

    #mainTab .nav-item .nav-link {
        color: white;
        border: none;
        background-color: #4385B3;
    }

        #mainTab .nav-item .nav-link:hover {
            color: white;
            border: none;
            background-color: #95C3E0 !important;
        }

#popup-mainTab {
    font-size: 14px;
    border: none;
}

    #popup-mainTab .nav-item .nav-link {
        color: white;
        border: none;
        background-color: #4385B3;
    }

        #popup-mainTab .nav-item .nav-link:hover {
            color: white;
            border: none;
            background-color: #95C3E0 !important;
        }

.main-active a {
    background-color: #95C3E0 !important;
}
/* sub-tab */
#subTab {
    font-size: 12px;
    background-color: #95C3E0;
    border-radius: 0 4px 4px 4px;
}

    #subTab > li {
        margin-bottom: 0;
    }

        #subTab > li > a {
            margin-right: 2px;
            border: none;
            border-radius: 0;
        }

            #subTab > li > a:focus, #subTab > li > a:hover {
                color: white;
                text-decoration: none;
                background-color: #95C3E0;
            }

                #subTab > li > a:hover:after {
                    content: '';
                    position: absolute;
                    width: 84%;
                    left: 8%;
                    bottom: 0px;
                    border-bottom: 3px solid #F8982E;
                }
/* buttom */
.btn-main {
    /*background-color: #4890C2;*/
    color: white;
}

.btn-table-head {
    font-size: 13px;
    font-weight:bold;
    border-color: none;
    white-space: normal;
    width: 100%;
}

.sendbutton {
    font-size: 12px;
    color: #FFFFFF;
    background-color: #6D6E71;
    border-color: none;
    white-space: normal;
}

.sub-active a {
    color: white !important;
}

.sub-active:after {
    content: '';
    position: absolute;
    width: 84%;
    left: 8%;
    bottom: 0px;
    border-bottom: 3px solid #F8982E;
}
/*popup*/
.modal-title {
    float: left;
}

/*.modal-header {
    border-bottom: 0;
}*/

.close {
    font-size: 30px;
}

/*.modal-body {
    border-bottom: 0;
    background-color: #95C3E0;
}*/

.popup-active a {
    background-color: #95C3E0 !important;
}

.f-r {
    float: right;
}
.overlay {
    opacity: 0.8;
    background-color: #ccc;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1000;
}
/*
.modal-dialog-centered{
       height: 100%;
    align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
}
    */

.color-cover {
    background: lightgray;
    z-index: 85;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: .5;
}

.paid-icon {
    position: absolute;
    z-index: 999;
    right: 0;
}
.close_mark {
font-size: 20px;
}
.autohide {
    -moz-animation: cssHideAnimation 0s ease-in 20s forwards;
    /* Firefox */
    -webkit-animation: cssHideAnimation 0s ease-in 20s forwards;
    /* Safari and Chrome */
    -o-animation: cssHideAnimation 0s ease-in 20s forwards;
    /* Opera */
    animation: cssHideAnimation 0s ease-in 20s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes cssHideAnimation {
    to {
        width: 0;
        height: 0;
        overflow: hidden;
    }
}

@-webkit-keyframes cssHideAnimation {
    to {
        width: 0;
        height: 0;
        visibility: hidden;
    }
}




/* for swagger menu */

/* for md */

.custom-switch.custom-switch-md .custom-control-label {
    padding-left: 2rem;
    padding-bottom: 1.5rem;
}

    .custom-switch.custom-switch-md .custom-control-label::before {
        height: 1.5rem;
        width: calc(2rem + 0.75rem);
        border-radius: 3rem;
    }

    .custom-switch.custom-switch-md .custom-control-label::after {
        width: calc(1.5rem - 4px);
        height: calc(1.5rem - 4px);
        border-radius: calc(2rem - (1.5rem / 2));
    }

.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1.5rem - 0.25rem));
}

/* for lg */

.custom-switch.custom-switch-lg .custom-control-label {
    padding-left: 3rem;
   /* padding-bottom: 2rem;*/
}

    .custom-switch.custom-switch-lg .custom-control-label::before {
        height: 2rem;
        width: calc(3rem + 0.75rem);
        border-radius: 4rem;
    }

    .custom-switch.custom-switch-lg .custom-control-label::after {
        width: calc(2rem - 4px);
        height: calc(2rem - 4px);
        border-radius: calc(3rem - (2rem / 2));
    }

.custom-switch.custom-switch-lg .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(2rem - 0.25rem));
}

/* for xl */

.custom-switch.custom-switch-xl .custom-control-label {
    padding-left: 4rem;
    padding-bottom: 2.5rem;
}

    .custom-switch.custom-switch-xl .custom-control-label::before {
        height: 2.5rem;
        width: calc(4rem + 0.75rem);
        border-radius: 5rem;
    }

    .custom-switch.custom-switch-xl .custom-control-label::after {
        width: calc(2.5rem - 4px);
        height: calc(2.5rem - 4px);
        border-radius: calc(4rem - (2.5rem / 2));
    }

.custom-switch.custom-switch-xl .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(2.5rem - 0.25rem));
}

input[type=radio] {
    transform: scale(1.3);
}


.card-input-element {
    display: none;
}

.card-input {
    margin: 10px;
    padding: 00px;
}

    .card-input:hover {
        cursor: pointer;
    }

.card-input-element:checked + .card-input {
    border-width: 3px;
    border-color: #db6f69;
}