@font-face {
    font-family: 'archiroid';
    src:url('../fonts/archiroidFont 5_7 mono ver1.1.eot');
    src:url('../fonts/archiroidFont 5_7 mono ver1.1.ttf') format('truetype'),
        url('../fonts/archiroidFont 5_7 mono ver1.1.svg') format('svg');
}

html, body{
    height:100%;
}

body {
    margin:0;
    padding:0;
    min-height:100%;
    height:auto !important;
    height:100%;
    position:relative;
}


/* overwrite bootstrap */
.table thead>tr>th {
    border-bottom:0px;
}
table th{
    vertical-align:middle !important;
}

.form-control {
    border-radius:0px;
}
.form-control:focus {
    border-color:rgba(0, 0, 0, 0.6);
    -webkit-box-shadow:none;
    box-shadow:none;
}
.btn{
    border-radius:0px;
}
.input-group-addon{
    border-radius:0px;
}

#group_table{
    display:none;
}

.center{
    text-align:center;
}

.item_right{
    float:right;
}
.item_left{
    float:left;
}

.back_button{
    margin-top: 32px;
}
.apply_cancel_button{
    /*margin-top: 32px;*/
    clear:both;
}

.login_button{
    margin-top:16px;
    /*padding-left:180px;*/
    /*padding-right:180px;*/
    padding:10px 16px;
    /*font-weight:500;*/
}
.register_button{
    margin-top:32px;
    padding-left:152px;
    padding-right:152px;
}

.project_table{
    display:none;
}

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    padding-left:0;
    padding-right:0;
}

.main_table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    padding-left:8px;
    padding-right:8px;
}
.main_table thead > tr > th, .main_table thead > tr > td {
    font-weight:bold;
    border-bottom: 2px solid #ddd;
}

.main_table tbody > tr > th{
    font-weight:normal;
}

.form-control[disabled] {
    cursor: text !important;
}

/* Top Menu */
#top_menu {
    /*top:0;*/
    /*position:absolute;*/
    width: 100%;
    height: 48px;
    line-height: 1;
    background-color: #ffffff;
    border-bottom: 1px solid;
    border-bottom-color: #9f9fa0;
    margin-bottom: 32px;
    z-index: 50;
}
#header_dummy{
    border-bottom:1px solid;
}

.menu_item_left{
    float:left;
}

.menu_item_right{
    float:right;
}

.logo{
    /*font-family:'archiroid';*/
    font-family: "Sawarabi Mincho";
    /*font-family: "Hannari";*/
    /*font-size:40px;*/
    font-size:32px;
    border:none;
    width:128px;
    height:48px;
    line-height:45px;
    padding:0px;
    background-color:unset;

    border-bottom:1px solid;
    border-bottom-color:#9f9fa0;
}
.logo:hover, .logo:active, .logo:focus {
    color:#000000;
    background-color:#fff;
    box-shadow: none;
}

.menu_button{
    font-family:'Noto Sans Japanese';
    font-size:14px;

    border:none;
    width:128px;
    height:48px;
    padding:14px;
    background-color:unset;
    letter-spacing: 0.0625em;
}

.side_panel .plus_button{
    font-size:10px !important;
}

.plus_button {
    /*border: 2px solid lightgrey;*/
    background-color: #fff;
    font-size: 16px;
    height: 2.5em;
    width: 2.5em;
    /*border-radius: 999px;*/
    position: relative;
    border:none;
}
.delete_button {
    /*border: 2px solid lightgrey;*/
    background-color: #fff;
    font-size: 10px;
    height: 1em;
    width: 1em;
    /*border-radius: 999px;*/
    position: relative;
    border:none;
    padding:0;
}

.plus_button:after,.plus_button:before {
    content: "";
    display: block;
    background-color: #333;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform:translate3d(-50%, -50%,0);
}
.delete_button:after, .delete_button:before {
    content: "";
    display: block;
    background-color: #333;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
    -ms-transform: translate3d(-50%, -50%,0) rotate(45deg);
}

.plus_button:before {
    height: 1em;
    width: 0.15em;
}
.plus_button:after {
    height: 0.15em;
    width: 1em;
}

.delete_button:before {
    height: 1.5em;
    width: 0.15em;
}
.delete_button:after {
    height: 0.15em;
    width: 1.5em;
}

.plus_button:hover,.plus_button:active{
    background-color: black;
}
.delete_button:hover,.delete_button:active{
    background-color: white;
}

.plus_button:focus {
    background-color: white;
}


.plus_button:hover:after,.plus_button:active:after,
.plus_button:hover:before,.plus_button:active:before{
    background-color: white;
}
.delete_button:hover:after,.delete_button:active:after,
.delete_button:hover:before,.delete_button:active:before{
    background-color: black;
}

.plus_button:focus:after,.plus_button:focus:before,
.delete_button:focus:after,.delete_button:focus:before{
    background-color: black;
}

.minus_button:before{
    display:none;
}


.browser_button{
    /*margin-top:3.5px;*/
    /*margin-bottom:3.5px;*/
}

.wb_button_selected, .wb_button_selected:hover, .wb_button_selected:active, .wb_button_selected:focus{
    color:#ffffff;
    background-color:#000000;
    border-color:#000000;
}

.wb_button:hover,.wb_button:active {
    color:#ffffff;
    background-color:#000000;
    border-color:#000000;
}

.wb_button:focus{
    color:initial;
    background-color:initial;
}

.buttonslide{
    color: #000000;
    outline: none;
    background: transparent;
    border: none;
    /*border-bottom: 1px solid #9f9fa0;*/
    /*padding: 8px 10px;*/ 
    text-transform: uppercase;
    /*line-height: 2;*/
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
    transition: all .3s;

    z-index: 0;
}

.buttonslide:before,
.buttonslide:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: #000;
    z-index: -1;
    transform: translate(0,-100%,0);
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform:translate3d(0, -100%,0);
    transition: all .3s;
}

.buttonslide:before{
    border-bottom: 1px solid #9f9fa0;
    background: #fff;
    z-index: -2;
    transform: translate(0,0,0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform:translate3d(0, 0,0);

}

.buttonslide:hover{
    z-index:0;
    color: white;
}

.buttonslide:hover:after{
    transform: translate(0,0,0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform:translate3d(0, 0,0);

    transition: all .3s;
}

.buttonslide.btn-default:hover, 
.buttonslide.btn-default:focus, 
.buttonslide.btn-default:active, 
.buttonslide.btn-default.active{
    background-color:inherit;
}

.column_span_selected{
    background-color:#ccc;
}

.column_span{
}

.move_button{
    padding: 0px 4px;
}

.side_title{
    margin-right:64px;
    /*display:inline;*/
}

/* Footer Menu */
#footer_menu{
    bottom:0;
    position:absolute;
    width:100%;
    height:168px;
    background-color:#ffffff;
    border-top:1px solid;
    border-top-color:#9f9fa0;
    margin-top:32px;
    padding:24px;
    overflow:hidden;

    z-index:1;
}

textarea{
    resize:vertical;
}
#apply_summary{
    resize:vertical;
}
.project_textarea{
    resize:vertical;
}

.red_note{
    color:#b94a48;
}
.bold_note{
    font-weight:bold;
}

.note{
    font-size:12px;
}

.check_span{
    display:inline-block;
    margin-bottom:10px;
}

.error_input{
    /*border-color:#b94a48;*/
    background-color:#faffbd;
}

.description_p{
    line-height: 22px;
}

.score_input {
    display: inline;
    height: 24px;
    width: 48px;
    padding: 0 0 0 4px;
}

.save_score_button {
    display:inline;
    height: 24px;
    width: 60px;
    padding: 0 0 0 0;
}

.score_col{
    width:42px;
}

.not_saved{
    background-color:#ffcdd2;
}

.saved{
    background-color:#c8e6c9;
}

.boothname_input{
    height:24px;
    width:48px;
    padding:0 0 0 4px;
}

.time_input {
    height: 24px;
    width: 48px;
    padding: 0 0 0 4px;
}

/* Font Style */
body{
    font-family:'Noto Sans Japanese';
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family:'Noto Sans Japanese';
}

.indent_two{
    padding-left:32px;
}

.title_1{
    padding-bottom: 8px;
    padding-left: 8px;
    border-left: solid 4px #000;
    border-bottom: solid 2px #000;
    margin-bottom:8px;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
}

.title_2{
    padding-bottom: 8px;
    padding-left: 8px;
    border-left: solid 2px #000;
    border-bottom: solid 1px #000;
    margin-left: 32px;
    margin-bottom:8px;
}
/* Layout */

.not_selected{
    
}

.inner{
    width:964px;
    margin:0 auto;
}



.footer_padding{
    padding-bottom:168px;
}

.div_panel {
    margin-bottom:64px;
    /*padding:16px;*/
    /*border:1px solid #9f9fa0;*/
}

.div_panel_login {
    /*margin-bottom:64px;*/
    /*padding:16px;*/
    /*border:1px solid;*/
    border-color:#9f9fa0;
    /*position:absolute;*/
    /*top:0;*/
    /*right:0;*/
    /*bottom:0;*/
    /*left:0;*/
    margin:168px auto 128px auto;
    /*text-align:center;*/
    width:448px;
    /*height:400px;*/
}

.div_panel_login_browser{
    /*padding:16px;*/
    /*border:1px solid;*/
    border-color:#9f9fa0;
    /*position:relative;*/
    margin-left:auto;
    margin-right:auto;
    margin-bottom:64px;
    width:448px;
}

.indent_panel{
    padding-left:16px;
    padding-right:16px;
}

.side_panel{
    width:320px;
    position:fixed;
    right:0;
}


.indent_left {
    text-indent: -1em;
    /*padding-left: 32px;*/
    padding-left: 44px;
    display: inline-block;
}

.indent_left_2 {
    /*text-indent: -1em;*/
    padding-left: 64px;
}

.form-row{
    margin-bottom:8px;
}

.login_label{
    font-weight:normal;
    margin-bottom: 0;
}
.login_note{
    margin-top:16px;
}

.title_inline{
    display:inline-block;
}

.title_margin{
    margin-top:32px;
}

.hr_1{
    border-top: 1px solid #999999;
}

.apply_type_panel_info{
    margin-bottom:48px;
    margin-left:32px;
    margin-right:32px;
}

.apply_type_panel_div{
    display:inline-block;
}
.apply_type_panel{
    width:300px;
    min-height:1px;
    /*margin-bottom:48px;*/
    float:left;
    /*padding:16px;*/
    /*border:1px solid #9f9fa0;*/
}

.table_head > th, .table_head > td{
    /*text-align:center;*/
}

.main_table tbody > tr > td{
    vertical-align:middle;
}

.net_lan{
    width:140px;
    display:inline-block;
}

.col-l{
    width:189px;
}

.col-m{
    width:88px;
}

.admin_evaluate_info_div{
    display:inline;
    
}
.admin_evaluate_info{
    width:300px;
    float:left;
    margin-bottom:32px;
}

.clear_title{
    clear:both;
}
.panel_margin{
    margin-right:32px;
}

.apply_button{
    width:100%;
    /*margin-bottom: 32px;*/
}

.document_delete_form{
    display:inline;
}

.close_button {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}

/********************************** admin  **********************************/
.admin_top_inner{
    margin-left:8px;
}

.category_input{
    width:50%;
    display:inline;
}
/********************************** admin email form **********************************/
.group_list {
    height: 34px;
}

.email_editer_top {
    height: 34px;
    width: calc(80% - 4px);
    float: right;
}

#email_group_list{
    height:100%;
    resize:none;
    cursor: text;
}

.fixed_container{
    position:absolute;
    top: 48px;
    right: 0;
    bottom: 0;
    left: 0;

    background-color: #efefef;
}

.fixed_container_margin{
    position:absolute;
    top: 8px;
    right: 8px;
    bottom: 0;
    left: 8px;
}

.group_field_select{
    height:100% !important;
    overflow-y:auto;
}

.email_editer_sidebar{
    position:absolute;
    width:calc(20% - 4px);
    top:0px;
    bottom:56px;
}

.email_editer_left {
    position: absolute;
    width: calc(40% - 8px);
    top: 80px;
    bottom: 56px;
    left: calc(20% + 4px);
}

.email_editer_right {
    position: absolute;
    width: calc(40% - 4px);
    top: 80px;
    bottom: 56px;
    right: 0;
}

.email_editer_bottom{
    position:absolute;
    width:100%;
    height:48px;
    /*background-color: #ccc;*/
    border-top: 1px solid #ccc;
    bottom:0;
}

.email_from {
    position: absolute;
    top: 38px;
    width:inherit;
}

.email_to {
    position: absolute;
    top: 0px;
}

.email_cc {
    position: absolute;
    top: 38px;
}

.email_subject {
    position: absolute;
    top: 76px;
}

.email_content {
    position: absolute;
    top: 114px;
    bottom: 42px;
    resize: none;
}

.email_editer_right > input, .email_editer_right > textarea{
    cursor: text !important;
}

#insert_button{
    position: absolute;
    bottom: 8px;
    right: 8px;
}

.send_mail{
    float:right;
    margin:8px;
    height:32px;
}

/********************************** admin user list **********************************/
.admin_list_container{
    position:absolute;
    width:calc(85% - 4px);
    top:0px;
    bottom:136px;
    left:0;
    
    border: 1px solid #ccc;
    padding: 0px 12px;
    overflow: auto;

    background-color: #fff;
}
.admin_right_container{
    position:absolute;
    width:calc(15% - 4px);
    top:0px;
    bottom:136px;
    right:0;

    border: 1px solid #ccc;
    padding: 6px 12px;
    overflow: auto;

    background-color: #fff;
}
.admin_right_1_container{
    position:absolute;
    width:calc(15% - 4px);
    top:0px;
    bottom:calc((100% - 136px) / 2 + 136px + 4px);
    right:0;

    border: 1px solid #ccc;
    padding: 6px 12px;
    overflow: auto;

    background-color: #fff;
}
.admin_right_2_container{
    position:absolute;
    width:calc(15% - 4px);
    top:calc((100% - 136px) / 2 + 4px);
    bottom:136px;
    right:0;

    border: 1px solid #ccc;
    padding: 6px 12px;
    overflow: auto;

    background-color: #fff;
}

.admin_bottom_container{
    position:absolute;
    width:100%;
    height:128px;
    bottom:0;

    /*border: 1px solid #ccc;*/
    padding: 6px 12px;
    overflow: auto;

    /*background-color: #fff;*/
}

.table-fixed thead {
    width: 97%;
}
.table-fixed tbody {
    height: 230px;
    overflow-x: auto;
    overflow-y: auto;
    width: 99%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
    display: block;
}
.table-fixed tbody td, .table-fixed thead > tr> th {
    display: inline-block;
    border-bottom-width: 0;
}

.user_list{
    font-size:12px;
}

.user_attr{
    font-size:8px;
}

.group_row{
    display:none;
}


.inline_form{
    display:inline-block;
}

.apply_type_select{
    width:100%;
    overflow:initial;
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

/********************************** admin group list **********************************/
.select_date_input {
    width: 140px !important;
}

#fixedTableArea {
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 0;
    left: 0;
    border: 1px solid #ccc;
    padding: 6px 12px;
    overflow: auto;
    background-color: #fff;
}

#topLeftArea {
    float: left;
}
#topRightArea {
    position: absolute;
    /*top: 8px;*/
    right: 0;
    left: 380px;
    /*width: 400px;*/
    /*float: left;*/
    overflow: hidden;
    height: 560px;
}
#bottomLeftArea {
    position: absolute;
    top: 108px;
    bottom: 0;
    /*float: left;*/
    /*height: 170px;*/
    overflow: hidden;
}
#bottomRightArea {
    position: absolute;
    top: 108px;
    bottom: 0;
    right: 0;
    left: 380px;
    /*width: 400px;*/
    /*height: 170px;*/
    overflow: scroll;
}
 
.fixedTable {
    border-collapse: collapse;
}
.fixedTable td {
    /*border: 1px solid #888;*/
    /*min-width: 90px;*/
    /*max-width: 90px;*/
    /*overflow: scroll;*/
    overflow: visible;
    white-space: nowrap;
    height: 37px;
}
.fixedTable td.dummyColumn {
    width: 17px;
    border: 0px;
}
.fixedTable td.dummyRow {
    height: 18px;
    border: 0px;
}

.fixedTable td::-webkit-scrollbar {
    display: none;
}

.col_s {
    width: 80px;
}
.col_m{
    width:140px;
}

.col_l{
    width:180px;
}

.title_row{
    height:64px;
}

.title_row td {
    white-space: initial;
}

/********************************** scroll bar **********************************/
/* width */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar:horizontal {
    height: 10px;
}


/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

/* Handle on hover */
::-webkit-scrollbar-corner {
    background: #888; 
}

/********************************** apply table **********************************/
#apply_table {
    font-size: 12px;
    border-collapse: separate;
}

#apply_table thead td {
    padding-right: 15px;
    position: sticky;
    background-color: white;
    z-index:2;
    border-bottom: 1px solid #ddd;
}

#apply_table thead tr:nth-child(1) td {
    top: 0;
    height:180px;
}
#apply_table thead tr:nth-child(2) td {
    top: 180px;
    height: 50px;
}

#apply_table td {
    padding: 8px;
}

.side_panel span{
    font-size:12px;
}

#apply_table td.sort_col.tablesorter-headerUnSorted { 
    background-image: url('../images/black-unsorted.gif'); 
    background-repeat: no-repeat; 
    background-position: center right; 
}
#apply_table td.tablesorter-headerAsc { 
    background-image: url('../images/black-asc.gif'); 
    background-repeat: no-repeat; 
    background-position: center right; 
}
#apply_table td.tablesorter-headerDesc { 
    background-image: url('../images/black-desc.gif'); 
    background-repeat: no-repeat; 
    background-position: center right; 
}

.dropdown-menu{
    top:auto;
    left:auto;
    /*z-index:99;*/
}

.apply_col {
    width: 160px;
    max-width: 160px;
    min-width: 160px;
    /* white-space: nowrap; */
    word-wrap: break-word;
}

.sds_img{
    width:100%;
}

/* loading ajax */
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0,0,0,0.6);
}
.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;  
}
.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
    0% { 
        transform: rotate(0deg); 
    }
    100% { 
        transform: rotate(359deg); 
    }
}
.is-hide{
    display:none;
}


/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}