@import url("https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700"); 
.navbar { filter: none; border: 1px solid #00152f; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); }
.navbar-inverse { filter: none; border: 1px solid #345578; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }
.navbar-inverse .badge { background-color: #fff; color: #446E9B; }
.navbar .badge { text-shadow: none; }
.navbar-nav > li > a, .navbar-nav > li > a:hover { padding-top: 17px; padding-bottom: 13px; }
.navbar .dropdown-menu { text-shadow: none; }

.btn { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }
.btn-default { filter: none; border: 1px solid #2e2f2f; }
.btn-default:hover { filter: none; border: 1px solid #242525; }
.btn-primary { filter: none; border: 1px solid #345578; }
.btn-primary:hover { filter: none; border: 1px solid #2e4b69; }
.btn-success { filter: none; border: 1px solid #2e8a19; }
.btn-success:hover { filter: none; border: 1px solid #287916; }
.btn-info { filter: none; border: 1px solid #0e80e5; }
.btn-info:hover { filter: none; border: 1px solid #0c75d2; }
.btn-warning { filter: none; border: 1px solid #a15900; }
.btn-warning:hover { filter: none; border: 1px solid #8d4e00; }
.btn-danger { filter: none; border: 1px solid #9a0200; }
.btn-danger:hover { filter: none; border: 1px solid #860100; }
.btn-link { text-shadow: none; }
.btn:active, .btn.active { background-image: none; }

.panel-primary .panel-title { color: #fff; }

.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

@media screen and (max-width: 768px) { .mb-disp { display: none !important; }
}

.btn { margin-bottom: 0.5rem !important; }

.block-box { margin-bottom: 1.4rem; margin-left: 0; margin-right: 0; }

.button-block { float: left; }

.btn-min-width { min-width: 12.8rem; }

.btn-caution { color: #fff; background-color: #dc3545; border-color: #dc3545; }

.btn-caution:hover { color: #fff; background-color: #c82333; border-color: #bd2130; }

.btn-caution:focus, .btn-caution.focus { color: #fff; background-color: #c82333; border-color: #bd2130; box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }

.btn-caution.disabled, .btn-caution:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; }

.btn-caution:not(:disabled):not(.disabled):active, .btn-caution:not(:disabled):not(.disabled).active, .show > .btn-caution.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; }

.btn-caution:not(:disabled):not(.disabled):active:focus, .btn-caution:not(:disabled):not(.disabled).active:focus, .show > .btn-caution.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }

@media screen and (min-width: 768px) { .console-btn { margin-right: 0.7rem; }
}
@media screen and (max-width: 767px) { .console-btn { display: none; }
}

.console-tool-btn { float: right; cursor: pointer; }
@media screen and (min-width: 768px) { .console-tool-btn { display: none; }
}
@media screen and (max-width: 767px) { .console-tool-btn { display: block; }
}

.console-action-btn { color: white; }

.modal-contract { border: solid 3px #000000; overflow-x: auto; }
.modal-contract.file-html { position: relative; width: 100%; height: 0; }
.modal-contract.file-html > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media screen and (min-width: 992px) { .modal-contract.file-html { padding-bottom: 56.25%; }
}
@media screen and (max-width: 991px) { .modal-contract.file-html { padding-bottom: 80%; }
}
@media screen and (max-width: 767px) { .modal-contract.file-html { padding-bottom: 95%; }
}
.modal-contract.file-jpg { text-align: center; overflow-y: scroll; }
@media screen and (min-width: 992px) { .modal-contract.file-jpg { height: 50rem; margin: 0 auto; }
}
@media screen and (max-width: 991px) { .modal-contract.file-jpg { height: 50rem; margin: 0 auto; }
.modal-contract.file-jpg img { width: 760px; height: auto; }
}
@media screen and (max-width: 767px) { .modal-contract.file-jpg { height: 50rem; margin: 0 auto; }
.modal-contract.file-jpg img { width: 350px; height: auto; }
}

a.fold-key { color: #0764c2; font-weight: bold; cursor: pointer; }
a.fold-key[aria-expanded="false"]:before { font-family: "FontAwesome"; display: inline-block; content: ""; margin-right: 1rem; }
a.fold-key[aria-expanded="true"]:before { font-family: "FontAwesome"; display: inline-block; content: ""; margin-right: 0.7rem; }

.btn-primary { color: #fff; border: 0.1rem solid #1684c2; background-image: linear-gradient(#38d, #16b); background-repeat: no-repeat; filter: none; border-bottom: 0.1rem solid #178acc; }

.search-button { width: 30%; margin-bottom: 3%; }

.search-label-gutter { margin-bottom: 20.42857px; }

.d-none { display: none !important; }

.d-block { display: block !important; }

.no-gutters { margin-right: 0; margin-left: 0; }
.no-gutters.hyphen { width: 4%; }
.no-gutters [class*="col-"] { padding-right: 0; padding-left: 0; }

.uers-help-gutter { margin-bottom: 15px; }

.item-error, .is-invalid input { background-color: #fdd; border: 0.1rem solid #c00; }
.item-error:focus, .is-invalid input:focus { border-color: #b94a48; box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.075), 0 0 0.6rem #b94a48; }

.item-errmsg, .invalid-feedback { color: #b94a48; }

.item.item-error, .is-invalid input { border-color: #b94a48; }

.modal-nowrap .modal-body { padding: 0; }

td > a { cursor: pointer; }

.paging-row > td { padding: 0 !important; }

.form-group .form-data { padding-left: 1rem; }

.input-icon { padding-right: 15px; }

.dynamic-row, .disk-row, .nw-row, .port-row, .pnf-nw-row, .backup-row, .domain-name-row, .ip-address-row, .add-ip-address-row, .delete-ip-address-row, .dns-server-row, .vlan-id-row, #editor_holder .json-editor-box { border-style: groove; border-width: thin; border-color: #eee; border-radius: 4px; padding: 1.5rem; margin-bottom: 0.5rem; }

.dynamic-row-deleted, .backup-deleted, .disk-deleted, .nw-deleted, .sender-address-deleted, .destination-address-deleted, .port-deleted, .pnf-nw-deleted, .dns-server-deleted, .ip-address-deleted, .add-ip-address-deleted, .domain-name-deleted { background-color: #eee; }

.navbar-console { border: none; }

.console-message-wrapper { margin: 55px 2rem auto; }

#wmksContainer { position: absolute; top: 50px; width: 100%; height: 90%; padding: 5px; z-index: 1; }

@media screen and (min-width: 768px) { #navbar-console-collapse { display: block; }
#navbar-console-collapse > .navbar-console-label { display: none; }
}
@media screen and (max-width: 768px) { #navbar-console-collapse { position: absolute; display: none; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #fff; }
#navbar-console-collapse > .navbar-console-label { display: inline-block; margin-left: 2px; cursor: pointer; }
#navbar-console-collapse > .navbar-console-label > i { font-size: 20px; padding-right: 2rem; vertical-align: middle; }
#navbar-console-collapse > .navbar-console-label > span { font-size: 20px; vertical-align: middle; }
}

.navbar-console-nav { margin: 0 -15px; float: right; }
@media screen and (min-width: 768px) { .navbar-console-nav { display: block; }
.navbar-console-nav > li { display: inline; list-style: none; }
.navbar-console-nav > li > .item-wrapper { display: inline-block; }
.navbar-console-nav > li > .item-wrapper > a { height: 38px; font-size: 14px; }
.navbar-console-nav > li > .item-wrapper > span { display: none; }
.navbar-console-nav > li > .item-wrapper > select { height: 38px; line-height: 38px; font-size: 14px; border-radius: 3px; }
.navbar-console-nav > li > .item-wrapper > button { height: 38px; }
.navbar-console-nav > li.list-label { display: none; }
}
@media screen and (max-width: 768px) { .navbar-console-nav { position: relative; display: block; width: 100%; height: 100%; top: 10px; left: 0; float: left; padding-left: 0; overflow-x: scroll; }
.navbar-console-nav > li { display: block; list-style: none; padding: 2rem; margin-bottom: 3rem; width: 100%; border-bottom: solid 1px #dcdcdc; }
.navbar-console-nav > li > .item-wrapper { display: flex; align-items: center; justify-content: space-between; }
.navbar-console-nav > li > .item-wrapper > a { display: block; height: 38px; font-size: 14px; }
.navbar-console-nav > li > .item-wrapper > span { font-size: 18px; height: 38px; }
.navbar-console-nav > li > .item-wrapper > select { display: block; float: right; margin-right: 2px; width: 30%; height: 38px; line-height: 38px; font-size: 14px; border-radius: 3px; }
.navbar-console-nav > li > .item-wrapper > button { display: block; height: 38px; }
.navbar-console-nav > li > .item-wrapper > button.btn-default { float: right; margin-right: 2px; width: 30%; }
.navbar-console-nav > li > .item-wrapper > button.btn-warning { float: right; margin-right: 2px; width: 30%; }
.navbar-console-nav > li.list-label { display: block; font-size: 20px; padding: 0.5rem 2rem; margin-bottom: 0; }
}

.row.pnf-row { margin-bottom: 0.7rem; }
.row.pnf-row > label { height: 31px; }
.row.pnf-row > label > span { line-height: 31px; }

.txt-truncate { max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media (min-width: 768px) { .row.flex-height { display: flex; flex-wrap: wrap; }
}

.box { margin-bottom: 0.5rem; }

.font-size-small { font-size: 65%; }

#editor_holder .level-1 { font-size: 28px; }
#editor_holder .level-2 { font-size: 24px; }
#editor_holder .level-3 { font-size: 20px; }
#editor_holder .level-4 { font-size: 16px; }
#editor_holder .level-5 { font-size: 16px; }
#editor_holder .level-6 { font-size: 16px; }

.themable-checkbox input[type=checkbox]:disabled + label:before { color: #ccc; }

.datepicker .month { width: 6rem; height: 3rem; }

.chart-container { position: relative; height: 25vw; width: 50vw; }

@media screen and (min-width: 921px) { .mb-disp-login { display: none !important; }
.mb-disp-none-login { display: block !important; }
}

@media screen and (max-width: 920px) { .mb-disp-login { display: block !important; }
.mb-disp-none-login { display: none !important; }
}

.branding-base { display: flex; width: 100vw; height: 100vh; justify-content: center; align-items: center; background: linear-gradient(#1e3664, #081327); }

@media screen and (min-width: 921px) { .background-img-left { position: absolute; top: 0; left: 0; z-index: 5; width: 640px; height: 653px; background-image: url(../../necci2/img/login/pc_illustration_left_top.png); background-repeat: no-repeat; }
}
@media screen and (max-width: 920px) { .background-img-left { display: none; }
}

.background-img-center { position: absolute; top: 0; z-index: 10; }
@media screen and (min-width: 921px) { .background-img-center { width: 1024px; height: 653px; background-image: url("../../necci2/img/login/light_center.png"); background-repeat: no-repeat; }
}
@media screen and (max-width: 920px) { .background-img-center { width: 414px; height: 430px; background-image: url("../../necci2/img/login/sp_illustration_top_1x.png"); background-repeat: no-repeat; }
}

@media screen and (min-width: 921px) { .backgroung-img-right { position: absolute; top: 0; right: 0; z-index: 5; width: 620px; height: 653px; background-image: url(../../necci2/img/login/pc_illustration_right_top.png); background-repeat: no-repeat; }
}
@media screen and (max-width: 920px) { .backgroung-img-right { display: none; }
}

.corporate-logo { position: absolute; top: 0; right: 0; z-index: 50; }
@media screen and (min-width: 921px) { .corporate-logo { width: 94px; height: 32px; background-image: url(../../necci2/img/nec_logo/pc/SW_RGB_PNG_necwhite_s.png); background-repeat: no-repeat; }
}
@media screen and (max-width: 920px) { .corporate-logo { width: 96px; height: 32px; background-image: url(../../necci2/img/nec_logo/sp/sp_NEC_logo_1x.png); background-repeat: no-repeat; }
}

.copy-writer { position: absolute; bottom: 0; right: 0; z-index: 1; margin-right: 10px; font-size: 9px; color: #7c7c7c; }
@media screen and (max-width: 920px) { .copy-writer { margin-bottom: 10px; }
}

.necci-login-panel { display: flex; position: relative; justify-content: center; align-items: center; z-index: 100; }
@media screen and (min-width: 921px) { .necci-login-panel { box-shadow: 0px 5px 20px 0.4px #000000; }
}
@media screen and (max-width: 920px) { .necci-login-panel { flex-flow: column; box-shadow: 0px 4px 8px 0.4px #000000; margin-bottom: 1rem; }
}
@media screen and (min-width: 921px) { .necci-login-panel > .necci-login-panel-header { width: 460px; height: 460px; background-image: url(../../necci2/img/login/pc_bg_panel.jpg); background-repeat: no-repeat; }
}
@media screen and (max-width: 920px) { .necci-login-panel > .necci-login-panel-header { width: 332px; height: 249px; background-image: url(../../necci2/img/login/sp_bg_panel_1x.jpg); background-repeat: no-repeat; }
}
.necci-login-panel > .necci-login-panel-header > .necci-login-panel-branding { position: absolute; top: 0; z-index: 120; }
@media screen and (min-width: 921px) { .necci-login-panel > .necci-login-panel-header > .necci-login-panel-branding.disp-pc { display: block; }
}
@media screen and (max-width: 920px) { .necci-login-panel > .necci-login-panel-header > .necci-login-panel-branding.disp-pc { display: none; }
}
@media screen and (min-width: 921px) { .necci-login-panel > .necci-login-panel-header > .necci-login-panel-branding.disp-sp { display: none; }
}
@media screen and (max-width: 920px) { .necci-login-panel > .necci-login-panel-header > .necci-login-panel-branding.disp-sp { display: block; }
}
.necci-login-panel > .necci-login-panel-header > .necci-login-panel-sub-branding { z-index: 110; }
.necci-login-panel > .necci-login-panel-body { z-index: 120; background-color: #dae4f2; }
@media screen and (min-width: 921px) { .necci-login-panel > .necci-login-panel-body { width: 460px; height: 460px; }
}
@media screen and (max-width: 920px) { .necci-login-panel > .necci-login-panel-body { width: 332px; height: 249px; }
}
@media screen and (min-width: 921px) { .necci-login-panel > .necci-login-panel-body > .login-input-wrapper { margin-left: 80px; margin-right: 80px; margin-top: 139px; }
}
@media screen and (max-width: 920px) { .necci-login-panel > .necci-login-panel-body > .login-input-wrapper { margin-left: 5vw; margin-right: 5vw; margin-top: 5vh; }
}
.necci-login-panel > .necci-login-panel-body > .login-input-wrapper .login-form-group { margin: 0px; }
.necci-login-panel > .necci-login-panel-body > .login-input-wrapper .login-form-control { display: block; width: 100%; border: 1px solid #e6eaf0; background-color: #ffffff; color: #323232; }
@media screen and (min-width: 921px) { .necci-login-panel > .necci-login-panel-body > .login-input-wrapper .login-form-control { height: 24px; font-size: 12px; padding-left: 10px; }
}
@media screen and (max-width: 920px) { .necci-login-panel > .necci-login-panel-body > .login-input-wrapper .login-form-control { height: 27px; font-size: 15px; padding-left: 13px; }
}
.necci-login-panel > .necci-login-panel-body > .login-input-wrapper .login-form-control:hover { background-color: #f2f2f2; }
.necci-login-panel > .necci-login-panel-body > .login-input-wrapper .login-form-control:active { background-color: #dcdfe5; }
.necci-login-panel > .necci-login-panel-body > .login-input-wrapper .login-form-control:disabled { opacity: 0.3; }
.necci-login-panel > .necci-login-panel-body > .login-input-wrapper .login-user-label { position: relative; margin: 0; font-family: 'ヒラギノ角ゴ ProN W3', Meiryo; color: #323232; line-height: 20px; text-indent: 25px; }
@media screen and (min-width: 921px) { .necci-login-panel > .necci-login-panel-body > .login-input-wrapper .login-user-label { font-size: 12px; }
}
@media screen and (max-width: 920px) { .necci-login-panel > .necci-login-panel-body > .login-input-wrapper .login-user-label { font-size: 15px; }
}
.necci-login-panel > .necci-login-panel-body > .login-input-wrapper .login-user-label > span:before { position: absolute; display: inline-block; width: 20px; height: 20px; left: 0; content: ''; background-repeat: no-repeat; background-size: contain; }
@media screen and (min-width: 921px) { .necci-login-panel > .necci-login-panel-body > .login-input-wrapper .login-user-label > span:before { background-image: url(../../necci2/img/login/pc_ico_login.png); }
}
@media screen and (max-width: 920px) { .necci-login-panel > .necci-login-panel-body > .login-input-wrapper .login-user-label > span:before { background-image: url(../../necci2/img/login/sp_ico_login_1x.png); }
}
.necci-login-panel > .necci-login-panel-body > .login-input-wrapper .login-password-label { position: relative; margin: 0; font-family: 'ヒラギノ角ゴ ProN W3', Meiryo; font-size: 12px; color: #323232; line-height: 20px; text-indent: 25px; }
@media screen and (min-width: 921px) { .necci-login-panel > .necci-login-panel-body > .login-input-wrapper .login-password-label { font-size: 12px; }
}
@media screen and (max-width: 920px) { .necci-login-panel > .necci-login-panel-body > .login-input-wrapper .login-password-label { font-size: 15px; }
}
.necci-login-panel > .necci-login-panel-body > .login-input-wrapper .login-password-label > span:before { position: absolute; display: inline-block; width: 20px; height: 20px; left: 0; content: ''; background-repeat: no-repeat; background-size: contain; }
@media screen and (min-width: 921px) { .necci-login-panel > .necci-login-panel-body > .login-input-wrapper .login-password-label > span:before { background-image: url(../../necci2/img/login/pc_ico_pw.png); }
}
@media screen and (max-width: 920px) { .necci-login-panel > .necci-login-panel-body > .login-input-wrapper .login-password-label > span:before { background-image: url(../../necci2/img/login/sp_ico_pw_1x.png); }
}
@media screen and (min-width: 921px) { .necci-login-panel > .necci-login-panel-body > .login-input-wrapper #id_username { margin-bottom: 20px; }
}
@media screen and (max-width: 920px) { .necci-login-panel > .necci-login-panel-body > .login-input-wrapper #id_username { margin-bottom: 3vh; }
}
@media screen and (min-width: 921px) { .necci-login-panel > .necci-login-panel-body > .login-input-wrapper #id_password { margin-bottom: 40px; }
}
@media screen and (max-width: 920px) { .necci-login-panel > .necci-login-panel-body > .login-input-wrapper #id_password { margin-bottom: 3vh; }
}
.necci-login-panel > .necci-login-panel-body > .login-input-wrapper > #necci-login-btn { height: 36px; width: 100px; background-color: #0670ef; color: #ffffff; border: none; cursor: pointer; }
@media screen and (min-width: 921px) { .necci-login-panel > .necci-login-panel-body > .login-input-wrapper > #necci-login-btn { margin-left: 200px; margin-bottom: 137px; }
}
@media screen and (max-width: 920px) { .necci-login-panel > .necci-login-panel-body > .login-input-wrapper > #necci-login-btn { display: block; margin-top: 0; margin-right: 0; margin-left: auto; margin-bottom: 5vh; }
}
.necci-login-panel > .necci-login-panel-body > .login-input-wrapper > #necci-login-btn:hover { background-color: #0892f4; }
.necci-login-panel > .necci-login-panel-body > .login-input-wrapper > #necci-login-btn:active { background-color: #044eea; }
.necci-login-panel > .necci-login-panel-body > .login-input-wrapper > #necci-login-btn:disabled { opacity: 0.3; }

.service_login_title { padding: 0; font-size: 20px; position: relative; margin: 0; font-family: 'ヒラギノ角ゴ ProN W3', Meiryo; color: #ffffff; line-height: 20px; text-indent: 25px; margin-top: 70px; }

/*! ========================================================================
 * Bootstrap Toggle: bootstrap-toggle.css v2.2.0
 * http://www.bootstraptoggle.com
 * ========================================================================
 * Copyright 2014 Min Hur, The New York Times Company
 * Licensed under MIT
 * ======================================================================== */
.checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px}
.toggle{position:relative;overflow:hidden}
.toggle input[type=checkbox]{display:none}
.toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none}
.toggle.off .toggle-group{left:-100%}
.toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}
.toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0}
.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px}
.toggle.btn{min-width:59px;min-height:34px}
.toggle-on.btn{padding-right:24px}
.toggle-off.btn{padding-left:24px}
.toggle.btn-lg{min-width:79px;min-height:45px}
.toggle-on.btn-lg{padding-right:31px}
.toggle-off.btn-lg{padding-left:31px}
.toggle-handle.btn-lg{width:40px}
.toggle.btn-sm{min-width:50px;min-height:30px}
.toggle-on.btn-sm{padding-right:20px}
.toggle-off.btn-sm{padding-left:20px}
.toggle.btn-xs{min-width:35px;min-height:22px}
.toggle-on.btn-xs{padding-right:12px}
.toggle-off.btn-xs{padding-left:12px}