@import url('open.iconic/font/css/open-iconic-bootstrap.min.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap');
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

html, body {
    /*    font-family: 'Nanum Gothic', 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 0;
    font-size: 13px;*/
    font-family: "Pretendard Variable", Pretendard, sans-serif;
    font-size: 13px;
}

body {
    background: white;
}
.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}
label{
    font-weight:normal;
    font-size:13px;
}
/*.main-header .logo{
    width:309px;
}


.main-header .navbar{
    margin-left:309px;
}
.main-sidebar, .left-side{
    width:309px;
}
.content-wrapper {
    margin-left: 309px;
}*/
.rz-chkbox-label {
    margin: 0px 10px 0px 5px;
}
.rz-radiobutton-label {
    margin: 0px 10px 0px 5px;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.LoginHeader {
    height: 89px;
    background: url('../images/Top-Login_bg.png'), repeat-x;
    padding: 20px;
    z-index: 1;
    position: sticky;
    top:0;
    width: 100%;
    max-width:1920px;
}

ul.ButtonList {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 25%;
    padding-left: 3%;
}

    ul.ButtonList li {
        font-size: 2.77vw;
        list-style: none;
        width: 100%;
        cursor: pointer;
    }

        ul.ButtonList li, ul.ButtonList li a {
            color: transparent;
        }

#header .btnLogin {
    min-width: 100px;
    background: #36C7C7; /* fallback for old browsers */
    background: -webkit-linear-gradient(#13C5C7, #1C75D9); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(#13C5C7, #1C75D9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
    border-radius: 5px;
    font-family: 'Inter', sans-serif;
}
.headerTitle{
    font-size:20px;
    font-weight:bold;
    padding-top:15px;
}
.btnLogin:hover {
    color: #fff;
    background: #288bc4;
    background: -webkit-linear-gradient(#1C75D9,#13C5C7); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(#1C75D9,#13C5C7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    box-shadow: 0 0 0 .25rem rgba(78,178,235,.5)
}

.btn-check:focus + .btnLogin, .btnLogin:focus {
    color: #fff;
    background-color: #288bc4;
}

.btn-check:active + .btnLogin:focus, .btn-check:checked + .btnLogin:focus, .btnLogin.active:focus, .btnLogin:active:focus, .show > .btnLogin.dropdown-toggle:focus {
    background: #36C7C7;
    background: -webkit-linear-gradient(#1C75D9,#13C5C7); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(#1C75D9,#13C5C7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    box-shadow: 0 0 0 .25rem rgba(78,178,235,1)
}

.btnLogin.disabled, .btnLogin:disabled {
    color: #fff;
    background-color: #2fa4e7;
    border-color: #2fa4e7
}

[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;
}

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

}
.skin-blue .sidebar-menu > li > .treeview-menu { /*ÁÂÃø¸Þ´º È®Àå½Ã ¼­ºê¸Þ´º ¹é±×¶ó¿îµå*/
    background: #03939B;
}
.skin-blue .sidebar-menu > li > a
, .skin-blue .sidebar-menu > li:hover > a
, .skin-blue .sidebar-menu > li.active > a {
    background: transparent;
}
/*.sidebar-menu > li > a ¿Í ³»¿ëÀÌ °ãħ*/

.user-panel {
    height: 63px;
    margin-bottom: 10px;
}
/*.skin-blue .sidebar-menu > li:hover > a{*/ /*ÁÂÃø ¸ÞÀθ޴º  ¿À¹ö Ä÷¯°ª*/                                        
    /*background: #3abac1;
    color:#fff;
}*/
/*.skin-blue .sidebar-menu > li.active > a {*/ /*ÁÂÃø ¸ÞÀθ޴º ¼±Åà Ä÷¯°ª*/
   /*background: #035f64;
    color: #fff;
}*/
.skin-blue .main-header .logo {
    background: transparent;
    margin-top: 0.4rem;
}
.skin-blue .main-header .navbar {
    background: white;
    border-bottom: 1px solid #03939B;
}
    .skin-blue .main-header .navbar .sidebar-toggle {
        color: #606060;
        padding: 0;
        background-image: url(../images/Icon_Menu.png) ;
        background-repeat:no-repeat;
        background-position-x:center;
        background-position-y:center;
    }
        .skin-blue .main-header .navbar .sidebar-toggle:hover {
            color: #606060;
            padding: 0;
            background-image: url(../images/Icon_Menu.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
        }
    .skin-blue .main-header .navbar .nav > li > a {
        color: #606060;
        padding:0;
    }
.mainbax {
    margin-bottom: 20px;
    background: #fff;
/*    box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);*/
/*    -webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);*/
    border-radius: 20px;
    margin-top: 10px;
}
.boxShadow {
    box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);
    border-radius: 10px;
}
.content-wrapper, .right-side{
    background-color:white;
}
/*#search-box{min-height:264px;}*/
.box-header {
    padding: 0;
   
}
    .box-header .inner_box {
        height:34px;
    }
    .box-header h1 {
        font-size: 1.3em;
        font-weight: bold;
        padding: 3px 5px 3px 18px;
        vertical-align: middle;
        background-image: url(../images/box_headerbg.png);
        background-repeat: no-repeat;
        margin-bottom: 10px;
        margin-left: -10px;
    }
    .box-header h4 {
        font-size: 1.3em;
        font-weight: bold;
        padding: 3px 5px 3px 18px;
        vertical-align: middle;
        background-image: url(../images/box_headerbg.png);
        background-repeat: no-repeat;
        margin-bottom: 10px;
        margin-left: -10px;
    }
    /*ÅؽºÆ®¹Ú½º ½ºÅ¸ÀÏ*/
.input-group{
    margin-bottom:10px;
}
    .input-group .input-group-addon {
        border-radius: 3px 0 0 3px;
        border-width: 1px 0px 1px 1px;
        border-color: #bdbdbd;
    }
.form-control {
    border-radius: 3px 3px 3px 3px;
    border-width: 1px 1px 1px 0px;
    padding: 0px 3px 0px 3px;
    vertical-align: middle;
    border-color: #bdbdbd;
}
    .form-control:focus { /*ÅؽºÆ® ¹Ú½º Æ÷Ä¿½º*/
        border-radius: 0 3px 3px 0;
        border-width: 2px;
        border-color: #16D5C9;
    }
.input-group-addon { /*ÅؽºÆ®¹Ú½º ¾ÆÀÌÄÜ*/
    color: #B7B7B7;
    padding: 0px 3px 0px 8px;
}
.textboxStyle {
    margin-top:3px;
    border-width: 1px 1px 1px 0px;
    border-radius: 0 3px 3px 0;
}
input[type='date'] {
    border: none;
    
    border:1px solid #ccc;
    border-radius: 0px 3px 3px 0;
    text-align: left;
    font-size: 100%;   
    border-width:1px 1px 1px 0;
    display:inline-block;width:100%;
}
    input[type='date']::-webkit-calendar-picker-indicator {
        position: absolute;      
        top: 0;
        width: 100%;
        height: 100%;
        background: transparent;       
        cursor: pointer;
    }
    input[type='date']::before {
        content: attr(data-placeholder);
        height: 100%;
        color: #999999;
    }
    input[type='date']:focus::before, input[type='date']:valid::before {
        display: none;
    }
    input[type='date']:hover { /*µ¥ÀÌÆ®ÇÇÄ¿ ¿À¹ö/Æ÷Ä¿½º*/
        border-radius: 0 3px 3px 0;
        border-width: 2px;        
        border-color: #16D5C9;
    }
    .layoutleft{ 
        width:65%;
        float:left;
    }
    .fleft{
        float:left;
    }
    .fright{
        float:right;
    }
.cboxfleft{
    float:left;
    font-weight:normal;
    margin-right:5px;
}

.btnPrimary {
    min-width: 80px;
    width: 30%;
    height: 32px;
    background: #36C7C7;
    fallback for old browsers background: -webkit-linear-gradient(#0DBCBD, #008992);
    Chrome 10-25, Safari 5.1-6 background: linear-gradient(#0DBCBD, #008992);
    W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ color: #fff;
    border-radius: 5px;
    font-size: 1.1em;
    font-family: 'Inter', sans-serif;
    float: right;
}
    .btnPrimary:hover {
        color: #fff;
        background: #288bc4;
        /*background: -webkit-linear-gradient(#1C75D9,#13C5C7);  Chrome 10-25, Safari 5.1-6 ;
        background: linear-gradient(#1C75D9,#13C5C7);  W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ ;*/
        box-shadow: 0 0 0 .25rem rgba(78,178,235,.5)
    }

.labeltext {  
    font-weight:normal; color:#777;
    font-size:14px; margin-left:5px;
}
/*°á°ú¹×±×·¡ÇÁ Ãâ·Â¼±ÅûçÇ× ¹Ú½º³ôÀÌÁ¶Àý*/
.mainbox2 {
    height: calc(100vh - 665px);
}
.widht_88 {
    width: calc( 100% - 100px );
}
.comboboxStyle {
    border-radius: 0,3px,3px,0;
}
.bottomMargin{
    margin-bottom:10px;
}
/*µ¥ºêÄÁÆ®·Ñµé ÆùÆ®»çÀÌÁî ¼öÁ¤*/
.dxbl-text-edit > .dxbl-text-edit-template, .dxbl-text-edit > .dxbl-text-edit-template .dxbl-text-edit-input, .dxbl-text-edit > .dxbl-text-edit-input, .dxbl-text-edit > textarea{
    font-size:14px;
}

.form-control p {
    margin-top: 6px;
}
.labelwidth{
    width:200px;
}

/*radzen control¼öÁ¤*/
.rz-dropdown-items li, .rz-autocomplete-items li, .rz-multiselect-items li{
    padding:5px;
}
.rz-p-sm-12{
    padding:0;
}
/*only ¾ÆÀÌÄÜ ¹öÆ°*/
.rz-button {
    box-shadow: none;
    min-height: 0;
}
.rz-primary {
    height: 32px;
    padding: 0.1em 0.7em;
}
.rz-button-md.rz-button-icon-only {
    padding: 0.1em;
    height:32px;
}
.rz-button.rz-secondary.rz-shade-default {
    background: #9ADFDF;
}
.rz-grid-table thead th:not(:has(.rz-cell-filter),:only-child) {
    background: #f4f6f9;
    text-align: center;
}
/*µå·Ó´Ù¿î ¸Þ´º¼±Åýà ÆùÆ® À§Ä¡ Á¶Á¤*/
.rz-form-field-content .rz-inputtext {
    padding-top: 5px;
}
/*--------------------*/
.iconbutton {
    width: 32px;
    height: 32px;
    padding: 0.4em 0.6em;
}

/*devexpress datagrid*/
/*±×¸®µå ÆùÆ®»çÀÌÁî º¯°æ*/
.dxbl-grid {
    --dxbl-grid-font-size: 14px;
}
.dxbs-gridview > .card > .table-bordered:first-child > thead > tr:first-child > th {
    background: #f4f6f9;
    text-align: center;
}
.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;
}
.table-bordered th, .table-bordered td {
    border: 1px solid #b2b2b2;
}
.dxbs-gridview{
    border: 1px solid #ccc;
    border-radius:5px;
    overflow:hidden;
}
.col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1
{padding:0;}



.dxbs-gridview > .card .dxbs-table > thead > tr:first-child > th {
    background: #f4f6f9;
    text-align: center;
}

.flex-container {
    display: flex;
    justify-content: center;
    align-items:center;
}
.rz-checkbox-list-horizontal {
    display:inline-block;
    justify-content: center;
}
.pt-2-1{
    padding-top:13px;
}
.grid-filter{
    padding:13px;
}
.dxbs-gridview{
    margin:0;
    margin-top:10px;
}
.dxgrid1{
    height:150px;   
}
/*.dxbs-gridview .dxgvCSD {
    height: calc(100vh - 560px) !important;
    min-height: 550px;
}*/
.Device_Relation_Grid2.dxbs-gridview .dxgvCSD {
    height: calc(100vh - 880px) !important;
}
.Device_Relation_Grid3.dxbs-gridview .dxgvCSD {
    height: calc(100vh - 835px) !important;
}

.Device_STL_Copy_D_Grid1.dxbs-gridview .dxgvCSD {
    height: calc(100vh - 680px) !important;
    min-height: 185px;
}
.Device_STL_Copy_D_Grid2.dxbs-gridview .dxgvCSD {
    height: calc(100vh - 800px) !important;
    min-height: 185px;
}
.Device_Result1.dxbs-gridview .dxgvCSD {
    height: calc(100vh - 290px) !important;
    min-height: 520px;
}
.Device_Result1.dxbs-gridview .dxgvCSD {
    height: calc(100vh - 290px) !important;
    min-height: 520px;
}
.Device_STL_CV_Grid1.dxbs-gridview .dxgvCSD {
    height: calc(100vh - 500px) !important;
    min-height: 250px;
}
.Device_Relation_Grid1.dxbs-gridview .dxgvCSD {
    height: 70px;
}
.fitcontent {
    max-width: fit-content;
}
.Comment_Grid1.dxbs-gridview .dxgvCSD {
    height: calc(100vh - 265px) !important;
    min-height: 550px;
}
.table > tbody > tr > td{
    padding:3px 10px;
    font-size:12px;
}
.Microbe_Result_Grid.dxbs-gridview .dxgvCSD {
    height: calc(100vh - 450px) !important;
    min-height: 250px;
}
.Condition_Search_Grid.dxbs-gridview .dxgvCSD {
    height: calc(100vh - 780px) !important;
    min-height: 130px;
}
.Device_RelationMulti_Grid2.dxbs-gridview .dxgvCSD {
    height:100px;
}
.Device_RelationMulti_Grid3.dxbs-gridview .dxgvCSD {
    height: calc(100vh - 755px) !important;
    min-height: 150px;
}
.Patient_CompareHistory_Grid.dxbs-gridview .dxgvCSD {
    height: calc(100vh - 485px) !important;
    min-height: 250px;
}
.Type_ReportHistory_Grid.dxbs-gridview .dxgvCSD {
    height: calc(100vh - 450px) !important;
    min-height: 350px;
}
.External_Judge_Grid1.dxbs-gridview .dxgvCSD {
    height: calc(100vh - 310px) !important;
    min-height: 350px;
}
.External_Judge_Grid2.dxbs-gridview .dxgvCSD {
    height: calc(100vh - 265px) !important;
    min-height: 350px;
}
.External_Year_Grid1.dxbs-gridview .dxgvCSD {
    height: 100px;
}
.External_ManageReport_Detail_Grid1.dxbs-gridview .dxgvCSD {
    height: 80px;
}
.External_ManageReport_Detail_Grid2.dxbs-gridview .dxgvCSD {
    height: calc(100vh - 765px) !important;
}
.rz-datatable {
    border-radius: 5px;
}