:root{--bdr-subtle-0_neutral-hover:#51b4f6;--bdr-subtle-0_neutral-active:#0b7dc9;--bdr-strong-4_primary-hover:#51b4f6;--card-border-grayscale-normal:#e3e3e3;--card-border-grayscale-hover:#2fa8ff;--card-border-grayscale-active:#003b65;--button-icon-status-primary-hover:#2fa8ff;--button-icon-status-primary-active:#003b65;--button-icon-status-grayscale-highlight-hover-hover:#2fa8ff;--button-icon-status-grayscale-primary-active:#003b65;--icon-on_subtle-3_gray-normal:#707070;--bg-strong-11_persian-media-normal:#68a35b;--bg-strong-11_persian-normal:#1439cc;--bg-strong-11_persian-active:#0e2aaa;--bg-strong-11_persian-hover:#5876ee;--bg-focus:#d8eefd;--text-on_strong:#fff;--text-on_subtle-4_primary-hover:#51b4f6;--system-text:#2b2b2b;--system-ffffff:#fff;--grayscale-primary-100:#f0f0f0;--key-color-3_gray-100:#e5e5e5}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}@media(min-width:360px){.col-xs{flex:1 0 0%;display:initial}.col-xs-hide{display:none}.col-xs-auto{flex:0 0 auto;width:auto}.col-xs-1{width:8.33333333%}.col-xs-1,.col-xs-2{flex:0 0 auto;display:initial}.col-xs-2{width:16.66666667%}.col-xs-3{width:25%}.col-xs-3,.col-xs-4{flex:0 0 auto;display:initial}.col-xs-4{width:33.33333333%}.col-xs-5{width:41.66666667%}.col-xs-5,.col-xs-6{flex:0 0 auto;display:initial}.col-xs-6{width:50%}.col-xs-7{width:58.33333333%}.col-xs-7,.col-xs-8{flex:0 0 auto;display:initial}.col-xs-8{width:66.66666667%}.col-xs-9{width:75%}.col-xs-10,.col-xs-9{flex:0 0 auto;display:initial}.col-xs-10{width:83.33333333%}.col-xs-11{width:91.66666667%}.col-xs-11,.col-xs-12{flex:0 0 auto;display:initial}.col-xs-12{width:100%}}@media(min-width:576px){.col-sm{flex:1 0 0%}.col-sm-hide{display:none}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{width:8.33333333%}.col-sm-1,.col-sm-2{flex:0 0 auto;display:initial}.col-sm-2{width:16.66666667%}.col-sm-3{width:25%}.col-sm-3,.col-sm-4{flex:0 0 auto;display:initial}.col-sm-4{width:33.33333333%}.col-sm-5{width:41.66666667%}.col-sm-5,.col-sm-6{flex:0 0 auto;display:initial}.col-sm-6{width:50%}.col-sm-7{width:58.33333333%}.col-sm-7,.col-sm-8{flex:0 0 auto;display:initial}.col-sm-8{width:66.66666667%}.col-sm-9{width:75%}.col-sm-10,.col-sm-9{flex:0 0 auto;display:initial}.col-sm-10{width:83.33333333%}.col-sm-11{width:91.66666667%}.col-sm-11,.col-sm-12{flex:0 0 auto;display:initial}.col-sm-12{width:100%}}@media(min-width:768px){.col-md{flex:1 0 0%}.col-md-hide{display:none}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{width:8.33333333%}.col-md-1,.col-md-2{flex:0 0 auto;display:initial}.col-md-2{width:16.66666667%}.col-md-3{width:25%}.col-md-3,.col-md-4{flex:0 0 auto;display:initial}.col-md-4{width:33.33333333%}.col-md-5{width:41.66666667%}.col-md-5,.col-md-6{flex:0 0 auto;display:initial}.col-md-6{width:50%}.col-md-7{width:58.33333333%}.col-md-7,.col-md-8{flex:0 0 auto;display:initial}.col-md-8{width:66.66666667%}.col-md-9{width:75%}.col-md-10,.col-md-9{flex:0 0 auto;display:initial}.col-md-10{width:83.33333333%}.col-md-11{width:91.66666667%}.col-md-11,.col-md-12{flex:0 0 auto;display:initial}.col-md-12{width:100%}}@media(min-width:1200px){.col-lg{flex:1 0 0%}.col-lg-hide{display:none}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{width:8.33333333%}.col-lg-1,.col-lg-2{flex:0 0 auto;display:initial}.col-lg-2{width:16.66666667%}.col-lg-3{width:25%}.col-lg-3,.col-lg-4{flex:0 0 auto;display:initial}.col-lg-4{width:33.33333333%}.col-lg-5{width:41.66666667%}.col-lg-5,.col-lg-6{flex:0 0 auto;display:initial}.col-lg-6{width:50%}.col-lg-7{width:58.33333333%}.col-lg-7,.col-lg-8{flex:0 0 auto;display:initial}.col-lg-8{width:66.66666667%}.col-lg-9{width:75%}.col-lg-10,.col-lg-9{flex:0 0 auto;display:initial}.col-lg-10{width:83.33333333%}.col-lg-11{width:91.66666667%}.col-lg-11,.col-lg-12{flex:0 0 auto;display:initial}.col-lg-12{width:100%}}@media(min-width:1600px){.col-xl{flex:1 0 0%}.col-xl-hide{display:none}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{width:8.33333333%}.col-xl-1,.col-xl-2{flex:0 0 auto;display:initial}.col-xl-2{width:16.66666667%}.col-xl-3{width:25%}.col-xl-3,.col-xl-4{flex:0 0 auto;display:initial}.col-xl-4{width:33.33333333%}.col-xl-5{width:41.66666667%}.col-xl-5,.col-xl-6{flex:0 0 auto;display:initial}.col-xl-6{width:50%}.col-xl-7{width:58.33333333%}.col-xl-7,.col-xl-8{flex:0 0 auto;display:initial}.col-xl-8{width:66.66666667%}.col-xl-9{width:75%}.col-xl-10,.col-xl-9{flex:0 0 auto;display:initial}.col-xl-10{width:83.33333333%}.col-xl-11{width:91.66666667%}.col-xl-11,.col-xl-12{flex:0 0 auto;display:initial}.col-xl-12{width:100%}}@media(min-width:1920px){.col-xxl{flex:1 0 0%}.col-xxl-hide{display:none}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{width:8.33333333%}.col-xxl-1,.col-xxl-2{flex:0 0 auto;display:initial}.col-xxl-2{width:16.66666667%}.col-xxl-3{width:25%}.col-xxl-3,.col-xxl-4{flex:0 0 auto;display:initial}.col-xxl-4{width:33.33333333%}.col-xxl-5{width:41.66666667%}.col-xxl-5,.col-xxl-6{flex:0 0 auto;display:initial}.col-xxl-6{width:50%}.col-xxl-7{width:58.33333333%}.col-xxl-7,.col-xxl-8{flex:0 0 auto;display:initial}.col-xxl-8{width:66.66666667%}.col-xxl-9{width:75%}.col-xxl-10,.col-xxl-9{flex:0 0 auto;display:initial}.col-xxl-10{width:83.33333333%}.col-xxl-11{width:91.66666667%}.col-xxl-11,.col-xxl-12{flex:0 0 auto;display:initial}.col-xxl-12{width:100%}}#app.nav-toggle-open .nav--logo__logo_box-img-logo img{padding:20px!important}#app.nav-toggle-open .nav--brand{margin-bottom:16px!important}#app.nav-toggle-open .nav--logo{margin-bottom:22px!important}#app.nav-toggle-open .nav--logo~.nav--brand{margin-top:-12px!important}#app.nav-toggle-open .nav.nav--logo__non-subtitle .v-sidebar-menu{height:calc(100vh - var(--layout-nav-expand-logo-image-height) - var(--layout-nav-expand-item-margin-bottom) - var(--user-control-nav-header-height) + 12px)!important}#app.nav-toggle-open .nav.nav--logo__non-subtitle .nav--logo~.nav--brand~.v-sidebar-menu{height:calc(100vh - var(--layout-nav-expand-logo-image-height) - var(--layout-nav-expand-item-margin-bottom) - var(--user-control-nav-header-height) - 30px)!important}.user-control-nav--footer__content{max-width:100%}.card-container{overflow-x:hidden}.card-container .card-container--slot>div{overflow:inherit!important}.input-color--color-picker{z-index:6}.modal--main .paging .dropdown-select--content-wrapper>div{position:absolute}.loginArea .btn--text--primary{display:none}.pseudo .nav--brand{display:none!important}#app.nav-toggle-open .nav--logo__logo_box-img-logo img{width:165px!important;height:22px!important;padding:10px}.align-r{text-align:right}.modal--body,.name-area{min-height:135px}.name-area .modal--body{height:135px}.modal--footer button{margin:0 8px}.modal--footer button:last-child{margin-right:0}.table .table--header{height:60px}.table thead>tr>th:last-child{width:100px}.auto-table .table thead>tr>th:last-child{width:auto}.auto-table .table .status-tag-text{font-size:14px}.play-statistics table thead>tr>th:not(.table--header__checkbox,.table--header__field-selectedID):first-child{max-width:400px;width:300px}.login--content{z-index:1}.welcome .welcome--header-brand-name,.welcome .welcome--header-brand-name+div,.welcome .welcome--header-role+div,.welcome--right{display:none}.welcome .welcome--header-email{margin-left:10px}.body .scroll-tool{bottom:16px}.paging,.table--body,.table--header{height:60px}.table-no-padding .table--body__field{padding:0}.table-no-padding table tr td:nth-child(2){width:300px}.table-no-padding .hide-checkbox .table--body__checkbox__content,.table-no-padding .hide-checkbox .table--header__checkbox__content{display:none}.modal--main{width:auto;min-width:500px}@media only screen and (max-width:768px){.modal--main{min-width:400px}}.program-dialog-body-right-body .row-6{width:calc(50% - 16px)}.program-dialog-body-right-body .row-4{width:calc(33.33333% - 16px)}.program-dialog-body-right-body .row-5{width:calc(41.66667% - 16px)}.searchArea .row-1{width:calc(8.33333% - 20px)}.searchArea .row-2{width:calc(16.66667% - 20px)}.searchArea .row-3{width:calc(25% - 20px)}.searchArea .row-4{width:calc(33.33333% - 20px)}.searchArea .row-5{width:calc(41.66667% - 20px)}.searchArea .row-6{width:calc(50% - 20px)}.searchArea .row-7{width:calc(58.33333% - 20px)}.searchArea .row-8{width:calc(66.66667% - 20px)}.searchArea .row-9{width:calc(75% - 20px)}.searchArea .row-10{width:calc(83.33333% - 20px)}.searchArea .row-11{width:calc(91.66667% - 20px)}@media(min-width:360px){.searchArea .col-xs-1{width:calc(8.33333% - 20px)}.searchArea .col-xs-2{width:calc(16.66667% - 20px)}.searchArea .col-xs-3{width:calc(25% - 20px)}.searchArea .col-xs-4{width:calc(33.33333% - 20px)}.searchArea .col-xs-5{width:calc(41.66667% - 20px)}.searchArea .col-xs-6{width:calc(50% - 20px)}.searchArea .col-xs-7{width:calc(58.33333% - 20px)}.searchArea .col-xs-8{width:calc(66.66667% - 20px)}.searchArea .col-xs-9{width:calc(75% - 20px)}.searchArea .col-xs-10{width:calc(83.33333% - 20px)}.searchArea .col-xs-11{width:calc(91.66667% - 20px)}.searchArea .col-xs-12{width:calc(100% - 20px)}}@media(min-width:576px){.searchArea .col-sm-1{width:calc(8.33333% - 20px)}.searchArea .col-sm-2{width:calc(16.66667% - 20px)}.searchArea .col-sm-3{width:calc(25% - 20px)}.searchArea .col-sm-4{width:calc(33.33333% - 20px)}.searchArea .col-sm-5{width:calc(41.66667% - 20px)}.searchArea .col-sm-6{width:calc(50% - 20px)}.searchArea .col-sm-7{width:calc(58.33333% - 20px)}.searchArea .col-sm-8{width:calc(66.66667% - 20px)}.searchArea .col-sm-9{width:calc(75% - 20px)}.searchArea .col-sm-10{width:calc(83.33333% - 20px)}.searchArea .col-sm-11{width:calc(91.66667% - 20px)}.searchArea .col-sm-12{width:calc(100% - 20px)}}@media(min-width:768px){.searchArea .col-md-1{width:calc(8.33333% - 20px)}.searchArea .col-md-2{width:calc(16.66667% - 20px)}.searchArea .col-md-3{width:calc(25% - 20px)}.searchArea .col-md-4{width:calc(33.33333% - 20px)}.searchArea .col-md-5{width:calc(41.66667% - 20px)}.searchArea .col-md-6{width:calc(50% - 20px)}.searchArea .col-md-7{width:calc(58.33333% - 20px)}.searchArea .col-md-8{width:calc(66.66667% - 20px)}.searchArea .col-md-9{width:calc(75% - 20px)}.searchArea .col-md-10{width:calc(83.33333% - 20px)}.searchArea .col-md-11{width:calc(91.66667% - 20px)}.searchArea .col-md-12{width:calc(100% - 20px)}}@media(min-width:1200px){.searchArea .col-lg-1{width:calc(8.33333% - 20px)}.searchArea .col-lg-2{width:calc(16.66667% - 20px)}.searchArea .col-lg-3{width:calc(25% - 20px)}.searchArea .col-lg-4{width:calc(33.33333% - 20px)}.searchArea .col-lg-5{width:calc(41.66667% - 20px)}.searchArea .col-lg-6{width:calc(50% - 20px)}.searchArea .col-lg-7{width:calc(58.33333% - 20px)}.searchArea .col-lg-8{width:calc(66.66667% - 20px)}.searchArea .col-lg-9{width:calc(75% - 20px)}.searchArea .col-lg-10{width:calc(83.33333% - 20px)}.searchArea .col-lg-11{width:calc(91.66667% - 20px)}.searchArea .col-lg-12{width:calc(100% - 20px)}}@media(min-width:1600px){.searchArea .col-xl-1{width:calc(8.33333% - 20px)}.searchArea .col-xl-2{width:calc(16.66667% - 20px)}.searchArea .col-xl-3{width:calc(25% - 20px)}.searchArea .col-xl-4{width:calc(33.33333% - 20px)}.searchArea .col-xl-5{width:calc(41.66667% - 20px)}.searchArea .col-xl-6{width:calc(50% - 20px)}.searchArea .col-xl-7{width:calc(58.33333% - 20px)}.searchArea .col-xl-8{width:calc(66.66667% - 20px)}.searchArea .col-xl-9{width:calc(75% - 20px)}.searchArea .col-xl-10{width:calc(83.33333% - 20px)}.searchArea .col-xl-11{width:calc(91.66667% - 20px)}.searchArea .col-xl-12{width:calc(100% - 20px)}}.editArea .row-1{width:calc(8.33333% - 32px)}.editArea .row-2{width:calc(16.66667% - 32px)}.editArea .row-3{width:calc(25% - 32px)}.editArea .row-4{width:calc(33.33333% - 32px)}.editArea .row-5{width:calc(41.66667% - 32px)}.editArea .row-6{width:calc(50% - 32px)}.editArea .row-7{width:calc(58.33333% - 32px)}.editArea .row-8{width:calc(66.66667% - 32px)}.editArea .row-9{width:calc(75% - 32px)}.editArea .row-10{width:calc(83.33333% - 32px)}.editArea .row-11{width:calc(91.66667% - 32px)}@media(min-width:360px){.editArea .col-xs-1{width:calc(8.33333% - 32px)}.editArea .col-xs-2{width:calc(16.66667% - 32px)}.editArea .col-xs-3{width:calc(25% - 32px)}.editArea .col-xs-4{width:calc(33.33333% - 32px)}.editArea .col-xs-5{width:calc(41.66667% - 32px)}.editArea .col-xs-6{width:calc(50% - 32px)}.editArea .col-xs-7{width:calc(58.33333% - 32px)}.editArea .col-xs-8{width:calc(66.66667% - 32px)}.editArea .col-xs-9{width:calc(75% - 32px)}.editArea .col-xs-10{width:calc(83.33333% - 32px)}.editArea .col-xs-11{width:calc(91.66667% - 32px)}.editArea .col-xs-12{width:calc(100% - 32px)}}@media(min-width:576px){.editArea .col-sm-1{width:calc(8.33333% - 32px)}.editArea .col-sm-2{width:calc(16.66667% - 32px)}.editArea .col-sm-3{width:calc(25% - 32px)}.editArea .col-sm-4{width:calc(33.33333% - 32px)}.editArea .col-sm-5{width:calc(41.66667% - 32px)}.editArea .col-sm-6{width:calc(50% - 32px)}.editArea .col-sm-7{width:calc(58.33333% - 32px)}.editArea .col-sm-8{width:calc(66.66667% - 32px)}.editArea .col-sm-9{width:calc(75% - 32px)}.editArea .col-sm-10{width:calc(83.33333% - 32px)}.editArea .col-sm-11{width:calc(91.66667% - 32px)}.editArea .col-sm-12{width:calc(100% - 32px)}}@media(min-width:768px){.editArea .col-md-1{width:calc(8.33333% - 32px)}.editArea .col-md-2{width:calc(16.66667% - 32px)}.editArea .col-md-3{width:calc(25% - 32px)}.editArea .col-md-4{width:calc(33.33333% - 32px)}.editArea .col-md-5{width:calc(41.66667% - 32px)}.editArea .col-md-6{width:calc(50% - 32px)}.editArea .col-md-7{width:calc(58.33333% - 32px)}.editArea .col-md-8{width:calc(66.66667% - 32px)}.editArea .col-md-9{width:calc(75% - 32px)}.editArea .col-md-10{width:calc(83.33333% - 32px)}.editArea .col-md-11{width:calc(91.66667% - 32px)}.editArea .col-md-12{width:calc(100% - 32px)}}@media(min-width:1200px){.editArea .col-lg-1{width:calc(8.33333% - 32px)}.editArea .col-lg-2{width:calc(16.66667% - 32px)}.editArea .col-lg-3{width:calc(25% - 32px)}.editArea .col-lg-4{width:calc(33.33333% - 32px)}.editArea .col-lg-5{width:calc(41.66667% - 32px)}.editArea .col-lg-6{width:calc(50% - 32px)}.editArea .col-lg-7{width:calc(58.33333% - 32px)}.editArea .col-lg-8{width:calc(66.66667% - 32px)}.editArea .col-lg-9{width:calc(75% - 32px)}.editArea .col-lg-10{width:calc(83.33333% - 32px)}.editArea .col-lg-11{width:calc(91.66667% - 32px)}.editArea .col-lg-12{width:calc(100% - 32px)}}@media(min-width:1600px){.editArea .col-xl-1{width:calc(8.33333% - 32px)}.editArea .col-xl-2{width:calc(16.66667% - 32px)}.editArea .col-xl-3{width:calc(25% - 32px)}.editArea .col-xl-4{width:calc(33.33333% - 32px)}.editArea .col-xl-5{width:calc(41.66667% - 32px)}.editArea .col-xl-6{width:calc(50% - 32px)}.editArea .col-xl-7{width:calc(58.33333% - 32px)}.editArea .col-xl-8{width:calc(66.66667% - 32px)}.editArea .col-xl-9{width:calc(75% - 32px)}.editArea .col-xl-10{width:calc(83.33333% - 32px)}.editArea .col-xl-11{width:calc(91.66667% - 32px)}.editArea .col-xl-12{width:calc(100% - 32px)}}.card-area-m-12{display:flex;flex-wrap:wrap;justify-content:space-evenly;width:calc(100% - 24px)}.card-area-m-12 .row-1{width:calc(8.33333% - 24px)}.card-area-m-12 .row-2{width:calc(16.66667% - 24px)}.card-area-m-12 .row-3{width:calc(25% - 24px)}.card-area-m-12 .row-4{width:calc(33.33333% - 24px)}.card-area-m-12 .row-5{width:calc(41.66667% - 24px)}.card-area-m-12 .row-6{width:calc(50% - 24px)}.card-area-m-12 .row-7{width:calc(58.33333% - 24px)}.card-area-m-12 .row-8{width:calc(66.66667% - 24px)}.card-area-m-12 .row-9{width:calc(75% - 24px)}.card-area-m-12 .row-10{width:calc(83.33333% - 24px)}.card-area-m-12 .row-11{width:calc(91.66667% - 24px)}@media(min-width:360px){.card-area-m-12 .col-xs-1{width:calc(8.33333% - 24px)}.card-area-m-12 .col-xs-2{width:calc(16.66667% - 24px)}.card-area-m-12 .col-xs-3{width:calc(25% - 24px)}.card-area-m-12 .col-xs-4{width:calc(33.33333% - 24px)}.card-area-m-12 .col-xs-5{width:calc(41.66667% - 24px)}.card-area-m-12 .col-xs-6{width:calc(50% - 24px)}.card-area-m-12 .col-xs-7{width:calc(58.33333% - 24px)}.card-area-m-12 .col-xs-8{width:calc(66.66667% - 24px)}.card-area-m-12 .col-xs-9{width:calc(75% - 24px)}.card-area-m-12 .col-xs-10{width:calc(83.33333% - 24px)}.card-area-m-12 .col-xs-11{width:calc(91.66667% - 24px)}.card-area-m-12 .col-xs-12{width:calc(100% - 24px)}}@media(min-width:576px){.card-area-m-12 .col-sm-1{width:calc(8.33333% - 24px)}.card-area-m-12 .col-sm-2{width:calc(16.66667% - 24px)}.card-area-m-12 .col-sm-3{width:calc(25% - 24px)}.card-area-m-12 .col-sm-4{width:calc(33.33333% - 24px)}.card-area-m-12 .col-sm-5{width:calc(41.66667% - 24px)}.card-area-m-12 .col-sm-6{width:calc(50% - 24px)}.card-area-m-12 .col-sm-7{width:calc(58.33333% - 24px)}.card-area-m-12 .col-sm-8{width:calc(66.66667% - 24px)}.card-area-m-12 .col-sm-9{width:calc(75% - 24px)}.card-area-m-12 .col-sm-10{width:calc(83.33333% - 24px)}.card-area-m-12 .col-sm-11{width:calc(91.66667% - 24px)}.card-area-m-12 .col-sm-12{width:calc(100% - 24px)}}@media(min-width:768px){.card-area-m-12 .col-md-1{width:calc(8.33333% - 24px)}.card-area-m-12 .col-md-2{width:calc(16.66667% - 24px)}.card-area-m-12 .col-md-3{width:calc(25% - 24px)}.card-area-m-12 .col-md-4{width:calc(33.33333% - 24px)}.card-area-m-12 .col-md-5{width:calc(41.66667% - 24px)}.card-area-m-12 .col-md-6{width:calc(50% - 24px)}.card-area-m-12 .col-md-7{width:calc(58.33333% - 24px)}.card-area-m-12 .col-md-8{width:calc(66.66667% - 24px)}.card-area-m-12 .col-md-9{width:calc(75% - 24px)}.card-area-m-12 .col-md-10{width:calc(83.33333% - 24px)}.card-area-m-12 .col-md-11{width:calc(91.66667% - 24px)}.card-area-m-12 .col-md-12{width:calc(100% - 24px)}}@media(min-width:1200px){.card-area-m-12 .col-lg-1{width:calc(8.33333% - 24px)}.card-area-m-12 .col-lg-2{width:calc(16.66667% - 24px)}.card-area-m-12 .col-lg-3{width:calc(25% - 24px)}.card-area-m-12 .col-lg-4{width:calc(33.33333% - 24px)}.card-area-m-12 .col-lg-5{width:calc(41.66667% - 24px)}.card-area-m-12 .col-lg-6{width:calc(50% - 24px)}.card-area-m-12 .col-lg-7{width:calc(58.33333% - 24px)}.card-area-m-12 .col-lg-8{width:calc(66.66667% - 24px)}.card-area-m-12 .col-lg-9{width:calc(75% - 24px)}.card-area-m-12 .col-lg-10{width:calc(83.33333% - 24px)}.card-area-m-12 .col-lg-11{width:calc(91.66667% - 24px)}.card-area-m-12 .col-lg-12{width:calc(100% - 24px)}}@media(min-width:1600px){.card-area-m-12 .col-xl-1{width:calc(8.33333% - 24px)}.card-area-m-12 .col-xl-2{width:calc(16.66667% - 24px)}.card-area-m-12 .col-xl-3{width:calc(25% - 24px)}.card-area-m-12 .col-xl-4{width:calc(33.33333% - 24px)}.card-area-m-12 .col-xl-5{width:calc(41.66667% - 24px)}.card-area-m-12 .col-xl-6{width:calc(50% - 24px)}.card-area-m-12 .col-xl-7{width:calc(58.33333% - 24px)}.card-area-m-12 .col-xl-8{width:calc(66.66667% - 24px)}.card-area-m-12 .col-xl-9{width:calc(75% - 24px)}.card-area-m-12 .col-xl-10{width:calc(83.33333% - 24px)}.card-area-m-12 .col-xl-11{width:calc(91.66667% - 24px)}.card-area-m-12 .col-xl-12{width:calc(100% - 24px)}}.cardArea .card-label,.input-datetime,.input-datetime .input-datetime--date-picker{width:100%}.input-datetime .mx-datepicker{width:100%!important}.input-datetime .mx-datepicker .mx-time-content{height:140px}.flex-wrap{display:flex;flex-wrap:wrap;margin:0 -16px}.flex-wrap>div{padding:0 16px}.error{border:1px solid var(--input-grayscale-primary_error)!important}.btn .btn-flex{align-items:flex-end}.paging{height:60px}.paging .paging--right-panel .paging--main .btn-icon{height:24px;width:24px}.paging .paging--right-panel .paging--main .btn--12--text{height:24px}.drawer .advanced-filter--main--open,.searchDevice .advanced-filter--main--open{width:900px}.searchAction button{margin-right:16px}.status-tag{word-break:keep-all}.welcome--body,.welcome--left,.welcome-nav{width:100%;height:100%}@media(max-width:1600px){.welcome--body{max-height:400px}}.modal--body{display:flex;flex-direction:column}.word-break{word-break:break-word}.mx-datepicker-popup .mx-datepicker-content .mx-datepicker-body .mx-calendar-time .mx-time-content{height:100%}.osTab .btn-icon{width:32px}.osTab .btn-icon>div{-webkit-mask-size:32px 16px;mask-size:32px 16px}.modal--main-full{width:100vw;height:100vh;max-width:100vw;max-height:100%}.modal--main-full>.modal--body{padding:0}.modal--main-full .input-text--input--border-none{border:none}.modal--main-full .modal--header-toolbar{position:absolute;right:24px;display:flex;align-items:center}.modal--main-full .modal--header-toolbar .btn{margin:0 8px}.modal--main-full .modal--body{height:100%}.radio-group-dialog .selection-radio-group--vertical{width:100%}.radio-group-dialog .selection-radio-group--vertical__box{border:none}.radio-group-dialog .selection-radio-group--vertical__box-contnet:hover{background-color:transparent}.my-handle-class{position:absolute;background-color:#2fa8ff;border:1px solid #2fa8ff;border-radius:50%;height:9px;width:9px;box-sizing:border-box;transition:all .3s linear}.my-handle-class-tl{top:-6px;left:-6px;cursor:nw-resize}.my-handle-class-tm{top:-6px;left:50%;margin-left:-7px;cursor:n-resize}.my-handle-class-tr{top:-6px;right:-6px;cursor:ne-resize}.my-handle-class-ml{margin-top:-7px;left:-6px;cursor:w-resize}.my-handle-class-mr{margin-top:-7px;right:-6px;cursor:e-resize}.my-handle-class-bl{bottom:-6px;left:-6px;cursor:sw-resize}.my-handle-class-bm{bottom:-6px;left:50%;margin-left:-7px;cursor:s-resize}.my-handle-class-br{bottom:-6px;right:-6px;cursor:se-resize}.my-handle-class-bl:hover,.my-handle-class-br:hover,.my-handle-class-tl:hover,.my-handle-class-tr:hover{background-color:#003b65;border-color:#003b65;transform:scale(1.4)}.input-color,.input-file--single{width:100%}.error-class .my-handle-class{border-color:#f8857d;background-color:#f8857d}.my-class.border-10{border-width:1px!important}.my-class.border-10 .my-handle-class{height:9px!important;width:9px!important}.my-class.border-15{border-width:1px!important}.my-class.border-15 .my-handle-class{height:15px!important;width:15px!important}.my-class.border-15 .my-handle-class.my-handle-class-tl{top:-8px!important;left:-8px!important}.my-class.border-15 .my-handle-class.my-handle-class-tm{top:-8px!important;left:50%!important}.my-class.border-15 .my-handle-class.my-handle-class-tr{top:-8px!important;right:-8px!important}.my-class.border-15 .my-handle-class.my-handle-class-mr{right:-8px!important;margin-top:-7px!important}.my-class.border-15 .my-handle-class.my-handle-class-br{right:-8px!important;bottom:-8px!important}.my-class.border-15 .my-handle-class.my-handle-class-bm{bottom:-8px!important}.my-class.border-15 .my-handle-class.my-handle-class-bl{left:-8px!important;bottom:-8px!important}.my-class.border-15 .my-handle-class.my-handle-class-ml{margin-top:-7px!important;left:-8px!important}.my-class.border-40{border-width:2px}.my-class.border-40 .my-handle-class{height:19px!important;width:19px!important;display:block!important}.my-class.border-40 .my-handle-class.my-handle-class-tl{top:-10px!important;left:-10px!important}.my-class.border-40 .my-handle-class.my-handle-class-tm{top:-10px!important;left:50%!important}.my-class.border-40 .my-handle-class.my-handle-class-tr{top:-10px!important;right:-10px!important}.my-class.border-40 .my-handle-class.my-handle-class-mr{right:-10px!important;margin-top:-7px!important}.my-class.border-40 .my-handle-class.my-handle-class-br{right:-10px!important;bottom:-10px!important}.my-class.border-40 .my-handle-class.my-handle-class-bm{bottom:-10px!important}.my-class.border-40 .my-handle-class.my-handle-class-bl{left:-10px!important;bottom:-10px!important}.my-class.border-40 .my-handle-class.my-handle-class-ml{margin-top:-7px!important;left:-10px!important}.my-class.border-60 .my-handle-class{height:25px!important;width:25px!important}.my-class.border-60 .my-handle-class.my-handle-class-tl{top:-15px!important;left:-15px!important}.my-class.border-60 .my-handle-class.my-handle-class-tm{top:-15px!important;left:50%!important}.my-class.border-60 .my-handle-class.my-handle-class-tr{top:-15px!important;right:-15px!important}.my-class.border-60 .my-handle-class.my-handle-class-mr{right:-15px!important;margin-top:-7px!important}.my-class.border-60 .my-handle-class.my-handle-class-br{right:-15px!important;bottom:-15px!important}.my-class.border-60 .my-handle-class.my-handle-class-bm{bottom:-15px!important}.my-class.border-60 .my-handle-class.my-handle-class-bl{left:-15px!important;bottom:-15px!important}.my-class.border-60 .my-handle-class.my-handle-class-ml{margin-top:-7px!important;left:-15px!important}.my-class.border-other .my-handle-class{height:40px!important;width:40px!important}.my-class.border-other .my-handle-class.my-handle-class-tl{top:-25px!important;left:-25px!important}.my-class.border-other .my-handle-class.my-handle-class-tm{top:-25px!important;left:50%!important}.my-class.border-other .my-handle-class.my-handle-class-tr{top:-25px!important;right:-25px!important}.my-class.border-other .my-handle-class.my-handle-class-mr{right:-25px!important;margin-top:-7px!important}.my-class.border-other .my-handle-class.my-handle-class-br{right:-25px!important;bottom:-25px!important}.my-class.border-other .my-handle-class.my-handle-class-bm{bottom:-25px!important}.my-class.border-other .my-handle-class.my-handle-class-bl{left:-25px!important;bottom:-25px!important}.my-class.border-other .my-handle-class.my-handle-class-ml{margin-top:-7px!important;left:-25px!important}.mx-datepicker-footer .btn-text,.mx-table-date td,.mx-table-date th{font-size:14px}.mx-time-column .mx-scrollbar-wrap .mx-time-list:after{height:auto}.demo-app i{font-style:normal}.demo-app .fc-toolbar-chunk{display:flex;justify-content:flex-end;align-items:center}.demo-app .fc .fc-button .fc-icon,.demo-app .fc .fc-toolbar-title{font-size:14px}.demo-app .fc .fc-button{padding:0;line-height:normal;background-color:transparent;color:#000;border:none}.demo-app .fc .fc-button.fc-today-button{border:1px solid #006ab7;color:#006ab7;padding:8px 16px;margin-right:16px;font-size:14px}.demo-app .fc .fc-button.fc-today-button:hover{background-color:#006ab7;color:#fff}.demo-app .fc .fc-button.fc-today-button:disabled{color:#fff;border-color:#fff}.demo-app .fc .fc-toolbar.fc-header-toolbar{margin-bottom:16px}.demo-app .fc-toolbar-chunk:first-child{display:none}.demo-app .fc-toolbar-chunk:nth(1){display:none}.demo-app .fc .fc-daygrid-day.fc-day-today{background-color:transparent}.demo-app .fc .fc-daygrid-day-top{flex-direction:row;padding-bottom:2px}.demo-app .day-number{height:22px;padding:3px;margin-left:16px;margin-top:8px;overflow:hidden;color:#7d7d7d;font-weight:700;font-size:14px}.demo-app .fc-daygrid-day-number{display:none}.demo-app .fc .fc-daygrid-more-link{width:100%}.demo-app .more-area{display:flex;align-items:center}.demo-app .more-area .src-icon{width:16px;height:16px;margin-left:16px;margin-right:4px;background-color:#7d7d7d}.demo-app .more-area span{color:#7d7d7d}.demo-app .fc-day-sat .day-number,.demo-app .fc-day-sat .fc-daygrid-day-number,.demo-app .fc-day-sun .day-number,.demo-app .fc-day-sun .fc-daygrid-day-number{color:#66bcce}.demo-app .fc-day-today .day-number,.demo-app .fc-day-today .fc-daygrid-day-number{background-color:#ca4940;border-radius:20px;color:#ffe7e5;padding:3px 8px;font-weight:400}.demo-app .fc-day-other{background:hsla(0,0%,89%,.3)}.demo-app .fc th{text-align:left;background:#fafcff}.demo-app .fc .fc-col-header-cell-cushion{color:#8095ac;padding:20px 16px}.demo-app .fc-highlight{border:1px solid #003b65}.demo-app .fc-daygrid-day-events{margin-left:-1px;margin-right:-1px}.demo-app .fc-daygrid-day-events .fc-event{display:flex;margin-top:0;padding:0}.demo-app .fc-daygrid-day-events .fc-event-main{display:inline-block;width:100%}.demo-app .top-more{display:flex;justify-content:flex-end;justify-content:space-between}.demo-app .top-more .card-icon{width:16px;height:16px;z-index:1000;margin-top:10px;margin-right:10px}.demo-app .top-more .card-icon>div{cursor:pointer;width:16px;height:16px;background-color:var(--button-grayscale-highlight_normal)}.demo-app .top-more .card-icon>div:hover{background-color:#006ab7;color:#fff}#defaultShowArea .input-text--grayscale-primary .input-text--input__readonly{border-color:var(--input-border_normal);background-color:#fff;color:var(--input-grayscale-primary_normal);position:absolute}#defaultShowArea .input-text--grayscale-primary .input-text--input__readonly::-moz-placeholder{color:red;opacity:1}#defaultShowArea .input-text--grayscale-primary .input-text--input__readonly::placeholder{color:red;opacity:1}#defaultShowArea .default-active .input-text--grayscale-primary .input-text--input__readonly{color:var(--input-grayscale-primary_active)}#defaultShowArea .default-error .input-text--grayscale-primary .input-text--input__readonly{border-color:var(--input-border_error);color:var(--input-grayscale-primary_error)}.dialog--body-detail-message-m{min-height:23px;max-height:46px;height:auto;overflow:hidden}#defaultShowArea .gu-transit{display:none}.btn .btn-icon.btn-icon--24{width:24px;height:24px}.btn .btn-icon.btn-icon--24 div{-webkit-mask-size:24px 24px;mask-size:24px 24px}.tdW100{width:100%;height:100%;margin:-20px;padding:20px;min-width:32px;display:flex;align-items:center}.pointer{cursor:pointer}.event-type-list .card-container--slot{height:98%}.small-action .table .table--header th:last-child{width:50px;padding-right:0}.step-body-all .selection-radio-group--vertical__box,.step-body-event .selection-radio-group--vertical__box,.step-body-program .selection-radio-group--vertical__box{border:none}.step-body-all .selection-radio-group--vertical,.step-body-event .selection-radio-group--vertical,.step-body-program .selection-radio-group--vertical{width:100%}.step--container{min-width:200px;width:auto}.step--title{background-color:#fff}.notification-toast{z-index:9999}#app.nav-toggle-close .nav{z-index:auto!important}.dialogWidth1200 .modal--body{min-width:1200px}@media only screen and (max-width:1024px){.welcome--content{width:800px}.dialogWidth1200 .modal--body{min-width:900px}}@media only screen and (max-width:960px){.welcome--content{width:700px}}@media only screen and (max-width:768px){.welcome--content{width:350px}.welcome--content .welcome-nav--sub-box{width:100%}.welcome--footer__content--line2{flex-wrap:wrap}.welcome--footer__content .text:last-child{width:100%;white-space:normal}.login--footer__content .text:last-child{white-space:normal;margin-top:10px}.dialogWidth1200 .modal--body{min-width:400px}}