/*=============================================================
    Authour URI: www.binarycart.com
    License: Commons Attribution 3.0

    http://creativecommons.org/licenses/by/3.0/

    100% To use For Personal And Commercial Use.
    IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US
   
    ========================================================  */
/*==============================================
    GENERAL  STYLES    
    =============================================*/
body {
    font-family: 'Open Sans', sans-serif;
    line-height:20px;
}

 #wrapper {
    width: 100%;
    margin-top:50px;
}

#page-wrapper {
    padding: 15px 15px;
    min-height: 600px;
    background:#F3F3F3;
   
}
#page-inner {
    width:100%;
    margin:10px 0px 10px 0px;
    background-color:#fff!important;
    padding:0px;
    min-height:1050px;
}
.pad-top {
    padding-top:15px;
}
/*==============================================
    MENU STYLES    
    =============================================*/

.sidebar-collapse .nav {
	padding:0;
    padding-top:10px;
}

.sidebar-collapse > .nav > li > a {
	padding:0px 10px;
    color: #214761;
font-weight: 900;
font-size: 14px;
letter-spacing: -0.3px;
}
.sidebar-collapse > .nav > li {
	border-bottom:1px solid #e1e1e1;
}
.sidebar-collapse .nav > li > a:hover,
.sidebar-collapse .nav > li > a:focus {
	
	background:#F3F3F3;
	outline:0;
}

.navbar-side {
	border:none;
	background-color: #fff;
	
}
.navbar-inverse {

background-color: #000000;
border-color: #c9d7e5;
min-height: 0px;
}


.nav > li > a > i {
    margin-right:10px;
}
.logout-spn {
    float:right;
    color:#fff;
    font-size:15px;
    font-weight:800;
    margin:20px;
    margin: 10px 25px 10px 50px;
}
    .logout-spn a {
        text-decoration:none;
    }
.active-link {
    background-color:#f3f3f3;
}
    
/*==============================================
    DASHBOARD STYLES    
    =============================================*/
.div-square {
    padding:5px;
    border:3px double #e1e1e1;
    -webkit-border-radius:8px;
   -moz-border-radius:8px;
    border-radius:8px;
    margin:5px;

}

.div-square> a,.div-square> a:hover {
    color:#808080;
     text-decoration:none;
}
/*==============================================
    FOOTER STYLES     
    =============================================*/
.footer {
    background-color:#214761;
    width:100%;
    color:#fff;
    /* padding:20px 50px 20px 50px; */
     padding-left:20px;
}


    .footer > a, .footer>a:hover {
       
        color:#fff;
    }

/*==============================================
    MEDIA QUERIES     
    =============================================*/
 
 @media(min-width:768px) {
     #page-wrapper{
        margin: 0px 0 0 250px;
        padding: 10px 10px;
        min-height: 1050px;
		
    }
	
	
    .navbar-side {
        /* z-index: 1; */
        position: absolute;
        width: 230px;
       
    }

 
}

.maintd{
       border:1px solid #d1d1d1;
		height:20px;
		margin:2px;
		background-color:#e6debb;
		text-align:center;
		padding:2px;
		font-weight:bold;
		width:90px;
}
.maintds{
       border:1px solid #d1d1d1;
		height:20px;
		margin:2px;
		background-color:#e6debb;
		text-align:center;
		padding:2px;
		font-weight:bold;
		width:80px;
		font-size:14px;
}
.maintdinput{
       border:1px solid #d1d1d1;
		height:20px;
		margin:1px;
		background-color:#f4f6f9;
		text-align:left;
		padding:2px;
		font-weight:bold;
}
.maininput{
        width:99%;
		height:30px;
		margin:1px;
		text-align:left;
}



/*==============================================
    �߰� CSS 
    =============================================*/

          /* �⺻ ��Ÿ�� */
        #draggable {
            width: 1100px;
            height: 750px;
            background-color: #f0f0f0;
            border: 1px solid #ccc;
            position: absolute;
            top: 20px;
            left: 50px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            transition: height 0.3s ease;
			z-index:99;
        }

        /* ��� �� ��Ÿ�� */
        #dragBar {
            width: 100%;
            height: 30px;
            background-color: #282828;
            color: white;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 10px;
            cursor: move;
        }

        /* �ݱ� �� �ּ�ȭ ��ư ��Ÿ�� */
        .btn-group {
            display: flex;
            gap: 5px;
        }

        .btn-group button {
            background-color: #ff5c5c;
            border: none;
            color: white;
            width: 20px;
            height: 20px;
            border-radius: 5%;
            text-align: center;
            line-height: 20px;
            cursor: pointer;
            font-size: 16px;
        }

        .minimize-btn {
            background-color: #b3cce6;
        }

        /* ������ ��Ÿ�� */
        #content {
            padding: 1px;
            height: calc(100% - 30px); /* ��� �ٸ� ������ ������ ���� */
            overflow: auto;
        }

        /* �׺���̼� �޴� ��Ÿ�� */

		
		.adjust-nav ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

        .adjust-nav ul li {
            display: inline;
            padding: 0 10px;
            font: bold 12px Dotum;
            position: relative;
        }

        .adjust-nav ul li a {
            color: #fff;
            text-decoration: none;
            padding: 10px 15px;
            display: block;
        }

        .adjust-nav ul li:hover {
            background-color: #444;
        }

        /* ��Ӵٿ� �޴� ��Ÿ�� */
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #444;
            min-width: 160px;
			top:30px;
            box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
            z-index: 1;
        }

        .dropdown-content a {
            color: white;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            font: normal 12px Dotum;
        }

        .dropdown-content a:hover {
            background-color: #555;
        }

        .adjust-nav ul li:hover .dropdown-content {
            display: block;
        }

		.smalltable{
            background-color: #fff;
		}
		.smalltabletd{
            background-color: #fff;
		}


/*==============================================
    CSS 추가 - 페이지네이션 관련
    =============================================*/
    #pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        padding: 20px;
        /* background-color: rgb(255, 255, 255); */
    }

    #pagination button,
    #pagination span {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        border-radius: 8px;
        background-color: #f4f5f6;
        color: #333;
        font-weight: 500;
        font-size: 16px;
        transition: background-color 0.2s, color 0.2s;
        border: none;
        cursor: pointer;
    }

    /* 마우스 오버 효과 */
    #pagination button:hover {
        background-color: #d7d8d9;
    }

    /* 현재 페이지 표시 스타일 */
    #pagination .current,
    #pagination button.active {
        background-color: #0056ff;
        color: white;
        font-weight: bold;
    }
    


/*==============================================
    CSS 추가 
    =============================================*/
    .info-send-tr td,
    #result-list-table tr.view-link td {
        padding: 5px;
        border: 1px solid #ddd;
    }

    #result-list-table tr.view-link.rtn-row {
        background-color: #f444 !important; // 성능조회 리스트 반환성능 배경색
    }
    
    /* 성능 리스트 뱃지 */
    .badge-s {
        padding: 1px 5px;
        border-radius: 4px;
        font-size: 12px;
        font-weight: normal;
    }

    /* 테이블 제목 줄 고정 */
    thead tr th,
    thead tr td {
        position: sticky;
        top: 0;
        background-color: #cdd1d8; /* 배경색 반드시 지정 */
        z-index: 2; /* 겹침 우선순위 */
    }

    /* 로딩 오버레이 - ajax 처리 등 로딩 표시 */
    #loading-overlay {
        display: none;
        position: fixed;
        top: 0; left: 0;
        width: 100%; height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 9999;
        color: white;
        font-size: 20px;
    }
    /* 로딩 오버레이 내부 스핀 애니메이션 */
    .spinner {
        width: 50px;
        height: 50px;
        border: 5px solid rgba(255, 255, 255, 0.3);
        border-top-color: #fff;
        border-radius: 50%;
        animation: spin 1s linear infinite;
    }
    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }


    /* 리스트조회 페이지 줄 배경색 처리 */
    #result-list-table tr:nth-child(even) {
        background-color: #f0f0f0;
    }

    /* 리스트조회 페이지 선택된 줄 (하이라이트) */
    #result-list-table tr.selected {
        background-color: #e0f7fa !important;
    }