html, body { /*height: 100%;*/ } body { margin: 0px; padding: 0px; line-height: 1.5; font-size: 14px; color: #333; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft YaHei", "Microsoft YaHei UI", "WenQuanYi Micro Hei", sans-serif; background-color: #fff; -webkit-text-size-adjust: none; min-width: 320px; background-color: #f5f5f5; } ul, li { margin: 0; padding: 0; list-style: none; } a:focus, a:hover { outline: none; text-decoration: none; } footer { background-color: #1d3355; padding: 15px 0 5px; } footer p { color: #ddd; text-align: center; } footer.footer { border-top: 1px solid #e0e1e2; background-color: #f5f5f5; } footer.footer p { color: #666; text-align: left; } footer.footer p a { color: #2954a2; } footer.footer p a:hover { color: #337ab7; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7); } footer.footer .list-link { display: flex; align-items: center; justify-content: flex-end; margin-top: 18px; } footer.footer .list-link span { padding: 0 5px; } .text-left { text-align: left !important; } #entire { /*min-height: 100%; margin-bottom: -100px;*/ } #entire:after { content: ""; display: block; } footer, #entire:after { /*height: 100px;*/ } .header { background: #e8ebee; height: 29px; line-height: 29px; border-bottom: 1px solid #fafcff; } .header .header-logo { float: left; margin-right: 5px; padding: 5px 10px; height: 28px; } .header .header-logo img { display: block; height: 20px; } .header-navbar { width: calc(100% - 10px); position: relative; } .header-navbar .navbar-right { list-style: none; } .header-navbar .navbar-right li { display: block; float: left; position: relative; } .header-navbar .navbar-right li>ul.dropdown-menu li { float: none; border-bottom: 1px solid #efefef; } .header-navbar .navbar-right li>ul.dropdown-menu li:last-child { border-bottom: none; } .header-navbar .navbar-left li a, .header-navbar .navbar-right li a { color: #6a7189; font-weight: 600; padding: 5px 10px; transition: all 0.3s; } .header-navbar .navbar-right li>ul.dropdown-menu li a { font-size: 13px; font-weight: 400; } .header-navbar .navbar-right li a:hover { color: #575f7a; } .header-navbar .navbar-right li.divider { margin: 0 12px 0 2px; color: #fff; line-height: 26px; } .header-navbar .navbar-right .li>ul.dropdown-menu { margin-top: -1px; } .btn { line-height: 1.42857143; height: auto; padding: 8px 16px; } /*.btn-default{background-color: #383c4b;}*/ .btn-md { font-size: 18px !important; padding: 3px 10px !important; line-height: 1.39 !important; } .btn-sm, .create-results .well .btn-sm { font-size: 12px !important; padding: 4px 9px !important; line-height: 1.39 !important; } .btn-xs { font-size: 12px !important; padding: 2px 5px !important; line-height: 1.39 !important; } .btn-noborder { border: none; } .top-nav>.logo { margin: 0 25px 25px 0 !important; padding: 3px 0 !important; } .top-nav>.logo>a { border: none !important; } .top-nav>.logo>a:hover { background: none !important; } .top-nav .search { margin: 0 0 0 20px; } .top-nav .search .search-input { border-radius: 2px 0 0 2px; font-size: 13px; height: 26px; line-height: 26px; width: 250px; padding: 0 5px; } .top-nav .search .submit-btn { border-radius: 0 2px 2px 0; font-size: 13px; width: auto; height: 26px; padding: 0 5px; } .top-nav>li { padding-top: 14px !important; } .top-nav-side>li { padding-top: 7px; } .top-bar .top-right-side .navbar-nav>li>a { padding: 10px 15px 11px; text-decoration: none; } .top-bar .top-right-side .dropdown-menu>li>a:focus, .top-bar .top-right-side .dropdown-menu>li>a:hover { color: #fff; background: #2954a2; text-decoration: none; } .top-content { word-spacing: 0.1rem; } .sidebar.top-content .sidebar-widget p { line-height: 1.4; font-size: 13px; text-align: justify; } .sidebar.top-content .sidebar-widget p.main-info { color: #505463; font-size: 16px; font-weight: 600; line-height: 1.5; font-family: "Source Sans Pro", sans-serif; } .sidebar.top-content .sidebar-widget.cats ul li .ln-tr { font-family: "Open Sans", Arial, "\5FAE\8F6F\96C5\9ED1", sans-serif; font-size: 13px; padding: 1px 0 1px 18px; } .sidebar.top-content .sidebar-widget.cats ul li { position: relative; } .sidebar.top-content .sidebar-widget.cats ul li span.date { color: #b8b8b8; position: absolute; right: 0; top: 0; } .sidebar.top-content .sidebar-widget.cats ul li .pr-m { padding-right: 66px; } .sidebar .search .search-input:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25); transition: all 0.2s; } .top-content .ha-list>li a { font-weight: 400; font-size: 13px !important; } .top-content [class*="col-"] { padding-left: 10px; padding-right: 10px; } .alert h3 i { font-size: 1.8em; position: relative; top: 3px; } .login-page .login-form .forgot { margin-left: -25px; } .login-page .login-form .new-user { text-align: center; margin-top: 10px; } table.dataTable.table-condensed>thead>tr>th:first-child { padding-right: 0; } .query-content .portfolio-filter { padding: 20px 8%; } .query-content .portfolio-filter.archive-box { padding: 0 20px; } .query-content .portfolio-filter .filter { margin: auto; border-bottom: 1px solid #e6e8ec; text-align: center; width: 100%; } .query-content .portfolio-filter ul li { background: #fff; float: left; margin-bottom: -1px; margin-right: 5px; position: relative; } .query-content .portfolio-filter ul.pagination li { margin-bottom: 0; } .query-content .portfolio-filter ul.pagination li:last-child { margin-right: 0; } .query-content .portfolio-filter ul li.item a { border: 1px solid #e6e8ec; border-radius: 4px 4px 0 0; color: #546479; position: relative; width: auto; padding: 8px 20px; } /*.query-content .portfolio-filter ul li.item a:hover, .portfolio-filter ul li.item a.active{ background: #fe9d68;color:#fff;border-color:#fe9d68;}*/ .query-content .portfolio-filter ul li.item.active a { background: #f7f9fb; border: 1px solid #e6e8ec; border-bottom-color: transparent; } .query-content .portfolio-filter .tab-content { border-top: none; background: #f7f9fb; border-radius: 0 0 4px 4px; } .query-content .portfolio-filter .tab-content.bg-none { background: none; } .up-box { margin: 0 auto; padding: 20px; } .up-box h3 { font-size: 26px; font-weight: 600; color: #fe9d68; margin-bottom: 5px; } .up-box .help-block { font-size: 14px; text-align: right; color: #f62238; } .up-box label { color: #7e8ea3; font-size: 16px; font-weight: 400; margin-bottom: 10px; } .up-box .ftp-info { background: #fff; border: 1px solid #ccc; border-radius: 4px; font-family: "Source Sans Pro", sans-serif; padding: 10px 20px 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .up-box .ftp-info dt { float: left; width: 100px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; } .up-box .ftp-info dd { margin-left: 120px; margin-bottom: 10px; position: relative; } .up-box .ftp-info dd .text-copy { position: absolute; top: -4px; left: 200px; } .up-box .ftp-info dd .tooltip-inner { white-space: nowrap; } .ftp-info h5, .ftp-info ol { color: #5c5c5c; } .ftp-info h5 { border-left: 2px solid #555; font-size: 16px; font-weight: 600; padding-left: 10px; line-height: 1; margin: 5px 0; } .ftp-info h5 a { font-size: 15px !important; } .ftp-info h5 a.collapsed span:after { content: "\f138"; font: normal normal normal 16px/1 FontAwesome; } .ftp-info h5 a span:after { content: "\f13a"; font: normal normal normal 16px/1 FontAwesome; } .ftp-info h5 a span { color: #485273; padding-left: 10px; } .ftp-info ol, .ftp-info li { list-style: decimal inside; line-height: 1.6; } .ftp-info .well { margin-bottom: 5px; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.75); } .ftp-info .well pre i { font-style: italic; font-weight: 600; padding: 2px 10px; background: #dbdee0; border-radius: 15px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } .ftp-info p { font-size: 14px; margin-bottom: 10px; } .up-box .btn+.btn { margin: 0; } .up-box .btn-default { color: #fff; border-color: #2f6bab; } .up-box .btn-default:hover { color: #fff; background-color: #3582d6; border-color: #2f6db1; } .btn-white, .up-box .btn-white { background: #f9fafb; border-color: #d4dbe5; color: #343d49; } .btn-white:hover { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%); } .up-box .btn-new { margin-bottom: 5px; padding: 5px 15px; } .up-box .up-inner { width: 60%; margin: auto; } .up-box .file-upload-wrapper { position: relative; width: 100%; height: 50px; } .up-box .file-upload-wrapper:after { content: attr(data-text); font-size: 14px; position: absolute; top: 0; left: 0; background: #fff; padding: 10px 15px; display: block; width: calc(100% - 80px); pointer-events: none; z-index: 20; height: 40px; line-height: 18px; color: #666; border: 1px solid #d4dbe5; border-radius: 5px 10px 10px 5px; font-weight: 300; } .up-box .file-upload-wrapper:before { content: "Upload"; position: absolute; top: 0; right: 0; display: inline-block; height: 40px; background: #ffb48b; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); color: #fff; font-weight: 700; z-index: 25; font-size: 14px; line-height: 40px; padding: 0 20px; text-transform: uppercase; pointer-events: none; border-radius: 0 5px 5px 0; transition: all 0.2s linear; } .up-box .file-upload-wrapper:hover:before { background: #fca158; } .up-box .file-upload-wrapper input { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; height: 40px; margin: 0; padding: 0; display: block; cursor: pointer; width: 100%; } .up-box>.title, .entry>h2.title { color: #fe9d68; background: #fafafa; border-radius: 4px; font-size: 22px; font-weight: 600; padding: 8px 15px; margin-bottom: 15px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .symbol_data .panel { background: none; box-shadow: none; margin-bottom: 10px; } .symbol_data .panel+.panel { margin: 0; } .symbol_data .panel.panel-file .btn { font-weight: 400; font-size: 13px; margin-bottom: 5px; } .symbol_data .panel.file-list-box { border: none; } .symbol_data .panel.file-list-box h4.title { color: #2954a2; font-size: 1rem; margin-bottom: 5px; } img.indented { height: 500px; width: auto; } div.datepicker { z-index: 9999; } #security-modal .input-group { margin-left: -12px; } #security-modal .input-group-addon { background: transparent; border: none; } #security-modal .input-group .form-control { border-radius: 0; padding: 2px 5px; } #security-modal .input input, #jc-modal .input input { padding: 6px; } #security-modal .input .reset-input, #jc-modal .input .reset-input, #share-modal .input .reset-input, #review-modal .input .reset-input, #analyst-modal .input .reset-input, .modal-dialog .login-page .login-form .input .reset-input { background: #f5f5f5; color: #666; margin-bottom: 10px; border: none; box-shadow: none; } #security-modal .input .reset-input:hover, #security-modal .input .reset-input:focus, #jc-modal .input .reset-input:hover, #jc-modal .input .reset-input:focus { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); } #resdone .radio-inline { padding-top: 0; } .res-inner { padding: 10px 5px; border: 1px solid #dadada; border-radius: 4px; width: 70%; position: relative; margin: 5px 0 5px 34px; } .res-inner:before { content: ""; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 113px; } .res-inner:after { content: ""; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 114px; } article { font-family: "Roboto", sans-serif; padding: 5em 10em 2em; } .material-input { position: relative; } .material-input textarea { resize: none; } .material-input select { width: 100%; font-size: 0.875rem; padding: 0.425rem 0.525rem 0.225rem; -webkit-transition: all 0.28s ease; transition: all 0.28s ease; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .material-input .control-label { position: absolute; top: 0.25rem; left: 0.55rem; pointer-events: none; padding-left: 0.125rem; z-index: 1; color: #b3b3b3; font-size: 0.875rem; font-weight: normal; padding: 0 !important; -webkit-transition: all 0.28s ease; transition: all 0.28s ease; } .material-input .bar { position: relative; border-bottom: 0.0625rem solid #999; display: block; } .material-input .bar::before { content: ""; height: 0.125rem; width: 0; left: 50%; bottom: -0.0625rem; position: absolute; background: #337ab7; -webkit-transition: left 0.28s ease, width 0.28s ease; transition: left 0.28s ease, width 0.28s ease; z-index: 2; } .material-input input, .material-input textarea { display: block; background: none; padding: 0.125rem 0.525rem 0.0625rem; font-size: 0.875rem; line-height: 1.9; width: 100%; -webkit-transition: all 0.28s ease; transition: all 0.28s ease; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .material-input input[type="file"] { line-height: 1; } .material-input input[type="file"]~.bar { display: none; } .material-input select, .material-input input:focus, .material-input input:valid, .material-input input.form-file, .material-input input.has-value, .material-input textarea:focus, .material-input textarea:valid, .material-input textarea.form-file, .material-input textarea.has-value { color: #333; } .material-input select~.control-label, .material-input input:focus~.control-label, .material-input input:valid~.control-label, .material-input input.form-file~.control-label, .material-input input.has-value~.control-label, .material-input textarea:focus~.control-label, .material-input textarea:valid~.control-label, .material-input textarea.form-file~.control-label, .material-input textarea.has-value~.control-label { font-size: 0.75rem !important; color: gray; top: -0.625rem; left: 0.5rem; background: #fff; padding: 0 3px !important; } .material-input select:focus, .material-input input:focus, .material-input textarea:focus { outline: none; border-color: #66afe9; } .material-input select:focus~.control-label, .material-input input:focus~.control-label, .material-input textarea:focus~.control-label { color: #337ab7; } .material-input select:focus~.bar::before, .material-input input:focus~.bar::before, .material-input textarea:focus~.bar::before { width: 100%; left: 0; } .material-input .required-symb { position: absolute; left: -12px; top: 6px; } .query-content .preview-box { background: #ff6500; color: #fff; width: 120px; height: 30px; position: absolute; top: -21px; right: -50px; border-radius: 4px; line-height: 2; text-align: center; } #jc-modal .login-form .input { margin: 5px 0 0; } #jc-modal .form-group { margin-bottom: 0; } #jc-modal .form-control-static { font-size: 13px; } #jc-modal .form-control-static.font-14 { font-size: 14px; font-weight: 600; } #jc-modal .form-control-static .s-02, #jc-modal .form-control-static .s-03, #jc-modal .form-control-static .public, #jc-modal .form-control-static .private, #jc-modal .form-control-static .restricted { font-size: 12px; color: #fff; padding: 2px 5px; border-radius: 3px; } #jc-modal .form-control-static .s-01-1 { color: #68c39f; } #jc-modal .form-control-static .s-01-2 { color: #4439d8; } #jc-modal .form-control-static .s-01-3 { color: #ef6934; } #jc-modal .form-control-static .s-01-4 { color: #e4a103; } #jc-modal .form-control-static .s-01-5 { color: #666; } #jc-modal .form-control-static .s-02 { background: #e84c3d; } #jc-modal .form-control-static .s-03 { background: #3498db; } #jc-modal .form-control-static .public { background: #091; } #jc-modal .form-control-static .private { background: #f30; } #jc-modal .form-control-static .restricted { background: #f90; } .side-sd { width: 128px; right: 20px; bottom: 5%; height: auto; position: fixed; overflow: initial; box-shadow: none; border: none; } .side-sd a.my-sd { background: url(../images/ico-submit-data.png) no-repeat; display: block; position: relative; height: 128px; width: 128px; } .side-clone { width: 128px; right: 20px; top: 5%; height: auto; position: fixed; overflow: initial; box-shadow: none; border: none; } .post .entry .content .my-edit { position: absolute; right: 2px; top: -6px; } .cj-box { text-align: center; margin-bottom: 5px; height: 130px; } .cj-box .img { display: block; line-height: 70px; height: 70px; text-align: center; margin-bottom: 5px; } .cj-box .img img { max-width: 100%; max-height: 100%; } .cj-box .name { font-size: 13px; text-align: center; } .bottommargin-xs { margin-bottom: 15px; } .jstree-default .jstree-icon.none { width: 0 !important; } .feature-box.fbox-bg { display: table; width: 100%; } .feature-box.fbox-center { text-align: center; } .feature-box h3 { font-size: 12px; font-family: verdana; text-align: center; color: #fff; } .feature-box a { display: block; background: #2255a4; width: 100%; padding: 10px 8px; border-radius: 3px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .feature-box a:hover, .feature-box a.active { background: #ff8a65; } .btn-group-xs>.btn .badge, .btn-xs .badge { top: -1px; } .btn-group-xs>.btn+.dropdown-toggle { padding-left: 4px; padding-right: 4px; } div.dropdown-menu { padding: 5px 15px 10px; min-width: 232px; } div.dropdown-menu p a.label { margin-bottom: 3px; display: inline-block; } div.dropdown-menu p { margin-bottom: 5px !important; } .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group { padding: 7px 12px; } .panel-form .panel-heading { padding: 5px 10px; } .panel-form .panel-body { padding: 10px; } .panel-form .panel-body .form-group { margin-bottom: 5px; margin-left: 0px; margin-right: 0px; } .panel-form .panel-body .form-group:last-child { margin-bottom: 0px; } .panel-form .panel-body [class^="col-"] { padding-left: 0; padding-right: 0; } .panel-form .panel-body .control-label { text-align: left; padding-right: 10px; } .form-group-sm .select2-container-multi .select2-choices .select2-search-field input { padding: 4px 5px; } .form-group-sm .select2-container-multi .select2-choices .select2-search-choice { font-size: 12px; line-height: 16px; padding: 1px 18px 1px 6px; margin: 4px 0 0 5px; } .form-group-sm .select2-container-multi .select2-search-choice-close { padding: 1px 4px 1px 6px; } .panel-form .panel-heading .btn { border-radius: 50%; } .archive-box .panel { margin-bottom: 0px; } .archive-box .panel+.panel { margin-top: 10px; } .archive-box .material-input input { line-height: 1.7; } .archive-box .form-group-sm .select2-container-multi .select2-choices .select2-search-choice { margin-top: 7px; } .archive-box .material-input+.material-input { margin-top: 10px; } .dropdown-menu-archiving { min-width: inherit; left: 50%; margin-left: -68px; margin-top: 10px; background-color: #377eff; border-color: #377eff; } .dropdown-menu-archiving:before { display: block; content: ""; position: absolute; width: 0px; height: 0px; top: -7px; left: 50%; margin-left: -4px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #377eff; } .dropdown-menu-archiving li a { font-size: 12px; padding: 3px 10px; text-align: center; color: #fff; } .dropdown-menu-archiving li a:hover { background-color: #236bff; color: #fff; } .btn-info-1, .btn-info-1:focus { background-color: #3b94e0 !important; border-color: #3586cc; color: #fff !important; } .i-alt { background-image: url(../images/iconalt.svg); background-position: center center; background-size: 100% 100%; } .tasks-process .i-circled, .tasks-process .i-bordered { font-size: 14px; width: 26px !important; height: 26px !important; } .tasks-process .i-bordered { border-color: #ededed; background-color: #ededed !important; line-height: 25px !important; } .tasks-process .i-bordered.i-default:hover { color: #666; cursor: default; border-color: #ededed !important; background-color: #ededed !important; text-shadow: none; } .tasks-process .process-steps { margin: 10px 0 5px; } .tasks-process .process-steps.process-7 li { width: 12%; } .tasks-process .process-steps li:first-child { margin-left: -60px; } .tasks-process .process-steps.process-7 li:first-child { margin-left: -42px; } .tasks-process .process-steps li h5 { color: #999; margin: 10px 0 0 0; font-size: 11px; font-family: arial, sans-serif; } .tasks-process .process-steps li:before, .tasks-process .process-steps li:after { top: 17px; margin-left: -16px; } .tasks-process .process-steps li:after { margin: 0 -16px 0 0; } .tasks-process .process-steps li a { transition: all 0.3s; } .tasks-process .process-steps li.active h5 { color: #27b736; } .tasks-process .process-steps li.reject h5 { color: #f90; } .tasks-process .process-steps li.active i, .tasks-process .process-steps li.reject i { line-height: 1.8; } .tasks-process .process-steps li.done a, .tasks-process .process-steps li.done a:hover { background-color: #ace29e !important; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); border-color: #ace29e !important; } .tasks-process .process-steps li.active a, .tasks-process .process-steps li a:hover { background-color: #27b736 !important; border-color: #27b736 !important; } .tasks-process .process-steps li.reject a { color: #fff; background-color: #f90 !important; border-color: #f90 !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .tasks-process .process-steps li.error a { color: #fff; background-color: #eb2e2e !important; border-color: #eb2e2e !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .tasks-process .process-steps li.done:before, .tasks-process .process-steps li.done:after { border-color: #ace29e; } .tasks-process .process-steps li.active:before, .tasks-process .process-steps li.active:after { border-color: #27b736; } .tasks-process .process-steps li.reject:before, .tasks-process .process-steps li.reject:after { border-color: #f90; } .tasks-process .process-steps li.error:before, .tasks-process .process-steps li.error:after { border-color: #eb2e2e; } .tl-list .sr-content>ul.request-list>li .exp.w-auto a { width: auto; padding: 2px 12px; } .steps { position: relative; text-align: center; margin-bottom: 20px; width: 100%; } .step { font-size: 18px; line-height: 32px; position: relative; display: inline-block; overflow: hidden; padding: 5px 0 5px 30px; vertical-align: top; border-width: 1px 0; border-style: solid; border-color: #dce6ea transparent; border-radius: 1px; background-color: #edf3f6; width: 25%; text-align: center; } .steps.steps-three .step { width: 33.333%; } .step:before { position: absolute; top: 6px; left: -15px; display: block; width: 30px; height: 30px; content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 1px solid #dce6ea; border-right: 1px solid #dce6ea; background: #edf3f6; } .step.active { background: #2955a2; color: #fff; font-weight: 600; overflow: visible; border-color: #2955a2; } .step.active:before { border-color: #edf3f6; } .step.active+.step:before { background: #2955a2; border-color: #2955a2; left: -15px; } .step.complete { background-color: #27b736; border-color: #27b736; color: #fff; overflow: hidden; } .step.complete:before { border-color: #27b736; } .step:first-of-type { padding-left: 20px; border-left: 1px solid #dce6ea; } .step:first-of-type:before { display: none; } .step:last-of-type { border-right: 1px solid #dce6ea; } .steps .step a { color: #333; display: block; } .steps .step.active a { color: #fff; } .query-content .archive-nav .popover { width: 600px; max-width: none; } .tips-inner { font-family: arial, sans-serif; } .tips-inner h5 { font-weight: 700; border-left: 4px solid #2955a2; border-radius: 1px; padding: 0 0 0 10px; margin-bottom: 5px; } .tips-inner p { color: #666; font-size: 13px; margin-bottom: 6px; } .tips-warning { border-radius: 4px; background: #ffeb3b; color: #5f5b3c; display: inline-block; margin-bottom: 10px; padding: 5px 10px; } .chrome { background-image: url(../images/chrome.png); } .ie { background-image: url(../images/ie.png); } .browser-check ul { margin: 20px auto; padding: 20px; list-style: none; width: 600px; } .browser-check li { width: 45%; float: left; } .browser-check .or { width: 10%; text-align: center; line-height: 120px; color: #ccc; } .browser-check a { margin: 5px; display: block; background-color: #eee; background-repeat: no-repeat; background-position: 50% 20px; padding-top: 60px; padding-bottom: 15px; text-align: center; border: 1px solid #ccc; text-decoration: none; border-radius: 5px; color: #333; } .browser-check a:hover { background-color: #f7f7f7; text-decoration: none; } .container.lg { width: 1250px; } .table.nowrap th, .table.nowrap td { font-size: 12px; } .DTFC_RightBodyLiner { overflow-y: hidden !important; } .ftp-down a+a, .ftp-info h5 a { background-color: #eef3f5; color: #33383e; border-radius: 2px; font-size: 12px; padding: 5px 6px; display: inline-block; transition: all 0.3s; } .ftp-down a+a.active, .ftp-info a.active { background-color: #2954a2; color: #fff; text-decoration: none; box-shadow: 0 2px 15px -4px rgba(55, 87, 115, 0.5); } .user-info-box { font-family: Arial, Helvetica, sans-serif; font-weight: 400; position: relative; } .user-info-box:before, .user-info-box:after { content: " "; display: table; } .user-info-box:after { clear: both; } .user-info-box .user-info-avatar { float: left; width: 70px; margin-right: 20px; } .user-info-box .user-info-cont { position: relative; overflow: hidden; } .user-info-avatar img { width: 70px; height: 70px; border-radius: 50%; display: block; margin-bottom: 15px; } .user-info-avatar a { color: #fe9d68; font-size: 14px; font-weight: 600; } .user-info-cont .chage-pw { font-size: 12px; position: absolute; top: 3px; right: 0; } .user-info-cont h3 { font-size: 20px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 90px; } .user-info-cont p { color: #9597a6; font-size: 13px; line-height: 2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .user-info-cont p span { color: #545871; font-weight: 600; } .title-myop { color: #9597a6; font-size: 20px; font-weight: 600; font-family: "Source Sans Pro", sans-serif; text-align: center; position: relative; margin-bottom: 25px; } .title-myop span { display: inline-block; background: #fff; padding: 0 10px; } .title-myop:after { content: ""; display: block; background: #f0f1f7; height: 1px; width: 100%; margin-top: -15px; } .option-list>li { display: inline-block; font-family: "Source Sans Pro", sans-serif; border: 1px solid #e3e6ec; border-radius: 2px; background: #fff; margin-bottom: 15px; padding: 7px 0; width: 160px; text-align: center; position: relative; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05); } .option-list>li:nth-of-type(even) { margin-left: 27px; } .option-list>li:nth-child(3), .option-list>li:nth-child(4) { margin-bottom: 0; } .option-list>li>a, .option-list>.dropdown a { background-image: none !important; color: #4d4f5c !important; font-size: 16px; padding: 0 !important; cursor: pointer; } .option-list>.dropdown a .option-caret { color: #a4afb7; font-size: 18px; position: absolute; right: 10px; top: 6px; } .option-list>.dropdown .notification-info { background: #f24646; border-radius: 16px; border: 2px solid #fff; color: #fff; font-size: 13px; font-weight: 600; position: absolute; right: -10px; top: -14px; padding: 0 4px; } .option-list>li .dropdown-menu { left: -1px; border-radius: 2px; border-color: #e4e6ec; padding: 0; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05); } .option-list>li .dropdown-menu>li>a { font-size: 14px; padding: 5px 20px 5px 10px !important; } .option-list>li .dropdown-menu>li { position: relative; } .option-list>li .dropdown-menu>li>.label { border-radius: 16px; position: absolute; top: 6px; right: 2px; padding: 2px 4px; } .option-list>li .dropdown-menu>li>.label-danger { background: #f24646; } .ha-list>li { font-family: "Source Sans Pro", sans-serif; border-bottom: 1px solid #f1f1f3; padding: 4px 5px 5px; } .ha-list>li:nth-of-type(even) { background: #f9f9f9; border-top: 1px solid #fdfdfd; } .ha-list>li a { background-image: none !important; color: #4d4f5c !important; font-size: 14px; font-weight: 600; padding: 0 !important; } .ha-list>li a .cata-mode { background: #fdddb2; border-radius: 4px; display: inline-block; color: #857f78; font-size: 12px; font-weight: 600; margin-right: 5px; padding: 0 4px; } .top-content .ha-list>li a .cata-mode { background: #7e96bb; color: #fff; } .ha-list>li a small { color: #999; font-size: 12px; font-weight: 400; } .ha-list>li a small i { font-style: italic; } .ha-list>li .ln-tr { background: none !important; font-size: 13px !important; padding: 0 !important; } .has-feedback .form-control { padding-right: 35.5px; } .user-chart-box, .user-data-sidebar { border: 1px solid #e3e6ec; border-radius: 2px; font-family: "Source Sans Pro", sans-serif; position: relative; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05); padding: 10px 15px; margin-bottom: 20px; } .user-chart-box h3 { font-size: 18px; font-weight: 400; } .user-chart-box .row [class^="col-"], .user-chart-tabs .row [class^="col-"] { padding-left: 10px; padding-right: 10px; } .user-chart-tabs .nav-tabs { border-bottom: none; } .user-chart-tabs.bd-btm .nav-tabs { border-bottom: 1px solid #eee; } .user-chart-tabs .nav-tabs>li>a { border: none; color: #666; font-size: 18px; padding: 5px 10px; } .user-chart-tabs.bd-btm .nav-tabs>li>a { font-size: 14px; } .user-chart-tabs .nav-tabs>li.active>a, .user-chart-tabs .nav-tabs>li.active>a:focus, .user-chart-tabs .nav-tabs>li.active>a:hover { background: transparent; border: none; border-bottom: 2px solid #109bf8; color: #4d4f5c; } .user-chart-tabs .nav>li>a:focus, .nav>li>a:hover { background: transparent; text-decoration: none; } .user-chart-tabs .tab-content { border: none; } .user-chart-tabs .row { position: relative; } .user-chart-tabs .row .chart-option { position: absolute; top: -35px; right: 15px; z-index: 10; } .user-chart-tabs .row .nav-tabs>li>a { font-size: 14px; } /* .user-chart-tabs .form-inline .form-control { width: 130px; } */ .user-chart-tabs .form-inline .btn { font-weight: 600; padding: 7px 10px; } .user-chart-tabs .form-control-feedback, .user-data-sidebar .form-control-feedback { color: #dadada; } .tabs-1 .user-chart-tabs .nav-tabs { border-bottom: 1px solid #d9dfe7; } .tabs-1 .user-chart-tabs .nav-tabs>li>a { font-size: 14px; border-radius: 3px 3px 0 0; background: #edf0f4; border: 2px solid #edf0f4; border-bottom-width: 1px; } .tabs-1 .user-chart-tabs .nav-tabs>li.active>a, .tabs-1 .user-chart-tabs .nav-tabs>li.active>a:focus, .tabs-1 .user-chart-tabs .nav-tabs>li.active>a:hover { background: #109bf8; border: 2px solid transparent; font-weight: 600; color: #fff; } .tabs-1 .user-chart-tabs .nav-tabs>li>a:hover { color: #666; background: rgba(0, 0, 0, 0.05); } .user-data-box { font-family: "Source Sans Pro", sans-serif; position: relative; } .user-data-box h3.title { font-size: 18px; font-weight: 400; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #edf0f3; } .user-data-box .sort-box { margin-bottom: 5px; background-color: #f0f5f9; padding: 5px 10px; border-radius: 4px; } .user-data-box .sort-box span.pull-left { padding: 4px 10px 2px; font-weight: 600; color: #576271; } .user-data-box .sort-box .btn { font-family: "Source Sans Pro", sans-serif; font-size: 12px; font-weight: 600; padding: 4px 8px; margin-bottom: 0; } .user-data-box .sort-box .btn i.fa { margin-left: 5px; } .user-data-box .sr-content { padding: 0; } .user-data-box .sr-content>ul>li { padding: 10px 0; } .user-data-box .sr-content>ul>li .tooltip-inner { white-space: nowrap; } .user-data-box .sr-content .pagination { margin-top: 15px !important; } .user-data-sidebar .srsbox { border-bottom: none; margin-bottom: 5px; } .user-data-sidebar .srsbox .title { font-family: "Source Sans Pro", sans-serif !important; font-weight: 600; color: #4d4f5c !important; margin-bottom: 5px !important; } .user-data-sidebar .srsbox .title a { color: #4d4f5c; font-size: 18px; } .user-data-sidebar .srsbox .title.ft-m a { font-size: 16px; } .user-data-sidebar .srsbox .title i { transition: all 0.3s ease; margin-right: 5px; } .user-data-sidebar .srsbox .title .collapsed i { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .user-data-sidebar .form-inline .form-control { width: 126px; } .user-data-sidebar .form-inline .btn { padding: 6px 10px 7px; margin-left: 5px; } .user-data-sidebar .srsbox li { font-weight: 600; } .user-data-sidebar .srsbox li .progress-custom { width: 120px; } .user-data-sidebar .srsbox li i { color: #ababab; margin-right: 5px; } .user-data-sidebar .cate-list li:nth-child(1) i { color: #00a8ff; } .user-data-sidebar .cate-list li:nth-child(2) i { color: #ac6bec; } .user-data-sidebar .cate-list li:nth-child(3) i { color: #f29824; } .user-data-sidebar .cate-list li:nth-child(4) i { color: #46c35f; } .user-data-sidebar .cate-list li:nth-child(5) i { color: #2954a2; } .user-data-sidebar .cate-list li:nth-child(6) i { color: #ff5500; } .wizard { display: block; position: relative; margin: 10px auto; border-bottom: 1px solid #eee; padding-bottom: 15px; } .wizard.wiz-sm { margin-bottom: 10px; } .wizard ul:before, .wizard ul:after { display: table; content: ""; clear: both; } .wizard ul li { float: left; width: 25%; display: block; padding: 0 25px; position: relative; } .wizard.wiz-sm ul li { width: auto; } .wizard ul li:before, .wizard ul li:after { position: absolute; display: block; content: ""; right: 5px; width: 0; height: 0; border-width: 20px 0 20px 20px; border-style: solid; border-color: transparent transparent transparent #e5e5e5; top: 0px; } .wizard.wiz-sm ul li:before, .wizard.wiz-sm ul li:after { right: 9px; border-width: 16px 0 16px 16px; } .wizard ul li:after { border-left-color: #e5e5e5; border-width: 19px 0 19px 19px; right: 5px; top: 1px; } .wizard.wiz-sm ul li:after { top: 0px; } .wizard ul li a { font-family: "Source Sans Pro", sans-serif; display: block; position: relative; background-color: #e5e5e5; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; line-height: 38px; color: #666; font-size: 16px; padding: 0 3px 0 12px; } .wizard.wiz-sm ul li a { line-height: 2; font-size: 15px; font-weight: 600; padding: 0 12px 0 16px; box-shadow: 0 1px 10px 0 rgba(19, 37, 70, 0.08); text-shadow: 0 1px 2px rgba(255, 255, 255, 0.7); } .wizard ul li a span { float: right; display: block; width: 28px; height: 28px; text-align: center; line-height: 28px; border-radius: 50%; background-color: #fff; margin-top: 6px; } .wizard ul li a:hover { text-decoration: none; } .wizard ul li a:before, .wizard ul li a:after { position: absolute; display: block; content: ""; left: -20px; width: 0; height: 0; border-width: 20px 0 20px 20px; border-style: solid; border-color: #e5e5e5 transparent #e5e5e5 transparent; top: -1px; } .wizard.wiz-sm ul li a:before, .wizard.wiz-sm ul li a:after { left: -16px; top: -1px; border-width: 16px 0 16px 16px; } .wizard ul li a:after { left: -19px; top: 0px; border-width: 19px 0 19px 19px; border-color: #e5e5e5 transparent #e5e5e5 transparent; } .wizard ul li.actived a { background-color: #27b736; color: #fff; border-color: #27b736; text-shadow: 0 1px 2px rgba(52, 55, 60, 0.38); } .wizard ul li.actived a span { background-color: #fff; color: #27b736; text-shadow: none; } .wizard ul li.actived a:before { border-color: #27b736 transparent #27b736 transparent; } .wizard ul li.actived a:after { border-color: #27b736 transparent #27b736 transparent; } .wizard ul li.actived:before { border-color: transparent transparent transparent #27b736; } .wizard ul li.actived:after { border-color: transparent transparent transparent #27b736; } .wizard ul li.active a { background-color: #2955a2; color: #fff; border-color: #2955a2; } .wizard ul li.active a span { background-color: #fff; color: #2955a2; } .wizard ul li.active a:before { border-color: #2955a2 transparent #2955a2 transparent; } .wizard ul li.active a:after { border-color: #2955a2 transparent #2955a2 transparent; } .wizard ul li.active:before { border-color: transparent transparent transparent #2955a2; } .wizard ul li.active:after { border-color: transparent transparent transparent #2955a2; } .analyze-form .panel-heading { font-family: "Source Sans Pro", sans-serif; padding: 5px 10px; } .analyze-form .panel-body, .panel-auto { font-family: "Source Sans Pro", sans-serif; padding: 10px; } .analyze-form .panel-body .btn { font-weight: normal; } .analyze-form .form-group { margin-bottom: 10px; } .ms-container .ms-list { border: 2px solid #f5f5f5; box-shadow: none; } .table-sm th, .table-sm td { font-size: 13px; } .table-wrapper .btn-toolbar .caret { transform: rotate(0deg) !important; } .table-wrapper .btn-toolbar .open .dropdown-menu { max-height: 220px; overflow: auto; } /* .vertical-pills .tab-content {padding-left: 15px; } .vertical-pills .ver-nav-pills {float: left; } .vertical-pills .ver-nav-pills > li {margin: 0 0 5px;float: none; } .vertical-pills .ver-nav-pills > li:last-child {margin-bottom: 0; } .ver-nav-pills>li>a{padding:5px 10px;background: #ececec;border-radius:2px;font-family:arial,sans-serif;font-size:13px;transition: all .2s linear;} .ver-nav-pills>li>a:hover{color: #fff;background-color: #337ab7;} */ .checkbox-input { display: none; } .checkbox-label, .checkbox-text { transition: all 0.4s ease; } .checkbox-label { display: inline-block; vertical-align: top; position: relative; width: 100%; padding: 5px 10px; cursor: pointer; font-size: 24px; font-weight: 400; margin: 16px 0; border: 1px solid #d9d9d9; border-radius: 2px; box-shadow: inset 0 0 0 0 #2196f3; } .checkbox-label:before { content: "\f00c"; font-family: "FontAwesome", sans-serif; position: absolute; top: 75%; right: -10px; width: 20px; height: 20px; opacity: 0; background-color: #2196f3; background-position: center; background-repeat: no-repeat; background-size: 24px; border-radius: 50%; line-height: 20px; font-size: 14px; color: #fff; text-align: center; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); transition: all 0.4s ease; } .checkbox-text--title { font-weight: 500; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .checkbox-input:checked+.checkbox-label { border-color: #2196f3; box-shadow: inset 0 -6px 0 0 #2196f3; } .checkbox-input:checked+.checkbox-label:before { top: 0; opacity: 1; } .checkbox-input:checked+.checkbox-label .checkbox-text { -webkit-transform: translate(0, -3px); transform: translate(0, -3px); } .panel-heading.panel-heading-sm { padding: 5px 10px; } .panel-heading.panel-heading-sm .panel-title { font-size: 15px; } .panel-auto .form-group::before, .panel-auto .form-group::after { display: table; content: " "; } .panel-auto .form-group::after { clear: both; } .panel-auto .alert { font-size: 13px; padding: 2px 10px; text-align: center; } .panel-auto .alert-default { color: #333; background-color: #fff; border-color: #ccc; } /*Activity*/ .sl-item { position: relative; padding-bottom: 0; border-left: 1px solid #eee; margin-left: 30px; } .sl-item .sl-content { margin-left: 50px; } .sl-item .sl-content p { margin: 0; } .sl-item:last-child { border-color: transparent; } .project-activity .sl-item .sl-content { padding-bottom: 15px; } .sl-content .panel-default>.panel-heading .badge { background-color: #2954a2; margin-left: 3px; margin-top: -4px; font-weight: 400; letter-spacing: 0.2px; border-radius: 2px; } .sl-item .sl-content .h-title { border-left: 3px solid #fe9d68; padding-left: 10px; font-size: 16px; font-weight: 500; margin-bottom: 5px; } .project-activity .sl-item:last-child .sl-content { border-bottom: 0; padding-bottom: 0; } .project-activity .panel-group { font-family: "Source Sans Pro", sans-serif; margin: 0 15px 15px; } .sl-avatar { font-family: "Source Sans Pro", sans-serif; position: absolute; left: -15px; } .sl-avatar span { display: inline-block; height: 30px; width: 30px; text-align: center; border-radius: 50%; border: 3px solid #fff; background-color: #1b84e7; padding-top: 2px; } .sl-avatar.error span { background-color: #eb2e2e; } .sl-avatar.error em { color: #eb2e2e; } .sl-avatar span i { color: #fff; } .sl-avatar em { display: block; text-align: center; width: 90px; position: relative; left: -30px; background: #fff; } /*Accordion*/ .accordion-struct.panel-group .panel { border: medium none; border-radius: 0; margin-bottom: 0; margin-top: 0; box-shadow: none; } .accordion-struct.panel-group .panel .panel-heading { border-radius: 0; padding: 0; background: rgba(33, 33, 33, 0.05); border-bottom: 1px solid #eee; } .accordion-struct.panel-group .panel .panel-heading.activestate a { color: #fff; } .accordion-struct.panel-group .panel .panel-heading a { color: #727272; padding: 10px 20px; width: 100%; display: block; } .accordion-struct.panel-group .panel:last-child .panel-heading { border-bottom: none; } .accordion-struct.panel-group .panel .panel-body { border: none; } .accordion-struct.accordion-style-1.panel-group .panel .panel-heading { background: transparent; border-bottom: 1px solid #eee; } .accordion-struct.accordion-style-1.panel-group .panel .panel-heading.activestate { background: transparent; } .accordion-struct.accordion-style-1.panel-group .panel .panel-heading.activestate .icon-fa-wrap .minus-fa { opacity: 1; } .accordion-struct.accordion-style-1.panel-group .panel .panel-heading.activestate .icon-fa-wrap .plus-fa { opacity: 0; } .accordion-struct.accordion-style-1.panel-group .panel .panel-heading.activestate a { color: #727272; } .accordion-struct.accordion-style-1.panel-group .panel .panel-heading a { color: #727272; } .accordion-struct.accordion-style-1 .icon-fa-wrap { display: inline; position: relative; padding-right: 10px; color: #ff6028; } .accordion-struct.accordion-style-1 .icon-fa-wrap .minus-fa { position: absolute; left: 0; top: 0; opacity: 0; } .accordion-struct.accordion-style-1 .icon-fa-wrap .plus-fa { opacity: 1; } .accordion-struct.accordion-style-1 .clone-figure-content .panel-heading a:before { top: 10px; } .group-result:before, .group-result:after { content: ""; display: table; } .group-result:after { clear: both; } .group-result .alert { margin: 0 6px 6px 0; } .checkbox-cont .checkbox-label { width: auto !important; } .tips-xs { font-size: 13px; font-family: "Source Sans Pro", sans-serif; padding-left: 10px; color: #999; float: right; width: 68%; } .tips-xs em { color: #ec5e26; } .create-results { display: none; margin-top: -1px; } .create-results .well, .sidebar-up .form-up-item .well { background: #fafeff; border-color: #dce6ea; width: 90%; margin: 0 auto 10px; box-shadow: none; } .exp-other-info { text-align: justify; padding: 10px 15px; border: 1px solid #dce6ea; margin: 10px auto; border-radius: 2px; background: #fafeff; } .create-results .well div>span.text-danger, .sidebar-up .form-up-item .well div>span.text-danger { color: #eb2e2e; font-size: 16px; font-weight: 600; padding: 2px 10px; } .create-results .well h3, .sidebar-up .form-up-item .well h3 { font-size: 15px; line-height: 1.6; } .create-results .well .btn, .sidebar-up .form-up-item .well .btn { font-weight: 500; } .multiple-info { font-family: "Source Sans Pro", sans-serif; font-size: 14px; line-height: 1.8; margin-top: 10px; padding: 10px 15px; border-left: 5px solid #e4e8ea; background: #fafafa; } #topicGrid { display: flex; flex-wrap: wrap; background: url(../images/pic-shelf.png) no-repeat left bottom; width: 491px; height: 125px; margin: auto; overflow: hidden; } #topicGrid .owl-carousel { width: 420px; margin: 0 auto; } #topicGrid .owl-carousel .owl-item img { width: auto; } #topicGrid .owl-carousel .owl-stage-outer { margin-left: 16px; } #topicGrid .owl-carousel .owl-prev, #topicGrid .owl-carousel .owl-next { top: 110px; z-index: 2; width: 40px; height: 40px; padding: 8px; margin-top: -20px; position: absolute; border-radius: 50%; background-color: rgba(255, 255, 255, 0.75); top: 35%; opacity: 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 0 4px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #topicGrid .owl-carousel .owl-prev { left: -20px; } #topicGrid .owl-carousel .owl-next { right: -20px; } #topicGrid .owl-carousel:hover .owl-prev, #topicGrid .owl-carousel:hover .owl-next { opacity: 1; } #topicGrid .owl-carousel:hover .owl-prev { left: -10px; } #topicGrid .owl-carousel:hover .owl-next { right: -10px; } /*main slide*/ .page_container { max-width: 1170px; margin: 15px auto; } .immersive_slider { background: #626c91; border-radius: 4px; max-width: 100%; height: 180px; opacity: 0.8; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; overflow: hidden; } .immersive_slider .is-slide { display: table; height: 100%; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 25px 96px; position: absolute; } .immersive_slider .is-slide .image { float: none; width: 10%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; vertical-align: middle; display: table-cell; padding: 0 0 0 10px; } .immersive_slider .is-slide .image .pub-date { color: #e4e5f1; font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif; text-align: center; padding-top: 5px; } .is-bg-overflow { width: 100%; height: 100%; position: absolute; z-index: 0; } .is-overflow, .is-bg-overflow { height: 100%; } .ease { -webkit-transition: 1000ms ease all; -moz-transition: 1000ms ease all; -o-transition: 1000ms ease all; transition: 1000ms ease all; } .bounce { -webkit-transition: 1000ms cubic-bezier(0.175, 0.885, 0.42, 1.31) all; -moz-transition: 1000ms cubic-bezier(0.175, 0.885, 0.42, 1.31) all; -o-transition: 1000ms cubic-bezier(0.175, 0.885, 0.42, 1.31) all; transition: 1000ms cubic-bezier(0.175, 0.885, 0.42, 1.31) all; } .no-animation { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } .immersive_slider .is-slide .image img { max-width: 100%; display: block; width: 100%; } .immersive_slider .is-slide .content { float: none; width: 90%; padding-right: 50px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #e4e5f1; text-align: left; line-height: 160%; vertical-align: middle; display: table-cell; } .immersive_slider .is-slide .content h2 { font-size: 22px; font-weight: 600; text-align: left; line-height: 120%; color: #e4e5f1; } .is-container { position: relative; overflow: hidden; margin-bottom: 20px; } .is-container .is-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .is-container .is-background img { width: 100%; height: 100%; left: 0; position: relative; filter: blur(20px); } .is-container .is-background.gs_cssblur { -webkit-filter: blur(20px); -moz-filter: blur(20px); -o-filter: blur(20px); filter: blur(20px); } .is-pagination { position: absolute; left: 0; width: 100%; bottom: 20px; z-index: 5; list-style: none; margin: 0; padding: 0; text-align: center; } .is-pagination li { padding: 0; display: inline-block; text-align: center; position: relative; } .is-pagination li a { padding: 10px; width: 4px; height: 4px; display: block; } .is-pagination li a:before { content: ""; position: absolute; width: 4px; height: 4px; background: rgba(255, 255, 255, 0.85); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .is-pagination li a.active:before { width: 10px; height: 10px; background: none; border: 1px solid white; margin-top: -4px; left: 8px; } .is-next, .is-prev { font-family: arial, sans-serif; padding: 0px 7px 7px; font-size: 40px; position: absolute; bottom: 50%; margin-bottom: -25px; width: 35px; color: #fff; display: inline-block; line-height: 100%; border-radius: 3px; background: rgba(64, 65, 90, 0.35); } .is-next { right: 10px; } .is-prev { left: 10px; } .immersive_slider .is-slide .content a, .immersive_slider .is-slide .content a:hover, a.is-next:hover, a.is-prev:hover, a.is-next:focus, a.is-prev:focus { color: #f1f4fb; } .immersive_slider .is-slide .content p { float: left; font-weight: 100; width: 100%; font-size: 13px; line-height: 150%; margin-top: 5px; } .popover { max-width: 300px; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft YaHei", "Microsoft YaHei UI", "WenQuanYi Micro Hei", sans-serif; } .start-submission-content { font-family: "Source Sans Pro", arial, sans-serif; position: relative; } .start-submission-content h3 { color: #2d2e2e; font-size: 25px; font-weight: 500; text-align: center; margin-bottom: 15px; } .start-submission-content h3 span { background: #fff; color: #ff782e; position: relative; padding: 5px 20px; } .start-submission-content h3:before { top: 20px; } .start-submission-content img { width: 100%; } .start-submission-content .submission-cont { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 15px; } .start-submission-content .submission-info { font-size: 15px; color: #1a557d; text-align: justify; position: relative; z-index: 1; } .start-submission-content .submission-info p { font-family: inherit; font-size: 15px; line-height: 1.8; font-weight: 600; padding: 0; } .start-submission-content .btn-submission { background: #dbe2ec; color: #36599b; position: relative; padding: 10px 15px; border-radius: 3px; font-size: 16px; font-weight: 700; line-height: 1.8; transition: all 0.2s; } .start-submission-content .btn-submission:hover { color: #fff; background: #086bd4; padding: 10px 35px 10px 15px; } .start-submission-content .btn-submission:after { position: absolute; margin-left: -15px; opacity: 0; font-size: 18px; font-weight: 400; font-style: normal; font-variant: none; line-height: 1.6; text-transform: none; content: "\f105"; font-family: "FontAwesome", sans-serif; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .start-submission-content .btn-submission:hover:after { margin-left: 10px; opacity: 1; } .start-submission-content .submission-inner { position: relative; margin: 70px 6px 30px; transition: all 0.3s; } .submission-inner .submission-step { position: absolute; top: 45%; right: -40px; transform: translateX(-50%); } .submission-inner .submission-step i { color: #1a557d; font-size: 20px; } .submission-inner .submission-item-title { display: table; z-index: 1; top: 0; position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .submission-item-title h3 { background: url(../images/pic-bg-circle.png) no-repeat #fff; background-size: cover; border: 3px solid #fff; color: #3658a3; padding: 6px 20px; border-radius: 80px; margin: 0; font-size: 18px; font-weight: 700; white-space: nowrap; width: 128px; height: 128px; display: table-cell; vertical-align: middle; transition-duration: 0.3s; } .submission-item-title h3.sub-type01 { background-position: -1px 1px; } .submission-item-title h3.sub-type02 { background-position: 0px -127px; } .submission-item-title h3.sub-type03 { background-position: -1px -258px; } .submission-inner .submission-inner-cont { position: relative; overflow: hidden; border-radius: 5px; width: 100%; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; background-color: #f8fafe; border: 2px dashed #36599b; box-shadow: 0 6px 25px rgba(7, 80, 152, 0.1); } .submission-inner-cont .img-view { width: 100%; } .submission-inner-cont .submission-description { width: 100%; padding: 60px 0 20px; } .submit-info p strong { font-size: 22px; } .submit-info p em { font-weight: 600; padding: 0 5px; } .submit-info p+p { margin-top: 10px; } .message { padding: 15px 25px; margin: 0 0 20px; position: relative; } .bg-info { background-color: #edf6fb; border-left: 3px solid #afd9ee; border-radius: 4px; } .message h6.head-title { color: #31708f; border: none; font-size: 20px; font-weight: 600; line-height: 1; margin: 11px 0 0; padding: 0; } .message h6.head-title i { margin-right: 10px; } .step-items, .metadata-intro { display: flex; justify-content: space-around; margin: auto; } .step-items .step-type, .submit-meta, .metadata-intro .metadata-item { position: relative; } .step-items .step-type .btn-rounded, .metadata-intro .metadata-item .btn-rounded { border-radius: 36px; border-width: 2px; border-style: solid; background: transparent; font-size: 18px; font-weight: 700; line-height: 1.6; padding: 5px 15px 5px 20px; display: block; transition: all 0.3s ease-in-out; } .step-items .step-type .btn-rounded i, .metadata-intro .metadata-item .btn-rounded i { color: #fff; font-size: small; top: -1px; position: relative; } .step-items .step-type .btn-step { color: #08c !important; border-color: #08c !important; } .step-items .step-type .btn-rounded span, .metadata-intro .metadata-item .btn-rounded span { display: inline-block; height: 23px; line-height: 22px; width: 23px; border-radius: 50%; margin-left: 10px; text-align: center; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; } .step-items .step-type .btn-step span { background-color: #08c !important; box-shadow: 2px 3px 18px -3px #08c !important; } .step-items .step-type .btn-rounded.btn-step:hover { color: #fff !important; background-color: #08c !important; } .step-items .step-type .btn-rounded:hover span, .metadata-intro .metadata-item .btn-rounded:hover span { -webkit-transform: translateX(5px); transform: translateX(5px); } .step-items .step-type .btn-rounded.btn-step:hover span { background-color: #0099e6 !important; -webkit-box-shadow: none; box-shadow: none; } .step-items .sub-data-menu .step-type:nth-child(1) .btn-rounded, .metadata-intro .metadata-item:nth-child(1) .btn-rounded { border-color: #00a8ff; color: #00a8ff; } .step-items .sub-data-menu .step-type:nth-child(1) .btn-rounded span, .metadata-intro .metadata-item:nth-child(1) .btn-rounded span { background-color: #00a8ff; box-shadow: 2px 3px 18px -3px #00a8ff; } .step-items .sub-data-menu .step-type .btn-rounded:hover, .metadata-intro .metadata-item .btn-rounded:hover { color: #fff !important; } .step-items .sub-data-menu .step-type:nth-child(1) .btn-rounded:hover, .metadata-intro .metadata-item:nth-child(1) .btn-rounded:hover { background-color: #00a8ff; } .step-items .sub-data-menu .step-type .btn-rounded:hover span, .metadata-intro .metadata-item .btn-rounded:hover span { -webkit-box-shadow: none; box-shadow: none; } .step-items .sub-data-menu .step-type:nth-child(1) .btn-rounded:hover span, .metadata-intro .metadata-item:nth-child(1) .btn-rounded:hover span { background-color: #0095ff; } .step-items .sub-data-menu .step-type:nth-child(2) .btn-rounded, .metadata-intro .metadata-item:nth-child(2) .btn-rounded { border-color: #ac6bec; color: #ac6bec; } .step-items .sub-data-menu .step-type:nth-child(2) .btn-rounded:hover, .metadata-intro .metadata-item:nth-child(2) .btn-rounded:hover { background-color: #ac6bec; } .step-items .sub-data-menu .step-type:nth-child(2) .btn-rounded span, .metadata-intro .metadata-item:nth-child(2) .btn-rounded span { background-color: #ac6bec; box-shadow: 2px 3px 18px -3px #ac6bec; } .step-items .sub-data-menu .sub-data-menu .step-type:nth-child(2) .btn-rounded:hover span, .metadata-intro .metadata-item:nth-child(2) .btn-rounded:hover span { background-color: #a15bd6; } .step-items .sub-data-menu .step-type:nth-child(3) .btn-rounded, .metadata-intro .metadata-item:nth-child(3) .btn-rounded { border-color: #f29824; color: #f29824; } .step-items .sub-data-menu .step-type:nth-child(3) .btn-rounded:hover, .metadata-intro .metadata-item:nth-child(3) .btn-rounded:hover { background-color: #f29824; } .step-items .sub-data-menu .step-type:nth-child(3) .btn-rounded span, .metadata-intro .metadata-item:nth-child(3) .btn-rounded span { background-color: #f29824; box-shadow: 2px 3px 18px -3px #f29824; } .step-items .sub-data-menu .step-type:nth-child(3) .btn-rounded:hover span, .metadata-intro .metadata-item:nth-child(3) .btn-rounded:hover span { background-color: #e28d1f; } .step-items .sub-data-menu .step-type:nth-child(4) .btn-rounded, .metadata-intro .metadata-item:nth-child(4) .btn-rounded { border-color: #46c35f; color: #46c35f; } .step-items .step-type:nth-child(4) .btn-rounded:hover, .metadata-intro .metadata-item:nth-child(4) .btn-rounded:hover { background-color: #46c35f; } .step-items .step-type:nth-child(4) .btn-rounded span, .metadata-intro .metadata-item:nth-child(4) .btn-rounded span { background-color: #46c35f; box-shadow: 2px 3px 18px -3px #46c35f; } .step-items .step-type:nth-child(4) .btn-rounded:hover span, .metadata-intro .metadata-item:nth-child(4) .btn-rounded:hover span { background-color: #3db755; } .step-items .step-type:nth-child(5) .btn-rounded, .metadata-intro .metadata-item:nth-child(5) .btn-rounded { border-color: #2954a2; color: #2954a2; } .step-items .step-type:nth-child(5) .btn-rounded:hover, .metadata-intro .metadata-item:nth-child(5) .btn-rounded:hover { background-color: #2954a2; } .step-items .step-type:nth-child(5) .btn-rounded span, .metadata-intro .metadata-item:nth-child(5) .btn-rounded span { background-color: #2954a2; box-shadow: 2px 3px 18px -3px #2954a2; } .step-items .step-type:nth-child(5) .btn-rounded:hover span, .metadata-intro .metadata-item:nth-child(5) .btn-rounded:hover span { background-color: #3564bd; } .step-items .step-type a:hover, .metadata-intro .metadata-item a:hover { box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.1), 0 2px 10px rgba(0, 0, 0, 0.15); } .metadata-intro { border-radius: 50px; padding: 10px; margin-top: 30px; transition: 0.3s ease; box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06); } .form-horizontal .form-group { margin-bottom: 10px; } .type-list .radio-inline { margin-right: 10px; } .type-list .radio-inline+.radio-inline { margin-left: 0; } .data-item-list { padding: 5px; } .data-item-list ul, .data-item-list ul li { list-style: inside disc; } .table-grey .row { margin: 0 -5px; font-size: 13px; } .table-grey .row [class*="col-"] { padding-left: 10px; padding-right: 10px; } .table-view { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft YaHei", "Microsoft YaHei UI", "WenQuanYi Micro Hei", sans-serif !important; width: 96%; margin: 5px auto; } .table-view caption { margin-bottom: 5px; } .table-view tbody th { background: #f2f6fb; font-weight: 600; } .submit-meta:hover>.sub-data-menu { -webkit-transform: scale(1) translateX(-50%); transform: scale(1) translateX(-50%); opacity: 1; display: block; } .submit-meta .sub-data-menu { width: 546px; position: absolute; padding: 10px; margin: 0; top: 100%; left: 50%; border-radius: 50px; background-color: #fff; transition: 0.3s ease; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(0) translateX(-50%); transform: scale(0) translateX(-50%); box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06); opacity: 0; z-index: 1; } .sub-data-menu .step-type .btn-rounded { padding: 2px 8px; font-size: 16px; font-weight: 600; } .sub-data-menu .step-type .btn-rounded span { width: 19px; height: 19px; line-height: 18px; } .sub-data-menu .step-type { float: left; margin: 0 10px; } .form-upload .form-up-item { background: #f2f6fb; border-radius: 4px; padding: 10px 10px 5px; } .form-upload .form-up-item .form-group { margin-left: 0; margin-right: 0; } .form-upload .form-up-item+.form-up-item { margin-top: 10px; } .form-upload .form-up-item:last-child { margin-bottom: 5px; } .data-template { position: relative; } .data-template .up-data-title { background: #3891e0; color: #fff; font-size: 15px; font-weight: 600; display: inline-block; padding: 2px 20px; border-radius: 0 50px 50px 0; margin: 0 0 0 -10px; } .data-template .type-data-title { border-radius: 20px; font-weight: 600; background: #e4eaf1; padding: 5px 15px; margin: 5px 0; } .row-type { background: #f2f6fb; border-radius: 2px; padding: 0; margin: 0; } .row-type .col-md-2 label { padding-top: 7px; } .form-up-box { width: 100%; -webkit-transition: all 1s ease; transition: all 1s ease; } .nav-open .form-up-box { width: 49.5%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .nav-open .sidebar-up, .post .entry .share-post .sidebar-up { display: block; opacity: 1; right: 0; animation: sidebar 0.5s ease 0s 1 normal; } .sidebar-up { background: #fff; width: 49.5%; top: 0; bottom: 0; right: -48%; position: absolute; display: none; opacity: 0; padding: 0 0 10px; -webkit-transition: right 0.5s ease, opacity 0.5s ease; transition: right 0.5s ease, opacity 0.5s ease; /* box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06); */ } .sidebar-up .mask-info { font-size: 11em; font-weight: 600; color: rgba(14, 21, 41, 0.07); position: absolute; top: 178px; left: -42px; transform: rotate(40deg); z-index: 1; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .sidebar-up .form-group { margin-left: 0; margin-right: 0; } .sidebar-up .help-block { color: #ff5600 !important; background: #fff; border: 1px solid #d6e0ec; font-size: 13px; padding: 2px 5px; border-radius: 4px; margin: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sidebar-up .help-block+.help-block { margin-top: 10px !important; } .sidebar-up .help-block.text-area-help-block, .sidebar-up .help-block.note-help-block, .sidebar-up .help-block.help-block-sm { white-space: normal; height: 106px; overflow-y: auto; } .sidebar-up .help-block.note-help-block { height: 60px !important; } .sidebar-up .help-block.help-block-sm { height: 66px !important; } .sidebar-up .form-group-sm .help-block { height: 30px; line-height: 1.8; } .sidebar-up .form-group-sm .help-block.help-block-md { height: 34px; line-height: 1.9; } .sidebar-up .radio-help-block { font-family: "Source Sans Pro", arial, sans-serif; font-size: 15px; font-weight: 600; position: relative; } .sidebar-up .radio-help-block span { display: inline-block; padding: 7px 15px; } .sidebar-up .radio-help-block span.active { color: #ff5600; background: #fff; border: 1px solid #d6e0ec; border-radius: 4px; } .sidebar-up .form-group-sm .radio-help-block span { padding: 5px 15px 4px; } .sidebar-up .form-group-sm .radio-help-block span.active { padding: 5px 15px; } .os-cont, .preview-cont { position: relative; } .os-cont fieldset, .preview-cont fieldset { border: 2px solid #dce6ea !important; padding: 5px 10px !important; margin: 0 0 10px !important; border-radius: 4px; transition: all 0.3s; } .os-cont fieldset:hover { border: 2px solid #fdb068 !important; } .os-cont fieldset legend, .preview-cont fieldset legend { font-size: 16px; font-weight: 700; color: #3f51b5; text-transform: uppercase; text-shadow: 0 2px 8px rgba(18, 46, 103, 0.3); } .os-cont .form-control { padding: 2px 6px; box-shadow: none; } .os-cont select.form-control { height: 26px; } .os-cont textarea.form-control { overflow-x: hidden; } .os-cont .btn-md { font-size: 16px !important; padding: 1px 6px !important; } .os-cont .radio p { color: #6b7179; font-family: "Source Sans Pro", sans-serif; font-size: 14px; line-height: 1.8; padding-left: 20px; } .preview-cont fieldset legend { text-transform: capitalize; text-shadow: none; } .preview-cont fieldset legend:after { content: ""; background: #fe9d68; width: 28px; height: 2px; display: block; margin: -1px 0 0; } .preview-cont .preview-sub-title { color: #2a53a2; font-size: 16px; font-weight: 700; padding-left: 15px; } .preview-cont .preview-sub-title small { background: #a2b0ca; border-radius: 2px; color: #fff; font-size: 13px; font-weight: 600; margin-left: 5px; padding: 0 5px; } .form-upload .preview-cont .form-up-item { background: #fafcff; border-radius: 2px; padding: 7px 5px 4px; } .form-upload .preview-cont .form-up-item .help-block { background: #fff; border: 1px solid #e3e6ec; border-radius: 2px; font-weight: 600; padding: 7px 7px 4px; margin: 5px 0 7px; } .form-horizontal .preview-cont .form-group, .preview-cont.overview .form-group { margin-bottom: 0; } .sample .preview-cont label { background: #fff; background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(250, 252, 255, 1) 51%, rgba(250, 252, 255, 1) 100%); font-size: 14px; line-height: 1; position: absolute; top: -2px; left: 15px; padding: 0 3px; margin: 0; } .archive-box .form-horizontal .preview-cont [class*="col-"], .preview-cont.overview [class*="col-"] { padding-left: 10px; padding-right: 10px; } .post .entry .share-post .sidebar-up { background: transparent; width: 100%; animation: 0s; } .post .entry .share-post .sidebar-up h6.head-title { font-size: 15px; } .post .entry .share-post .sidebar-up h6.head-title .fa { font-size: 14px; font-style: normal; } .post .entry .share-post .os-cont fieldset:hover { border: 2px solid #dce6ea !important; } .sample .os-cont .select2-container--default .select2-selection--single { height: auto; box-shadow: none; } .sample .os-cont .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 1px 20px 2px 8px; line-height: inherit; } .sample .os-cont .select2-container--default .select2-selection--single .select2-selection__arrow { height: 24px; } .step-bar-box { margin-bottom: 10px; position: relative; } .step-bar { margin: 0; padding: 0; display: table; width: 100%; } .step-bar__item { display: table-cell; vertical-align: middle; font-size: 16px; text-decoration: none; color: #333; background-color: #dfdfdf; text-align: center; position: relative; border-right: 2px solid #fff; line-height: 17px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; text-shadow: 0 1px 2px rgba(255, 255, 255, 0.7); } .step-bar__item a, .step-bar__item a:visited, .step-bar__item a:hover { display: block; padding: 10px 15px 9px 25px; text-decoration: none; color: #333; } .step-bar__item:before, .step-bar__item:after { content: ""; height: 0; width: 0; border-width: 18px 0 18px 18px; border-style: solid; position: absolute; left: 100%; top: 0; } .step-bar__item:before { border-color: transparent transparent transparent #fff; left: 0; } .step-bar__item:after { border-color: transparent transparent transparent #dfdfdf; z-index: 1; } .step-bar__item:first-child:before { display: none; } .step-bar__item:last-child { border-right: none; } .step-bar__item:last-child:after { display: none; } .step-bar__item:hover { background-color: #d4d4d4; } .step-bar__item:hover:after { border-left-color: #d4d4d4; } .step-bar__item_active { background-color: #24b314; color: #fff; cursor: default; font-weight: bold; pointer-events: none; text-shadow: 0 1px 2px rgba(52, 55, 60, 0.38); } .step-bar__item_active a, .step-bar__item_active a:visited, .step-bar__item_active a:hover { text-decoration: none; color: #fff; } .step-bar__item_active:after { border-color: transparent transparent transparent #24b314; } .step-bar__item_active:hover { background-color: #24b314; } .step-bar__item_active:hover:after { border-left-color: #24b314; } .step-bar_size_xl .step-bar__item a, .step-bar_size_xl .step-bar__item a:visited, .step-bar_size_xl .step-bar__item a:hover { padding: 10px 31px 9px 53px; } .step-bar_size_xl .step-bar__item:before, .step-bar_size_xl .step-bar__item:after { border-width: 27px 0 27px 27px; } .step-bar__item .popover, .metadata-intro .metadata-item .popover { color: #606b80; width: 300px; text-align: justify; } .form-switch section { display: flex; flex-flow: row wrap; margin-top: 1.5em; } .form-switch section>div { flex: 1; padding: 15px 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .form-switch section>div input[type="radio"] { display: none; } .form-switch section>div input[type="radio"]:not(:disabled)~label { cursor: pointer; } .form-switch section>div input[type="radio"]:disabled~label { color: #bcc2bf; border-color: #e2ebec; box-shadow: none; cursor: not-allowed; } .form-switch section>div label { height: 100%; display: block; background: white; border: 2px solid #e2ebec; border-radius: 0 30px 0 30px; padding: 20px; margin-bottom: 15px; text-align: center; box-shadow: 0px 3px 10px -2px rgba(226, 236, 232, 0.5); position: relative; } .form-switch section>div h2 { font-size: 22px; font-weight: 700; } .form-switch section>div p { font-size: 13px; font-weight: 600; color: #999; } .form-switch section>div input[type="radio"]:checked+label { background: #f2f6fb; border: 2px solid #08c; color: #333; box-shadow: 0px 0px 20px rgba(197, 220, 239, 0.75); transition: all 0.3s; } .form-switch section>div input[type="radio"]:checked+label::after { color: #08c; font-family: FontAwesome; border: 2px solid #08c; content: "\f00c"; font-size: 21px; position: absolute; top: -12px; left: -15px; height: 40px; width: 40px; line-height: 37px; text-align: center; border-radius: 50%; background: white; box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.25); transition: all 0.3s; } .form-switch section>div input[type="radio"]:checked+label h2, .form-switch section>div input[type="radio"]:checked+label p { color: #08c; } .tabs-os { position: relative; } .tabs-os>.nav-tabs { display: block; margin: 0 auto 15px; border-bottom: 1px solid #edeef4; } .tabs-os>.nav-tabs li[role="presentation"]:not(:last-child) { margin-right: 20px; } .tabs-os>.nav-tabs li[role="presentation"] a[role="tab"] { padding: 12px 0; font-size: 16px; font-weight: 600; color: #bdc4d0; border: none !important; background: none !important; transition: color 0.3s ease; } .tabs-os>.nav-tabs li[role="presentation"] a[role="tab"]:hover { color: #0075ad; } .tabs-os>.nav-tabs li.active a[role="tab"] { color: #0075ad; background: none; box-shadow: inset 0 -2px 0 0 #0075ad; } .tabs-os .tab-content { border: none; } .rawdata-intro { position: relative; } .rawdata-intro h5 { font: 600 15px/150% sans-serif; } .rawdata-intro ul { margin: 0; padding: 0; } .rawdata-intro ul, .rawdata-intro li { list-style: inside disc; } .rawdata-intro li { background: transparent !important; float: none !important; padding: 2px 0; } .rawdata-intro p { font-family: inherit; font-size: 13px; } .panel.panel-samp { border: 1px solid #dae1e8; margin: 5px; height: 100%; position: relative; } .panel-samp .panel-heading { border-bottom: 1px solid #eceff5; } .panel-samp .panel-heading span { display: inline-block; margin: 3px 4px 0; } .panel-samp .panel-heading span a { border-radius: 50px; color: #546479; padding: 5px 6px 4px; border: 2px solid #546479; transition: all 0.3s; } .panel-samp .panel-heading span a .fa { font-size: 16px; } .panel-samp .panel-heading span.active a { background: #00a8ff; border-color: transparent; color: #fff; } .panel-samp .panel-body { position: relative; overflow: hidden; padding: 5px 15px; height: 500px; } .panel-samp .panel-body .node-view { position: absolute; top: 0; bottom: 0; left: 0; width: 400px; border-right: 1px solid #e9e9e9; transform: translate(-100%); transition: transform 0.3s; } .panel-samp .panel-body .relation-view { overflow: hidden; z-index: 900; background: #fff; position: absolute; top: 0; bottom: 0; left: 0; right: 0; transform: translateY(-100%); transition: transform 0.3s; } .panel-samp .panel-body .node-view.active, .panel-samp .panel-body .relation-view.active { transform: translate(0); } .panel-samp .panel-body .node-view .nav-tabs { border-bottom: 1px solid #ddd; color: #666; font-size: 14px; transition: all 0.3s; } .panel-samp .panel-body .node-view .nav-tabs li.active { background-color: transparent; border-color: transparent transparent #f3f3f3; border-bottom: 2px solid #0062cc !important; } .panel-samp .panel-body .node-view .nav-tabs li a { border: none; color: #666; padding: 5px 10px; transition: all 0.3s; } .panel-samp .panel-body .node-view .nav-tabs li a span { font-size: 12px; } .panel-samp .panel-body .node-view .nav-tabs li.active a { color: #0062cc; font-weight: 600; } .panel-samp .panel-body .node-view .tab-pane.active { animation: slide-right 0.2s ease-out; } @keyframes slide-right { 0% { opacity: 0; transform: translateX(-50%); } 100% { opacity: 1; transform: translateX(0); } } .panel-samp .panel-body .node-view .tab-content { border: none; } .panel-samp .panel-body .panel-list { width: 100%; height: 100%; position: relative; } .panel-samp .panel-body .main-graph { margin: 10px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 99; transition: left 0.5s; } .panel-samp .panel-body .main-graph.active { left: 400px; } .panel-samp .panel-body .main-graph.active svg { width: 600px; } .panel-samp .panel-body .main-graph svg g.node image { pointer-events: none; } .panel-samp .panel-body .main-graph svg g.node>path { opacity: 0.7; transition: opacity 0.3s ease; } /* If we hadn't set image pointer-events: none, this hover wouldn't work */ .panel-samp .panel-body .main-graph svg g.node>path:hover { opacity: 1; } .panel-samp .panel-body table.dataTable { margin: 0 !important; } .s2-to-tree * { box-sizing: border-box; } .s2-to-tree .select2-results__option.l1 { margin-left: 0.6em; font-size: 1em; } .s2-to-tree .select2-results__option.l2 { margin-left: 1.4em; font-size: 0.95em; } .s2-to-tree .select2-results__option.l3 { margin-left: 2.2em; font-size: 0.91em; } .s2-to-tree .select2-results__option.l4 { margin-left: 3em; font-size: 0.87em; } .s2-to-tree .select2-results__option.l5 { margin-left: 3.8em; font-size: 0.83em; } .s2-to-tree .select2-results__option.l6 { margin-left: 4.5em; font-size: 0.8em; } .s2-to-tree .select2-results__option.l7 { margin-left: 5.3em; font-size: 0.77em; } .s2-to-tree .select2-results__option.l8 { margin-left: 6em; font-size: 0.75em; } .s2-to-tree li.select2-results__option.non-leaf .expand-collapse:hover { color: #0062cc; cursor: pointer; } .s2-to-tree li.select2-results__option.non-leaf .expand-collapse:before { /* no :: in IE8 */ content: "\f105"; font-family: "FontAwesome", sans-serif; /* content: "+"; */ position: absolute; left: -0.35em; top: 0.1em; font-size: larger; } .s2-to-tree li.select2-results__option.non-leaf.opened .expand-collapse:before { content: "\f107"; font-family: "FontAwesome", sans-serif; /* content: "−"; */ } .s2-to-tree .select2-results__option[aria-disabled="true"] .expand-collapse { color: black; } .s2-to-tree .item-label { display: inline-block; margin-left: 0.5em; padding: 3px; width: calc(100% - 11px); /* IE8 will fit the content */ } .s2-to-tree li.select2-results__option { position: relative; padding: 0px; height: auto; overflow-y: hidden; } .s2-to-tree li.select2-results__option[data-pup] { display: none; } .s2-to-tree li.select2-results__option[data-pup].showme { display: block; overflow-y: visible; } .s2-to-tree.select2-container .select2-results__option--highlighted[aria-selected]>span.item-label { background-color: #5897fb; color: white; } .s2-to-tree.select2-container li.select2-results__option[aria-selected="true"]>span.item-label { background-color: #ddd; color: #666; } .s2-to-tree.select2-container li.select2-results__option--highlighted[aria-selected], .s2-to-tree.select2-container li.select2-results__option[aria-selected="true"] { background-color: inherit; color: inherit; } .s2-to-tree li.select2-results__option.l1 { display: block; overflow-y: visible; } .s2-to-tree.searching-result li.select2-results__option { height: auto; display: block; } @keyframes sidebar { 0% { right: -48%; } 100% { right: 0%; } } @media only screen and (max-width: 700px) { .form-switch sectionn { flex-direction: column; } } @media screen and (min-width: 540px) { .checkbox-label { width: 100px; margin: 5px 0 5px 15px; text-align: center; } } .table.nowrap th, .text-nowrap { white-space: nowrap; } .table.nowrap td { white-space: normal !important; } .arch-data .dataTables_filter, .dataTables_wrapper .dataTables_filter, div.dt-buttons { display: inline-block; } .arch-data div.dt-buttons, .dataTables_wrapper div.dt-buttons { margin-left: 10px; float: none; } .arch-data div.dt-buttons button, .dataTables_wrapper div.dt-buttons button { margin: 0; } .arch-data div.dt-buttons button .fa, .dataTables_wrapper div.dt-buttons button .fa { font-size: 15px; vertical-align: text-top; } .grid-panel { padding: 15px; position: relative; } .grid-panel h5 { color: #333; font-size: 16px; font-weight: 700; } .main-chart { position: relative; } .main-chart .main-chart-content { position: absolute; top: 0; left: 25%; width: 45%; } .main-chart-content .search-title { font-size: 28px; font-weight: 600; color: #4b4f73; line-height: 1; margin-bottom: 20px; text-align: center; } .main-chart .item { height: 50px; position: relative; } .main-chart .item .cover { padding: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; border-radius: 4px; } .main-chart .item .cover .container { width: 100%; padding: 0; } .main-chart .item .cover .header-content { position: relative; padding: 5px 5px 0; } .main-chart .item .cover .header-content h4 { font-size: 16px; font-weight: 600; display: flex; line-height: 22px; color: #333; margin-top: 15px; } .main-chart .item .cover .header-content h4 span { background: #f6f6f9; border-radius: 4px; display: flex; justify-content: space-between; flex: 1 0 0; text-align: left; margin: 0 5px; padding: 5px 10px; } .main-chart .item .cover .header-content h4 small { color: #ff6900; font-size: 24px; font-weight: 600; font-style: italic; } .main-tabs>.user-chart-tabs ul.nav-tabs { border-bottom: 1px solid #f0f1f3 !important; } .main-tabs>.user-chart-tabs ul.nav-tabs li.active a, .main-tabs>.user-chart-tabs ul.nav-tabs li.active a:hover { background: transparent !important; border: none !important; border-bottom: 2px solid #2954a2 !important; border-radius: 0 !important; color: #2954a2 !important; } .main-tabs>.user-chart-tabs ul.nav-tabs li a { color: #999 !important; font-weight: 600; } .main-tabs>.user-chart-tabs .tab-content { display: block; padding: 5px; } .main-tabs>.user-chart-tabs .tab-content p { background: #f4f5fb; border-radius: 4px; color: #464d67; font-weight: 600; font-family: "Source Sans Pro", sans-serif; font-size: 15px; line-height: 2; padding: 5px 10px; } .type-cont { margin-bottom: 10px; } .type-cont .h4 { margin: 5px 0; font-size: 16px; } .desc { display: none; padding: 10px 0 0; } .desc .idlist.mi-box li { margin-bottom: 0; } .px-15, .type-cont { padding: 0 15px !important; } .font-13 { font-size: 13px !important; } .font-weight-normal { font-weight: normal !important; } .filter-form { position: relative; } .filter-form .form-group { margin: 0; } .filter-form .form-group+.form-group { margin-left: 15px; } .filter-form .btn { margin-left: 15px; padding: 7px 16px; } .topic-disease-cont { background: url(../images/pic-humanbody.png) no-repeat center center; width: 100%; height: 660px; position: relative; display: flex; justify-content: space-between; } .topic-disease-cont .disease-sidea-list, .topic-disease-cont .disease-sideb-list { margin: 0; padding: 0; position: relative; width: 308px; } .topic-disease-cont .disease-sidea-list>li, .topic-disease-cont .disease-sideb-list>li { border: 2px solid transparent; border-radius: 4px; padding: 10px 15px; position: relative; cursor: pointer; transition: all 0.3s; } .topic-disease-cont .disease-sidea-list>li:not(:first-child) { margin-top: 35px; } .topic-disease-cont .disease-sideb-list>li:not(:first-child) { margin-top: 18px; } .topic-disease-cont .disease-sidea-list>li:hover, .topic-disease-cont .disease-sideb-list>li:hover { background: #f8fbff; border: 2px solid #e6eaf1; transition: all 0.3s; } .topic-disease-cont li .disease-list-items { display: flex; justify-content: flex-start; align-items: center; position: relative; } .topic-disease-cont li .disease-list-items .disease-icon { width: 50px; height: 50px; display: flex; align-items: center; } .topic-disease-cont li .disease-list-items .disease-info { padding-left: 10px; } .topic-disease-cont li .disease-list-items .disease-info h5 a { color: #2d58d6; font-size: 16px; } .topic-disease-cont li .disease-list-items ul { margin: 0; padding: 0; } .topic-disease-cont li .disease-list-items ul li { color: #6f7181; list-style-position: inside; list-style-type: disc; } .topic-disease-cont .disease-link01, .topic-disease-cont .disease-link02, .topic-disease-cont .disease-link03, .topic-disease-cont .disease-link04, .topic-disease-cont .disease-link05, .topic-disease-cont .disease-link06, .topic-disease-cont .disease-link07, .topic-disease-cont .disease-link08, .topic-disease-cont .disease-link09, .topic-disease-cont .disease-link10, .topic-disease-cont .disease-link11 { position: absolute; } .topic-disease-cont .disease-link01, .topic-disease-cont .disease-link02, .topic-disease-cont .disease-link03, .topic-disease-cont .disease-link04, .topic-disease-cont .disease-link05, .topic-disease-cont .disease-link06, .topic-disease-cont .disease-link07, .topic-disease-cont .disease-link08, .topic-disease-cont .disease-link09, .topic-disease-cont .disease-link10, .topic-disease-cont .disease-link11 { opacity: 0; transition: all ease-in 0.3s; } .topic-disease-cont .disease-link01 { background: url(../images/pic-dis-link01.png) no-repeat; width: 108px; height: 48px; left: 308px; top: 8px; } .topic-disease-cont .disease-link02 { background: url(../images/pic-dis-link02.png) no-repeat; width: 108px; height: 160px; left: 308px; top: 8px; } .topic-disease-cont .disease-link03 { background: url(../images/pic-dis-link03.png) no-repeat; width: 128px; height: 188px; left: 309px; top: 98px; } .topic-disease-cont .disease-link04 { background: url(../images/pic-dis-link04.png) no-repeat; width: 110px; height: 234px; left: 309px; top: 169px; } .topic-disease-cont .disease-link05, .topic-disease-cont .disease-link06, .topic-disease-cont .disease-link07 { background: url(../images/pic-dis-link05.png) no-repeat; width: 216px; height: 582px; left: 283px; top: 10px; } .topic-disease-cont .disease-link08 { background: url(../images/pic-dis-link08.png) no-repeat; width: 150px; height: 81px; right: 308px; top: 162px; } .topic-disease-cont .disease-link09 { background: url(../images/pic-dis-link09.png) no-repeat; width: 205px; height: 261px; right: 308px; top: 97px; } .topic-disease-cont .disease-link10 { background: url(../images/pic-dis-link10.png) no-repeat; width: 162px; height: 234px; right: 307px; top: 213px; } .topic-disease-cont .disease-link11 { background: url(../images/pic-dis-link11.png) no-repeat; width: 136px; height: 250px; right: 308px; top: 295px; } .topic-disease-cont .disease-link01.active, .topic-disease-cont .disease-link02.active, .topic-disease-cont .disease-link03.active, .topic-disease-cont .disease-link04.active, .topic-disease-cont .disease-link05.active, .topic-disease-cont .disease-link06.active, .topic-disease-cont .disease-link07.active, .topic-disease-cont .disease-link08.active, .topic-disease-cont .disease-link09.active, .topic-disease-cont .disease-link10.active, .topic-disease-cont .disease-link11.active { opacity: 1; } .table-list-filter { font-size: 14px; background-color: #fff; border-top: 1px solid rgba(72, 94, 144, 0.16); margin-bottom: 10px; } .table-list-filter>ul>li { border-bottom: 1px solid rgba(72, 94, 144, 0.16); display: flex; align-items: center; } .table-list-filter>ul>li .filter-title, .table-list-filter>ul>li .filter-content { padding: 0 5px; position: relative; } .table-list-filter>ul>li .filter-title { max-width: 90px; flex: 0 0 90px; background-color: #f4f5f8; font-weight: 600; height: 40px; align-items: center; display: flex; justify-content: flex-end; } .table-list-filter>ul>li .filter-content { max-width: calc(100% - 90px); flex: 0 0 calc(100% - 90px); } .table-list-filter>ul>li .filter-content { display: flex; flex-wrap: wrap; margin: 2px 0; overflow: hidden; } .notice { position: relative; padding: 10px 15px; letter-spacing: 0.025rem; line-height: 1.8; } .notice b { font-size: 18px; } .my-20 { margin: 20px 0; } .notice-sd { width: 200px; right: 25px; height: auto; position: fixed; top: 36%; transform: translateY(-36%); } .notice-sd .notice-content { padding: 10px; background: #fff; border-radius: 4px; box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06); } .notice-sd .notice-content .notice-title { display: flex; align-items: center; } .notice-sd .notice-content .notice-title img { margin-right: 5px; } .popup { width: 100%; height: 100%; display: none; position: fixed; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.75); text-align: center; z-index: 999; overflow: hidden; overflow-y: auto; } .popup:before { content: ""; display: inline-block; height: 100%; margin-right: -4px; vertical-align: middle; } .popup-inner { display: inline-block; text-align: left; vertical-align: middle; position: relative; max-width: 700px; width: 90%; padding: 40px; box-shadow: 0px 2px 6px #000; border-radius: 3px; background: #fff; } .popup-inner h1 { font-size: 20px; font-weight: 600; } .popup-inner h4 { font-size: 18px; font-weight: 600; } .popup-inner p { font-size: 14px; font-weight: 500; } .popup-close { width: 34px; height: 34px; padding-top: 4px; display: inline-block; position: absolute; top: 20px; right: 20px; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); border-radius: 100%; background: transparent; border: solid 4px #808080; } .popup-close:after, .popup-close:before { content: ""; position: absolute; top: 11px; left: 5px; height: 4px; width: 16px; border-radius: 30px; background: #808080; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .popup-close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .popup-close:hover { -webkit-transform: translate(50%, -50%) rotate(180deg); transform: translate(50%, -50%) rotate(180deg); background: #f00; text-decoration: none; border-color: #f00; } .popup-close:hover:after, .popup-close:hover:before { background: #fff; }