/*list*/
/*!
 * icheck-material v1.0.0 (https://github.com/bantikyan/icheck-material)
 * Copyright 2018 Hovhannes Bantikyan.
 * Licensed under MIT (https://github.com/bantikyan/icheck-material/blob/master/LICENSE)
 */
.dataTableWrap table.cd-table {
    width:auto !important;
	margin-top: 20px;
	margin-bottom: 20px;
}
[class*="icheck-material"] {
    min-height: 22px;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    padding-left: 0;
	margin-right: 8px;
}
[class*="icheck-material"] > label.all_box{ padding-left: 0!important; pointer-events: none; }
[class*="icheck-material"] > input { display: none;}
[class*="icheck-material"] > label {
    padding-left: 16px !important;
    min-height: 22px;
    line-height: 22px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    font-size: 12px;
    color: #333;
}
[class*="icheck-material"] > label.all_box::before {
    width: 15px !important;
    height: 15px !important;
    margin-right: 5px;
    border: 0 !important;
    top: 3px !important;
    border-radius: 0 !important;
/*    background: url(/img/chart/bg_chkbox.gif) 0 0 no-repeat;*/
    vertical-align: -1px;
}
[class*="icheck-material"] > label.all_box span{ margin-left: 0px; margin-right:0px;}
[class*="icheck-material"] > label.all_box span#cnt_all{ color: #8a8a8a; font-size: 11px;}
[class*="icheck-material"] > label.normal span#cnt_success{ color: #8a8a8a; font-size: 11px;}
[class*="icheck-material"] > label.warning span#cnt_warning{ color: #8a8a8a; font-size: 11px;}
[class*="icheck-material"] > label.danger span#cnt_danger{ color: #8a8a8a; font-size: 11px;}
[class*="icheck-material"]>input:first-child {
    position: absolute !important;
    opacity: 0;
    margin: 0;
    background-color: #787878;
    border-radius: 50%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    display: block;
    pointer-events: none;
    width: 10px;
    height: 10px;
    outline: none;
    transform: scale(2);
    -ms-transform: scale(2);
    transition: opacity 0.3s, transform 0.3s;
}
[class*="icheck-material"]>input:first-child:disabled {
    cursor: default;
}
[class*="icheck-material"]>input:first-child:disabled+label,
[class*="icheck-material"]>input:first-child:disabled+input[type="hidden"]+label,
[class*="icheck-material"]>input:first-child:disabled+label::before,
[class*="icheck-material"]>input:first-child:disabled+input[type="hidden"]+label::before {
    pointer-events: none;
    cursor: default;
    filter:alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
[class*="icheck-material"]>input:first-child+label::before,
[class*="icheck-material"]>input:first-child+input[type="hidden"]+label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 10px;
    border: 1px solid #989898;
    border-radius: 13px;
    margin-left: -16px;
    box-sizing: border-box;
    top: 6px;
}
[class*="icheck-material"] > label.normal::before {
    background-color: #01cccc !important;
	border: 0px !important;
}
[class*="icheck-material"] > label.warning::before {
    background-color: #FFAB2C !important;
	border: 0px !important;
}
[class*="icheck-material"] > label.danger::before {
    background-color: #d81e57 !important;
	border: 0px !important;
}
[class*="icheck-material"] > label.normal_text::before {
    text-decoration: line-through;
    color: rgb(206, 206, 206);
}
[class*="icheck-material"] > label.warning_text::before {
    text-decoration: line-through;
    color: rgb(206, 206, 206);
}
[class*="icheck-material"] > label.danger_text::before {
    text-decoration: line-through;
    color: rgb(206, 206, 206);
}
[class*="icheck-material"] > label.speed_A::before {
    background-color: #00cccb !important;
	border: 0px !important;
}
[class*="icheck-material"] > label.speed_B::before {
    background-color: #9ec870 !important;
	border: 0px !important;
}
[class*="icheck-material"] > label.speed_C::before {
    background-color: #eebf1a !important;
	border: 0px !important;
}
[class*="icheck-material"] > label.speed_D::before {
    background-color: #ec8b55 !important;
	border: 0px !important;
}
[class*="icheck-material"] > label.speed_E::before {
    background-color: #c12454 !important;
	border: 0px !important;
}
[class*="icheck-material"] > label.speed_F::before {
    background-color: #ababab !important;
	border: 0px !important;
}


[class*="icheck-material"]>input:first-child:not(:checked):not(:disabled):hover+label::before,
[class*="icheck-material"]>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
    border-width: 2px;
}
[class*="icheck-material"]>input:first-child::-ms-check {
    opacity: 0;
    border-radius: 50%;
}
[class*="icheck-material"]>input[type="radio"]:first-child+label::before,
[class*="icheck-material"]>input[type="radio"]:first-child+input[type="hidden"]+label::before {
    border-radius: 50%;
}
[class*="icheck-material"]>input[type="radio"]:first-child:checked+label::before,
[class*="icheck-material"]>input[type="radio"]:first-child:checked+input[type="hidden"]+label::before {
    background-color: transparent;
}
[class*="icheck-material"]>input[type="radio"]:first-child:checked+label::after,
[class*="icheck-material"]>input[type="radio"]:first-child:checked+input[type="hidden"]+label::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: none;
    top: 6px;
    left: 6px;
    transform: none;
    -ms-transform: none;
}

.icheck-inline {
    display: inline-block;
}
.icheck-inline+.icheck-inline {
    margin-left: 0.75rem;
    margin-top: 6px;
}
.icheck-material-red>input:first-child {
    background-color: #f44336;
}
.icheck-material-red>input:first-child::-ms-check {
    background-color: #f44336;
}
.icheck-material-red>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-material-red>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
    border-color: #f44336;
}
.icheck-material-red>input:first-child:checked+label::before,
.icheck-material-red>input:first-child:checked+input[type="hidden"]+label::before {
    background-color: #d81e57;
    border-color: #d81e57;
}
.icheck-material-red>input:first-child:checked+label::after,
.icheck-material-red>input:first-child:checked+input[type="hidden"]+label::after {
    border-bottom-color: #d81e57;
    border-right-color: #d81e57;
}
.icheck-material-red>input[type="radio"]:first-child:checked+label::after,
.icheck-material-red>input[type="radio"]:first-child:checked+input[type="hidden"]+label::after {
    background-color: #f44336;
}




.icheck-material-teal>input:first-child {
    background-color: #009688;
}
.icheck-material-teal>input:first-child::-ms-check {
    background-color: #009688;
}
.icheck-material-teal>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-material-teal>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
    border-color: #009688;
}
.icheck-material-teal>input:first-child:checked+label::before,
.icheck-material-teal>input:first-child:checked+input[type="hidden"]+label::before {
    background-color: #00cccb;
    border-color: #00cccb;
}
.icheck-material-teal>input:first-child:checked+label::after,
.icheck-material-teal>input:first-child:checked+input[type="hidden"]+label::after {
    border-bottom-color: #00cccb;
    border-right-color: #00cccb;
}
.icheck-material-teal>input[type="radio"]:first-child:checked+label::after,
.icheck-material-teal>input[type="radio"]:first-child:checked+input[type="hidden"]+label::after {
    background-color: #009688;
}
.icheck-material-green>input:first-child {
    background-color: #4caf50;
}
.icheck-material-green>input:first-child::-ms-check {
    background-color: #4caf50;
}
.icheck-material-green>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-material-green>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
    border-color: #4caf50;
}
.icheck-material-green>input:first-child:checked+label::before,
.icheck-material-green>input:first-child:checked+input[type="hidden"]+label::before {
    background-color: #4caf50;
    border-color: #4caf50;
}
.icheck-material-green>input:first-child:checked+label::after,
.icheck-material-green>input:first-child:checked+input[type="hidden"]+label::after {
    border-bottom-color: #fff;
    border-right-color: #fff;
}
.icheck-material-green>input[type="radio"]:first-child:checked+label::after,
.icheck-material-green>input[type="radio"]:first-child:checked+input[type="hidden"]+label::after {
    background-color: #4caf50;
}
.icheck-material-lightgreen>input:first-child {
    background-color: #8bc34a;
}
.icheck-material-lightgreen>input:first-child::-ms-check {
    background-color: #8bc34a;
}
.icheck-material-lightgreen>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-material-lightgreen>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
    border-color: #8bc34a;
}
.icheck-material-lightgreen>input:first-child:checked+label::before,
.icheck-material-lightgreen>input:first-child:checked+input[type="hidden"]+label::before {
    background-color: #8bc34a;
    border-color: #8bc34a;
}
.icheck-material-lightgreen>input:first-child:checked+label::after,
.icheck-material-lightgreen>input:first-child:checked+input[type="hidden"]+label::after {
    border-bottom-color: #fff;
    border-right-color: #fff;
}
.icheck-material-lightgreen>input[type="radio"]:first-child:checked+label::after,
.icheck-material-lightgreen>input[type="radio"]:first-child:checked+input[type="hidden"]+label::after {
    background-color: #8bc34a;
}
.icheck-material-lime>input:first-child {
    background-color: #cddc39;
}
.icheck-material-lime>input:first-child::-ms-check {
    background-color: #cddc39;
}
.icheck-material-lime>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-material-lime>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
    border-color: #cddc39;
}
.icheck-material-lime>input:first-child:checked+label::before,
.icheck-material-lime>input:first-child:checked+input[type="hidden"]+label::before {
    background-color: #cddc39;
    border-color: #cddc39;
}
.icheck-material-lime>input:first-child:checked+label::after,
.icheck-material-lime>input:first-child:checked+input[type="hidden"]+label::after {
    border-bottom-color: #fff;
    border-right-color: #fff;
}
.icheck-material-lime>input[type="radio"]:first-child:checked+label::after,
.icheck-material-lime>input[type="radio"]:first-child:checked+input[type="hidden"]+label::after {
    background-color: #cddc39;
}
.icheck-material-yellow>input:first-child {
    background-color: #ffeb3b;
}
.icheck-material-yellow>input:first-child::-ms-check {
    background-color: #ffeb3b;
}
.icheck-material-yellow>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-material-yellow>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
    border-color: #ffeb3b;
}
.icheck-material-yellow>input:first-child:checked+label::before,
.icheck-material-yellow>input:first-child:checked+input[type="hidden"]+label::before {
    background-color: #eebf1a;
    border-color: #eebf1a;
}
.icheck-material-yellow>input:first-child:checked+label::after,
.icheck-material-yellow>input:first-child:checked+input[type="hidden"]+label::after {
    border-bottom-color: #eebf1a;
    border-right-color: #eebf1a;
}
.icheck-material-yellow>input[type="radio"]:first-child:checked+label::after,
.icheck-material-yellow>input[type="radio"]:first-child:checked+input[type="hidden"]+label::after {
    background-color: #ffeb3b;
}
.icheck-material-bluegrey>input:first-child {
    background-color: #607d8b;
}
.icheck-material-bluegrey>input:first-child::-ms-check {
    background-color: #607d8b;
}
.icheck-material-bluegrey>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-material-bluegrey>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
    border-color: #607d8b;
}
.icheck-material-bluegrey>input:first-child:checked+label::before,
.icheck-material-bluegrey>input:first-child:checked+input[type="hidden"]+label::before {
/*
    background: url(/img/chart/bg_chkbox.gif) no-repeat;
    background-position: -17px 0;
*/
	margin-left: 0;
}
.icheck-material-bluegrey>input:first-child:checked+label::after,
.icheck-material-bluegrey>input:first-child:checked+input[type="hidden"]+label::after {
    border-bottom-color: #fff;
    border-right-color: #fff;
}
.icheck-material-bluegrey>input[type="radio"]:first-child:checked+label::after,
.icheck-material-bluegrey>input[type="radio"]:first-child:checked+input[type="hidden"]+label::after {
    background-color: #607d8b;
}

.icheck-material-blue>input:first-child {
    background-color: #477eff;
}
.icheck-material-blue>input:first-child::-ms-check {
    background-color: #477eff;
}
.icheck-material-blue>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-material-blue>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
    border-color: #477eff;
}
.icheck-material-blue>input:first-child:checked+label::before,
.icheck-material-blue>input:first-child:checked+input[type="hidden"]+label::before {
    background-color: #477eff;
    border-color: #477eff;
}
.icheck-material-blue>input:first-child:checked+label::after,
.icheck-material-blue>input:first-child:checked+input[type="hidden"]+label::after {
    border-bottom-color: #477eff;
    border-right-color: #477eff;
}
.icheck-material-blue>input[type="radio"]:first-child:checked+label::after,
.icheck-material-blue>input[type="radio"]:first-child:checked+input[type="hidden"]+label::after {
    background-color: #477eff;
}

table.cd-table{margin: 20px 0px 10px 0px !important; position: relative; display: block;}
table.cd-table td.day{
	position: absolute;
    right: 0;
    top: 25px;
    font-size: 10px;
}

/*top_검색*/
.nav_top_search{
    display: flex;
    justify-content: space-between;
}
.top_search_box{

}
.top_search_box form{
    display: flex;
    border: 1px solid #e5e5e5;
    border-radius: 100px;
    padding: 3px 15px 3px 20px;
    align-items: center;
    width: 100%;
    min-width: 400px;
}
.top_search_box input[type="text"] {
    border: 0;
    padding: 0 10px;
    color: #ababab;
    vertical-align: top;
    outline: none;
}
.top_search{
    border: 0;
    font-size: 13px;
    height: auto;
    padding: 0 !important;
    border-radius: 0 !important;

}
.top_search_btn{
    width: 32px;
    height: 34.5px !important;
    border-radius: 0 3px 3px 0 !important;
    background: url(/img/svg/search.svg) no-repeat center center !important;
    background-size: 15px 17px !important;
    font-size: 0 !important;
    letter-spacing: -1000em !important;
    line-height: 0 !important;
    border: 0 !important;
    cursor: default !important;
}
.top_right_icon{
    margin: 0 !important;
}

/*검색드롭다운*/
.results_txt{
    font-size: 12px;
    color: #666;
    padding: 10px;
    background: #f9f9f9;
    border-bottom: 1px solid #e5e5e5;
}
.results_txt span{
    color: #000;
}
.top_search_list{
    padding-top: 0 !important;
    /* 핵심 속성: 스크롤 체이닝 방지 */
    overscroll-behavior: contain;
}
.top_search_list .tt-selectable{
    padding: 5px 10px 5px 10px;
}
.top_search_list .host_box{

}
.top_search_list .host_box:hover{
    background: #f5f6f8;
}
.top_search_list .host_box .host-name{
    display: flex;
    row-gap: 20px;
    column-gap: 10px;
    align-items: center;
}
.top_search_list .host_box i{
    font-size: 7px;
}
.top_search_list .search_R_txt{

}
.top_search_list .search_R_txt p.list_title{
    font-size: 11px;
    color: #000;
    margin-bottom: 5px;
}
.top_search_list .search_R_txt .keyword_list{
    display: flex;
    align-items: center;
    column-gap: 5px;
    font-size: 9px;
}
.top_search_list .search_R_txt .keyword_list span.key_box{
    padding: 2px 3px 0px 3px;
    border-radius: 5px;
}
.top_search_list .search_R_txt .keyword_list span.server_key{
    background: #D6FACC;
    color: #428237;
    border: 1px solid #428237;
}
.top_search_list .search_R_txt .keyword_list span.network_key{
    background: #d1fff1;
    border: 1px solid #178b67;
    color: #178b67;
}
.top_search_list .search_R_txt .keyword_list span.uptime_key{
    background: #ddf3f9;
    color: #006d89;
    border: 1px solid #006d89;

}
.top_search_list .search_R_txt .keyword_list span.transaction_key{
    background: #f7edff;
    color: #8c00ff;
    border: 1px solid #8c00ff;
}
.top_search_list .search_R_txt .keyword_list span.pagespeed_key{
    background: #e3fcff;
    color: #006e7c;
    border: 1px solid #006e7c;
}
.top_search_list .search_R_txt .keyword_list span.security_key{
    background: #fffdcf;
    color: #ca8100;
    border: 1px solid #ca8100;
}
.top_search_list .search_R_txt .keyword_list span.application_key{
    background: #ffedf1;
    color: #F95675;
    border: 1px solid #F95675;
}
.top_search_list .search_R_txt .keyword_list span.etc_key{
    background: #e6e6e6;
    color: #000000;
    border: 1px solid #000000;
}
.top_search_list .search_R_txt .keyword_list span.snapshot_key{
    background: #ffeded;
    color: #930000;
    border: 1px solid #930000;
}
.top_search_list .search_R_txt .keyword_list span.storage_key{
    background: #fcf0fa;
    color: #ff00d7;
    border: 1px solid #ff00d7;
}
.top_search_list .search_R_txt .keyword_list span.firewall_key{
    background: #ebf6ff;
    color: #008eff;
    border: 1px solid #008eff;
}
.top_search_list .search_R_txt .keyword_list span.vm_key{
    background: #ffecf4;
    color: #ae004d;
    border: 1px solid #ae004d;
}
.top_search_list .search_R_txt .keyword_list span.pc_key{
    background: #ffe6df;
    color: #ff0000;
    border: 1px solid #ff0000;
}
.top_search_list .search_R_txt .keyword_list span.hardware_key{
    background: #ffe9e1;
    color: #FD5319;
    border: 1px solid #FD5319;
}
.top_search_list .search_R_txt .keyword_list span.ip_key{
    background: #FFECC6;
    color: #C3512D;
    border: 1px solid #C3512D;
}
.top_search_list .search_R_txt .keyword_list span.basic_key{
    color: #333;
    font-size: 10px;
    padding-top: 3px;
}
.top_search_list .search_R_txt .keyword_list span.interior_key{
    background: #E2EBFE;
    border: 1px solid #1649C2;
    color: #1649C2;
}

.top_search_list .host_box .serverIcon{background:url(/img/svg/server.svg) no-repeat left 2px;background-size:15px 15px;}
.top_search_list .host_box .networkIcon{background:url(/img/svg/network.svg) no-repeat left 2px;background-size:15px 15px;}
.top_search_list .host_box .uptimeIcon{background:url(/img/svg/uptime.svg) no-repeat left 2px;background-size:15px 15px;}
.top_search_list .host_box .transactionIcon{background:url(/img/svg/Transaction.svg) no-repeat left 2px;background-size:15px 15px;}
.top_search_list .host_box .pagespeedIcon{background:url(/img/svg/Pagespeed.svg) no-repeat left 2px;background-size:15px 15px;}
.top_search_list .host_box .securityIcon{background:url(/img/svg/security.svg) no-repeat left 2px;background-size:15px 15px;}
.top_search_list .host_box .applicationIcon{background:url(/img/svg/application.svg) no-repeat left 2px;background-size:15px 15px;}
.top_search_list .host_box .etcIcon{background:url(/img/svg/Etc.svg) no-repeat left 2px;background-size:15px 15px;}
.top_search_list .host_box .snapshotIcon{background:url(/img/svg/snapshot.svg) no-repeat left 2px;background-size:15px 15px;}
.top_search_list .host_box .storageIcon{background:url(/img/svg/storage.svg) no-repeat left 2px;background-size:15px 15px;}
.top_search_list .host_box .firewallIcon{background:url(/img/svg/firewall.svg) no-repeat left 2px;background-size:15px 15px;}
.top_search_list .host_box .vmIcon{background:url(/img/svg/virtual.svg) no-repeat left 2px;background-size:15px 15px;}
.top_search_list .host_box .pcIcon{background:url(/img/svg/pc.svg) no-repeat left 2px;background-size:15px 15px;}
.top_search_list .host_box .hardwareIcon{background:url(/img/svg/hardware.svg) no-repeat left 2px;background-size:15px 15px;}
.top_search_list .host_box .iconStyle {
    display: none;
    padding-left: 0px;
    width: 20px;
    height: 20px;
    margin-top: 0px;
    margin-right: 0px;
}
@media (max-width: 1024px) {
    .top_search_box{
        display: none;
    }
}
@media (max-width: 767px) {
    .topbar .navbar-brand {
        width: auto;
        height: auto;
        padding: 0;
        position: absolute;
        left: 50px;
    }
}
@media (max-width: 640px) {
    [class*="icheck-material"] {
        margin-right: 0px;
    }
    [class*="icheck-material"] > label {
        padding-left: 15px !important;
        min-height: 22px;
        line-height: 22px;
        display: inline-block;
        position: relative;
        vertical-align: top;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
        font-size: 11px;
        color: #333;
    }
    [class*="icheck-material"]>input:first-child+label::before, [class*="icheck-material"]>input:first-child+input[type="hidden"]+label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 10px;
        height: 10px;
        border: 1px solid #989898;
        border-radius: 13px;
        margin-left: -13px;
        box-sizing: border-box;
        top: 5px;
    }
}