html {
    background: #f4f6f9;
}

.bg-primary {
    background-color: #006bdb !important;
}

.navbar-orange {
    background-color: #005c9d;
}

body {
    font-size: 0.80em;
    font-family: "Malgun Gothic";
}
/*¹öÆ° ½ºÅ¸ÀÏ ÁöÁ¤*/
.btn-outline-primary {
    color: #014a97;
    background: white;
    border: 2px solid #006bdb;
    border-radius: 5px;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #006bdb;
        border-color: #006bdb
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 .1rem #2c91fb
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #006bdb;
        background-color: transparent
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #006bdb;
        border-color: #2c91fb
    }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .05rem #62aeff
        }

/*¹öÆ° ½ºÅ¸ÀÏ ÁöÁ¤*/
.btn-outline-secondary {
    color: #014a97;
    background: white;
    border-color: #014a97;
    border: 2px solid #2c91fb;
    box-shadow: 0px 0 5px #ccc;
    border-radius: 5px;
    padding: 3px 12px;
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #868e96;
        border-color: #868e96
    }

    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
        box-shadow: 0 0 0 .2rem rgba(134,142,150,0.5)
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #868e96;
        background-color: transparent
    }

    .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #868e96;
        border-color: #868e96
    }

        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(134,142,150,0.5)
        }


.form-control[readonly] {
    background-color: white;
}
.dxbs-textbox .form-control[readonly]{
    background-color: whitesmoke;
}

.content-wrapper > .content {
    padding: .5rem;
}

[class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link.active, .nav-treeview > .nav-item > .nav-link.active:focus, .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #f0ebed;
    color: #002852;
}



.searchBox {
    padding: 5px 10px 0px 5px;
    border-radius: 5px;
    background: #dae6f2;
    border: 1px solid #a7bbd0;
    margin-bottom:.5em;
}

.DxFormLayoutItemwidth {
    width: 50%;
}

.left {
    float: left;
}

.searchBox .row {
    align-items: center;
}


.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #fff;
    background-color: #006bdb;
    border: none;
}

.p-3 {
    background-color: white;
    border: 1px solid #ddd;
}

/*group header style*/
h4 {
    font-size: 1.1em;
    font-weight: bold;
    color: #014a97;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0.7em;
    margin: 0;
    background-repeat: no-repeat;
    background-position: left bottom;
}

h6 {
    font-size: 1.1em;
    font-weight: bold;
    color: #982e54;
    border: 1px solid #ccc;
    padding: 0.7em;
    margin: 0;
    background-image: url(../dist/img/barimage2.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}

h7 {
    font-size: 1.1em;
    font-weight: bold;
    color: #982e54;
    padding: 1em;
    margin: 0;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.accordion h3 {
    font-size: 1em;
    border: 1px solid #ccc;
    padding: 0.5em;
    margin: 0;
}

.ui-accordion-header {
    background-color: #f5f5f5;
}

.ui-accordion-header-active {
    background: rgb(225,225,225);
    background: linear-gradient(0deg, rgba(225,225,225,1) 0%, rgba(235,235,235,1) 100%);
    margin: 0;
    border: 1px solid #ccc;
}

.ui-state-focus, .ui-state-active {
    border: none;
}

.card-body {
    padding: 1em;
}

.card-body2 {
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    padding: 1em;
}

.dx-checkbox {
    align-items: center;
    vertical-align: middle;
}

.dxbs-fl .form-group {
    margin-bottom: 0.5em;
}

.dxbs-fl.form-horizontal > .row:first-child {
    margin: 0;
}

.card-header {
    padding: .7em;
    background: rgb(225,225,225);
    background: linear-gradient(0deg, rgba(225,225,225,1) 0%, rgba(235,235,235,1) 100%);
}

    .card-header h5, .card-header .card-title {
        font-size: 1.1em;
        font-weight: bold;
    }
/*checbox À§Ä¡Á¶Á¤*/

.custom-control-label::before {
    margin-top: -4px;
    width: 1rem;
    height: 1rem;
}

.custom-control-label::after {
    margin-top: -4px;
    width: 1rem;
    height: 1rem;
}

.dx-checkbox {
    margin-top: 7px;
}

    .dx-checkbox .dx-checkbox-label-right {
        padding-left: 0;
    }

.dxbs-table .custom-control-label::before, .dxbs-table .custom-control-label::after {
    margin-top: 0;
}

.dxbs-table .dx-checkbox {
    margin-top: 0;
}
/*»ó´Ü Çì´õºÎºÐ font-size*/
.main-header {
    font-size: 1.3em;
    background: url("../img/pattern.png");
}

.boxBg {
    background: white;
}

/*UserName font-size*/
.sidebar .info a {
    font-size: 1.5em;
}

/*grid header bacground*/
.dxbs-gridview > .card .dxbs-table > thead > tr:first-child > th, .dxbs-gridview > .card .dxbs-table > thead > tr:first-child > td {
    background-color: #f4f6f9;
    color: black;
    padding: 0.8em;
}

.dxbs-gridview > .card > .dxgvHSDC + .dxgvCSD > table > tbody > tr:first-child > td {
    border-top: 1px solid #b2b2b2;
}

.table-bordered th, .table-bordered td {
    border: 1px solid #b2b2b2
}

.dxbs-gridview {
    border: 1px solid #b2b2b2;
    margin-bottom: 0.5em;
    border-radius: 3px;
}

    .dxbs-gridview .card {
        margin-bottom: 0;
    }

    .dxbs-gridview:not(.dxbs-fm-details) > .card > .dxgvCSD > table > tbody > tr:last-child > td {
        border-bottom: 1px solid #b2b2b2;
    }

    .dxbs-gridview > .card .dxbs-table > thead > tr:first-child > th, .dxbs-gridview > .card .dxbs-table > thead > tr:first-child > td {
        border-bottom: 1px solid #b2b2b2;
    }

    .dxbs-gridview .dxbs-fixed .dxbs-fixed-header-content > a {
        text-align: center;
    }

.content-wrapper {
    padding-top: 60px;
}

.dxFormTemplateBox {
    width:100%;
    padding: 0.3em;
    border-radius: 5px 5px 0 0;
    background: #ddd;
    border: 1px solid #aaa;
    height: 35px;
    text-align: center;
}

    .dxFormTemplateBox label {
        display: block;
        margin-top: 5px;
    }

.sidebar, .brand-link {
    background: #4682b4;
}

/*Main Tab content style*/
.media-body {
    border: 1px solid #66344a;
    padding: 1em;
    border-radius: 0px 5px 5px 5px;
    box-shadow: 0 0 3px rgba(0,0,0,.125), 0 3px 6px rgba(0,0,0,.2);
}
/*Main tab style*/
#MainTab .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background: #006bdb;
    font-weight: bold;
}

    #MainTab .nav-tabs .nav-link.active a {
        color: white;
    }

#MainTab .nav-item, #MainTab .nav-tabs .nav-link.active {
    margin-bottom: -3px;
}

#MainTab .nav-link {
    padding: .4rem 1rem;
}

.nav-link {
    padding: .3rem 1rem;
}

    .nav-link active .fas {
        color: white;
    }

/*ÆäÀÌÁö Æäµù*/
.px-4 {
    padding-left: 0.7rem !important;
    padding-right: 0.7rem !important;
}
/*table ¼Ó new, updat,delete ¹öÆ° ½ºÅ¸ÀÏ*/
.dxbs-table .btn-link {
    color: #66344a;
    background: #f5dfe6;
    border-color: #982e54;
    border: 1px solid #982e54;
    padding: .3em;
    border-radius: 2px;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr > td.bg-primary .btn-link {
    color: #fff;
}

.dxbs-fixed-header-content > button.btn.btn-link, td.dxbs-cmd-cell > button.btn.btn-link, th.dxbs-cmd-cell > button.btn.btn-link {
    background: none;
    border: none;
    padding: 0;
}

.loginbox {
    justify-content: center;
    display: flex;
    width: 100%;
    min-height: 500px;
    background: url(../dist/img/new_loginbg.png) no-repeat center center;
    background-size: contain;
    align-items: center;
    margin-top: 10%;
}

#LoginPage .login-box {
    width: 500px;
    margin-top: 40px;
    /*·Î°í Á¦°Å·Î ÀÎÇÑ ¸¶Áø Á¦°Å*/
    /*margin-left: 370px;*/
    /*margin-top: 70px;*/
}

.nav-link {
    padding: 0.7rem;
}

.nav-link2 {
    padding-left: 1.5rem;
}

.nav-link3 {
    padding-left: 2.2rem;
}

[class*=sidebar-dark-] .nav-item.menu-open > .nav-link {
    background: rgba(0, 107, 219, 0.55);
}

[class*=sidebar-dark-] .nav-sidebar > .nav-item.menu-open > .nav-link {
    background: #014a97;
}

.MainHeader {
    font-size: 1.3em;
    font-weight: bold;
    color: #014a97;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0.7em 1em ;
    margin: 0;
    background: #fff;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.fa, .fas {
    margin-right: 3px;
}

.dxbs-listbox > li > a, .dxbs-listbox > ul > li > a, .dxbs-listbox > li > .form-check, .dxbs-listbox > ul > li > .form-check {
    font-size: 0.8em;
}

.subBox {
    border: 1px solid #ccc;
}

.SubHeader {
    background: white;
    font-size: 1.1em;
    padding: 0.5em 1em;
    font-weight: bold;
    color: #014a97;
    border-bottom: 1px solid #ccc;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #ccc;
}
.SubHeader+.card-body2 {
    background-color: #f4f4f4;
    border-width: 0px 1px 1px 1px;
    border-color: #ccc;
    border-style: solid;
    border-radius: 0px 0px 5px 5px;
    padding: 1em;
}

.subBox img {
    width: 250px;
    margin-left: 5px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
}

table .dxbs-fl .row {
    background: #eee;
}

.login-card-body, .register-card-body {
    background: none;
}

.loginbox .card {
    background: rgba(255, 255, 255, 0.50);
}

.checkgroupbox .dxbs-fl.form-horizontal .form-group {
    
    margin-bottom: 0;
}
.checkgroupbox {
    padding: 0.3em;
    border-radius: 5px;
    background: #cbdae8;
    border: 1px solid #a7bbd0;
    height: 28px;
    text-align: center;    
    margin-bottom:5px;
}
    .checkgroupbox .dxbs-fl .form-group {
        margin-bottom: 0; 
        
    }
.txtbox {
    padding: 0.3em;
    padding-left:0.7em;
    height: 28px;
    margin-bottom: 5px;
}
.txtbox span{
    font-weight:bold;
    margin-right:1em;
}
.chart_area {
    overflow-y: scroll;
    /* height:550px;*/
    height: calc(100vh - 16.8rem);
}
hr{margin:5px 0;}
.popup {
    height: calc(100vh - 3.5rem);
}

.popup > .modal-content {
    top: 50%;
    transform: translate(0%, -50%);
}
.minbox, .meanbox, .maxbox {
    background: #438092;
    border: 1px solid #214752;
    padding: .7em;
    margin-right: .5em;
    text-align: center;
    border-radius: 0.3em;
    display: inline-block;
    color:white;
    font-weight:bold;
}
    .minbox label, .meanbox label, .maxbox label {
        margin: 0px;
    }
.meanbox {
    background: #439264;
    border: 1px solid #2e714a;
}
.maxbox {
    background: #a95157;
    border: 1px solid #7b2e33;
}
.gridedit .btn-secondary{
    padding:0.1em;
    margin-top:-5px;
}
.EditGrid .col-md-6 {
    flex: 0 0 33%;
}
.MyFormLayout .card .card-header {
    padding: .5rem 1.25rem;
    background:unset;
    background-color: rgba(44,44,44,.03);
    font-weight : 600;
}
.MyFormLayout table .dxbs-fl .row {
    background: #F3F3F3;
    /*height: 430px;*/
}
.row-details-height1 {
    height: 300px;
    padding: 0px;
    position: inherit;
}
#QCMT .dxbs-dropdown-area.dropdown-menu {
    position: fixed;
}
.MyFormLayout thead > tr:first-child th { /* all headers */
    word-break: break-word;
    white-space: unset;
}

.MyFormLayout thead > tr:first-child th:nth-child(2) { /* Second header */
    word-break: break-word;
    white-space: unset;
}

.popup .dxFormTemplateBox .form-group label {
    display: inline;
    margin-top: 0;
}
.popup .dxFormTemplateBox .form-group .custom-control {
    min-height: 0;
}
.popup .dxFormTemplateBox .custom-control-label::after {
    margin-left: -7px;
}
.popup .dxFormTemplateBox .form-group{
    margin-top:0.3em;
}

.chart_area_630 {
    overflow-y: scroll;
    /* height:550px;*/
    /*height: 630px;*/
}

.modal > .dxbs-popup{
    top:7%
}
.PopupWidthDev-500.dxbs-popup-fixed-width {
    max-width: 500px;
}
.PopupWidthDev-600.dxbs-popup-fixed-width {
    max-width: 600px;
}
.PopupWidthDev-700.dxbs-popup-fixed-width {
    max-width: 700px;
}
.PopupWidthDev-800.dxbs-popup-fixed-width {
    max-width: 800px;
}
.w-vw.PopupWidthDev-1000.dxbs-popup-fixed-width {
    width:85vw;
    max-width: 1000px;
}
.MyMultipleUpdatePopup .dxbs-listbox {
    max-height: 210px;
    height: 210px;
}


.custom-drop-zone {
    padding: 0 !important;
    border-style: dashed !important;
    border-width: 2px !important;
    height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.custom-drop-zone.custom-drag-over {
    background-color: #868A8D;
}

.custom-drop-zone img {
    width: 42px;
    height: 42px;
}

.dxbs-spin-edit input[type=text] {
    text-align: inherit;
}

.MyFormLayout .form-group .dxbs-fl-ctrl {
    align-items: inherit;
}

.validation-message {
    color: red;
}

.MyDxChart.dx-blazor-widget .dx-chart {
    min-height: 250px;
}



/* ´ë½Ãº¸µå ÀÚµ¿ »õ·Î°íħ Expander */
/* Width´Â auto·Î ³õ°í max-width ¸¦ transitionÁÖ¸é ÃÖ´ë ±æÀÌ·Î ¾Ë¾Æ¼­ ¸ÂÃã*/
.dashboardCollapsed {
    width : auto;
    max-width : 0;
    transition : max-width 0.3s;

}
.dashboardExpanded {
    width : auto;
    max-width : 400px;
    transition: max-width  0.5s;
}

.MyDxChart g.dxc-arg-axis g.dxc-arg-elements text{
    font-size: 1.4em !important;
}

.RotateForever {
    animation: fadein 0.5s forwards,
    rotating 2s linear infinite;
}
.NotRotateForever {
    animation: fadeout 0.5s forwards ;
}
@keyframes rotating {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
.top-0{
    top:0;
}
.bottom-0{
    bottom:0;
}
.right-0{
    right:0;
}
.lef-0{
    left:0;
}

.FormRequirement label.col-form-label:after {
    content: " *";
    color: crimson;
}

.RefreshCheckFadeout {
    animation: fadeout 0.5s forwards;
}

@media screen and (max-width: 1000px) {
    .MainGridForm {
        width: calc(100vw - 360px);
    }

}
@media screen and (min-width:1000px){
    .MainGridForm {
        width: calc(100vw - 360px);
    }
}

.tooltip {
    z-index:99999;
}

/*¸Þ¼¼Áö¹Ú½º Æ˾÷ â (Á¶Ä¡»çÇ×, »èÁ¦)*/
.CommentPopup .dxbs-modal {
    z-index: 11003 !important;
}
.CommentPopup .dxbs-popup.modal-dialog {
    z-index: 11003 !important;
    top: -15% !important;
}
.CommentPopup .dxbs-modal-back {
    z-index: 11002 !important;
}
.DeletePopup .dxbs-modal {
    z-index: 11003 !important;
}
.DeletePopup .dxbs-popup.modal-dialog {
    z-index: 11003 !important;
}
.DeletePopup .dxbs-modal-back {
    z-index: 11002 !important;
}


/* ¸¶½ºÅÍ µðÅ×ÀÏ È­»ìÇ¥ ¼û±â±â  ... DataGrid Ŭ·¡½º¿¡ MyMasterGrid ³Ö±â */
.MyMasterGrid table colgroup col:first-child {
    display: none;
}

.MyMasterGrid table thead tr td:first-child {
    display: none;
}

.MyMasterGrid table thead tr th:first-child {
    display: none;
}

.MyMasterGrid table thead tr th:nth-child(2) {
    border-left-width: 0px;
}

.MyMasterGrid table tbody tr td:first-child:not(.dxbs-gridview-row-details) {
    display: none;
}

.MyDetailGrid table colgroup col:first-child {
    display: table-column;
}

.MyDetailGrid table tbody tr td:first-child:not(.dxbs-gridview-row-details) {
    display: table-cell;
}
/* END ¸¶½ºÅÍ µðÅ×ÀÏ È­»ìÇ¥ ¼û±â±â */


/*EquipGrid*/
td i.iconForEquip {
    display:none;
}
td[data-toggle] i.iconForEquip {
    display:unset;
}


/* ¸®½ºÆ® ¹Ú½º ³ôÀÌ */
.dxbs-listbox.MyListBox {
    height: 13rem;
}


/**/
.w-90{
    width:90%
}
.w-80{
    width:80%
}
.w-70{
    width:70%
}
.w-auto{
    width:auto;
}
.h-auto{
    height:auto;
}
.overflow-visible{
    overflow:visible;
}


/*½ºÅ©·Ñ¹Ù À̽´*/
.nonScroll.dxbs-gridview .dxgvCSD{
    height:calc(100vh - 420px)!important;
}
.nonScroll.noSearchBox.dxbs-gridview .dxgvCSD{
    height:calc(100vh - 340px)!important;
}
.nonScroll.noSearchBox.dx-blazor-widget .dx-chart.dx-visibility-change-handler {   /*Â÷Æ®*/
    height: calc(100vh - 440px) !important;
}

img.device {
    width: inherit;
    object-fit: contain;
    height: calc(50vh - 220px) !important;
}
.nonScroll.equipBigGrid.dxbs-gridview .dxgvCSD {
    height: calc(50vh - 160px) !important;
}
.nonScroll.equipSmallGrid.dxbs-gridview .dxgvCSD {
    height: calc(50vh - 260px) !important;
}

.device_tree, .device_list{
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ccc;
    padding: 0.5em;
}

.device_item {
    display: inline-block;
    text-align: center;
    background: #a3c6d7;
    padding: 0.3em;
    margin-bottom: 5px;
    border-radius: 3px;
    cursor: pointer;
    min-width: 95px;

    transition-duration: 0.5s;
    transition-property: background-color;
}

.device_item.selected {
    box-shadow: 0px 0px 5px 5px #83adc3b3;
    border: solid #83adc3b3;
    border-width: 0px 2px 0px 2px;
}

.device_item.legend{
    padding: 0.5rem 1rem 0.5rem 1rem;
    margin-top: 0.5rem;
    margin-right: 0.25rem;
    margin-left: 0.25rem;
    min-width:unset;
}

.device_list{
    margin-bottom:10px;
    padding:0;
}
.device_list h5 {
    font-size: 1.1em;
    font-weight: bold;
    background: #ccc;
    text-align: center;
    margin-bottom:3px;
    padding: 0.3em 0;
}
.device_item h5 {
    background:none;
    font-size:1em;    
    padding: 0.3em 0;
    font-weight:bold;
}
.state1 {
    background: #a3d7aa;
}
.state2 {
    background: #f2b2b2;
}
.state3 {
    background: #c7c7c7;
}
.state4 {
    background: #f8c985;
}
.state5 {
    background: #a3c6d7;
}
.device_item p {
    font-size: 0.9em;
    margin-bottom: 0.3em;
}
.device_tree h5, .device_tree h4 {
    font-weight: 700;
    font-size: .875rem;
    margin-top: 1em;
    margin-bottom: 3px;
}
    .device_tree h4{
        margin-top:0;
        border:none;
        border-bottom:1px solid #ccc;
    }
    .device_tree .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        padding-left: 0;
    }

.Mainheader .row {
    margin-left: 0;
}

[class*=sidebar-dark-] .sidebar a{
    color:#fff;
}
.device_tree .tree-icon-calculation {
    width:16px;
    height:16px;
    background-image: url("../img/folder.png");
}
.device_tree .invisible.expand-btn.btn{
    padding-left: 0px;
    padding-right: 0px;
}

/*ÀåºñÁ¤º¸ È­¸é µ¿Àû ³ôÀÌ*/
.device_tree_col.nonScroll {
    overflow-y: hidden;
    height: calc(100vh - 11.5rem);
}
.device_tree.nonScroll {
    overflow-y: scroll;
    height: calc(100vh - 200px) !important;
}
#EQlist.nonScroll {
    overflow-y: scroll;
    height: calc(100vh - 200px) !important;
}
/*ÀåºñÁ¤º¸ È­¸é µ¿Àû ³ôÀÌ End */

/* µ¥ºêÀͽºÇÁ·¹½º µå·Ó´Ù¿î¸Þ´º min-width 0*/
.noMinWidth,
.noMinWidth > .dropdown-menu {
    min-width: 0;
}

/* Å©±â Á¶Àý */
.transformScale_1p2{
    transform: scale( 1.2 )
}
.transformScale_1p5{
    transform: scale( 1.5 )
}

.table-active span::selection,.table-active::selection {
    background: #28a745;
    color:white;
}

.MyMasterGrid tr.error {
    background: #fbd5d9;
}

/* setting */
.btn.picker:hover, .btn.picker.active, .btn.picker.show {
    background-color: #44343a40;
}



/* Àåºñ °°Àº ·ÎÄÉÀÌ¼Ç °ã */

.ward {
    width: auto;
    display: inline-block;
}

.ward_dup {
    max-width: 15px;
    direction: rtl;
    overflow-x: clip;
    transition-duration: 0.4s;
    transition-timing-function: ease;
}

.ward_dup.selected {
    max-width: 150px !important;
}

.ward_dup:hover {
    max-width: 150px !important;
    transition-duration: 0.7s !important;
    transition-timing-function: ease !important;
}

.ward_dup.semihover {
    max-width: 40px;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}

.ward_dup:not(.semihover):not(.selected) .device_item {
    background-color: #9595958c;
}