@charset "utf-8";

/* font */

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(/assets/NotoSansKR-Regular-CBTIJe9B.woff2) format('woff2'),
    url(/assets/NotoSansKR-Regular-u8qRphNc.woff) format('woff'),
    url(/assets/NotoSansKR-Regular-BRHTf8wO.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(/assets/NotoSansKR-Medium-CzNCSJ-D.woff2) format('woff2'),
    url(/assets/NotoSansKR-Medium-CpTgnHHF.woff) format('woff'),
    url(/assets/NotoSansKR-Medium-CbcN2TGa.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url(/assets/NotoSansKR-Bold-mfeaozGa.woff2) format('woff2'),
    url(/assets/NotoSansKR-Bold-D2oQVcAK.woff) format('woff'),
    url(/assets/NotoSansKR-Bold-Bjn30MFp.otf) format('opentype');
}

/* reset */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: #fff;
}

body, input, select, textarea, button, label {
    font-size: 14px;
    font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;
    color: #333;
    letter-spacing: -0.5px;
}

ul, ol, li {
    list-style: none;
}

table {
    border-spacing: 0;
    border: 0;
    border-collapse: collapse;
}

table td {
    word-wrap: break-word;
    word-break: break-all;
}

img, fieldset, abbr {
    border: 0;
}

button {
    border: 0;
    cursor: pointer
}

address, caption, cite, code, em {
    font-style: normal;
    font-weight: 300;
}

img, input, select, textarea, button, label {
    vertical-align: middle;
}

caption, legend {
    width: 1px;
    height: 1px;
    margin-top: -1px;
    line-height: 1px;
    text-indent: -9999px;
    overflow: hidden;
}

header, section, nav, hgroup, footer, aside, article, figure {
    display: block;
}

em, span, i {
    display: inline-block;
}

hr {
    display: none;
}

a {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #a51b37;
    text-decoration: none;
}

/* wrap */

#wrap {
    min-width: 1440px;
    height: 100%;
}

/* header */

#header {
    position: relative;
    display: flex;
    align-items: center;
    gap: 18px;
    height: 76px;
    background: #111;
    line-height: 1;
}

#header h1 {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 2px 0 0 6px;
    min-width: 0;
}

#header h1 img {
    height: 54px;
    width: auto;
}

#header h1 span {
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-width: clamp(220px, 20vw, 360px);
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

#header h1 span strong {
    font-size: 18px;
    font-weight: 700;
}

#header h1 span em {
    font-size: 13px;
    color: #d7d7d7;
}

#header > a {
    min-width: 0;
}

#header .utility {
    margin-left: auto;
    display: flex;
    align-items: center;
}

#header .utility .time-search {
    display: flex;
    align-items: center;
}

#header .utility .time-search .ico {
    display: inline-block;
    width: 25px;
    height: 24px;
    margin-right: 10px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3N0NDNUU5RDdFRUJFRTExQjlCM0NDNEFFQTlEMTIxMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEMjI5MDcwNUVCODUxMUVFOUU0Qjg5NzBDM0YyOUY2RiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEMjI5MDcwNEVCODUxMUVFOUU0Qjg5NzBDM0YyOUY2RiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdDQ0M1RTlEN0VFQkVFMTFCOUIzQ0M0QUVBOUQxMjEzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc3Q0M1RTlEN0VFQkVFMTFCOUIzQ0M0QUVBOUQxMjEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SnpDnQAAAnZJREFUeNqc1k1IFGEcx/GZ3UUSSm0Na6mIJEJTCjp4yCwqiUqIqA6RCEGnCPIYdYj0VHSIQkKoQ506dOkQWBJGHaI3IiEqoQwyhLDcaE1dbZm+j/2G1mGeWXcf+KA8M/P8n9f/s67neY6lxFGHVuxCPZJw8QMfMIB+DOGPrSHHBAnRiB5kvX/F/B3GoHzCtJ7N4ho2BtqoQOXcIEICHMVnNTCEbrShHktRhTrsw3m807tfcExtJHAV98KCnMKUPrqIdYHnLdgZqFuLLn0zg07E8Fp184J0IKepadeL+c9r8ALvsTJkBg4io+9PYAC/8oM0aJ5nNF1h05jCW4xgjeWdHRiTNL6b+hhrn8BJ1OIybtv2CHIS3JIpNGMS97EMVUg7CrAeHfiInpAGChWzpS/gSGAbm3Yu+UHMOVisEYw4xRfT2DP1Pqa6MdyVuSC7kdWLpZZe3NSoHE1p1n+Y0KkexXCBhmbFtYxmyvZhTKkig58FgixBjToWL2aYMUvPgqUaV7AazzXnRQUZ18JXRgS4hf14hE5MFGjXPxaH/QTZh0nsCTlcy5V/THmCVZZDGLQdE3jpH8aHKEdTSI/OoA1P0Y6vC5yhcm2EPn8kJq3/VsZNBXp0AL0RaSTKNlT7ucuk5euaku4SGgvaiqb8Ov+fTboPssqmpQYwCXIcD5D06/00MIgulGknHSrx5LdgER7PO3eBnpxWujfl3ALXwqxjs67bFbrUysKmK99xjCrQG5xFq27ApBbT1bsbdJF5UdNs691m3PD+l4xuRLPvX+lZHFvwDXdQawviRvwkMuvTiL36SWTunQrlrX7dHznls3RUgvwrwAAV7BcH6npQWQAAAABJRU5ErkJggg==') no-repeat 0 0;
}

#header .utility .time-search .search-wrap {
    display: flex;
    align-items: center;
    position: relative;
    margin-right: 20px;
}

#header .utility .time-search .search-wrap:before {
    content: "UTC";
    position: absolute;
    left: 10px;
    color: #333;
}

#header .utility .time-search .search-wrap .form-keyword {
    width: 200px;
    padding: 0 38px 0 45px;
    background-color: #dfdfdf;
}

#header .utility .time-search .search-wrap .search {
    position: absolute;
    right: 3px;
    width: 30px;
    height: 30px;
    background: url('data:image/png;base64,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') no-repeat 50% 50%;
}

#header .utility li {
    position: relative;
    display: inline-block;
    padding: 0 8px 0 12px;
    color: #fff;
    font-size: 14px;
    line-height: 76px;
}

#header .utility li a {
    color: #fff;
}

#header .utility li:before {
    content: "";
    position: absolute;
    top: 29px;
    left: 0;
    width: 1px;
    height: 18px;
    background: #6c6c6c;
}

#header .utility li:first-child:before {
    background: none;
}

#header .utility .lang-link {
    display: flex;
    margin: 0 10px 0 20px;
}

#header .utility .lang-link a {
    display: inline-block;
    width: 50px;
    height: 29px;
    line-height: 27px;
    color: #fff;
    text-align: center;
    border: 1px solid #f5dce1;
    background-color: #000;
    border-radius: 0 3px 3px 0;
    opacity: 0.5;
    margin-left: -1px;
}

#header .utility .lang-link a.on {
    color: #fff;
    border: 1px solid #c69ea6;
    opacity: 1;
    background-color: #a51b37;
}

#header .utility .lang-link a:first-child {
    border-radius: 3px 0 0 3px;
}

#header .logout {
    width: 50px;
    height: 76px;
    text-indent: -999px;
    overflow: hidden;
    background: #a51b37 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2M2EzNzJiZS1mZTU1LWY1NDktYTBiYy0yNDc1MGM4OTc0MjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Mzc2MUQ0NEIyQzk3MTFFQ0E0QzdCOEExMDA0QTBERUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mzc2MUQ0NEEyQzk3MTFFQ0E0QzdCOEExMDA0QTBERUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YTI5YjIxZTMtYmJlYS04NjRlLTlhMGItMWFiYWU3YWJjMTQ5IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZDU1MWM0NzYtZGU1OC03YzQ5LTgxOGItZTIwYTY3ZThhMjI0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+HLeGsAAAAMFJREFUeNpi+P////f/xIEkIGZAxywMDAwcQPwPiD8y4Ae/sAmyQOknQCzPQAZgIkFtBBBvA2IuFFGo/x5i8x8S5gfir1C1O4GYHSZHrAEgHArEf6DqNwMxG0ic8T/YGIZHSGGgjxQ26CAWiPOh7DUgb6EbwEdEbCCDxUwMFAJ0p34CYgM8XogB4gIoey0QJ1IciMQawAfE3yiNxggg3g7EXMji2KKRJAAzgJjMlAfES7DFwg9ojhQkYAAbNkGAAAMAwnpiJV6GZgoAAAAASUVORK5CYII=") no-repeat 50% 50%;
}

/* tab bar */

#tab-bar {
    background: #8f1b30;
    border-bottom: none;
}

#tab-bar .tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px 0;
    overflow-x: auto;
}

#tab-bar .tabs li {
    display: flex;
    align-items: center;
    height: 42px;
    padding: 0 14px;
    background: #b24a5c;
    border: 1px solid #7c1728;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
}

#tab-bar .tabs li.active {
    background: #f0f0f0;
    border-color: #a51b37;
    border-bottom: none;
    position: relative;
    z-index: 1;
}

#tab-bar .tabs li a {
    display: block;
    padding: 0 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}

#tab-bar .tabs li.active a {
    color: #222;
}

#tab-bar .tabs li.home {
    padding: 0 12px;
}

#tab-bar .tabs li.home a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    padding: 0;
}

#tab-bar .tabs li.home .home-only {
    display: block;
    width: 18px;
    height: 18px;
    background-color: #fff;
    -webkit-mask: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAQCAYAAAD52jQlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2M2EzNzJiZS1mZTU1LWY1NDktYTBiYy0yNDc1MGM4OTc0MjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODdGQ0E4NTcyQzlBMTFFQ0IwQzc5OTY2MUFEMDNBNEYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODdGQ0E4NTYyQzlBMTFFQ0IwQzc5OTY2MUFEMDNBNEYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YTI5YjIxZTMtYmJlYS04NjRlLTlhMGItMWFiYWU3YWJjMTQ5IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZDU1MWM0NzYtZGU1OC03YzQ5LTgxOGItZTIwYTY3ZThhMjI0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/7iaowAAAO9JREFUeNpi+P//PwMBzAbEK4B4IxDrEKGegZACPiDe+x8B3gGxPSWGSgDxeahhz4B4M5T9HYgDyTFUDYjvQQ25AcQKQMwMxJOhYn+AOIsUQ02B+BVU8wkgFkaTrwbif1D5RiBmJGSoJxB/gWrYAsTcOFyTCMS/oermQH2B1dA4IP4FVTgfiFkIRIgPEH+FqgelDC50Q8uRvPQfm5dwYGRwDIiFYIZOgAr+RVLAQKKhD6D0NSCWZ2JgYPgAxD+BOJyBfGAJxJeAWBOIQ2A2KqLZTKpLQWwBaAQygMMOCcA4jGguIUmciYEGYIQbChBgAK3wtcbEw9nmAAAAAElFTkSuQmCC") no-repeat center;
    -webkit-mask-size: 10px 10px;
    mask: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAQCAYAAAD52jQlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2M2EzNzJiZS1mZTU1LWY1NDktYTBiYy0yNDc1MGM4OTc0MjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODdGQ0E4NTcyQzlBMTFFQ0IwQzc5OTY2MUFEMDNBNEYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODdGQ0E4NTYyQzlBMTFFQ0IwQzc5OTY2MUFEMDNBNEYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YTI5YjIxZTMtYmJlYS04NjRlLTlhMGItMWFiYWU3YWJjMTQ5IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZDU1MWM0NzYtZGU1OC03YzQ5LTgxOGItZTIwYTY3ZThhMjI0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/7iaowAAAO9JREFUeNpi+P//PwMBzAbEK4B4IxDrEKGegZACPiDe+x8B3gGxPSWGSgDxeahhz4B4M5T9HYgDyTFUDYjvQQ25AcQKQMwMxJOhYn+AOIsUQ02B+BVU8wkgFkaTrwbif1D5RiBmJGSoJxB/gWrYAsTcOFyTCMS/oermQH2B1dA4IP4FVTgfiFkIRIgPEH+FqgelDC50Q8uRvPQfm5dwYGRwDIiFYIZOgAr+RVLAQKKhD6D0NSCWZ2JgYPgAxD+BOJyBfGAJxJeAWBOIQ2A2KqLZTKpLQWwBaAQygMMOCcA4jGguIUmciYEGYIQbChBgAK3wtcbEw9nmAAAAAElFTkSuQmCC") no-repeat center;
    background-size: 23px 18px;
}

#tab-bar .tabs li.active.home .home-only {
    background-color: #222;
}

#tab-bar .tabs li .tab-close {
    width: 10px;
    height: 10px;
    border-radius: 3px;
    -webkit-mask: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTQyNEYyQzNCRTFCMTFFQzkxRDc4RjNDOTZFMUQxQTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTQyNEYyQzRCRTFCMTFFQzkxRDc4RjNDOTZFMUQxQTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NDI0RjJDMUJFMUIxMUVDOTFENzhGM0M5NkUxRDFBOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NDI0RjJDMkJFMUIxMUVDOTFENzhGM0M5NkUxRDFBOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph5Yv/IAAADkSURBVHjaYvz//z8DNQALiEhLS+sAUl5AHPeI+/kFYjRKfhARYGVlPQRkPpo1a5YPE0iQkZFRAoh1gcwDcl8lDYg1BKoHDMAG/fr1qwDoxctACX5ChiEbAtLz+/fvGLhBzwXefAAK2BEyDIshdiC9cIOIMQyfISgG4TOMkCEYBuEyjJAhWA3CZhghQ3AahAPIAV2mgEuSiZgoJiZpMBETxcQkDSZi0gkx6YyJ2HRCyDAmYgwhxjCwQUBDlhATxTgMWwQvRoBgDahcAmVAfIYgGwb0hR0bG9sEIPcFuAShVsEGEGAAugEkKFDtL7cAAAAASUVORK5CYII=") no-repeat center;
    -webkit-mask-size: 10px 10px;
    mask: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTQyNEYyQzNCRTFCMTFFQzkxRDc4RjNDOTZFMUQxQTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTQyNEYyQzRCRTFCMTFFQzkxRDc4RjNDOTZFMUQxQTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NDI0RjJDMUJFMUIxMUVDOTFENzhGM0M5NkUxRDFBOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NDI0RjJDMkJFMUIxMUVDOTFENzhGM0M5NkUxRDFBOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph5Yv/IAAADkSURBVHjaYvz//z8DNQALiEhLS+sAUl5AHPeI+/kFYjRKfhARYGVlPQRkPpo1a5YPE0iQkZFRAoh1gcwDcl8lDYg1BKoHDMAG/fr1qwDoxctACX5ChiEbAtLz+/fvGLhBzwXefAAK2BEyDIshdiC9cIOIMQyfISgG4TOMkCEYBuEyjJAhWA3CZhghQ3AahAPIAV2mgEuSiZgoJiZpMBETxcQkDSZi0gkx6YyJ2HRCyDAmYgwhxjCwQUBDlhATxTgMWwQvRoBgDahcAmVAfIYgGwb0hR0bG9sEIPcFuAShVsEGEGAAugEkKFDtL7cAAAAASUVORK5CYII=") no-repeat center;
    background-color: #fff;
    background-size: 10px 10px;
    text-indent: -999px;
    overflow: hidden;
    margin-left: 6px;
}

#tab-bar .tabs li.active .tab-close {
    background-color: #a51b37;
}

/* container */

#container {
    position: relative;
    display: block;
}

#container:after {
    clear: both;
    content: "";
    display: block;
}

#container-sub {
    width: 100%;
    height: 100%;
}

/* aside lnb */

#aside-menu {
    flex: 1;
    min-width: 0;
    height: 76px;
    background: transparent;
    line-height: 1;
    overflow: visible;
}

#aside-menu .lnb {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    height: 76px;
    padding: 0 8px;
}

#aside-menu .lnb > li {
    position: relative;
}

#aside-menu .lnb > li > a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 46px;
    padding: 0 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    background-color: transparent;
    transition: all 0.3s;
    z-index: 101;
    white-space: nowrap;
    border-radius: 4px;
}

#aside-menu .lnb > li::after {
    content: "|";
    position: absolute;
    right: -14px;
    top: 50%;
    transform: translateY(-50%);
    color: #666;
    font-size: 15px;
}

#aside-menu .lnb > li:last-child::after {
    content: "";
}

#aside-menu .lnb > li > a:hover, #aside-menu .lnb > li.on > a {
    background-color: #991c35;
}

#aside-menu .lnb > li.current > a {
    background-color: #991c35;
}

#aside-menu .lnb > li .submenu {
    position: absolute;
    left: 0;
    top: 62px;
    min-width: 230px;
    padding: 8px 0;
    text-align: left;
    box-shadow: 0 6px 13px 0 rgba(0, 0, 0, 0.19);
    background: #272729;
    z-index: 100;
    border: 1px solid #3a3838;
    border-radius: 6px;
}

#aside-menu .lnb .submenu li.dep-menu {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2M2EzNzJiZS1mZTU1LWY1NDktYTBiYy0yNDc1MGM4OTc0MjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkYzRTlFQzQyRUZDMTFFQ0E4REM4OTY2NTE1QTgzMkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkYzRTlFQzMyRUZDMTFFQ0E4REM4OTY2NTE1QTgzMkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDU4YWY2ZjYtOTdmOS0wMTQ4LWEwY2EtZTUwNmRiOTc1OGFlIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NGJmYWYwM2UtZGRhMy02NDRiLWFkY2YtOWQzYTYzMjRkNDM1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+LrHfaQAAACxJREFUeNpiSUtLY8AB/kNpRmySTAxkgpGgkQUp9AiFLvVsZByNRyprBAgwAJhPBVSP6KniAAAAAElFTkSuQmCC') no-repeat right 10px top 20px;
}

#aside-menu .lnb .submenu li.dep-menu.open {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAACCAIAAADn6Hr9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2M2EzNzJiZS1mZTU1LWY1NDktYTBiYy0yNDc1MGM4OTc0MjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUJBMUQ4ODQyRUZDMTFFQzk2Q0FBNjlENTk5M0EyOTciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUJBMUQ4ODMyRUZDMTFFQzk2Q0FBNjlENTk5M0EyOTciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDU4YWY2ZjYtOTdmOS0wMTQ4LWEwY2EtZTUwNmRiOTc1OGFlIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NGJmYWYwM2UtZGRhMy02NDRiLWFkY2YtOWQzYTYzMjRkNDM1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+RjnBPAAAABVJREFUeNpiTEtLYyAOMDEQDQACDABlagE2xHD5AwAAAABJRU5ErkJggg==') no-repeat right 10px top 25px;
}

#aside-menu .lnb .submenu li.open > a {
    color: #f55a79;
}

#aside-menu .lnb .submenu > ul > li {
    border-bottom: 1px solid #4b4848;
}

#aside-menu .lnb .submenu > ul > li > a {
    display: block;
    padding: 14px 14px;
    color: #fff;
    font-size: 16px;
}

#aside-menu .lnb .submenu > ul > li > a:hover, #aside-menu .lnb .submenu > ul > li.on > a {
    color: #f55a79;
}

#aside-menu .lnb .submenu > ul ul {
    display: none;
    position: absolute;
    left: 100%;
    top: -1px;
    min-width: 230px;
    padding: 8px 0;
    border: 1px solid #3a3838;
    background: #272729;
    box-shadow: 0 6px 13px 0 rgba(0, 0, 0, 0.19);
    border-radius: 6px;
}

#aside-menu .lnb .submenu li {
    position: relative;
}

#aside-menu .lnb .submenu li li {
    padding: 0;
    border-bottom: 1px solid #4b4848;
}

#aside-menu .lnb .submenu li li a {
    display: block;
    padding: 14px 14px;
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
}

#aside-menu .lnb .submenu li li a:before {
    content: none;
}

#aside-menu .lnb .submenu li li a:hover {
    color: #f55a79;
}

#aside-menu .lnb .submenu li li.on a, #aside-menu .lnb .submenu li li.open a {
    color: #f55a79;
}

#aside-menu .lnb .submenu li li a:hover:before, #aside-menu .lnb .submenu li li.open a:before {
    content: none;
}

#aside-menu .lnb .submenu li.open > ul {
    display: block;
}

#aside-menu .lnb .submenu li.dep-menu > a {
    padding-right: 28px;
}

/* contents */

#contents {
    width: 100%;
    padding: 0 40px 0;
    background-color: #f0f2f3;
    line-height: 22px;
}

#contents:after {
    content: "";
    display: block;
    clear: both;
}

/* contents header */

.content-header {
    position: relative;
    height: 70px;
    margin-bottom: 30px;
    overflow: hidden;
    border-bottom: 1px solid #cecece;
}

.content-header h2 {
    margin-top: 29px;
    font-size: 24px;
    font-weight: 700;
}

/* breadcrumb */

.breadcrumb {
    position: absolute;
    right: 0;
    top: 34px;
}

.breadcrumb span.ico_home {
    position: relative;
    top: -1px;
    width: 21px;
    height: 16px;
    margin-right: 4px;
    text-indent: -999px;
    overflow: hidden;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAQCAYAAAD52jQlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTcyRkMxODAyRUZDMTFFQzg4NkNERTVEMjg3QzQyOEEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTcyRkMxODEyRUZDMTFFQzg4NkNERTVEMjg3QzQyOEEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNzJGQzE3RTJFRkMxMUVDODg2Q0RFNUQyODdDNDI4QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNzJGQzE3RjJFRkMxMUVDODg2Q0RFNUQyODdDNDI4QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt6JDNEAAAEqSURBVHja5NM/SAJRHMDxu/4RCiVC0CYuQptLUDQEOrlYQdDmoJvQFrR4Rx0ELUFDTQ2Jq5EECYGCCCK0RktTOtkSuBQEhX0f/A7E8B3e2oMP3uN8X893PNOyLMNjzKGEEA7wPHzTcZw/C2Y8gguoICHzNWyhqVs0pbm3LItV8A01LOIBO36iMbQRxwvWkcIF5lFGfpLoKlqI4hEb6OAH+yjIuksc27ZtekXV0zSwhCqSeB/5zgly+IaNK8LT46IZ3CGIIrbxMeYfXsu+fsoP3BIOjEYPJTQr86w8iW7cww2lUSccdqPnOMVgaMHAmGx05WW2CEdUtI8v7Bn+hwo+YQW7Knokkxu/RU5Vj49NtW1cn7kn6tVjnbsdpibclxeoPVG+xz+P/gowAEZFQWDh/59lAAAAAElFTkSuQmCC') no-repeat 0 50%;
    vertical-align: middle;
}

.breadcrumb span {
    color: #666;
    padding-right: 5px;
    vertical-align: middle;
}

.breadcrumb span:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 13px;
    margin: 0 6px -1px 2px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4YTBiOTRjZS0xZTUxLTE0NDUtOWFiNi01MTRkY2ZmZDg3ZDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUMxNkJCNjAyQzlEMTFFQ0I0ODZCNjA1QjdFQjUyREMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUMxNkJCNUYyQzlEMTFFQ0I0ODZCNjA1QjdFQjUyREMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Njg0NTVlN2MtY2UyOS1hYTQxLWFjNDAtNDA0NzBmODliNjExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhhMGI5NGNlLTFlNTEtMTQ0NS05YWI2LTUxNGRjZmZkODdkMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvCQm7UAAAB3SURBVHjaYuzp6WEAAjkgfsSABTABsSIQnwViO1wK7gNxCBCvxaaICUofRFJkj00BsqI1yIqY0ExEVhSCTQFMUScQrwZiC2wKQA4tB+JQID7BgkVyLVTyALoVGJLICrBKggDICgWoZAjUgQzoCh4AsTGuuAAIMAAGdBn6IaodugAAAABJRU5ErkJggg==') no-repeat 0 0;
}

.breadcrumb em {
    color: #333;
    vertical-align: middle;
}

.breadcrumb em:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 13px;
    margin: 0 6px -1px 2px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4YTBiOTRjZS0xZTUxLTE0NDUtOWFiNi01MTRkY2ZmZDg3ZDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUMxNkJCNjAyQzlEMTFFQ0I0ODZCNjA1QjdFQjUyREMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUMxNkJCNUYyQzlEMTFFQ0I0ODZCNjA1QjdFQjUyREMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Njg0NTVlN2MtY2UyOS1hYTQxLWFjNDAtNDA0NzBmODliNjExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhhMGI5NGNlLTFlNTEtMTQ0NS05YWI2LTUxNGRjZmZkODdkMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvCQm7UAAAB3SURBVHjaYuzp6WEAAjkgfsSABTABsSIQnwViO1wK7gNxCBCvxaaICUofRFJkj00BsqI1yIqY0ExEVhSCTQFMUScQrwZiC2wKQA4tB+JQID7BgkVyLVTyALoVGJLICrBKggDICgWoZAjUgQzoCh4AsTGuuAAIMAAGdBn6IaodugAAAABJRU5ErkJggg==') no-repeat 0 0;
}

.invalid-feedback {
    color: red;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.ml-2 {
    margin-left: 0.5rem !important;
}

.mt-0 {
    margin-top: 0 !important;
}

/* ag-grid */

.ag-theme-quartz .ag-header-group-cell-label {
    justify-content: center;
}

.ag-theme-quartz .ag-header-cell-label {
    justify-content: center;
}

.alert-box {
    white-space: pre-line;
}

.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
  padding: 8px 0 12px;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */

@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    direction: ltr;
    text-align: left;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}

.treeview, .treeview ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(data:image/gif;base64,R0lGODlhYACFAPACAAAAAICAgCH5BAUAAAIALAAAAABgAIUAAAL/lI+py+0PBZjA0Yiz3qjyD4aaJ5amSZ7qyrbuGsSy/NZmsOD2/unS4eMJIz5ScIhk4CgTAe6ZjCKKQKl1ejBet0dDdzucicHkstl5Tqul37X7fWrDUfNkqlqPXCzNPOjOIeeXNVhoeAgmNoNY8iXICOEIGSI52SPBhAZliVHJqeH52ZkjCqoYU5pq9aja+sLqGqsCqwoo+2BLW7fXwOtqCyoKfEtcbFx3inqMl6BbSuW1zKwljcZUAeU8CY1Wza39GXqcDF5tfo6ero4xXN3OmdnbF/u+nGtef3y/zu+UbC7O2DeAhKJ5w3Qh27iC3aQNPKignCVy/SpavCgtnzGNWsU4IvK1AGStih5vlcSIMhZFiM0IRnTZ8uA1TQ2JBSx20yYpb/9S+vwJdNBJeiSJiewwL6griUohMW06aKXDnVNfssQiM5NCgVSX5bz1VZZUqGTLmj2LNu2tAgA7) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}

/* fix for IE6 */

* html .hitarea {
	display: inline;
	float:none;
}

.treeview li {
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(data:image/gif;base64,R0lGODlhEADwBvABAICAgAAAACH5BAUAAAEALAAAAAAQAPAGQAL/jI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7P6/f8vv8PGCg4SFhoeIiYqLjI2Oj4CBkpOUlZaXmJmam5ydnp+QkaKjpKWmp6ipqqusp6ATDxKhEbMQvxehuAq1D7wOvg2wDMILxAvAuLLJtMu2zb3Pv8Gx08PVxdfH2svM3M7ewNDS4tTk1ubY6Nrt3N/t0e/j4eXz5/Xp9+v+6+D88v708PoD2B+Ajq64fwX8KACwc2LPjwoMKJDL0YS3ARQcYD/xsNdMyVDWNIjSM5lvR4EqQ6kStJtjT5EmVMlflY1nR5E2ZOmTtpGrT5E2dQnUN5FvUZEWhSoUuJNjX6FClFh1MhVpVYMStVrVa5Yt0KtmvYr2LLkj2r9Gpar2vHtjX7Fi1TtXPZ1nV7F25euU7p9rX7F29gvYP5QvV7GHBiwYsJNzYsVXFkxpMdV4b8MXNKzTM59/R8FHRU0Ygvxz29F3Vh1Y9Zm04Ne3Xs1rNfy75NG7ft3Lx3+yYtGThl4ZaJY96MvHPyz8tDNx/9vLRx19NrV9d9vXf239GDdx/+vXj448rLMzfvHD109dLHU3dvHT52+drpc2fvHT94/eL5k/8/D2B6Aa43YHv+vXdgfAnOt2B9Dd5XYH4R7jdhfxX+J2CGBGpo4IUIeqggiAyK6CCJEHIoIYoUqmghixhuCGOHLn44Y4g1jnhjiTmeGGOKPa74Y4tBvijjkDQaaSOSOCqpI5M8Fgmlj1ECOaWQVRIpZZZUamkll1huCWaXYX4pZplknnnklWl6ueaYbZr5JppJqjknm3W6eSececq5JJ192vknnoHqOSifTfp5KKCJCroooY0a+qSikTI6qaOVQrpdpvZp+iCnJnq6I6hOioropXGeuieqhar6KKumpgrrqrG2Ouurst5KK6625srrrr6SKimwlAprKbGYbopsp8knfrpsqM2O+mypxro6ba3V6nptr9n+Gm2w3Q77bbHhHqtsuczicksBADs=) 0 0 no-repeat; }

.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }

.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(data:image/gif;base64,R0lGODlhYACFAPACAAAAAICAgCH5BAUAAAIALAAAAABgAIUAAAL/lI+py+0PBZjA0Yiz3qjyD4aaJ5amSZ7qyrbuGsSy/NZmsOD2/unS4eMJIz5ScIhk4CgTAe6ZjCKKQKl1ejBet0dDdzucicHkstl5Tqul37X7fWrDUfNkqlqPXCzNPOjOIeeXNVhoeAgmNoNY8iXICOEIGSI52SPBhAZliVHJqeH52ZkjCqoYU5pq9aja+sLqGqsCqwoo+2BLW7fXwOtqCyoKfEtcbFx3inqMl6BbSuW1zKwljcZUAeU8CY1Wza39GXqcDF5tfo6ero4xXN3OmdnbF/u+nGtef3y/zu+UbC7O2DeAhKJ5w3Qh27iC3aQNPKignCVy/SpavCgtnzGNWsU4IvK1AGStih5vlcSIMhZFiM0IRnTZ8uA1TQ2JBSx20yYpb/9S+vwJdNBJeiSJiewwL6griUohMW06aKXDnVNfssQiM5NCgVSX5bz1VZZUqGTLmj2LNu2tAgA7); }

.treeview li.lastCollapsable { background-position: 0 -111px }

.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(data:image/gif;base64,R0lGODlhEADwBvABAPV2dgAAACH5BAUAAAEALAAAAAAQAPAGAAL/jB+Ay8qf4HMS0Wou1pVLDwHiOE6YdR6gmUbt2rRuCi81+sq3qvf5T/MFgaddRlhEbpQd5scZgrKG1CRxeW1mn9tod2qtYsVaMtfsRYPH4Tb7XXbH4Wd5nZ625/Hruf/+txfYB1goaEh4qJjIGPPlqAap12gjJcl3OZiJuLnYSYkTWfk4Kho6+ZlairqK2ar5yhnrOQvKQ3rqmgu7K9tL+2t7hHtrWswarJpcq3ys68wL7SsNTC08gyyjvc3d7f0NHl49bEyebf6MHq0+zT6OnQ6/Lt9O/25kf42/b8nsvwzQWjN3+voFJDgwX0J+xBD+E/jQ4UGFESlOZFjOIsSL/wY3epT4USPIkSJLYjxnsiPJk/FYznNZD+Y9lSkb1swos6DNnAtp8qz4k+NOn0SHGsVZFOlRlEFDNl2ZlGnUllNfVo15deZSqlutdsX6VavSsVLD6iTLFa1XtWDZii3r9izcuWnprrXbFu/bunzv9s37d6/fwYAJCy6M+LBiuYEZG3acGPLinmYpx7WsV7JmzI05P/YcGfRkoFk3k658+nLqzKJNC1X9mvXqzrM/1w59e3Rs2rtt98b9W7fT0q2L53Y9HHVw5FCVJ4f9XPZy49OPU4/OG7tv7cC5C28OHbx078xvjhefHf129d3ZfzefHv56+e3pv39qvzz+/cSt+/+vDiB517mnX38BEjhgfgny5xyC/wn4oIMHKhghhRMyGJ6FEF5o4IYeSvihhiCOKGKJGJ5nYocknhgfi/O5WB+M96mYYoM1ZihjgTbmuCCNPFb4I4c7+kjkkEbiWCSSR6IYZIhNrpgkk1G2OOWLVcZ45YxLUrmllV1i+aWWSo4pZZg6ksklml6qCSabYpbp5plwzpkmnWva2Saeb9bJ55195vnnnn4OCiihghaK6KGKyhkoo4Y6miiki/ZoJqVxWqqnpJpi2iinj3oaKaiTApnlpqRWeuqlqWYqqqlCqvoqq6t2OuuntYZ666ix0rqrrb3i+quuTpbaarG5ujosqsHJIgulssnC+qysyxo77bHURssrtr5qCyy3wjYLLbjSesvsjeOKmy2626rbLbvfmpsuvOvK2y697z5pb7n47kustf5WCzC517qrb78BEzxwvgnz6yzC/wr8sMMHKxwxxRMzHK7FEF9s8MYeS/yxxiCPLHLJGJ9rcscknxwvy/O6XC/M96qccsM1ZyxzwTbnvDDNPFf8M8c7+0z00EbjXDTSR6McdMhNr5w001G3PPXLVcd89cxLU7211V1j/bXWSo8tddg640wCCQUAADs=); }

.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(data:image/gif;base64,R0lGODlhYACFAPACAAAAAPV2diH5BAUAAAIALAAAAABgAIUAAAL/lI+py+0PBZjA0Yiz3qjyD4aaJ5amSZ7qyrbuGsSy/NZmsOD2/unS4eMJIz5ScIhk4CgTweyYTBaB0apiaoBapbmt9znzirPjMtk81qK562/b/d6lqHHb/FzPXCzNa35Uova3cDdoeIjYBkaTeKIl2KjxGHnTRSmyxOQUdrkx2QnyCcohOiq5CGkKkaqKwdq6Chsoi0kb8kpbiCur27rX8Iuw+1co6WuLnKy8nIXKbJkw3Irl9OxnYGQdLaH5pE0trQquLQxNjhpOrr7O3u6uUswer6oJ3Jfcu56vvk/e/17tHTp2pb4dyLZuXEJuF7xZU6gO4jlz35wBvIgxo8YfYRnn8VsWjNA9ZB79aSy5MWVCixEpPnT5rOBLJhUcxoTJTObNaxFZqvwJNGgnlNaIPjN6KWQCpTsxpkP21FZUWlNNDVzIc2JWg1tnduPUtBzWbWPF9lwkNK3atWzbun3LoAAAOw==); }

.treeview-black li { background-image: url(data:image/gif;base64,R0lGODlhEADwBvABAAAAAAAAACH5BAUAAAEALAAAAAAQAPAGAAL/jB+Ay8qf4HMS0Wou1pVLDwHiOE6YdR6gmUbt2rRuCi81+sq3qvf5T/MFgaddRlhEbpQd5scZgrKG1CRxeW1mn9tod2qtYsVaMtfsRYPH4Tb7XXbH4Wd5nZ625/Hruf/+txfYB1goaEh4qJjIGPPlqAap12gjJcl3OZiJuLnYSYkTWfk4Kho6+ZlairqK2ar5yhnrOQvKQ3rqmgu7K9tL+2t7hHtrWswarJpcq3ys68wL7SsNTC08gyyjvc3d7f0NHl49bEyebf6MHq0+zT6OnQ6/Lt9O/25kf42/b8nsvwzQWjN3+voFJDgwX0J+xBD+E/jQ4UGFESlOZFjOIsSL/wY3epT4USPIkSJLYjxnsiPJk/FYznNZD+Y9lSkb1swos6DNnAtp8qz4k+NOn0SHGsVZFOlRlEFDNl2ZlGnUllNfVo15deZSqlutdsX6VavSsVLD6iTLFa1XtWDZii3r9izcuWnprrXbFu/bunzv9s37d6/fwYAJCy6M+LBiuYEZG3acGPLinmYpx7WsV7JmzI05P/YcGfRkoFk3k658+nLqzKJNC1X9mvXqzrM/1w59e3Rs2rtt98b9W7fT0q2L53Y9HHVw5FCVJ4f9XPZy49OPU4/OG7tv7cC5C28OHbx078xvjhefHf129d3ZfzefHv56+e3pv39qvzz+/cSt+/+vDiB517mnX38BEjhgfgny5xyC/wn4oIMHKhghhRMyGJ6FEF5o4IYeSvihhiCOKGKJGJ5nYocknhgfi/O5WB+M96mYYoM1ZihjgTbmuCCNPFb4I4c7+kjkkEbiWCSSR6IYZIhNrpgkk1G2OOWLVcZ45YxLUrmllV1i+aWWSo4pZZg6ksklml6qCSabYpbp5plwzpkmnWva2Saeb9bJ55195vnnnn4OCiihghaK6KGKyhkoo4Y6miiki/ZoJqVxWqqnpJpi2iinj3oaKaiTApnlpqRWeuqlqWYqqqlCqvoqq6t2OuuntYZ666ix0rqrrb3i+quuTpbaarG5ujosqsHJIgulssnC+qysyxo77bHURssrtr5qCyy3wjYLLbjSesvsjeOKmy2626rbLbvfmpsuvOvK2y697z5pb7n47kustf5WCzC517qrb78BEzxwvgnz6yzC/wr8sMMHKxwxxRMzHK7FEF9s8MYeS/yxxiCPLHLJGJ9rcscknxwvy/O6XC/M96qccsM1ZyxzwTbnvDDNPFf8M8c7+0z00EbjXDTSR6McdMhNr5w001G3PPXLVcd89cxLU7211V1j/bXWSo8tddg640wCCQUAADs=); }

.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(data:image/gif;base64,R0lGODlhYACFAPABAAAAAAAAACH5BAUAAAEALAAAAABgAIUAQAL/jI+py+0PA5jA0Yiz3qwaL3HiSEZgiaJnyrbj+rnyvMD0jed6Avb7D7EBhxKKUUhMHo1J18UyaUptSKn1mqtif5Vj8bkNi8fkstlSO9OoahK7vdPCEeBOVCGf4w8+vR/79jfTxeQleIiY2JGmuJHXSLd0B8khOUmJmTn2qIkR2BnEJwrqSOqmWVdzOWraWsnourgXG0oLS4dqK2LJ2Ul4YajLq0vM1JBK+knMw9qbGwO9LI0W61xsOR3jFWw7nO2KHGmNOe57u6z8rb6eXW7qXo3d3vz9G8VN2xfSLr8OD/rP3LxZ5FSwE9ZPWjphX+4ZY0hQYcJ6B3FVjKbwXKN/VAEveoSzsBu9gftKZoz4MaXKfCxRFtPo72DIliU7HtJnU9DMlTwLesxpBigkoT03whTpEiIzkhaLOs1EVFFUkB+nIrKqZye4ozSbnlz6NKzYsWIKAAA7); }

.treeview-gray li { background-image: url(data:image/gif;base64,R0lGODlhEADwBvABAICAgAAAACH5BAUAAAEALAAAAAAQAPAGAAL/jB+Ay8qf4HMS0Wou1pVLDwHiOE6YdR6gmUbt2rRuCi81+sq3qvf5T/MFgaddRlhEbpQd5scZgrKG1CRxeW1mn9tod2qtYsVaMtfsRYPH4Tb7XXbH4Wd5nZ625/Hruf/+txfYB1goaEh4qJjIGPPlqAap12gjJcl3OZiJuLnYSYkTWfk4Kho6+ZlairqK2ar5yhnrOQvKQ3rqmgu7K9tL+2t7hHtrWswarJpcq3ys68wL7SsNTC08gyyjvc3d7f0NHl49bEyebf6MHq0+zT6OnQ6/Lt9O/25kf42/b8nsvwzQWjN3+voFJDgwX0J+xBD+E/jQ4UGFESlOZFjOIsSL/wY3epT4USPIkSJLYjxnsiPJk/FYznNZD+Y9lSkb1swos6DNnAtp8qz4k+NOn0SHGsVZFOlRlEFDNl2ZlGnUllNfVo15deZSqlutdsX6VavSsVLD6iTLFa1XtWDZii3r9izcuWnprrXbFu/bunzv9s37d6/fwYAJCy6M+LBiuYEZG3acGPLinmYpx7WsV7JmzI05P/YcGfRkoFk3k658+nLqzKJNC1X9mvXqzrM/1w59e3Rs2rtt98b9W7fT0q2L53Y9HHVw5FCVJ4f9XPZy49OPU4/OG7tv7cC5C28OHbx078xvjhefHf129d3ZfzefHv56+e3pv39qvzz+/cSt+/+vDiB517mnX38BEjhgfgny5xyC/wn4oIMHKhghhRMyGJ6FEF5o4IYeSvihhiCOKGKJGJ5nYocknhgfi/O5WB+M96mYYoM1ZihjgTbmuCCNPFb4I4c7+kjkkEbiWCSSR6IYZIhNrpgkk1G2OOWLVcZ45YxLUrmllV1i+aWWSo4pZZg6ksklml6qCSabYpbp5plwzpkmnWva2Saeb9bJ55195vnnnn4OCiihghaK6KGKyhkoo4Y6miiki/ZoJqVxWqqnpJpi2iinj3oaKaiTApnlpqRWeuqlqWYqqqlCqvoqq6t2OuuntYZ666ix0rqrrb3i+quuTpbaarG5ujosqsHJIgulssnC+qysyxo77bHURssrtr5qCyy3wjYLLbjSesvsjeOKmy2626rbLbvfmpsuvOvK2y697z5pb7n47kustf5WCzC517qrb78BEzxwvgnz6yzC/wr8sMMHKxwxxRMzHK7FEF9s8MYeS/yxxiCPLHLJGJ9rcscknxwvy/O6XC/M96qccsM1ZyxzwTbnvDDNPFf8M8c7+0z00EbjXDTSR6McdMhNr5w001G3PPXLVcd89cxLU7211V1j/bXWSo8tddg640wCCQUAADs=); }

.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(data:image/gif;base64,R0lGODlhYACFAPACAAAAAICAgCH5BAUAAAIALAAAAABgAIUAAAL/lI+py+0PBZjA0Yiz3qjyD4aaJ5amSZ7qyrbuGsSy/NZmsOD2/unS4eMJIz5ScIhk4CgTweyYTBaB0apiaoBapbmt9znzirPjMtk81qK562/b/d6lqHHb/FzPXCzNa35Uova3cDdoeIjYBkaTeKIl2KjxGHnTRSmyxOQUdrkx2QnyCcohOiq5CGkKkaqKwdq6Chsoi0kb8kpbiCur27rX8Iuw+1co6WuLnKy8nIXKbJkw3Irl9OxnYGQdLaH5pE0trQquLQxNjhpOrr7O3u6uUswer6oJ3Jfcu56vvk/e/17tHTp2pb4dyLZuXEJuF7xZU6gO4jlz35wBvIgxo8YfYRnn8VsWjNA9ZB79aSy5MWVCixEpPnT5rOBLJhUcxoTJTObNaxFZqvwJNGgnlNaIPjN6KWQCpTsxpkP21FZUWlNNDVzIc2JWg1tnduPUtBzWbWPF9lwkNK3atWzbun3LoAAAOw==); }

.treeview-famfamfam li { background-image: url(data:image/gif;base64,R0lGODlhAQABAHAAACH5BAUAAAAALAAAAAABAAEAQAICRAEAOw==); }

.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(data:image/gif;base64,R0lGODlhYACFAPQeAP/StTFrGDlzIUJzIVKEMXOcY71CAL1KANZaCMZaId5rIfdzAPd7GIS1Y4y9Y5S1e++EQvetc5S1jKW9nLXWlLXGrbnSpN6lhOetjOe1lO+1lNbnvf///wAAAAAAAAAAACH5BAUAAB4ALAAAAABgAIUAAAX/oCeOZGmeaKqurNe9nQq3dG3fZIzvfG/rvqBQCBwaj8ikcslsOp/QqHQqshQKhAl1m6o0KBsH4cEtkwgUCsfhEJjfaI6cEnibB44Gp9G2lyUEDhRiZH5cEgMBAxKGjY6PkJGSk5SVVEWWTZiZNTMyL5w7m6FIo6SnqKmqq6ytjhkJBgkXrjwZChoAEQoZtTgJGhAMDBAJvjcGAHIcDAbHNgkRDAsLCMbPNBgJ0wgHtNg0sLLf4OXm5+jp6jLrLKa1ninx4O/tIvX2+fr7/P12Vli08PMChhA/NGrYuNkXZ06dfXj08FmoD5Agg/wQKWLkr6PHjyBDjsDXjuQqGPXmnmEzqY5lOpfoYIqcSfMcwCz9CIYZczDNmj4M1TjkF3EP0IqBBvHMmGhRzadQo56SaY5qOaucVJrQegzrSpBepYodS5aLuFn9buXa1WsfMGHErulLtqwZv2jTqsnNp42bt7Sx0JYdTLiwkrBdwcYEJY+x4ceQI0uezOosOX1qdfG6G2xYMX505dh1K42aNX59q/3lZ5my69ewY8uefSIEADs=); }

.treeview .placeholder {
	background: url(data:image/gif;base64,R0lGODlhEAAQAPQAAP///wAAAPj4+Dg4OISEhAYGBiYmJtbW1qioqBYWFnZ2dmZmZuTk5JiYmMbGxkhISFZWVgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAFUCAgjmRpnqUwFGwhKoRgqq2YFMaRGjWA8AbZiIBbjQQ8AmmFUJEQhQGJhaKOrCksgEla+KIkYvC6SJKQOISoNSYdeIk1ayA8ExTyeR3F749CACH5BAkKAAAALAAAAAAQABAAAAVoICCKR9KMaCoaxeCoqEAkRX3AwMHWxQIIjJSAZWgUEgzBwCBAEQpMwIDwY1FHgwJCtOW2UDWYIDyqNVVkUbYr6CK+o2eUMKgWrqKhj0FrEM8jQQALPFA3MAc8CQSAMA5ZBjgqDQmHIyEAIfkECQoAAAAsAAAAABAAEAAABWAgII4j85Ao2hRIKgrEUBQJLaSHMe8zgQo6Q8sxS7RIhILhBkgumCTZsXkACBC+0cwF2GoLLoFXREDcDlkAojBICRaFLDCOQtQKjmsQSubtDFU/NXcDBHwkaw1cKQ8MiyEAIfkECQoAAAAsAAAAABAAEAAABVIgII5kaZ6AIJQCMRTFQKiDQx4GrBfGa4uCnAEhQuRgPwCBtwK+kCNFgjh6QlFYgGO7baJ2CxIioSDpwqNggWCGDVVGphly3BkOpXDrKfNm/4AhACH5BAkKAAAALAAAAAAQABAAAAVgICCOZGmeqEAMRTEQwskYbV0Yx7kYSIzQhtgoBxCKBDQCIOcoLBimRiFhSABYU5gIgW01pLUBYkRItAYAqrlhYiwKjiWAcDMWY8QjsCf4DewiBzQ2N1AmKlgvgCiMjSQhACH5BAkKAAAALAAAAAAQABAAAAVfICCOZGmeqEgUxUAIpkA0AMKyxkEiSZEIsJqhYAg+boUFSTAkiBiNHks3sg1ILAfBiS10gyqCg0UaFBCkwy3RYKiIYMAC+RAxiQgYsJdAjw5DN2gILzEEZgVcKYuMJiEAOwAAAAAAAAAAAA==) 0 0 no-repeat;
	height: 16px;
	width: 16px;
	display: block;
}

.filetree li { padding: 3px 0 2px 16px; }

.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }

.filetree span.folder { background: url(data:image/gif;base64,R0lGODlhEAAOAIIAAZdaH+C6eP/inq1zLf/////Sg59oJMOHNCwAAAAAEAAOAAIDN0i63P7vyAPXYBcewUsIk8RQFalsXKoCmDq8cEwMKa2mxWUUOe//GUDvB1wABsQiw8BsOitQQgIAOw==) 0 0 no-repeat; }

.filetree li.expandable span.folder { background: url(data:image/gif;base64,R0lGODdhEAAOAPIHAK1zLeC6eP/insOHNP/////Sg59oJJdaHywAAAAAEAAOAEADM0i63AoiygnYkCWEwXkzYCg6RDeQyzWtB3MUcCy3aL1Ud33qDLRSDINsWDC4AMQYzUZKAAA7) 0 0 no-repeat; }

.filetree span.file { background: url(data:image/gif;base64,R0lGODdhDwAOAPIHANS9fIy3oamMQX98XzmJdP////9tcGpsYiwAAAAADwAOAEADOlgl3KxQjWJMGefIKGi1UAdNUUQqYgQAKVoE8KQtZgHAAUFsYWm3rtKKxfH1jsbWybdclpqDqHSqSAAAOw==) 0 0 no-repeat; }

/* align */

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

/* forms */

input {
    width: 100%;
    height: 34px;
    padding-left: 8px;
    color: #333;
    border: 1px solid #d6d6d6;
    background: #fff;
    outline: none;
    border-radius: 4px;
}

input.center {
    text-align: center;
    padding: 0 8px;
}

input[type=text]::-ms-clear {
    display: none;
}

input[readonly], textarea[readonly] {
    background: #eee;
}

input[disabled], textarea[disabled] {
    background: #eee;
    cursor: not-allowed;
}

select {
    width: 100%;
    height: 34px;
    padding: 0 30px 0 8px;
    color: #333;
    border: 1px solid #d6d6d6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAICAYAAAAiJnXPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4YTBiOTRjZS0xZTUxLTE0NDUtOWFiNi01MTRkY2ZmZDg3ZDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjZFMzExMEQyQzlFMTFFQ0JFNEM4RDhDRjlFNTlGNEYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjZFMzExMEMyQzlFMTFFQ0JFNEM4RDhDRjlFNTlGNEYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Njg0NTVlN2MtY2UyOS1hYTQxLWFjNDAtNDA0NzBmODliNjExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhhMGI5NGNlLTFlNTEtMTQ0NS05YWI2LTUxNGRjZmZkODdkMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phzz9scAAABxSURBVHjaYuzp6WEAAjkgfsRAGIDVMQEJRSA+C8R2BDTYQdUpgjTdB+IQIF6LR6MdVD4UpJ4JKngQSaM9Hg0HQAJMSJIwjWuQNGJoQNeErrEEmwYQYMHifpDGbCBeCcTh6BpwaQKBVUB8FxpaGAAgwACB+xuF9H00MgAAAABJRU5ErkJggg==') no-repeat right 10px top 50%;
    outline: none;
    border-radius: 4px;
}

select::-ms-expand {
    display: none;
}

/* textarea {width:100%;padding:8px;color:#333;border:1px solid #d6d6d6;background:#fff;overflow:auto;border-radius:4px;resize:none;outline:none;} */

textarea {
    width: 100%;
    padding: 8px;
    color: #333;
    border: 1px solid #d6d6d6;
    background: #fff;
    overflow: auto;
    resize: none;
    outline: none;
}

input:focus, select:focus, textarea:focus {
    border: 1px solid #b6b6b6;
    background-color: #f6f6f6;
}

input[type=radio] {
    width: 18px;
    height: 18px !important;
}

input[type=checkbox] {
    width: 18px;
    height: 18px !important;
}

input[type=radio] ~ label {
    margin-left: 4px;
}

input[type=checkbox] ~ label {
    margin-left: 5px;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #959595;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #959595;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #959595;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #959595;
}

/* form controls */

.radio-group {
    padding: 5px 0;
}

.radio-group input[type=radio] {
    margin-left: 25px !important;
}

.radio-group input[type=radio]:first-child {
    margin-left: 0 !important;
}

.radio-group + input, .radio-group + select {
    margin-left: 25px;
}

.check-group {
    padding: 5px 0;
}

.check-group input[type=checkbox] {
    margin-left: 25px !important;
}

.check-group input[type=checkbox]:first-child {
    margin-left: 0 !important;
}

.check-group + input, .radio-group + select {
    margin-left: 25px;
}

.split {
    padding: 0 4px;
}

.input-group {
    display: flex;
    align-items: center;
}

.input-group input + input, .input-group select + select, .input-group select + div, .input-group span + input,
.input-group input + select, .input-group select + input, .input-group input + * {
    margin-left: 5px !important;
}

.input-group .inquiry + input, .input-group .inquiry + select {
    margin-left: 10px !important;
}

.input-group .split {
    padding: 0px 10px 0px 4px;
}

.input-group label {
    white-space: nowrap;
}

.input-group .datepicker-group * {
    margin-left: 0 !important;
}

.inquiry {
    position: relative;
    display: flex;
}

.inquiry input {
    padding-right: 35px;
}

.ip-box input {
    width: 50px;
    margin: 0 1px;
}

.mac-box input {
    width: 50px;
}

.ip-box button, .mac-box button {
    margin: 0 1px;
}

input.datepicker {
    width: 130px;
    background: #fff url('../images/ico_calendar.png') no-repeat right 10px top 9px;
}

input.datepicker[readonly], input.datepicker[disabled] {
    background: #f4f7fc url('../images/ico_calendar.png') no-repeat right 10px top 9px;
    color: #768297;
}

.datepicker-group {
    display: flex;
    align-items: center;
}

.datepicker-group .datepicker {
    width: 142px;
}

/* datepicker */

.daterangepicker select.monthselect {
    float: right;
    margin-right: 0;
    border: 0;
    font-size: 16px;
    color: #393a4a;
    width: 36%;
    margin-right: 12px;
}

.daterangepicker select.yearselect {
    float: left;
    border: 0;
    font-size: 16px;
    color: #393a4a;
    width: 43%;
    margin-left: 20px;
}

.daterangepicker .calendar-table table {
    border-collapse: separate;
    border-spacing: 5px;
}

.daterangepicker .drp-calendar {
    max-width: 300px;
}

.daterangepicker .calendar-table th {
    min-width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    color: #000;
    font-weight: 500;
}

.daterangepicker .calendar-table td {
    min-width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    color: #6f7084;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    width: 28px;
}

.daterangepicker .drp-calendar.left {
    padding: 10px 0 10px 10px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    color: #fff;
    background-color: #a51b37;
    border-radius: 30px;
}

.daterangepicker td.start-date.end-date {
    border-radius: 30px;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    border-radius: 30px;
}

.daterangepicker th.available:hover {
    background: transparent;
}

.daterangepicker th.month {
    padding: 5px 0 7px;
}

.daterangepicker td.off.ends {
    color: #c8cdd9;
}

.daterangepicker td.off.ends.weekend {
    color: #c8cdd9;
}

.daterangepicker td.weekend.available {
    color: #f44670;
}

.daterangepicker td.weekend.available ~ td.weekend.available {
    color: #6479eb;
}

.daterangepicker td.weekend.available ~ td.ends.available {
    color: #c8cdd9;
}

/* button */

.btn-block {
    margin-top: 20px;
    text-align: right;
}

.btn-block:after {
    content: "";
    display: block;
    clear: both;
}

.btn-block a, .btn-block button {
    margin: 0 3px;
}

.btn {
    display: inline-block;
    padding: 0 10px;
    text-align: center;
    color: #fff !important;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 5px;
}

.btn.primary {
    min-width: 90px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 16px;
    background: #a51b37;
    transition: all 0.5s;
}

.btn.primary-line {
    min-width: 90px;
    height: 40px;
    line-height: 38px;
    padding: 0 15px;
    color: #333 !important;
    font-size: 16px;
    background: #fff;
    border: 1px solid #9692ad;
    transition: all 0.5s;
}

.btn.disabled {
    min-width: 90px;
    height: 40px;
    line-height: 38px;
    padding: 0 15px;
    font-size: 16px;
    background: #808080;
    border: 1px solid #9692ad;
    transition: all 0.5s;
}

.btn.primary.sm {
    min-width: 70px;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    font-size: 13px;
    background: #a51b37;
    border-radius: 3px;
    margin-right: 5px;
}

.btn.disabled.sm {
    min-width: 70px;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    font-size: 13px;
    background: #808080;
    border-radius: 3px;
}

.btn.primary-line.sm {
    min-width: 70px;
    height: 32px;
    line-height: 30px;
    padding: 0 10px;
    color: #333 !important;
    font-size: 13px;
    background: #fff;
    border: 1px solid #9692ad;
    border-radius: 3px;
}

.btn.primary:hover {
    background: #6b1425;
}

.btn.primary-line:hover {
    background: #e9e9e9;
}

.btn.inline {
    height: 24px;
    line-height: 22px;
    padding: 0 15px;
    color: #333 !important;
    font-size: 13px;
    background: #fff;
    border: 1px solid #b0abca;
    border-radius: 3px;
    transition: all 0.5s;
}

.btn.inline:hover {
    background: #a51b37;
    color: #fff !important;
    border: 1px solid #a51b37;
}

.btn-add {
    width: 34px;
    height: 34px;
    line-height: 22px;
    color: #333 !important;
    font-size: 16px;
    border: 1px solid #b0abca;
    border-radius: 3px;
    font-weight: 700;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2M2EzNzJiZS1mZTU1LWY1NDktYTBiYy0yNDc1MGM4OTc0MjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkYzRTlFQzQyRUZDMTFFQ0E4REM4OTY2NTE1QTgzMkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkYzRTlFQzMyRUZDMTFFQ0E4REM4OTY2NTE1QTgzMkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDU4YWY2ZjYtOTdmOS0wMTQ4LWEwY2EtZTUwNmRiOTc1OGFlIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NGJmYWYwM2UtZGRhMy02NDRiLWFkY2YtOWQzYTYzMjRkNDM1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+LrHfaQAAACxJREFUeNpiSUtLY8AB/kNpRmySTAxkgpGgkQUp9AiFLvVsZByNRyprBAgwAJhPBVSP6KniAAAAAElFTkSuQmCC') no-repeat 50% 50%;
}

.btn-del {
    width: 34px;
    height: 34px;
    line-height: 22px;
    color: #333 !important;
    font-size: 16px;
    border: 1px solid #b0abca;
    border-radius: 3px;
    font-weight: 700;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAACCAIAAADn6Hr9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2M2EzNzJiZS1mZTU1LWY1NDktYTBiYy0yNDc1MGM4OTc0MjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUJBMUQ4ODQyRUZDMTFFQzk2Q0FBNjlENTk5M0EyOTciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUJBMUQ4ODMyRUZDMTFFQzk2Q0FBNjlENTk5M0EyOTciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDU4YWY2ZjYtOTdmOS0wMTQ4LWEwY2EtZTUwNmRiOTc1OGFlIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NGJmYWYwM2UtZGRhMy02NDRiLWFkY2YtOWQzYTYzMjRkNDM1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+RjnBPAAAABVJREFUeNpiTEtLYyAOMDEQDQACDABlagE2xHD5AwAAAABJRU5ErkJggg==') no-repeat 50% 50%;
}

/* search */

.block-search .search-box {
    padding: 20px 10px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.block-search .search-box.between {
    display: flex;
    justify-content: space-between;
    padding: 15px 20px;
}

.block-search .search-box.between .right {
    margin-left: auto;
}

.block-search .search-box.between .right strong {
    margin-left: 10px;
    font-weight: 500;
}

.block-search .search-box.between .search-input {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.block-search .search-box.between .search-input .tit {
    padding: 5px 15px 5px 15px;
    text-align: right;
    font-size: 15px;
    font-weight: 300;
    background: #fff;
    flex: none;
}

.block-search .search-box.between .search-input .tit:before {
    display: inline-block;
    width: 3px;
    height: 3px;
    margin: -2px 5px 0 0;
    background: #888;
    border-radius: 3px;
    vertical-align: middle;
}

.block-search .tbl-search {
    width: 100%;
}

.block-search .tbl-search th {
    padding: 5px 5px 5px 15px;
    text-align: left;
    font-size: 15px;
    font-weight: 300;
    background: #fff;
}

.block-search .tbl-search th:before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    margin: -2px 5px 0 0;
    background: #888;
    border-radius: 3px;
    vertical-align: middle;
}

.block-search .tbl-search td {
    padding: 5px 15px 5px 5px;
    background: #fff;
}

.block-search .tbl-search input + input, .block-search .tbl-search select + select,
.block-search .tbl-search input + select, .block-search .tbl-search select + input {
    margin-left: 6px;
}

.block-search .search-box .form-category {
    width: 200px;
    margin: 0 1px;
}

.block-search .search-box .form-keyword {
    width: 200px;
    margin: 0 1px;
}

.block-search .search-box .form-status {
    width: 100px;
    margin: 0 1px;
}

.block-search .btn-reset, .block-search .btn-refresh {
    display: inline-block;
    min-width: 80px;
    height: 34px;
    line-height: 32px;
    color: #666;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #bfbfbf;
}

.block-search .btn-search {
    display: inline-block;
    min-width: 80px;
    height: 34px;
    line-height: 34px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 5px;
    margin-left: 5px;
    background: #a51b37 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0IzQkUxRUZDODdEMTFFOTg5MENENjQzQzU3QjE1ODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0IzQkUxRjBDODdEMTFFOTg5MENENjQzQzU3QjE1ODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQjNCRTFFREM4N0QxMUU5ODkwQ0Q2NDNDNTdCMTU4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQjNCRTFFRUM4N0QxMUU5ODkwQ0Q2NDNDNTdCMTU4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlD/OJoAAAGASURBVHjajNM7SwNBEMDxS8D4wGgTEVREo4USEKy0C2gZEO1NZ6GCBtHSr2ChhdhYiWAlIQjWlj6wEQwaKyEgERXjkyR4/k9mYXLkcg78cht2d273djZg27blih7EMIBmPCOLK3xYXuEkEmGs4gKvdnXkcYyEGl/FNCI4QEVN/sG3K+ELFr0SNWFXDX7CJqYQxyzS6iVfSNZKNK0G3WCixhsbsaZWmEXUnehQOouY8foGYkutfN6dKC8dR2jxSTSCgozfQ8j0BTm4NjnAHD6t+vGIe2l3ocF0OIlMIYUs/wiqyRU196/jQdqjiPgk6kef2kFJF+SO7LmMlTrfxynYjIwtyWlXfexxqR1TcEtodyUZxL46MSdhqx4T4CfAwlLYkK2WcYYTvKMbkxhSW3T6k7h137UgUrKielFU7VMMu++aEZf6yMl236RuzrGOMVXATlwiZrZW63SickJhFHAnTyd6sY2E/L/GsuVTyV465SKbWPBa0X+iA3NS6elfAQYAl1LKp470TecAAAAASUVORK5CYII=') no-repeat 5px 50%;
    padding-left: 20px;
}

.block-search .search-box.type2 {
    display: block;
    padding: 15px 20px 15px 10px;
}

.block-search .search-box.type2 .input-list.flex {
    display: flex;
}

.block-search .search-box.type2 .input-list li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.block-search .search-box.type2 .input-list li:first-child {
    display: flex;
    align-items: center;
    margin-top: 0;
}

.block-search .search-box.type2 .input-list li .tit {
    padding: 5px 15px 5px 15px;
    text-align: right;
    font-size: 15px;
    font-weight: 300;
    background: #fff;
    flex: none;
    min-width: 100px;
    margin-top: 10px;
}

.block-search .search-box.type2 .input-list li .tit:before {
    display: inline-block;
    width: 3px;
    height: 3px;
    margin: -2px 5px 0 0;
    background: #888;
    border-radius: 3px;
    vertical-align: middle;
}

.block-search .search-box.type2 .input-list li .cont {
    margin-top: 10px;
}

.block-search .search-box.type2 .btn-group {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
    text-align: center;
}

.block-search .search-box.type2 .btn-group button, .block-search .search-box .btn-group a {
    margin-left: 3px;
}

.block-info {
    padding: 15px 10px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.tbl-info {
    width: 100%;
}

.tbl-info th {
    padding: 4px 5px 4px 15px;
    text-align: left;
    font-size: 15px;
    font-weight: 500;
    color: #a51b37;
}

.tbl-info th:before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    margin: -2px 5px 0 0;
    background: #888;
    border-radius: 3px;
    vertical-align: middle;
}

.tbl-info td {
    padding: 4px 15px 4px 5px;
}

/* tab */

.nav-tab {
    margin-bottom: 20px;
    overflow: hidden;
    padding-left: 1px;
    border-bottom: 1px solid #a51b37;
}

.nav-tab li {
    float: left;
}

.nav-tab li a {
    height: 40px;
    padding: 0 30px;
    color: #222;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ced4da;
    border-bottom: 0;
    margin-left: -1px;
    background-color: #fff;
    transition: all 0.3s;
    border-radius: 7px 7px 0 0;
}

.nav-tab li a:hover {
    color: #fff;
    background-color: #a51b37;
}

.nav-tab li.active a {
    color: #fff;
    background-color: #a51b37;
}

/* list header */

.list-header {
    padding-bottom: 10px;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.list-header .total-num em {
    font-weight: 500;
    color: #a51b37;
}

.list-header .right a {
    margin: 0 1px;
}

.list-header .form-category {
    width: 120px;
}

/* table list */

.tbl-wrap {
    border-top: 2px solid #666;
}

.tbl-list {
    width: 100%;
}

.tbl-list > thead > tr > th {
    height: 40px;
    padding: 5px;
    font-weight: 700;
    text-align: center;
    border-top: 2px solid #333;
    border-bottom: 1px solid #aaa;
    background: #ececec;
}

.tbl-list > tbody > tr > th {
    border-bottom: 1px solid #e3e6ed;
    background: #ececec;
}

.tbl-list > tbody > tr > td {
    height: 40px;
    padding: 5px;
    text-align: center;
    border-bottom: 1px solid #e3e6ed;
    border-right: 0;
    background: #fff;
}

.tbl-list > tbody > tr > td .line {
    color: #a51b37;
    text-decoration: underline;
}

.tbl-list .left {
    padding: 5px 5px 5px 20px;
    text-align: left;
}

.tbl-list .right {
    padding: 5px 20px 5px 5px;
    text-align: right;
}

.tbl-list + .tbl-view {
    margin-top: 20px;
}

.progress {
    display: inline-block;
    width: 100%;
    height: 16px;
    margin-right: 5px;
    text-align: left;
    overflow: hidden;
    border: 1px solid #ddd;
    background: #f6f6f6;
    vertical-align: middle;
    border-radius: 16px;
}

.progress em {
    display: inline-block;
    height: 100%;
    background: #a51b37;
    vertical-align: top;
}

/* table */

.tbl-view {
    width: 100%;
    border-top: 2px solid #666;
}

.tbl-view th {
    height: 46px;
    padding: 5px 5px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    text-align: center;
    border-bottom: 1px solid #d8d8d8;
    background: #ececec;
}

.tbl-view th span {
    color: #a51b37;
}

.tbl-view > tbody > tr > td {
    height: 46px;
    padding: 5px 10px;
    text-align: left;
    border-bottom: 1px solid #d8d8d8;
    border-top: 1px solid #666;
    background: #fff;
}

.tbl-view .form-category {
    width: 200px;
}

.tbl-view + .tbl-list {
    margin-top: 20px;
}

/* list footer */

.list-footer {
    position: relative;
    min-height: 40px;
    margin-top: 20px;
    text-align: center;
    overflow: hidden;
}

.list-footer .left {
    float: left;
    margin-top: 10px;
}

.list-footer .left a, .list-footer .left button {
    margin-right: 2px;
}

.list-footer .right {
    position: absolute;
    right: 0;
    top: 0;
}

.list-footer .right a, .list-footer .right button {
    margin-left: 2px;
}

.paginate {
    margin-top: 8px;
    text-align: center;
    line-height: 16px;
}

.paginate a.pre-end, .paginate a.next-end, .paginate a.pre, .paginate a.next {
    width: 26px;
    height: 26px;
    padding: 0;
    text-indent: -999px;
    overflow: hidden;
    border: 1px solid #ddd !important;
    background-color: #fff !important;
    border-radius: 26px;
}

.paginate a.pre {
    margin-right: 13px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplODgzZGI4MS01ZThhLTBhNDYtYjVkOS1iNDk5ZjQyZGU1ZDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUUwMDhCRTA1N0IyMTFFRUE0NjVEMjFDRDBBOENDRjUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUUwMDhCREY1N0IyMTFFRUE0NjVEMjFDRDBBOENDRjUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjYgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTU4MzEzYTMtMjNmYS03NDRmLTk0NDgtODMyNDViMGY5OWYwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmU4ODNkYjgxLTVlOGEtMGE0Ni1iNWQ5LWI0OTlmNDJkZTVkMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsXTLlgAAABeSURBVHjaYqxrn8YABepAvB2I77AgCewDYikg/sKEJnAfiH1AKi8CMTsQPwZiByB+BFL5F2oEMxCDjQMJ6kJVgbQfAGIlkOA9mDYglgXirUxQrSAJRyC+AcS3AQIMADcwExe3PtrtAAAAAElFTkSuQmCC') no-repeat 50% 50%;
}

.paginate a.next {
    margin-left: 13px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplODgzZGI4MS01ZThhLTBhNDYtYjVkOS1iNDk5ZjQyZGU1ZDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkEyREIwNjg1N0IyMTFFRTlCOUJFRDZDQkRFQjFBRkEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkEyREIwNjc1N0IyMTFFRTlCOUJFRDZDQkRFQjFBRkEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjYgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTU4MzEzYTMtMjNmYS03NDRmLTk0NDgtODMyNDViMGY5OWYwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmU4ODNkYjgxLTVlOGEtMGE0Ni1iNWQ5LWI0OTlmNDJkZTVkMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiV/SzsAAABkSURBVHjaYqxrn3aUgYFBBIg9gfgeEDMwQQXUgPgAECvBBEEqHgOxLEyCCarFAYifQyUugQRBgBWqCwT+ghjqQLwPiMWB+D4Q64IEdwCxFFQAZMwjFiBxG4i/ALE3SACkHyDAAAvCEsNq3ib3AAAAAElFTkSuQmCC') no-repeat 50% 50%;
}

.paginate a.pre-end {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplODgzZGI4MS01ZThhLTBhNDYtYjVkOS1iNDk5ZjQyZGU1ZDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0Y0QTNCN0U1N0IyMTFFRUFCRTJBNTZCODU2Q0E4MTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0Y0QTNCN0Q1N0IyMTFFRUFCRTJBNTZCODU2Q0E4MTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjYgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTU4MzEzYTMtMjNmYS03NDRmLTk0NDgtODMyNDViMGY5OWYwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmU4ODNkYjgxLTVlOGEtMGE0Ni1iNWQ5LWI0OTlmNDJkZTVkMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsUxsxwAAABzSURBVHjaYqlrn8YABepAvB2I7wCxG7oYC5LAPiCWAuIv2MSY0ATuA7EPNjGQiReBmB2IHwOxAxA/AuIf6GIgE/9CrWIGYphTMMRACnWhOkHWHABiJWxiIIX3kKyUBeKt2MSYoFaAJByB+AYQ38YmBhBgAPRXJO+DTBMuAAAAAElFTkSuQmCC') no-repeat 50% 50%;
}

.paginate a.next-end {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplODgzZGI4MS01ZThhLTBhNDYtYjVkOS1iNDk5ZjQyZGU1ZDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTIxQjI1ODc1N0IyMTFFRTlCRjBFQjA4REVGNDdCQjgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTIxQjI1ODY1N0IyMTFFRTlCRjBFQjA4REVGNDdCQjgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjYgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTU4MzEzYTMtMjNmYS03NDRmLTk0NDgtODMyNDViMGY5OWYwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmU4ODNkYjgxLTVlOGEtMGE0Ni1iNWQ5LWI0OTlmNDJkZTVkMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlZuCg4AAAB3SURBVHjaYqxrn3aUgYFBBIg9gfgeAwRgiDFBBdSA+AAQK0EVYogxQXU9BmJZJAkMMSao0Q5A/BwqcQmbGBPUKlao6SDwF5sYiKEOxPuAWByI7wOxLjYxFiCxA4iloAIg6x5B2ShiIIW3gfgLEHtDFTFgEwMIMAC/GSQCKuI8EQAAAABJRU5ErkJggg==') no-repeat 50% 50%;
}

.paginate a {
    display: inline-block;
    margin: 0 4px;
    padding: 2px 4px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 2px solid #f0f2f3;
}

.paginate a.active, .paginate a:hover {
    color: #a51b37;
    font-weight: 500;
    border-bottom: 2px solid #a51b37;
}

.block-cont {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
}

.row-section {
    display: flex;
    flex-wrap: wrap;
}

.row-section + .row-section {
    margin-top: 20px;
}

.col-full {
    width: 100%;
}

.col-half {
    width: calc(50% - 20px);
    margin: 0 10px;
}

.col-three {
    width: calc(100% / 3 - 20px);
    margin: 0 10px;
}

.gut-20 {
    margin-right: calc(20px / -2);
    margin-left: calc(20px / -2);
}

/* modal */

.modal-wrap {
    position: relative;
    margin: 0 auto;
    width: 860px;
    background: #fff;
    display: none;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    overflow: hidden;
}

.modal-wrap.w1400 {
    width: 1400px;
}

.modal-head {
    display: flex;
    align-items: center;
    height: 64px;
    padding: 0 30px;
    border-bottom: 1px solid #e3e7eb;
}

.modal-head h2 {
    font-size: 24px;
    font-weight: 500;
}

.modal-cont {
    padding: 30px 30px;
    border-top: 1px solid #f0f1f2;
    background: #fafbfc;
}

.modal-footer {
    display: flex;
    justify-content: flex-end;
    padding-top: 20px;
}

.modal-btn {
    padding: 15px;
    border-top: 1px solid #e3e7eb;
    text-align: center;
}

.modal-btn a, .modal-btn button {
    margin: 0 2px;
}

.modal-close {
    position: absolute;
    right: 30px;
    top: 20px;
    font-size: 28px;
    display: inline-block;
    width: 22px;
    height: 22px;
    text-indent: -999px;
    overflow: hidden;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0MmVkMzlhMC0zYjY4LWFkNGMtOTBhZi04MWE2YTkwMDVlYjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUFBMzg0RDI0NjdCMTFFRTlGMjNDRjZERTIzMUQ0QkQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUFBMzg0RDE0NjdCMTFFRTlGMjNDRjZERTIzMUQ0QkQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjYgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Mjc2OTg3MjItNjE2MS1iOTQwLWFjM2MtODRiYjQxNTg0NzkzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQyZWQzOWEwLTNiNjgtYWQ0Yy05MGFmLTgxYTZhOTAwNWViOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm1p784AAADDSURBVHjarNOxDQIxDAVQ828JBqGnYhcmgIoCqJgAhrmKmn0oTRwRFN1dYjshkk9OkSfn9EOHy51DETP/pcQDEa1C8fH6oN4VDBYP3303nEDpcTvtqRfOwYjKpweegmIh33jhJfA3aQtcAmeoFa6Bi6gGa2A8JIGtXDG1CVLB4qSliS2gimaH80mroAmd/ENT3ODJoRWGJ4fWHMMbbAsMb7AtMLygBUYLqMHxRbWAtZc3vId1Fyhrt93Q+HxJexb4I8AAtODKBQXqM1UAAAAASUVORK5CYII=') no-repeat 50% 50%;
}

.modal-wrap .h3-tit {
    margin: 20px 0 5px;
    font-size: 16px;
    font-weight: 500;
}

.modal-wrap .h3-tit:first-of-type {
    margin-top: 0;
}

/* alert */

.alert-wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, 0.6);
}

.alert-wrap .alert-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 360px;
    padding: 40px 20px 20px;
    text-align: center;
    transform: translate(-50%, -50%);
    background: #fff;
    border: 1px solid #e1e2e6;
    border-radius: 3px;
    box-shadow: 0 10px 20px 0 rgba(36, 65, 97, 0.1);
}

.alert-wrap .alert-box p {
    font-size: 16px;
    font-weight: bold;
}

.alert-wrap .alert-btn {
    margin-top: 30px;
}

.alert-wrap .alert-btn button {
    margin: 0 2px;
}

.alert-wrap .alert-close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    overflow: hidden;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTQyNEYyQzNCRTFCMTFFQzkxRDc4RjNDOTZFMUQxQTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTQyNEYyQzRCRTFCMTFFQzkxRDc4RjNDOTZFMUQxQTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NDI0RjJDMUJFMUIxMUVDOTFENzhGM0M5NkUxRDFBOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NDI0RjJDMkJFMUIxMUVDOTFENzhGM0M5NkUxRDFBOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph5Yv/IAAADkSURBVHjaYvz//z8DNQALiEhLS+sAUl5AHPeI+/kFYjRKfhARYGVlPQRkPpo1a5YPE0iQkZFRAoh1gcwDcl8lDYg1BKoHDMAG/fr1qwDoxctACX5ChiEbAtLz+/fvGLhBzwXefAAK2BEyDIshdiC9cIOIMQyfISgG4TOMkCEYBuEyjJAhWA3CZhghQ3AahAPIAV2mgEuSiZgoJiZpMBETxcQkDSZi0gkx6YyJ2HRCyDAmYgwhxjCwQUBDlhATxTgMWwQvRoBgDahcAmVAfIYgGwb0hR0bG9sEIPcFuAShVsEGEGAAugEkKFDtL7cAAAAASUVORK5CYII=') no-repeat 50% 50%;
}

/* confirm modal */

.confirm-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, 0.6);
    line-height: 22px;
}

.confirm-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 600px;
    background: #fff;
    box-shadow: 0 4px 20px 0 rgba(7, 7, 7, 0.4);
    border-radius: 6px;
    overflow: hidden;
    transform: translate(-50%, -50%);
}

.confirm-modal.w800 {
    width: 800px;
}

.confirm-modal.w900 {
    width: 900px;
}

.confirm-modal.w1000 {
    width: 1000px;
}

.confirm-modal.w90p {
    width: 90%;
    height: 90%;
    overflow: auto;
}

.confirm-modal.w80ph65p {
    width: 80%;
    overflow: auto;
}

.confirm-head {
    display: flex;
    align-items: center;
    height: 56px;
    padding: 0 20px;
    border-bottom: 1px solid #e1e2e6;
    background: #f8f8f8;
}

.confirm-head h2 {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -1px;
}

.confirm-cont {
    padding: 20px 20px 20px;
    overflow-y: auto;
    max-height: calc(100vh - 9rem);
}

.confirm-foot {
    padding: 0 20px 20px 20px;
    text-align: center;
    display: flex;
    justify-content: flex-end;
}

.confirm-foot button {
    margin: 0 2px;
}

.confirm-close {
    position: absolute;
    right: 18px;
    top: 20px;
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    overflow: hidden;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTQyNEYyQzNCRTFCMTFFQzkxRDc4RjNDOTZFMUQxQTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTQyNEYyQzRCRTFCMTFFQzkxRDc4RjNDOTZFMUQxQTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NDI0RjJDMUJFMUIxMUVDOTFENzhGM0M5NkUxRDFBOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NDI0RjJDMkJFMUIxMUVDOTFENzhGM0M5NkUxRDFBOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph5Yv/IAAADkSURBVHjaYvz//z8DNQALiEhLS+sAUl5AHPeI+/kFYjRKfhARYGVlPQRkPpo1a5YPE0iQkZFRAoh1gcwDcl8lDYg1BKoHDMAG/fr1qwDoxctACX5ChiEbAtLz+/fvGLhBzwXefAAK2BEyDIshdiC9cIOIMQyfISgG4TOMkCEYBuEyjJAhWA3CZhghQ3AahAPIAV2mgEuSiZgoJiZpMBETxcQkDSZi0gkx6YyJ2HRCyDAmYgwhxjCwQUBDlhATxTgMWwQvRoBgDahcAmVAfIYgGwb0hR0bG9sEIPcFuAShVsEGEGAAugEkKFDtL7cAAAAASUVORK5CYII=') no-repeat 50% 50%;
}

/* login */

.bg-login {
    background-color: #f2f2f2;
}

.login-wrap {
    display: flex;
    align-items: center;
    height: 100%;
    min-width: 800px;
}

.login-wrap .login-inner {
    display: flex;
    width: 800px;
    height: 380px;
    margin: 0 auto;
    border: 1px solid #e3e7eb;
    border-radius: 20px;
    background-color: #fff;
}

.login-wrap .login-info {
    width: 355px;
    padding: 40px 10px 40px 38px;
    border-right: 1px solid #eaeef1;
    background: url('/assets/bg_login-CvJ4ArS7.png') no-repeat left 40px bottom 30px;
}

.login-wrap .login-info h2 {
    line-height: 1.3;
    margin-top: 10px;
}

.login-wrap .login-info h2 span {
    display: block;
    font-size: 34px;
    color: #a51b37;
    font-weight: 700;
}

.login-wrap .login-info h2 em {
    display: block;
    font-size: 22px;
    color: #666;
    font-weight: 400;
}

.login-wrap .login-input {
    padding: 70px 65px 0;
}

.login-wrap .login-input h3 {
    font-size: 30px;
}

.login-wrap .input-wrap {
    margin-top: 30px;
    display: flex;
}

.login-wrap .input-wrap ul {
    width: 100%;
    margin-right: 10px;
}

.login-wrap .input-wrap li {
    margin-top: 10px;
}

.login-wrap .input-wrap li:first-child {
    margin-top: 0;
}

.login-wrap .input-wrap input::-webkit-input-placeholder {
    color: #768297;
}

.login-wrap .input-wrap .btn-login {
    width: 100px;
    height: 78px;
    padding-top: 24px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    text-shadow: 1px 1px 1px #555;
    background: #6095c3 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplZmMwNjJkZi0wMmFjLTU1NDYtYjcxYS0wMmRhMzYzZWU1MTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODhENTU5N0I0RDJCMTFFRUI2NzZGRkNENTBCRUQ0MTEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODhENTU5N0E0RDJCMTFFRUI2NzZGRkNENTBCRUQ0MTEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NWY3NWFjNzUtZGZjNC04MzQ4LWI4NDUtZWI3NGI1ZWU2ZDkwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmVmYzA2MmRmLTAyYWMtNTU0Ni1iNzFhLTAyZGEzNjNlZTUxNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Prt8s1oAAARASURBVHjanFZtSFRpFJ5773w5zUxWzIQfFIhaiYKb4q6YrvlVWiP+SwUD/WmQCIuKEvpnB5ZGME1/tP5SEISIytBAo/z84Q8Vjdq1JF0QcdxqSEfH+bjTOZfzLi/TuM3uC4eZe97zPOe855z33CtkZGSoIlgCiAQi0rMMEgAJfg+oVkW2kFxPgstD4v+/DljEEj1rQcxTU1NP8SEvL6+c9N7vnUgdhlgkwigQHXcCs8FguEjPJo4UMT6QA3Io847EMFEj8YnKysofRkdHH8zPz/9ht9svg+4YZ2uoqKg4Ozs7Ozk2NvZ7dXV1OmIIKxHXNw5EyvHJrq6u6sbGxidWq/U6niIYDIo8CP+bzeYojUZzxmKx2BoaGkYQg1hyIoY6ECkd0X19fTU5OTm/SZJ0zOl0vgDg1ba2tpmQggYGBgY+dHZ2XkUbsDUgBrA3Ye84cYmMWKBaGJuamnIyMzPbBVjLy8v3y8rKbg0NDb2GvV2uoCpytj88PPwWbOpXVlb6ACIitrm5ORe5iFNgDnRardYMxh2iKGrW19cf1tXV9YDeCfKFCujhHHhIh3s7tbW19xADWHVpaekd4GKnUBwoPd7e3l5oNBrPe73endbWVgfoPoHsUYeguPf39xdAFvE/p0ebT4C5C9i/geNCR0dHIdVTYg6i0tLSsKCqtbW1x6urq04i8VPL4e8u9P8VkBJKGb/nRgxikSM1NfUa6yjmQBsdHZ2GmwsLC1OYX4qO9XOA0vKFxEM6Fdko9wCwk6ggLi1zoDjR6/VW3BwfH39PUclczlmkXhJ/yK1FWx/cCcSqgOs0m12sTbFx0KNqc3PzMJIhFm5BfQJEpmH3RiSygM/n+4wK6IJ41mL/gVuZAgUFBYhVEZcym0T649vb21vFzfz8/EvUAZoInQhkq8/Ozv4RFcSFdQkwB56NjY1XuJmYmFgOI8BETsQIHCgjBjFJSUnKlCUuD+/goKen56Hf73fBjDkPI+AGNkO44RUSOabSgLaIAewF5EAuuogBKTY2VrHe3t6Ws7KyAjExMT/HxcX9BK32Zm5ubpsreJBI+ZGO5CdhxBSWlJTYobjqpaWlu/39/ZN0Af3MAYKDIyMj72w2WzKeIiUlpRgu38HExMRfsiyrKc9aSh2O7uOQFkt3d/fN4uLiX2FM6CDI51VVVXbYwyJjN8oCvZP/GXgQuXVwcNABJ7lOBfsTbumT6enpGXC2ibqioqK43NzcS8nJyeU4XlC3tbX1rKam5heXy+Vk0WPQAvfSZ92Axz7R29tblZ6eflun053+twpDS35cXFzsrq+vH4RHFzenlNQKIV8V7CSYBmN8fPyplpYWW0JCQoHJZDoHzixodHh4uON2uz/AeulwOB7BDNqhqD2ht1wI89nCiqimkRvF3QuJGw1eyvMB/fpC38dHfVUEqXVl7mUuhfkukrmZJR81Xr4KMADy4qy/o+tqQQAAAABJRU5ErkJggg==') no-repeat 50% 14px;
    flex: none;
}

.login-wrap .id-save {
    position: relative;
    margin-top: 30px;
    padding-top: 16px;
    font-size: 14px;
    color: #012989;
    font-weight: 500;
    border-top: 1px solid #eaeef1;
}

.login-wrap .id-save .btn {
    position: absolute;
    right: 0;
    top: 15px;
}

/* loading */

.loading-wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading {
    width: 64px;
    height: 64px;
    border: 4px dotted #FFF;
    border-style: solid solid dotted dotted;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    animation: rotation 2.5s linear infinite;
}

.loading:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 3px dotted #FF3D00;
    border-style: solid solid dotted;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    animation: rotationBack 1.2s linear infinite;
    transform-origin: center center;
}

/* keyFrames */

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotationBack {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

/* label state */

.state-wrap {
    display: inline-block;
    vertical-align: middle;
}

.label-state {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    margin: 0 2px;
}

.label-state.blue {
    background: #4ea1f3;
}

.label-state.green {
    background: #1ea96d;
}

.label-state.red {
    background: #df593e;
}

.label-state.yellow {
    background: #ecca04;
}

.label-state.gray {
    background: #808080;
}

.tree-section {
    display: flex;
    flex-wrap: wrap;
}

.tree-section .col {
    width: calc(65% - 20px);
    margin: 0 10px;
}

.tree-section .col:first-child {
    width: calc(35% - 20px);
    margin: 0 10px;
}

.tree-section .col-box,
.tree-section .col-box2 {
    padding: 20px;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    background-color: #fff;
}

.tree-box {
    max-height: calc(100vh - 9rem);
    overflow: auto;
}

.tree-box h3 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
}

.filetree span.folder {
    font-weight: 500;
}

.filetree span.folder, .filetree span.file {
    background-position: 0 50% !important;
}

.filetree span.folder, .filetree span.file {
    padding: 1px 0 1px 20px;
    margin-top: -8px;
}

.filetree li {
    line-height: 1.8;
}

/* dashboard */

.dashboard .title-box {
    padding: 15px 20px;
    margin-bottom: 20px;
    background-color: #a51b37;
    border-radius: 10px;
}

.dashboard .title-box h3 {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
}

.dashboard .monitoring .col {
    width: calc(100% / 4 - 20px);
    margin: 0 10px;
}

.dashboard .monitoring .col2 {
    /*width: calc(100% / 2 - 20px);*/
    margin: 0 10px;
}

@media only all and (max-width: 1600px) {
    .dashboard .monitoring .col {
        width: calc(100% / 3 - 20px);
    }
}

.dashboard .monitoring .col-box {
    margin-bottom: 20px;
    border: 1px solid #cbcbcb;
    overflow: hidden;
    overflow: inherit;
}

.dashboard .monitoring .col-box2 {
    border: 1px solid #cbcbcb;
    margin-bottom: 10px;
    overflow: hidden;
    overflow: inherit;
}

.dashboard .monitoring .col-box .col-header,
.dashboard .monitoring .col-box2 .col-header {
    min-height: 50px;
    border-bottom: 1px solid #cbcbcb;
}

.dashboard .monitoring .col-box .col-header h3,
.dashboard .monitoring .col-box2 .col-header h3 {
    font-size: 20px;
    font-weight: 700;
}

.dashboard .monitoring .col-box .col-header h3 a:hover,
.dashboard .monitoring .col-box2 .col-header h3 a:hover {
    border-bottom: 1px solid #a51b37;
}

.dashboard .monitoring .col-box .col-header .time,
.dashboard .monitoring .col-box2 .col-header .time {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    position: relative;
    top: -1px;
    margin-left: 5px;
}

.dashboard .monitoring .col-box .col-header .btn-refresh,
.dashboard .monitoring .col-box2 .col-header .btn-refresh {
    width: 22px;
    height: 18px;
    text-indent: -999px;
    overflow: hidden;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAASCAYAAABfJS4tAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3N0NDNUU5RDdFRUJFRTExQjlCM0NDNEFFQTlEMTIxMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDOTY0N0FFNUY4OUExMUVFQjk0Q0ZEQkREOTg2N0NBMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDOTY0N0FFNEY4OUExMUVFQjk0Q0ZEQkREOTg2N0NBMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM1QjBBRDQ3OUFGOEVFMTFCRDg5RUEzMTgzOTA0REUyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc3Q0M1RTlEN0VFQkVFMTFCOUIzQ0M0QUVBOUQxMjEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+naveLwAAAutJREFUeNp8lFuIjVEUx/f3nTFyJjEaRfMqRCLyIAl5IHLJJZeiUC7lQca4yy0RTSHFi8h4ILekPHhwlydqIjE8iQg5opkzZ87Z3/Zb39qc/Rk59T9r7b3X5b/XXuuLnJlrsj8HEq/HIOdlvIG/ZtAJXoNb2F7GtqD2NvDDa68Zbnr+nJeRl+LgvoM7KLdZ90GuBYvBB/bfqI/7E6EmiCb6OPAMlP3eILAaTCJYb2QH+AYegxlgOckvEHAf+rGQWqxXqAirpRjcQ873mZeAJ+iLwCsgAW545rBNruMLe7uS9X5sl4WBI5cmjmAWUzMjV/wM1oFTGjg6wlkhW6qknmBNaucWIkditxl9Mvq7gLHbgkR3C3DqD3BIqJ/bzmFBax2FkSXRLmyOg1YgzN8jN+p7JOlzjyYA17fbKMlL5G4OZqM3GNPFccmXqmKyCdLHasGWx7MrwFl0GCcNPrA7ymYtIFWlDtBfNs/+QTzzeqNOD0kiyYoe3WzaS9hOBW1aIjtESEgpJOMPze5GAWpqvygTlwtbSIMXfdOkvQt92w76gjolZwfLvrTYKpznKXNT67136ADELlvbTJ0JZg7rgwmB1E+ucwjMEcY424/6eJY+TX5ylaHAKauytxe/7nCIqFHSiM9AsJX1C+Qm9oR9Y6yPYt/qaFoe0t7FiI5I8tVaFn19S0E5Sijlndh2KIFKlycHE9cc+/b4Cu4Dmr1yXpkkTdnR/l2GSvBdcPjZm+gH2B/BmtIk1zhoq6l+OBwj6QhuprMno3oFXca4xfdtmITXN/R+MgG5HowBV0nCVWJ5fJm88eFEMZbuNAp9aeiMCN1JkR+B554mnWOmcNYPyQDFF33pzrG3hnWr3PTvwEanx+zh8AQSIzMNh4msB6DTUpEU+iE4Q5BPegPXC7+xKE99rf4VOK3fLP7kwwIrByPzwLcHvZ1rr9Y79qVxmW/x/wKLcb3/ss1kMUyn0NDr0Un9+OeCR+0Z+JcAAwBqyVFa5yyWRwAAAABJRU5ErkJggg==') no-repeat 50% 50%;
    margin-left: 5px;
}

.dashboard .monitoring .col-box2 .col-header .btn-expand {
    width: 22px;
    height: 18px;
    text-indent: -999px;
    overflow: hidden;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAICAYAAAAiJnXPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4YTBiOTRjZS0xZTUxLTE0NDUtOWFiNi01MTRkY2ZmZDg3ZDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjZFMzExMEQyQzlFMTFFQ0JFNEM4RDhDRjlFNTlGNEYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjZFMzExMEMyQzlFMTFFQ0JFNEM4RDhDRjlFNTlGNEYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Njg0NTVlN2MtY2UyOS1hYTQxLWFjNDAtNDA0NzBmODliNjExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhhMGI5NGNlLTFlNTEtMTQ0NS05YWI2LTUxNGRjZmZkODdkMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phzz9scAAABxSURBVHjaYuzp6WEAAjkgfsRAGIDVMQEJRSA+C8R2BDTYQdUpgjTdB+IQIF6LR6MdVD4UpJ4JKngQSaM9Hg0HQAJMSJIwjWuQNGJoQNeErrEEmwYQYMHifpDGbCBeCcTh6BpwaQKBVUB8FxpaGAAgwACB+xuF9H00MgAAAABJRU5ErkJggg==') no-repeat 50% 50%;
    margin-left: 5px;
    transition: transform 0.3s ease
}

.btn-expand.on {
    transform: rotate(180deg);
}

.dashboard .monitoring .col-box .col-header .btn-not-connected,
.dashboard .monitoring .col-box2 .col-header .btn-not-connected {
    width: 20px;
    height: 17px;
    text-indent: -999px;
    overflow: hidden;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3N0NDNUU5RDdFRUJFRTExQjlCM0NDNEFFQTlEMTIxMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNkEwNjI0MUY4OUIxMUVFQkIxMzlCODMwQTY1QzVFRiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNkEwNjI0MEY4OUIxMUVFQkIxMzlCODMwQTY1QzVFRiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM1QjBBRDQ3OUFGOEVFMTFCRDg5RUEzMTgzOTA0REUyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc3Q0M1RTlEN0VFQkVFMTFCOUIzQ0M0QUVBOUQxMjEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+sSZhXAAAAW9JREFUeNqs1D0vBFEUh/E7u7No2GCjUBARCiIKEaGVkBAFhUZU1BQq0aDWKEUl6ESlUiiURHwAES/xUqhYEnbNjuckZ2RmzDK7cZNfMrk787/nzj2zlmsiRwU6MIkR1Ov8G46wizO8GzeYYEUEZjCPWdzgAOfIoxPD6MU+Vgi8CzztBmWwgyfMIOn+vEeM4RLHaHap0uO/KYUlPKK/SJBfG66xiXQ4ULbejSssxAjzDGkB40hIYEJ3nsIoCtgw8cch7jGISpnwAm004havprRxgQbN+A6UkUROTr7EwBdtMyscaMoI8zeLiQo0/xlYbnXVqPGet3XyQw8j6V8t5jhBHbL+wHb0wdEV5cQ/0aUt5fyy1awW1INTaegpLpb1W5WPfg/T2g5zqNLwYiOnv8sfyLYEPnCxhXU86w1pXbU25ruVSiewaGsfteg2m/Q1OBpUUNYfYVJEq1QqFQ5wsaYl5yP6MuqQwvPe4qtfAgwA2oGabMRH9tEAAAAASUVORK5CYII=') no-repeat 50% 50%;
    display: inline-block;
    vertical-align: middle;
}

.dashboard .monitoring .col-box .pc-wrap,
.dashboard .monitoring .col-box2 .pc-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.dashboard .monitoring .col-box .pc-wrap .col,
.dashboard .monitoring .col-box2 .pc-wrap .col {
    width: calc(25% - 20px);
    margin: 10px 10px;
    text-align: center;
}

@media only all and (max-width: 1600px) {
    width: calc(30% - 20px);
}

.pc-state {
    width: 120px;
    height: 60px;
    margin: 0 auto;
    background-color: #333;
    border-radius: 118px;
    border: 5px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    transition: all 0.5s;
}

@media only all and (max-width: 2400px) {
    .pc-state {
        width: 100px;
        font-size: 12px;
    }
}

@media only all and (max-width: 2100px) {
    .pc-state {
        width: 90px;
        font-size: 12px;
    }
}

@media only all and (max-width: 1900px) {
    .pc-state {
        width: 70px;
        height: 70px;
    }
}

@media only all and (max-width: 1600px) {
    .pc-state {
        width: 60px;
        height: 60px;
        border: 4px solid #fff;
    }
}

.pc-state .pc-name {
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all 0.5s;
}

.pc-state:hover .pc-name {
    color: #fff;
}

.pc-state.blue {
    background: #4ea1f3;
}

.pc-state.blue:hover {
    background: #2278cf;
}

.pc-state.green {
    background: #1ea96d;
}

.pc-state.green:hover {
    background: #128b57;
}

.pc-state.red {
    background: #df593e;
}

.pc-state.red:hover {
    background: #c43b20;
}

.pc-state.yellow {
    background: #ecca04;
}

.pc-state.yellow:hover {
    background: #c5a801;
}

.send-state {
    margin-top: 15px;
    display: flex;
    justify-content: center;
}

.send-state .label-state {
    width: 20px;
    height: 20px;
}

.send-txt {
    margin-top: 5px;
}

.send-txt:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 16px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3N0NDNUU5RDdFRUJFRTExQjlCM0NDNEFFQTlEMTIxMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGRTY2Q0MyRUY4QTUxMUVFQTdFMThDNzg0NzRBNjZCNSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGRTY2Q0MyREY4QTUxMUVFQTdFMThDNzg0NzRBNjZCNSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM4QjBBRDQ3OUFGOEVFMTFCRDg5RUEzMTgzOTA0REUyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc3Q0M1RTlEN0VFQkVFMTFCOUIzQ0M0QUVBOUQxMjEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+A3MxMwAAATVJREFUeNpiKchtOM7AwGAAxP8YKANMQHyBBUgYA/ElIN4MxCxkGvYHiH1BZoEM+AvEh4C4kUIX8gOxNsiZjEDMzUA5AJnByATl/KeCgf9hAYkNKACxJhCzQvnKUMwAFdOEqsEaM9hAARAvAGIJKH8yFDNAxRZA1WAAXLEqCnURO5ILYYAdyr9DigvJBrhc+BqI7wHxTyj/LjQ1MEDF7kLV4DQQPZb7gHgGED+D8rORDASJxQHxd2yxzIKU0pHBIzT+fSQ2KCPcxJFbwAaCAjkAiPmgbEYk1xCT9v5Dg8EJpB9k4HwgVoMWECCJd1CakQjDQA4QgtIPgXg3yMB8IOaEKgK50hWIZYD4FwED2YD4CcgQIP4EFfsOMvAzFIOAIBAnQF1MKDuCfHAbiPcB8SuYIECAAQBZvToyjWw+xwAAAABJRU5ErkJggg==') no-repeat 50% 50%;
    position: relative;
    top: 3px;
}

.dashboard .monitoring .col-box .col-cont,
.dashboard .monitoring .col-box2 .col-cont {
    height: calc(100% - 50px);
    background-color: #dfe6f3;
    transition: all 0.2s ease-in-out;
}

.dashboard .monitoring .col-box .col-cont.pc-null,
.dashboard .monitoring .col-box2 .col-cont.pc-null {
    background: #e3e3e3 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKMAAACjCAYAAADmbK6AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3N0NDNUU5RDdFRUJFRTExQjlCM0NDNEFFQTlEMTIxMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMjVFRkZENEY4OUUxMUVFOUY5MURBQTAxNDlGMUQxMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMjVFRkZEM0Y4OUUxMUVFOUY5MURBQTAxNDlGMUQxMyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM4QjBBRDQ3OUFGOEVFMTFCRDg5RUEzMTgzOTA0REUyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc3Q0M1RTlEN0VFQkVFMTFCOUIzQ0M0QUVBOUQxMjEzIi8+IDwvcmRmOkRlc2NyaXB0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') no-repeat 50% 50%;
}

.dashboard .col-box,
.dashboard .col-box2 {
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    background-color: #fff;
}

.dashboard .col-box .col-header,
.dashboard .col-box2 .col-header {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5;
    justify-content: space-between;
}

.dashboard .col-box .col-header h4,
.dashboard .col-box2 .col-header h4 {
    font-size: 18px;
    font-weight: 500;
}

.dashboard .col-box .col-header .right,
.dashboard .col-box2 .col-header .right {
    margin-left: auto;
}

.dashboard .col-box .col-header .right .txt,
.dashboard .col-box2 .col-header .right .txt {
    color: #a51b37;
    font-weight: 500;
}

.dashboard .col-box .col-cont,
.dashboard .col-box2 .col-cont {
    padding: 10px;
    border-radius: 0 0 5px 5px;
}

.btnsel-group {
    display: flex;
    height: 30px;
    overflow: hidden;
    justify-content: end;
    margin-bottom: 10px;
}

.btnsel-group button {
    padding: 0 15px 1px;
    color: #666;
    font-size: 14px;
    background: #fff;
    border: 1px solid #c1c1c1;
}

.btnsel-group button.active {
    color: #fff;
    background: #a51b37;
    border: 1px solid #a51b37;
}

.send-state .state {
    flex: 1;
    margin: 0 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.send-state .state .label-state {
    margin-bottom: 5px;
}

.send-state .send-txt {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media only all and (max-width: 1900px) {
    .send-state .state {
        margin: 0 3px;
    }
}

@media only all and (max-width: 1600px) {
    .send-state .send-txt {
        font-size: 13px;
    }

    .send-state .send-txt:before {
        content: "";
        width: 14px;
        height: 14px;
        /*margin-right: 2px;*/
        background-size: 14px;
    }

}

.confirm-modal .h3-tit {
    margin: 20px 0 5px;
    font-size: 16px;
    font-weight: 500;
}

.file-transfer-btn-refresh {
    width: 22px;
    height: 18px;
    text-indent: -999px;
    overflow: hidden;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAASCAYAAABfJS4tAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3N0NDNUU5RDdFRUJFRTExQjlCM0NDNEFFQTlEMTIxMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDOTY0N0FFNUY4OUExMUVFQjk0Q0ZEQkREOTg2N0NBMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDOTY0N0FFNEY4OUExMUVFQjk0Q0ZEQkREOTg2N0NBMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM1QjBBRDQ3OUFGOEVFMTFCRDg5RUEzMTgzOTA0REUyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc3Q0M1RTlEN0VFQkVFMTFCOUIzQ0M0QUVBOUQxMjEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+naveLwAAAutJREFUeNp8lFuIjVEUx/f3nTFyJjEaRfMqRCLyIAl5IHLJJZeiUC7lQca4yy0RTSHFi8h4ILekPHhwlydqIjE8iQg5opkzZ87Z3/Zb39qc/Rk59T9r7b3X5b/XXuuLnJlrsj8HEq/HIOdlvIG/ZtAJXoNb2F7GtqD2NvDDa68Zbnr+nJeRl+LgvoM7KLdZ90GuBYvBB/bfqI/7E6EmiCb6OPAMlP3eILAaTCJYb2QH+AYegxlgOckvEHAf+rGQWqxXqAirpRjcQ873mZeAJ+iLwCsgAW545rBNruMLe7uS9X5sl4WBI5cmjmAWUzMjV/wM1oFTGjg6wlkhW6qknmBNaucWIkditxl9Mvq7gLHbgkR3C3DqD3BIqJ/bzmFBax2FkSXRLmyOg1YgzN8jN+p7JOlzjyYA17fbKMlL5G4OZqM3GNPFccmXqmKyCdLHasGWx7MrwFl0GCcNPrA7ymYtIFWlDtBfNs/+QTzzeqNOD0kiyYoe3WzaS9hOBW1aIjtESEgpJOMPze5GAWpqvygTlwtbSIMXfdOkvQt92w76gjolZwfLvrTYKpznKXNT67136ADELlvbTJ0JZg7rgwmB1E+ucwjMEcY424/6eJY+TX5ylaHAKauytxe/7nCIqFHSiM9AsJX1C+Qm9oR9Y6yPYt/qaFoe0t7FiI5I8tVaFn19S0E5Sijlndh2KIFKlycHE9cc+/b4Cu4Dmr1yXpkkTdnR/l2GSvBdcPjZm+gH2B/BmtIk1zhoq6l+OBwj6QhuprMno3oFXca4xfdtmITXN/R+MgG5HowBV0nCVWJ5fJm88eFEMZbuNAp9aeiMCN1JkR+B554mnWOmcNYPyQDFF33pzrG3hnWr3PTvwEanx+zh8AQSIzMNh4msB6DTUpEU+iE4Q5BPegPXC7+xKE99rf4VOK3fLP7kwwIrByPzwLcHvZ1rr9Y79qVxmW/x/wKLcb3/ss1kMUyn0NDr0Un9+OeCR+0Z+JcAAwBqyVFa5yyWRwAAAABJRU5ErkJggg==') no-repeat 50% 50%;
    margin-left: 5px;
}

/* 20240716 추가 */

.input-group {
    position: relative;
}

.layer-box {
    position: absolute;
    top: 33px;
    left: 0;
    min-width: 360px;
    padding: 40px 20px 20px;
    background: #fff;
    border: 1px solid #e1e2e6;
    border-radius: 3px;
    box-shadow: 0 10px 20px 0 rgba(36, 65, 97, 0.1);
    z-index: 1;
    display: none;
}

.layer-box .layer-btn {
    margin-top: 20px;
    text-align: center;
}

.layer-box .layer-btn button {
    margin: 0 2px;
}

.layer-box .layer-close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    overflow: hidden;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTQyNEYyQzNCRTFCMTFFQzkxRDc4RjNDOTZFMUQxQTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTQyNEYyQzRCRTFCMTFFQzkxRDc4RjNDOTZFMUQxQTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NDI0RjJDMUJFMUIxMUVDOTFENzhGM0M5NkUxRDFBOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NDI0RjJDMkJFMUIxMUVDOTFENzhGM0M5NkUxRDFBOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph5Yv/IAAADkSURBVHjaYvz//z8DNQALiEhLS+sAUl5AHPeI+/kFYjRKfhARYGVlPQRkPpo1a5YPE0iQkZFRAoh1gcwDcl8lDYg1BKoHDMAG/fr1qwDoxctACX5ChiEbAtLz+/fvGLhBzwXefAAK2BEyDIshdiC9cIOIMQyfISgG4TOMkCEYBuEyjJAhWA3CZhghQ3AahAPIAV2mgEuSiZgoJiZpMBETxcQkDSZi0gkx6YyJ2HRCyDAmYgwhxjCwQUBDlhATxTgMWwQvRoBgDahcAmVAfIYgGwb0hR0bG9sEIPcFuAShVsEGEGAAugEkKFDtL7cAAAAASUVORK5CYII=') no-repeat 50% 50%;
}

.tooltip {
    position: relative;
}

.tooltip .tooltiptext {
    visibility: hidden;
    min-width: 150px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 10px;
    position: absolute;
    bottom: 90%;
    left: 50%;
    width: 120px;
    z-index: 1;
    transform: translateX(-50%);
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-style: solid;
    border-width: 5px;
    border-color: black transparent transparent transparent;
}

@media only all and (max-width: 1600px) {
    .tooltip .tooltiptext {
        min-width: 120px;
        font-size: 16px;
    }
}

.flex-1 {
    flex: 1
}

.flex-between {
    display: flex;
    justify-content: space-between;
}

.trace-log {
    height: 100%;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #cbcbcb;
}

.w-100 {
    width: 100%;
}

.w-300-px {
    width: 300px;
}

.m-auto {
    margin: auto;
}

.half-width-minus-20 {
    width: calc(100% / 2 - 20px) !important;
}


.legend-container[data-v-b9ae544f] {
	padding: 1em;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 14px;
	justify-content: center;
}
.badge[data-v-b9ae544f] {
	border-radius: 5px;
	padding: 0;
	width: 9px;
	height: 9px;
	display: inline-block;
	margin-right: 3px;
}

.hideOverflow[data-v-e02ec30e] {
	overflow: hidden;
}

.create-account[data-v-159d2b88] {
	float: right;
	margin-top: 2px;
	color: #a51b37;
}

.pt-20[data-v-a85ffcdd] {
	padding-left: 20px;
}
.login-wrap .login-inner[data-v-a85ffcdd] {
	display: flex;
	width: 1000px;
	height: 720px;
	margin: 0 auto;
	border: 1px solid #e3e7eb;
	border-radius: 20px;
	background-color: #fff;
}
.login-wrap .login-input[data-v-a85ffcdd] {
	padding: 40px 65px;
	width: 65%;
}
.tbl-view[data-v-a85ffcdd] {
	border-right: 1px solid #d8d8d8;
	width: 100%;
	border-top: 2px solid #666;
	font-size: 14px;
}
.mr-7[data-v-a85ffcdd] {
	margin-right: 7px;
}
.div-btn-sign[data-v-a85ffcdd] {
	text-align: right;
	padding-right: 20px;
}

.mt-4[data-v-80ad96c7] {
	margin-top: 1.5rem !important;
}
.tree-list,
.tree-row {
  display: grid;
  margin: 0;
  padding: 0;
}
.tree-row {
  transform-style: preserve-3d;
}
.tree-row-item {
  display: flex;
  align-items: center;
  position: relative;
  padding: 5px 10px;
}
.tree-row-item:hover:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: var(--row-hover-background);
  transform: translate3d(0, 0, -0.1px);
  width: 200vw;
  margin-left: calc(100% - 100vw);
  z-index: -1;
}
.tree-row-item .child-count {
  color: gray;
  margin-left: 6px;
}
.tree-row-item .child-useYn-count {
  color: gray;
  margin-left: 6px;
}
.tree-row-item .delete-icon {
  color: red;
  opacity: 0;
  display: flex;
  align-items: center;
  width: 16px;
  height: 16px;
}
.tree-row-item-icon-wrapper {
  width: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.tree-row-item:hover .delete-icon {
  opacity: 1;
}
.tree-row-txt {
  user-select: none;
}.tree[data-v-f06ba39f] {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
.tree-list[data-v-f06ba39f] {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.tree-list .tree-row[data-v-f06ba39f] {
  padding-left: 0px !important;
}
/* 자식 요소 갯수 */
.tree-row-item .child-count {
	color: red !important;
}

.item[data-v-9e2b79a3] {
	cursor: pointer;
	line-height: 1.5;
}

.wp70[data-v-645c475e] {
	widows: 70%;
}
.ms-2[data-v-645c475e] {
	margin-right: 0.5rem !important;
}

.not-found[data-v-da1149b5] {
	display: grid;
	align-items: center;
	height: 100%;
	min-width: 800px;
}
#tab-bar[data-v-da1149b5] {
	position: relative;
}
#tab-bar .tabs li[data-v-da1149b5] {
	cursor: pointer;
	user-select: none;
	transition: opacity 0.16s ease, transform 0.18s cubic-bezier(0.22, 1, 0.36, 1);
}
#tab-bar .tabs li.home[data-v-da1149b5] {
	cursor: pointer;
}
#tab-bar .tabs li a[data-v-da1149b5] {
	cursor: inherit;
}
#tab-bar .tabs li .tab-close[data-v-da1149b5] {
	cursor: pointer;
}
#tab-bar .tabs li.placeholder[data-v-da1149b5] {
	visibility: hidden;
}
.drop-guide[data-v-da1149b5] {
	position: absolute;
	top: -6px;
	width: 0;
	height: 0;
	transform: translateX(-50%) scale(0.88);
	transform-origin: center bottom;
	pointer-events: none;
	z-index: 25;
	opacity: 0.92;
	transition: left 0.16s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.18s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.18s ease,
		filter 0.18s ease;
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.16));
}
.drop-guide[data-v-da1149b5]::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 12px solid #6b7280;
}
.drop-guide[data-v-da1149b5]::after {
	content: none;
}
.is-dragging .drop-guide[data-v-da1149b5] {
	transform: translateX(-50%) scale(1);
	opacity: 1;
	filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
}
.drag-preview[data-v-da1149b5] {
	position: fixed;
	z-index: 9999;
	pointer-events: none;
	will-change: left, top, transform;
	transform: translateY(14px);
}
.drag-preview-inner[data-v-da1149b5] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 100%;
	min-height: 40px;
	padding: 0 16px;
	box-sizing: border-box;
	white-space: nowrap;

	/* 기본 탭 느낌 */
	background: linear-gradient(to bottom, #c04f64, #a11d37);
	color: #fff;
	border: 1px solid rgba(120, 12, 32, 0.45);
	border-bottom: 0;
	border-radius: 8px 8px 0 0;

	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18), 0 2px 6px rgba(0, 0, 0, 0.1);

	opacity: 0.97;
	transform: translateZ(0);
}

/* 활성 탭이면 흰 탭처럼 */
.drag-preview-inner.active[data-v-da1149b5] {
	background: #fff;
	color: #222;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-bottom: 0;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16), 0 2px 6px rgba(0, 0, 0, 0.08);
}
.drag-preview-inner.home[data-v-da1149b5] {
	justify-content: center;
	padding: 0 14px;
	min-width: 54px;
}
.drag-preview-inner .tab-close[data-v-da1149b5] {
	border: 0;
	background: transparent;
	padding: 0;
	font: inherit;
	line-height: 1;
	cursor: default;
	color: inherit;
	opacity: 0.9;
}
.is-dragging[data-v-da1149b5],
.is-dragging[data-v-da1149b5] * {
	cursor: grabbing !important;
}
.is-dragging[data-v-da1149b5] #aside-menu {
	pointer-events: none;
}

.ag-theme-quartz .ag-checkbox-cell-center .ag-cell-wrapper {
	width: 100%;
	justify-content: center;
}
.ag-theme-quartz .ag-checkbox-cell-center {
	padding-inline: 0;
}
.ag-theme-quartz .ag-checkbox-cell-center .ag-cell-value {
	flex: 0 0 auto;
}
.ag-theme-quartz .ag-checkbox-cell-center .ag-selection-checkbox {
	margin: 0 !important;
}
.ag-theme-quartz .ag-checkbox-header-center {
	padding-inline: 0;
	justify-content: center;
}
.ag-theme-quartz .ag-checkbox-header-center > .ag-header-cell-comp-wrapper {
	display: none;
}
.ag-theme-quartz .ag-checkbox-header-center > .ag-header-select-all {
	margin: 0 !important;
}

.disabled[data-v-a0f87d88] {
	pointer-events: none;
}

.ms-2[data-v-2da1ffef] {
	margin-right: 0.5rem !important;
}
.me-2[data-v-2da1ffef] {
	margin-right: 0.5rem !important;
}
.mb-3[data-v-2da1ffef] {
	margin-bottom: 1rem !important;
}

.dropzone[data-v-1208985b],
.files[data-v-1208985b] {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	padding: 10px;
	border-radius: 8px;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
		rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
	font-size: 12px;
	line-height: 1.5;
}
.border[data-v-1208985b] {
	border: 2px dashed #ccc;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	transition: all 0.3s ease;
	background: #fff;
}
.border.isDragActive[data-v-1208985b] {
		border: 2px dashed #ffb300;
		background: rgb(255 167 18 / 20%);
}
.file-item[data-v-1208985b] {
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: rgb(255 167 18 / 20%);
	padding: 7px;
	padding-left: 15px;
	margin-top: 10px;
}
.file-item[data-v-1208985b]:first-child {
		margin-top: 0;
}
.file-item .delete-file[data-v-1208985b] {
		background: red;
		color: #fff;
		padding: 5px 10px;
		border-radius: 8px;
		cursor: pointer;
}

.ms-2[data-v-81c5c2f9] {
	margin-right: 0.5rem !important;
}

.me-2[data-v-ec5b0e27] {
	margin-right: 0.5rem !important;
}

.th80[data-v-95b96f6e] {
	width: 90px !important;
}
span[data-v-95b96f6e] {
	transform: skew(-0.05deg) !important;
}

.th80[data-v-c20f1f88] {
	width: 90px !important;
}
span[data-v-c20f1f88] {
	transform: skew(-0.05deg) !important;
}

.item[data-v-34e3fa9f] {
	cursor: pointer;
	line-height: 1.5;
}
.bold[data-v-34e3fa9f] {
	font-weight: bold;
}

.th80 {
	width: 90px !important;
}

ul[data-v-e049bf6a] {
	list-style: none;
}
.blue[data-v-e049bf6a] {
	background: #4ea1f3;
}
.blue[data-v-e049bf6a]:hover {
	background: #2278cf;
}
.red[data-v-e049bf6a] {
	background: #fb507c;
}
.red[data-v-e049bf6a]:hover {
	background: #fb507c;
}

.th80[data-v-a234d902] {
	width: 90px !important;
}

.th80[data-v-3081aec0] {
	width: 90px !important;
}

.th80 {
	width: 90px !important;
}

.th80[data-v-bb2dc4d1] {
	width: 90px !important;
}
span[data-v-bb2dc4d1] {
	transform: skew(-0.05deg) !important;
}

.th80[data-v-60433d11] {
	width: 90px !important;
}

.cellRowspan[data-v-7873155e] {
	border: 1px solid #e3e6ed;
}
.ag-ltr .ag-row-drag[data-v-7873155e],
.ag-ltr .ag-selection-checkbox[data-v-7873155e] {
	margin: auto !important;
}
.ag-selection-checkbox[data-v-7873155e] {
	margin: auto !important;
}

/* table {
	border-collapse: collapse;
} */
.transferring td[data-v-5478432d] {
	background-color: rgb(224, 224, 224) !important;
}
.right[data-v-5478432d] {
	margin-bottom: 5px;
}

.ms-2[data-v-18609707] {
	margin-right: 0.5rem !important;
}
.me-2[data-v-18609707] {
	margin-right: 0.5rem !important;
}
.mb-3[data-v-18609707] {
	margin-bottom: 1rem !important;
}

.ms-2[data-v-9a69ea72] {
	margin-right: 0.5rem !important;
}
.me-2[data-v-9a69ea72] {
	margin-right: 0.5rem !important;
}
.mb-3[data-v-9a69ea72] {
	margin-bottom: 1rem !important;
}

.ms-2[data-v-9c7fa3b0] {
	margin-right: 0.5rem !important;
}

.ms-2[data-v-451fab0d] {
	margin-right: 0.5rem !important;
}
.ms-2[data-v-4b836a77] {
  margin-right: 0.5rem !important;
}
.me-2[data-v-4b836a77] {
  margin-right: 0.5rem !important;
}
.mb-3[data-v-4b836a77] {
  margin-bottom: 1rem !important;
}
.col-red[data-v-f7820281] {
	color: red;
}
.ms-2[data-v-091af0ea] {
  margin-right: 0.5rem !important;
}
.me-2[data-v-091af0ea] {
  margin-right: 0.5rem !important;
}
.mb-3[data-v-091af0ea] {
  margin-bottom: 1rem !important;
}
.col-red[data-v-0091b626] {
	color: red;
}

.th80 {
	width: 90px !important;
}

.ms-2[data-v-e186e4fa] {
	margin-right: 0.5rem !important;
}
.right-guide[data-v-e186e4fa] {
	color: #a51b37;
}

.col-red[data-v-cc01e013] {
	color: red;
}

.col-red[data-v-203003fe] {
	color: red;
}

.col-red[data-v-dae22cc9] {
	color: red;
}

.col-red[data-v-1ab8b8f7] {
	color: red;
}

.hideOverflow[data-v-2779697f] {
	overflow: hidden;
}

.col-red[data-v-8ba9d957] {
	color: red;
}

.wp70[data-v-aff9c1e0] {
	widows: 70%;
}
.ms-2[data-v-aff9c1e0] {
	margin-right: 0.5rem !important;
}

.ms-2[data-v-1586e42d] {
	margin-right: 0.5rem !important;
}
.me-2[data-v-1586e42d] {
	margin-right: 0.5rem !important;
}
.mb-3[data-v-1586e42d] {
	margin-bottom: 1rem !important;
}

.col-red[data-v-4270e61f] {
	color: red;
}

.spinner_dev {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
}