/** ------------------------------------------------------------ * @프로그램명:smartCdrs common 스타일시트 * @파일명:smartview_common.css * @작성일:2020. 04. 16. * @작성자:엄윤섭 ------------------------------------------------------------ */ @font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:100; src:url(../font/NotoSansKR/NotoSansKR-Thin.woff) format('woff') } @font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:300; src:url(../font/NotoSansKR/NotoSansKR-Light.woff) format('woff') } @font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:400; src:url(../font/NotoSansKR/NotoSansKR-Regular.woff) format('woff') } @font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:500; src:url(../font/NotoSansKR/NotoSansKR-Medium.woff) format('woff') } @font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:700; src:url(../font/NotoSansKR/NotoSansKR-Bold.woff) format('woff') } @font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:900; src:url(../font/NotoSansKR/NotoSansKR-Black.woff) format('woff') } html, body {height:100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} *{box-sizing:border-box;} .clear{clear:both;} .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight:500; line-height:1.1; color:inherit;} body {font-family:"Noto Sans KR", "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif; letter-spacing:0; color:#333333; font-size:12px; font-weight:400; line-height:1.6; background:#ededed; overflow-y:auto;} .full-width {width:100%;} .full-height {height:100%;} .daterangepicker .ranges li {color:#354f63;} .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {background:#536A7F; border:1px solid #536A7F; color:#fff;} .daterangepicker .input-mini {background-color:#eee; border:1px solid #ccc; box-shadow:none !important;} .daterangepicker .input-mini.active {border:1px solid #ccc;} .daterangepicker select.monthselect, .daterangepicker select.yearselect,.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect{ font-size:12px; padding:1px; height:auto; margin:0; cursor:default; height:25px; border:1px solid #ADB2B5; line-height:30px; border-radius:0 !important;} .daterangepicker select.monthselect {margin-right:2%;} .daterangepicker td.in-range {background:#E4E7EA; color:#354f63;} .daterangepicker td.active, .daterangepicker td.active:hover {background-color:#536A7F; color:#fff;} .daterangepicker th.available:hover {background:#eee; color:#34495E;} .daterangepicker:before, .daterangepicker:after {content:none;} .daterangepicker .calendar.single {margin:0 0 4px;} .daterangepicker .calendar.single .calendar-table {width:224px; padding:0 0 4px !important;} .daterangepicker .calendar.single .calendar-table thead tr:first-child th {padding:8px 5px;} .daterangepicker .calendar.single .calendar-table thead th {border-radius:0;} .daterangepicker.default {color:#fff; background:#34495E;} .daterangepicker.default .calendar-table {background:#34495E;} .daterangepicker.default .calendar-table thead tr {background:#213345;} .daterangepicker.default .calendar-table thead tr:first-child {background:#1ABB9C;} .daterangepicker.default .calendar-table td.off {background:#34495E; color:#999;} .daterangepicker.default .calendar-table td.available:hover {color:#34495E;} .daterangepicker.picker_1 {color:#fff; background:#34495E;} .daterangepicker.picker_1 .calendar-table {background:#34495E;} .daterangepicker.picker_1 .calendar-table thead tr {background:#213345;} .daterangepicker.picker_1 .calendar-table thead tr:first-child {background:#1ABB9C;} .daterangepicker.picker_1 .calendar-table td.off {background:#34495E; color:#999;} .daterangepicker.picker_1 .calendar-table td.available:hover {color:#34495E;} .daterangepicker.picker_2 .calendar-table thead tr {color:#1ABB9C;} .daterangepicker.picker_2 .calendar-table thead tr:first-child {color:#354f63;} .daterangepicker.picker_3 .calendar-table thead tr:first-child {color:#fff; background:#1ABB9C;} .daterangepicker.picker_4 .calendar-table thead tr:first-child {color:#fff; background:#34495E;} .daterangepicker.picker_4 .calendar-table td, .daterangepicker.picker_4 .calendar-table td.off {background:#ECF0F1; border:1px solid #fff; border-radius:0;} .daterangepicker.picker_4 .calendar-table td.active {background:#34495E;} .calendar-exibit .show-calendar {float:none; display:block; position:relative; background-color:#fff; border:1px solid #ccc; margin-bottom:20px; border:1px solid rgba(0, 0, 0, 0.15); overflow:hidden;} .calendar-exibit .show-calendar .calendar {margin:0 0 4px;} .calendar-exibit .show-calendar.picker_1 {background:#34495E;} .calendar-exibit .calendar-table {padding:0 0 4px;} .left_col {background:#1c91d9;} .site_title i {border:1px solid #EAEAEA; padding:5px 6px; border-radius:50%;} .nav-sm .container.body .col-md-3.left_col {min-height:100%; width:55px; padding:0; z-index:20; position:absolute; margin-top:0; z-index:300;} .nav-sm .container.body .col-md-3.left_col.menu_fixed {position:fixed; height:100%;} .nav-sm .container.body .col-md-3.left_col .mCSB_container, .nav-sm .container.body .col-md-3.left_col .mCustomScrollBox {overflow:visible;} .nav-sm .hidden-small {visibility:hidden;} .nav-sm .container.body .right_col {padding:15px 15px; margin-left:55px; z-index:100;} .nav-sm .navbar.nav_title {width:55px; height:60px;} .nav-sm .main_container .top_nav {display:block; margin-left:55px; z-index:150;} .nav-sm .nav.side-menu li a {text-align:center !important; font-weight:400; font-size:12px; padding:10px 5px;} .nav-sm .nav.child_menu li.active, .nav-sm .nav.side-menu li.active-sm {/* border-right:5px solid #00b0f0; */} .nav-sm ul.nav.child_menu ul, .nav-sm .nav.side-menu li.active-sm ul ul {position:static; width:200px; background:#ffffff;} .nav-sm>.nav.side-menu>li.active-sm>a {color:#1ABB9C !important;} .nav-sm .nav.side-menu li a i.toggle-up {display:none !important;} .nav-sm .nav.side-menu li a i {font-size:25px !important; text-align:center; width:100% !important; margin-bottom:5px;} .nav-sm ul.nav.child_menu {left:100%; position:absolute; top:0; width:210px; z-index:4000; background:#f6f6f6; display:none; border:1px solid #e1e1e1; border-left:none;} .nav-sm ul.nav.child_menu li {padding:0 10px;} .nav-sm ul.nav.child_menu li a {text-align:left !important; color:#676767;} .nav-sm .nav.child_menu li:hover, .nav-sm .nav.child_menu li.active {background-color:#96a2b9; color:#fff;} .nav-sm .nav.child_menu li:hover > a, .nav-sm .nav.child_menu li.active > a {color:#fff;} .nav-sm .profile {display:none;} .menu_section {margin-bottom:35px;} .menu_section h3 {padding-left:15px; color:#fff; text-transform:uppercase; letter-spacing:.5px; font-weight:700; font-size:11px; margin-bottom:0; margin-top:0; text-shadow:1px 1px #000;} .menu_section>ul {margin-top:10px;} .profile_pic {width:35%; float:left;} .img-circle.profile_img {width:70%; background:#fff; margin-left:15%; z-index:1000; position:inherit; margin-top:20px; border:1px solid rgba(52, 73, 94, 0.44); padding:4px; height:60px;} .profile_info {padding:25px 10px 10px; width:65%; float:left;} .profile_info span {font-size:13px; line-height:30px; color:#BAB8B8;} .profile_info h2 {font-size:14px; color:#ECF0F1; margin:0; font-weight:300;} .profile.img_2 {text-align:center;} .profile.img_2 .profile_pic {width:100%;} .profile.img_2 .profile_pic .img-circle.profile_img {width:50%; margin:10px 0 0;} .profile.img_2 .profile_info {padding:15px 10px 0; width:100%; margin-bottom:10px; float:left;} .main_menu span.fa {float:right; text-align:center; margin-top:5px; font-size:10px; min-width:inherit; color:#C4CFDA;} .active a span.fa {text-align:right !important; margin-right:4px;} .nav-sm .menu_section {margin:0;} .nav-sm .menu_section span.fa, .nav-sm .menu_section h3 {display:none;} .nav-sm .menu_section .child_menu span.fa {display:block;} .nav-sm li li span.fa {display:inline-block;} /* 상단 TOP 메뉴 */ .nav_menu {float:left; background:#fff; box-shadow:0 0 10px rgba(0, 0, 0, .5); width:100%; position:relative; z-index:200;} .navbar-top-links {margin-right:0;} .navbar-top-links .badge {position:absolute; right:6px; top:15px;} .navbar-top-links > li {float:left;} .navbar-top-links > li > a {color:#333333; padding:0 14px; /* line-height:60px; min-height:60px; */;} .navbar-top-links > li > a:hover {background:rgba(0, 0, 0, 0.1);} .navbar-top-links > li > a:focus {background:rgba(0, 0, 0, 0);} .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {background:rgba(255, 255, 255, 0.2);} .navbar-top-links .dropdown-menu {box-shadow:0 3px 12px rgba(0, 0, 0, 0.05) !important;} .navbar-top-links .dropdown-menu li {display:block;} .navbar-top-links .dropdown-menu li:last-child {margin-right:0;} .navbar-top-links .dropdown-menu li a div {white-space:normal;} .navbar-top-links .dropdown-user {right:0; left:auto; width:280px;} .navbar-top-links > li > a.dropdown-toggle {line-height:30px; height:60px; padding:0 20px; overflow:hidden; float:right; position:relative; border-left:1px solid #d9d9d9; cursor:pointer;} .navbar-top-links > li > a.dropdown-toggle span.caret {position:absolute; right:11px; top:28px;} ul.navbar-top-links .dropdown span.top_user_pic {display:block; float:left; width:44px; height:44px; border-radius:50%; margin:8px 0 0 0; overflow:hidden; border:2px solid #d1d1d1;} ul.navbar-top-links .dropdown span.top_user_pic > img {width:auto; height:100%; padding:0; margin:0; vertical-align:middle;} ul.navbar-top-links .dropdown a.dropdown-toggle b {height:60px; line-height:60px; display:inline-block; margin-left:10px; margin-right:10px; font-weight:900;} .nav-md .container.body .col-md-3.left_col {min-height:100%; width:230px; padding:0; position:absolute; display:-ms-flexbox; display:flex; z-index:300; margin-top:0;} .nav-md .container.body .col-md-3.left_col.menu_fixed {height:100%; position:fixed;} .nav-md .navbar.nav_title {height:60px;} body .container.body .right_col {background:#ededed; overflow:hidden; min-height:827px !important;} .nav-md .container.body .right_col {padding:15px 15px; margin-left:230px; z-index:100;} .nav_title {width:230px; float:left; background:#fff; border-radius:0; height:60px;} .nav_title h2 {display:none;} @media ( max-width :991px) { .nav-md .container.body .right_col, .nav-md .container.body .top_nav {width:100%; margin:0;} .nav-md .container.body .col-md-3.left_col {display:none;} .nav-md .container.body .right_col {width:100%; padding-right:0;} .right_col {padding:10px !important;} } @media ( max-width :1200px) { .x_title h2 {width:62%; font-size:17px;} .tile, .graph {zoom:85%; height:inherit;} } @media ( max-width :1270px) and (min-width:192px) { .x_title h2 small {display:none;} } .left_col .mCSB_scrollTools {width:6px;} .left_col .mCSB_dragger {max-height:400px !important;} .blue {color:#3498DB;} .purple {color:#9B59B6;} .green {color:#1ABB9C;} .aero {color:#9CC2CB;} .red {color:#E74C3C;} .dark {color:#34495E;} .border-blue {border-color:#3498DB !important;} .border-purple {border-color:#9B59B6 !important;} .border-green {border-color:#1ABB9C !important;} .border-aero {border-color:#9CC2CB !important;} .border-red {border-color:#E74C3C !important;} .border-dark {border-color:#34495E !important;} .bg-white {background:#fff !important; border:1px solid #fff !important; color:#354f63;} .bg-green {background:#1ABB9C !important; border:1px solid #1ABB9C !important; color:#fff;} .bg-red {background:#E74C3C !important; border:1px solid #E74C3C !important; color:#fff;} .bg-blue {background:#3498DB !important; border:1px solid #3498DB !important; color:#fff;} .bg-orange {background:#F39C12 !important; border:1px solid #F39C12 !important; color:#fff;} .bg-lorange {background:#fdeada !important; border:1px solid #f9b985 !important; color:#e46c0a;} .bg-purple {background:#9B59B6 !important; border:1px solid #9B59B6 !important; color:#fff;} .bg-blue-sky {background:#50C1CF !important; border:1px solid #50C1CF !important; color:#fff;} .no-padding {padding:0 !important;} .fixed_height_320 {height:320px;} .fixed_height_390 {height:390px;} .fixed_height_200 {height:200px;} .overflow_hidden {overflow:hidden;} .progress-bar-dark {background-color:#34495E !important;} .progress-bar-gray {background-color:#BDC3C7 !important;} table.no-margin .progress {margin-bottom:0;} .line_30 {line-height:30px;} *, :before, :after {box-sizing:border-box;} h1, .h1, h2, .h2, h3, .h3 {margin-top:10px; margin-bottom:10px;} a {color:#3b3f42; text-decoration:none;} a, a:visited, a:focus, a:active, :visited, :focus, :active, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline:0;} a:hover, a:focus {text-decoration:none;} .w_20 {width:20%;} .w_25 {width:25%;} .w_55 {width:55%;} .container {width:100%; padding:0;} .navbar-nav>li>a, .navbar-brand, .navbar-nav>li>a {color:#fff !important;} .top_nav .nav>li>a:focus, .top_nav .nav>li>a:hover, .top_nav .nav .open>a, .top_nav .nav .open>a:focus, .top_nav .nav .open>a:hover {/* background:#D9DEE4; */} .main_container .top_nav {display:block; margin-left:230px; z-index:150;} .page-title {width:100%; height:65px; padding:10px 0;} .page-title .title_left {width:45%; float:left; display:block;} .page-title .title_left h3 {margin:9px 0;} .page-title .title_right {width:55%; float:left; display:block;} .page-title .title_right .pull-right {margin:10px 0;} .main_content {padding:10px 20px;} .col-md-55 {width:50%; margin-bottom:10px;} @media ( min-width :480px) { .nav_menu {-webkit-backface-visibility:hidden; position:static,;} .top_nav .navbar-right li {position:relative;} .advertising>span {font-size:3px;} } @media ( min-width :768px) { .col-md-55 {width:20%;} .advertising>span {font-size:40px;} .footer_fixed footer {margin-left:0;} .footer_fixed .nav-sm footer {margin-left:0;} .tile_count .tile_stats_count .count {font-size:40px;} .tile_count .tile_stats_count span {font-size:13px;} .bs-glyphicons {margin-right:0; margin-left:0;} .bs-glyphicons li {width:12.5%; font-size:12px;} .cropper .img-container {min-height:516px;} .advertising>span {font-size:8px;} } @media ( min-width :992px) { .col-md-55 {width:20%;} .advertising>span {font-size:50px;} footer {margin-left:230px;} .tile_count .tile_stats_count {margin-bottom:10px; border-bottom:0; padding-bottom:10px;} .tile_count .tile_stats_count:first-child:before {border-left:0;} .advertising>span {font-size:11px;} } @media ( min-width :1200px) { .col-md-55 {width:20%;} .advertising>span {font-size:60px; font-size:16px;} } @media ( min-width :192px) and (max-width:1270px) { table.tile_info span.right {margin-right:7px; float:left;} .advertising>span {font-size:3px;} } @media ( min-width :992px) and (max-width:1100px) { .tile_count .tile_stats_count .count {font-size:30px;} .advertising>span {font-size:11px;} } .center-margin {margin:0 auto; float:none !important;} .navbar {margin-bottom:0;} .navbar-header {background:#34495E;} .navbar-logo {float:left; left:80px; top:12px; position:absolute; z-index:400;cursor:pointer;} .navbar-logo>img {width:auto; height:39px; opacity:1 !important;} @media all and (min-width:768px){ .navbar-logo>img {display:block;} .nav_title h2 {display:block; position:absolute; left:184px; top:27px; font-size:14px; color:#22276e; font-weight:normal; width:250px; padding:0; margin:0; opacity:0 !important;} } .navbar-naviCtt {float:left; padding-top:18px; padding-left:30px; font-size:15px; font-weight:700; color:#4b5f71;} .navbar-left {margin-right:0;} .top_nav .navbar-left {margin:0; width:80px; float:left;} .navbar-right {margin-right:0;} .top_nav .navbar-right {margin:0; width:calc(100% - 80px); float:right; min-width:240px; text-align:right; height:60px;} .nav-sm .top_nav .navbar-right {width:calc(100% - 155px);} .nav-md .top_nav .navbar-right {width:calc(100%);} .top_nav .navbar-right li {display:inline-block; position:static; float:none;} .top_nav .dropdown-menu li {width:100%;} .top_nav .dropdown-menu li a {width:100%; padding:12px 20px;} .top_nav li a i {font-size:15px;} .navbar-static-top {position:fixed; top:0; width:100%;} /* 상단메뉴 */ .top_nav .navbar-right .top_menu_area {position:absolute; left:115px; top:0; text-align:left; z-index:300;} .nav-sm .top_nav .navbar-right .top_menu_area {left:156px;} .nav-md .top_nav .navbar-right .top_menu_area {left:1px;} .top_nav .navbar-right .top_menu_area ul.top_menu {justify-content:center; display:flex; list-style:none; margin:0; padding:0; font-weight:500;} .top_nav .navbar-right .top_menu > li {position:relative !important; list-style:none; float:left;} .top_nav .navbar-right .top_menu > li > a {text-align:center; font-size:15px; font-weight:700; display:block; color:#333; text-decoration:none; padding:0 25px; transition:.3s; height:60px; line-height:60px;} .top_nav .navbar-right .top_menu > li:after {content:""; width:1px; height:15px; position:absolute; right:0; top:23px; background:#ccc;} .top_nav .navbar-right .top_menu > li:last-child:after {display:none;} .top_nav .navbar-right .top_menu > li > a:hover {background:rgba(0,56,117,0.1);} .top_nav .navbar-right .top_menu > li:hover ul {opacity:1; visibility:visible;} /* 상단메뉴 - Dropdown */ .top_nav .navbar-right .top_menu .dropdown {transition:0.3s; position:absolute; top:100%; left:0; overflow:hidden; height:0; background:rgba(0, 0, 0, 0); flex-direction:column; display:block; text-align:center; padding:0; min-width:180px;} .top_nav .navbar-right .top_menu > li:hover .dropdown {background:rgba(0,56,117, .9); height:auto; border-radius:0 0 10px 10px; padding:10px 0;} .top_nav .navbar-right .top_menu .dropdown li {display:block; text-align:left;cursor:pointer;} .top_nav .navbar-right .top_menu .dropdown a {display:block; padding:10px 20px; color:#fff; background:transparent; transition:0.3s;} .top_nav .navbar-right .top_menu .dropdown a:hover {background:#39b7dc;} .sidebar-header {border-bottom:0; margin-top:46px;} .sidebar-header:first-of-type {margin-top:0;} .nav.side-menu>li {position:relative; display:block; cursor:pointer; font-size:14px;} .nav-sm .nav.side-menu>li>a {margin-bottom:6px;} .nav.side-menu>li>a:hover {color:#fff !important; background:#2b58b6 !important;} .nav.side-menu>li>a:hover, .nav>li>a:focus {text-decoration:none; background:transparent;} .nav.child_menu {display:none; background:#fff;} .nav.child_menu li:hover, .nav.child_menu li.active {background-color:#96a2b9;} .nav.child_menu li:hover > a, .nav.child_menu li.active > a {color:#fff;} /* .nav.child_menu li:hover a, .nav.child_menu li.active a {color:#fff;} */ .nav.child_menu li {padding-left:27px; transition:0.2s;} .nav-md ul.nav.child_menu li {border-right:1px solid #d9d9d9;} .nav-md ul.nav.child_menu li:before {background:#d9d9d9; bottom:auto; content:""; height:4px; left:23px; top:17px; position:absolute; right:auto; width:4px; z-index:1; border-radius:50%;} .nav-md ul.nav.child_menu li:after {/* border-left:1px solid #e5e6e6; bottom:0; content:""; left:27px; position:absolute; top:0; */} .nav-md ul.nav.child_menu li:last-child::after {bottom:50%;} .nav.side-menu>li>a {color:#ffffff; font-weight:500;} .nav.side-menu>li>a.menuOpen>i{width:30px;} .nav.child_menu>li>a {color:#666; font-weight:500;} .nav.child_menu li li:hover, .nav.child_menu li li.active {background:#96a2b9;} /* .nav.child_menu li li > a:hover, .nav.child_menu li li > a.active {color:#2ac6f4;} */ .nav>li>a {position:relative; display:block; padding:14px 20px; transition:0.2s;} .nav.side-menu>li.current-page, .nav.side-menu>li.active {} .nav li.current-page {background:rgba(255, 255, 255, 0.05);} .nav li li li.current-page {background:none;} .nav li li.current-page a {color:#fff;} .nav.side-menu>li.active>a {color:#fff; background:#2b58b6;} .navbar-brand, .navbar-nav>li>a {font-weight:500; color:#ECF0F1 !important; margin-left:0 !important; line-height:32px;} .site_title {text-overflow:ellipsis; overflow:hidden; font-weight:400; font-size:22px; width:100%; color:#ECF0F1 !important; line-height:59px; display:block; height:55px; margin:0 !important; padding-left:10px;} .site_title:hover, .site_title:focus {text-decoration:none;} .nav.navbar-nav>li>a {color:#3b3f42 !important;} .nav.top_menu>li>a {position:relative; display:block; padding:10px 15px; /* color:#34495E !important; */} .nav>li>a:hover, .nav>li>a:focus {background-color:transparent;} .top_search {padding:0;} .top_search .form-control {border-right:0; box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.075); border-radius:25px 0 0 25px; padding-left:20px; border:1px solid rgba(221, 226, 232, 0.49);} .top_search .form-control:focus {border:1px solid rgba(221, 226, 232, 0.49); border-right:0;} .top_search .input-group-btn button {border-radius:0 25px 25px 0; border:1px solid rgba(221, 226, 232, 0.49); border-left:0; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); color:#93A2B2; margin-bottom:0 !important;} #inp_connSeq, #inp_metaDataNm, #inp_tableCnt, #ta_description{margin-bottom:10px;} .btn-primary{text-align:center;} .toggle {position:absolute; top:0; left:0; float:left; margin:0; padding-top:18px; padding-left:14px; padding-bottom:15px; width:55px; height:60px; background-color:#003775; z-index:10000;} .toggle a {margin:0; cursor:pointer;} .toggle a i {font-size:26px; color:#fff; transition:0.2s;} .toggle a i:hover {color:#a3d7f7;} .nav.child_menu>li>a {font-size:13px; padding:9px;} .panel_toolbox {float:right; min-width:25px;} .panel_toolbox>li {float:left; cursor:pointer;} .panel_toolbox>li>a {padding:5px; color:#C5C7CB; font-size:12px;} .main_menu_side {padding:0;} .bs-docs-sidebar .nav>li>a {display:block; padding:4px 6px;} footer {background:#fff; color:#737373; padding:15px 20px; display:block; font-size:12px; height:49px; border-top:1px solid transparent; box-sizing:border-box; display:none; text-align:right; line-height:20px;} .nav-sm footer {margin-left:55px;} .footer_fixed footer {position:fixed; left:0; bottom:0; width:100%;} .tile-stats.sparkline {padding:10px; text-align:center;} .jqstooltip {background:#34495E !important; width:30px !important; height:22px !important; text-decoration:none;} /* .tooltip {display:block !important;} */ .tiles {border-top:1px solid #ccc; margin-top:15px; padding-top:5px; margin-bottom:0;} .tile {overflow:hidden;} .top_tiles {margin-bottom:0;} .top_tiles .tile h2 {font-size:30px; line-height:30px; margin:3px 0 7px; font-weight:700;} article.media {width:100%;} #integration-list {width:100%; margin:0 auto; display:table;} #integration-list ul {padding:0; margin:20px 0; color:#555;} #integration-list ul>li {list-style:none; border-top:1px solid #ddd; display:block; padding:15px; overflow:hidden;} #integration-list ul:last-child {border-bottom:1px solid #ddd;} #integration-list ul>li:hover {background:#efefef;} .expand {display:block; text-decoration:none; color:#555; cursor:pointer;} .expand h2 {width:85%; float:left;} h2 {font-size:15px; font-weight:400;} #left, #right {display:table;} #sup {display:table-cell; vertical-align:middle; width:80%;} .detail {margin:10px 0; display:none; line-height:22px; height:150px;} .detail a {text-decoration:none; color:#C0392B; border:1px solid #C0392B; padding:6px 10px 5px; font-size:13px; margin-right:7px;} .detail span {margin:0;} .right-arrow {width:10px; float:right; font-weight:700; font-size:20px;} .accordion .panel {margin-bottom:5px; border-radius:0; border-bottom:1px solid #efefef;} .accordion .panel-heading {background:#F2F5F7; padding:13px; width:100%; display:block;} .accordion .panel:hover {background:#F2F5F7;} /* ********** bootstrap ********** */ .col-md-55, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {position:relative; min-height:1px; float:left; padding-right:5px; padding-left:5px;} .row {margin-right:-10px; margin-left:-10px;} .grid_slider .col-md-6 {padding:0 40px;} .x_panel {position:relative; width:100%; margin-bottom:15px; padding:10px 17px; display:inline-block; background:#fff; border:1px solid #e1e1e1; border-radius:5px; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; column-break-inside:avoid; opacity:1; transition:all .2s ease; box-shadow:3px 3px 10px rgba(0,0,0,0.07);} .x_panel:hover {box-shadow:0 8px 15px rgba(0, 0, 0, 0.12);} .cdrs_container .x_panel:last-child, .right_col > .row > .x_panel:last-child, .right_col > .row > .col-xs-12 > .x_panel:last-child {margin-bottom:0;} .x_title {border-bottom:2px solid #d9d9d9; padding:1px 5px 6px; margin-bottom:10px;} .x_title .filter {width:40%; float:right;} .x_title h2 {margin:9px 0 6px; float:left; display:block; text-overflow:ellipsis; white-space:nowrap; font-weight:700; font-size:14px; color:#4b5f71;} .x_title h2 small {margin-left:10px; font-size:66%;} .x_title span {color:#BDBDBD;} .x_content {padding:0 5px 6px; position:relative; width:100%; float:left; clear:both; margin-bottom:5px; height:calc(100% - 50px); overflow:hidden;} .x_content.echarts.bar, .x_content.echarts.line, .x_content.echarts.gauge, .x_content.echarts.scatter, .x_content.echarts.funnel, .x_content.echarts.heatmap {height:calc(100% - 45px);} .x_content h4 {font-size:16px; font-weight:500;} legend {padding-bottom:7px;} .demo-placeholder {height:280px;} .profile_details:nth-child(3n) {clear:both;} .profile_details .profile_view {display:inline-block; padding:10px 0 0; background:#fff;} .profile_details .profile_view .divider {border-top:1px solid #e5e5e5; padding-top:5px; margin-top:5px;} .profile_details .profile_view .ratings {margin-bottom:0;} .profile_details .profile_view .bottom {background:#F2F5F7; padding:9px 0; border-top:1px solid #E6E9ED;} .profile_details .profile_view .left {margin-top:20px;} .profile_details .profile_view .left p {margin-bottom:3px;} .profile_details .profile_view .right {margin-top:0; padding:10px;} .profile_details .profile_view .img-circle {border:1px solid #E6E9ED; padding:2px;} .profile_details .profile_view h2 {margin:5px 0;} .profile_details .profile_view .ratings {text-align:left; font-size:16px;} .profile_details .profile_view .brief {margin:0; font-weight:300;} .profile_details .profile_left {background:#fff;} .pagination.pagination-split li {display:inline-block; margin-right:3px;} .pagination.pagination-split li a {border-radius:4px; color:#768399; -moz-border-radius:4px; -webkit-border-radius:4px;} table.tile h3, table.tile h4, table.tile span {font-weight:700; vertical-align:middle !important;} table.tile th, table.tile td {text-align:center;} table.tile th {border-bottom:1px solid #E6ECEE;} table.tile td {padding:5px 0;} table.tile td ul {text-align:left; padding-left:0;} table.tile td ul li {list-style:none; width:100%;} table.tile td ul li a {width:100%;} table.tile td ul li a big {right:0; float:right; margin-right:13px;} table.tile_info {width:100%;} table.tile_info td {text-align:left; padding:1px; font-size:15px;} table.tile_info td p {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0; line-height:28px;} table.tile_info td i {margin-right:8px; font-size:17px; float:left; width:18px; line-height:28px;} table.tile_info td:first-child {width:83%;} .sidebar-widget {overflow:hidden;} .error-number {font-size:90px; line-height:90px; margin:20px 0;} .col-middle {margin-top:5%;} .mid_center {width:370px; margin:0 auto; text-align:center; padding:10px 20px;} h3.degrees {font-size:22px; font-weight:400; text-align:center;} .degrees:after {content:"o"; position:relative; top:-12px; font-size:13px; font-weight:300;} .daily-weather .day {font-size:12px; border-top:2px solid rgba(115, 135, 156, 0.36); text-align:center; border-bottom:2px solid rgba(115, 135, 156, 0.36); padding:5px 0;} .bulk-actions {display:none;} .weather-days .col-sm-2 {overflow:hidden; width:16.66666667%;} .weather .row {margin-bottom:0;} table.countries_list {width:100%;} table.countries_list td {padding:0 10px; line-height:30px; border-top:1px solid #eee;} .dataTables_paginate a {padding:6px 9px !important;background:#ddd !important; border-color:#fff !important;} .paging_full_numbers a.paginate_active {background-color:rgba(38, 185, 154, 0.59) !important; border-color:rgba(38, 185, 154, 0.59) !important;} button.DTTT_button, div.DTTT_button, a.DTTT_button {border:1px solid #E7E7E7 !important; background:#E7E7E7 !important; box-shadow:none !important;} table.jambo_table {border:1px solid rgba(221, 221, 221, 0.78);} table.jambo_table thead {background:rgba(52, 73, 94, 0.94); color:#ECF0F1;} table.jambo_table tbody tr:hover td {background:rgba(38, 185, 154, 0.07); border-top:1px solid rgba(38, 185, 154, 0.11); border-bottom:1px solid rgba(38, 185, 154, 0.11);} table.jambo_table tbody tr.selected {background:rgba(38, 185, 154, 0.16);} table.jambo_table tbody tr.selected td {border-top:1px solid rgba(38, 185, 154, 0.4); border-bottom:1px solid rgba(38, 185, 154, 0.4);} .dataTables_wrapper {position:relative; clear:both; zoom:1;} .dataTables_processing {position:absolute; top:50%; left:50%; width:250px; height:30px; margin-left:-125px; margin-top:-15px; padding:14px 0 2px; border:1px solid #ddd; text-align:center; color:#999; font-size:12px; background-color:#fff;} .dataTables_length {width:40%; float:left;} .dataTables_filter {width:50%; float:right; text-align:right;} .dataTables_info {width:60%; float:left;} .dataTables_paginate {float:right; text-align:right;} table.dataTable th.focus, table.dataTable td.focus {outline:2px solid #1ABB9C !important; outline-offset:-1px;} table.display {margin:0 auto; clear:both; width:100%;} table.display thead th {padding:8px 18px 8px 10px; border-bottom:1px solid #000; font-weight:700; cursor:pointer;} table.display tfoot th {padding:3px 18px 3px 10px; border-top:1px solid #000; font-weight:700;} table.display tr.heading2 td {border-bottom:1px solid #aaa;} table.display td {padding:3px 10px;} table.display td.center {text-align:center;} table.display thead th:active, table.display thead td:active {outline:none;} .dataTables_scroll {clear:both;} .dataTables_scrollBody {*margin-top:-1px; -webkit-overflow-scrolling:touch;} .top .dataTables_info {float:none;} .dataTables_empty {text-align:center;} tfoot input {margin:.5em 0; width:100%; color:#444;} tfoot input.search_init {color:#999;} td.group {background-color:#d1cfd0; border-bottom:2px solid #A19B9E; border-top:2px solid #A19B9E;} td.details {background-color:#d1cfd0; border:2px solid #A19B9E;} .example_alt_pagination div.dataTables_info {width:40%;} .paging_full_numbers {width:400px; height:22px; line-height:22px;} .paging_full_numbers a:active {outline:none;} .paging_full_numbers a:hover {text-decoration:none;} .paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active {border:1px solid #aaa; -webkit-border-radius:5px; -moz-border-radius:5px; padding:2px 5px; margin:0 3px; cursor:pointer;} .paging_full_numbers a.paginate_button {background-color:#ddd;} .paging_full_numbers a.paginate_button:hover {background-color:#ccc; text-decoration:none !important;} .paging_full_numbers a.paginate_active {background-color:#99B3FF;} table.display tr.even.row_selected td {background-color:#B0BED9;} table.display tr.odd.row_selected td {background-color:#9FAFD1;} div.box {height:100px; padding:10px; overflow:auto; border:1px solid #8080FF; background-color:#E5E5FF;} ul.msg_list li {background:#f7f7f7; padding:5px; display:-ms-flexbox; display:flex; margin:6px 6px 0; width:96% !important;} ul.msg_list li:last-child {margin-bottom:6px; padding:10px;} ul.msg_list li a {padding:3px 5px !important;} ul.msg_list li a .image img {border-radius:2px 2px 2px 2px; -webkit-border-radius:2px 2px 2px 2px; float:left; margin-right:10px; width:11%;} ul.msg_list li a .time {font-size:11px; font-style:italic; font-weight:700; position:absolute; right:35px;} ul.msg_list li a .message {display:block !important; font-size:11px;} .dropdown-menu.msg_list span {white-space:normal;} .dropdown-menu {border:medium none; box-shadow:none; display:none; float:left; font-size:12px; left:0; list-style:none outside none; padding:0; position:absolute; text-shadow:none; top:100%; z-index:9998; border:1px solid #d9d9d9; border-top-left-radius:0; border-top-right-radius:0;} .dropdown-menu>li>a {color:#3b3f42;} .navbar-nav .open .dropdown-menu {position:absolute; background:#fff; margin-top:0; border-right-color:#ccc; border-right-style:solid; border-bottom-color:#ccc; border-bottom-style:solid; border-left-color:#ccc; border-left-style:solid; border-image-source:initial; border-image-slice:initial; border-image-width:initial; border-image-outset:initial; border-image-repeat:initial; -webkit-box-shadow:none; right:0; left:auto; width:220px; border-width:0 1px 1px; box-shadow:0px 6px 9px rgba(0,0,0,.2);} .navbar-nav .open .dropdown-menu.msg_list {width:300px;} .info-number .badge {font-size:10px; font-weight:400; line-height:13px; padding:2px 6px; position:absolute; right:2px; top:8px;} ul.to_do {padding:0;} ul.to_do li {background:#f3f3f3; border-radius:3px; position:relative; padding:7px; margin-bottom:5px; list-style:none;} ul.to_do p {margin:0;} .dashboard-widget {background:#f6f6f6; border-top:5px solid #79C3DF; border-radius:3px; padding:5px 10px 10px;} .dashboard-widget .dashboard-widget-title {font-weight:400; border-bottom:1px solid #c1cdcd; margin:0 0 10px; padding-bottom:5px; padding-left:40px; line-height:30px;} .dashboard-widget .dashboard-widget-title i {font-size:100%; margin-left:-35px; margin-right:10px; color:#33a1c9; padding:3px 6px; border:1px solid #abd9ea; border-radius:5px; background:#fff;} ul.quick-list {width:45%; padding-left:0; display:inline-block;} ul.quick-list li {padding-left:10px; list-style:none; margin:0; padding-bottom:6px; padding-top:4px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} ul.quick-list li i {padding-right:10px; color:#757679;} .dashboard-widget-content {padding-top:9px;} .dashboard-widget-content .sidebar-widget {width:50%; display:inline-block; vertical-align:top; background:#fff; border:1px solid #abd9ea; border-radius:5px; text-align:center; float:right; padding:2px; margin-top:10px;} .widget_summary {width:100%; display:-ms-inline-flexbox; display:inline-flex;} .widget_summary .w_left {float:left; text-align:left;} .widget_summary .w_center {float:left;} .widget_summary .w_right {float:left; text-align:right;} .widget_summary .w_right span {font-size:20px;} h5.graph_title {text-align:left; margin-left:10px;} h5.graph_title i {margin-right:10px; font-size:17px;} span.right {float:right; font-size:12px !important;} .tile_info a {text-overflow:ellipsis;} .sidebar-footer {bottom:0; clear:both; display:block; padding:5px 0 0; position:fixed; width:230px; background:#2A3F54; z-index:999;} .sidebar-footer a {padding:7px 0 3px; text-align:center; width:25%; font-size:17px; display:block; float:left; background:#172D44; cursor:pointer;} .sidebar-footer a:hover {background:#425567;} .tile_count {margin-bottom:20px; margin-top:20px;} .tile_count .tile_stats_count {border-bottom:1px solid #D9DEE4; padding:0 10px 10px 90px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; position:relative;} .tile_count .tile_stats_count:before {content:""; position:absolute; left:0; height:65px; border-left:2px solid #ADB2B5; margin-top:10px;} .tile_count .tile_stats_count .count {font-size:35px; line-height:47px; font-weight:600;} .tile_count .tile_stats_count span {font-size:12px;} .tile_count .tile_stats_count .count_bottom i {width:12px;} .dashboard_graph {background:#fff; padding:10px 17px; border:1px solid #d9d9d9; border-radius:5px; margin-bottom:10px; position:relative; width:100%; display:inline-block; border:1px solid #d9d9d9; border-radius:5px; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; column-break-inside:avoid; opacity:1; transition:all .2s ease;} .dashboard_graph .col-md-9, .dashboard_graph .col-md-3 {padding:0;} a.user-profile {color:#5E6974 !important;} .user-profile img {width:29px; height:29px; border-radius:50%; margin-right:10px;} ul.top_profiles {height:330px; width:100%;} ul.top_profiles li {margin:0; padding:3px 5px;} ul.top_profiles li:nth-child(odd) {background-color:#eee;} .media .profile_thumb {border:1px solid; width:50px; height:50px; margin:5px 10px 5px 0; border-radius:50%; padding:9px 12px;} .media .profile_thumb i {font-size:30px;} .media .date {background:#ccc; width:52px; margin-right:10px; border-radius:10px; padding:5px;} .media .date .month {margin:0; text-align:center; color:#fff;} .media .date .day {text-align:center; color:#fff; font-size:27px; margin:0; line-height:27px; font-weight:700;} .event .media-body a.title {font-weight:700;} .event .media-body p {margin-bottom:0;} h4.graph_title {margin:7px; text-align:center;} .fontawesome-icon-list .fa-hover a {display:block; line-height:50px; height:50px; padding-left:10px; border-radius:4px; font-size:14px; overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis;} .fontawesome-icon-list .fa-hover a i {width:32px; line-height:50px; font-size:20px; display:inline-block; text-align:right; margin-right:10px; vertical-align:middle;} .fontawesome-icon-list .fa-hover a:hover {background-color:#003875; color:#fff; text-decoration:none;} .fontawesome-icon-list .fa-hover a:hover i {font-size:30px;} .main_menu .fa {width:26px; opacity:.99; display:inline-block; /* font-family:FontAwesome; font-style:normal; font-weight:400; */ font-size:18px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;} .tile-stats {position:relative; display:block; margin-bottom:12px; border:1px solid #E4E4E4; -webkit-border-radius:5px; overflow:hidden; padding-bottom:5px; -webkit-background-clip:padding-box; -moz-border-radius:5px; -moz-background-clip:padding; border-radius:5px; background-clip:padding-box; background:#FFF; transition:all 300ms ease-in-out;} .tile-stats:hover .icon i {animation-name:transformAnimation; animation-duration:.5s; animation-iteration-count:1; color:rgba(58, 58, 58, 0.41); animation-timing-function:ease; animation-fill-mode:forwards; -webkit-animation-name:transformAnimation; -webkit-animation-duration:.5s; -webkit-animation-iteration-count:1; -webkit-animation-timing-function:ease; -webkit-animation-fill-mode:forwards; -moz-animation-name:transformAnimation; -moz-animation-duration:.5s; -moz-animation-iteration-count:1; -moz-animation-timing-function:ease; -moz-animation-fill-mode:forwards;} .tile-stats .icon {width:20px; height:20px; color:#BAB8B8; position:absolute; right:53px; top:22px; z-index:1;} .tile-stats .icon i {margin:0; font-size:60px; line-height:0; vertical-align:bottom; padding:0;} .tile-stats .count {font-size:20px; font-weight:700; line-height:1.65857;} .tile-stats .count, .tile-stats h3, .tile-stats p {position:relative; margin:0; margin-left:10px; z-index:5; padding:0;} .tile-stats h3 {color:#BAB8B8;} .tile-stats p {margin-top:5px; font-size:12px;} .tile-stats>.dash-box-footer {position:relative; text-align:center; margin-top:5px; padding:3px 0; color:#fff; color:rgba(255, 255, 255, 0.8); display:block; z-index:10; background:rgba(0, 0, 0, 0.1); text-decoration:none;} .tile-stats>.dash-box-footer:hover {color:#fff; background:rgba(0, 0, 0, 0.15); color:#fff; background:rgba(0, 0, 0, 0.15);} table.tile_info {padding:10px 15px;} table.tile_info span.right {margin-right:0; float:right; position:absolute; right:4%;} .tile:hover {text-decoration:none;} .tile_header {border-bottom:transparent; padding:7px 15px; margin-bottom:15px; background:#E7E7E7;} .tile_head h4 {margin-top:0; margin-bottom:5px;} .tiles-bottom {padding:5px 10px; margin-top:10px; background:rgba(194, 194, 194, 0.3); text-align:left;} a.star {color:#428bca !important;} .mail_content {background:none repeat scroll 0 0 #FFF; border-radius:4px; margin-top:20px; min-height:500px; padding:10px 11px; width:100%;} .list-btn-mail {margin-bottom:15px;} .list-btn-mail.active {border-bottom:1px solid #39B3D7; padding:0 0 14px;} .list-btn-mail>i {float:left; font-size:18px; font-style:normal; width:33px;} .list-btn-mail>.cn {background:none repeat scroll 0 0 #39B3D7; border-radius:12px; color:#FFF; float:right; font-style:normal; padding:0 5px;} .button-mail {margin:0 0 15px !important; text-align:left; width:100%;} button, .buttons, .btn, .modal-footer .btn+.btn {margin-right:5px; font-size:12px; padding:5px 12px;} .btn-group-vertical .btn, .btn-group .btn {margin-bottom:0; margin-right:0;} .mail_list_column {border-left:1px solid #DBDBDB;} .mail_view {border-left:1px solid #DBDBDB;} .mail_list {width:100%; border-bottom:1px solid #DBDBDB; margin-bottom:2px; display:inline-block;} .mail_list .left {width:5%; float:left; margin-right:3%;} .mail_list .right {width:90%; float:left;} .mail_list h3 {font-size:15px; font-weight:700; margin:0 0 6px;} .mail_list h3 small {float:right; color:#ADABAB; font-size:11px; line-height:20px;} .mail_list .badge {padding:3px 6px; font-size:8px; background:#BAB7B7;} @media ( max-width :767px) { .mail_list {margin-bottom:5px; display:inline-block;} } .mail_heading h4 {font-size:18px; border-bottom:1px solid #ddd; padding-bottom:10px; margin-top:20px;} .attachment {margin-top:30px;} .attachment ul {width:100%; list-style:none; padding-left:0; display:inline-block; margin-bottom:30px;} .attachment ul li {float:left; width:150px; margin-right:10px; margin-bottom:10px;} .attachment ul li img {height:150px; border:1px solid #ddd; padding:5px; margin-bottom:10px;} .attachment ul li span {float:right;} .attachment .file-name {float:left;} .attachment .links {width:100%; display:inline-block;} .compose {padding:0; position:fixed; bottom:0; right:0; background:#fff; border:1px solid #D9DEE4; border-right:0; border-bottom:0; border-top-left-radius:5px; z-index:9999; display:none;} .compose .compose-header {padding:5px; background:#169F85; color:#fff; border-top-left-radius:5px;} .compose .compose-header .close {text-shadow:0 1px 0 #fff; line-height:.8;} .compose .compose-body .editor.btn-toolbar {margin:0;} .compose .compose-body .editor-wrapper {height:100%; min-height:50px; max-height:180px; border-radius:0; border-left:none; border-right:none; overflow:auto;} .compose .compose-footer {padding:10px;} .editor.btn-toolbar {zoom:1; background:#F7F7F7; margin:5px 2px; padding:3px 0; border:1px solid #EFEFEF;} .input-group {margin-bottom:10px;} .ln_solid {border-top:1px solid #e5e5e5; color:#fff; background-color:#fff; height:1px; margin:20px 0;} span.section {display:block; width:100%; padding:0; margin-bottom:20px; font-size:21px; line-height:inherit; color:#333; border:0; border-bottom:1px solid #e5e5e5;} .no-border {border-radius:0; border:none; border:0; height:30px; padding:3px 12px;} legend {font-size:18px; color:inherit;} .form-control {border-radius:0; width:100%; font-size:12px; height:30px; background-color:#fdfdfd; padding:3px 12px;} .form-horizontal .control-label {padding-top:5px; padding-right:10px;} .form-horizontal .control-label-left {padding-top:7px; margin-bottom:0; text-align:left;} .form-control:focus {border-color:#CCD0D7; box-shadow:none !important;} .form-horizontal .form-group {margin-right:0; margin-left:0;} .form-control-feedback {margin-top:3px; height:24px; color:#bfbfbf; line-height:24px; font-size:15px;} .form-control-feedback.left {border-right:1px solid #ccc; left:6px;} .form-control-feedback.right {border-left:1px solid #ccc; right:13px; margin-right:-9px; font-size:15px !important;} .form-control.has-feedback-left {padding-left:45px;} .form-control.has-feedback-right {padding-right:45px;} .form-group {margin-bottom:10px;} .validate {margin-top:10px;} .invalid-form-error-message {margin-top:10px; padding:5px;} .invalid-form-error-message.filled {border-left:2px solid #E74C3C;} p.parsley-success {color:#468847; background-color:#DFF0D8; border:1px solid #D6E9C6;} p.parsley-error {color:#B94A48; background-color:#F2DEDE; border:1px solid #EED3D7;} ul.parsley-errors-list {list-style:none; color:#E74C3C; padding-left:0;} input.parsley-error, textarea.parsley-error, select.parsley-error {background:#FAEDEC; border:1px solid #E85445;} .btn-group .parsley-errors-list {display:none;} .bad input, .bad select, .bad textarea {border:1px solid #CE5454; box-shadow:0 0 4px -2px #CE5454; position:relative; left:0; -moz-animation:.7s 1 shake linear; -webkit-animation:.7s 1 shake linear;} .item input, .item textarea {transition:.42s;} .item .alert {float:left; margin:0 0 0 20px; padding:3px 10px; color:#FFF; border-radius:3px 4px 4px 3px; background-color:#CE5454; max-width:170px; white-space:pre; position:relative; left:-15px; opacity:0; z-index:1; transition:.15s ease-out;} .item .alert::after {content:''; display:block; height:0; width:0; border-color:transparent #CE5454 transparent transparent; border-style:solid; border-width:11px 7px; position:absolute; left:-13px; top:1px;} .item.bad .alert {left:0; opacity:1;} .inl-bl {display:inline-block;} .well .markup {background:#fff; color:#354f63; position:relative; padding:45px 15px 15px; margin:15px 0 0; background-color:#fff; border-radius:0 0 4px 4px; box-shadow:none;} .well .markup::after {content:"Example"; position:absolute; top:15px; left:15px; font-size:12px; font-weight:700; color:#bbb; text-transform:uppercase; letter-spacing:1px;} .autocomplete-suggestions {border:1px solid #e4e4e4; background:#F4F4F4; cursor:default; overflow:auto;} .autocomplete-suggestion {padding:2px 5px; font-size:1.2em; white-space:nowrap; overflow:hidden;} .autocomplete-selected {background:#f0f0f0;} .autocomplete-suggestions strong {font-weight:400; color:#39f; font-weight:bolder;} .btn {border-radius:3px;} a.btn-success, a.btn-primary, a.btn-warning, a.btn-danger {color:#fff;} .btn-success {background:#26B99A; border:1px solid #169F85;} .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {background:#169F85;} .btn-dark {color:#E9EDEF; background-color:#4B5F71; border-color:#364B5F;} .btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark {color:#FFF; background-color:#394D5F; border-color:#394D5F;} .btn-round {border-radius:30px;} .btn.btn-app {position:relative; padding:15px 5px; margin:0 0 10px 10px; min-width:80px; height:60px; box-shadow:none; border-radius:0; text-align:center; color:#666; border:1px solid #ddd; background-color:#fafafa; font-size:12px;} .btn.btn-app>.fa, .btn.btn-app>.glyphicon, .btn.btn-app>.ion {font-size:20px; display:block;} .btn.btn-app:hover {background:#f4f4f4; color:#444; border-color:#aaa;} .btn.btn-app:active, .btn.btn-app:focus {box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);} .btn.btn-app>.badge {position:absolute; top:-3px; right:-10px; font-size:10px; font-weight:400;} textarea {padding:10px; vertical-align:top; width:200px;} textarea:focus {outline-style:solid; outline-width:2px;} .btn_ {display:inline-block; padding:3px 9px; margin-bottom:0; font-size:12px; line-height:20px; text-align:center; vertical-align:middle; cursor:pointer; color:#333; text-shadow:0 1px 1px rgba(255, 255, 255, 0.75); background-color:#f5f5f5; background-image:linear-gradient(to bottom, #fff, #e6e6e6); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color:#e6e6e6 #e6e6e6 #bfbfbf; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); border:1px solid #ccc; border-bottom-color:#b3b3b3; border-radius:4px; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);} .bs-glyphicons {margin:0 -10px 20px; overflow:hidden;} .bs-glyphicons-list {padding-left:0; list-style:none;} .bs-glyphicons li {float:left; width:25%; height:115px; padding:10px; font-size:10px; line-height:1.4; text-align:center; background-color:#f9f9f9; border:1px solid #fff;} .bs-glyphicons .glyphicon {margin-top:5px; margin-bottom:10px; font-size:24px;} .bs-glyphicons .glyphicon-class {display:block; text-align:center; word-wrap:break-word;} .bs-glyphicons li:hover {color:#fff; background-color:#1ABB9C;} .tagsinput {border:1px solid #CCC; background:#FFF; padding:6px 6px 0; width:300px; overflow-y:auto;} span.tag {-moz-border-radius:2px; -webkit-border-radius:2px; display:block; float:left; padding:5px 9px; text-decoration:none; background:#1ABB9C; color:#F1F6F7; margin-right:5px; font-weight:500; margin-bottom:5px;} span.tag a {color:#F1F6F7 !important;} .tagsinput span.tag a {font-weight:700; color:#82ad2b; text-decoration:none; font-size:11px;} .tagsinput input {width:80px; margin:0; font-size:13px; border:1px solid transparent; padding:3px; background:transparent; color:#000; outline:0;} .tagsinput div {display:block; float:left;} .tags_clear {clear:both; width:100%; height:0;} .tag {line-height:1; background:#1ABB9C; color:#fff !important;} /* .tag:after {content:" "; height:30px; width:0; position:absolute; left:100%; top:0; margin:0; pointer-events:none; border-top:14px solid transparent; border-bottom:14px solid transparent; border-left:11px solid #1ABB9C;} */ .not_valid {background:#FBD8DB !important; color:#90111A !important;} ul.bar_tabs {overflow:visible; background:#F5F7FA; height:25px; margin:21px 0 14px; padding-left:14px; position:relative; z-index:1; width:100%; border-bottom:1px solid #E6E9ED;} ul.bar_tabs>li {border:1px solid #E6E9ED; color:#333 !important; margin-top:-17px; margin-left:8px; background:#fff; border-bottom:none; border-radius:4px 4px 0 0;} ul.bar_tabs>li.active {border-right:6px solid #D3D6DA; border-top:0; margin-top:-15px;} ul.bar_tabs>li a {padding:10px 17px; background:#F5F7FA; margin:0; border-top-right-radius:0;} ul.bar_tabs>li a:hover {border:1px solid transparent;} ul.bar_tabs>li.active a {border-bottom:none;} ul.bar_tabs.right {padding-right:14px;} ul.bar_tabs.right li {float:right;} a:focus {outline:none;} ul.timeline li {position:relative; border-bottom:1px solid #e8e8e8; clear:both;} .timeline .block {margin:0; border-left:3px solid #e8e8e8; overflow:visible; padding:10px 15px; margin-left:105px;} .timeline.widget {min-width:0; max-width:inherit;} .timeline.widget .block {margin-left:5px;} .timeline .tags {position:absolute; top:15px; left:0; width:84px;} .timeline .tag {display:block; height:30px; font-size:13px; padding:8px;} .timeline .tag span {display:block; overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis;} .timeline h2.title {position:relative; font-size:16px; margin:0;} .timeline h2.title:before {content:""; position:absolute; left:-23px; top:3px; display:block; width:14px; height:14px; border:3px solid #d2d3d2; border-radius:14px; background:#f9f9f9;} .timeline .byline {padding:.25em 0;} .byline {-webkit-font-smoothing:antialiased; font-style:italic; font-size:.9375em; line-height:1.3; color:#aab6aa;} ul.social li {border:0;} .social-sidebar, .social-body {float:right;} .social-sidebar {background:#EDEDED; width:22%;} .social-body {border:1px solid #ccc; width:78%;} .thumb img {width:50px; height:50px; border-radius:50%;} .chat .thumb img {width:27px; height:27px; border-radius:50%;} .chat .status {float:left; margin:16px 0 0 -16px; font-size:12px; font-weight:700; width:12px; height:12px; display:block; border:2px solid #FFF; z-index:9999; border-radius:50%;} .chat .status.online {background:#1ABB9C;} .chat .status.away {background:#F39C12;} .chat .status.offline {background:#ccc;} .chat .media-body {padding-top:5px;} .dashboard_graph .x_title {padding:5px 5px 7px;} .dashboard_graph .x_title h3 {margin:0; font-weight:400;} .tableBox{ padding:0px 20px; } .chart {position:relative; display:inline-block; width:110px; height:110px; margin-top:5px; margin-bottom:5px; text-align:center;} .chart canvas {position:absolute; top:0; left:0;} .percent {display:inline-block; line-height:110px; z-index:2; font-size:18px;} .percent:after {content:'%'; margin-left:.1em; font-size:.8em;} .angular {margin-top:100px;} .angular .chart {margin-top:0;} .widget {min-width:250px; max-width:310px;} .widget_tally_box .btn-group button {text-align:center; color:inherit; font-weight:500; background-color:#f5f5f5; border:1px solid #e7e7e7;} ul.widget_tally, ul.widget_tally li {width:100%;} ul.widget_tally li {padding:2px 10px; border-bottom:1px solid #ECECEC; padding-bottom:4px;} ul.widget_tally .month {width:70%; float:left;} ul.widget_tally .count {width:30%; float:left; text-align:right;} .pie_bg {border-bottom:1px solid rgba(101, 204, 182, 0.16); padding-bottom:15px; border-radius:4px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); padding-bottom:10px; box-shadow:0 4px 6px -6px #222;} .widget_tally_box .flex {display:-ms-flexbox; display:flex;} ul.widget_profile_box {width:100%; height:42px; padding:3px; background:#ececec; margin-top:40px; margin-left:1px;} ul.widget_profile_box li:first-child {width:25%; float:left;} ul.widget_profile_box li:first-child a {float:left;} ul.widget_profile_box li:last-child {width:25%; float:right;} ul.widget_profile_box li:last-child a {float:right;} ul.widget_profile_box li a {font-size:22px; text-align:center; width:35px; height:35px; border:1px solid rgba(52, 73, 94, 0.44); display:block; border-radius:50%; padding:0;} ul.widget_profile_box li a:hover {color:#1ABB9C !important; border:1px solid #26b99a;} ul.widget_profile_box li .profile_img {width:75px; height:75px; margin:0; margin-top:-28px;} .widget_tally_box p, .widget_tally_box span {text-align:center;} .widget_tally_box .name {text-align:center; margin:25px;} .widget_tally_box .name_title {text-align:center; margin:5px;} .widget_tally_box ul.legend {margin:0;} .widget_tally_box ul.legend p, .widget_tally_box ul.legend span {text-align:left;} .widget_tally_box ul.legend li .icon {font-size:20px; float:left; width:14px;} .widget_tally_box ul.legend li .name {font-size:12px; margin:5px 0 0 14px; text-overflow:ellipsis; float:left;} .widget_tally_box ul.legend p {display:inline-block; margin:0;} .widget_tally_box ul.verticle_bars li {height:140px; width:23%;} .widget .verticle_bars li .progress.vertical.progress_wide {width:65%;} ul.count2 {width:100%; margin-left:1px; border:1px solid #ddd; border-left:0; border-right:0; padding:10px 0;} ul.count2 li {width:30%; text-align:center;} ul.count2 li h3 {font-weight:400; margin:0;} ul.count2 li span {font-weight:300;} .divider {border-bottom:1px solid #ddd; margin:10px;} .divider-dashed {border-top:1px dashed #e7eaec; background-color:#fff; height:1px; margin:10px 0;} ul.messages {padding:0; list-style:none;} ul.messages li, .tasks li {border-bottom:1px dotted #e6e6e6; padding:8px 0;} ul.messages li img.avatar, img.avatar {height:32px; width:32px; float:left; display:inline-block; border-radius:2px; padding:2px; background:#f7f7f7; border:1px solid #e6e6e6;} ul.messages li .message_date {float:right; text-align:right;} ul.messages li .message_wrapper {margin-left:50px; margin-right:40px;} ul.messages li .message_wrapper h4.heading {font-weight:600; margin:0; cursor:pointer; margin-bottom:10px; line-height:100%;} ul.messages li .message_wrapper blockquote {padding:0 10px; margin:0; border-left:5px solid #eee;} ul.user_data li {margin-bottom:6px;} ul.user_data li p {margin-bottom:0;} ul.user_data li .progress {width:90%;} .project_progress .progress {margin-bottom:3px !important; margin-top:5px;} .projects .list-inline {margin:0;} .profile_title {background:#F5F7FA; border:0; padding:7px 0; display:-ms-flexbox; display:flex;} ul.stats-overview {border-bottom:1px solid #e8e8e8; padding-bottom:10px; margin-bottom:10px;} ul.stats-overview li {display:inline-block; text-align:center; padding:0 15px; width:30%; font-size:12px; border-right:1px solid #e8e8e8;} ul.stats-overview li:last-child {border-right:0;} ul.stats-overview li .name {font-size:12px;} ul.stats-overview li .value {font-size:12px; font-weight:700; display:block;} ul.stats-overview li:first-child {padding-left:0;} ul.project_files li {margin-bottom:5px;} ul.project_files li a i {width:20px;} .project_detail p {margin-bottom:10px;} .project_detail p.title {font-weight:700; margin-bottom:0;} .avatar img {border-radius:50%; max-width:45px;} .pricing {background:#fff;} .pricing .title {background:#1ABB9C; height:110px; color:#fff; padding:15px 0 0; text-align:center;} .pricing .title h1 {font-size:30px;margin:12px;} .pricing .title h2 {text-transform:capitalize; font-size:18px; border-radius:5px 5px 0 0; margin:0; font-weight:400;} .pricing .title span {background:rgba(51, 51, 51, 0.28); padding:2px 5px;} .pricing_features {background:#FAFAFA; padding:20px 15px; min-height:230px; font-size:13.5px;} .pricing_features ul li {margin-top:10px;} .pricing_footer {padding:10px 15px; background-color:#f5f5f5; border-top:1px solid #ddd; text-align:center; border-bottom-right-radius:3px; border-bottom-left-radius:3px;} .pricing_footer p {font-size:13px; padding:10px 0 2px; display:block;} .ui-ribbon-container {position:relative;} .ui-ribbon-container .ui-ribbon-wrapper {position:absolute; overflow:hidden; width:80px; height:88px; top:-3px; right:-3px;} .ui-ribbon-container.ui-ribbon-primary .ui-ribbon {background-color:#5b90bf;} .ui-ribbon-container .ui-ribbon {position:relative; display:block; text-align:center; font-size:15px; font-weight:700; color:#fff; transform:rotate(45deg); padding:7px 0; left:-5px; top:15px; width:120px; line-height:20px; background-color:#555; box-shadow:0 0 3px rgba(0, 0, 0, 0.3);} .ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after, .ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before {border-top:2px solid #5b90bf;} .ui-ribbon-container .ui-ribbon:before {left:0; bottom:-1px; right:0;} .ui-ribbon-container .ui-ribbon:after, .ui-ribbon-container .ui-ribbon:before {position:absolute; content:" "; line-height:0; border-top:2px solid #555; border-left:2px solid transparent; border-right:2px solid transparent;} .thumbnail .image {height:132px; overflow:hidden;} .caption {padding:9px 5px; background:#F7F7F7; height:56px;} .caption p {margin-bottom:5px;} .thumbnail {height:190px; overflow:hidden; padding:0;} .mask.no-caption .tools {margin:90px 0 0;} .view {overflow:hidden; position:relative; text-align:center; cursor:default;} .view .mask, .view .content {position:absolute; width:100%; overflow:hidden; top:0; left:0;} .view img {display:block; position:relative;} .view .tools {text-transform:uppercase; color:#fff; text-align:center; position:relative; font-size:17px; padding:3px; background:rgba(0, 0, 0, 0.35);} .view .tools a {display:inline-block; color:#FFF; font-size:18px; font-weight:400; padding:0 4px;} .view p {font-size:12px; position:relative; color:#fff; padding:10px 20px 20px; text-align:left;} .view a.info {display:inline-block; text-decoration:none; padding:7px 14px; background:#000; color:#fff; text-transform:uppercase; box-shadow:0 0 1px #000;} .view-first img {transition:all .2s linear;} .view-first .mask {opacity:0; background-color:rgba(0, 0, 0, 0.5); transition:all .4s ease-in-out; height:100%;} .view-first .tools {transform:translateY(-100px); opacity:0; transition:all .2s ease-in-out; min-height:30px;} .view-first p {transform:translateY(100px); opacity:0; transition:all .2s linear;} .view-first:hover img {transform:scale(1.1);} .view-first:hover .mask {opacity:1;} .view-first:hover .tools, .view-first:hover p {opacity:1; transform:translateY(0px);} .view-first:hover p {transition-delay:.1s;} .form-group.has-feedback span {display:block !important;} .input-group-btn .btn {margin-bottom:0;} .tabs-left, .tabs-right {border-bottom:none; padding-top:2px;} .tabs-left {border-right:1px solid #F7F7F7;} .tabs-right {border-left:1px solid #F7F7F7;} .tabs-left>li, .tabs-right>li {float:none; margin-bottom:2px;} .tabs-left>li {margin-right:-1px;} .tabs-right>li {margin-left:-1px;} .tabs-left>li.active>a, .tabs-left>li.active>a:hover, .tabs-left>li.active>a:focus {border-bottom-color:#F7F7F7; border-right-color:transparent;} .tabs-right>li.active>a, .tabs-right>li.active>a:hover, .tabs-right>li.active>a:focus {border-bottom:1px solid #F7F7F7; border-left-color:transparent;} .tabs-left>li>a {border-radius:4px 0 0 4px; margin-right:0; display:block; background:#F7F7F7; text-overflow:ellipsis; overflow:hidden;} .tabs-right>li>a {border-radius:0 4px 4px 0; margin-right:0; background:#F7F7F7; text-overflow:ellipsis; overflow:hidden;} .sideways {margin-top:50px; border:none; position:relative;} .sideways>li {height:20px; width:120px; margin-bottom:100px;} .sideways>li>a {border-bottom:1px solid #ddd; border-right-color:transparent; text-align:center; border-radius:4px 4px 0 0;} .sideways>li.active>a, .sideways>li.active>a:hover, .sideways>li.active>a:focus {border-bottom-color:transparent; border-right-color:#ddd; border-left-color:#ddd;} .sideways.tabs-left {left:-50px;} .sideways.tabs-right {right:-50px;} .sideways.tabs-right>li {transform:rotate(90deg);} .sideways.tabs-left>li {transform:rotate(-90deg);} .morris-hover {position:absolute; z-index:1000;} .morris-hover.morris-default-style {padding:6px; color:#666; background:rgba(243, 242, 243, 0.8); border:solid 2px rgba(195, 194, 196, 0.8); font-size:12px; text-align:center;} .morris-hover.morris-default-style .morris-hover-row-label {font-weight:700; margin:.25em 0;} .morris-hover.morris-default-style .morris-hover-point {white-space:nowrap; margin:.1em 0;} .price {font-size:40px; font-weight:400; color:#26B99A; margin:0;} .price-tax {font-size:18px;} .prod_title {border-bottom:1px solid #DFDFDF; padding-bottom:5px; margin:30px 0; font-size:20px; font-weight:400;} .product-image img {width:90%;} .prod_color li {margin:0 10px;} .prod_color li p {margin-bottom:0;} .prod_size li {padding:0;} .prod_color .color {width:25px; height:25px; border:2px solid rgba(51, 51, 51, 0.28) !important; padding:2px; border-radius:50px;} .product_gallery a {width:100px; height:100px; float:left; margin:10px; border:1px solid #e5e5e5;} .product_gallery a img {width:100%; margin-top:15px;} .product_price {margin:20px 0; padding:5px 10px; background-color:#FFF; text-align:left; border:2px dashed #E0E0E0;} .product_social {margin:20px 0;} .product_social ul li a i {font-size:35px;} .animate {-webkit-animation-duration:.5s; -webkit-animation-timing-function:ease; -webkit-animation-fill-mode:both; -moz-animation-duration:.5s; -moz-animation-timing-function:ease; -moz-animation-fill-mode:both; -o-animation-duration:.5s; -o-animation-timing-function:ease; -o-animation-fill-mode:both; -ms-animation-duration:.5s; -ms-animation-timing-function:ease; -ms-animation-fill-mode:both; animation-duration:.5s; animation-timing-function:ease; animation-fill-mode:both;} .left {float:left;} .alignleft {float:left; margin-right:15px;} .alignright {float:right; margin-left:15px;} .clearfix:after, form:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .reset_pass {margin-top:10px !important;} .button {background:#f7f9fa; background:linear-gradient(top, #f7f9fa 0%, #f0f0f0 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f9fa', endColorstr='#f0f0f0', GradientType=0); -ms-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset; -o-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset; border-radius:0 0 5px 5px; border-top:1px solid #CFD5D9; padding:15px 0;} .button a {background:url(/images/multiFile/upload.png) 0 -112px no-repeat; color:#7E7E7E; font-size:17px; padding:2px 0 2px 40px; text-decoration:none; transition:all .3s ease;} .button a:hover {background-position:0 -135px; color:#00aeef;} .voiceBtn {width:20px; color:transparent; background-color:transparent; transform:scale(2, 2); -webkit-transform:scale(2, 2); -moz-transform:scale(2, 2); border:transparent; cursor:pointer; box-shadow:none; -webkit-box-shadow:none;} .separator {border-top:1px solid #D8D8D8; margin-top:10px; padding-top:10px;} /* Login Page */ .login {background:#F7F7F7;} .login .fa-paw {font-size:26px;} a.hiddenanchor {display:none;} .login_wrapper {right:0; margin:0 auto; margin-top:5%; max-width:350px; position:relative;} .registration_form, .login_form {position:absolute; top:0; width:100%;} .registration_form {z-index:21; opacity:0; width:100%;} .login_form {z-index:22;} #signup:target ~ .login_wrapper .registration_form, #signin:target ~ .login_wrapper .login_form {z-index:22; animation-name:fadeInLeft; animation-delay:.1s;} #signup:target ~ .login_wrapper .login_form, #signin:target ~ .login_wrapper .registration_form {animation-name:fadeOutLeft;} .login_box {padding:20px; margin:auto;} .login_content {margin:0 auto; padding:25px 0 0; position:relative; text-align:center; text-shadow:0 1px 0 #fff; min-width:280px;} .login_content a, .login_content .btn-default:hover {text-decoration:none;} .login_content a:hover {text-decoration:underline;} .login_content h1 {font:normal 25px Helvetica, Arial, sans-serif; letter-spacing:-.05em; line-height:20px; margin:10px 0 30px;} .login_content h1:before, .login_content h1:after {content:""; height:1px; position:absolute; top:10px; width:27%;} .login_content h1:after {background:#7e7e7e; background:linear-gradient(left, #7e7e7e 0%, #fff 100%); right:0;} .login_content h1:before {background:#7e7e7e; background:linear-gradient(right, #7e7e7e 0%, #fff 100%); left:0;} .login_content h1:before, .login_content h1:after {content:""; height:1px; position:absolute; top:10px; width:20%;} .login_content h1:after {background:#7e7e7e; background:linear-gradient(left, #7e7e7e 0%, #fff 100%); right:0;} .login_content h1:before {background:#7e7e7e; background:linear-gradient(right, #7e7e7e 0%, #fff 100%); left:0;} .login_content form {margin:20px 0; position:relative;} .login_content form input[type="text"], .login_content form input[type="email"], .login_content form input[type="password"] { border-radius:3px; -ms-box-shadow:0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset; -o-box-shadow:0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset; box-shadow:0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset; border:1px solid #c8c8c8; color:#354f63; margin:0 0 20px; width:100%;} .login_content form input[type="text"]:focus, .login_content form input[type="email"]:focus, .login_content form input[type="password"]:focus { -ms-box-shadow:0 0 2px #ed1c24 inset; -o-box-shadow:0 0 2px #ed1c24 inset; box-shadow:0 0 2px #A97AAD inset; background-color:#fff; border:1px solid #A878AF; outline:none;} #username {background-position:10px 10px !important;} #password {background-position:10px -53px !important;} .login_content form div a {font-size:12px; margin:10px 15px 0 0;} .login_content div .reset_pass {margin-top:13px !important; margin-right:39px; float:right;} .login_content form input[type="submit"], #content form .submit {float:left; margin-left:38px;} header {width:100%;} #nprogress .bar {background:#337ab7;} #nprogress .peg {box-shadow:0 0 10px #1ABB9C, 0 0 5px #1ABB9C;} #nprogress .spinner-icon {border-top-color:#1ABB9C; border-left-color:#1ABB9C;} .editor-wrapper {min-height:250px; background-color:#fff; border-collapse:separate; border:1px solid #ccc; padding:4px; box-sizing:content-box; box-shadow:rgba(0, 0, 0, 0.07451) 0 1px 1px 0 inset; border-top-right-radius:3px; border-bottom-right-radius:3px; border-bottom-left-radius:3px; border-top-left-radius:3px; overflow:scroll; outline:none;} div[data-role="editor-toolbar"] {-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;} .dropdown-menu a {cursor:pointer;} .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple { background-color:#fff; border:1px solid #ccc; border-radius:0; min-height:30px; border-radius:4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color:#354f63; /* padding-top:2px; */ line-height:26px; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding-top:3px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height:28px; } .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__clear { margin-top:2px; border:none; /* border-radius:0; */ padding:3px 8px 3px 8px; background-color:#669fd0; color:#ffffff; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color:#eeeeee; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color:#fff; cursor:pointer; display:inline-block; font-weight:bold; margin-right:2px; } .select2-container--default.select2-container--focus .select2-selection--multiple { border:1px solid #ccc } .switchery {width:32px; height:20px;} .switchery>small {width:20px; height:20px;} fieldset {border:none; margin:0; padding:0;} .cropper .img-container, .cropper .img-preview {background-color:#f7f7f7; width:100%; text-align:center;} .cropper .img-container {min-height:200px; max-height:516px; margin-bottom:20px;} .cropper .img-container>img {max-width:100%;} .cropper .docs-preview {margin-right:-15px;} .cropper .img-preview {float:left; margin-right:10px; margin-bottom:10px; overflow:hidden;} .cropper .img-preview>img {max-width:100%;} .cropper .preview-lg {width:263px; height:148px;} .cropper .preview-md {width:139px; height:78px;} .cropper .preview-sm {width:69px; height:39px;} .cropper .preview-xs {width:35px; height:20px; margin-right:0;} .cropper .docs-data>.input-group {margin-bottom:10px;} .cropper .docs-data>.input-group>label {min-width:80px;} .cropper .docs-data>.input-group>span {min-width:50px;} .cropper .docs-buttons>.btn, .cropper .docs-buttons>.btn-group, .cropper .docs-buttons>.form-control {margin-right:5px; margin-bottom:10px;} .cropper .docs-toggles>.btn, .cropper .docs-toggles>.btn-group, .cropper .docs-toggles>.dropdown {margin-bottom:10px;} .cropper .docs-tooltip {display:block; margin:-6px -12px; padding:6px 12px;} .cropper .docs-tooltip>.icon {margin:0 -3px; vertical-align:top;} .cropper .tooltip-inner {white-space:normal;} .cropper .btn-upload .tooltip-inner, .cropper .btn-toggle .tooltip-inner {white-space:nowrap;} .cropper .btn-toggle {padding:6px;} .cropper .btn-toggle>.docs-tooltip {margin:-6px; padding:6px;} .cropper .docs-options .dropdown-menu {width:100%;} .cropper .docs-options .dropdown-menu>li {padding:3px 20px;} .cropper .docs-options .dropdown-menu>li:hover {background-color:#f7f7f7;} .cropper .docs-options .dropdown-menu>li>label {display:block;} .cropper .docs-cropped .modal-body {text-align:center;} .cropper .docs-cropped .modal-body>img, .cropper .docs-cropped .modal-body>canvas {max-width:100%;} .cropper .docs-diagram .modal-dialog {max-width:352px;} .cropper .docs-cropped canvas {max-width:100%;} @media ( max-width :400px) { .cropper .btn-group-crop {margin-right:-15px !important;} .cropper .btn-group-crop>.btn {padding-left:5px; padding-right:5px;} .cropper .btn-group-crop .docs-tooltip {margin-left:-5px; margin-right:-5px; padding-left:5px; padding-right:5px;} } .actionBar {width:100%; border-top:1px solid #ddd; padding:10px 5px; text-align:right; margin-top:10px;} .actionBar .buttonDisabled {cursor:not-allowed; pointer-events:none; opacity:.65; filter:alpha(opacity = 65); box-shadow:none;} .actionBar a {margin:0 3px;} .form_wizard .stepContainer {display:block; position:relative; margin:0; padding:0; border:0 solid #CCC; overflow-x:hidden;} .wizard_horizontal ul.wizard_steps {display:table; list-style:none; position:relative; width:100%; margin:0 0 20px;} .wizard_horizontal ul.wizard_steps li {display:table-cell;text-align:center;} .wizard_horizontal ul.wizard_steps li a, .wizard_horizontal ul.wizard_steps li:hover {display:block; position:relative; -moz-opacity:1; filter:alpha(opacity = 100); opacity:1; color:#666;} .wizard_horizontal ul.wizard_steps li a:before {content:""; position:absolute; height:4px; background:#ccc; top:20px; width:100%; z-index:4; left:0;} .wizard_horizontal ul.wizard_steps li a.disabled .step_no {background:#ccc;} .wizard_horizontal ul.wizard_steps li a .step_no {width:40px; height:40px; line-height:40px; border-radius:100px; display:block; margin:0 auto 5px; font-size:16px; text-align:center; position:relative; z-index:5;} .wizard_horizontal ul.wizard_steps li a.selected:before, .step_no {background:#34495E; color:#fff;} .wizard_horizontal ul.wizard_steps li a.done:before, .wizard_horizontal ul.wizard_steps li a.done .step_no {background:#4894c3; color:#fff;} .wizard_horizontal ul.wizard_steps li:first-child a:before {left:50%;} .wizard_horizontal ul.wizard_steps li:last-child a:before {right:50%; width:50%; left:auto;} .wizard_verticle .stepContainer {width:80%; float:left; padding:0 10px;} .wizard_verticle .wizard_content {width:80%; float:left; padding-left:20px;} .wizard_verticle ul.wizard_steps {display:table; list-style:none; position:relative; width:20%; float:left; margin:0 0 20px;} .wizard_verticle ul.wizard_steps li {display:list-item; text-align:center;} .wizard_verticle ul.wizard_steps li a {height:80px;} .wizard_verticle ul.wizard_steps li a:first-child {margin-top:20px;} .wizard_verticle ul.wizard_steps li a, .wizard_verticle ul.wizard_steps li:hover {display:block; position:relative; -moz-opacity:1; filter:alpha(opacity = 100); opacity:1; color:#666;} .wizard_verticle ul.wizard_steps li a:before {content:""; position:absolute; height:100%; background:#ccc; top:20px; width:4px; z-index:4; left:49%;} .wizard_verticle ul.wizard_steps li a.disabled .step_no {background:#ccc;} .wizard_verticle ul.wizard_steps li a .step_no {width:40px; height:40px; line-height:40px; border-radius:100px; display:block; margin:0 auto 5px; font-size:16px; text-align:center; position:relative; z-index:5;} .wizard_verticle ul.wizard_steps li a.selected:before, .step_no {background:#354f63; color:#fff;} .wizard_verticle ul.wizard_steps li a.done:before, .wizard_verticle ul.wizard_steps li a.done .step_no {background:#1ABB9C; color:#fff;} .wizard_verticle ul.wizard_steps li:first-child a:before {left:49%;} .wizard_verticle ul.wizard_steps li:last-child a:before {left:49%; left:auto; width:0;} .form_wizard .loader {display:none;} .form_wizard .msgBox {display:none;} .dashboard_graph p {margin:0 0 4px;} ul.verticle_bars {width:100%;} ul.verticle_bars li {width:23%; height:200px; margin:0;} .progress {border-radius:0;} .progress-bar-info {background-color:#3498DB;} .progress-bar-success {background-color:#26B99A;} .progress_summary .progress {margin:5px 0 12px !important;} .progress_summary .row {margin-bottom:5px;} .progress_summary .row .col-xs-2 {padding:0;} .progress_summary .more_info span {text-align:right; float:right;} .progress_summary .data span {text-align:right; float:right;} .progress_summary p {margin-bottom:3px; width:100%;} .progress_title .left {float:left; text-align:left;} .progress_title .right {float:right; text-align:right; font-weight:300;} .progress.progress_sm {border-radius:0; margin-bottom:18px; height:10px !important;} .progress.progress_sm .progress-bar {height:10px !important;} .progress.vertical.progress_wide {width:35px;} .alert-success {color:#fff; background-color:rgba(38, 185, 154, 0.88); border-color:rgba(38, 185, 154, 0.88);} .alert-info {color:#E9EDEF; background-color:rgba(52, 152, 219, 0.88); border-color:rgba(52, 152, 219, 0.88);} .alert-warning {color:#E9EDEF; background-color:rgba(243, 156, 18, 0.88); border-color:rgba(243, 156, 18, 0.88);} .alert-danger, .alert-error {color:#E9EDEF; background-color:rgba(231, 76, 60, 0.88); border-color:rgba(231, 76, 60, 0.88);} .ui-pnotify.dark .ui-pnotify-container {color:#E9EDEF; background-color:rgba(52, 73, 94, 0.88); border-color:rgba(52, 73, 94, 0.88);} .custom-notifications {position:fixed; margin:15px; right:0; float:right; width:400px; z-index:9999; bottom:0;} ul.notifications {float:right; display:block; margin-bottom:7px; padding:0; width:100%;} .notifications li {float:right; margin:3px; width:36px; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.3);} .notifications li:last-child {margin-left:0;} .notifications a {display:block; text-align:center; text-decoration:none; text-transform:uppercase; padding:9px 8px;} .tabbed_notifications .text {padding:5px 15px; height:140px; border-radius:7px; box-shadow:6px 6px 6px rgba(0, 0, 0, 0.3);} .tabbed_notifications div p {display:inline-block;} .tabbed_notifications h2 {font-weight:700; text-transform:uppercase; width:80%; float:left; height:20px; text-overflow:ellipsis; overflow:hidden; display:block;} .tabbed_notifications .close {padding:5px; color:#E9EDEF; float:right; opacity:1;} .fc-state-default {background:#f5f5f5; color:#354f63;} .fc-state-down, .fc-state-active {color:#333; background:#ccc;} .dropzone {min-height:300px;border:1px solid #e5e5e5;} .main_menu .label {line-height:11px; margin-top:4px;} @media ( max-width :460px) { .dataTables_wrapper .col-sm-6 {width:100%; margin-bottom:5px;} .dataTables_wrapper .col-sm-6 .dataTables_filter {float:none;} } @media ( max-width :767px) { .dataTables_length {float:none;} } .daterangepicker.xdisplay {width:228px;} .dataTables_wrapper>.row {overflow:auto !important;} .setting-open.grid-widget-box {transition:right .3s; right:0; z-index:9999;} .grid-widget-box {transition:right .3s; text-transform:uppercase; border-radius:3px; background-color:#e8e8e8; position:fixed; top:130px; right:-700px; padding:14px 14px 24px; z-index:9999; width:700px; box-shadow:0 2px 7px rgba(91, 107, 123, 0.72);} .btn.widget_show_hide {width:54px; height:50px; line-height:50px; display:block; font-size:27px; border-width:1px; border-style:solid; border-right:0; border-radius:0; border-bottom-left-radius:3px; border-top-left-radius:3px; text-align:center; position:absolute; left:-55px; top:25px; z-index:55; padding:0; color:#fff; background:#5b6b7b;} .btn.grid-btn-app {position:relative; padding-top:12px; margin:0 0 10px 10px; min-width:105px; height:130px; box-shadow:none; border-radius:0; text-align:center; color:#fff; background-color:rgba(42, 63, 84, 0.72); font-size:12px; border-radius:4px; width:105px; font-weight:700;} .btn.grid-btn-app:hover {background:#f4f4f4; color:rgba(42, 63, 84, 0.72); border-color:#fff;} .btn.grid-btn-app2 {position:relative; padding-top:12px; margin:0 0 10px 10px; min-width:105px; height:130px; box-shadow:none; border-radius:0; text-align:center; color:#fff; background-color:rgba(42, 63, 84, 0.72); font-size:12px; border-radius:4px; width:105px; font-weight:700;} .btn.grid-btn-app>.fa, .btn.grid-btn-app>.glyphicon, .grid-btn-app>.ion {font-size:20px; display:block;} .modal {position:fixed; top:0; right:0; bottom:0; left:0; z-index:9999; display:none; overflow:hidden; -webkit-overflow-scrolling:touch; outline:0;} .modal-dialog.modal-fullsize {width:100%; height:100%; margin:0; padding:20px;} .modal-content.modal-fullsize {height:auto; min-height:100%; border-radius:0; border-radius:4px;} .wrap_layer {height:100%; left:0; position:fixed; top:0; width:100%; z-index:10001; background-color:rgba(0, 0, 0, .2);} .layerType {position:absolute;} .layerIn {overflow:hidden; position:relative;} .layerIn .layerTop {height:30px; line-height:30px; border-bottom:none; padding-top:4px;} .layerTop .close {float:right; font-size:17px; font-weight:700; line-height:1; color:#969696; opacity:.9; margin-right:8px; margin-top:2px;} .layerTop h5 {padding:0 10px; color:#fff; background-color:#25436c; padding-left:33px; font-size:16px;} .layerTop h4 {color:#fff; padding:0 10px; font-size:12px;} .layerType .layerTop .btnClose {position:absolute; top:15px; right:22px; width:25px; height:22px; cursor:pointer; z-index:1103;} .layerCon {background:#fff;} .layerCon .lineBox2 {font-size:11px; border:solid 1px #e2e2e2; overflow:hidden; padding:5px 2%;} .layerCon .lineBox2 ul li {float:left; width:24%;} .layerCon .btnArea {text-align:center; clear:both; overflow:hidden; padding:10px;} .layerCon .listDialog {border-collapse:collapse; width:100%; border-top:solid 2px #af8be4; border-right:solid 1px #e2e2e2; font-size:11px;} .layerCon .listDialog th {padding:2px 0; background:#f9f9f9; text-align:center; border-bottom:solid 1px #e2e2e2; border-left:solid 1px #e2e2e2; color:#656565;} .layerCon .listDialog td {padding:2px 5px; border-bottom:solid 1px #e2e2e2; border-left:solid 1px #e2e2e2; text-align:center;} .layerCon .listDialog td.left {text-align:left;} .layerCon .msg {padding:10px; display:table; height:calc(100% - 54px); width:100%; color:#4b5f71;} .layerCon .msg .p {display:table-cell; vertical-align:middle; text-align:center; font-weight:700; font-size:12px; width:100%;} .layerCon .popContents {padding:10px; border-top:none; overflow-x:hidden;} .layerCon .popContentsXscroll {padding:18px 17px; border:solid 3px #000; border-top:none; overflow-x:auto; overflow-y:auto;} .layerCon .popContents .contents {overflow:hidden; display:block; width:100%; height:100%; padding:4px; margin-bottom:20px; line-height:1.42857143; background-color:#fff; border:1px solid #ddd; border-radius:4px; -webkit-transition:border .2s ease-in-out; -o-transition:border .2s ease-in-out; transition:border .2s ease-in-out;} .layerCon .popContents .x_title_pop {padding:1px 5px 6px; margin-bottom:10px;} .layerCon .popContents .x_title_pop .title {display:inline-block; padding:6px 12px; margin-bottom:0; font-size:12px; font-weight:400; line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-image:none; border:1px solid transparent; border-radius:4px; width:100%; border-radius:3px; color:#0b2f4e; background-color:#edf3f7;} .layerCon .popContents .x_content_pop {padding:0 5px 6px; position:relative; width:100%; float:left; clear:both; margin-bottom:5px; height:calc(100% - 50px);} .modal-content .ui-resizable-se { background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K); background-repeat:no-repeat; background-position:center; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); cursor:se-resize; width:20px; height:20px; right:0; bottom:0; position:absolute;} .divH10 {width:100%; height:10px; float:left;} .divH20 {width:100%; height:20px; float:left;} .f-left {float:left;} .f-right {float:right;} input[type="text"].fileName {max-width:150px;} .fileSearch {display:block;} .fileHolder {position:relative; min-width:300px; padding:0 70px 0 0;} .fileControl {position:absolute; top:0; right:0; width:65px;} .fileControl input[type="file"].fileMulti {position:absolute; width:0; height:0; padding:0; margin:0; overflow:hidden; border:0 none;} .fileControl label.fileBtn {display:inline-block; width:80px; max-width:none; margin-left:2px; padding:3px 10px; background:#1ABB9C; border-radius:3px; font-size:.95em; font-weight:400; color:#F1F6F7; text-align:center; line-height:normal; white-space:nowrap; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .fileControl label.fileBtn:hover {background:#16ab8e;} .filesBox {min-width:200px; min-height:50px; padding:5px 10px; border:1px solid #d3d3d3; background:#fafafa; text-align:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .filesBox a.MultiFile-remove {display:inline-block; overflow:hidden; width:13px; height:13px; background:url(/images/multiFile/btn_del.png) no-repeat center center; text-indent:-999px; vertical-align:middle; cursor:pointer; position:absolute; right:70px; top:0px;} .filesBox div.MultiFile-label {padding-bottom:5px;} .filesBox>ul {list-style:none; padding-left:0; margin:0;} .filesBox>ul>li {padding-top:0px; display:inline-block; margin-right:15px;} .initEnOnly {-webkit-ime-mode:disable; -moz-ime-mode:disable; -ms-ime-mode:disable; ime-mode:disable;} .initEn {-webkit-ime-mode:inactive; -moz-ime-mode:inactive; -ms-ime-mode:inactive; ime-mode:inactive;} .initKo {-webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active;} .misoToastGrid1 {background-color:#00ACC1 !important; color:#000 !important; font-weight:700 !important;} .misoToastGrid2 {background-color:#00BCD4 !important; color:#000 !important; font-weight:700 !important;} .misoToastGrid3 {background-color:#26C6DA !important; color:#000 !important; font-weight:700 !important;} .misoToastGrid4 {background-color:#4DD0E1 !important; color:#000 !important; font-weight:700 !important;} .misoToastGrid5 {background-color:#80DEEA !important; color:#000 !important; font-weight:700 !important;} .misoToastGrid6 {background-color:#B2EBF2 !important; color:#000 !important; font-weight:700 !important;} .misoToastGrid7 {background-color:#E0F7FA !important; color:#000 !important; font-weight:700 !important;} .misoToastGrid8 {background-color:#E0F2F1 !important; color:#000 !important; font-weight:700 !important;} .misoToastGrid9 {background-color:#E8F5E9 !important; color:#000 !important; font-weight:700 !important;} .misoToastGrid10 {background-color:#F1F8E9 !important; color:#000 !important; font-weight:700 !important;} .misoToastGrid11 {background-color:#FFF8E1 !important; color:#000 !important; font-weight:700 !important;} .misoToastGrid12 {background-color:#FFECB3 !important; color:#000 !important; font-weight:700 !important;} .misoToastGrid13 {background-color:#FFE082 !important; color:#000 !important; font-weight:700 !important;} .misoToastGrid14 {background-color:#FFD54F !important; color:#000 !important; font-weight:700 !important;} .misoToastGrid15 {background-color:#FFCA28 !important; color:#000 !important; font-weight:700 !important;} .misoToastGrid16 {background-color:#FFC107 !important; color:#000 !important; font-weight:700 !important;} .misoToastGrid17 {background-color:#FFB300 !important; color:#000 !important; font-weight:700 !important;} .misoToastGrid18 {background-color:#FFA000 !important; color:#000 !important; font-weight:700 !important;} .misoToastGrid19 {background-color:#FF8F00 !important; color:#000 !important; font-weight:700 !important;} .misoToastGrid20 {background-color:#FF6F00 !important; color:#000 !important; font-weight:700 !important;} .misoToastGrid_red {color:red !important; font-weight:700 !important;} .misoToastGrid_blue {color:#00F !important; font-weight:700 !important;} .misoToastGrid_white {color:#FFF !important;} .misoToastGrid_arrow_up_blue {background:url(/images/grid/grid-arrow-up-blue.png) no-repeat center center;} .misoToastGrid_new_red {background:url(/images/grid/grid-new-red.png) no-repeat center center;} .misoToastGrid_arrow_down_blue {background:url(/images/grid/grid-arrow-down-blue.png) no-repeat center center;} .misoToastGrid_arrow_up_red {background:url(/images/grid/grid-arrow-up-red.png) no-repeat center center;} h4#full_modal_label {font-size:14px;} .input-group-addon {padding:4px 12px 6px; font-size:14px; font-weight:400; line-height:1; color:#555; text-align:center; background-color:#eee; border:1px solid #ccc; border-radius:4px;} .grid-stack-item-content.x_panel.dark {background-color:#505050; color:#eee;} .grid-stack-item-content.x_panel.dark * input {background-color:#505050;} .grid-stack-item-content.x_panel.vintage {background-color:#fef8ef;} .grid-stack-item-content.x_panel.vintage * input {background-color:#fef8ef;} .modal-content.modal-fullsize.dark {background-color:#505050; color:#eee;} .modal-content.modal-fullsize.dark>div>button.close {color:#fff; opacity:.8;} .modal-content.modal-fullsize.vintage {background-color:#fef8ef;} .nowrap-overflow {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .radio label, .checkbox label {padding-left:0; /* padding-right:10px; */} .contrastColorBox {width:40px; float:left; margin-right:5px;} .contrastColorBox span {border:0; border-radius:0; line-height:1.3; padding-bottom:10px;} /*====================================== common ========================================*/ /* ********** Chrome Scroll Style ********** */ ::-webkit-scrollbar {width:8px; height:8px;} /* width */ ::-webkit-scrollbar-track {background:rgba(255,255,255,0.7);} /* Track */ ::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); border-radius:4px;} /* Handle */ ::-webkit-scrollbar-thumb:hover {background:rgba(0,0,0,0.5);} /* Handle on hover */ /* ********** Basic setting ********** */ /* Button */ .btn {padding:6px 12px 5px 12px; margin-right:5px; -webkit-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; transition:all 0.2s linear 0s;} .btn i {margin-right:5px;} button:last-child, .buttons:last-child, .btn:last-child, .modal-footer .btn+.btn:last-child {margin-right:0;} .btn.btn-20 {line-height:11px; font-size:11px; padding:4px 7px 4px 7px;} .btn.btn-25 {line-height:11px; font-size:11px; padding:6px 7px 6px 7px;} .btn.btn-28 {line-height:13px; font-size:13px; padding:6px 7px 6px 7px;} .btn.btn-36 {line-height:13px; font-size:13px; padding:11px 13px 11px 13px;} .btn.btn-circle {line-height:16px; font-size:13px; padding:9px 12px 9px 12px; border-radius:50%;} /* button_color */ .btn.btn-white {background:#ffffff; border-color:#cdcdcd; color:#555555;} .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white {background:#f8f8f8; border-color:#b1b1b1;} .btn.btn-blue {background:#2c71b1; border-color:#2c71b1; color:#ffffff;} .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue {background:#286090; border-color:#122b40;} .btn.btn-deepblue {background:#364c85; border-color:#4666af; color:#ffffff;} .btn-deepblue:hover, .btn-deepblue:focus, .btn-deepblue:active, .btn-deepblue.active, .open .dropdown-toggle.btn-deepblue {background:#4666af; border-color:#38569a;} .btn.btn-skyblue {background:#5bc0de; border-color:#3cabcc; color:#ffffff;} .btn-skyblue:hover, .btn-skyblue:focus, .btn-skyblue:active, .btn-skyblue.active, .open .dropdown-toggle.btn-skyblue {background:#3cabcc; border-color:#1b6d85;} .btn.btn-green {background:#5cb85c; border-color:#4cae4c; color:#ffffff;} .btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green {background:#449d44; border-color:#255625;} .btn.btn-cian {background:#007f8b; border-color:#006b75; color:#ffffff;} .btn-cian:hover, .btn-cian:focus, .btn-cian:active, .btn-cian.active, .open .dropdown-toggle.btn-cian {background:#006b75; border-color:#025961;} .btn.btn-orange {background:#f0ad4e; border-color:#eea236; color:#ffffff;} .btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange {background:#ec971f; border-color:#985f0d;} .btn.btn-red {background:#d9534f; border-color:#d43f3a; color:#ffffff;} .btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .open .dropdown-toggle.btn-red {background:#c9302c; border-color:#761c19;} .btn.btn-gray {background:#777777; border-color:#555555; color:#ffffff;} .btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active, .open .dropdown-toggle.btn-gray {background:#555555; border-color:#444444;} .btn.btn-dark {background:#4B5F71; border-color:#364B5F; color:#E9EDEF;} .btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark {background:#394D5F; border-color:#394D5F;} .btn.btn-purple {background:#604a7b; border-color:#4d3669; color:#ffffff;} .btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active, .open .dropdown-toggle.btn-purple {background:#4d3669; border-color:#412b5d;} .btn.btn-purple.outline {background:none; border-color:#992ee3; color:#992ee3;} .btn-purple.outline:hover, .btn-purple.outline:focus, .btn-purple.outline:active, .btn-purple.outline.active, .open .dropdown-toggle.btn-purple.outline {border-color:#ff9908;} /* button_outline */ .btn.btn-blue.outline {background:#ffffff; border-color:#2e6da4; color:#2e6da4;} .btn-blue.outline:hover, .btn-blue.outline:focus, .btn-blue.outline:active, .btn-blue.outline.active, .open .dropdown-toggle.btn-blue.outline {background:#f6f6f6; border-color:#122b40;} .btn.btn-deepblue.outline {background:#ffffff; border-color:#4666af; color:#333333;} .btn-deepblue.outline:hover, .btn-deepblue.outline:focus, .btn-deepblue.outline:active, .btn-deepblue.outline.active, .open .dropdown-toggle.btn-deepblue.outline {background:#f6f6f6; border-color:#38569a;} .btn.btn-skyblue.outline {background:#ffffff; border-color:#46b8da; color:#333333;} .btn-skyblue.outline:hover, .btn-skyblue.outline:focus, .btn-skyblue.outline:active, .btn-skyblue.outline.active, .open .dropdown-toggle.btn-skyblue.outline {background:#f6f6f6; border-color:#1b6d85;} .btn.btn-green.outline {background:#ffffff; border-color:#4cae4c; color:#255625;} .btn-green.outline:hover, .btn-green.outline:focus, .btn-green.outline:active, .btn-green.outline.active, .open .dropdown-toggle.btn-green.outline {background:#f6f6f6; border-color:#255625;} .btn.btn-cian.outline {background:#ffffff; border-color:#006b75; color:#333333;} .btn-cian.outline:hover, .btn-cian.outline:focus, .btn-cian.outline:active, .btn-cian.outline.active, .open .dropdown-toggle.btn-cian.outline {background:#f6f6f6; border-color:#025961;} .btn.btn-orange.outline {background:#ffffff; border-color:#eea236; color:#333333;} .btn-orange.outline:hover, .btn-orange.outline:focus, .btn-orange.outline:active, .btn-orange.outline.active, .open .dropdown-toggle.btn-orange.outline {background:#f6f6f6; border-color:#985f0d;} .btn.btn-red.outline {background:#ffffff; border-color:#d43f3a; color:#d43f3a;} .btn-red.outline:hover, .btn-red.outline:focus, .btn-red.outline:active, .btn-red.outline.active, .open .dropdown-toggle.btn-red.outline {background:#f6f6f6; border-color:#761c19;} .btn.btn-gray.outline {background:#ffffff; border-color:#555555; color:#333333;} .btn-gray.outline:hover, .btn-gray.outline:focus, .btn-gray.outline:active, .btn-gray.outline.active, .open .dropdown-toggle.btn-gray.outline {background:#f6f6f6; border-color:#444444;} .btn.btn-dark.outline {background:#ffffff; border-color:#364B5F; color:#333333;} .btn-dark.outline:hover, .btn-dark.outline:focus, .btn-dark.outline:active, .btn-dark.outline.active, .open .dropdown-toggle.btn-dark.outline {background:#f6f6f6; border-color:#394D5F;} .btn.bold {font-weight:bold;} /*====================================== radio ========================================*/ *, *::before, *::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;} /* bootstrap 초기화 */ .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {margin-top:0; margin-left:0px;} .radio-inline, .checkbox-inline {margin-top:0; margin-bottom:0; padding-left:0;} .radio-inline {display:inline-block; margin-right:15px;} .radio, .checkbox {margin-top:0; margin-bottom:5px;} .form-radio {position:relative} .form-radio .radio {margin-bottom:3px;} .form-radio .radio:last-child {margin-bottom:0;} .form-radio .radio-inline {margin-bottom:0; padding-top:0;} .form-radio .form-help {position:absolute; width:100%} .form-radio label {position:relative; padding-left:24px; text-align:left; color:#333; display:block; line-height:1.8; font-size:14px;} .form-radio input {width:auto; opacity:0.00000001; position:absolute; left:0} .form-radio .radio input:focus+.helper:before {outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px} .radio .helper {position:absolute; top:-2px; left:-4px; cursor:pointer; display:block; font-size:16px; color:#999} .radio .helper::after {transform:scale(0); background-color:#01a9ac; border-color:#01a9ac} .radio .helper::after, .radio .helper::before {content:''; position:absolute; left:0; top:3px; margin:4px; width:16px; height:16px; transition:transform 0.28s ease; border-radius:50%; border:2px solid #01a9ac} .radio .helper::before {background:#fff;} .radio label:hover .helper {color:#01a9ac} .radio input:checked~.helper::after {transform:scale(0.5)} .radio input:checked~.helper::before {color:#01a9ac} .radio.radiofill input:checked~.helper::after {transform:scale(1)} .radio.radiofill .helper::after {background-color:#01a9ac} .radio.radio-outline input:checked~.helper::after {transform:scale(0.6)} .radio.radio-outline .helper::after {background-color:#fff; border:3px solid #01a9ac} .radio.radio-matrial input~.helper::after {background-color:#fff} .radio.radio-matrial input:checked~.helper::after {transform:scale(0.5); box-shadow:0 1px 7px -1px rgba(0, 0, 0, 0.72)} .radio.radio-matrial input:checked~.helper::before {background-color:#01a9ac} .radio.radio-disable {opacity:0.7} .radio.radio-disable label {cursor:not-allowed} /* radio-primary */ .radio.radio-primary .helper::after {background-color:#01a9ac; border-color:#01a9ac} .radio.radio-primary .helper::before {border-color:#01a9ac} .radio.radio-blue .helper::after {background-color:#004b84; border-color:#004b84} .radio.radio-blue .helper::before {border-color:#004b84} .radio.radiofill.radio-primary .helper::after {background-color:#01a9ac; border-color:#01a9ac} .radio.radiofill.radio-primary .helper::before {border-color:#01a9ac} .radio.radio-outline.radio-primary .helper::after {background-color:#fff; border:3px solid #01a9ac} .radio.radio-outline.radio-primary .helper::before {border-color:#01a9ac} .radio.radio-matrial.radio-primary input~.helper::after {background-color:#fff; border-color:#fff} .radio.radio-matrial.radio-primary input~.helper::before {background-color:#01a9ac; border-color:#01a9ac} /* radio-warning */ .radio.radio-warning .helper::after {background-color:#fe9365; border-color:#fe9365} .radio.radio-warning .helper::before {border-color:#fe9365} .radio.radiofill.radio-warning .helper::after {background-color:#fe9365; border-color:#fe9365} .radio.radiofill.radio-warning .helper::before {border-color:#fe9365} .radio.radio-outline.radio-warning .helper::after {background-color:#fff; border:3px solid #fe9365} .radio.radio-outline.radio-warning .helper::before {border-color:#fe9365} .radio.radio-matrial.radio-warning input~.helper::after {background-color:#fff; border-color:#fff} .radio.radio-matrial.radio-warning input~.helper::before {background-color:#fe9365; border-color:#fe9365} /* radio-default */ .radio.radio-default .helper::after {background-color:#e0e0e0; border-color:#e0e0e0} .radio.radio-default .helper::before {border-color:#e0e0e0} .radio.radiofill.radio-default .helper::after {background-color:#e0e0e0; border-color:#e0e0e0} .radio.radiofill.radio-default .helper::before {border-color:#e0e0e0} .radio.radio-outline.radio-default .helper::after {background-color:#fff; border:3px solid #e0e0e0} .radio.radio-outline.radio-default .helper::before {border-color:#e0e0e0} .radio.radio-matrial.radio-default input~.helper::after {background-color:#fff; border-color:#fff} .radio.radio-matrial.radio-default input~.helper::before {background-color:#e0e0e0; border-color:#e0e0e0} /* radio-danger */ .radio.radio-danger .helper::after {background-color:#fe5d70; border-color:#fe5d70} .radio.radio-danger .helper::before {border-color:#fe5d70} .radio.radiofill.radio-danger .helper::after {background-color:#fe5d70; border-color:#fe5d70} .radio.radiofill.radio-danger .helper::before {border-color:#fe5d70} .radio.radio-outline.radio-danger .helper::after {background-color:#fff; border:3px solid #fe5d70} .radio.radio-outline.radio-danger .helper::before {border-color:#fe5d70} .radio.radio-matrial.radio-danger input~.helper::after {background-color:#fff; border-color:#fff} .radio.radio-matrial.radio-danger input~.helper::before {background-color:#fe5d70; border-color:#fe5d70} /* radio-success */ .radio.radio-success .helper::after {background-color:#0ac282; border-color:#0ac282} .radio.radio-success .helper::before {border-color:#0ac282} .radio.radiofill.radio-success .helper::after {background-color:#0ac282; border-color:#0ac282} .radio.radiofill.radio-success .helper::before {border-color:#0ac282} .radio.radio-outline.radio-success .helper::after {background-color:#fff; border:3px solid #0ac282} .radio.radio-outline.radio-success .helper::before {border-color:#0ac282} .radio.radio-matrial.radio-success input~.helper::after {background-color:#fff; border-color:#fff} .radio.radio-matrial.radio-success input~.helper::before {background-color:#0ac282; border-color:#0ac282} /* radio-inverse */ .radio.radio-inverse .helper::after {background-color:#404E67; border-color:#404E67} .radio.radio-inverse .helper::before {border-color:#404E67} .radio.radiofill.radio-inverse .helper::after {background-color:#404E67; border-color:#404E67} .radio.radiofill.radio-inverse .helper::before {border-color:#404E67} .radio.radio-outline.radio-inverse .helper::after {background-color:#fff; border:3px solid #404E67} .radio.radio-outline.radio-inverse .helper::before {border-color:#404E67} .radio.radio-matrial.radio-inverse input~.helper::after {background-color:#fff; border-color:#fff} .radio.radio-matrial.radio-inverse input~.helper::before {background-color:#404E67; border-color:#404E67} /* radio-info */ .radio.radio-info .helper::after {background-color:#2DCEE3; border-color:#2DCEE3} .radio.radio-info .helper::before {border-color:#2DCEE3} .radio.radiofill.radio-info .helper::after {background-color:#2DCEE3; border-color:#2DCEE3} .radio.radiofill.radio-info .helper::before {border-color:#2DCEE3} .radio.radio-outline.radio-info .helper::after {background-color:#fff; border:3px solid #2DCEE3} .radio.radio-outline.radio-info .helper::before {border-color:#2DCEE3} .radio.radio-matrial.radio-info input~.helper::after {background-color:#fff; border-color:#fff} .radio.radio-matrial.radio-info input~.helper::before {background-color:#2DCEE3; border-color:#2DCEE3} /* radio-purple */ .radio.radio-purple .helper::after {background-color:#6f539b; border-color:#6f539b} .radio.radio-purple .helper::before {border-color:#6f539b} .radio.radiofill.radio-purple .helper::after {background-color:#6f539b; border-color:#6f539b} .radio.radiofill.radio-purple .helper::before {border-color:#6f539b} .radio.radio-outline.radio-purple .helper::after {background-color:#fff; border:3px solid #6f539b} .radio.radio-outline.radio-purple .helper::before {border-color:#6f539b} .radio.radio-matrial.radio-purple input~.helper::after {background-color:#fff; border-color:#fff} .radio.radio-matrial.radio-purple input~.helper::before {background-color:#6f539b; border-color:#6f539b} /*====================================== check ========================================*/ .border-checkbox-section {display:inline-block;} .border-checkbox-section .border-checkbox-group {display:inline-block;} .border-checkbox-section.block-style .border-checkbox-group {display:block; max-width:100%; margin-bottom:12px;} .lib-search-area .border-checkbox-section.block-style .border-checkbox-group {max-width:188px;} .border-checkbox-section.block-style .border-checkbox-group:last-child {margin-bottom:0;} .border-checkbox-section .border-checkbox-group .border-checkbox:checked+.border-checkbox-label:after {animation:check linear 0.5s; opacity:1; border-color:#01a9ac} .border-checkbox-section .border-checkbox-group .border-checkbox:checked+.border-checkbox-label:after .border-checkbox-label:before {border-color:#eee} .border-checkbox-section .border-checkbox-group .border-checkbox-label {position:relative; display:inline-block; cursor:pointer; height:20px; line-height:20px; padding-left:27px; margin-right:15px; margin-bottom:5px; word-break:break-all; font-weight:normal;} .border-checkbox-section .border-checkbox-group .border-checkbox-label:after {content:""; display:block; width:6px; height:12px; opacity:0.9; border-right:2px solid #fff; border-top:2px solid #fff; position:absolute; left:4px; top:11px; transform:scaleX(-1) rotate(135deg); transform-origin:left top;} .border-checkbox-section .border-checkbox-group .border-checkbox-label:before {content:""; display:block; border:2px solid #01a9ac; width:20px; height:20px; position:absolute; left:0; background:#fff;} .border-checkbox-section .border-checkbox-group .border-checkbox:focus+.border-checkbox-label:before {outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px;} .border-checkbox-section .border-checkbox {display:none; opacity:0;} .border-checkbox-section .border-checkbox:disabled~.border-checkbox-label {cursor:no-drop; color:#ccc} @-webkit-keyframes check { 0% {height:0; width:0} 25% {height:0; width:6px} 50% {height:12px; width:6px} } @keyframes check { 0% {height:0; width:0} 25% {height:0; width:6px} 50% {height:12px; width:6px} } .border-checkbox-section .border-checkbox-group-primary .border-checkbox-label:before {border:2px solid #01a9ac} .border-checkbox-section .border-checkbox-group-primary .border-checkbox:checked+.border-checkbox-label:after {border-color:#01a9ac} .border-checkbox-section .border-checkbox-group-blue .border-checkbox-label:before {border:2px solid #004b84} .border-checkbox-section .border-checkbox-group-blue .border-checkbox:checked+.border-checkbox-label:after {border-color:#004b84} .border-checkbox-section .border-checkbox-group-warning .border-checkbox-label:before {border:2px solid #fe9365} .border-checkbox-section .border-checkbox-group-warning .border-checkbox:checked+.border-checkbox-label:after {border-color:#fe9365} .border-checkbox-section .border-checkbox-group-default .border-checkbox-label:before {border:2px solid #bbbbbb} .border-checkbox-section .border-checkbox-group-default .border-checkbox:checked+.border-checkbox-label:after {border-color:#999999} .border-checkbox-section .border-checkbox-group-danger .border-checkbox-label:before {border:2px solid #fe5d70} .border-checkbox-section .border-checkbox-group-danger .border-checkbox:checked+.border-checkbox-label:after {border-color:#fe5d70} .border-checkbox-section .border-checkbox-group-success .border-checkbox-label:before {border:2px solid #0ac282} .border-checkbox-section .border-checkbox-group-success .border-checkbox:checked+.border-checkbox-label:after {border-color:#0ac282} .border-checkbox-section .border-checkbox-group-inverse .border-checkbox-label:before {border:2px solid #404E67} .border-checkbox-section .border-checkbox-group-inverse .border-checkbox:checked+.border-checkbox-label:after {border-color:#404E67} .border-checkbox-section .border-checkbox-group-info .border-checkbox-label:before {border:2px solid #2DCEE3} .border-checkbox-section .border-checkbox-group-info .border-checkbox:checked+.border-checkbox-label:after {border-color:#2DCEE3} .border-checkbox-section .border-checkbox-group-purple .border-checkbox-label:before {border:2px solid #835bc0} .border-checkbox-section .border-checkbox-group-purple .border-checkbox:checked+.border-checkbox-label:after {border-color:#835bc0} .checkbox-fade, .checkbox-zoom {display:inline-block; margin-right:15px} .checkbox-fade label, .checkbox-zoom label {line-height:20px} .checkbox-fade label input[type="checkbox"], .checkbox-fade label input[type="radio"], .checkbox-zoom label input[type="checkbox"], .checkbox-zoom label input[type="radio"] {display:none} .checkbox-fade label input[type="checkbox"]:checked+.cr>.cr-icon, .checkbox-fade label input[type="radio"]:checked+.cr>.cr-icon, .checkbox-zoom label input[type="checkbox"]:checked+.cr>.cr-icon, .checkbox-zoom label input[type="radio"]:checked+.cr>.cr-icon {transform:scale(1) rotateZ(0deg); opacity:1} .checkbox-fade label input[type="checkbox"]+.cr>.cr-icon, .checkbox-fade label input[type="radio"]+.cr>.cr-icon, .checkbox-zoom label input[type="checkbox"]+.cr>.cr-icon, .checkbox-zoom label input[type="radio"]+.cr>.cr-icon {transform:scale(3) rotateZ(-20deg); opacity:0; transition:all 0.3s ease-in} .checkbox-fade label:after,.checkbox-zoom label:after {content:''; display:table; clear:both} .checkbox-fade.fade-in-disable .cr, .checkbox-fade.fade-in-disable label, .checkbox-zoom.fade-in-disable .cr, .checkbox-zoom.fade-in-disable label {color:#ccc; cursor:no-drop} .checkbox-fade .cr, .checkbox-zoom .cr {border-radius:0; border:2px solid #01a9ac; cursor:pointer; display:inline-block; float:left; height:20px; margin-right:0.5em; position:relative; width:20px} .checkbox-fade .cr .cr-icon, .checkbox-zoom .cr .cr-icon {color:#01a9ac; font-size:0.8em; left:0; line-height:0; position:absolute; right:0; text-align:center; top:50%} .checkbox-fade label {line-height:20px} .checkbox-fade label input[type="checkbox"], .checkbox-fade label input[type="radio"] {display:none} .checkbox-fade label input[type="checkbox"]:checked+.cr>.cr-icon, .checkbox-fade label input[type="radio"]:checked+.cr>.cr-icon {transform:scale(1) rotateZ(0deg); opacity:1} .checkbox-fade label input[type="checkbox"]+.cr>.cr-icon, .checkbox-fade label input[type="radio"]+.cr>.cr-icon {transform:scale(3) rotateZ(-20deg); opacity:0; transition:all 0.3s ease-in} .checkbox-zoom label {line-height:20px} .checkbox-zoom label input[type="checkbox"], .checkbox-zoom label input[type="radio"] {display:none} .checkbox-zoom label input[type="checkbox"]:checked+.cr>.cr-icon, .checkbox-zoom label input[type="radio"]:checked+.cr>.cr-icon {transform:scale3d(1, 1, 1) translate3d(0, 0, 0); opacity:1} .checkbox-zoom label input[type="checkbox"]+.cr>.cr-icon, .checkbox-zoom label input[type="radio"]+.cr>.cr-icon { transform:scale3d(0.2, 0.2, 0.1) translate3d(0, 0, 0); opacity:0; transition:all 0.3s ease-in} .checkbox-fade.fade-in-primary .cr, .checkbox-fade.zoom-primary .cr, .checkbox-zoom.fade-in-primary .cr, .checkbox-zoom.zoom-primary .cr {border:2px solid #01a9ac} .checkbox-fade.fade-in-primary .cr .cr-icon, .checkbox-fade.zoom-primary .cr .cr-icon, .checkbox-zoom.fade-in-primary .cr .cr-icon, .checkbox-zoom.zoom-primary .cr .cr-icon {color:#01a9ac} .checkbox-fade.fade-in-warning .cr, .checkbox-fade.zoom-warning .cr, .checkbox-zoom.fade-in-warning .cr, .checkbox-zoom.zoom-warning .cr {border:2px solid #fe9365} .checkbox-fade.fade-in-warning .cr .cr-icon, .checkbox-fade.zoom-warning .cr .cr-icon, .checkbox-zoom.fade-in-warning .cr .cr-icon, .checkbox-zoom.zoom-warning .cr .cr-icon {color:#fe9365} .checkbox-fade.fade-in-default .cr, .checkbox-fade.zoom-default .cr, .checkbox-zoom.fade-in-default .cr, .checkbox-zoom.zoom-default .cr {border:2px solid #e0e0e0} .checkbox-fade.fade-in-default .cr .cr-icon, .checkbox-fade.zoom-default .cr .cr-icon, .checkbox-zoom.fade-in-default .cr .cr-icon, .checkbox-zoom.zoom-default .cr .cr-icon {color:#e0e0e0} .checkbox-fade.fade-in-danger .cr, .checkbox-fade.zoom-danger .cr, .checkbox-zoom.fade-in-danger .cr, .checkbox-zoom.zoom-danger .cr {border:2px solid #fe5d70} .checkbox-fade.fade-in-danger .cr .cr-icon, .checkbox-fade.zoom-danger .cr .cr-icon, .checkbox-zoom.fade-in-danger .cr .cr-icon, .checkbox-zoom.zoom-danger .cr .cr-icon {color:#fe5d70} .checkbox-fade.fade-in-success .cr, .checkbox-fade.zoom-success .cr, .checkbox-zoom.fade-in-success .cr, .checkbox-zoom.zoom-success .cr {border:2px solid #0ac282} .checkbox-fade.fade-in-success .cr .cr-icon, .checkbox-fade.zoom-success .cr .cr-icon, .checkbox-zoom.fade-in-success .cr .cr-icon, .checkbox-zoom.zoom-success .cr .cr-icon {color:#0ac282} .checkbox-fade.fade-in-inverse .cr, .checkbox-fade.zoom-inverse .cr, .checkbox-zoom.fade-in-inverse .cr, .checkbox-zoom.zoom-inverse .cr {border:2px solid #404E67} .checkbox-fade.fade-in-inverse .cr .cr-icon, .checkbox-fade.zoom-inverse .cr .cr-icon, .checkbox-zoom.fade-in-inverse .cr .cr-icon, .checkbox-zoom.zoom-inverse .cr .cr-icon {color:#404E67} .checkbox-fade.fade-in-info .cr, .checkbox-fade.zoom-info .cr, .checkbox-zoom.fade-in-info .cr, .checkbox-zoom.zoom-info .cr {border:2px solid #2DCEE3} .checkbox-fade.fade-in-info .cr .cr-icon, .checkbox-fade.zoom-info .cr .cr-icon, .checkbox-zoom.fade-in-info .cr .cr-icon, .checkbox-zoom.zoom-info .cr .cr-icon {color:#2DCEE3} .checkbox-fade.fade-in-purple .cr, .checkbox-fade.zoom-purple .cr, .checkbox-zoom.fade-in-purple .cr, .checkbox-zoom.zoom-purple .cr {border:2px solid #553d7a} .checkbox-fade.fade-in-purple .cr .cr-icon, .checkbox-fade.zoom-purple .cr .cr-icon, .checkbox-zoom.fade-in-purple .cr .cr-icon, .checkbox-zoom.zoom-purple .cr .cr-icon {color:#553d7a} .checkbox-color {display:inline-block; margin-right:20px; cursor:pointer} .checkbox-color label {display:inline-block; position:relative; padding-left:10px; line-height:20px} .checkbox-color label::before {content:""; display:inline-block; position:absolute; top:0; width:20px; height:20px; left:0; right:0; text-align:center; margin-left:-20px; border:1px solid #ccc; border-radius:0; background-color:#fff; transition:border 0.15s ease-in-out, color 0.15s ease-in-out} .checkbox-color label::after {display:inline-block; position:absolute; width:16px; height:16px; left:-1px; top:0; margin-left:-17px; padding-left:3px; padding-top:1px; font-size:11px; color:#fff} .checkbox-color input[type="checkbox"] {opacity:0} .checkbox-color input[type="checkbox"]:focus+label::before {outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px} .checkbox-color input[type="checkbox"]:checked+label::after {font-family:'Font Awesome 5 Free'; content:"\f00c"; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; font-weight:900;} .checkbox-color input[type="checkbox"]:disabled+label {opacity:0.65} .checkbox-color input[type="checkbox"]:disabled+label::before {background-color:#eee; cursor:not-allowed} .checkbox-color.checkbox-circle label::before {border-radius:50%} .checkbox-color.checkbox-inline {margin-top:0} .checkbox-danger input[type="checkbox"]:checked+label::after, .checkbox-info input[type="checkbox"]:checked+label::after, .checkbox-primary input[type="checkbox"]:checked+label::after, .checkbox-success input[type="checkbox"]:checked+label::after, .checkbox-warning input[type="checkbox"]:checked+label::after {color:#fff} .checkbox-primary input[type="checkbox"]:checked+label::before {background-color:#2196f3; border-color:#2196f3} .checkbox-primary input[type="checkbox"]:checked+label::before {background-color:#01a9ac} .checkbox-warning input[type="checkbox"]:checked+label::before {background-color:#fe9365} .checkbox-default input[type="checkbox"]:checked+label::before {background-color:#e0e0e0} .checkbox-danger input[type="checkbox"]:checked+label::before {background-color:#fe5d70} .checkbox-success input[type="checkbox"]:checked+label::before {background-color:#0ac282} .checkbox-inverse input[type="checkbox"]:checked+label::before {background-color:#404E67} .checkbox-info input[type="checkbox"]:checked+label::before {background-color:#2DCEE3} .checkbox-purple input[type="checkbox"]:checked+label::before {background-color:#6a4a9b} /*============================================================================================================================ 브라우저 별 전용 핵 :임시 주석처리 =============================================================================================================================*/ /*====================================== 사파리, 크롬 전용 핵 ========================================*/ /* @media screen and (-webkit-min-device-pixel-ratio:0) { .btn {padding:6px 12px 4px 12px;} ;} */ /*====================================== 사파리 모바일 전용 핵 ======================================== @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media { .button a, .button button {padding:13px 15px 12px 15px;} .button_20 a, .button_20 button {padding:5px 7px 3px 7px;} .button_30 a, .button_30 button {padding:8px 7px 7px 7px;} ;} ;}*/ .w5p {width:5% !important;} .w6p {width:6% !important;} .w7p {width:7% !important;} .w8p {width:8% !important;} .w9p {width:9% !important;} .w10p {width:10% !important;} .w12p {width:12% !important;} .w13p {width:13% !important;} .w15p {width:15% !important;} .w18p {width:18% !important;} .w20p {width:20% !important;} .w23p {width:23% !important;} .w25p {width:25% !important;} .w30p {width:30% !important;} .w32p {width:32% !important;} .w33p {width:33% !important;} .w35p {width:35% !important;} .w40p {width:40% !important;} .w45p {width:45% !important;} .w46p {width:46% !important;} .w47p {width:47% !important;} .w48p {width:48% !important;} .w49p {width:49% !important;} .w50p {width:50% !important;} .w55p {width:55% !important;} .w60p {width:60% !important;} .w65p {width:65% !important;} .w70p {width:70% !important;} .w80p {width:80% !important;} .w90p {width:90% !important;} .w100p {width:100% !important;} .w5 {width:5px !important;} .w7 {width:7px !important;} .w8 {width:8px !important;} .w9 {width:9px !important;} .w10 {width:10px !important;} .w11 {width:11px !important;} .w12 {width:12px !important;} .w13 {width:13px !important;} .w14 {width:14px !important;} .w15 {width:15px !important;} .w16 {width:16px !important;} .w17 {width:17px !important;} .w18 {width:18px !important;} .w19 {width:19px !important;} .w20 {width:20px !important;} .w25 {width:25px !important;} .w30 {width:30px !important;} .w35 {width:35px !important;} .w40 {width:40px !important;} .w45 {width:45px !important;} .w50 {width:50px !important;} .w60 {width:60px !important;} .w70 {width:70px !important;} .w80 {width:80px !important;} .w90 {width:90px !important;} .w100 {width:100px !important;} .w110 {width:110px !important;} .w120 {width:120px !important;} .w130 {width:130px !important;} .w140 {width:140px !important;} .w150 {width:150px !important;} .w160 {width:160px !important;} .w170 {width:170px !important;} .w180 {width:180px !important;} .w190 {width:190px !important;} .w200 {width:200px !important;} .w210 {width:210px !important;} .w230 {width:230px !important;} .w250 {width:250px !important;} .w300 {width:300px !important;} .w310 {width:310px !important;} .w350 {width:350px !important;} .w400 {width:400px !important;} .w500 {width:500px !important;} .w600 {width:600px !important;} .w700 {width:700px !important;} .w800 {width:800px !important;} .w900 {width:900px !important;} .w1000 {width:1000px !important;} .wauto {width:auto !important;} /* Margin Step */ .bm0 {margin-bottom:0px !important;} .bm1 {margin-bottom:1px !important;} .bm2 {margin-bottom:2px !important;} .bm3 {margin-bottom:3px !important;} .bm4 {margin-bottom:4px !important;} .bm5 {margin-bottom:5px !important;} .bm6 {margin-bottom:6px !important;} .bm7 {margin-bottom:7px !important;} .bm8 {margin-bottom:8px !important;} .bm9 {margin-bottom:9px !important;} .bm10 {margin-bottom:10px !important;} .bm11 {margin-bottom:11px !important;} .bm12 {margin-bottom:12px !important;} .bm13 {margin-bottom:13px !important;} .bm14 {margin-bottom:14px !important;} .bm15 {margin-bottom:15px !important;} .bm20 {margin-bottom:20px !important;} .bm30 {margin-bottom:30px !important;} .bm40 {margin-bottom:40px !important;} .bm50 {margin-bottom:50px !important;} .bm60 {margin-bottom:60px !important;} .bm100 {margin-bottom:100px !important;} .lm0 {margin-left:0px !important;} .lm1 {margin-left:1px !important;} .lm2 {margin-left:2px !important;} .lm3 {margin-left:3px !important;} .lm4 {margin-left:4px !important;} .lm5 {margin-left:5px !important;} .lm6 {margin-left:6px !important;} .lm7 {margin-left:7px !important;} .lm8 {margin-left:8px !important;} .lm9 {margin-left:9px !important;} .lm10 {margin-left:10px !important;} .lm11 {margin-left:11px !important;} .lm12 {margin-left:12px !important;} .lm13 {margin-left:13px !important;} .lm14 {margin-left:14px !important;} .lm15 {margin-left:15px !important;} .lm20 {margin-left:20px !important;} .lm25 {margin-left:25px !important;} .lm30 {margin-left:30px !important;} .lm40 {margin-left:40px !important;} .lm45 {margin-left:45px !important;} .lm50 {margin-left:50px !important;} .lm60 {margin-left:60px !important;} .lm70 {margin-left:70px !important;} .lm80 {margin-left:80px !important;} .lm90 {margin-left:90px !important;} .lm100 {margin-left:100px !important;} .lm150 {margin-left:150px !important;} .lm170 {margin-left:170px !important;} .tm0 {margin-top:0px !important;} .tm1 {margin-top:1px !important;} .tm2 {margin-top:2px !important;} .tm3 {margin-top:3px !important;} .tm4 {margin-top:4px !important;} .tm5 {margin-top:5px !important;} .tm6 {margin-top:6px !important;} .tm7 {margin-top:7px !important;} .tm8 {margin-top:8px !important;} .tm9 {margin-top:9px !important;} .tm10 {margin-top:10px !important;} .tm11 {margin-top:11px !important;} .tm12 {margin-top:12px !important;} .tm13 {margin-top:13px !important;} .tm14 {margin-top:14px !important;} .tm15 {margin-top:15px !important;} .tm20 {margin-top:20px !important;} .tm25 {margin-top:25px !important;} .tm30 {margin-top:30px !important;} .tm40 {margin-top:40px !important;} .tm45 {margin-top:45px !important;} .tm50 {margin-top:50px !important;} .tm55 {margin-top:55px !important;} .tm60 {margin-top:60px !important;} .tm70 {margin-top:70px !important;} .tm80 {margin-top:80px !important;} .tm85 {margin-top:85px !important;} .tm90 {margin-top:90px !important;} .tm100 {margin-top:100px !important;} .tm110 {margin-top:110px !important;} .tm120 {margin-top:120px !important;} .tm130 {margin-top:130px !important;} .tm140 {margin-top:140px !important;} .tm150 {margin-top:150px !important;} .tm200 {margin-top:200px !important;} .rm0 {margin-right:0px !important;} .rm1 {margin-right:1px !important;} .rm2 {margin-right:2px !important;} .rm3 {margin-right:3px !important;} .rm4 {margin-right:4px !important;} .rm5 {margin-right:5px !important;} .rm6 {margin-right:6px !important;} .rm7 {margin-right:7px !important;} .rm8 {margin-right:8px !important;} .rm9 {margin-right:9px !important;} .rm10 {margin-right:10px !important;} .rm11 {margin-right:11px !important;} .rm12 {margin-right:12px !important;} .rm13 {margin-right:13px !important;} .rm14 {margin-right:14px !important;} .rm15 {margin-right:15px !important;} .rm20 {margin-right:20px !important;} .rm25 {margin-right:25px !important;} .rm30 {margin-right:30px !important;} .mg0 {margin:0 !important;} .bp0 {padding-bottom:0px !important;} .bp1 {padding-bottom:1px !important;} .bp2 {padding-bottom:2px !important;} .bp3 {padding-bottom:3px !important;} .bp4 {padding-bottom:4px !important;} .bp5 {padding-bottom:5px !important;} .bp6 {padding-bottom:6px !important;} .bp7 {padding-bottom:7px !important;} .bp8 {padding-bottom:8px !important;} .bp9 {padding-bottom:9px !important;} .bp10 {padding-bottom:10px !important;} .bp11 {padding-bottom:11px !important;} .bp12 {padding-bottom:12px !important;} .bp13 {padding-bottom:13px !important;} .bp14 {padding-bottom:14px !important;} .bp15 {padding-bottom:15px !important;} .bp20 {padding-bottom:20px !important;} .bp25 {padding-bottom:25px !important;} .lp0 {padding-left:0px !important;} .lp1 {padding-left:1px !important;} .lp2 {padding-left:2px !important;} .lp3 {padding-left:3px !important;} .lp4 {padding-left:4px !important;} .lp5 {padding-left:5px !important;} .lp6 {padding-left:6px !important;} .lp7 {padding-left:7px !important;} .lp8 {padding-left:8px !important;} .lp9 {padding-left:9px !important;} .lp10 {padding-left:10px !important;} .lp11 {padding-left:11px !important;} .lp12 {padding-left:12px !important;} .lp13 {padding-left:13px !important;} .lp14 {padding-left:14px !important;} .lp15 {padding-left:15px !important;} .lp20 {padding-left:20px !important;} .lp25 {padding-left:25px !important;} .lp30 {padding-left:30px !important;} .lp31 {padding-left:31px !important;} .lp32 {padding-left:32px !important;} .lp33 {padding-left:33px !important;} .lp34 {padding-left:34px !important;} .lp35 {padding-left:35px !important;} .lp40 {padding-left:40px !important;} .lp45 {padding-left:45px !important;} .lp50 {padding-left:50px !important;} .tp0 {padding-top:0px !important;} .tp1 {padding-top:1px !important;} .tp2 {padding-top:2px !important;} .tp3 {padding-top:3px !important;} .tp4 {padding-top:4px !important;} .tp5 {padding-top:5px !important;} .tp6 {padding-top:6px !important;} .tp7 {padding-top:7px !important;} .tp8 {padding-top:8px !important;} .tp9 {padding-top:9px !important;} .tp10 {padding-top:10px !important;} .tp11 {padding-top:11px !important;} .tp12 {padding-top:12px !important;} .tp13 {padding-top:13px !important;} .tp14 {padding-top:14px !important;} .tp15 {padding-top:15px !important;} .tp20 {padding-top:20px !important;} .tp25 {padding-top:25px !important;} .tp30 {padding-top:30px !important;} .rp0 {padding-right:0px !important;} .rp1 {padding-right:1px !important;} .rp2 {padding-right:2px !important;} .rp3 {padding-right:3px !important;} .rp4 {padding-right:4px !important;} .rp5 {padding-right:5px !important;} .rp6 {padding-right:6px !important;} .rp7 {padding-right:7px !important;} .rp8 {padding-right:8px !important;} .rp9 {padding-right:9px !important;} .rp10 {padding-right:10px !important;} .rp11 {padding-right:11px !important;} .rp12 {padding-right:12px !important;} .rp13 {padding-right:13px !important;} .rp14 {padding-right:14px !important;} .rp15 {padding-right:15px !important;} .rp20 {padding-right:20px !important;} .rp25 {padding-right:25px !important;} .pd0 {padding:0px !important;} .pd10 {padding:10px !important;} .pd15 {padding:15px !important;} .pd20 {padding:20px !important;} /* Font size */ .font8 {font-size:8px !important;} .font9 {font-size:9px !important;} .font10 {font-size:10px !important;} .font11 {font-size:11px !important;} .font12 {font-size:12px !important;} .font13 {font-size:13px !important;} .font14 {font-size:14px !important;} .font15 {font-size:15px !important;} .font16 {font-size:16px !important;} .font17 {font-size:17px !important;} .font18 {font-size:18px !important;} .font19 {font-size:19px !important;} .font20 {font-size:20px !important;} .font25 {font-size:25px !important;} .font30 {font-size:30px !important;} .lh8 {line-height:8px !important;} .lh9 {line-height:9px !important;} .lh10 {line-height:10px !important;} .lh11 {line-height:11px !important;} .lh12 {line-height:12px !important;} .lh13 {line-height:13px !important;} .lh14 {line-height:14px !important;} .lh15 {line-height:15px !important;} .lh16 {line-height:16px !important;} .lh17 {line-height:17px !important;} .lh18 {line-height:18px !important;} .lh19 {line-height:19px !important;} .lh20 {line-height:20px !important;} .lh25 {line-height:25px !important;} .lh30 {line-height:30px !important;} .lh40 {line-height:40px !important;} /* Text Align */ .tac {text-align:center !important;} .tal {text-align:left !important;} .tar {text-align:right !important;} .vat {vertical-align:top;} .vam {vertical-align:middle;} .vab {vertical-align:bottom;} .blockcenter {margin:0 auto;} .block {display:block !important;} .inline-block {display:inline-block !important;} .inline {display:inline !important;} .display-none {display:none !important;} .display-block {display:block !important;} /* Color */ .color_point {color:#ff3300 !important;} .color_lblue {color:#257bca !important;} .color_dblue {color:#124b9a !important;} .color_wblue {color:#205fb5 !important;} .color_important {color:#ff3300 !important;} .color_red {color:#ff3300 !important;} .color_wgray {color:#878787 !important;} .color_gray {color:#666666 !important;} .color_lgray {color:#aaaaaa !important;} .color_wgreen {color:#81b501 !important;} .color_dgreen {color:#529410 !important;} .color_white {color:#ffffff !important;} .color_orange {color:#f66504 !important;} .color_yellow {color:#ffd800 !important;} .color_skyblue {color:#129dd1 !important;} .bold {font-weight:bold !important;} .clear {display:block; float:none; clear:both; height:0 !important; width:0; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;} .form-control[disabled], .form-control[readonly] {background-color:#eeeeee; opacity:1; color:#777777;} .hidden {display:block;position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;line-height:0;overflow:hidden;font-size:0;text-indent:-9999px;} .pointer {cursor:pointer;} .required {color:#ff3300;} .margin-none {margin:0 !important;} .margin-top-none {margin-top:0 !important;} .margin-left-none {margin-left:0 !important;} .margin-right-none {margin-right:0 !important;} .margin-bottom-none {margin-bottom:0 !important;} .padding-none {padding:0 !important;} .padding-top-none {padding-top:0 !important;} .padding-left-none {padding-left:0 !important;} .padding-right-none {padding-right:0 !important;} .padding-bottom-none {padding-bottom:0 !important;} /*====================================== align ========================================*/ .fl{float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .fr{float:right; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .overflow_h{overflow:hidden;} hr {height:1px; border-bottom:1px dashed #d9d9d9; margin:10px 0; display:block; float:none; clear:both; height:0 !important; overflow:hidden; padding:0 !important;} /*============================================================================================================================ Page CSS =============================================================================================================================*/ /* 공통요소 */ .x_panel_top_title {font-size:13px; font-weight:700; margin:0 0 -5px 5px; padding:8px 14px 13px 14px; background:#fff; color:#222; display:inline-block; border:1px solid #d9d9d9; position:relative; border-radius:5px;} .mCSB_inside>.mCSB_container {margin-right:20px} /* #div_layer_popup.modal-content {position:absolute !important; left:0 !important; right:0 !important; top:0 !important; bottom:0 !important;} */ /* 상단 상태정보 */ .top_nav .navbar-right {padding-right:10px;} .top_nav .navbar-right > li {display:inline-block; vertical-align:top;} .top_nav .navbar-right li > a, .top_nav .navbar-right li > span {padding:0 8px; display:inline-block; height:60px; line-height:60px; transition:0.2s;} .top_nav .navbar-right li > a:hover, .top_nav .navbar-right li > a:focus, .top_nav .navbar-right li.open > a, .top_nav .navbar-right li > span:hover, .top_nav .navbar-right li > span:focus, .top_nav .navbar-right li.open > span {background:none !important; color:#1c91d9 !important;} .top_nav .navbar-right li > a > span {line-height:60px;} .top_nav .navbar-right li > span#sp_loginUserNm {font-size:12px; font-weight:bold;} .top_nav .navbar-right li > span#sp_loginUserNm:hover {background:none; color:#333 !important;} .top_nav .navbar-right li a.dropdown-toggle.alert_btn {position:relative;} .top_nav .navbar-right li a.dropdown-toggle.alert_btn span.btn_badge {position:absolute; right:10px; top:10px; background:#d9534f; padding:0 5px; border-radius:10px; line-height:20px; font-size:12px; font-weight:bold; color:#fff; height:20px; min-width:20px; text-align:center; -webkit-animation:blink 2.5s linear infinite; animation:blink 2.5s linear infinite;} .top_nav .navbar-right li a.dropdown-toggle.alert_btn span.fa-bell {} @-webkit-keyframes blink { 0% {background-color:rgba(217,83,79,0.8);} 50% {background-color:rgba(255,143,33,0.8);} 100% {background-color:rgba(217,83,79,0.8);} } @keyframes blink { 0% {background-color:rgba(217,83,79,0.8);} 50% {background-color:rgba(255,143,33,0.8);} 100% {background-color:rgba(217,83,79,0.8);} } .top_nav .navbar-right li.open ul.dropdown-menu.alert_info {width:600px; padding:0 20px 10px; border-radius:0 0 10px 10px; box-shadow:0px 6px 9px rgba(0,0,0,.2);} .top_nav .navbar-right li.open ul.dropdown-menu.alert_info table.alert_info_detail {width:100%;} .top_nav .navbar-nav .dropdown-menu.alert_info li table.alert_info_detail {margin:0;} .top_nav .navbar-nav .dropdown-menu.alert_info li table.alert_info_detail .btn {width:100%; max-width:70px; line-height:11px; font-size:11px; padding:6px 7px 6px 7px; border-radius:13px;} .top_nav .navbar-nav .dropdown-menu.alert_info li table.alert_info_detail .btn.outline:hover {background:#fff !important; cursor:default;} table.alert_info_detail tr th, table.alert_info_detail tr td {text-align:center; font-size:12px; padding:5px 8px; line-height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-color:#e4e7ea;} table.alert_info_detail tr th {color:#257bca; font-weight:bold;} table.alert_info_detail.table>thead>tr>th {border-bottom:1px solid #e4e7ea;} .top_nav .navbar-right li#li_screen_minus {text-align:center; cursor:pointer;} .top_nav .navbar-right li#li_screen_plus {text-align:center; cursor:pointer;} .top_nav .navbar-right li#li_screen_plus span.fa-search-plus, .top_nav .navbar-right li#li_screen_minus span.fa-search-minus, .top_nav .navbar-right li a.user-profile span.fa-power-off {font-size:22px; position:relative; transition:0.2s; display:inline-block;} .top_nav .navbar-right li.open ul.dropdown-menu {width:180px;} .top_nav .navbar-right li ul.dropdown-menu.dropdown-usermenu li a {height:40px; line-height:40px; padding:0 20px;} /* Sidebar */ #wrapper {padding-left:0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; position:relative;} #wrapper::-webkit-scrollbar {display:none;} #wrapper.toggled {padding-left:280px;} #sidebar-wrapper {z-index:1; left:280px; width:0; margin-left:-280px; overflow-y:auto; overflow-x:hidden; transition:all 0.5s ease; position:absolute; top:0; overflow:hidden; padding-left:10px; box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;} #sidebar-wrapper::-webkit-scrollbar {display:none;} #wrapper.toggled #sidebar-wrapper {width:280px;} #page-content-wrapper {width:100%; position:relative;} #page-content-wrapper div {transition:all 0s ease;} #wrapper.toggled #page-content-wrapper {position:absolute; margin-right:-280px; top:0;} /*============================================================================================================================ CDRS CSS =============================================================================================================================*/ /* ******************** Layout ******************** */ /* right_col 높이 재조정 */ #main.right_col {/* min-height:calc(100vh - 110px) !important; */ min-height:calc(100vh - 60px) !important; } #main.right_col > .row {margin:0 !important;} #main.right_col > .row > .col-md-12.col-sm-12.col-xs-12 {padding:0 !important;} #main .x_panel02{ background:none !important; border:none; box-shadow:none; } #main .x_panel02 #cdrs_btn_s button{ width:100% !important; } #main .x_panel02 button{font-size:16px; height:50px;} #main .x_panel02 .form-control{height:50px;} #main .x_panel02 .form-control-feedback{margin-top:12px;} /* ******************** 쳇봇 관련 CSS ******************** */ .botTitle {padding:10px; height:60px;} .botTitleIcon {position:absolute; top:65px; left:100px; font-size:50px;} .botTitle > .left {padding-left:75px; font-size:20px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .botTitle > .right > span {float:right;} .botSearch {padding-right:10px; padding-left:10px;} .botSearch .x_panel {padding:20px 17px 0;} .botList {overflow-y:auto; padding:5px;} .botListPanel {padding:0px; font-weight:bold;} .botListPanel > div {float:left; height:60px;} .botListCtt_r1 {width:calc(100% - 70px); border-right:1px solid #efeeee; height:120px !important;} .botListCtt_r2 {width:calc(100% - 140px); border-right:1px solid #efeeee; height:120px !important;} .botListCtt_r3 {width:calc(100% - 210px); border-right:1px solid #efeeee; height:120px !important;} .botListCtt_top {padding-left:15px; padding-top:5px; height:85px;} .botListCtt_top_icon {padding-top:5px; width:70px; float:left; height:100%;} .botListCtt_top_icon > div {border-radius:50%; width:70px; height:70px; padding:5px; background-color:#ababab;} .botListCtt_top_icon > div > img {width:60px; height:60px; border-radius:50%;} .botListCtt_top_icon > span {font-size:50px;} .botListCtt_top_info {width:calc(100% - 70px); height:65%; padding-top:16px; padding-left:15px; float:left; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .botListCtt_top_info:hover {color:#ffc107;} .botListCtt_top_info > span {font-size:16px;} .botListCtt_top_summary {width:calc(100% - 70px); height:35%; padding-left:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .botListCtt_top_summary > span {color:#d49b47;} .botListCtt_bottom {padding-top:5px; height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .botListCtt_bottom > span {color:#949292; padding-left:15px;} .botListStats {width:70px; text-align:center; padding-top:14px; cursor:pointer;} .botListStats_2merge {width:140px; text-align:center; padding-top:14px; cursor:pointer;} .botListStats:hover, .botListStats_2merge:hover {color:#ffc107;} .line_top {border-top :1px solid #efeeee;} .line_right {border-right :1px solid #efeeee;} .line_bottom {border-bottom :1px solid #efeeee;} .line_left {border-left :1px solid #efeeee;} .botTable {width:100%; max-width:100%; margin-bottom:5px;} .botTable>tbody>tr>td, .botTable>tbody>tr>th, .botTable>tfoot>tr>td, .botTable>tfoot>tr>th, .botTable>thead>tr>td, .botTable>thead>tr>th { padding:8px; line-height:2.4; vertical-align:middle; text-align:center;} .botTable th {border-top:1px solid #ececec; border-bottom:2px solid #dedede;} .botTable td {border-bottom:1px solid #ececec;} span.botDesc {font-size:11px; color:#8c8c8c;} div.botDashedDesc {border:dashed 1px #4b5f71; padding:10px; border-radius:5px; background-color:#4b5f710d;} input.input-bottom-line {border-bottom:1px solid #607d8b; border-top:0px; border-left:0px; border-right:0px; background-color:#ffffff; display:block; width:100%; height:34px; padding:6px 12px; line-height:1.42857143; color:#555; background-color:#fff; border-radius:4px;} input.input-bottom-line:hover {border-bottom:1px solid #ffc107;} input.input-radius {border-radius:30px;} div.scrollDiv {padding:10px 5px 10px 5px; overflow-y:auto; border:1px solid #cccccc; border-radius:4px;} div.scrollDiv:hover {border:1px solid #ffc107;} .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background-color:#f1f1f1; opacity:1;} .fa-radius {cursor:pointer; color:#ffffff; padding:4px; border-radius:50%; width:20px; height:20px; background-color:#4b5f71; text-align:center; vertical-align:middle; } .fa-radius:hover {background-color:#ffc107; color:#ffffff;} .dashedLine {width:100%;border:1px dashed #dedede; float:left;} .botImage {width:100%; text-align:center; padding-top:27px; float:left; height:160px; border-radius:8px; padding-left:calc(50% - 60px); background-image:linear-gradient(-240deg, #585858 0%, #585858 15%, #505050 15%, #505050 32.5%, #484848 32.5%, #484848 50%, #414141 50%, #414141 67.5%, #363636 67.5%, #363636 85%, #313131 85%, #313131 100%); } .botImage div {cursor:pointer; border-radius:50%; width:110px; height:110px; padding:5px; background-color:#ababab; box-shadow:0 0px 10px rgba(0,0,0,.5); text-align:center;} .botImage > div > img {width:100px; height:100px; border-radius:50%;} .botTheme {height:162px; overflow-y:auto; float:left; padding-top:5px; padding-bottom:5px;} .botTheme div.item {padding:0px 5px 5px 5px;} .botTheme div.item span {width:100%;} .ui-state-default {list-style-type:none; text-align:center; padding:5px 8px 5px 8px; float:left; width:calc(25% - 10px); height:50px; font-size:15px; color:#ffffff; border-radius:5px; margin-left:5px; margin-right:5px; cursor:pointer; background-image:linear-gradient(-240deg, #4b5f71 0%, #4b5f71 15%, #4b5f71 15%, #405161 32.5%, #405161 32.5%, #405161 50%, #313e4a 50%, #313e4a 67.5%, #313e4a 67.5%, #212931 85%, #212931 85%, #212931 100%);} .ui-state-default:hover {color:#ffc107; } .ui-state-default .num {color:#FFEB3B; text-align:left; width:100%; font-size:12px;} .ui-state-default .title {text-align:center; width:100%; font-size:15px; margin-top:-5px;} #accordion .ui-state-default {width:100%; height:auto;} .filebox input[type="file"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; } input[type=password] {font-family:none;} /* ------- connection_list 페이지 ------- */ .connection-list {position:relative; overflow-x:hidden; overflow-y:auto; height:calc(100vh - 206px); padding:15px;} .connection-list .x_panel.connectionCard {position:relative; padding:15px 20px 10px; border-left:10px solid #009845; cursot:pointer; transition:0.2s;} .connection-list .x_panel.connectionCard:hover {background:#bfecf9; border-left:10px solid #3d9cd6;} .connection-list .x_panel.connectionCard.disabled {border-left:10px solid red;} .connection-list .x_panel.connectionCard.selected {border-left:10px solid #3d9cd6; background:#e4f9ff;} .connection-list .edit_connection {right:43px;} .connection-list .edit_connection:hover {border:1px solid #257bca; color:#257bca;} .connection-list .delete_connection:hover {border:1px solid #c83d26; color:#c83d26;} .connection-list .edit_connection, .connection-list .delete_connection {position:absolute; right:12px; top:12px; display:inline-block; width:26px; height:26px; padding:0; margin:0; border:1px solid #bcbcbc; line-height:24px; font-size:13px; text-align:center; color:#777; transition:0.2s; background:#fff; border-radius:13px; z-index:2;} .connection-list .edit_connection .tooltip_area, .connection-list .delete_connection .tooltip_area {width:25px; height:20px; position:relative; display:inline-block;} .connection-list .edit_connection .tooltip_area span, .connection-list .delete_connection .tooltip_area span {position:absolute; left:0px; top:0px; width:100%; height:100%; cursor:pointer; display:block; opacity:0;} .connection-list .edit_connection {right:43px;} .connection-list .edit_connection:hover {border:1px solid #257bca; color:#257bca;} .connection-list .delete_connection:hover {border:1px solid #c83d26; color:#c83d26;} .connection-list .connection-header {overflow:hidden; position:relative;} .connection-list .connection-header:after {content:""; position:absolute; width:1px; height:60px; left:135px; top:20px; background:#d9d9d9;} .connection-list .connection-header .title-img {position:relative; display:inline-block; width:100px; height:100px; overflow:hidden; border:1px solid #d9d9d9; border-radius:60px; margin:0 0 0 10px;} .connection-list .connection-header .title-img .connection-img {height:100px; width:100px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);} .connection-list .connection-header .title-txt {float:right; width:calc(100% - 140px); text-align:left; padding-left:20px;} .connection-list .connection-header .title-txt h3 {font-size:20px; margin:17px 0 0; line-height:1; color:#333; padding-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .connection-list .connection-header .title-txt h4 {font-size:13px; margin:5px 0 0 0; color:#666;} .connection-list .x_panel.right_modal {position:absolute; width:700px; height:calc(100vh - 221px); overflow-y:auto; margin-right:-100%; right:0; top:auto; z-index:50; transition:1s; margin-bottom:0; box-shadow:-5px 5px 10px rgba(0,0,0,0.1);} .connection-list .x_panel.right_modal.right_modal_show {margin-right:0%;} .connection-list #form_saveConnection > div {margin-bottom:10px;} .connection-list #form_saveConnection > div:last-hild {margin-bottom:0;} /* 커넥션 추가 */ .connectionManager {overflow:hidden; width:100%;} .x_panel.addConnectionDropDown {position:absolute; z-index:51; display:none; overflow-y:auto; border-radius:0 0 5px 5px; right:-100%; transition:1s; box-shadow:-5px 5px 10px rgba(0,0,0,0.1);} .addConnectionDropDown.slideInRight {display:block; right:15px; width:1000px;} .addConnectionDropDown .x_content {margin-bottom:0; padding-bottom:11px;} .addConnectionDropDown .x_content .tab-content {border:1px solid #d9d9d9; height:calc(100vh - 286px); overflow-y:auto;} .addConnectionDropDown .x_content .tabs-left>li>a.tab {background:#fff; border-color:#ccc; transition:0.2s; color:#333; border-right:none;} .addConnectionDropDown .x_content .tabs-left>li>a.tab:hover {background:#a6f5e0; color:#333;} .addConnectionDropDown .x_content .tabs-left>li>a.tab.active {background:#42caa5; color:#fff;} .addConnectionDropDown ul.connection_add_tab {float:left; width:100px;} .addConnectionDropDown .tab-content {float:right; width:calc(100% - 100px); padding:0;} .addConnectionDropDown .tab-content .connectionMetaDiv {text-align:center; margin-bottom:10px; padding:10px; transition:0.2s;} .addConnectionDropDown .tab-content .connectionMetaDiv:hover {background:#a6f5e0;} .addConnectionDropDown .tab-content .connectionMetaDiv .connection_list_img {line-height:130px; height:135px;} .addConnectionDropDown .tab-content .connectionMetaDiv img {width:90%; max-width:130px; height:auto; max-height:130px;} .addConnectionDropDown .tab-content .connectionMetaDiv p {font-size:13px; line-height:20px; margin:5px 0 0;} /* CDW 추가 CSS */ .cdrsTitle {padding:0 5px; height:33px; margin-bottom:5px;} .cdrsTitleIcon {position:absolute; top:72px; left:100px; font-size:35px;} .cdrsTitle > .left {font-size:18px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; top:2px; margin-bottom:0;} .cdrsTitle > .left span {font-size:12px; color:#888; line-height:12px; display:inline-block; margin-left:10px;} .cdrsTitle > .left i {margin:0 10px; color:#999; font-size:14px;} .cdrsTitle > .left img {margin-right:10px; vertical-align:top;} /* .cdrsTitle > .left.icon {padding-left:30px; font-size:18px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:0; line-height:28px; color:#444;} .cdrsTitle > .left.icon i {font-size:28px; display:inline-block; margin-right:10px; vertical-align:top; color:#666;} .cdrsTitle > .left.icon img {display:inline-block; margin-right:10px; vertical-align:top; display:none;} .cdrsTitle > .left.icon span {font-size:12px; color:#888; line-height:12px; display:inline-block; margin-left:10px;} */ .cdrsTitle > .right {text-align:right; padding-right:10px;} .cdrsTitle > .right > span {/* float:right; */ position:relative; bottom:5px;} .top_line{ width:100%; height:2px; border-top:1px solid #dbe0ec; border-bottom:1px solid #ffffff; margin-bottom:30px; } .x_panel #cdrs_btn_s{ float:left; } .cdrs_container {padding:0;} /* .cdrs_container .x_panel label {height:24px; line-height:24px; padding-top:4px;} */ /* 팝업 탭 수정 */ .pop_flow ul.bar_tabs {overflow:visible; background:none; height:42px; margin:15px 0 14px; padding-left:14px; position:relative; z-index:1; width:100%; border-bottom:2px solid #666;} .pop_flow ul.bar_tabs>li {border:1px solid #444; color:#f8f8f8 !important; margin-top:-2px; margin-left:8px; background:#222; border-bottom:none; border-radius:4px 4px 0 0;} .pop_flow ul.bar_tabs>li.active {border-right:6px solid #31b0d5; border-top:0; margin-top:-1px;} .pop_flow ul.bar_tabs>li a {padding:10px 17px; background:#222; margin:0; border-top-right-radius:0; color:#f8f8f8; transition:0.2s; border-bottom:none;} .pop_flow ul.bar_tabs>li a:hover {border:1px solid #666; background:#333;} .pop_flow ul.bar_tabs>li.active a {border:1px solid #666; border-bottom:none;} .pop_flow ul.bar_tabs>li.active a:hover {background:#222; color:#f8f8f8;} .pop_flow ul.bar_tabs.right {padding-right:14px;} .pop_flow ul.bar_tabs.right li {float:right;} /* 모델 매니저 상세 */ .paramHeader {background:#222; height:39px; border:1px solid #444;} .paramHeader div {text-align:center; color:#f8f8f8; height:37px; line-height:35px; border-right:1px solid #444; margin:0 !important;} .paramHeader div:last-child {border-right:none;} .paramBody {border:1px solid #333; border-top:none;} .paramBody .col-xs-12 {border-right:1px solid #444;} /*====================================== panel ========================================*/ .draggable_operator { cursor:grab; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .items_area {} .js-toggle-flow-slidebar {height:40px; position:absolute; left:200px; top:45px; z-index:2; background:#fff; border-radius:0 0 5px 0; border:1px solid #ccc; border-left:0; border-top:none; transition:1s; text-align:center; padding:0 12px; font-size:14px;} .js-toggle-flow-slidebar:hover {} .js-toggle-flow-slidebar span {font-size:13px; color:#555; line-height:37px; font-weight:normal; display:inline-block; transition:0.2s;} .js-toggle-flow-slidebar span:before{display:inline-block; line-height:40px; font-size:16px; font-family:'Font Awesome 5 Free'; content:"\f053"; font-weight:900;} .js-toggle-flow-slidebar:hover span {color:#00b0f0;} .js-toggle-flow-slidebar.hide_panel {left:0px;} .js-toggle-flow-slidebar.hide_panel span:before {content:"\f054";} /* 아이템 선택 */ #operatorsItems {position:absolute; left:0; top:46px; width:200px; height:calc(100% - 46px); padding:10px 20px 0; color:#333; border-right:1px solid #ccc; background:#fff;} #operatorsItems h2 {text-align:center; padding-bottom:8px; font-size:20px; margin-top:5px; font-weight:bold; margin-bottom:20px; border-bottom:1px solid #ccc;} #operatorsItems h3 {border-bottom:1px solid #ccc;} #operatorsItems .form-control-feedback.right {border-right:none;} #operatorsItems .form-control {background-color:transparent; border:1px solid #ccc;} #operatorsItems ul.draggable_items {padding:0; margin:0;} #operatorsItems ul.draggable_items li {list-style:none; margin:0 0 15px 0; position:relative;} #operatorsItems ul.draggable_items li .flowchart-operator {position:relative; width:100%;} /* 아이템 상세설정 - 공통 */ /* start 영역 */ .data_select_list {height:calc(100vh - 329px); overflow-y:auto; padding-bottom:20px;} /* 공통영역 */ .item_detail_panel {position:absolute; right:-100%; top:0; width:calc(100% - 250px); min-width:500px; height:100%; padding:0; display:none; background:#ffffff; color:#333; z-index:10; overflow-y:auto; border:1px solid #87aec3; border-radius:5px; border-right:0; z-index:50;} #detailExtraction.item_detail_panel {width:100%; overflow:hidden;} .item_detail_panel.slideInRight {right:0; display:block;} .item_detail_panel.slideOutRight {right:-350px;} .item_detail_panel button.preview_query {position:absolute; top:6px; right:135px;} .item_detail_panel button.save_panel {position:absolute; right:45px; top:6px;} .item_detail_panel button.remove_panel {position:absolute; right:15px; top:7px; background:transparent; border:0; color:#555; font-size:14px; padding:0; line-height:28px; transition:0.2s;} .item_detail_panel button.remove_panel i {position:relative; font-size:20px;} .item_detail_panel button.remove_panel:hover {color:#e24325;} .item_detail_panel h2 {text-align:center; padding:10px 0; font-size:16px; margin:0; font-weight:bold; border-bottom:1px solid #87aec3; background:#f2fbff;} .item_detail_panel h2 i {margin-right:8px; color:#999;} .item_detail_panel h2 span {color:#666; font-size:16px; display:inline-block; margin-left:10px;} .item_detail_panel h3 {text-align:left; padding-bottom:8px; font-size:16px; margin-top:20px;} .item_detail_panel h3 i {margin-right:8px;} .border-top {border-top:1px solid #d9d9d9 !important;} .border-right {border-right:1px solid #d9d9d9 !important;} .border-bottom {border-bottom:1px solid #d9d9d9 !important;} .border-left {border-left:1px solid #d9d9d9 !important;} .border-top-none {border-top:none !important;} .border-right-none {border-right:none !important;} .border-bottom-none {border-bottom:none!important;} .border-left-none {border-left:none !important;} /* title */ h1.main_title {font-size:24px; color:#000; font-weight:500; position:absolute; left:70px; top:30px; margin:0;} h1.main_title i {margin-right:10px;} h2.sub-title {font-size:22px; font-weight:500; color:#333; position:relative; padding:20px 0 10px; margin:0; border-bottom:3px solid #dadada;} h2.sub-title span {display:inline-block; border-bottom:3px solid #64ac2f; vertical-align:bottom; padding:0 25px 12px; margin-bottom:-13px} h2.sub-title p {display:inline-block; font-size:13px; color:#7b7b7b; margin:0 0 0 15px;} h2.sub-title .fuction_btn_area {position:absolute; right:25px; top:13px;} h2.sub-title .fuction_btn_area .btn i {margin-right:8px;} h3.sub-title2 {font-size:15px; font-weight:500; color:#333; position:relative; padding:10px 10px 6px 25px; margin:0; margin-bottom:5px; clear:both;} h3.sub-title2 span {display:inline-block; font-size:12px; color:#777; margin:0 0 0 15px;} h3.sub-title2:before {content:""; display:inline-block; width:2px; height:14px; background:#64ac2f; position:absolute; left:15px; top:11px;} h3.sub-title2:after {content:""; display:inline-block; width:2px; height:4px; background:#f4c11e; position:absolute; left:15px; top:11px;} h3.sub-title2.empty {display:none;} h4.sub-title3 {font-size:14px; font-weight:500; color:#333; position:relative; padding:10px 0 6px; margin:0; margin-bottom:5px;} /* grid 수정 */ .tui-grid-container {height:100%;} .tui-grid-cell-content select {width:98%; height:20px; font-size:12px; color:#2a3f54; border-color:#dadada; border-radius:3px;} .tui-grid-cell-content input[type=password], .tui-grid-cell-content input[type=text] {width:100%; padding:2px; border:1px solid #fff; border-radius:3px;} .tui-pagination .tui-last-child.tui-is-selected {border-right:1px solid #ddd;} .tui-pagination .tui-first-child.tui-is-selected {border-left:1px solid #ddd;} .tui-pagination .tui-is-selected, .tui-pagination strong {color:#fdfdfd; background:#60778c; border-color:#ddd; cursor:default;} .tui-pagination .tui-is-selected:hover {background-color:#669fd0;} .tui-grid-container {width:99% !important; margin:0 auto; position:relative; border-width:0; clear:both; font-size:12px; font-family:'Noto Sans KR'; overflow:hidden;} .tui-grid-cell-content select {width:98%; height:20px; font-size:12px; color:#333; border-color:#ccc; border-radius:3px;} .tui-grid-cell-content input[type=password], .tui-grid-cell-content input[type=text] {width:100%; padding:2px; border:1px solid #ccc; border-radius:3px;} .tui-grid-container {height:100%; background:#fff !important; border-color:#ccc !important;} .tui-grid-content-area {border-color:#ccc !important;} .tui-grid-body-area {background:#e4e4e4 !important; border-color:#ccc !important;} .tui-grid-head-area {background:#fff !important; border-color:#ccc !important;} .tui-grid-layer-state, .tui-grid-scrollbar-border {background:#fff !important; border-color:#ccc !important;} .tui-grid-table {background:#f8f8f8 !important; border-color:#ccc !important;} .tui-grid-cell {background:#fff; border-color:#ccc !important; color:#333 !important;} .tui-grid-cell-row-header, .tui-grid-cell.tui-grid-cell-header, .tui-grid-cell-head {color:#2c68a6 !important; background:#e5f3f7 !important;} .tui-grid-border-line {background:#ccc !important;} .tui-grid-scrollbar-left-bottom, .tui-grid-scrollbar-right-bottom, .tui-grid-scrollbar-head {background:#f1f1f1 !important; border-color:#ccc !important;} .tui-grid-container ::-webkit-scrollbar {background:#f1f1f1 !important;} .tui-grid-container ::-webkit-scrollbar-thumb {border:5px solid transparent; border-radius:7px; background-clip:content-box;} .tui-pagination .tui-first, .tui-pagination .tui-last, .tui-pagination .tui-next, .tui-pagination .tui-next-is-ellip, .tui-pagination .tui-prev, .tui-pagination .tui-prev-is-ellip {border:1px solid #ccc !important;} .tui-grid-border-line-top {border-top:none !important;} .tui-grid-table tbody tr:last-child td.tui-grid-cell {border-bottom:1px solid #ccc !important;} .tui-grid-cell-row-header {border-right:2px solid #ccc !important;} .tui-grid-container .tui-grid-pagination {margin:16px 0 8px;} .tui-grid-filter-btn { box-sizing:border-box; color:#fff; font-size:13px; height:29px; width:60px; border-radius:2px; margin-left:4px; cursor:pointer; } /* ********** paneltree_menu 메뉴 ********** */ /* 탭 스타일 */ ul#treeSelectTab {padding:5px; border:none; width:269px; overflow:hidden;} ul#treeSelectTab li a {font-size:13px; padding:0; width:85px; height:30px; margin:0; text-align:center; line-height:30px; background:#fff; transition:0.2s; color:#333; border:none; border-radius:5px;} ul#treeSelectTab li.active a, ul#treeSelectTab li:hover a {background:#003875; color:#fff;} .item_detail_panel .con_tree {float:left; width:270px; border-right:1px solid #87aec3; position:relative; transition:0.5s; z-index:10;} .item_detail_panel .con_tree .js-toggle-tree {height:60px; width:16px; position:absolute; right:0px; top:50%; transform:translate(0,-50%); z-index:3; background:#fff; border-radius:5px 0 0 5px; border:1px solid #ccc; border-right:none; transition:0.5s; text-align:center; padding:0; margin:0;} .item_detail_panel .con_tree .js-toggle-tree span {color:#555; line-height:60px; font-weight:normal; display:inline-block; transition:0.2s; width:16px; text-align:center;} .item_detail_panel .con_tree .js-toggle-tree span:before{display:inline-block; line-height:60px; width:16px; font-size:12px; font-family:'Font Awesome 5 Free'; content:"\f053"; font-weight:900;} .item_detail_panel .con_tree .js-toggle-tree:hover span {background:#00b0f0; color:#fff;} .item_detail_panel .con_tree .js-toggle-tree.hide_tree {right:-16px; border-radius:0 5px 5px 0; border:1px solid #ccc; border-left:none;} .item_detail_panel .con_tree .js-toggle-tree.hide_tree span:before {content:"\f054";} .item_detail_panel .con_tree .add_tree_item {position:absolute; right:13px; top:8px; transition:0.2s; color:#666; font-size:14px; padding:0; margin:0; border:none; outline:0; background:none; text-align:center;} .item_detail_panel .con_tree .add_tree_item:hover {color:#5bc0de;} .item_detail_panel .con_tree .add_tree_item i {margin-right:0;} .item_detail_panel .con_tree .has-feedback.form-group {margin:0;} .item_detail_panel .con_tree .has-feedback .form-control.has-feedback-left {border-radius:0; height:40px; line-height:40px; border:none; padding-left:40px; box-shadow:none; background:#f8f8f8; padding-right:10px; border-top:1px solid #d9d9d9;} .item_detail_panel .con_tree .has-feedback .form-control-feedback.left {height:40px; line-height:40px; border-right:0; margin:0;} .item_detail_panel .con_tree .tree_menu {background:transparent; overflow-y:auto; height:calc(100vh - 249px);} /* 트리 접힘 스타일 */ .slideOutTree.item_detail_panel .con_tree {-webkit-animation-name:slideOutTree; animation-name:slideOutTree;} @-webkit-keyframes slideOutTree { from {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} to {-webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0);} } @keyframes slideOutTree { from {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} to {-webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0);} } .slideInTree.item_detail_panel .con_tree {-webkit-animation-name:slideInTree; animation-name:slideInTree;} @-webkit-keyframes slideInTree { from {-webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0);} to {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} } @keyframes slideInTree { from {-webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0);} to {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} } /* ******************** 트리 옆 설정영역 ******************** */ .item_detail_panel .panel_right_con {width:calc(100% - 270px); height:calc(100vh - 170px); position:absolute; right:0; top:38px; transition:1s;} .item_detail_panel .panel_right_con:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} /* 추출설정 우측 상세내용 트리에 따른 넓이 조정 */ .slideOutTree.item_detail_panel .panel_right_con {width:100%;} /* 커스텀 항목 버튼 */ .item_detail_panel .panel_right_con .dropdown.custom_items_btn {position:absolute; left:130px; top:5px;} .item_detail_panel .panel_right_con .dropdown.custom_items_btn .btn {position:relative; padding-right:30px; margin-right:0;} .item_detail_panel .panel_right_con .dropdown.custom_items_btn .btn i {position:absolute; right:11px; top:9px; margin:0;} .item_detail_panel .panel_right_con .dropdown.custom_items_btn.open>.dropdown-menu {left:0; padding:5px 0; background:#f1e9f7; box-shadow:5px 5px 8px rgba(0,0,0,0.2);} .item_detail_panel .panel_right_con .dropdown.custom_items_btn .dropdown-menu>li>a {transition:0.2s; color:#333;} .item_detail_panel .panel_right_con .dropdown.custom_items_btn .dropdown-menu>li>a:focus, .item_detail_panel .panel_right_con .dropdown.custom_items_btn .dropdown-menu>li>a:hover {background:#fff;} /* 결과항목 */ .item_detail_panel .panel_right_con .settings_box {width:100%; padding:5px 20px 0; height:calc(100vh - 220px); overflow-y:auto;} ul.filter_item_list {padding:0; margin:0; display:flex; flex-flow:column wrap; overflow-x:auto;} ul.filter_item_list > li {padding:0; margin:0; list-style:none; margin-bottom:5px; padding-right:30px;} ul.filter_item_list > li > input[type=checkbox] {width:30px; height: 20px;} ul.filter_item_list > li > div, ul.filter_item_list > li > button {vertical-align:top;} /* ******************** 양식 상세 설정영역 ******************** */ .select_form_panel {overflow-y:auto; height:calc(100vh - 175px);} .sub-title2 .preview_query_btn {position:absolute; right:20px; top:0;} .form_con {padding:20px; overflow:hidden;} /* 양식 선택 */ .form_con .label_form label {width:100px; text-align:left; font-size:15px; color:#333; line-height:30px; display:inline-block; padding:0; margin:0 10px 0 5px; font-weight:500;} .form_con .label_form .form-control {display:inline-block;} .form_con .label_form input.form-control {width:calc(100% - 118px);} .form_con .border-box {padding:15px; border:1px solid #d9d9d9; border-radius:5px; min-height:80px; overflow-y:auto;} .form_con .border-box .result_recondition {font-size:15px; font-weight:500; text-align:center; width:50px; height:30px; line-height:30px; color:#E74C3C; display:inline-block;} .form_con .result_num_limit {display:inline-block; margin-left:10px;} /* ******************** 집합 상세 설정영역 ******************** */ .form_con .label_form .set_select_btn {display:inline-block;} .form_con .label_form .set_select_btn .btn {padding:3px 20px; margin:0; min-width:160px; text-align:left;} .form_con .label_form .set_select_btn .btn img {display:inline-block; margin-right:8px;} .form_con .label_form .set_select_btn .btn .caret {display:inline-block; margin-left:5px;} .form_con .label_form .set_select_btn .dropdown-menu img {margin-right:8px;} /* table */ h4.table_title {font-size:13px; text-align:center; margin:0; padding:0; width:100%; height:34px; border:1px solid #c3c3c3; line-height:34px;} h4.table_title.table_title1 {background:#c0dff2;} h4.table_title.table_title2 {background:#ffe9b6;} .set_setting_table {overflow-y:auto;} .set_setting_table .table.table-bordered {margin-bottom:0;} .set_setting_table .table>tbody>tr>td, .set_setting_table .table>tbody>tr>th, .set_setting_table .table>tfoot>tr>td, .set_setting_table .table>tfoot>tr>th, .set_setting_table .table>thead>tr>td, .set_setting_table .table>thead>tr>th {padding:5px;} .set_setting_table .table.table-bordered, .set_setting_table .table.table-bordered tr th {border:1px solid #c3c3c3; vertical-align:middle; text-align:center;} .set_setting_table .table.table-bordered tr th .border-checkbox-section, .set_setting_table .table.table-bordered tr td .border-checkbox-section {position:relative; top:2px; color:#333;} .set_setting_table .table.table-bordered tr th .border-checkbox-section .border-checkbox-group .border-checkbox-label, .set_setting_table .table.table-bordered tr td .border-checkbox-section .border-checkbox-group .border-checkbox-label {margin-right:0;} .set_setting_table .table.table-bordered tr td {vertical-align:middle;} .set_setting_table .table.table-bordered tr td button.add_setwork_btn {width:24px; height:24px; display:inline-block; padding:0; margin:0; border:none; outline:none; background:none; color:#333; transition:0.2s; position:relative; top:2px;} .set_setting_table .table.table-bordered tr td button.add_setwork_btn:hover {color:#ff9908;} .set_setting_table .table.table-bordered tr td button.add_setwork_btn .material-icons {font-size:24px;} .set_setting_table.set_setting_table1 .table tr th {background:#c0dff2;} .set_setting_table.set_setting_table2 .table tr th {background:#ffe9b6;} .set_setting_table .table.table-bordered tr td span.type_info {display:inline-block; width:24px; height:24px; border:1px solid #ccc; border-radius:12px; line-height:21px; fons-size:12px; text-align:center;} .set_setting_table button.add_setitem_btn {} .switch_table_btn_area {text-align:center;} .switch_table_btn {outline:0; background:#fff; transition:0.2s; border:1px solid #d9d9d9; width:80px; height:80px; margin-top:80px; border-radius:40px; line-height:16px; color:#333; padding:0;} .switch_table_btn span.switch_icon {display:block; transition:0.6s;} .switch_table_btn i {font-size:26px; line-height:26px; transition:0.2s; position:relative;} .switch_table_btn i.fa-long-arrow-alt-right {color:#5fbbf3; top:6px;} .switch_table_btn i.fa-long-arrow-alt-left {color:#ffbb20; top:-6px;} .switch_table_btn:hover {color:#ff9908; background:#fff9e1;} .switch_table_btn:hover span.switch_icon {transform:rotate(180deg);} .switch_table_btn span.switch_txt {position:relative; top:-9px;} /* 집합 - 자동선택 */ .set_auto_select {text-align:right; margin-top:10px;} .set_auto_select .label_form {display:inline-block;} .form_con .set_auto_select .label_form label {line-height:25px; vertical-align:middle;} .set_auto_select .form-radio {display:inline-block;} .set_auto_btn {padding:5px 12px; border:1px solid #d9d9d9; border-radius:5px; background:#fff; transition:0.2s;} .set_auto_btn:hover, .set_auto_btn.active {border:1px solid #5fbbf3; background:#e7f6ff;} /* 집합 - 자료 연결 */ .connect_list > div.filtertype_box {cursor:move; padding-right:30px; position:relative; width:100%;} .connect_list > div.filtertype_box button.connect_remove_btn {background:none; outline:0; padding:0; margin:0; width:30px; height:28px; display:inline-block; position:absolute; right:0; top:0; text-align:center; line-height:26px; color:#666; transition:0.2s; border:none;} .connect_list > div.filtertype_box button.connect_remove_btn:hover {color:#d9534f;} .connect_list > div.filtertype_box {cursor:move;} /* 메타 데이터 목록 */ .connect_list .btn i {color:#5197ff; transition:0.2s;} .connect_list .btn:hover i {color:#F39C12;} #div_tableGrid span {} #div_tableGrid span:hover i {color:#F39C12; transition:0.2s;} #div_tableGrid span.sp_viewYn {color:#5197ff;} #div_tableGrid span.sp_viewYn i.fa-eye-slash {color:#666;} #div_tableGrid span.sp_authYn {color:#efaf20;} #div_tableGrid span.sp_authYn i.fa-lock {color:#666;} #div_tableGrid span.sp_relationInfo {color:#42cc20;} ul.data_connect_line {padding:0; margin:34px 0 0;} ul.data_connect_line li {height:30px; line-height:30px; padding:0; margin:0 -5px; position:relative; list-style:none; text-align:center;} ul.data_connect_line li button.connect_line_btn {border:1px solid #ccc; width:26px; height:26px; line-height:24px; border-radius:13px; font-size:13px; position:absolute; left:50%; top:50%; transition:0.2s; color:#aaa; z-index:1; padding:0; margin:0; transform:translate(-50%,-50%); background:#fff;} ul.data_connect_line li button.connect_line_btn:hover {background:#41dc46 !important; color:#fff;} ul.data_connect_line li.connected button.connect_line_btn {background:#5fbbf3; color:#fff;} ul.data_connect_line li span.connect_line {display:block; width:100%; height:2px; background:#ddd; position:relative; top:14px;} ul.data_connect_line li span.connect_line:before, ul.data_connect_line li span.connect_line:after {content:""; width:6px; height:6px; position:absolute; left:-5px; top:-2px; border-radius:3px; background:#aaa;} ul.data_connect_line li span.connect_line:after {left:auto; right:-5px;} ul.data_connect_line li.no_connection_target button.connect_line_btn, ul.data_connect_line li.no_connection_target span.connect_line {display:none;} ul.data_connect_line li span.connect_line {display:block;width:100%;height:2px;background:#ddd;position:relative;top:14px;width:0px; transition:width 1s;} ul.data_connect_line li.connected span.connect_line {width:100%; transition:width 1s;} ul.data_connect_line li.no_connection_target button.connect_line_btn, ul.data_connect_line li.no_connection_target span.connect_line {display:none;} ul.data_connect_arrow li button.connect_arrow_btn.connect_arrow_add_btn {color:#5fbbf3;} ul.data_connect_arrow li button.connect_arrow_btn.connect_arrow_add_btn:hover {border-color:#5fbbf3;} .item_detail_panel [data-tooltip-text]:after {min-width:100px;} /* 북마크 */ .item_detail_panel .bookmark {padding:0; margin:20px 0 0;} .item_detail_panel .bookmark li {list-style:none; margin-bottom:10px;} .item_detail_panel .bookmark li .btn {width:100%; text-align:left; position:relative; padding-right:20px; } .item_detail_panel .bookmark li .btn i {position:absolute; right:10px; top:8px; trranstion:0.2s;} .item_detail_panel .bookmark li .btn i:hover {color:orangered;} /* Flow Chart */ .flow_data_function {padding:7px 12px; text-align:right; border-bottom:1px solid #d9d9d9; position:relative;} .flow_data_function .function_btn button.btn {padding:6px 12px; height:30px;} .flow_data_function .function_btn button.btn i {font-size:12px; margin-right:8px;} .flow_data_function .function_btn ul.draggable_items {padding:0; margin:0; display:inline-block; overflow:hidden; vertical-align:top; margin-right:5px;} .flow_data_function .function_btn ul.draggable_items li {list-style:none; margin:0; position:relative;} .flow_data_function .function_btn ul.draggable_items li .flowchart-operator {position:relative;} .flow_data_function .function_btn ul.draggable_items li .flowchart-operator .flowchart-operator-title {padding:4px 10px 4px 42px} .flowchart-operator .flowchart-operator-subTitle .cdrs_container .x_panel .flow_data_function label {padding-top:0; margin-bottom:0;} .aiflow_name_txt {overflow:hidden;} .aiflow_name_txt:after{clear:both; content:"."; display:block; height:0; visibility:hidden; font-size:0;} .aiflow_name_txt label {width:auto; padding-right:13px; float:left;} .aiflow_name_txt input {width:calc(100% - 170px); float:left;} ul.flow_data_btn li {border-bottom:1px solid #ddd;} ul.flow_data_btn li:last-child {border-bottom:none;} ul.flow_data_btn li a {padding:7px 20px;} /* data_load iCheck */ .icheckbox_line-grey, .iradio_line-grey {background:transparent; border:1px solid #ccc; transition:0.2s;} .icheckbox_line-blue, .iradio_line-blue {background:#f1f1f1; border:1px solid #ccc; transition:0.2s; padding:5px 12px 5px 30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .icheckbox_line-blue .icheck_line-icon, .iradio_line-blue .icheck_line-icon {left:10px;} .icheck_data_table_select .iradio_line-blue {border-radius:3px 3px 0 0;} .icheck_data_table_select .icheck_data_num {display:block; padding:7px 7px 7px 27px; border:1px solid #ccc; border-top:none; cursor:pointer;} .icheck_data_table_select .iradio_line-blue {background:#f1f1f1;} .icheck_data_table_select .iradio_line-blue + .icheck_data_num {background:#f8f8f8} .icheck_data_table_select .iradio_line-blue.checked {background:#2489c5; color:#fff;} .icheck_data_table_select .iradio_line-blue.checked + .icheck_data_num {color:#333; background:#f8f8f8;} /* ******************* filtertype_box ******************* */ .filtertype_box {display:inline-block; width:auto; width:200px; height:30px; line-height:30px; border:1px solid #d9d9d9; background:#fff; font-size:12px; border-radius:3px; color:#333; position:relative; padding:0 10px 0 30px; font-weight:bold; transition:0.2s; text-overflow:ellipsis; white-space:nowrap;} .tooltiptext .filtertype_box {width:100%; min-width:auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .filtertype_box:before {content:""; position:absolute; left:0; top:0; width:24px; height:28px; display:inline-block; background:#fff; border-right:1px solid #d9d9d9; line-height:28px; text-align:center; font-family:'Font Awesome 5 Free'; font-weight:900; color:#333;} /* 파일타입 형제 선택 버튼 */ .filtertype_box .select_siblings_item {height:28px;} .filtertype_box .select_siblings_item button.select_siblings_btn {margin:0; padding:0 10px 0 0; border:none; outline:0; background:none; width:100%; text-align:left; position:relative;} .filtertype_box .select_siblings_item button.select_siblings_btn i {position:absolute; right:0; top:0; line-height:30px;} .filtertype_box .select_siblings_item button.select_siblings_btn div {max-width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .filtertype_box .select_siblings_item.open ul.dropdown-menu {display:block;} .filtertype_box .select_siblings_item ul.dropdown-menu {margin-left:-30px; width:200px; max-height:172px; overflow-y:auto; overflow-x:hidden; box-shadow:5px 5px 10px rgba(0,0,0,0.3); } .filtertype_box .select_siblings_item ul.dropdown-menu li.siblings_search {padding:5px; margin-bottom:0;} .filtertype_box .select_siblings_item ul.dropdown-menu li.siblings_search .form-group.has-feedback {margin-bottom:0;} .filtertype_box .select_siblings_item ul.dropdown-menu li.siblings_search .form-group.has-feedback .form-control.has-feedback-left {padding-left:30px; padding-right:7px;} .filtertype_box .select_siblings_item ul.dropdown-menu li.siblings_search .form-group.has-feedback .form-control-feedback.left {left:0; margin:0; height:30px; line-height:30px; border-right:0;} .filtertype_box .select_siblings_item ul.dropdown-menu>li {margin-bottom:3px;} .filtertype_box .select_siblings_item ul.dropdown-menu>li>a {padding:0;} .filtertype_box .select_siblings_item ul.dropdown-menu>li>a .filtertype_box:hover {border:1px solid #c6ec2f !important; background:#c6ec2f !important;} .filtertype_box .select_siblings_item ul.dropdown-menu li .filtertype_box {width:190px;} /* 연관정보 */ .related_info_ul {margin:0 0 10px;position:relative; border-radius:5px; padding:12px 12px 6px 12px; /* min-width:1360px; */ border:1px solid #86c4f9; background:rgba(255, 255, 255, 0.9);} .related_info_ul.user_defined {border:1px solid #ffc986;} .related_info_ul:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .related_info_ul > li {padding:0; margin:0; list-style:none; float:left;} .related_info_ul li.related_filter {width:200px;} .related_info_ul li.related_filter .filtertype_box {width:100%; min-width:auto; white-space:nowrap; text-overflow:ellipsis; margin-bottom:5px;} .related_info_ul li.related_filter .filtertype_box.sel_table_item {margin-bottom:0px;} .related_info_ul li.related_filter .filtertype_box.sel_col_item {margin-bottom:0px;} .related_info_ul li.related_btn {width:75px;color:#9c9898;} .related_info_ul li.related_btn div.related_btn_area {margin-top:-8px;display:inline-block;width:75px;height:37px;} .related_info_ul li.related_btn div.related_btn_area div.relation_add {float:left; width:25px;font-size:20px;padding-left:5px;margin-top:7px;cursor:pointer;} .related_info_ul li.related_btn div.related_btn_area div.item_add {float:left; width:25px;font-size:20px;padding-left:5px;margin-top:7px;cursor:pointer;} .related_info_ul li.related_btn div.related_btn_area div.item_remove {float:left; width:25px;font-size:20px;padding-left:5px;margin-top:0px;cursor:pointer;} .related_info_ul li.related_btn div.related_btn_area div.related_remove {float:right;cursor:pointer;margin-left:13px;} .related_info_ul li.related_visual {width:88px; text-align:center; padding:0 10px;} .related_info_ul li.related_visual .dropdown.set_select_btn {display:block; margin-bottom:5px;} .related_info_ul li.related_visual .dropdown.set_select_btn .btn {padding:3px 10px; margin:0;} .related_info_ul li.related_visual .dropdown.set_select_btn .btn img {display:inline-block; margin-right:5px; width:34px;} .related_info_ul li.related_visual .dropdown.set_select_btn .dropdown-menu img {margin-right:8px;} .related_info_ul li.related_visual img.related_arrow {width:68px; height:30px; display:block; margin:0 0 5px; padding:0;} .filtertype_box.unselected {height:62px;width:202px; color:#bbb; font-weight:normal; padding:0px;} .filtertype_box.unselected:before {display:none;} .item_detail_panel .filtertype_box {line-height:28px;} /* 유형별 색상 */ /*.filtertype_box.filtertype_general {background:#c0dff2; border-color:#8ac4e6;} .filtertype_box.filtertype_code {background:#f5d4c0; border-color:#deb59e;} .filtertype_box.filtertype_custom {background:#dfc5f2; border-color:#be99d9;}*/ .filtertype_box.filtertype_general {background:#eef9ff; border-color:#8ac4e6;} .filtertype_box.filtertype_code {background:#fff2ea; border-color:#deb59e;} .filtertype_box.filtertype_custom {background:#f7ebff; border-color:#be99d9;} .filtertype_box.filtertype_table {background:#efecec; border-color:#ccc; width:160px;} .rule-filter-container .filtertype_box.filtertype_table, .rule-value-container .filtertype_box.filtertype_table {width:200px; margin-bottom:-9px;} .custom_box .filtertype_box.filtertype_table {width:200px;} .ui-draggable-dragging .filtertype_box.filtertype_table {width:200px; margin-bottom:-5px;} .filtertype_box.filtertype_table.color_0 {background:#e6e6e6;} .filtertype_box.filtertype_table.color_1 {background:#dee6ff;} .filtertype_box.filtertype_table.color_2 {background:#d3f5ff;} .filtertype_box.filtertype_table.color_3 {background:#ffe4e9;} .filtertype_box.filtertype_table.color_4 {background:#fff7e3;} .filtertype_box.filtertype_table.color_5 {background:#d3ffd3;} .filtertype_box.filtertype_table.color_6 {background:#c4fffa;} .filtertype_box.filtertype_table.color_7 {background:#ffe0fd;} .filtertype_box.filtertype_table.color_8 {background:#b2d3f9;} .filtertype_box.filtertype_table.color_9 {background:#fde4d9;} .filtertype_box.filtertype_general:bedore {border-color:#8ac4e6;} .filtertype_box.filtertype_code:bedore {border-color:#deb59e;} .filtertype_box.filtertype_custom:bedore {border-color:#be99d9;} .filtertype_box.filtertype_table:bedore {border-color:#ccc;} /* 아이콘 유형 */ .filtertype_box.icon_type_txt:before {content:"\f031";} .filtertype_box.icon_type_num:before {content:"#";} .filtertype_box.icon_type_date:before {content:"\f073";} .filtertype_box.icon_type_custom:before {content:"@";} .filtertype_box.icon_type_undefined:before {content:"\f128";} .filtertype_box.icon_type_S:before {content:"\f031";} .filtertype_box.icon_type_I:before {content:"#";} .filtertype_box.icon_type_D:before {content:"\f073";} .filtertype_box.icon_type_table:before {content:"\f84c";} .filtertype_box.icon_type_code:before {content:"";} .filtertype_box.icon_type_code_value:before {content:"\21AD";} /* 셀렉트 포함일 경우 */ .filtertype_box.include_selection {padding-right:63px;} .filtertype_box.include_selection select.form-control {position:absolute; right:2px; top:1px; width:53px; height:26px; padding:0 3px;} /* 버튼 포함일 경우 */ .filtertype_box.include_btn {padding-right:40px;} .filtertype_box.include_btn .add_btn {position:absolute; right:2px; top:2px; width:20px; height:24px; border:0; outline:0; background:none; transition:0.2s; line-height:24px; font-size:18px; color:#333; padding:0;} .filtertype_box.include_btn .add_btn:hover {color:#f59d44;} /* 필터 버튼 */ .filter_btn {outline:0; border-radius:3px; width:30px; height:30px; display:inline-block; transition:0.2s; border:1px solid #d9d9d9; background:#f8f8f8; color:#666; margin:0 0 0 3px; padding:0; vertical-align:top; text-align:center; font-size:14px; line-height:29px;} .filter_btn:first-child {margin-left:5px;} .filter_btn.filter_sort_btn {background:#a7a7a7; border-color:#858383; color:#ffffff; font-size:18px;} .filter_btn.filter_sort_btn.activated {background:#5bc0de; border-color:#46b8da; color:#ffffff; font-size:18px;} .filter_btn.filter_code_btn.activated {background:#5cb85c; border-color:#4cae4c; color:#ffffff;} .filter_btn.filter_code_btn:hover {background:#449d44; border-color:#255625;} .filter_btn.filter_delete_btn {background:#777777; border-color:#555555; color:#ffffff;} .filter_btn.filter_delete_btn:hover {background:#555555; border-color:#444444;} .filter_btn.filter_view_btn {background:#337ab7; border-color:#2e6da4; color:#ffffff;} .filter_btn.filter_view_btn:hover {background:#286090; border-color:#122b40;} .filter_btn.filter_position_btn {background:#777777; border-color:#555555; color:#ffffff;} .filter_btn.filter_position_btn:hover {background:#555555; border-color:#444444;} /* custom 박스 */ .custom_box {display:inline-block; width:auto; min-width:200px; height:auto; background:#ebdff5; border:1px solid #be99d9; font-size:12px; border-radius:3px; color:#333; position:relative; padding:10px 15px;} .custom_box ul {padding:0; margin:0;} .custom_box ul li {padding:0; margin:0 0 5px; list-style:none;} .custom_box ul li h4.cf_title {padding:6px 12px 5px 12px; margin:0; font-size:12px; color:#552579; display:inline-block; margin-right:5px; width:auto; min-width:max-content; height:30px; text-align:center; background:#e2cdf3; border-radius:3px; font-weight:bold; border:1px solid #b065ef; line-height:15px;} .custom_box ul li .form-control {width:auto; min-width:100px; display:inline-block; margin-right:5px; vertical-align:middle;} .custom_box ul li button.cf_fold_btn {width:20px; height:30px; margin:0; padding:0; line-height:30px; border:none; outline:0; background:none; transition:0.2s;} .custom_box ul li button.cf_fold_btn:hover:before {color:#f59d44;} .custom_box ul li button.cf_fold_btn:before {font-family:'Font Awesome 5 Free'; font-weight:900; content:"\f077"; color:#552579; font-size:14px;} .custom_box ul li:last-child, .custom_box.folded ul li:first-child {margin-bottom:0 !important;} .custom_box.folded ul li:nth-child(n+2) {display:none;} .custom_box.folded ul li button.cf_fold_btn:before {content:"\f078";} .custom_box ul li input, .custom_box ul li button, .custom_box ul li .cf_title, .custom_box ul li .form-control, .custom_box ul li label, .custom_box ul li i {vertical-align:middle;} .custom_box ul li .calculation {width:20px; text-align:center; line-height:30px; color:#333;} .custom_box ul li label.custom_label {display:inline-block; width:100px; height:30px; margin:0 5px 0 0; line-height:30px; color:#552579; font-weight:normal; text-align:right;} /*.custom_box ul li button.case_addbtn {width:20px; height:30px; margin:0; padding:0; line-height:30px; border:none; outline:0; background:none; transition:0.2s; color:#333; font-size:18px;} .custom_box ul li button.case_addbtn:hover {color:#f59d44;}*/ .custom_box ul li button.case_addbtn {height:30px; margin:0; padding:0; line-height:30px; border:none; outline:0; background:none; transition:0.2s; color:#333; font-size:18px;} .custom_box ul li button.case_addbtn i:hover {color:#f59d44;} .custom_box ul li .filtertype_box {vertical-align:middle;} .custom_box ul li .filtertype_box + i {vertical-align:middle;} /* custom 박스 */ .related_item .relation_table_box {display:inline-block; width:auto; min-width:590px; min-height:62px; height:auto; background:#f4f7f8; border:1px solid #e0e1e1; font-size:12px; border-radius:3px; color:#333; position:relative; padding:10px 15px;margin-bottom:16px;} .related_item .relation_table_box ul {padding:0; margin:0;} .related_item .relation_table_box ul li {padding:4px; margin:0 0 3px; list-style:none; float:left} .related_item .relation_table_box ul li h4.cf_title {padding:6px 12px 5px 12px; margin:0; font-size:12px; color:#ffffff; display:inline-block; margin-right:5px; width:auto; min-width:100px; height:30px; text-align:center; background:#337ab7; border-radius:3px; font-weight:bold; border:1px solid #275e8e; line-height:15px;} .related_item .relation_table_box ul li .form-control {width:auto; min-width:100px; display:inline-block; margin-right:5px; vertical-align:middle;} .related_item .relation_table_box ul li button.cf_fold_btn {width:20px; height:30px; margin:0; padding:0; line-height:30px; border:none; outline:0; background:none; transition:0.2s;} .related_item .relation_table_box ul li button.cf_fold_btn:hover:before {color:#f59d44;} .related_item .relation_table_box ul li button.cf_fold_btn:before {font-family:'Font Awesome 5 Free'; font-weight:900; content:"\f077"; color:#552579; font-size:14px;} .related_item .relation_add {margin-bottom:6px;} .related_item .relation_add button {width:590px;cursor:pointer;} .related_item .relation_info_box {width:590px;} /* splitter */ .view_split {float:left; overflow-x:auto;} .view_result_items, .view_condition_info, .view_related_info {height:calc(100vh - 183px); overflow-y:hidden;} .view_result_items {min-width:680px; overflow-y:visible;} .panel_right_con .view_result_items .settings_box {overflow-y:visible;} .view_condition_info {min-width:700px;} .view_related_info {min-width:1400px; min-width:629px;} .view_set_select {min-width:1000px;} .view_data_connect {min-width:500px;} .power_end_area {} .gutter {float:left; background-color:#cee7ce; margin-top:0; cursor:ew-resize; height:calc(100vh - 170px);} .gutter.gutter-horizontal {background:#f2fbff url(../lib/split-master/img/vertical.png) no-repeat center center; cursor:col-resize; border-left:1px solid #87aec3; border-right:1px solid #87aec3; transition:0.3s; position:relative;} .gutter.gutter-horizontal:hover {background:#bee1f1 url(../lib/split-master/img/vertical.png) no-repeat center center;} /* .gutter.gutter-horizontal button.gutter_btn {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:10px; height:60px; color:#fff; font-size:12px; text-align:center; line-height:60px; padding:0; border:0; margin:0; border-radius:5px; background:#7591c9; transition:0.2s;} .gutter.gutter-horizontal button.gutter_btn:after {font-family:'Font Awesome 5 Free'; font-weight:900; display:inline-block; transition:0.3s;} .detail_extraction_setting > div:nth-child(2) button.gutter_btn:after {content:"\f053";} .detail_extraction_setting > div:nth-child(4) button.gutter_btn:after {content:"\f054";} .gutter.gutter-horizontal button.gutter_btn:hover {background:#F39C12;} .gutter.gutter-horizontal button.gutter_btn:hover:after {transform:rotate(180deg);} */ .gutter.gutter-vertical {background:#f2fbff url('../lib/split-master/img/vertical.png') no-repeat center center; cursor:row-resize;} /* 로딩 에니메이션 */ .ajax-loading-wrap {height:100%; left:0; position:fixed; top:0; width:100%; z-index:999999; background:rgba(0, 0, 0, 0.5); display:none; align-items:center;} .ajax-loading-bar {position:absolute; left:calc(50% - 60px); top:calc(50% - 50px); z-index:1000000; font-size:100px; color:#fff;} .ajax-loading-bar-stop-btn {display:none; position: absolute; left: calc(50% - 48px); top: calc(50% + 60px); z-index: 1000000;} .loading_wrapper {width:auto; height:auto; position:absolute; left:calc(50% - 120px); top:calc(50% - 105px); z-index:1000000;} .loading_wrapper ul {/* display:grid; grid-template-columns:repeat(5, 1fr); */ -webkit-animation:rot 16s linear infinite; animation:rot 16s linear infinite; opacity:0.6; display:block; width:240px;} .loading_wrapper ul:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} @-webkit-keyframes rot { 100% {-webkit-transform:rotate(360deg); transform:rotate(360deg);} } @keyframes rot { 100% {-webkit-transform:rotate(360deg); transform:rotate(360deg);} } .loading_wrapper li {width:40px; height:40px; background:#0e73d2; border-radius:4px; box-shadow:0 0 1px #fff, 0 0 5px #0e73d2, 0 0 10px #0e73d2, 0 0 15px #0e73d2, 0 0 25px #0e73d2, 0 0 55px #0e73d2; -webkit-animation:scale 0.8s linear alternate infinite; animation:scale 0.8s linear alternate infinite; float:left;} @-webkit-keyframes scale { 100% {-webkit-transform:scale(0.1); transform:scale(0.1); opacity:0;} } @keyframes scale { 100% {-webkit-transform:scale(0.1); transform:scale(0.1); opacity:0;} } .loading_wrapper li:nth-child(1) {z-index:24;} .loading_wrapper li:nth-child(2) {z-index:23;} .loading_wrapper li:nth-child(3) {z-index:22;} .loading_wrapper li:nth-child(4) {z-index:21;} .loading_wrapper li:nth-child(5) {z-index:20;} .loading_wrapper li:nth-child(6) {z-index:19;} .loading_wrapper li:nth-child(7) {z-index:18;} .loading_wrapper li:nth-child(8) {z-index:17;} .loading_wrapper li:nth-child(9) {z-index:16;} .loading_wrapper li:nth-child(10) {z-index:15;} .loading_wrapper li:nth-child(11) {z-index:14;} .loading_wrapper li:nth-child(12) {z-index:13;} .loading_wrapper li:nth-child(13) {z-index:12;} .loading_wrapper li:nth-child(14) {z-index:11;} .loading_wrapper li:nth-child(15) {z-index:10;} .loading_wrapper li:nth-child(16) {z-index:9;} .loading_wrapper li:nth-child(17) {z-index:8;} .loading_wrapper li:nth-child(18) {z-index:7;} .loading_wrapper li:nth-child(19) {z-index:6;} .loading_wrapper li:nth-child(20) {z-index:5;} .loading_wrapper li:nth-child(21) {z-index:4;} .loading_wrapper li:nth-child(22) {z-index:3;} .loading_wrapper li:nth-child(23) {z-index:2;} .loading_wrapper li:nth-child(24) {z-index:1;} .loading_wrapper li:nth-child(25) {z-index:0;} .loading_wrapper li:nth-child(1) {-webkit-animation-delay:0.1s; animation-delay:0.1s;} .loading_wrapper li:nth-child(7) {-webkit-animation-delay:0.3s; animation-delay:0.3s;} .loading_wrapper li:nth-child(13) {-webkit-animation-delay:0.5s; animation-delay:0.5s;} .loading_wrapper li:nth-child(19) {-webkit-animation-delay:0.7s; animation-delay:0.7s;} .loading_wrapper li:nth-child(24) {-webkit-animation-delay:0.9s; animation-delay:0.9s;} .loading_wrapper li:nth-child(2) {-webkit-animation-delay:0.2s; animation-delay:0.2s;} .loading_wrapper li:nth-child(8) {-webkit-animation-delay:0.4s; animation-delay:0.4s;} .loading_wrapper li:nth-child(14) {-webkit-animation-delay:0.6s; animation-delay:0.6s;} .loading_wrapper li:nth-child(20) {-webkit-animation-delay:0.8s; animation-delay:0.8s;} .loading_wrapper li:nth-child(3) {-webkit-animation-delay:0.3s; animation-delay:0.3s;} .loading_wrapper li:nth-child(9) {-webkit-animation-delay:0.5s; animation-delay:0.5s;} .loading_wrapper li:nth-child(15) {-webkit-animation-delay:0.7s; animation-delay:0.7s;} .loading_wrapper li:nth-child(4) {-webkit-animation-delay:0.4s; animation-delay:0.4s;} .loading_wrapper li:nth-child(10) {-webkit-animation-delay:0.6s; animation-delay:0.6s;} .loading_wrapper li:nth-child(5) {-webkit-animation-delay:0.5s; animation-delay:0.5s;} .loading_wrapper li:nth-child(1) {-webkit-animation-delay:0.1s; animation-delay:0.1s;} .loading_wrapper li:nth-child(6) {-webkit-animation-delay:0.2s; animation-delay:0.2s;} .loading_wrapper li:nth-child(11) {-webkit-animation-delay:0.3s; animation-delay:0.3s;} .loading_wrapper li:nth-child(16) {-webkit-animation-delay:0.4s; animation-delay:0.4s;} .loading_wrapper li:nth-child(21) {-webkit-animation-delay:0.5s; animation-delay:0.5s;} .loading_wrapper li:nth-child(7) {-webkit-animation-delay:0.3s; animation-delay:0.3s;} .loading_wrapper li:nth-child(12) {-webkit-animation-delay:0.4s; animation-delay:0.4s;} .loading_wrapper li:nth-child(17) {-webkit-animation-delay:0.5s; animation-delay:0.5s;} .loading_wrapper li:nth-child(22) {-webkit-animation-delay:0.6s; animation-delay:0.6s;} .loading_wrapper li:nth-child(13) {-webkit-animation-delay:0.5s; animation-delay:0.5s;} .loading_wrapper li:nth-child(18) {-webkit-animation-delay:0.6s; animation-delay:0.6s;} .loading_wrapper li:nth-child(23) {-webkit-animation-delay:0.7s; animation-delay:0.7s;} .loading_wrapper li:nth-child(19) {-webkit-animation-delay:0.7s; animation-delay:0.7s;} .loading_wrapper li:nth-child(24) {-webkit-animation-delay:0.8s; animation-delay:0.8s;} .loading_wrapper li:nth-child(25) {-webkit-animation-delay:0.9s;animation-delay:0.9s;} /*============================================================================================================================ CDRS Main =============================================================================================================================*/ .tooltip {font-family:'Noto Sans KR', "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif;} /* .tooltip:focus {display:none !important;} */ .home_container {width:100%; height:calc(100vh - 110px); background:#fff; overflow:hidden;} /* ----- 팝업존 ----- */ .home_container .slide_zone_area {width:550px; float:left; position:relative;} .slide_zone_area .slide_zone .slide_item {background-size:100% auto; height:calc(100vh - 110px); position:relative;} .slide_zone_area .slide_zone .slide_item.slide_item1 {background:url(../images/main/pop1.png) no-repeat center top;} .slide_zone_area .slide_zone .slide_item.slide_item2 {background:url(../images/main/pop2.png) no-repeat center top;} .slide_zone_area .slide_zone .slide_item.slide_item_video {background:url(../images/main/pop3.png) no-repeat center top;} .slide_zone_area .slide_zone .slide_item h3 {margin:0; padding:50px 50px 30px; font-size:26px; line-height:34px; color:#000; font-weight:500; letter-spacing:-1px;} .slide_zone_area .slide_zone .slide_item p {margin:0; padding:0 50px 40px; font-size:16px; line-height:24px; color:#333;} .slide_zone_area .slide_zone .slide_item .slide_link {padding:0 50px;} .slide_zone_area .slide_zone .slide_item .slide_link a {display:inline-block; margin:0 15px 0 0; color:#003875; font-weight:500;} .slide_zone_area .slide_zone .slide_item .slide_link a.btn-white {border-color:#003875; border-radius:0;} .slide_zone_area .slide_zone .slide_item .slide_link a i {margin-left:12px; color:#003875;} .slide_zone_area .slide_zone .slide_item .video_play {margin:50px 0 0 30px; width:450px; height:auto; max-height:252px; padding:19px 20px 100px; box-sizing:content-box; background:url(../images/main/video_frame.png) no-repeat left top;} .slide_zone_area .slide_zone .slide_item .video_play video {width:100%; height:auto;} .slide_zone_area .btn_play_stop {position:absolute; display:inline-block; bottom:41px; left:50px; z-index:100;} .slide_zone_area .btn_play_stop button {background:none; border:none; color:#000; padding:5px; transition:all .2s;} .slide_zone_area .btn_play_stop button:hover {color:#ECAB15;} .slide_zone_area [data-tooltip-text]:after {min-width:60px;} .slide_zone_area .slide_zone .owl-dots {position:absolute; display:inline-block; bottom:40px; left:75px;} .slide_zone_area .slide_zone.owl-theme .owl-dots .owl-dot span {width:12px; height:12px; margin:5px 3px; background:#fff; border:1px solid #999; transition:0.2s;} .slide_zone_area .slide_zone.owl-theme .owl-dots .owl-dot.active span {background:#000; border:1px solid #000;} .slide_zone_area .slide_zone.owl-theme .owl-dots .owl-dot:hover span {background:#ECAB15 !important; border-color:#ECAB15 !important;} .vod_warring {width:100%; height:auto; padding:30px 20px 10px; border:1px solid #d9d9d9; border-radius:5px; box-sizing:border-box; text-align:center;} .vod_warring ul {width:100%; height:145px; margin-top:30px; list-style:none; padding:0 !important;} .vod_warring ul li a {font-size:12px; color:#1a73e8; margin-top:30px; display:inline-block; margin-top:10px;} .vod_warring ul li a[target="_blank"]:after {width:10px; height:10px; margin:0 3px 0 5px; display:inline-block; content:''; background:url('../images/common/vod_warring/download_link.png') no-repeat;} /* 홈 콘텐츠 영역 */ .home_container .home_content {height:calc(100vh - 110px); float:right; width:calc(100% - 550px); overflow-y:auto; overflow-x:hidden; padding:25px 50px 40px 50px;} .home_container .home_content section.home_section {position:relative; padding:0; margin:0;} .home_container .home_content section.home_section:last-child {margin-bottom:0;} .home_container .home_content section.home_section:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .home_content h3.home_title {margin:0; font-size:20px; line-height:29px; font-weight:bold; margin-left:-15px;} .home_content h3.home_title img {margin-right:3px; position:relative; margin-top:-3px;} .home_content p.home_title_info {font-size:12px; margin:0; color:#333; position:absolute; right:0;} /* 탭 스타일 */ .home_content ul#templetTab {padding:0; border-bottom:1px solid #d9d9d9; overflow:hidden; margin:15px 0 15px;} .home_content ul#templetTab li a {font-size:14px; padding:0 30px; height:38px; margin:0; text-align:center; line-height:36px; background:#fff; transition:0.2s; color:#000; border:1px solid #d9d9d9; border-radius:0; border-right:none} .home_content ul#templetTab li.active a, .home_content ul#templetTab li:hover a {background:#003875; border-color:#fff; color:#fff;} .home_content ul#templetTab li:last-child a {border-right:1px solid #d9d9d9;} /* 템플릿 슬라이드 */ .templet_slide {height:154px; overflow:hidden;} .templet_slide .owl-item {height:128px; border:1px solid #d9d9d9; position:relative; box-sizing:border-box;} .templet_slide .owl-item .item {width:100%; padding:20px; min-height:126px;} .templet_slide .owl-item .item button.add_function_btn {background:rgba(255,255,255,0.8); outline:0; border:1px solid #d9d9d9; border-right:0; border-top:0; margin:0; padding:0; text-align:center; display:inline-block; width:26px; height:26px; position:absolute; right:0; top:0; color:#0087c9; transition:0.2s;} .templet_slide .owl-item .item button.add_function_btn:hover {background:#0087c9; color:#fff;} .templet_slide .owl-item .item button.add_function_btn:focus + .tooltip {display:none !important;} .templet_slide .owl-item .item h4.templet_title {font-size:15px; font-weight:700; line-height:20px; width:100%; margin:0px 0 10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .templet_slide .owl-item .item ul.templet_list {padding:0; margin:0; height:58px; overflow-y:auto;} .templet_slide .owl-item .item ul.templet_list li {padding:0 10px; margin:0px 2px 0 0; background:#0087c9; height:24px; line-height:24px; border-radius:12px; font-size:13px; color:#fff; max-width:200px; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} /* 템플릿 추가 기능 영역 */ .templet_slide .owl-item .item::before {content:""; position:absolute; left:0; top:0; width:100%; height:0px; display:block; background:rgba(0,0,0,0.8); z-index:1; overflow:hidden; transition:0.3s;} .templet_slide .owl-item .item.add_function::before {display:block; height:126px;} .templet_slide .owl-item .item .templet_function_btn {transition:0.3s; position:absolute; top:-100%; border:2px solid #fff; z-index:2; left:30px; text-align:center; display:block; width:calc(100% - 60px); height:66px;} .templet_slide .owl-item .item.add_function .templet_function_btn {display:block; top:30px;} .templet_slide .owl-item .item .templet_function_btn .function_btn {display:inline-block; background:none; border:none; height:30px; line-height:30px; color:#fff; font-size:15px; transition:0.2s; padding:0; margin:15px 25px 0 0;} .templet_slide .owl-item .item .templet_function_btn .function_btn:last-child {margin:15px 0 0 0;} .templet_slide .owl-item .item .templet_function_btn .function_btn:hover {color:#2ac6f4;} .templet_slide .owl-item .item .templet_function_btn .function_btn i {font-size:20px; margin:0 7px 0 0; position:relative; top:1px;} .templet_slide .owl-item .item .templet_function_btn button.function_close_btn {background:none; outline:0; border:none; padding:0; text-align:center; display:inline-block; width:20px; height:20px; position:absolute; right:-30px; top:-30px; color:#fff;} .templet_slide .owl-item .item .templet_function_btn button.function_close_btn i {transition:0.2s;} .templet_slide .owl-item .item .templet_function_btn button.function_close_btn:hover i {color:#d9534f;} .templet_slide.owl-theme .owl-dots .owl-dot span {margin:0 3px;} .templet_slide.owl-theme .owl-nav.disabled + .owl-dots {margin-top:7px;} /* Information */ .home_container .home_content .home_section .information_box {width:calc(33.33% - 13.33px); float:left; margin-top:15px; margin-right:20px; position:relative;} .home_container .home_content .home_section .information_box:last-child {margin-right:0;} .information_box h4.info_title {font-size:18px; margin:3px 0 6px; position:relative; padding:0 20px 0 0;} .information_box h4.info_title i {font-size:18px; position:absolute; right:0; top:0; color:#b1b1b1; transition:0.2s;} .information_box h4.info_title i:hover {color:#2ac6f4;} .information_box h4.info_title .tooltip .tooltip-inner {text-align:left; word-break:keep-all; padding:8px 15px;} .information_box .information_slide .owl-stage-outer {border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;} .information_box .information_slide ul {padding:15px 0; margin:0;} .information_box .information_slide ul li {padding:0; margin:0 0 2px; font-size:13px; line-height:20px; list-style:none; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .information_box .information_slide ul li:last-child {margin-bottom:0;} .information_box .information_slide ul li a {color:#000; transition:0.2s;} .information_box .information_slide ul li a:hover {color:#257bca;} .information_box .information_slide ul li a span {color:#257bca; display:inline-block; margin-left:10px;} .information_box .information_slide.owl-theme .owl-dots {display:none;} .information_box .information_slide .owl-nav {margin-top:-11px; text-align:right; z-index:1; position:relative;} .information_box .information_slide.owl-carousel .owl-nav button.owl-prev, .information_box .information_slide.owl-carousel .owl-nav button.owl-next {background:#b1b1b1; margin:0; padding:0; display:inline-block; width:20px; height:20px; border-radius:10px; text-align:center; line-height:20px; font-size:14px; color:#fff; transition:0.2s;} .information_box .information_slide.owl-carousel .owl-nav button.owl-next {margin-left:6px;} .information_box .information_slide.owl-carousel .owl-nav button.owl-prev:hover, .information_box .information_slide.owl-carousel .owl-nav button.owl-next:hover {background:#666;} .information_box .information_slide.owl-carousel .owl-nav button.owl-prev.disabled, .information_box .information_slide.owl-carousel .owl-nav button.owl-next.disabled {opacity:1; background:#d8d8d8 !important;} /* 최근 검사 추이 */ .home_container .home_content .home_section .sort_main_chart {text-align:right; margin:0 0 5px;} .home_container .home_content .home_section .sort_main_chart select.form-control {display:inline-block; width:auto; min-width:100px; text-align:center; margin:0 0 0 5px;} .home_container .home_content .main_chart_area img.main_ex_img {width:100%; height:auto;} /* 게시판 링크 */ ul.home_link {padding:0; margin:20px 0 0;} ul.home_link:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} ul.home_link li {float:left; width:calc(33.33% - 13.33px); float:left; padding:0; margin:0 20px 0 0; list-style:none;} ul.home_link li:last-child {margin-right:0;} ul.home_link li a {display:block; background:#e1e1e1; height:60px; padding:0; position:relative; text-align:right; padding:0 30px 0 110px; transition:0.3s;} ul.home_link li a img {display:inline-block; position:absolute; left:30px; top:50%; transform:translate(0,-50%);} ul.home_link li a span {display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition:0.3s;} ul.home_link li a span.home_link_title {font-size:17px; font-weight:500; padding-top:10px; color:#000; line-height:20px;} ul.home_link li a span.home_link_txt {font-size:13px; margin-top:2px; color:#555;} ul.home_link li a:hover {background:#0087c9;} ul.home_link li a:hover span {color:#fff !important;} /*============================================================================================================================ 파워 유저 양식 =============================================================================================================================*/ /* #detailExtraction {display:block; position:relative; padding:0; background:#ffffff;} */ /*============================================================================================================================ 양식 리스트 =============================================================================================================================*/ /* 양식관리 리스트 */ .cdrs_container.control_area {padding:0;} /* ******************** 양식관리 - 좌측 영역 ******************** */ .control_area:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .control_area .control_left {width:400px; float:left;} .control_area .control_left > .x_panel {height:calc(100vh - 128px); margin-bottom:0;} .control_area .control_left > .x_panel:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .control_area .control_left .control_left_tab {text-align:center; padding:10px 0 12px; overflow:hidden;} .control_left_tab .folderBtn {padding:6px 12px 5px 12px; margin-right:10px; transition:0.2s; box-sizing:border-box; width:calc(33.33% - 7px); float:left; font-weight:bold; color:#333;} .control_left_tab .folderBtn.btn_personal {background:#fff; border:2px solid #2e6da4; color:#2e6da4;} .control_left_tab .folderBtn.btn_personal:hover, .control_left_tab .folderBtn.btn_personal:focus, .control_left_tab .folderBtn.btn_personal.active {background:#2e6da4; color:#fff;} .control_left_tab .folderBtn.btn_favorites {background:#fff; border:2px solid #eea236; color:#eea236;} .control_left_tab .folderBtn.btn_favorites:hover, .control_left_tab .folderBtn.btn_favorites:focus, .control_left_tab .folderBtn.btn_favorites.active {background:#eea236; color:#fff;} .control_left_tab .folderBtn.btn_share {background:#fff; border:2px solid #4cae4c; color:#4cae4c; margin-right:0;} .control_left_tab .folderBtn.btn_share:hover, .control_left_tab .folderBtn.btn_share:focus, .control_left_tab .folderBtn.btn_share.active {background:#4cae4c; color:#fff;} /* 커넥션 리스트 */ .control_area .control_left .connect_list {overflow-x:auto; overflow-y:hidden; white-space:nowrap; border:1px solid #ccc; border-radius:5px; padding:10px; margin:0;} .control_area .control_left .connect_list .connection {width:130px; height:110px; display:inline-block; border:3px solid #ccc; padding:10px; margin:0 10px 0 0; border-left:10px solid #ccc; text-align:center; border-radius:5px; cursor:pointer; transition:0.2s;} .control_area .control_left .connect_list .connection:hover {background:#d7f6ff;} .control_area .control_left .connect_list .connection.active {border-color:#5197ff;} .control_area .control_left .connect_list .connection:last-child {margin-right:0;} .control_area .control_left .connect_list .connection img {height:50px; width:auto; max-width:90px;} .control_area .control_left .connect_list .connection p {margin:0; padding:0; font-size:12px; color:#333; line-height:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .control_area .control_left .connect_list .connection p.meta_name {font-weight:bold; margin-top:5px;} .control_area .control_left .connect_list .connection p.connection_name {font-weight:normal; margin-top:2px;} /* 기능 */ .control_area .control_left .folder_list {position:relative;} .control_area .control_left .folder_list .floder_function .floder_function_btn {text-align:right; padding:10px 0 5px;} .folder_list .floder_function .floder_function_btn .function_btn {background:none; outline:0; transition:0.2s; border:1px solid #ccc; padding:0; margin:0 5px 0 0; width:30px; height:26px; text-align:center; color:#777; line-height:24px; margin-left:-3px; font-size:16px; border-radius:3px;} .folder_list .floder_function .floder_function_btn .function_btn:hover {color:#5197ff; border-color:#5197ff;} .folder_list .floder_function .floder_function_btn .tooltip-inner {white-space:nowrap; padding-top:6px;} .folder_list .floder_function .floder_function_btn #btn_deleteFolder.function_btn:hover {color:#d9534f; border-color:#d9534f;} .folder_list .treeSearch_inp {height:40px;} .folder_list .treeSearch_btn {position:absolute; top:0%; right:0%; margin-top:0; height:100%; padding-left: 16px; border: 0px; border-radius: 0px 4px 4px 0px;} .folder_list .treeSearch_btn i {font-size:16px} /* 검색 */ .control_area .control_left .folder_list .floder_function .form-group {margin-bottom:0;} .control_area .control_left .folder_list .floder_function .has-feedback .form-control.has-feedback-left {border-radius:0; height:40px; line-height:40px; border:1px solid #d9d9d9; padding-left:40px; box-shadow:none; background:#f8f8f8; padding-right:10px; border-bottom:none;} .control_area .control_left .folder_list .floder_function .has-feedback .form-control-feedback.left {height:40px; line-height:40px; border-right:0; margin:0;} .control_area .control_left .folder_list #div_folderTree {height:calc(100vh - 434px); overflow-y:auto; border:1px solid #d9d9d9; border-top:none; font-size: 13px; color: #777;} /* ******************** 양식관리 - 우측 영역 ******************** */ h3.form-title {font-size:15px; font-weight:500; color:#333; position:relative; padding:10px 10px 10px 15px; margin:0; margin:0; clear:both; line-height:20px;} h3.form-title:before {content:""; display:inline-block; width:2px; height:14px; background:#64ac2f; position:absolute; left:5px; top:13px;} h3.form-title:after {content:""; display:inline-block; width:2px; height:4px; background:#f4c11e; position:absolute; left:5px; top:13px;} h3.form-title .btn_area {display:inline-block; font-size:12px; color:#777; margin:0; float:right; position:relative; top:-3px;} h3.form-title .btn_area .form_btn {background:#fff; border:1px solid #ccc; color:#777; width:30px; height:26px; text-align:center; display:inline-block; margin:0; transition:0.2s; padding:0;} h3.form-title .btn_area .form_btn:hover, h3.form-title .btn_area .form_btn:focus {color:#5197ff; border-color:#5197ff;} h3.form-title .btn_area #btn_removeData.form_btn:hover, h3.form-title .btn_area #btn_removeData.form_btn:focus {color:#d9534f; border-color:#d9534f;} h3.form-title .btn_area #btn_addFavorite.favorited {color:#f0ad4e;} h3.form-title .btn_area #btn_shareData.shared {color:#6e97fd;} h3.form-title .btn_area .tooltip-inner {white-space:nowrap; padding-top:6px;} #div_categoryDetail_grid .tui-grid-table .rowInfo .gridBtnExcuteFavorite.favorited {color:#f0ad4e;} #div_categoryDetail_grid .tui-grid-table .rowInfo .gridBtnExcuteShare.shared {color:#6e97fd;} #div_packageDetail_grid .tui-grid-table .rowInfo .gridBtnExcuteShare.shared {color:#6e97fd;} .control_area .control_right {width:calc(100% - 410px); float:right;} .control_area .control_right > .x_panel {height:calc(100vh - 128px); margin-bottom:0;} .control_area .control_right > .x_panel:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .control_area .control_right .form_detail {border:1px solid #d9d9d9; border-left:none; border-right:0; padding:30px 0; overflow-y:auto; overflow-x:hidden; max-height:calc(100vh - 198px);} .control_area .control_right .form_detail:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .control_right .form_detail .form_group {display:inline-block; margin-right:100px; margin-bottom:15px;} .control_right .form_detail .form_group:last-child {margin-bottom:0;} .control_right .form_detail .form_group label.control-label {display:inline-block; text-align:left; width:110px; margin-right:0px; padding-left:20px;} .control_right .form_detail .form_group .form-control {display:inline-block; background:#fff; width:300px; box-shadow:none;} .control_right .form_detail .form_group .img_area {text-align:center; padding-top:20px;} .control_right .form_detail .form_group .img_area img {max-width:100%;} .control_right .form_detail .form_group.block_style {display:block; margin-right:0; width:100%;} .control_right .form_detail .form_group.block_style .form-control {width:calc(100% - 150px);} .control_right .form_detail .form_group.block_style textarea.form-control {padding:10px 12px;} .control_right .form_detail.folder_content {} .control_right .form_detail.package_content {} .control_right .form_detail.form_content {overflow-y:auto; max-height:calc(100vh - 188px);} /* ********** Wide2 PC용 CSS ********** */ @media all and (max-width:1600px){ .home_container .home_content .home_section .information_box {width:calc(50% - 10px);} .home_container .home_content .home_section .information_box:nth-child(2n) {margin-right:0;} ul.home_link li {width:calc(50% - 10px);} ul.home_link li:nth-child(2n) {margin-right:0;} ul.home_link li:last-child {margin-top:20px;} } /* ********** Wide PC용 CSS ********** */ @media all and (max-width:1280px){ .home_container .home_content .home_section .information_box {width:100%; margin-right:0;} ul.home_link li {width:100%; margin-right:0; margin-top:20px;} } /* ------- meta_list 페이지 ------- */ .meta-list{position:relative; overflow-x:hidden; height:700px;} /*.meta-list .x_panel.metaCard {position:relative; padding:15px 20px 10px; border-left:10px solid #009845;}*/ .meta-list .x_panel.metaCard {position:relative; padding:15px 20px 10px; border-left:10px solid #169dc3;} .meta-list .x_panel.metaCard.disabled {border-left:10px solid red;} .meta-list .x_panel.metaCard.selected {border-left:10px solid #3d9cd6;} .meta-list .edit_meta {right:43px;} .meta-list .edit_meta:hover {border:1px solid #257bca; color:#257bca;} .meta-list .delete_meta:hover {border:1px solid #c83d26; color:#c83d26;} .meta-list .edit_meta, .meta-list .delete_meta {position:absolute; right:12px; top:12px; display:inline-block; width:26px; height:26px; padding:0; margin:0; border:1px solid #bcbcbc; line-height:24px; font-size:13px; text-align:center; color:#777; transition:0.2s; background:#fff; border-radius:13px; z-index:2;} .meta-list .edit_meta .tooltip_area, .meta-list .delete_meta .tooltip_area {width:25px; height:20px; position:relative; display:inline-block;} .meta-list .edit_meta .tooltip_area span, .meta-list .delete_meta .tooltip_area span {position:absolute; left:0px; top:0px; width:100%; height:100%; cursor:pointer; display:block; opacity:0;} .meta-list .edit_meta {right:43px;} .meta-list .edit_meta:hover {border:1px solid #257bca; color:#257bca;} .meta-list .delete_meta:hover {border:1px solid #c83d26; color:#c83d26;} .meta-list .meta-header {overflow:hidden; position:relative;} .meta-list .meta-header:after {content:""; position:absolute; width:1px; height:60px; left:135px; top:20px; background:#d9d9d9;} .meta-list .meta-header .title-img {position:relative; display:inline-block; width:100px; height:100px; overflow:hidden; border:1px solid #d9d9d9; border-radius:60px; margin:0 0 0 10px;} .meta-list .meta-header .title-img .meta-img {height:100px; width:100px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);} .meta-list .meta-header .title-txt {float:right; width:calc(100% - 140px); text-align:left; padding-left:20px;} .meta-list .meta-header .title-txt h3 {font-size:20px; margin:17px 0 0; line-height:1; color:#333; padding-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .meta-list .meta-header .title-txt h4 {font-size:13px; margin:5px 0 0 0; color:#666;} .meta-list .x_panel.right_modal {position:absolute; width:35%; height:85%; margin-right:-40%; right:0; top:auto; z-index:50;transition:1s; overflow:auto;} .meta-list .x_panel.right_modal.right_modal_show {margin-right:0%;} .meta-iconBox{overflow:hidden;padding:0px 20px 20px 0px;box-sizing:border-box;position:absolute; top:110px; right:20px;} .meta-iconBox li{width:26px; float:left; list-style:none; margin-left:20px; cursor:pointer; opacity:0.6;} .meta-iconBox li img{width:100%;} .meta-iconBox li:hover{opacity:1;transition:0.4s;} .tui-grid-content-area div, .tui-grid-layer-state, .ace_gutter .ace_gutter {z-index:0;} /* ******************** OneClick ******************** */ /* 프로시저 관리 */ .procedure_manage .meta_data_list {padding:0 17px 15px; display:none;} .procedure_manage .meta_data_list .connect_list {overflow-x:auto; overflow-y:hidden; white-space:nowrap;} .procedure_manage .meta_data_list .connect_list .connection {width:110px; height:110px; display:inline-block; border:3px solid #ccc; padding:10px; margin:0 10px 0 0; border-left:10px solid #ccc; text-align:center; border-radius:5px; cursor:pointer; transition:0.2s;} .procedure_manage .meta_data_list .connect_list .connection:hover {background:#d7f6ff;} .procedure_manage .meta_data_list .connect_list .connection.active {border-color:#5197ff;} .procedure_manage .meta_data_list .connect_list .connection img {height:50px; width:auto; max-width:80px;} .procedure_manage .meta_data_list .connect_list .connection p {margin:0; padding:0; font-size:12px; color:#333; line-height:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .procedure_manage .meta_data_list .connect_list .connection p.meta_name {font-weight:bold; margin-top:5px;} .procedure_manage .meta_data_list .connect_list .connection p.connection_name {font-weight:normal; margin-top:2px;} .procedure_detail_info #div_procedureParamInfoGrid .tui-grid-cell-editable {position:relative; padding-right:26px;} .procedure_detail_info #div_procedureParamInfoGrid .tui-grid-cell-editable:after {position:absolute; right:10px; top:11px; font-family:'Font Awesome 5 Free'; content:"\f044"; font-weight:900; color:#8adcd5;} .procedure_detail_info #div_procedureParamInfoGrid .tui-grid-cell-content input[type=password], .tui-grid-cell-content input[type=text] {width:100%; height:28px; padding:2px; border:1px solid #ccc; border-radius:3px;} /* **************************** 게시판 쓰기 화면 **************************** */ /* 쓰기 기본 :2단 이상용 */ .x_panel.board_wrap {max-width:1200px; margin:30px auto 0; display:block; padding:20px 40px;} .x_panel.board_wrap .x_title {border-bottom:none; padding:1px 5px 6px; margin-bottom:0;} .board_wrap .form-table {width:100%; border-collapse:collapse; font-size:14px; word-break:keep-all;} .board_wrap .form-table caption{position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden; /* visibility:hidden; */ opacity:0;} .board_wrap .form-table tbody {border-top:3px solid #265ca8;} .board_wrap .form-table tbody th.subject {padding-left:10px; color:#333; font-weight:bold; text-align:left; vertical-align:middle; } .board_wrap .form-table tbody th {padding:10px 10px; background:#fafafa; text-align:center; color:#333; background-color:#fafafa; vertical-align:middle; border:1px solid rgba(0,0,0,0); border-bottom:1px solid #d9d9d9; } .board_wrap .form-table tbody td {padding:10px 10px; border-bottom:1px solid #d9d9d9; color:#333; line-height:30px; text-align:left; background:#fff; vertical-align:middle;} .board_wrap .form-table tbody td textarea {padding:10px;} .board_wrap .form-table tbody td textarea.resize_vertical {resize:vertical;} .board_wrap .form-table tbody td textarea.resize_none {resize:none;} .board_wrap .editor_area{padding:10px 10px; min-height:400px; font-size:14px; line-height:1.5; overflow:hidden; word-break:keep-all;} .board_wrap .editor_area img {display:block;max-width:100%; height:auto; margin:0 auto;} .board_wrap .editor_area p {margin-bottom:10px;} .board_wrap .editor_area:after {clear:both;} .board_wrap .filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;} .board_wrap .filebox label {display:inline-block; padding:8px 20px; color:#fff; font-size:inherit; line-height:normal; vertical-align:middle; background-color:#265ca8; margin:0px;} .board_wrap .filebox .upload-name {display:inline-block; padding:.5rem 1rem; width:350px; font-size:inherit; font-family:inherit; line-height:normal; vertical-align:middle;} .board_wrap .filebox p.filebox_txt {display:inline-block; color:#4a5296; font-weight:bold; font-size:13px; padding-left:10px;} .board_wrap .saveBtn button{background:#265ca8; border:1px solid rgba(0,0,0,0);} .board_wrap .saveBtn button:hover{background:#2c3f6f; border:1px solid rgba(0,0,0,0);} .board_wrap .board_btn_area {margin:20px 0; text-align:center;} .board_wrap .form-table .form-control {font-size:13px;} .board_wrap .form-table.form-table-view .form-control[readonly] {background-color:transparent; border-color:transparent; padding:0; box-shadow:none;} /* **************************** pop - 커스텀 셋팅 화면 **************************** */ .cutstom_setting_area {overflow:hidden; background:#fff; border:1px solid #87aec3;} .cutstom_setting_area .cutstom_setting_list {float:left; width:230px; border-right:1px solid #87aec3; padding:0;} .cutstom_setting_area .cutstom_setting_list ul.custom_item_list {padding:0; margin:0; border-top:1px solid #ddd; overflow-y:auto; overflow-x:hidden;} .cutstom_setting_area .cutstom_setting_list ul.custom_item_list li {padding:0; margin:0; list-style:none; border-bottom:1px solid #ddd;} .cutstom_setting_area .cutstom_setting_list ul.custom_item_list li a {height:38px; width:100%; display:block; transition:0.2s; line-height:36px; padding:0 20px 0 33px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; position:relative; color:#333;} .cutstom_setting_area .cutstom_setting_list ul.custom_item_list li a:before {position:absolute; content:""; left:15px; top:0; color:#999; font-family:'Font Awesome 5 Free'; font-weight:900; font-size:11px; display:inline-block; width:10px; height:38px; line-height:36px; text-align:center;} .cutstom_setting_area .cutstom_setting_list ul.custom_item_list li.icon_type_num a:before {content:"#";} .cutstom_setting_area .cutstom_setting_list ul.custom_item_list li.icon_type_txt a:before {content:"\f031";} .cutstom_setting_area .cutstom_setting_list ul.custom_item_list li.icon_type_date a:before {content:"\f073";} .cutstom_setting_area .cutstom_setting_list ul.custom_item_list li.icon_type_column a:before {content:"\f0db";} .cutstom_setting_area .cutstom_setting_list ul.custom_item_list li.icon_type_custom a:before {content:"@";} .cutstom_setting_area .cutstom_setting_list ul.custom_item_list li.icon_type_undefined a:before {content:"\f128";} .cutstom_setting_area .cutstom_setting_list ul.custom_item_list li a:hover {background:#a6f5e0;} .cutstom_setting_area .cutstom_setting_list ul.custom_item_list li a.active {background:#42caa5;} .cutstom_setting_area .cutstom_setting_list ul.custom_item_list li a.active, .cutstom_setting_area .cutstom_setting_list ul.custom_item_list li a.active:before {color:#fff;} .cutstom_setting_area .cutstom_setting_con {float:right; width:calc(100% - 230px);} .cutstom_setting_area .cutstom_setting_con .cutstom_setting_con_list {overflow-y:auto; overflow-x:hidden; padding:5px 20px 10px;} /* **************************** pop - 컬럼차트 **************************** */ .column_chart_area {overflow:hidden; background:#fff; border:1px solid #87aec3;} .column_chart_area .column_chart_list {float:left; width:200px; border-right:1px solid #87aec3; padding:0;} .column_chart_area .column_chart_list ul.column_item_list {padding:0; margin:0; border-top:1px solid #ddd; overflow-y:auto; overflow-x:hidden;} .column_chart_area .column_chart_list ul.column_item_list li {padding:0; margin:0; list-style:none; border-bottom:1px solid #ddd;} .column_chart_area .column_chart_list ul.column_item_list li a {height:38px; width:100%; display:block; transition:0.2s; line-height:36px; padding:0 20px 0 33px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; position:relative; color:#333;} .column_chart_area .column_chart_list ul.column_item_list li a:before {position:absolute; content:""; left:15px; top:0; color:#999; font-family:'Font Awesome 5 Free'; font-weight:900; font-size:11px; display:inline-block; width:10px; height:38px; line-height:36px; text-align:center;} .column_chart_area .column_chart_list ul.column_item_list li.icon_type_column a:before {content:"\f0db";} .column_chart_area .column_chart_list ul.column_item_list li.icon_type_txt a:before {content:"\f031";} .column_chart_area .column_chart_list ul.column_item_list li.icon_type_num a:before {content:"#";} .column_chart_area .column_chart_list ul.column_item_list li.icon_type_date a:before {content:"\f073";} .column_chart_area .column_chart_list ul.column_item_list li.icon_type_custom a:before {content:"@";} .column_chart_area .column_chart_list ul.column_item_list li.icon_type_undefined a:before {content:"\f128";} .column_chart_area .column_chart_list ul.column_item_list li a:hover {background:#a6f5e0;} .column_chart_area .column_chart_list ul.column_item_list li a.active {background:#42caa5;} .column_chart_area .column_chart_list ul.column_item_list li a.active, .column_chart_area .column_chart_list ul.column_item_list li a.active:before {color:#fff;} .column_chart_area .column_chart_selected {float:left; width:200px; border-right:1px solid #87aec3;} .column_chart_area .column_chart_selected .selected_area {overflow-y:auto; overflow-x:hidden; padding:10px 5px 10px 5px; border-top:1px solid #87aec3;} .column_chart_area .column_chart_selected .selected_area h4.sub-title3 {padding:0;} .column_chart_area .column_chart_selected .selected_area .column_chart_btn {padding:0; margin-bottom:5px;} .column_chart_area .column_chart_selected .selected_area .column_chart_btn .btn {margin-bottom:4px; min-width:60px; margin-right:0;} .column_chart_area .column_chart_selected .selected_area .column_chart_btn .btn:nth-child(3n) {margin-right:0;} .column_chart_area .column_chart_selected .selected_area .column_chart_btn .btn:nth-child(4), .column_chart_area .column_chart_selected .selected_area .column_chart_btn .btn:nth-child(5), .column_chart_area .column_chart_selected .selected_area .column_chart_btn .btn:nth-child(6) {margin-bottom:0;} .column_chart_area .column_chart_con {float:right; width:calc(100% - 400px);} .column_chart_area .column_chart_con .chart_area {overflow-y:auto; overflow-x:hidden; padding:10px;} /* **************************** shift_grid **************************** */ .shift_grid_area {padding:10px 0; display:flex;} .shift_grid_area:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .shift_grid_area .grid_item {width:48%; float:left;} .shift_grid_area .grid_item_btn {float:left; text-align:center; position:relative; width:4%;} .shift_grid_area .grid_item_btn .btn_top, .shift_grid_area .grid_item_btn .btn_bottom {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);} .shift_grid_area .grid_item_btn .btn_top {top:35%;} .shift_grid_area .grid_item_btn .btn_bottom {top:65%;} .shift_grid_area .grid_item_btn .btn-circle-arrow {display:block; margin:0 0 5px 0; padding:0; width:25px; height:25px; line-height:19px; border-radius:50%; text-align:center; font-size:20px;} .shift_grid_area .grid_item_btn .btn-circle-arrow:last-child {margin-bottom:0;} .shift_grid_area .grid_item_btn .btn-circle-arrow i {margin-right:0;} /* 세로형 버전 */ .shift_grid_area.shift_vertical {display:block;} .shift_grid_area.shift_vertical .grid_total_count {width:100%; display:inline-block; margin-top:-5px;} .shift_grid_area.shift_vertical .grid_item {width:100%;} .shift_grid_area.shift_vertical .grid_item_btn {width:100%; height:30px; line-height:28px;} .shift_grid_area.shift_vertical .grid_item_btn .btn_top, .shift_grid_area.shift_vertical .grid_item_btn .btn_bottom {position:relative; left:0; top:0; transform:translate(0, 0); display:inline-block; float:left; width:50%;} .shift_grid_area.shift_vertical .grid_item_btn .btn_top {top:0;} .shift_grid_area.shift_vertical .grid_item_btn .btn_bottom {top:0;} .shift_grid_area.shift_vertical .grid_item_btn .btn-circle-arrow {display:inline-block; margin:0 5px 0 0; transform:rotate(90deg);} .shift_grid_area.shift_vertical .grid_item_btn .btn-circle-arrow:last-child {margin-right:0;} /* tooltip_basic */ .tooltip_basic .tooltip .tooltip-inner {padding:10px; text-align:left;} /* **************************** 양식 생성 css **************************** */ .form_make_area {width:100%; height:calc(100vh - 135px);} .form_make_area:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .form_make_area .con_tree {float:left; width:270px; border-right:1px solid #87aec3; position:relative; transition:0.5s; z-index:51;background-color:#ffffff;} /* ********** paneltree_menu 메뉴 ********** */ /* 탭 스타일 */ .form_make_area ul#treeSelectTab {padding:5px; border:none; width:269px; overflow:hidden;} .form_make_area ul#treeSelectTab li a {font-size:13px; padding:0; width:85px; height:30px; margin:0; text-align:center; line-height:30px; background:#fff; transition:0.2s; color:#333; border:none; border-radius:5px;} .form_make_area ul#treeSelectTab li.active a, ul#treeSelectTab li:hover a {background:#003875; color:#fff;} .form_make_area .con_tree {float:left; width:270px; border-right:1px solid #87aec3; position:relative; transition:0.5s; z-index:10;} .form_make_area .con_tree .js-toggle-tree {height:60px; width:16px; position:absolute; right:0px; top:50%; transform:translate(0,-50%); z-index:2; background:#fff; border-radius:5px 0 0 5px; border:1px solid #ccc; border-right:none; transition:0.5s; text-align:center; padding:0; margin:0;} .form_make_area .con_tree .js-toggle-tree span {color:#555; line-height:60px; font-weight:normal; display:inline-block; transition:0.2s; width:16px; text-align:center;} .form_make_area .con_tree .js-toggle-tree span:before{display:inline-block; line-height:60px; width:16px; font-size:12px; font-family:'Font Awesome 5 Free'; content:"\f053"; font-weight:900;} .form_make_area .con_tree .js-toggle-tree:hover span {background:#00b0f0; color:#fff;} .form_make_area .con_tree .js-toggle-tree.hide_tree {right:-16px; border-radius:0 5px 5px 0; border:1px solid #ccc; border-left:none;} .form_make_area .con_tree .js-toggle-tree.hide_tree span:before {content:"\f054";} .form_make_area [data-tooltip-text]:after {min-width:100px;} .form_make_area .con_tree .add_tree_item {position:absolute; right:13px; top:8px; transition:0.2s; color:#666; font-size:14px; padding:0; margin:0; border:none; outline:0; background:none; text-align:center;} .form_make_area .con_tree .add_tree_item:hover {color:#5bc0de;} .form_make_area .con_tree .add_tree_item i {margin-right:0;} .form_make_area .con_tree .has-feedback.form-group {margin:0;} .form_make_area .con_tree .has-feedback .form-control.has-feedback-left {border-radius:0; height:40px; line-height:40px; border:none; padding-left:40px; box-shadow:none; background:#f8f8f8; padding-right:10px; border-top:1px solid #d9d9d9;} .form_make_area .con_tree .has-feedback .form-control-feedback.left {height:40px; line-height:40px; border-right:0; margin:0;} .form_make_area .con_tree .has-feedback .form-control-feedback.left {height:40px; line-height:40px; border-right:0; margin:0;} .form_make_area .con_tree .has-feedback .treeSearch_inp {height:40px;} .form_make_area .con_tree .has-feedback .treeSearch_btn {position:absolute; top:0%; right:0%; margin-top:0; height:100%; padding-left: 16px; border: 0px; border-radius: 0px 4px 4px 0px; height: 100%;} .form_make_area .con_tree .has-feedback .treeSearch_btn i {font-size:16px} .form_make_area .con_tree .tree_menu {background:transparent; overflow-y:auto; height:calc(100vh - 214px); border-top:none; font-size: 13px;} /* 트리 접힘 스타일 */ .slideOutTree.form_make_area .con_tree {-webkit-animation-name:slideOutTree2; animation-name:slideOutTree2;} @-webkit-keyframes slideOutTree2 { from {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} to {-webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0);} } @keyframes slideOutTree2 { from {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} to {-webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0);} } .slideInTree.form_make_area .con_tree {-webkit-animation-name:slideInTree2; animation-name:slideInTree2;} @-webkit-keyframes slideInTree2 { from {-webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0);} to {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} } @keyframes slideInTree2 { from {-webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0);} to {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} } /* ******************** 트리 옆 설정영역 ******************** */ .form_make_area .panel_right_con {width:calc(100% - 270px); height:calc(100vh - 132px); position:absolute; right:0; top:0; transition:1s;} .form_make_area .panel_right_con:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} /* 추출설정 우측 상세내용 트리에 따른 넓이 조정 */ .slideOutTree.form_make_area .panel_right_con {width:100%;} /* 파워유저용 플로우 */ #powerFlowArea.power_flow_area {width:100%; height:245px; overflow:hidden;} /* 상세설정 */ .power_setting_area {width:100%; position:relative;} .power_setting_area .power_btn_area {text-align:right; height:40px; line-height:35px; box-sizing:border-box; position:relative; padding-left:113px; border-top:1px solid #87aec3; border-bottom:1px solid #87aec3; background:#f2fbff; padding:0 15px;} .power_setting_area .power_btn_area .power_btn_size {width:113px; height:40px; position:absolute; left:0; top:0; text-align:left; padding-left:10px;} .power_setting_area .power_btn_area .power_btn_size button.btn.btn-white.active, .power_setting_area .power_btn_area .power_btn_size button.btn.btn-white:hover {background:#007f8b; border-color:#006b75; color:#fff;} .power_setting_area .power_btn_area .power_btn_size i {margin-right:0;} /* 결과항목, 조건정보, 연관정보 override css */ .form_make_area .gutter {height:calc(100vh - 420px);} .form_make_area .view_result_items, .form_make_area .view_condition_info, .form_make_area .view_related_info, .form_make_area .view_set_select, .form_make_area .view_data_connect, .form_make_area .power_end_area {height:calc(100vh - 428px);} /* 커스텀 항목 버튼 */ .form_make_area .panel_right_con .dropdown.custom_items_btn {position:absolute; left:335px; top:5px;} .form_make_area .panel_right_con .dropdown.custom_items_btn .btn {position:relative; padding-right:30px; margin-right:0;} .form_make_area .panel_right_con .dropdown.custom_items_btn .btn i {position:absolute; right:11px; top:9px; margin:0;} .form_make_area .panel_right_con .dropdown.custom_items_btn.open>.dropdown-menu {left:0; padding:5px 0; background:#f1e9f7; box-shadow:5px 5px 8px rgba(0,0,0,0.2);} .form_make_area .panel_right_con .dropdown.custom_items_btn .dropdown-menu>li>a {transition:0.2s; color:#333;} .form_make_area .panel_right_con .dropdown.custom_items_btn .dropdown-menu>li>a:focus, .form_make_area .panel_right_con .dropdown.custom_items_btn .dropdown-menu>li>a:hover {background:#fff;} /* 결과 항목 버튼 */ .form_make_area .panel_right_con .result_items_btn {position:absolute; left:415px; top:5px;} .form_make_area .panel_right_con .result_items_btn .btn {position:relative; padding-right:30px; margin-right:0;} .form_make_area .panel_right_con .result_items_btn .btn i {position:absolute; right:11px; top:9px; margin:0;} /* .form_make_area .panel_right_con .result_items_btn.open>.dropdown-menu {left:0; padding:5px 0; background:#f1e9f7; box-shadow:5px 5px 8px rgba(0,0,0,0.2);} .form_make_area .panel_right_con .result_items_btn .dropdown-menu>li>a {transition:0.2s; color:#333;} .form_make_area .panel_right_con .result_items_btn .dropdown-menu>li>a:focus, .form_make_area .panel_right_con .result_items_btn .dropdown-menu>li>a:hover {background:#fff;} */ .panel_right_con button.expand_splitter {position:absolute; left:90px; top:7px;} .panel_right_con button.expand_splitter:hover {background:#007f8b; border-color:#006b75; color:#fff;} .panel_right_con button.expand_splitter i {margin-right:0;} /* 결과항목 */ .form_make_area .panel_right_con .settings_box {width:100%; padding:5px 20px 0; height:calc(100vh - 465px); overflow:auto;} .form_make_area .panel_right_con .settings_box.result_item {overflow:hidden;} .form_make_area .panel_right_con .view_set_select .settings_box, .form_make_area .panel_right_con .view_data_connect .settings_box {height:calc(100vh - 470px);} .form_make_area .panel_right_con #splitResultItems .addTableColumnList {width: 200px; position: absolute; left: 130px; top: 5px;} .form_make_area .panel_right_con #splitResultItems .addTableColumnList li {list-style: none;} .form_make_area .panel_right_con #splitConditionInfo .addTableColumnList {width: 200px; position: absolute; left: 130px; top: 5px;} .form_make_area .panel_right_con #splitConditionInfo .addTableColumnList li {list-style: none;} .form_make_area .panel_right_con #splitResultItems .addJoinColumnList {width: 200px; position: absolute; left: 130px; top: 5px;} .form_make_area .panel_right_con #splitResultItems .addJoinColumnList li {list-style: none;} .form_make_area .panel_right_con #splitResultItems .addJoinColumnList div {width: 100%;} .form_make_area .panel_right_con #splitConditionInfo .addJoinColumnList {width: 200px; position: absolute; left: 130px; top: 5px;} .form_make_area .panel_right_con #splitConditionInfo .addJoinColumnList li {list-style: none;} .form_make_area .panel_right_con #splitConditionInfo .addJoinColumnList div {width: 100%;} /* 커스텀항목 */ .form_make_area .panel_right_con .settings_box .custom_box > ul > li:first-child {display:flex;} .form_make_area .panel_right_con .settings_box.result_item .custom_box.fit_width {width:472px;} .form_make_area .panel_right_con .settings_box.result_item .custom_box.expand_width {min-width:472px;} .form_make_area .panel_right_con .settings_box.condition_item .custom_box.fit_width {width:556px;} .form_make_area .panel_right_con .settings_box.condition_item .custom_box.expand_width {min-width:556px;} .form_make_area .panel_right_con .settings_box.condition_item .custom_box > ul > li:first-child > button:nth-of-type(1) {margin-left:auto;} /* 화면 분할관련 버튼 액션 */ .form_make_area .panel_right_con.detail_expand #powerFlowArea.power_flow_area {height:0;} .form_make_area .panel_right_con.detail_expand .gutter {height:calc(100vh - 175px);} .form_make_area .panel_right_con.detail_expand .settings_box {height:calc(100vh - 212px);} .form_make_area .panel_right_con.detail_expand .view_set_select .settings_box, .form_make_area .panel_right_con.detail_expand .view_data_connect .settings_box {height:calc(100vh - 225px);} .form_make_area .panel_right_con.detail_expand .view_result_items, .form_make_area .panel_right_con.detail_expand .view_condition_info, .form_make_area .panel_right_con.detail_expand .view_related_info, .form_make_area .panel_right_con.detail_expand .view_set_select, .form_make_area .panel_right_con.detail_expand .view_data_connect, .form_make_area .panel_right_con.detail_expand .power_end_area {height:calc(100vh - 183px);} .form_make_area .panel_right_con.detail_collapse #powerFlowArea.power_flow_area {height:calc(100vh - 175px);} .form_make_area .panel_right_con.detail_collapse .gutter {height:0;} .form_make_area .panel_right_con.detail_collapse .settings_box {height:0;} .form_make_area .panel_right_con.detail_collapse .view_result_items, .form_make_area .panel_right_con.detail_collapse .view_condition_info, .form_make_area .panel_right_con.detail_collapse .view_related_info, .form_make_area .panel_right_con.detail_collapse .view_set_select, .form_make_area .panel_right_con.detail_collapse .view_data_connect, .form_make_area .panel_right_con.detail_collapse .power_end_area {height:0;} .form_make_area .panel_right_con.detail_divided #powerFlowArea.power_flow_area {height:245px;} .form_make_area .panel_right_con.detail_collapse .gutter {height:calc(100vh - 420px);} .form_make_area .panel_right_con.detail_collapse .settings_box {height:calc(100vh - 457px);} .form_make_area .panel_right_con.detail_collapse .view_result_items, .form_make_area .panel_right_con.detail_collapse .view_condition_info, .form_make_area .panel_right_con.detail_collapse .view_related_info, .form_make_area .panel_right_con.detail_collapse .view_set_select, .form_make_area .panel_right_con.detail_collapse .view_data_connect, .form_make_area .panel_right_con.detail_collapse .power_end_area {height:calc(100vh - 428px);} /*============================================================================================================================ 에러 페이지 =============================================================================================================================*/ div.error-flat {background:#2980b9; margin:-15px;} #particles-js {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;} .nav_md #particles-js {left:230px; width:calc(100% - 230px);} .nav_md #particles-js canvas {width:100% !important; height:100vh !important;} .error-content {height:calc(100vh - 60px); overflow:hidden; z-index:1; position:relative; box-align:center; align-items:center; -ms-flex-align:center; display:box; display:flex; box-pack:center; justify-content:center; -ms-flex-pack:center;} .error-content .error-content-box {width:auto; position:relative;} .error-content .error-content-box .error-big-content {position:relative; width:22rem; min-height:22rem; margin:0 auto;} .error-content .error-content-box .error-big-content .error-list-square {float:left;} .error-content .error-content-box .error-big-content .error-list-line {float:left; margin-left:2rem;} .error-content .error-content-box .error-big-content span.square {display:block; background:transparent; width:5rem; height:5rem; border-radius:0.5rem; border:1rem solid #FFFFFF; margin-bottom:1.5rem;} .error-content .error-content-box .error-big-content span.line {display:block; background:#FFFFFF; width:15rem; height:1rem; border-radius:0.5rem; margin-bottom:2.3rem;} .error-content .error-content-box .error-big-content span.line:nth-child(2) {width:10rem;} .error-content .error-content-box .error-big-content span.line:nth-child(4) {width:10rem;} .error-content .error-content-box .error-big-content span.line:nth-child(6) {width:10rem;} .error-content .error-content-box .error-big-content .fa-search {position:absolute; top:10rem; left:15rem; font-size:10rem; color:#00c8aa; animation:corner 5s infinite;} .error-content .error-content-box .error-big-content .fa-search.color {color:#36c7c7;} .error_txt {text-align:center; z-index:5; margin-left:120px; word-break:keep-all;} .error-content h1 {color:#fff; font-size:120px; margin:0 0 20px;} .error-content h1 i.fa-exclamation-triangle {color:#00ff00; float:left; margin-right:20px; font-size:40px;} .error-content h2 {color:#fff; font-size:30px; margin:0 0 20px;} .error-content p {color:#f1f1f1; font-size:16px; line-height:24px; text-align:left; max-width:340px;} .error-content .btn {margin-top:40px;} div.error-flat.error-flat2 {background:#f8f8f8;} .error-flat2 .error_img {z-index:4;} .error-flat2 .error-content h1 {color:#555; font-size:35px; margin:0 0 30px;} .error-flat2 .error-content h2 {color:#666; font-size:20px; margin:0 0 20px;} .error-flat2 .error-content p {color:#777; font-size:16px; text-align:left; max-width:500px;} .error-flat2 .error-content .btn {margin-top:30px;} /* 로그인 후 안내페이지 */ div.warning-flat {background:#f8f8f8; margin:-15px;} .warning-content {height:calc(100vh - 60px); overflow:hidden; z-index:1; position:relative; box-align:center; align-items:center; -ms-flex-align:center; display:box; display:flex; box-pack:center; justify-content:center; -ms-flex-pack:center;} .warning-content .warning_img {z-index:4;} .warning-content .warning_txt {text-align:left; z-index:5; margin-left:100px; word-break:keep-all; width:600px;} .warning-content .warning_txt h1 {color:#555; font-size:32px; line-height:38px; letter-spacing:-1px; margin:0 0 30px;} .warning-content .warning_txt h1 i.fa-exclamation-triangle {color:#efc11c; float:left; margin-right:30px; font-size:70px; margin-top:5px;} .warning-content .warning_txt ol {padding:0 0 0 15px; margin:0 0 30px;} .warning-content .warning_txt ol li {margin-bottom:10px; color:#666; font-size:17px; font-weight:500; text-align:left; line-height:24px;} .warning-content .warning_txt .warning_agree {text-align:center;} .warning-content .warning_txt .warning_agree .border-checkbox-section {background:rgba(255,255,255,0.5); border:1px solid #01a9ac; padding:10px 15px; border-radius:5px;} .warning-content .warning_txt .warning_agree .border-checkbox-section .border-checkbox-group .border-checkbox-label {margin:0;} .warning-content .warning_txt .warning_btn {margin-top:30px; text-align:center;} @-webkit-keyframes corner { 0% { -webkit-transform:translate(-2rem, 0); -webkit-animation-timing-function:0, 0.02, 0, 1.01; } 20% { -webkit-transform:translate(-15rem, 2rem); } 40% { -webkit-transform:translate(-7rem, -7rem); animation-timing-function:cubic-bezier(0, 0.02, 0, 1.01); } 60% { -webkit-transform:translate(-15rem, -10rem); } 80% { -webkit-transform:translate(2rem, -12rem); } 100% { -webkit-transform:translate(-2rem, 0); } } @-moz-keyframes corner { 0% { -moz-transform:translate(-2rem, 0); -moz-animation-timing-function:0, 0.02, 0, 1.01; } 20% { -moz-transform:translate(-15rem, 2rem); } 40% { -moz-transform:translate(-7rem, -7rem); animation-timing-function:cubic-bezier(0, 0.02, 0, 1.01); } 60% { -moz-transform:translate(-15rem, -10rem); } 80% { -moz-transform:translate(2rem, -12rem); } 100% { -moz-transform:translate(-2rem, 0); } } @keyframes corner { 0% { -webkit-transform:translate(-2rem, 0); -moz-transform:translate(-2rem, 0); -ms-transform:translate(-2rem, 0); -o-transform:translate(-2rem, 0); transform:translate(-2rem, 0); -webkit-animation-timing-function:0, 0.02, 0, 1.01; -moz-animation-timing-function:0, 0.02, 0, 1.01; animation-timing-function:0, 0.02, 0, 1.01; } 20% { -webkit-transform:translate(-15rem, 2rem); -moz-transform:translate(-15rem, 2rem); -ms-transform:translate(-15rem, 2rem); -o-transform:translate(-15rem, 2rem); transform:translate(-15rem, 2rem); } 40% { -webkit-transform:translate(-7rem, -7rem); -moz-transform:translate(-7rem, -7rem); -ms-transform:translate(-7rem, -7rem); -o-transform:translate(-7rem, -7rem); transform:translate(-7rem, -7rem); animation-timing-function:cubic-bezier(0, 0.02, 0, 1.01); } 60% { -webkit-transform:translate(-15rem, -10rem); -moz-transform:translate(-15rem, -10rem); -ms-transform:translate(-15rem, -10rem); -o-transform:translate(-15rem, -10rem); transform:translate(-15rem, -10rem); } 80% { -webkit-transform:translate(2rem, -12rem); -moz-transform:translate(2rem, -12rem); -ms-transform:translate(2rem, -12rem); -o-transform:translate(2rem, -12rem); transform:translate(2rem, -12rem); } 100% { -webkit-transform:translate(-2rem, 0); -moz-transform:translate(-2rem, 0); -ms-transform:translate(-2rem, 0); -o-transform:translate(-2rem, 0); transform:translate(-2rem, 0); } } /* ********** 개인자료 관리 ********** */ .top_search_area {position:relative; overflow:hidden; padding:0 5px;} .top_search_area .search_item {display:inline-block; margin-right:30px; vertical-align:top;} .top_search_area .search_item:last-child {margin-right:0;} .top_search_area .search_item .search_label {display:inline-block; padding:5px 10px 0 0; vertical-align:top;} .top_search_area .search_item .search_condition {display:inline-block; vertical-align:top;} .top_search_area .search_item .search_condition .form-control {display:inline-block; width:auto; min-width:100px; vertical-align:top;} .top_search_area .search_item .search_condition button {display:inline-block; vertical-align:top;} .top_search_area .search_item .search_condition .select2-container {margin-right:0;} .x_panel.personal_data_left {float:left; width:450px; padding:20px; margin-bottom:0;} .x_panel.personal_data_left h3.sub-title2 {padding-left:10px; border-top:1px dashed #d9d9d9;} .x_panel.personal_data_left h3.sub-title2:before, .x_panel.personal_data_left h3.sub-title2:after {left:0;} .x_panel.personal_data_left .form-group {margin:0 0 15px; overflow:hidden;} .x_panel.personal_data_left .form-group label.control-label {width:90px; text-align:left; float:left;} .x_panel.personal_data_left .form-group > .form-control {width:calc(100% - 100px); float:right;} .x_panel.personal_data_left .form-group .select2-container {width:calc(100% - 100px); margin-right:0; float:right;} .x_panel.personal_data_left .form-group .half_group {width:calc(100% - 110px); float:right; overflow:hidden;} .x_panel.personal_data_left .form-group .half_group .half_item:first-child {width:45%; margin-right:3%; float:left;} .x_panel.personal_data_left .form-group .half_group .half_item:last-child {width:52%; margin-right:0; float:right; text-align:right} .x_panel.personal_data_left .form-group .half_group .half_item:last-child button.btn {padding-right:6px; padding-left:6px;} .x_panel.personal_data_right {float:right; width:calc(100% - 460px); padding:20px; margin-bottom:0;} /* **************************** 리스트 **************************** */ /* 가로리스트 기본 스타일 */ .list-table {width:100%; background:#fff; word-break:break-all} .list-table caption {position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden; /* visibility:hidden; */ opacity:0;} .list-table thead, .list-table tbody {font-size:13px; text-align:center; } .list-table thead {color:#333;} .list-table tbody, .board_table tbody a {color:#333;} .list-table thead tr th {padding:14px 3px; background:#fff; color:#2c68a6; border-bottom:3px solid #265ca8; vertical-align:middle; text-align:center;} .list-table thead tr th.in_th {padding:14px 3px; background:#fafafa; border-top:1px solid #dfe2e5; border-bottom:1px solid #dfe2e5; vertical-align:middle;} .list-table thead tr th.border_left {border-left:1px solid #dfe2e5;} .list-table tbody tr th {border-top:1px solid #dfe2e5; background:#fafafa;} .list-table tbody tr td {padding:14px 3px; border-bottom:1px solid #dfe2e5; vertical-align:middle;} .list-table tbody tr td.subject {text-align:left; padding:14px 10px; line-height:18px; word-break:keep-all;} .list-table tbody tr td.subject.break-all {word-break:break-all;} .list-table tbody tr td a {font-weight:normal; transition:0.2s;} .list-table tbody tr td a:hover {text-decoration:underline;} .list-table tbody tr td.subject a:hover {} .list-table tbody tr td.border_left {border-left:1px solid #dfe2e5;} .list-table tbody tr td span.download_file_item {display:inline-block; margin-right:3px;} .list-table tbody tr td span.download_file_item:last-child {margin-right:0;} /* **************************** 상세보기 화면 **************************** */ /* 상세보기 화면 */ .viewwrap-brd {margin:0; width:100%; padding-top:30px;} .viewwrap-brd > .infobox {border-bottom:3px solid #265ca8; position:relative; padding-bottom:10px;} .viewwrap-brd > .infobox > h4 {padding:0 10px; color:#000; font-size:24px; line-height:24px; width:calc(100% - 350px);} .viewwrap-brd > .infobox > .info {position:absolute; right:10px; bottom:10px; font-size:14px; line-height:14px; width:350px; text-align:right;} .viewwrap-brd > .infobox > .info span {display:inline-block; color:#333; padding-left:30px;} .viewwrap-brd .viewwrap-brd-btn {text-align:center; margin:30px 0 70px;} .download_file {font-size:13px; color:#333; padding:10px; line-height:20px; border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9;} .download_file a {display:inline-block; margin-right:10px; padding:3px 0;} .download_file a:hover {text-decoration:underline;} .download_file a img {width:17px; height:20px; margin-right:3px;} .editor_area {padding:20px 10px; min-height:400px; font-size:13px; line-height:1.5; color:#333; overflow:hidden; word-break:keep-all; } pre.editor_area {padding:20px 10px; min-height:400px; font-size:13px; line-height:1.5; color:#333; overflow:hidden; word-break:keep-all; border:0px; font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', Dotum, 'Apple SD Gothic Neo', Sans-serif; font-weight:400; background:white; } .editor_area img {display:block;max-width:100%; height:auto; margin:0 auto;} .editor_area p {margin-bottom:10px;} .editor_area:after {clear:both;} /* 이전글 현재글 다음글 */ .view-list-brd {width:100%; margin-top:30px;} .view-list-brd caption {position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden; /* visibility:hidden; */ opacity:0;} .view-list-brd tbody {border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; font-size:13px; color:#333;} .view-list-brd tbody tr.now_list {background:#f8f8f8;} .view-list-brd tbody tr td {padding:14px 3px; border-bottom:1px solid #d9d9d9; text-align:center;} .view-list-brd tbody tr td i {color:#aaa;} .view-list-brd tbody tr td.subject {text-align:left; padding:14px 10px; line-height:18px;} .view-list-brd tbody tr td.subject a:hover {} .view-list-brd tbody tr:last-child td {border-bottom:none;} /* **************************** 쓰기 화면 **************************** */ /* 쓰기 기본 :2단 이상용 */ .noticeWrite_wrap .form-table {width:100%; border-collapse:collapse; font-size:13px; word-break:keep-all;} .noticeWrite_wrap .form-table caption{position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden; /* visibility:hidden; */ opacity:0;} .noticeWrite_wrap .form-table tbody {border-top:3px solid #265ca8;} .noticeWrite_wrap .form-table tbody th.subject {padding-left:10px; color:#333; font-weight:bold; text-align:left; vertical-align:middle; } .noticeWrite_wrap .form-table tbody th {padding:10px 10px; background:#fafafa; text-align:center; color:#333; background-color:#fafafa; vertical-align:middle; border:1px solid rgba(0,0,0,0); border-bottom:1px solid #d9d9d9; } .noticeWrite_wrap .form-table tbody td {padding:10px 10px; border-bottom:1px solid #d9d9d9; color:#333; line-height:30px; text-align:left; background:#fff; vertical-align:middle;} .noticeWrite_wrap .form-table tbody td textarea {padding:10px;} .noticeWrite_wrap .editor_area{padding:10px 10px; min-height:400px; font-size:13px; line-height:1.5; overflow:hidden; word-break:keep-all;} .noticeWrite_wrap .editor_area img {display:block;max-width:100%; height:auto; margin:0 auto;} .noticeWrite_wrap .editor_area p {margin-bottom:10px;} .noticeWrite_wrap .editor_area:after {clear:both;} .noticeWrite_wrap .filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;} .noticeWrite_wrap .filebox label {display:inline-block; padding:8px 20px; color:#fff; font-size:inherit; line-height:normal; vertical-align:middle; background-color:#265ca8; margin:0px;} .noticeWrite_wrap .filebox .upload-name {display:inline-block; padding:.5rem 1rem; width:350px; font-size:inherit; font-family:inherit; line-height:normal; vertical-align:middle;} .noticeWrite_wrap .filebox p.filebox_txt {display:inline-block; color:#4a5296; font-weight:bold; font-size:13px; padding-left:10px;} .noticeWrite_wrap .saveBtn button{background:#265ca8; border:1px solid rgba(0,0,0,0);} .noticeWrite_wrap .saveBtn button:hover{background:#2c3f6f; border:1px solid rgba(0,0,0,0);} /* **************************** form 테이블 **************************** */ /* 쓰기 기본 :2단 이상용 */ .form-table {width:100%; border-collapse:collapse; font-size:13px; word-break:keep-all;} .form-table caption{position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden; /* visibility:hidden; */ opacity:0;} .form-table tbody {border-top:3px solid #85a9db;} .form-table tbody th.subject {padding-left:10px; color:#333; font-weight:bold; text-align:left; vertical-align:middle;} .form-table tbody th {padding:10px 10px; background:#eaf0ff; text-align:center; color:#2c68a6; border:1px solid #85a9db; border-top:none; vertical-align:middle; position:relative; line-height:30px;} _:-ms-input-placeholder, :root .form-table tbody th {background:rgba(225,231,248,0.7);} .form-table tbody th.top-board:after {content:""; width:calc(100% + 2px); left:-1px; top:-1px; height:1px; background:#85a9db; position:absolute;} .form-table tbody td {padding:10px 10px; border-bottom:1px solid #dfe2e5; color:#333; line-height:20px; text-align:left; background:#fff; vertical-align:middle; word-break:break-all;} .form-table tbody td pre {font-size:13px; font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', Dotum, 'Apple SD Gothic Neo', Sans-serif; background:#fff; line-height:20px; border:0; border-radius:0;} .form-table tbody td ul.form-table-ul {padding:0; margin:0;} .form-table tbody td ul.form-table-ul li {padding:0 0 0 14px; margin:0 0 3px 0; list-style:none; position:relative; line-height:25px;} .form-table tbody td ul.form-table-ul li:after {position:absolute; content:""; width:4px; height:4px; left:3px; top:10px; background:#85a9db; border-radius:2px;} .form-table tbody td textarea {padding:10px;} .form-table tbody tr td:last-child {border-right:1px solid #dfe2e5;} .form-table tbody td a {transition:0.2s;} .form-table tbody td a:hover {text-decoration:underline;} .form-table tbody td a.btn:hover {text-decoration:none;} .form-table.write tbody th, .form-table.write tbody td {padding:7px 10px; line-height:18px;} .form-table.write tbody td .form-control[readonly] {background-color:transparent; border-color:transparent; padding:0; box-shadow:none;} .form-table.write tbody td .img_area {text-align:center; padding-top:20px;} .form-table.write tbody td .img_area img {max-width:100%;} /* **************************** 게시판 상세조회 화면 **************************** */ .news_view_area {position:relative;} .news_view_area .news_view_info {border-bottom:1px solid #d9d9d9; padding-bottom:25px;} .news_view_area .news_view_info span {font-size:14px; color:#999; letter-spacing:0; display:inline-block;} .news_view_area .news_view_info .cat {color:#00aeef; margin-right:10px;} .news_view_area .news_view_info .date {} .news_view_area .news_view_info h3 {color:#333; font-size:26px; margin-top:10px;} .news_view_area .news_view_info .file_down_area {margin-top:15px; padding-top:20px; border-top:1px solid #d9d9d9; line-height:20px;} .news_view_area .news_view_info .file_down_area a {display:inline-block; margin-left:5px; color:#257bca; letter-spacing:0px;} .news_view_area .news_view_info .file_down_area a span {color:#999;} .news_view_area .news_view_content {padding:30px 0; text-align:center; color:#444; letter-spacing:0;} .news_view_area .news_view_content img {margin-bottom:20px; max-width:100%; border:1px solid #d9d9d9;} .news_view_area .news_view_content video {width:100%; max-width:100%; margin-bottom:20px;} .news_view_area .news_view_content p {text-align:left; margin-bottom:20px; font-size:16px; line-height:22px;} .news_view_area .news_view_content a {color:#257bca;} /* 페이지 타이틀, contents 영역*/ .contents_area {min-height:500px; position:relative;} .contents_area .title_area.title_bg1 {background:#498cb5 url(../images/page/sub_bg1.png) no-repeat center bottom; background-size:100% auto;} .contents_area .title_area.title_bg2 {background:#4fbfdb url(../images/page/sub_bg2.png) no-repeat center bottom; background-size:100% auto;} .contents_area .title_area.title_bg3 {background:#489da7 url(../images/page/sub_bg3.png) no-repeat center bottom; background-size:100% auto;} .contents_area .title_area.title_bg4 {background:#86879a url(../images/page/sub_bg4.png) no-repeat center bottom; background-size:100% auto;} .contents_area .title_area .title_content {height:160px; position:relative;} .contents_area .title_area .title_txt {display:inline-block; text-align-last:right; position:absolute; left:27px; bottom:28px; display:none;} .contents_area .title_area .title_txt h3 {color:#cbd541; font-weight:bold; font-size:25px; margin-bottom:-6px;} .contents_area .title_area .title_txt h2 {color:#ffffff; font-weight:bold; font-size:40px;} .contents_area .contents {width:96%; background:#ffffff; margin:40px auto; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; min-height:600px; position:relative; overflow:hidden;} /* **************************** Help 페이지 **************************** */ .help_area .cdrsTitle {background:#333; height:40px; line-height:38px; border-radius:10px 10px 0 0; margin-bottom:0;} .help_area .cdrsTitle > .left {top:0; height:40px; padding-left:20px;} .help_area .cdrsTitle > .left ul.help_location {padding:0; margin:0; width:50%; float:left;} .help_area .cdrsTitle > .left ul.help_location li {list-style:none; display:inline-block; font-size:18px; padding:0; margin:0; padding-right:20px; position:relative; line-height:35px; color:#fff; line-height:40px;} .help_area .cdrsTitle > .left ul.help_location li:after {content:"\f054"; font-family:'Font Awesome 5 Free'; font-weight:900; font-size:16px; color:#999; position:absolute; right:3px; top:1px;} .help_area .cdrsTitle > .left ul.help_location li:last-child:after {display:none;} .help_area .cdrsTitle > .left p.help_txt {text-align:right; float:right; font-size:16px; color:#ccc; padding-right:15px; width:50%; margin-bottom:0; line-height:40px;} .help_area .cdrsTitle > .left i {margin:0 5px 0 0; color:#fff;} .help_area ul.help_slider {padding:0; margin:10px 0 0; position:relative;} .help_area ul.help_slider li {padding:0; margin:0; list-style:none; text-align:center;} .help_area ul.help_slider li img {max-height:700px; width:auto; max-width:100%; display:inline-block;} .help_area ul.help_slider.owl-theme .owl-nav {margin-top:0; z-index:10;} .help_area ul.help_slider.owl-theme.owl-carousel .owl-nav button.owl-prev, .help_area ul.help_slider.owl-theme.owl-carousel .owl-nav button.owl-next {position:absolute; top:50%; left:0; width:30px; height:30px; line-height:30px; text-align:center; margin-top:-15px; border-radius:15px;} .help_area ul.help_slider.owl-theme.owl-carousel .owl-nav button.owl-next {left:auto; right:0;} .help_area ul.help_slider.owl-theme .owl-nav [class*='owl-'] {color:#FFF; font-size:20px; margin:0; background:#D6D6D6; display:inline-block; cursor:pointer; border-radius:0;} .help_area ul.help_slider.owl-theme .owl-nav [class*='owl-']:hover {background:#869791; color:#FFF; text-decoration:none; } .help_area ul.help_slider.owl-theme.owl-carousel .owl-nav button.owl-prev, .help_area ul.help_slider.owl-theme.owl-carousel .owl-nav button.owl-next, .help_area ul.help_slider.owl-theme.owl-carousel button.owl-dot {transition:0.3s;} .help_area ul.help_slider.owl-theme.owl-carousel .owl-nav .disabled {cursor:not-allowed;} .help_area ul.help_slider.owl-theme .owl-dots {margin-top:10px;} /* 게시판 Reply */ span.reply {display:inline-block; width:23px; margin-left:25px; margin-right:5px; height:16px; border-radius:8px; position:relative; color:#fff; background:#F39C12; font-size:10px; line-height:16px; text-align:center;} span.reply:before {content:""; display:inline-block; position:absolute; left:-15px; top:-4px; width:12px; height:13px; border-left:2px dotted #ccc; border-bottom:2px dotted #ccc;} /*============================================================================================================================ CDRS Home =============================================================================================================================*/ .home_area {position:relative; margin:-15px;} /* 슬라이더 */ .home_area .home_slider_area {position:relative;} .home_area .home_slider_area .home_slider {width:100%; height:410px;} .home_area .home_slider_area .home_slider .slide_item {width:100%; height:410px; position:relative;} .home_area .home_slider_area .home_slider .slide_item.slide_item1 {background:url(../images/theme_cdrs/home/visual01.png) no-repeat center center; background-size:cover;} .home_area .home_slider_area .home_slider .slide_item.slide_item2 {background:url(../images/theme_cdrs/home/visual02.png) no-repeat center center; background-size:cover;} .home_area .home_slider_area .home_slider .slide_item.slide_item3 {background:url(../images/theme_cdrs/home/visual03.png) no-repeat center center; background-size:cover;} .home_area .home_slider_area .home_slider .slide_item.slide_item4 {background:url(../images/theme_cdrs/home/visual04.png) no-repeat center center; background-size:cover;} .home_area .home_slider_area .home_slider .slide_item.slide_item5 {background:url(../images/theme_cdrs/home/visual05.png) no-repeat center center; background-size:cover;} .home_slider_area .btn_play_stop {position:absolute; display:inline-block; bottom:10px; left:176px; z-index:100;} .home_slider_area .btn_play_stop button {background:none; border:none; color:#000; padding:5px; transition:all .2s;} .home_slider_area .btn_play_stop button:hover {color:#ECAB15;} .home_slider_area [data-tooltip-text]:after {min-width:60px;} .home_slider_area .home_slider .owl-dots {position:absolute; display:inline-block; bottom:8px; left:201px;} .home_slider_area .home_slider.owl-theme .owl-dots .owl-dot span {width:12px; height:12px; margin:5px 3px; background:#fff; border:1px solid #999; transition:0.2s;} .home_slider_area .home_slider.owl-theme .owl-dots .owl-dot.active span {background:#000; border:1px solid #000;} .home_slider_area .home_slider.owl-theme .owl-dots .owl-dot:hover span {background:#ECAB15 !important; border-color:#ECAB15 !important;} .home_slider_area .owl-theme .owl-nav {position:absolute; top:180px; left:0; width:100%; height:44px; margin:0;} .home_slider_area .owl-theme .owl-nav [class*='owl-'] {width:44px; height:44px; border-radius:22px; border:1px solid #ccc; color:#999; font-size:16px; position:absolute; margin:0; background:rgba(255,255,255,0.3);} .home_slider_area .owl-carousel .owl-nav button.owl-prev {left:90px;} .home_slider_area .owl-carousel .owl-nav button.owl-next {left:auto; right:90px;} .home_slider .tBox {position:absolute; top:100px; left:180px;} .home_slider .tBox .tBox_txt01 {background-color:#049bff; padding:6px 0px; width:200px; text-align:center; border-radius:60px 30px 60px 30px; color:#ffffff; font-size:20px; margin-bottom:13px;} .home_slider .tBox .tBox_txt02 {font-size:45px; font-weight:600; margin-bottom:20px;} .home_slider .tBox .tBox_txt02 strong {color:#0071b6;} .home_slider .tBox .tBox_txt03 {font-size:18px; font-weight:600; line-height:29px;} .home_area .home_content {background:#fff;} .home_area .m_content {padding-top:38px; padding-bottom:39px; width:1280px; margin:0 auto; box-sizing:border-box;} .home_area .inner {overflow:hidden; width:1280px; margin:0 auto; box-sizing:border-box;} .home_area #m_cBox {text-align:center; width:310px; height:280px; box-sizing:border-box; color:#ffffff;} .home_area .m_cBox01 {background:url(../images/home/box01.png) no-repeat right bottom; background-size:cover;} .home_area .m_cBox02 {background:url(../images/home/box02.png) no-repeat right bottom; background-size:cover;} .home_area .m_cBox03 {background:url(../images/home/box03.png) no-repeat right bottom; background-size:cover;} .home_area .m_cBox04 {background:url(../images/home/box04.png) no-repeat right bottom; background-size:cover;} .home_area #m_cBox .cBox_title {font-size:28px; font-weight:600;} .home_area #m_cBox .line {width:40px; height:4px; background-color:#ffffff; opacity:0.4; border-radius:2px; margin:10px auto;} .home_area #m_cBox .cBox_txt {line-height:26px; font-size:16px; margin-bottom:26px; position:absolute; top:95px; padding:0 15px; word-break:keep-all;} .home_area .snip1504 {position:relative; overflow:hidden; float:left; width:310px; margin-right:13px; color:#ffffff; text-align:left; font-size:16px; background-color:#fff; box-sizing:border-box;} .home_area .snip1504:last-child {margin:0px;} .home_area .snip1504 * {-webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.45s ease; transition:all 0.45s ease;} .home_area .snip1504 #m_cBox {vertical-align:top; max-width:100%; backface-visibility:hidden; box-sizing:border-box; padding-top:20px;} .home_area .snip1504 figcaption {position:absolute; top:0; left:0; right:0; z-index:1; align-items:center; bottom:0; display:flex; flex-direction:column; justify-content:center;} .home_area .snip1504 h3, .home_area .snip1504 h5 {margin:0; opacity:0; letter-spacing:1px; margin-top:10px;} .home_area .snip1504 h3 {-webkit-transform:translateY(-100%); transform:translateY(-100%); text-transform:uppercase; font-weight:400;} .home_area .snip1504 h5 {font-weight:normal; font-style:italic; color:#888; -webkit-transform:translateY(100%); transform:translateY(100%);} .home_area .snip1504 a {position:absolute; top:0; bottom:0; left:0; right:0; z-index:1;} .home_area .snip1504:hover > #m_cBox, .home_area .snip1504.hover > #m_cBox {opacity:0.5;} .home_area .snip1504:hover > #m_cBox >.box_inner{opacity:0;} .home_area .snip1504 #m_cBox .box_inner .cBox_icon {position:absolute; left:50%; bottom:5px; transform:translate(-50%,0);} .home_area .snip1504:hover h3, .home_area .snip1504.hover h3, .home_area .snip1504:hover h5, .home_area .snip1504.hover h5 { -webkit-transform:translateY(0); transform:translateY(0); opacity:1;} .home_area .notice {float:left; padding-top:20px; vertical-align:middle;} .home_area .notice .m_title {font-size:15px; font-weight:600; color:#006ba9; float:left; padding-right:26px; position:relative; top:-3px;} .home_area .newsticker {position:relative; overflow:hidden; width:462px; text-align:left; float:left; overflow:hidden;} .home_area .newsticker ul {padding:0;margin:0} .home_area .newsticker ul li {float:left; width:410px; padding:0; font-size:14px; color:#97a3a9; letter-spacing:-1px; height:21px; line-height:21px; list-style:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer;} .home_area .newsticker ul li:hover {text-decoration:underline; color:#00a2ff;} .home_area .newsticker ul li a {color:#97a3a9} .home_area .newsticker ul li span {color:#78a7be; float:right;} .home_area .more{float:left;} .home_area .more a {background-color:#e3e3e3; color:#000000; padding:8px 14px; border-radius:30px; font-size:12px; font-weight:600;} .home_area .more a span {margin-left:6px;} .home_area .more a:hover {background-color:#b7dffb; transition:0.3s;} .home_area .m_footer {width:100%; height:60px; background-color:#f5f5f5; border-top:1px solid #e7e7e7;} .home_area .f_btn {width:340px; float:right; font-size:18px; padding:13px 20px 14px; color:#1f8ecd; border:2px solid #0682c8; background-color:#ffffff; box-sizing:border-box; font-weight:500; cursor:pointer; position:relative;} .home_area .f_btn:hover{color:#ffffff; border:2px solid #0682c8; background-color:#0682c8; box-sizing:border-box; transition:0.2s;} .home_area .f_btn img {position:absolute; right:5%; bottom:25px;} .home_area .f_btn:hover img {filter:brightness(10)} .home_area .f_btn span {float:right;} @media (min-width:1600px) { .home_area .m_content {width:1400px;} .home_area .inner {width:1400px;} .home_area #m_cBox {width:340px;} .home_area .snip1504 {width:340px;} } /*============================================================================================================================ CDRS Home - 200805 최종본 =============================================================================================================================*/ .main_area {position:relative; margin:0; background:#fff;} .main_area .main_slider_area {position:relative;} /* 메인 안내메세지 */ .main_area .main_slider_area .main_info_area {position:absolute; right:30px; top:50px; z-index:20;} .main_area .main_slider_area .main_info_area button.main_info_btn {position:relative; background:#3d9295; color:#fff; font-size:19px; font-weight:200; padding:10px 73px 12px 40px; transition:0.2s; border:none; outline:none; text-align:right;} .main_area .main_slider_area .main_info_area button.main_info_btn.active, .main_area .main_slider_area .main_info_area button.main_info_btn:hover {background:#003775;} .main_area .main_slider_area .main_info_area button.main_info_btn span.txt {display:block; font-size:13px; color:#fff;} .main_area .main_slider_area .main_info_area button.main_info_btn img {position:absolute; right:20px; top:17px;} .main_area .main_slider_area .main_info_area .main_info {position:absolute; width:643px; height:217px; right:279px; top:-3px; padding:29px 30px; background:url(../images/home/main_info_bg.png) no-repeat left top; transition:0.3s; opacity:0;} .main_area .main_slider_area .main_info_area .main_info.active {opacity:1;} .main_area .main_slider_area .main_info_area .main_info button.close_info {position:absolute; font-size:16px; color:#666; transition:0.2s; padding:0; background:none; right:35px; top:10px; width:30px; height:30px; line-height:30px; border:none; outline:none; z-index:30;} .main_area .main_slider_area .main_info_area .main_info button.close_info:hover {color:#d9534f;} .main_area .main_slider_area .main_info_area .main_info h3 {display:inline-block; width:115px; margin:0; font-size:14px; font-weight:700; line-height:16px; vertical-align:top;} .main_area .main_slider_area .main_info_area .main_info ul {padding:0; margin:0 0 15px 10px; display:inline-block; width:calc(100% - 150px);} .main_area .main_slider_area .main_info_area .main_info ul:last-child { width:calc(100% - 200px);} .main_area .main_slider_area .main_info_area .main_info ul li {padding:0 0 0 10px; margin:0; list-style:none; position:relative; font-size:13px; line-height:20px;} .main_area .main_slider_area .main_info_area .main_info ul li:after {content:""; width:4px; height:4px; border-radius:2px; background:#515151; position:absolute; left:0; top:7px;} /* 슬라이더 */ .main_area .main_slider_area .main_slider {width:100%; height:340px;} .main_area .main_slider_area .main_slider .slide_item {width:100%; height:340px; position:relative;} /* .main_area .main_slider_area .main_slider .slide_item.slide_item1 {background:url(../images/home/main_slide1.png) no-repeat left top;} .main_area .main_slider_area .main_slider .slide_item.slide_item2 {background:url(../images/home/main_slide2.png) no-repeat left top;} .main_area .main_slider_area .main_slider .slide_item.slide_item3 {background:url(../images/home/main_slide3.png) no-repeat left top;} */ .main_area .main_slider_area .main_slider .slide_item h3 {margin:0; padding:75px 0 30px 80px; font-size:24px; line-height:32px; color:#003775; font-weight:700; letter-spacing:-1px;} .main_area .main_slider_area .main_slider .slide_item p {margin:0; padding:0 50px 40px; font-size:16px; line-height:24px; color:#333;} .main_area .main_slider_area .main_slider .slide_item .slide_link {padding:0 0 0 80px;} .main_area .main_slider_area .main_slider .slide_item .slide_link a {display:inline-block; margin:0 15px 0 0; color:#003875; font-size:16px; font-weight:500;} .main_area .main_slider_area .main_slider .slide_item .slide_link a.btn-white {border-color:#003875; border-radius:0;} .main_area .main_slider_area .main_slider .slide_item .slide_link a i {margin-left:12px; color:#003875;} .main_slider_area .btn_play_stop {position:absolute; display:inline-block; bottom:10px; left:80px; z-index:100;} .main_slider_area .btn_play_stop button {background:none; border:none; color:#000; padding:5px; transition:all .2s;} .main_slider_area .btn_play_stop button:hover {color:#ECAB15;} .main_slider_area [data-tooltip-text]:after {min-width:60px;} .main_slider_area .main_slider .owl-dots {position:absolute; display:inline-block; bottom:8px; left:105px;} .main_slider_area .main_slider.owl-theme .owl-dots .owl-dot span {width:12px; height:12px; margin:5px 3px; background:#fff; border:1px solid #999; transition:0.2s;} .main_slider_area .main_slider.owl-theme .owl-dots .owl-dot.active span {background:#000; border:1px solid #000;} .main_slider_area .main_slider.owl-theme .owl-dots .owl-dot:hover span {background:#ECAB15 !important; border-color:#ECAB15 !important;} .main_slider_area .owl-theme .owl-nav {position:absolute; top:118px; left:0; width:100%; height:44px; margin:0;} .main_slider_area .owl-theme .owl-nav [class*='owl-'] {width:44px; height:44px; border-radius:22px; border:1px solid none; color:#999; font-size:16px; position:absolute; margin:0; background:none;} .main_slider_area .owl-carousel .owl-nav button.owl-prev {left:20px;} .main_slider_area .owl-carousel .owl-nav button.owl-next {left:auto; right:20px;} .main_slider_area .owl-carousel .owl-nav button.owl-prev, .main_slider_area .owl-carousel .owl-nav button.owl-next {transition:0.2s;} .main_slider_area .owl-carousel .owl-nav button.owl-prev:hover, .main_slider_area .owl-carousel .owl-nav button.owl-next:hover {background:rgba(0,0,0,0.1);} .main_area .main_contents {position:relative; z-index:10;} .main_area .main_contents:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} /* 메인 좌측영역 */ .main_area .main_contents .main_left_area {background:#fff; float:left; width:calc(100% - 470px); min-height:488px; padding:25px 60px 0; position:relative; z-index:2;} /* 주요기능 버튼 */ ul.main_function_link {padding:0; margin:0 0 30px; display:flex; justify-content:space-between;} ul.main_function_link li {border:1px solid #d6d6d6; padding:0; margin:0; width:23%; margin-right:2.66666666666667%; list-style:none; height:200px;} ul.main_function_link li:last-child {margin-right:0;} ul.main_function_link li a {display:block; padding:35px 25px 25px; height:100%; color:#000; transition:0.3s;} ul.main_function_link li a span.f_title {font-size:20px; font-weight:bold; display:block; margin:0 0 25px;} ul.main_function_link li a span.f_title span {font-size:16px; font-weight:500;} ul.main_function_link li a span.f_txt {font-size:15px; line-height:18px; word-break:keep-all;} ul.main_function_link li a:hover {color:#fff;} /* 게시판 */ .main_board_area {width:30%; float:left; margin-right:5%;} .main_board_area.last_board_item {margin-right:0;} .main_board_area h2 {position:relative; display:block; font-size:20px; color:#000; margin:0; font-weight:700;} .main_board_area h2:after {content:""; display:block; width:calc(100% - 170px); height:1px; background:#d9d9d9; position:absolute; right:30px; top:12px;} .main_board_area h2 a {width:24px; height:24px; line-height:20px; text-align:center; position:absolute; right:0; top:0;} .main_board_area ul {margin:15px 0 0; padding:0; overflow:hidden;} .main_board_area ul li {list-style:none; margin:0 0 2px; overflow:hidden; height: 25px;} .main_board_area ul li a {display:inline-block; position:relative; font-size:14px; float:left; max-width:calc(100% - 125px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:0.2s; color:#333;} .main_board_area ul li a:hover {color:#1c91d9;} .main_board_area ul li span {float:right; display:inline-block; width:70px; text-align:right;} .main_board_area ul li span.new {background-color: #ff6d6d;width: 40px;color: #fff;font-weight: bold;text-align: center; border-radius: 4px; font-size:10px; float: left; margin-left: 12px; margin-top:3px;} /* 메인 우측영역 */ .main_area .main_contents .main_right_area {position:relative; float:left; margin-top:-196px; padding:0; width:430px; min-height:580px; background:#fff; border:1px solid #c4cdd6;} .main_right_area img.main_bookmark_img {position:absolute; left:12px; top:-6px; z-index:1;} .main_right_area h2 {font-size:20px; color:#000; font-weight:bold; margin:0 0 20px;} .tab_menu {position:relative; height:100%;} .tab_menu ul {position:relative; overflow:hidden; margin-bottom:0; padding-left:0;} .tab_menu ul:after {content:""; display:block; clear:both;} .tab_menu ul .list_title {float:left; margin-bottom:-1px; width:50%; height:40px; color:#8f9eac; font-size:18px; font-weight:500; line-height:38px; text-align:center; border-bottom:1px solid #c4cdd6; background:#f5f5f5; list-style:none;} .tab_menu ul .list_title:first-child {border-right:1px solid #c4cdd6;} .tab_menu ul .list_title.active {display:block; margin-bottom:0; color:#003775; border-bottom:0; background:#fff;} .tab_menu .tab_list_box {display:none; position:relative; left:0; top:0; padding:10px 35px 14px; min-height:602px;} .tab_menu .tab_list_box.active {display:block;} /* 고급추출 */ .main_right_area .main_execute_area h3 {overflow:hidden; font-size:18px; color:#000; font-weight:bold; position:relative; padding:0; margin:10px 0 0;} .main_right_area .main_execute_area h3 a {position:absolute; right:0; top:4px; font-size:13px; font-weight:500;} .main_right_area .main_execute_area h3 a i {font-size:11px; margin-left:5px;} .main_right_area .main_execute_area .main_execute_slide {overflow:hidden;} .main_right_area .main_execute_area .main_execute_slide.slide_two {margin-bottom:13px;} .main_execute_slide .main_execute_item .item {border:1px solid #d9d9d9; padding:15px; margin:0; min-height:126px; position:relative; overflow:hidden;} .main_execute_slide .main_execute_item .item:nth-child(1) {margin-top:10px; margin-bottom:5px;} .main_execute_slide .main_execute_item .item:nth-child(2), .main_execute_slide .main_execute_item .item:nth-child(3) {margin-bottom:15px;} .main_execute_slide.slide_one .main_execute_item .item:nth-child(2), .main_execute_slide.slide_one .main_execute_item .item:nth-child(3) {margin-bottom:5px;} .main_execute_slide.slide_two .main_execute_item .item, .main_execute_slide.slide_three .main_execute_item .item {padding:10px 15px; min-height:112px;} .main_execute_slide .main_execute_item .item button.add_function_btn {background:rgba(255,255,255,0.8); outline:0; border:1px solid #d9d9d9; border-right:0; border-top:0; margin:0; padding:0; text-align:center; display:inline-block; width:26px; height:26px; position:absolute; right:0; top:0; color:#0087c9; transition:0.2s;} .main_execute_slide .main_execute_item .item button.add_function_btn:hover {background:#0087c9; color:#fff;} .main_execute_slide .main_execute_item .item button.add_function_btn:focus + .tooltip {display:none !important;} .main_execute_slide .main_execute_item .item h4.templet_title {font-size:15px; font-weight:700; line-height:20px; width:100%; margin:0px 0 16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .main_execute_slide .main_execute_item .item ul.templet_list {padding:0; margin:0; height:58px; overflow-y:auto;} .main_execute_slide .main_execute_item .item ul.templet_list .mCSB_inside>.mCSB_container {margin-right:10px;} .main_execute_slide .main_execute_item .item ul.templet_sub_title {font-size:15px; font-weight:700; line-height:20px; width:100%; margin:0px 0 16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .main_execute_slide .main_execute_item .item ul.templet_sub_title li:before {content:""; display:inline-block; margin-bottom:2px; margin-right:5px; width:5px; height:5px; background:#333; border-radius:3px;} .main_execute_slide .main_execute_item .item ul.templet_list li {padding:0 10px; margin:0px 2px 0 0; background:#0087c9; height:24px; line-height:24px; border-radius:12px; font-size:13px; color:#fff; max-width:200px; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .main_execute_slide .main_execute_item .item::before {content:""; position:absolute; left:0; top:0; width:100%; height:0px; display:block; background:rgba(0,0,0,0.8); z-index:1; overflow:hidden; transition:0.3s;} .main_execute_slide .main_execute_item .item.add_function::before {display:block; height:126px;} .main_execute_slide .main_execute_item .item .templet_function_btn {transition:0.3s; position:absolute; top:-100%; border:2px solid #fff; z-index:2; left:30px; text-align:center; display:block; width:calc(100% - 60px); height:66px;} .main_execute_slide .main_execute_item .item.add_function .templet_function_btn {display:block; top:30px;} #list_recent .main_execute_slide .main_execute_item .item.add_function .templet_function_btn {top:23px;} .main_execute_slide .main_execute_item .item .templet_function_btn .function_btn {display:inline-block; background:none; border:none; height:30px; line-height:30px; color:#fff; font-size:15px; transition:0.2s; padding:0; margin:15px 25px 0 0;} .main_execute_slide .main_execute_item .item .templet_function_btn .function_btn:last-child {margin:15px 0 0 0;} .main_execute_slide .main_execute_item .item .templet_function_btn .function_btn:hover {color:#2ac6f4;} .main_execute_slide .main_execute_item .item .templet_function_btn .function_btn i {font-size:20px; margin:0 7px 0 0; position:relative; top:1px;} .main_execute_slide .main_execute_item .item .templet_function_btn button.function_close_btn {background:none; outline:0; border:none; padding:0; text-align:center; display:inline-block; width:20px; height:20px; position:absolute; right:-30px; top:-30px; color:#fff;} #list_recent .main_execute_slide .main_execute_item .item .templet_function_btn button.function_close_btn {top:-23px;} .main_execute_slide .main_execute_item .item .templet_function_btn button.function_close_btn i {transition:0.2s;} .main_execute_slide .main_execute_item .item .templet_function_btn button.function_close_btn:hover i {color:#d9534f;} .main_execute_slide .main_execute_item .item p {overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; width:100%; white-space:normal; font-size:14px; text-overflow:ellipsis;} .main_execute_slide.owl-theme .owl-dots {text-align:right;} .main_execute_slide.owl-theme .owl-dots .owl-dot span {margin:0 3px;} .main_execute_slide.owl-theme .owl-nav.disabled + .owl-dots {margin-top:3px;} .main_execute_slide.slide_two.owl-theme .owl-nav.disabled + .owl-dots, .main_execute_slide.slide_three.owl-theme .owl-nav.disabled + .owl-dots {margin-top:-13px;} @media (min-width:1600px) { .home_area .m_content {width:1400px;} .home_area .inner {width:1400px;} ul.main_function_link li {height:280px;} } .grid_total_count {width:100%; display:inline-block;} .grid_total_count > div {float:right; padding-right:12px; font-weight:bold; color:#2c68a6;} .hierachyTabEdit {margin-top:10px} .hierachyTabEdit table { width:100%; border:1px solid #444444; border-collapse:collapse; border-top-style:solid; background:#f8f8f8 !important; border-color:#ccc !important; } .hierachyTabEdit table tbody { box-sizing:content-box; } .hierachyTabEdit table tr{ height:30px; } .hierachyTabEdit table th { color:#2c68a6 !important; background:#e5f3f7 !important; } .hierachyTabEdit table th, .hierachyTabEdit table td { border:1px solid #ccc; width:25% !important; text-align:center; padding:4px 5px } .hierachyTabEdit table th select, .hierachyTabEdit table td select {width:100%} #clsf_div .clsf_icd10,#clsf_div .clsf_icd-o, #clsf_div .clsf_rxNorm {width:105px} #clsf_div .clsf_ichi {width:87px} .hierachyTabEdit table tbody { box-sizing:content-box; } .hierachyTabEdit table tr { height:30px; } .hierachyTabEdit table th { color:#2c68a6 !important; background:#e5f3f7 !important; border:1px solid #ccc; width:25% !important; text-align:center; padding:4px 5px ; } .hierachyTabEdit table td { border:1px solid #ccc; width:25% !important; text-align:center; padding:4px 5px; } .hierachyTabEdit th select, .hierachyTabEdit td select {width:100%} .btn-condition {color:#6d6d6d; background-color:#ebebeb; border-color:#c8c8c8;} .btn-condition:hover {color:#6d6d6d;} .btn-condition:active,.btn-condition.active {color:#fff; background-color:#286090; border-color:#204d74;} .btn-condition:active:hover,.btn-condition.active:hover {color:#fff;} .lp6_blue {padding-left:6px !important; color:#337ab7; padding-top:1px;} .filtertype_text_box {display:inline-block; width:200px; height:30px; line-height:30px;} .large.tooltip-inner {max-width:350px; width:350px;} .size_150.tooltip-inner {max-width:150px; width:150px;} .tui-grid-cell.tui-grid-cell-has-input.row-gray {background-color:#EEEEEE} .tui-grid-cell.tui-grid-cell-has-input.row-white {background-color:#FFFFFF} /*============================================================================================================================ 서식 내 항목 값 검색 =============================================================================================================================*/ .text_sarch_area {overflow:hidden; padding:0; margin:0 5px; position:relative;} /* .text_sarch_area h3.sub-title2 {padding-left:10px; padding-top:5px;} .text_sarch_area h3.sub-title2:before {left:0; top:6px;} .text_sarch_area h3.sub-title2:after {left:0; top:6px;} */ /* 좌측패널 접힘 */ .text_sarch_area [data-tooltip-text]:after {min-width:50px;} .text_sarch_area [data-tooltip-text]:hover:after {left:calc(100% + 10px); right:auto;} .text_sarch_area .text_search_left .js-toggle-left {height:60px; width:16px; position:absolute; right:-16px; top:50%; transform:translate(0,-50%); z-index:10; background:#fff; border-radius:0 5px 5px 0; border:1px solid #ccc; border-left:none; transition:0.5s; text-align:center; padding:0; margin:0;} .text_sarch_area .text_search_left .js-toggle-left span {color:#555; line-height:60px; font-weight:normal; display:inline-block; transition:0.2s; width:16px; text-align:center;} .text_sarch_area .text_search_left .js-toggle-left span:before{display:inline-block; line-height:60px; width:16px; font-size:12px; font-family:'Font Awesome 5 Free'; content:"\f053"; font-weight:900;} .text_sarch_area .text_search_left .js-toggle-left:hover span {background:#00b0f0; color:#fff;} .text_sarch_area .text_search_left .js-toggle-left.hide_left {} .text_sarch_area .text_search_left .js-toggle-left.hide_left span:before {content:"\f054";} /* .slideOutleft.text_sarch_area .easy_con_item {width:100%;} .slideInleft.text_sarch_area .easy_con_item {width:calc(100% - 270px);} */ /* 트리 접힘 스타일 */ .slideOutleft.text_sarch_area .text_search_left {-webkit-animation-name:slideOutleft; animation-name:slideOutleft;} @-webkit-keyframes slideOutleft { from {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} to {-webkit-transform:translate3d(-400px, 0, 0); transform:translate3d(-400px, 0, 0);} } @keyframes slideOutleft { from {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} to {-webkit-transform:translate3d(-400px, 0, 0); transform:translate3d(-400px, 0, 0);} } .slideInleft.text_sarch_area .text_search_left {-webkit-animation-name:slideInleft; animation-name:slideInleft;} @-webkit-keyframes slideInleft { from {-webkit-transform:translate3d(-400px, 0, 0); transform:translate3d(-400px, 0, 0);} to {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} } @keyframes slideInleft { from {-webkit-transform:translate3d(-400px, 0, 0); transform:translate3d(-400px, 0, 0);} to {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} } /* ******************** 좌측패널 ******************** */ .text_sarch_area .text_search_left.x_panel {position:absolute; left:0; top:0; width:400px; height:calc(100vh - 128px); margin-bottom:0; padding:0; z-index:10;} .text_sarch_area .text_search_left.x_panel form.form-horizontal {padding:10px 20px;} .text_sarch_area .text_search_left.x_panel form.form-horizontal .form-group .input-group {margin-bottom:0;} .text_sarch_area .text_search_left.x_panel form.form-horizontal .form-group .input-group .input-group-btn i {margin-right:0;} .text_sarch_area .text_search_left.x_panel form.form-horizontal .form-group .input-group .form-radio {position:relative; top:2px;} .text_sarch_area .text_search_left.x_panel form.form-horizontal .form-group .input-group .border-checkbox-section {position:relative; top:5px;} .text_condition_select form.form-horizontal .form-group .input-group.text_selet_date {overflow:hidden;} .text_condition_select form.form-horizontal .form-group .input-group.text_selet_date > div {float:left; margin-right:0;} .text_condition_select form.form-horizontal .form-group .input-group.text_selet_date .input1n {width:calc(100% - 50px);} .text_condition_select form.form-horizontal .form-group .input-group.text_selet_date .input2n {width:calc(100% - 41px); overflow:hidden;} .text_condition_select form.form-horizontal .form-group .input-group.text_selet_date .input2n input.form-control {width:calc(50% - 8px); float:left;} .text_condition_select form.form-horizontal .form-group .input-group.text_selet_date .input2n span {width:16px; float:left; text-align:center; display:inline-block; line-height:29px;} .text_condition_select form.form-horizontal .form-group .input-group.text_selet_date .m_btn {margin-left:5px;} .text_condition_select form.form-horizontal .form-group .input-group.text_selet_date .m_btn i {margin-right:0;} .text_condition_select form.form-horizontal .form-group p.text_selet_txt {text-align:right; font-size:13px; color:#333; margin:5px 0 0;} .text_condition_select form.form-horizontal .drp_single {text-align:center; padding-left:7px; padding-right:7px;} .text_condition_select form.form-horizontal .drp_single::placeholder {font-family:"Font Awesome 5 Free"; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; line-height:1; font-weight:900; text-align:right;} .text_sarch_area .text_search_left.x_panel .text_condition_keyword {height:calc(100vh - 446px); overflow-y:auto; overflow-x:hidden; padding:5px 20px 10px;} /* ******************** 우측패널 ******************** */ .text_sarch_area .text_search_right.x_panel {float:right; width:calc(100% - 415px); height:calc(100vh - 128px); margin-bottom:0; padding:0; transition:1s;} .text_sarch_area.slideInleft .text_search_right.x_panel {width:calc(100% - 415px);} .text_sarch_area.slideOutleft .text_search_right.x_panel {width:100%;} /* 선택조건 */ .text_sarch_area .text_search_right.x_panel .text_condition_seleted {padding:10px 20px; height:83px; overflow-y:auto; overflow-x:hidden;} .text_condition_seleted .format_code {position:relative; padding:0 0 0 100px; margin:0 0 10px 0;} .text_condition_seleted .format_code h4.title {font-size:13px; color:#fff; text-align:center; display:inline-block; padding:0; margin:0; width:80px; background:#003775; height:26px; line-height:25px; position:absolute; left:0; top:0;} .text_condition_seleted .format_code span {display:inline-block; margin:5px 8px 0 0;} .text_condition_seleted .format_code span:after {content:",";} .text_condition_seleted .format_code span:last-child:after {content:"";} .text_condition_seleted .item_name {position:relative; padding:0 0 0 100px; margin:0 0 5px 0;} .text_condition_seleted .item_name h4.title {font-size:13px; color:#fff; text-align:center; display:inline-block; padding:0; margin:0 10px 0 0; width:80px; background:#003775; height:26px; line-height:25px; position:absolute; left:0; top:0;} .text_condition_seleted .item_name p {padding:5px 0 0 0; margin:0;} .text_condition_seleted .item_name p span {color:#257bca; font-weight:bold;} /* 검색결과 */ .text_sarch_area .text_search_right.x_panel .text_search_result {padding:10px 20px; height:calc(100vh - 299px); overflow-y:auto; overflow-x:hidden;} .text_sarch_area .text_search_right.x_panel .text_search_result .text_search_result_function {text-align:right;} .text_search_result .text_search_result_function .result_txt {display:inline-block; margin:0 15px 0 0; width:200px;} .text_search_result .text_search_result_function .result_txt p {margin:0; font-size:12px; line-height:16px;} .text_search_result .text_search_result_function .btn {vertical-align:top;} .text_search_result .text_search_result_grid {margin-top:8px;} /* ******************** 우측패널 끝 ******************** */ .item_edit_input {height: 28px; margin-left: -11px; width: 156px; border: none; box-shadow: none; background: rgba( 255, 255, 255, 0 ); color: #003875; margin-left: 1px;} .user_select_none { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} /** ------------------------------------------------------------ * @프로그램명:smartCdrs common 스타일시트 * @파일명:smart_cdrs_common.css * @작성일:2020. 11. 24. * @작성자:오경희 ------------------------------------------------------------ */ /* ================================== 2020-11-23 이미지 변경 부분 정리 ==================================== */ /* ********** 메인화면 ********** */ /* 로고 */ .navbar-logo .logo {position:absolute; top:-1px; background:url(../images/common/smartMedical_logo.png) no-repeat left top; width:213px; height:35px;} /* 슬라이더 */ .main_area .main_slider_area .main_slider .slide_item.slide_item1 {background:url(../images/theme_cdrs/home/main_slide1.jpg) no-repeat left top;} .main_area .main_slider_area .main_slider .slide_item.slide_item2 {background:url(../images/theme_cdrs/home/main_slide2.jpg) no-repeat left top;} .main_area .main_slider_area .main_slider .slide_item.slide_item3 {background:url(../images/theme_cdrs/home/main_slide3.jpg) no-repeat left top;} /* 주요기능 버튼 */ ul.main_function_link li:nth-child(1) a {background:#fff url(../images/theme_cdrs/home/main_btn_bg1.png) no-repeat right -65px bottom -35px;} ul.main_function_link li:nth-child(2) a {background:#fff url(../images/theme_cdrs/home/main_btn_bg2.png) no-repeat right -20px bottom -20px;} ul.main_function_link li:nth-child(3) a {background:#fff url(../images/theme_cdrs/home/main_btn_bg3.png) no-repeat right -30px bottom -5px;} ul.main_function_link li:nth-child(4) a {background:#fff url(../images/theme_cdrs/home/main_btn_bg4.png) no-repeat right -50px bottom -50px;} ul.main_function_link li:nth-child(1) a:hover {background:#003775 url(../images/theme_cdrs/home/main_btn_bg1_hover.png) no-repeat right -65px bottom -35px;} ul.main_function_link li:nth-child(2) a:hover {background:#003775 url(../images/theme_cdrs/home/main_btn_bg2_hover.png) no-repeat right -20px bottom -20px;} ul.main_function_link li:nth-child(3) a:hover {background:#003775 url(../images/theme_cdrs/home/main_btn_bg3_hover.png) no-repeat right -30px bottom -5px;} ul.main_function_link li:nth-child(4) a:hover {background:#003775 url(../images/theme_cdrs/home/main_btn_bg4_hover.png) no-repeat right -50px bottom -50px;} /* ********** 로그인 후 안내페이지 ********** */ .warning-content .warning_logo {background:url(../images/logo/smartView_logo.png)no-repeat; width:384px; height:84px;}