body {
        font-size: 11pt;
        /*font-family: 'Raleway', sans-serif;*/
    }


    h1, h2, h3, h5, h6 {
        /*font-family: 'Noto Sans JP', sans-serif;*/
        padding: 0px;
        margin: 0px;
        font-weight: bold;
    }

    h2 {
        font-size:30px;
    }

    h3 {
        font-size:26px;
    }

    .container * {
        max-width: 800px;
    }

    .form-control {
        display: block;
        padding: .375rem .75rem;
        font-size: 1rem;
        line-height: 2;
        /*height: 45px;*/
        background-color: #fff;
        background-clip: padding-box;
        /*border-style: solid;*/
        border-width: 2px;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    select.form-control:not([size]):not([multiple]) {
        height: 45px;
    }

	.small
	{
	height: 1.75rem !important;
	}
    .btn, .btn:hover, .btn:focus, .btn:active, .btn.active, .open>.dropdown-toggle.btn,
    .btn:active:focus, .btn.active:focus, .btn-success.focus,
    .btn-group>.btn:last-child:not(:first-child),
    .btn-group>.btn:not(:first-child),
    .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
    .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
        padding: .5rem 2rem;
        border: 0 none;
        font-weight: 700;
        letter-spacing: 1px;
        font-family: 'Noto Sans JP', sans-serif;
        background: #134F88;

        border-style: solid;
        border-color: #ffffff;
        border-width: 1px;
        border-radius: .33rem;

        color: #ffffff;
        outline: 0 none;
        box-shadow: none;  /* Gets rid of border color upon focus */
    }

    .btn:hover {
        background: #2A649D;
        border-color: #2A649D;
    }

    /* Allows the btn-group to wrap around, if necessary */
    div.btn-group {
        /*margin: 1px auto; */
        /*text-align: center;*/
        width: inherit;
        display: inline-block;
    }


    /* Warning message */
    .claro .dijitTextBoxError .dijitValidationContainer::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f12a";
        /*content: "\f06a"; */
        color: #ef544c;
        visibility:visible;
        font-size: 1em;
    }

    .claro .dijitTextBoxError .dijitValidationContainer {
        /*display:none;*/
        visibility:hidden;
    }

    * {
        box-sizing: border-box;
    }


    /* Checkbox CSS */
    label.checkbox-bootstrap input[type=checkbox] {
        /* hide original check box */
        opacity: 0;
        position: absolute;
        /* find the nearest span with checkbox-placeholder class and draw custom checkbox */
        /* draw checkmark before the span placeholder when original hidden input is checked */
        /* disabled checkbox style */
        /* disabled and checked checkbox style */
        /* when the checkbox is focused with tab key show dots arround */
    }

     label.checkbox-bootstrap input[type=checkbox] + span.checkbox-placeholder {
        width: 14px;
        height: 14px;
        border: 1px solid;
        border-radius: 3px;
        /*checkbox border color*/
        border-color: #737373;
        display: inline-block;
        cursor: pointer;
        margin: 0 7px 0 0px;
        vertical-align: middle;
        text-align: center;
    }

    label.checkbox-bootstrap input[type=checkbox]:checked + span.checkbox-placeholder {
        background: #134F88;
    }

    label.checkbox-bootstrap input[type=checkbox]:checked + span.checkbox-placeholder:before {
        display: inline-block;
        position: relative;
        vertical-align: text-top;
        width: 5px;
        height: 9px;
        /*checkmark arrow color*/
        border: solid white;
        border-width: 0 2px 2px 0;
        /*can be done with post css autoprefixer*/
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        content: "";
    }

     label.checkbox-bootstrap input[type=checkbox]:disabled + span.checkbox-placeholder {
        background: #ececec;
        border-color: #c3c2c2;
    }

    label.checkbox-bootstrap input[type=checkbox]:checked:disabled + span.checkbox-placeholder {
        background: #d6d6d6;
        border-color: #bdbdbd;
    }

    label.checkbox-bootstrap input[type=checkbox]:focus:not(:hover) + span.checkbox-placeholder {
        outline: 1px dotted black;
    }

     label.checkbox-bootstrap.checkbox-lg input[type=checkbox] + span.checkbox-placeholder {
        width: 26px;
        height: 26px;
        border: 2px solid;
        border-radius: 5px;
        /*checkbox border color*/
        border-color: #737373;
    }

     label.checkbox-bootstrap.checkbox-lg input[type=checkbox]:checked + span.checkbox-placeholder:before {
        width: 9px;
        height: 15px;
        /*checkmark arrow color*/
        border: solid white;
        border-width: 0 3px 3px 0;
    }


    h4{
    padding-top: 15px!important;
}

/* Input Element CSS */
.form-control select, .form-control {
    display: block;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 2rem;
    height: 3rem;
    background-color: #fff;
    background-clip: padding-box;
    border-width: 2px;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/* Keep input element height consistent for dijit inputs */
.form-control.dijitTextBox {
    height: 2rem;
}
    /* Autocomplete Results Styling */
    .ac_results {
        Z-INDEX: 10000;
        /*BORDER-BOTTOM: windowframe 1px solid;*/
        POSITION: relative;
        font-family: 'Noto Sans JP', sans-serif;
        border-radius: .25rem;
        padding: .375rem .75rem;
        /*font-size: 1rem;*/
        /*height: 100% !important;*/
        /*BORDER-LEFT: windowframe 1px solid;*/
        /*PADDING-BOTTOM: 0px;*/
        BACKGROUND-COLOR: window;
        /*PADDING-LEFT: 0px;*/
        /*PADDING-RIGHT: 0px;*/
        OVERFLOW: hidden;
/*        BORDER-TOP: windowframe 1px solid;
        BORDER-RIGHT: windowframe 1px solid;*/
    }

    .ac_results ul {
        /*font-size: 1rem;*/
        /*padding-bottom: 5px;*/
        padding-top: 5px;
        height: 100% !important;
        /*margin-bottom: 5px;*/
    }
    .ac_results li {
        padding-bottom: 5px;
        font: sans-serif;
        padding-top: 5px;
        font-size: 1rem !important;
        /*height: 100% !important;*/
    }

    /* The color when hovering over an autocomplete result. */
    .ac_over {
        background-color: #3297FD !important;
        color: white !important;
    }

    .ac_results iframe {
/*     Z-INDEX: -1;
    POSITION: relative;
    FILTER: mask();
    WIDTH: 3000px;
    DISPLAY: none;*/
    /*HEIGHT: 6000px !important;*/
/*    TOP: 0px;
    LEFT: 0px*/
    }

        /* Textarea Element CSS */
    textarea {
        padding: .375rem .75rem;
        background-color: #fff;
        border-width: 1px;
        /*border-color: #495057 !important;*/
        border-radius: .25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }