@charset "UTF-8";
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(../fonts/NotoSansKR/NotoSansKR-DemiLight.woff2) format("woff2"), url(../fonts/NotoSansKR/NotoSansKR-DemiLight.woff) format("woff"), url(../fonts/NotoSansKR/NotoSansKR-ThDemiLightin.otf) format("opentype"); }

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

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

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(../fonts/NotoSansKR/NotoSansKR-Black.woff2) format("woff2"), url(../fonts/NotoSansKR/NotoSansKR-Black.woff) format("woff"), url(../fonts/NotoSansKR/NotoSansKR-Black.otf) format("opentype"); }

/** Swiper 5.2.1 Most modern mobile touch slider and framework with hardware accelerated transitions http://swiperjs.com Copyright 2014-2019 Vladimir Kharlampidi Released under the MIT License Released on: November 16, 2019 */
@font-face { font-family: 'swiper-icons'; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; }

:root { --swiper-theme-color: #00FFA8; }

.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; }

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.swiper-container-multirow-column > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.swiper-slide-invisible-blank { visibility: hidden; }

/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }

.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; }

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ }

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; }

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: x mandatory; -webkit-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; }

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; -webkit-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; }

:root { --swiper-navigation-size: 44px; /* --swiper-navigation-color: var(--swiper-theme-color); */ }

.swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }

.swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; }

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'prev'; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; }

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'next'; }

.swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white { --swiper-navigation-color: #ffffff; }

.swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black { --swiper-navigation-color: #000000; }

.swiper-button-lock { display: none; }

:root { /* --swiper-pagination-color: var(--swiper-theme-color); */ }

.swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; }

/* Bullets */
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); }

.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); }

.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; }

/* Progress */
.swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; }

.swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; }

.swiper-pagination-white { --swiper-pagination-color: #ffffff; }

.swiper-pagination-black { --swiper-pagination-color: #000000; }

.swiper-pagination-lock { display: none; }

/* Scrollbar */
.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }

.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; }

.swiper-scrollbar-cursor-drag { cursor: move; }

.swiper-scrollbar-lock { display: none; }

.swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; }

.swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; }

.swiper-slide-zoomed { cursor: move; }

/* Preloader */
:root { /* --swiper-preloader-color: var(--swiper-theme-color); */ }

.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; }

.swiper-lazy-preloader-white { --swiper-preloader-color: #fff; }

.swiper-lazy-preloader-black { --swiper-preloader-color: #000; }

@-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* a11y */
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.select2-container { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; }

.select2-container .select2-selection--single { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

.select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.select2-container .select2-selection--single .select2-selection__clear { position: relative; }

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; }

.select2-container .select2-selection--multiple { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

.select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.select2-container .select2-search--inline { float: left; }

.select2-container .select2-search--inline .select2-search__field { -webkit-box-sizing: border-box; box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; }

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }

.select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; }

.select2-results { display: block; }

.select2-results__options { list-style: none; margin: 0; padding: 0; }

.select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

.select2-results__option[aria-selected] { cursor: pointer; }

.select2-container--open .select2-dropdown { left: 0; }

.select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }

.select2-search--dropdown { display: block; padding: 4px; }

.select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide { display: none; }

.select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); }

.select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; }

.select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; }

.select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }

.select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; }

.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; }

.select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered { -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; }

.select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; padding: 1px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] { padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] { color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #2bcc94; color: white; }

.select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; }

.select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee)); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic .select2-selection--single:focus { border: 1px solid #7ae3be; }

.select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }

.select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; }

.select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; }

.select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc)); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }

.select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #7ae3be; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee)); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white)); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; }

.select2-container--classic .select2-selection--multiple:focus { border: 1px solid #7ae3be; }

.select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #7ae3be; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field { outline: 0; -webkit-box-shadow: none; box-shadow: none; }

.select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above { border-bottom: none; }

.select2-container--classic .select2-dropdown--below { border-top: none; }

.select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] { padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #1a34ca; color: white; }

.select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown { border-color: #7ae3be; }

clr-icon { display: inline-block; margin: 0; height: 16px; width: 16px; vertical-align: middle; fill: currentColor; }

clr-icon .transparent-fill-stroke { stroke: currentColor; }

clr-icon.is-green, clr-icon.is-success { fill: #2e8500; }

clr-icon.is-green .transparent-fill-stroke, clr-icon.is-success .transparent-fill-stroke { stroke: #2e8500; }

clr-icon.is-red, clr-icon.is-danger, clr-icon.is-error { fill: #e02200; }

clr-icon.is-red .transparent-fill-stroke, clr-icon.is-danger .transparent-fill-stroke, clr-icon.is-error .transparent-fill-stroke { stroke: #e02200; }

clr-icon.is-warning { fill: #c27b00; }

clr-icon.is-warning .transparent-fill-stroke { stroke: #c27b00; }

clr-icon.is-blue, clr-icon.is-info { fill: #0077b8; }

clr-icon.is-blue .transparent-fill-stroke, clr-icon.is-info .transparent-fill-stroke { stroke: #0077b8; }

clr-icon.is-white, clr-icon.is-inverse { fill: white; }

clr-icon.is-white .transparent-fill-stroke, clr-icon.is-inverse .transparent-fill-stroke { stroke: white; }

clr-icon.is-highlight { fill: #0077b8; }

clr-icon.is-highlight .transparent-fill-stroke { stroke: #0077b8; }

clr-icon[shape$=" up"] svg, clr-icon[dir=up] svg { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }

clr-icon[shape$=" down"] svg, clr-icon[dir=down] svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

clr-icon[shape$=" right"] svg, clr-icon[dir=right] svg { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

clr-icon[shape$=" left"] svg, clr-icon[dir=left] svg { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }

clr-icon[flip=horizontal] svg { -webkit-transform: scale(-1) rotateX(180deg); transform: scale(-1) rotateX(180deg); }

clr-icon[flip=vertical] svg { -webkit-transform: scale(-1) rotateY(180deg); transform: scale(-1) rotateY(180deg); }

clr-icon .clr-i-badge { fill: #e02200; }

clr-icon .clr-i-badge .transparent-fill-stroke { stroke: #e02200; }

clr-icon > * { height: 100%; width: 100%; display: block; pointer-events: none; }

clr-icon > svg { -webkit-transition: inherit; -o-transition: inherit; transition: inherit; }

clr-icon > svg title { display: none; }

clr-icon .clr-i-solid, clr-icon .clr-i-solid--badged, clr-icon .clr-i-solid--alerted { display: none; }

clr-icon .clr-i-outline--alerted:not(.clr-i-outline), clr-icon .clr-i-outline--badged:not(.clr-i-outline) { display: none; }

clr-icon[class*=has-alert] .can-alert .clr-i-outline--alerted { display: block; }

clr-icon[class*=has-alert] .can-alert .clr-i-outline:not(.clr-i-outline--alerted) { display: none; }

clr-icon[class*=has-badge] .can-badge .clr-i-outline--badged { display: block; }

clr-icon[class*=has-badge] .can-badge .clr-i-outline:not(.clr-i-outline--badged) { display: none; }

clr-icon.is-solid .has-solid .clr-i-solid { display: block; }

clr-icon.is-solid .has-solid .clr-i-outline, clr-icon.is-solid .has-solid .clr-i-outline--badged { display: none; }

clr-icon.is-solid .has-solid .clr-i-solid--alerted:not(.clr-i-solid), clr-icon.is-solid .has-solid .clr-i-solid--badged:not(.clr-i-solid) { display: none; }

clr-icon.is-solid[class*=has-badge] .can-badge.has-solid .clr-i-solid--badged { display: block; }

clr-icon.is-solid[class*=has-badge] .can-badge.has-solid .clr-i-outline, clr-icon.is-solid[class*=has-badge] .can-badge.has-solid .clr-i-outline--badged, clr-icon.is-solid[class*=has-badge] .can-badge.has-solid .clr-i-solid:not(.clr-i-solid--badged) { display: none; }

clr-icon.is-solid[class*=has-alert] .can-alert.has-solid .clr-i-solid--alerted { display: block; }

clr-icon.is-solid[class*=has-alert] .can-alert.has-solid .clr-i-outline, clr-icon.is-solid[class*=has-alert] .can-alert.has-solid .clr-i-outline--alerted, clr-icon.is-solid[class*=has-alert] .can-alert.has-solid .clr-i-solid:not(.clr-i-solid--alerted) { display: none; }

clr-icon.has-badge--success .clr-i-badge { fill: #2e8500; }

clr-icon.has-badge--success .clr-i-badge .transparent-fill-stroke { stroke: #2e8500; }

clr-icon.has-badge--error .clr-i-badge { fill: #e02200; }

clr-icon.has-badge--error .clr-i-badge .transparent-fill-stroke { stroke: #e02200; }

clr-icon.has-badge--info .clr-i-badge { fill: #0077b8; }

clr-icon.has-badge--info .clr-i-badge .transparent-fill-stroke { stroke: #0077b8; }

clr-icon.has-alert .clr-i-alert { fill: #c27b00; }

clr-icon.has-alert .clr-i-alert .transparent-fill-stroke { stroke: #c27b00; }

clr-icon .is-off-screen { position: fixed !important; border: none !important; height: 1px !important; width: 1px !important; left: 0px !important; top: -1px !important; overflow: hidden !important; padding: 0 !important; margin: 0 0 -1px 0 !important; }

/*# sourceMappingURL=clr-icons.css.map */
/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; }

.scroll-wrapper > .scroll-content { border: none !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: 100% !important; }

.scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; }

.scroll-element { display: none; }

.scroll-element, .scroll-element div { -webkit-box-sizing: content-box; box-sizing: content-box; }

.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; }

.scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; }

.scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; }

.scroll-textarea > .scroll-content { overflow: hidden !important; }

.scroll-textarea > .scroll-content > textarea { border: none !important; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; }

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; }

/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; }

.scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; }

.scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; }

.scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 8px; }

.scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; }

.scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

.scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; }

.scrollbar-inner > .scroll-element .scroll-element_track { background-color: rgba(0, 0, 0, 0); }

.scrollbar-inner > .scroll-element .scroll-bar { background-color: rgba(0, 0, 0, 0); }

.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: rgba(0, 0, 0, 0.18); }

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: rgba(0, 0, 0, 0.38); }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }

.scrollbar-inner.scroll-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.scrollbar-inner.scroll-content { position: relative; top: auto; left: auto; right: auto; bottom: auto; width: auto !important; }

.scrollbar-inner:hover > .scroll-element .scroll-element_track { background-color: rgba(176, 204, 197, 0.1); }

.scrollbar-inner:hover > .scroll-element .scroll-bar { background-color: rgba(176, 204, 197, 0.3); }

/*************** SIMPLE OUTER SCROLLBAR ***************/
.scrollbar-outer > .scroll-element, .scrollbar-outer > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; }

.scrollbar-outer > .scroll-element { background-color: transparent; }

.scrollbar-outer > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; }

.scrollbar-outer > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; width: 100%; }

.scrollbar-outer > .scroll-element.scroll-y { height: 100%; right: 0; top: 0; width: 12px; }

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; }

.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; }

.scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }

.scrollbar-outer > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_track, .scrollbar-outer > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

.scrollbar-outer > .scroll-element .scroll-element_track { background-color: rgba(176, 204, 197, 0); }

.scrollbar-outer > .scroll-element .scroll-bar { background-color: rgba(176, 204, 197, 0); }

.scrollbar-outer:hover > .scroll-element .scroll-element_track { background-color: rgba(176, 204, 197, 0.1); }

.scrollbar-outer:hover > .scroll-element .scroll-bar { background-color: rgba(176, 204, 197, 0.3); }

.scrollbar-outer > .scroll-element.scroll-draggable .scroll-element_track { background-color: rgba(176, 204, 197, 0.4); }

/* scrollbar height/width & offset from container borders */
.scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; }

.scrollbar-outer > .scroll-content.scroll-scrollx_visible { top: -12px; margin-top: 12px; }

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; }

/*! FullCalendar v3.10.0 Docs & License: https://fullcalendar.io/ (c) 2018 Adam Shaw */
.fc { direction: ltr; text-align: left; }

.fc-rtl { text-align: right; }

body .fc { /* extra precedence to overcome jqui */ font-size: 1em; }

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-highlight { /* when user is selecting cells */ background: #bce8f1; opacity: .3; }

.fc-bgevent { /* default look for background events */ background: #8fdf82; opacity: .3; }

.fc-nonbusiness { /* default look for non-business-hours areas */ /* will inherit .fc-bgevent's styles */ background: #e6eff1; }

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button { /* force height to include the border and padding */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* dimensions */ margin: 0; height: 2.1em; padding: 0 .6em; /* text & cursor */ font-size: 1em; /* normalize */ white-space: nowrap; cursor: pointer; }

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner { margin: 0; padding: 0; }

.fc-state-default { /* non-theme */ border: 1px solid; }

.fc-state-default.fc-corner-left { /* non-theme */ border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.fc-state-default.fc-corner-right { /* non-theme */ border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

/* icons in buttons */
.fc button .fc-icon { /* non-theme */ position: relative; top: -0.05em; /* seems to be a good adjustment across browsers */ margin: 0 .2em; vertical-align: middle; }

/* button states borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/) */
.fc-state-default { background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6)); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled { color: #333333; background-color: #e6e6e6; }

.fc-state-hover { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }

.fc-state-down, .fc-state-active { background-color: #cccccc; background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-disabled { cursor: default; background-image: none; opacity: 0.65; -webkit-box-shadow: none; box-shadow: none; }

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group { display: inline-block; }

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */ float: left; margin: 0 0 0 -1px; }

.fc .fc-button-group > :first-child { /* same */ margin-left: 0; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover { position: absolute; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }

.fc-popover .fc-header { /* TODO: be more consistent with fc-head/fc-body */ padding: 2px 4px; }

.fc-popover .fc-header .fc-title { margin: 0 2px; }

.fc-popover .fc-header .fc-close { cursor: pointer; }

.fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close { float: left; }

.fc-rtl .fc-popover .fc-header .fc-title, .fc-ltr .fc-popover .fc-header .fc-close { float: right; }

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider { border-style: solid; border-width: 1px; }

hr.fc-divider { height: 0; margin: 0; padding: 0 0 2px; /* height is unreliable across browsers, so use padding */ border-width: 1px 0; }

.fc-clear { clear: both; }

.fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-helper-skeleton { /* these element should always cling to top-left/right corners */ position: absolute; top: 0; left: 0; right: 0; }

.fc-bg { bottom: 0; /* strech bg to bottom edge */ }

.fc-bg table { height: 100%; /* strech bg to bottom edge */ }

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; /* fix scrollbar issue in firefox */ table-layout: fixed; border-collapse: collapse; border-spacing: 0; font-size: 1em; /* normalize cross-browser */ }

.fc th { text-align: center; }

.fc th, .fc td { border-style: solid; border-width: 1px; padding: 0; vertical-align: top; }

.fc td.fc-today { border-style: double; /* overcome neighboring borders */ }

/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] { cursor: pointer; }

a[data-goto]:hover { text-decoration: underline; }

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */ /* no visible border by default. but make available if need be (scrollbar width compensation) */ border-style: solid; border-width: 0; }

.fc-row table { /* don't put left/right border on anything within a fake row. the outer tbody will worry about this */ border-left: 0 hidden transparent; border-right: 0 hidden transparent; /* no bottom borders on rows */ border-bottom: 0 hidden transparent; }

.fc-row:first-child table { border-top: 0 hidden transparent; /* no top border on first row */ }

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row { position: relative; }

.fc-row .fc-bg { z-index: 1; }

/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton { bottom: 0; /* stretch skeleton to bottom of row */ }

.fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table { height: 100%; /* stretch skeleton to bottom of row */ }

.fc-row .fc-highlight-skeleton td, .fc-row .fc-bgevent-skeleton td { border-color: transparent; }

.fc-row .fc-bgevent-skeleton { z-index: 2; }

.fc-row .fc-highlight-skeleton { z-index: 3; }

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton { position: relative; z-index: 4; padding-bottom: 2px; /* matches the space above the events */ }

.fc-row .fc-helper-skeleton { z-index: 5; }

.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td { /* see-through to the background below */ /* extra precedence to prevent theme-provided backgrounds */ background: none; /* in case <td>s are globally styled */ border-color: transparent; }

.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td { /* don't put a border between events and/or the day number */ border-bottom: 0; }

.fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td { /* don't put a border between event cells */ border-top: 0; }

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller { -webkit-overflow-scrolling: touch; }

/* TODO: move to agenda/basic */
.fc-scroller > .fc-day-grid, .fc-scroller > .fc-time-grid { position: relative; /* re-scope all positions */ width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */ }

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event { position: relative; /* for resize handle and other inner positioning */ display: block; /* make the <a> tag block */ font-size: .85em; line-height: 1.3; border-radius: 3px; border: 1px solid #fff; /* default BORDER color */ -webkit-box-shadow: 0 1px 8px 0 rgba(9, 84, 86, 0.2); -moz-box-shadow: 0 1px 8px 0 rgba(9, 84, 86, 0.2); box-shadow: 0 1px 8px 0 rgba(9, 84, 86, 0.2); }

.fc-event, .fc-event-dot { background-color: #fff; /* default BACKGROUND color */ }

.fc-event, .fc-event:hover { color: #627085; /* default TEXT color */ text-decoration: none; /* if <a> has an href */ }

.fc-event[href], .fc-event.fc-draggable { cursor: pointer; /* give events with links and draggable events a hand mouse pointer */ }

.fc-not-allowed, .fc-not-allowed .fc-event { /* to override an event's custom cursor */ cursor: not-allowed; }

.fc-event .fc-bg { /* the generic .fc-bg already does position */ z-index: 1; background: #fff; opacity: .25; }

.fc-event .fc-content { position: relative; z-index: 2; }

/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer { position: absolute; z-index: 4; }

/* resizer (touch devices) */
.fc-event .fc-resizer { display: none; }

.fc-event.fc-allow-mouse-resize .fc-resizer, .fc-event.fc-selected .fc-resizer { /* only show when hovering or selected (with touch) */ display: block; }

/* hit area */
.fc-event.fc-selected .fc-resizer:before { /* 40x40 touch area */ content: ""; position: absolute; z-index: 9999; /* user of this util can scope within a lower z-index */ top: 50%; left: 50%; width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; }

/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected { z-index: 9999 !important; /* overcomes inline z-index */ -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.fc-event.fc-selected.fc-dragging { -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); }

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before { content: ""; position: absolute; z-index: 3; /* below resizers */ top: -10px; bottom: -10px; left: 0; right: 0; }

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end { margin-left: 0; border-left-width: 0; padding-left: 1px; /* replace the border with padding */ border-top-left-radius: 0; border-bottom-left-radius: 0; }

.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start { margin-right: 0; border-right-width: 0; padding-right: 1px; /* replace the border with padding */ border-top-right-radius: 0; border-bottom-right-radius: 0; }

/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-end-resizer { cursor: w-resize; left: -1px; /* overcome border */ }

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-start-resizer { cursor: e-resize; right: -1px; /* overcome border */ }

/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer { width: 7px; top: -1px; /* overcome top border */ bottom: -1px; /* overcome bottom border */ }

/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer { /* 8x8 little dot */ border-radius: 4px; border-width: 1px; width: 6px; height: 6px; border-style: solid; border-color: inherit; background: #fff; /* vertically center */ top: 50%; margin-top: -4px; }

/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer, .fc-rtl .fc-h-event.fc-selected .fc-end-resizer { margin-left: -4px; /* centers the 8x8 dot on the left edge */ }

/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer, .fc-rtl .fc-h-event.fc-selected .fc-start-resizer { margin-right: -4px; /* centers the 8x8 dot on the right edge */ }

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event { margin: 1px 2px 0; /* spacing between events and edges */ padding: 0 1px; }

tr:first-child > td > .fc-day-grid-event { margin-top: 2px; /* a little bit more space before the first event */ }

.fc-day-grid-event.fc-selected:after { content: ""; position: absolute; z-index: 1; /* same z-index as fc-bg, behind text */ /* overcome the borders */ top: -1px; right: -1px; bottom: -1px; left: -1px; /* darkening effect */ background: #000; opacity: .25; }

.fc-day-grid-event .fc-content { /* force events to be one-line tall */ white-space: nowrap; overflow: hidden; }

.fc-day-grid-event .fc-time { font-weight: bold; }

/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer { margin-left: -2px; /* to the day cell's edge */ }

/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer { margin-right: -2px; /* to the day cell's edge */ }

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more { margin: 1px 3px; font-size: .85em; cursor: pointer; text-decoration: none; }

a.fc-more:hover { text-decoration: underline; }

.fc-limited { /* rows and cells that are hidden because of a "more" link */ display: none; }

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row { z-index: 1; /* make the "more" popover one higher than this */ }

.fc-more-popover { z-index: 2; width: 220px; }

.fc-more-popover .fc-event-container { padding: 10px; }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator { position: absolute; border: 0 solid red; }

/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/*
TODO: more distinction between this file and common.css
*/
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td { border-color: #e6e6e6; }

.fc-unthemed .fc-popover { background-color: #fff; }

.fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td { background: #eee; }

.fc-unthemed .fc-popover .fc-header .fc-close { color: #666; }

.fc-unthemed td.fc-today { background: #f3fff8; }

.fc-unthemed .fc-disabled-day { background: #d7d7d7; opacity: .3; }

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon { display: inline-block; height: 1em; line-height: 1em; font-size: 1em; text-align: center; overflow: hidden; font-family: "Courier New", Courier, monospace; /* don't allow browser text-selection */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/*
Acceptable font-family overrides for individual icons:
  "Arial", sans-serif
  "Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after { position: relative; }

.fc-icon-left-single-arrow:after { content: "\2039"; font-weight: bold; font-size: 200%; top: -7%; }

.fc-icon-right-single-arrow:after { content: "\203A"; font-weight: bold; font-size: 200%; top: -7%; }

.fc-icon-left-double-arrow:after { content: "\AB"; font-size: 160%; top: -7%; }

.fc-icon-right-double-arrow:after { content: "\BB"; font-size: 160%; top: -7%; }

.fc-icon-left-triangle:after { content: "\25C4"; font-size: 125%; top: 3%; }

.fc-icon-right-triangle:after { content: "\25BA"; font-size: 125%; top: 3%; }

.fc-icon-down-triangle:after { content: "\25BC"; font-size: 125%; top: 2%; }

.fc-icon-x:after { content: "\D7"; font-size: 200%; top: 6%; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-popover { border-width: 1px; border-style: solid; }

.fc-unthemed .fc-popover .fc-header .fc-close { font-size: .9em; margin-top: 2px; }

/* List View
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-list-item:hover td { background-color: #f5f5f5; }

/* Colors
--------------------------------------------------------------------------------------------------*/
.ui-widget .fc-disabled-day { background-image: none; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover > .ui-widget-header + .ui-widget-content { border-top: 0; /* where they meet, let the header have the border */ }

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.ui-widget .fc-event { /* overpower jqui's styles on <a> tags. TODO: more DRY */ color: #fff; /* default TEXT color */ text-decoration: none; /* if <a> has an href */ /* undo ui-widget-header bold */ font-weight: normal; }

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.ui-widget td.fc-axis { font-weight: normal; /* overcome bold */ }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats .ui-widget-content { background: none; /* see through to fc-bg */ }

.fc.fc-bootstrap3 a { text-decoration: none; }

.fc.fc-bootstrap3 a[data-goto]:hover { text-decoration: underline; }

.fc-bootstrap3 hr.fc-divider { border-color: inherit; }

.fc-bootstrap3 .fc-today.alert { border-radius: 0; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap3 .fc-popover .panel-body { padding: 0; }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap3 .fc-time-grid .fc-slats table { /* some themes have background color. see through to slats */ background: none; }

.fc.fc-bootstrap4 a { text-decoration: none; }

.fc.fc-bootstrap4 a[data-goto]:hover { text-decoration: underline; }

.fc-bootstrap4 hr.fc-divider { border-color: inherit; }

.fc-bootstrap4 .fc-today.alert { border-radius: 0; }

.fc-bootstrap4 a.fc-event:not([href]):not([tabindex]) { color: #fff; }

.fc-bootstrap4 .fc-popover.card { position: absolute; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap4 .fc-popover .card-body { padding: 0; }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap4 .fc-time-grid .fc-slats table { /* some themes have background color. see through to slats */ background: none; }

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar { text-align: center; }

.fc-toolbar.fc-header-toolbar { margin-bottom: 1em; }

.fc-toolbar.fc-footer-toolbar { margin-top: 1em; }

.fc-toolbar .fc-left { float: left; }

.fc-toolbar .fc-right { float: right; }

.fc-toolbar .fc-center { display: inline-block; }

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */ float: left; margin-left: .75em; }

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */ margin-left: 0; }

/* title text */
.fc-toolbar h2 { margin: 0; }

/* button layering (for border precedence) */
.fc-toolbar button { position: relative; }

.fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover { z-index: 2; }

.fc-toolbar .fc-state-down { z-index: 3; }

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active { z-index: 4; }

.fc-toolbar button:focus { z-index: 5; }

/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *, .fc-view-container *:before, .fc-view-container *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.fc-view, .fc-view > table { /* so dragged elements can be above the view's main element */ position: relative; z-index: 1; }

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton, .fc-basicDay-view .fc-content-skeleton { /* there may be week numbers in these views, so no padding-top */ padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */ }

.fc-basic-view .fc-body .fc-row { min-height: 4em; /* ensure that all rows are at least this tall */ }

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid { overflow: hidden; }

.fc-row.fc-rigid .fc-content-skeleton { position: absolute; top: 0; left: 0; right: 0; }

/* week and day number styling */
.fc-day-top.fc-other-month { opacity: 0.3; }

.fc-basic-view .fc-week-number, .fc-basic-view .fc-day-number { padding: 2px; }

.fc-basic-view th.fc-week-number, .fc-basic-view th.fc-day-number { padding: 0 2px; /* column headers can't have as much v space */ }

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number { float: right; }

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number { float: left; }

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number { float: left; border-radius: 0 0 3px 0; }

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number { float: right; border-radius: 0 0 0 3px; }

.fc-basic-view .fc-day-top .fc-week-number { min-width: 1.5em; text-align: center; background-color: #f2f2f2; color: #808080; }

/* when week/day number have own column */
.fc-basic-view td.fc-week-number { text-align: center; }

.fc-basic-view td.fc-week-number > * { /* work around the way we do column resizing and ensure a minimum width */ display: inline-block; min-width: 1.25em; }

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid { position: relative; z-index: 2; /* so the "more.." popover will be over the time grid */ }

.fc-agenda-view .fc-day-grid .fc-row { min-height: 3em; /* all-day section will never get shorter than this */ }

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton { padding-bottom: 1em; /* give space underneath events for clicking/selecting days */ }

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis { /* .fc to overcome default cell styles */ vertical-align: middle; padding: 0 4px; white-space: nowrap; }

.fc-ltr .fc-axis { text-align: right; }

.fc-rtl .fc-axis { text-align: left; }

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container, .fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */ position: relative; z-index: 1; }

.fc-time-grid { min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */ }

.fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */ border: 0 hidden transparent; }

.fc-time-grid > .fc-bg { z-index: 1; }

.fc-time-grid .fc-slats, .fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */ position: relative; z-index: 2; }

.fc-time-grid .fc-content-col { position: relative; /* because now-indicator lives directly inside */ }

.fc-time-grid .fc-content-skeleton { position: absolute; z-index: 3; top: 0; left: 0; right: 0; }

/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container { position: relative; z-index: 1; }

.fc-time-grid .fc-bgevent-container { position: relative; z-index: 2; }

.fc-time-grid .fc-highlight-container { position: relative; z-index: 3; }

.fc-time-grid .fc-event-container { position: relative; z-index: 4; }

.fc-time-grid .fc-now-indicator-line { z-index: 5; }

.fc-time-grid .fc-helper-container { /* also is fc-event-container */ position: relative; z-index: 6; }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td { height: 1.5em; border-bottom: 0; /* each cell is responsible for its top border */ }

.fc-time-grid .fc-slats .fc-minor td { border-top-style: dotted; }

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */ position: relative; /* scopes the left/right of the fc-highlight to be in the column */ }

.fc-time-grid .fc-highlight { position: absolute; left: 0; right: 0; /* top and bottom will be in by JS */ }

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */ margin: 0 2.5% 0 2px; }

.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */ margin: 0 2px 0 2.5%; }

.fc-time-grid .fc-event, .fc-time-grid .fc-bgevent { position: absolute; z-index: 1; /* scope inner z-index's */ }

.fc-time-grid .fc-bgevent { /* background events always span full width */ left: 0; right: 0; }

/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start { /* events that are continuing from another day */ /* replace space made by the top border with padding */ border-top-width: 0; padding-top: 1px; /* remove top rounded corners */ border-top-left-radius: 0; border-top-right-radius: 0; }

.fc-v-event.fc-not-end { /* replace space made by the top border with padding */ border-bottom-width: 0; padding-bottom: 1px; /* remove bottom rounded corners */ border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event { overflow: hidden; /* don't let the bg flow over rounded corners */ }

.fc-time-grid-event.fc-selected { /* need to allow touch resizers to extend outside event's bounding box */ /* common fc-selected styles hide the fc-bg, so don't need this anyway */ overflow: visible; }

.fc-time-grid-event.fc-selected .fc-bg { display: none; /* hide semi-white background, to appear darker */ }

.fc-time-grid-event .fc-content { overflow: hidden; /* for when .fc-selected */ }

.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title { padding: 0 1px; }

.fc-time-grid-event .fc-time { font-size: .85em; white-space: nowrap; }

/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content { /* don't wrap to second line (now that contents will be inline) */ white-space: nowrap; }

.fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title { /* put the time and title on the same line */ display: inline-block; vertical-align: top; }

.fc-time-grid-event.fc-short .fc-time span { display: none; /* don't display the full time text... */ }

.fc-time-grid-event.fc-short .fc-time:before { content: attr(data-start); /* ...instead, display only the start time */ }

.fc-time-grid-event.fc-short .fc-time:after { content: "\A0-\A0"; /* seperate with a dash, wrapped in nbsp's */ }

.fc-time-grid-event.fc-short .fc-title { font-size: .85em; /* make the title text the same size as the time */ padding: 0; /* undo padding from above */ }

/* resizer (cursor device) */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer { left: 0; right: 0; bottom: 0; height: 8px; overflow: hidden; line-height: 8px; font-size: 11px; font-family: monospace; text-align: center; cursor: s-resize; }

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after { content: "="; }

/* resizer (touch device) */
.fc-time-grid-event.fc-selected .fc-resizer { /* 10x10 dot */ border-radius: 5px; border-width: 1px; width: 8px; height: 8px; border-style: solid; border-color: inherit; background: #fff; /* horizontally center */ left: 50%; margin-left: -5px; /* center on the bottom edge */ bottom: -5px; }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line { border-top-width: 1px; left: 0; right: 0; }

/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow { margin-top: -5px; /* vertically center on top coordinate */ }

.fc-ltr .fc-time-grid .fc-now-indicator-arrow { left: 0; /* triangle pointing right... */ border-width: 5px 0 5px 6px; border-top-color: transparent; border-bottom-color: transparent; }

.fc-rtl .fc-time-grid .fc-now-indicator-arrow { right: 0; /* triangle pointing left... */ border-width: 5px 6px 5px 0; border-top-color: transparent; border-bottom-color: transparent; }

/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot { display: inline-block; width: 10px; height: 10px; border-radius: 5px; }

/* view wrapper */
.fc-rtl .fc-list-view { direction: rtl; /* unlike core views, leverage browser RTL */ }

.fc-list-view { border-width: 1px; border-style: solid; }

/* table resets */
.fc .fc-list-table { table-layout: auto; /* for shrinkwrapping cell content */ }

.fc-list-table td { border-width: 1px 0 0; padding: 8px 14px; }

.fc-list-table tr:first-child td { border-top-width: 0; }

/* day headings with the list */
.fc-list-heading { border-bottom-width: 1px; }

.fc-list-heading td { font-weight: bold; }

.fc-ltr .fc-list-heading-main { float: left; }

.fc-ltr .fc-list-heading-alt { float: right; }

.fc-rtl .fc-list-heading-main { float: right; }

.fc-rtl .fc-list-heading-alt { float: left; }

/* event list items */
.fc-list-item.fc-has-url { cursor: pointer; /* whole row will be clickable */ }

.fc-list-item-marker, .fc-list-item-time { white-space: nowrap; width: 1px; }

/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker { padding-right: 0; }

.fc-rtl .fc-list-item-marker { padding-left: 0; }

.fc-list-item-title a { /* every event title cell has an <a> tag */ text-decoration: none; color: inherit; }

.fc-list-item-title a[href]:hover { /* hover effect only on titles with hrefs */ text-decoration: underline; }

/* message when no events */
.fc-list-empty-wrap2 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.fc-list-empty-wrap1 { width: 100%; height: 100%; display: table; }

.fc-list-empty { display: table-cell; vertical-align: middle; text-align: center; }

.fc-unthemed .fc-list-empty { /* theme will provide own background */ background-color: #eee; }

.weekday-txt { padding: 5px 5px; }

.weekday-txt span { font-size: 13px; font-weight: 700; }

.weekday-txt small { font-size: 12px; font-weight: 100; }

.fc-button { position: relative; }

.fc .fc-state-default { padding: 0 !important; margin: 0 15px; background: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; }

.fc .fc-state-default.fc-state-down, .fc .fc-state-default.fc-state-active { -webkit-box-shadow: none; box-shadow: none; text-shadow: none; }

.fc .fc-state-default.fc-state-down:after, .fc .fc-state-default.fc-state-active:after { content: ""; position: absolute; left: 0px; bottom: 0; width: 100%; height: 1px; background: #0079ff; }

.fc-unthemed td.fc-widget-content { border-left: 0; }

.fc-unthemed td.fc-widget-content, .fc-unthemed .fc-head-container.fc-widget-header { border-left: 0; }

.fc-unthemed .fc-row.fc-widget-header table > thead > tr > th:first-child { border-top: 1px hidden transparent; }

.fc .fc-axis { padding: 5px 8px 5px 0; text-align: left; font-size: 11px; color: #627085; }

.fc-time-grid .fc-event { padding: 10px 5px 5px 5px; }

.fc-event .fc-content { padding-left: 15px; border-radius: 4px; }

.fc-event .fc-content:after { content: ""; position: absolute; top: 5px; left: 5px; width: 5px; height: 5px; border-radius: 5px; background: #0079ff; }

.fc-event.event-red { -webkit-box-shadow: 0 1px 8px 0 rgba(255, 99, 132, 0.3); box-shadow: 0 1px 8px 0 rgba(255, 99, 132, 0.3); }

.fc-event.event-orange { -webkit-box-shadow: 0 1px 8px 0 rgba(255, 159, 64, 0.3); box-shadow: 0 1px 8px 0 rgba(255, 159, 64, 0.3); }

.fc-event.event-yellow { -webkit-box-shadow: 0 1px 8px 0 rgba(255, 205, 86, 0.3); box-shadow: 0 1px 8px 0 rgba(255, 205, 86, 0.3); }

.fc-event.event-green { -webkit-box-shadow: 0 1px 8px 0 rgba(75, 192, 192, 0.3); box-shadow: 0 1px 8px 0 rgba(75, 192, 192, 0.3); }

.fc-event.event-blue { -webkit-box-shadow: 0 1px 8px 0 rgba(54, 162, 235, 0.3); box-shadow: 0 1px 8px 0 rgba(54, 162, 235, 0.3); }

.fc-event.event-purple { -webkit-box-shadow: 0 1px 8px 0 rgba(153, 102, 255, 0.3); box-shadow: 0 1px 8px 0 rgba(153, 102, 255, 0.3); }

.fc-event.event-grey { -webkit-box-shadow: 0 1px 8px 0 rgba(201, 203, 207, 0.3); box-shadow: 0 1px 8px 0 rgba(201, 203, 207, 0.3); }

.fc-event.event-indigo { -webkit-box-shadow: 0 1px 8px 0 rgba(201, 203, 207, 0.3); box-shadow: 0 1px 8px 0 rgba(201, 203, 207, 0.3); }

.fc-event.event-black { -webkit-box-shadow: 0 1px 8px 0 rgba(201, 203, 207, 0.3); box-shadow: 0 1px 8px 0 rgba(201, 203, 207, 0.3); }

.fc-event.event-red .fc-content:after { background: #ff6384; }

.fc-event.event-orange .fc-content:after { background: #ff9f40; }

.fc-event.event-yellow .fc-content:after { background: #ffcd56; }

.fc-event.event-green .fc-content:after { background: #4bc0c0; }

.fc-event.event-blue .fc-content:after { background: #36a2eb; }

.fc-event.event-purple .fc-content:after { background: #9966ff; }

.fc-event.event-grey .fc-content:after { background: #c9cbcf; }

.fc-event.event-indigo .fc-content:after { background: #100162; }

.fc-event.event-black .fc-content:after { background: black; }

.event-red .fc-event-dot { background: #ff6384; }

.event-orange .fc-event-dot { background: #ff9f40; }

.event-yellow .fc-event-dot { background: #ffcd56; }

.event-green .fc-event-dot { background: #4bc0c0; }

.event-blue .fc-event-dot { background: #36a2eb; }

.event-purple .fc-event-dot { background: #9966ff; }

.event-grey .fc-event-dot { background: #c9cbcf; }

.event-indigo .fc-event-dot { background: #100162; }

.event-black .fc-event-dot { background: black; }

.fc-event-container[colspan] .fc-event { border: 0; }

.fc-event-container[colspan] .fc-event.event-red { background: rgba(255, 99, 132, 0.5); }

.fc-event-container[colspan] .fc-event.event-orange { background: rgba(255, 159, 64, 0.5); }

.fc-event-container[colspan] .fc-event.event-yellow { background: rgba(255, 205, 86, 0.5); }

.fc-event-container[colspan] .fc-event.event-green { background: rgba(75, 192, 192, 0.5); }

.fc-event-container[colspan] .fc-event.event-blue { background: rgba(54, 162, 235, 0.5); }

.fc-event-container[colspan] .fc-event.event-purple { background: rgba(153, 102, 255, 0.5); }

.fc-event-container[colspan] .fc-event.event-grey { background: rgba(201, 203, 207, 0.5); }

.fc-event-container[colspan] .fc-event.event-indigo { background: rgba(54, 162, 235, 0.5); }

.fc-event-container[colspan] .fc-event.event-black { background: rgba(201, 203, 207, 0.5); }

.fc-event-container[colspan] .fc-event .fc-content:after { border: 0; background: white !important; }

.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end { padding: 5px; }

.fc-day-grid-event { padding: 5px; }

.fc-time-grid-event .fc-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.fc-time-grid-event .fc-content .fc-time { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font-size: 9px; color: #627085; font-weight: 400; }

.fc-time-grid-event .fc-content .fc-title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-size: 12px; color: #333C4E; font-weight: 400; }

.fc-day-grid-event .fc-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.fc-day-grid-event .fc-content .fc-time { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-left: 5px; font-size: 9px; color: #627085; font-weight: 400; }

.fc-day-grid-event .fc-content .fc-title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-size: 12px; color: #333C4E; font-weight: 400; }

.fc-toolbar.fc-header-toolbar { position: relative; }

.fc-toolbar.fc-header-toolbar .fc-center { display: block; width: 100%; text-align: center; }

.fc-toolbar.fc-header-toolbar .fc-center > * { display: inline-block; margin: 0 15px; vertical-align: middle; line-height: 25px; float: none; }

.fc-toolbar.fc-header-toolbar .fc-left { position: absolute; top: 5px; left: 0; }

.fc-toolbar.fc-header-toolbar .fc-right { position: absolute; top: 5px; right: 0; }

.fc-toolbar.fc-header-toolbar h2 span { margin-right: 10px; font-size: 25px; font-weight: 100; color: #627085; }

.fc-toolbar.fc-header-toolbar h2 small { font-size: 25px; font-weight: 100; color: #333C4E; }

@media (max-width: 1000px) { .layout-main { background: white; }
  .content-area > section.board-list { padding-top: 10px; padding-bottom: 0px; }
  .row.layout-h-padding { padding: 0; border: 0; }
  .row.layout-h-padding .col-lg-5 { padding: 0; margin-bottom: 10px; border-radius: 0; }
  .portlet { border: 0; border-radius: 0; }
  .calendar.padding-t-10 { padding-top: 0 !important; }
  .calendar .row.layout-h-padding .col-xs-12 { padding: 0; }
  .calendar .row.layout-h-padding .col-xs-12 .portlet { border: 0; background: white; border-radius: 0; }
  .calendar .row.layout-h-padding .col-xs-12 .content { padding: 0 20px; }
  .calendar .row.layout-h-padding .col-xs-12 .fc-view-container { width: 100%; overflow-x: auto; }
  .calendar .row.layout-h-padding .col-xs-12 .fc-view-container .fc-view { width: 640px; }
  .calendar .row.layout-h-padding .col-xs-12 .fc-toolbar.fc-header-toolbar { position: relative; }
  .calendar .row.layout-h-padding .col-xs-12 .fc-toolbar.fc-header-toolbar .fc-center { display: block; width: 100%; text-align: center; }
  .calendar .row.layout-h-padding .col-xs-12 .fc-toolbar.fc-header-toolbar .fc-center > * { display: inline-block; margin: 0 5px; vertical-align: middle; line-height: 25px; float: none; }
  .calendar .row.layout-h-padding .col-xs-12 .fc-toolbar.fc-header-toolbar .fc-left { display: none; }
  .calendar .row.layout-h-padding .col-xs-12 .fc-toolbar.fc-header-toolbar .fc-right { position: relative; top: 0; right: 0; margin-top: 0; margin-bottom: 20px; display: block; width: 100%; text-align: left; }
  .calendar .row.layout-h-padding .col-xs-12 .fc-toolbar.fc-header-toolbar .fc-right .fc-button-group { float: none; }
  .calendar .row.layout-h-padding .col-xs-12 .fc-toolbar.fc-header-toolbar h2 span { margin-right: 5px; font-size: 18px; font-weight: 100; color: #627085; }
  .calendar .row.layout-h-padding .col-xs-12 .fc-toolbar.fc-header-toolbar h2 small { font-size: 18px; font-weight: 100; color: #333C4E; }
  .calendar .row.layout-h-padding .col-xs-12 .fc-day-grid-event .fc-content { white-space: normal; }
  .calendar .row.layout-h-padding .col-xs-12 .fc-time-grid-event .fc-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .calendar .row.layout-h-padding .col-xs-12 .fc-time-grid-event .fc-content .fc-time { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font-size: 9px; color: #627085; font-weight: 400; }
  .calendar .row.layout-h-padding .col-xs-12 .fc-time-grid-event .fc-content .fc-title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-size: 12px; color: #333C4E; font-weight: 400; }
  .calendar .row.layout-h-padding .col-xs-12 .fc-day-grid-event .fc-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .calendar .row.layout-h-padding .col-xs-12 .fc-day-grid-event .fc-content .fc-time { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-left: 5px; font-size: 9px; color: #627085; font-weight: 400; }
  .calendar .row.layout-h-padding .col-xs-12 .fc-day-grid-event .fc-content .fc-title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-size: 12px; color: #333C4E; font-weight: 400; } }

/*! FullCalendar Scheduler v1.9.4 Docs & License: https://fullcalendar.io/scheduler/ (c) 2018 Adam Shaw */
/* TODO: break this file up */
/* Scroller
--------------------------------------------------------------------------------------------------*/
.fc-scroller-clip { overflow: hidden; /* for clipping scrollbars */ position: relative; /* so things like scrollfollowers can attach to this */ }

/* supresses rendering of native scrollbars */
/* on .fc-scroller */
.fc-no-scrollbars { background: rgba(255, 255, 255, 0); /* hack for dynamic DOM nodes (in Chrome OSX at least) */ }

.fc-no-scrollbars::-webkit-scrollbar { width: 0; height: 0; }

.fc-scroller-canvas { position: relative; /* origin for bg */ -webkit-box-sizing: border-box; box-sizing: border-box; /* so that padding (for gutter) will be part of height */ min-height: 100%; }

.fc-scroller-canvas > .fc-bg { z-index: 1; /* make default? */ }

.fc-scroller-canvas > .fc-content { z-index: 2; /* make default? */ position: relative; /* origin for inner content */ border-style: solid; border-width: 0; }

/* for themed, hard to get the border-color, so just forget it (REVISIT) */
.ui-widget .fc-scroller-canvas > .fc-content { border-color: transparent; }

.fc-scroller-canvas.fc-gutter-left > .fc-content { border-left-width: 1px; margin-left: -1px; }

.fc-scroller-canvas.fc-gutter-right > .fc-content { border-right-width: 1px; margin-right: -1px; }

.fc-scroller-canvas.fc-gutter-top > .fc-content { border-top-width: 1px; margin-top: -1px; }

/* content is responsible for bottom border */
/* View Structure
--------------------------------------------------------------------------------------------------*/
.fc-rtl .fc-timeline { direction: rtl; }

.fc-timeline .fc-divider { width: 3px; border-style: double; /* overcome neighboring borders */ }

.fc-timeline .fc-head > tr > .fc-divider { border-bottom: 0; }

.fc-timeline .fc-body > tr > .fc-divider { border-top: 0; }

.fc-timeline .fc-body .fc-divider.ui-widget-header { background-image: none; }

.fc-scrolled .fc-head .fc-scroller { z-index: 2; /* so drop shadow will go above body panes */ }

.fc-timeline.fc-scrolled .fc-head .fc-scroller { -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.075); box-shadow: 0 3px 4px rgba(0, 0, 0, 0.075); }

.fc-timeline .fc-body .fc-scroller { z-index: 1; }

/*
on most tables that expand to the edges, kill the outer border,
because the container elements take care of it.
example tables:
.fc-scroller-canvas .fc-content table
.fc-scroller-canvas .fc-bg .fc-slats table
*/
.fc-timeline .fc-scroller-canvas > div > table, .fc-timeline .fc-scroller-canvas > div > div > table { border-style: hidden; }

/*
for resource rows (in both the spreadsheet and timeline areas),
undo previous rule in order to always show last border.
*/
.fc-timeline .fc-scroller-canvas > .fc-content > .fc-rows > table { border-bottom-style: none; }

/* Table Cell Common
--------------------------------------------------------------------------------------------------*/
.fc-timeline th, .fc-timeline td { white-space: nowrap; }

.fc-timeline .fc-cell-content { overflow: hidden; }

.fc-timeline .fc-cell-text { padding-left: 4px; padding-right: 4px; }

.fc-timeline .fc-col-resizer { cursor: col-resize; }

/* Cells at the start of a week TODO: figure out better styling .fc-ltr .fc-timeline .fc-em-cell div { border-left: 3px solid #eee; height: 100%; } .fc-rtl .fc-timeline .fc-em-cell { border-right-width: 3px; } */
/* head */
.fc-timeline th { vertical-align: middle; }

.fc-timeline .fc-head .fc-cell-content { padding-top: 3px; padding-bottom: 3px; }

/* body */
.fc-timeline .fc-body .ui-widget-content { background-image: none; }

/* Resource Area
--------------------------------------------------------------------------------------------------*/
.fc-resource-area { width: 30%; }

.fc-resource-area col { width: 40%; min-width: 70px; /* will be read by JS */ }

.fc-resource-area col.fc-main-col { width: 60%; /* make the first column in a nested setup bigger */ }

.fc-flat .fc-expander-space { /* fc-flat is opposite of fc-nested */ display: none; }

.fc-ltr .fc-resource-area tr > * { text-align: left; }

.fc-rtl .fc-resource-area tr > * { text-align: right; }

.fc-resource-area .fc-cell-content { padding-left: 4px; padding-right: 4px; }

/* head */
.fc-resource-area .fc-super th { text-align: center; }

.fc-resource-area th > div { position: relative; }

.fc-resource-area th .fc-cell-content { position: relative; z-index: 1; }

.fc-resource-area th .fc-col-resizer { position: absolute; z-index: 2; top: 0; bottom: 0; width: 5px; }

.fc-ltr .fc-resource-area th .fc-col-resizer { right: -3px; }

.fc-rtl .fc-resource-area th .fc-col-resizer { left: -3px; }

/* body */
tr.fc-collapsed > td, tr.fc-transitioning > td { /* during the transition */ overflow: hidden; /* prevents absolutely-positioned events from bleeding out */ }

tr.fc-transitioning > td > div { -webkit-transition: margin-top 0.2s; -o-transition: margin-top 0.2s; transition: margin-top 0.2s; }

tr.fc-collapsed > td > div { margin-top: -10px; }

.fc-body .fc-resource-area .fc-cell-content { /* might BE the cell */ position: relative; /* optimization for ScrollFollower */ padding-top: 8px; padding-bottom: 8px; }

.fc-no-overlap .fc-body .fc-resource-area .fc-cell-content { /* might BE the cell */ padding-top: 5px; padding-bottom: 5px; }

.fc-resource-area .fc-icon { /* the expander and spacers before the expander */ width: 1em; /* ensure constant width, esp for empty icons */ font-size: .9em; vertical-align: middle; margin-top: -1%; }

.fc-resource-area .fc-expander { cursor: pointer; color: #666; /* for the icon within */ }

/* Time Area
--------------------------------------------------------------------------------------------------*/
.fc-time-area col { min-width: 2.2em; /* detected by JS */ }

/* head */
.fc-ltr .fc-time-area .fc-chrono th { text-align: left; }

.fc-rtl .fc-time-area .fc-chrono th { text-align: right; }

/* body slats (vertical lines) */
.fc-time-area .fc-slats { /* fc-bg is responsible for a lot of this now! */ position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; }

.fc-time-area .fc-slats table { height: 100%; }

.fc-time-area .fc-slats .fc-minor { border-style: dotted; }

.fc-time-area .fc-slats td { border-width: 0 1px; /* need to do this. sometimes -1 margin wouldn't hide the dotted */ }

.fc-ltr .fc-time-area .fc-slats td { border-right-width: 0; }

.fc-rtl .fc-time-area .fc-slats td { border-left-width: 0; }

/* body content containers can be within rows or directly within the pane's content */
.fc-time-area .fc-bgevent-container, .fc-time-area .fc-highlight-container { position: absolute; z-index: 2; /* only for directly within pane. not for row. overridden later */ top: 0; bottom: 0; width: 0; }

.fc-ltr .fc-time-area .fc-helper-container, .fc-ltr .fc-time-area .fc-bgevent-container, .fc-ltr .fc-time-area .fc-highlight-container { left: 0; }

.fc-rtl .fc-time-area .fc-helper-container, .fc-rtl .fc-time-area .fc-bgevent-container, .fc-rtl .fc-time-area .fc-highlight-container { right: 0; }

.fc-time-area .fc-bgevent, .fc-time-area .fc-highlight { position: absolute; top: 0; bottom: 0; }

/* body resource rows */
.fc-time-area .fc-rows { position: relative; z-index: 3; }

.fc-time-area .fc-rows .ui-widget-content { background: none; }

.fc-time-area .fc-rows td > div { position: relative; }

.fc-time-area .fc-rows .fc-bgevent-container, .fc-time-area .fc-rows .fc-highlight-container { z-index: 1; }

.fc-time-area .fc-event-container { position: relative; z-index: 2; /* above bgevent and highlight */ width: 0; /* for event positioning. will end up on correct side based on dir */ }

.fc-time-area .fc-helper-container { /* also an fc-event-container */ position: absolute; z-index: 3; top: 0; }

.fc-time-area .fc-event-container { padding-bottom: 8px; top: -1px; }

.fc-time-area tr:first-child .fc-event-container { top: 0; }

.fc-no-overlap .fc-time-area .fc-event-container { padding-bottom: 0; top: 0; }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-timeline .fc-now-indicator { /* both the arrow and the line */ z-index: 3; /* one above scroller's fc-content */ top: 0; }

.fc-time-area .fc-now-indicator-arrow { margin: 0 -6px; /* 5, then one more to counteract scroller's negative margins */ /* triangle pointing down... */ border-width: 6px 5px 0 5px; border-left-color: transparent; border-right-color: transparent; }

.fc-time-area .fc-now-indicator-line { margin: 0 -1px; /* counteract scroller's negative margins */ bottom: 0; border-left-width: 1px; }

/* Time Grid Events
--------------------------------------------------------------------------------------------------*/
.fc-timeline-event { position: absolute; border-radius: 0; padding: 2px 0; margin-bottom: 1px; }

.fc-no-overlap .fc-timeline-event { padding: 5px 0; margin-bottom: 0; }

/* don't overlap grid lines at the event's end */
.fc-ltr .fc-timeline-event { margin-right: 1px; }

.fc-rtl .fc-timeline-event { margin-left: 1px; }

.fc-timeline-event .fc-content { padding: 0 1px; white-space: nowrap; overflow: hidden; }

.fc-timeline-event .fc-time { font-weight: bold; padding: 0 1px; }

.fc-rtl .fc-timeline-event .fc-time { display: inline-block; /* will force it on the other side */ }

.fc-timeline-event .fc-title { position: relative; /* optimization for ScrollFollower */ padding: 0 1px; }

.fc-timeline-event.fc-selected .fc-bg { display: none; /* hide semi-white background, to appear darker */ }

/* follower logic */
.fc-ltr .fc-timeline-event .fc-title { padding-left: 10px; margin-left: -8px; }

.fc-rtl .fc-timeline-event .fc-title { padding-right: 10px; margin-right: -8px; }

.fc-ltr .fc-timeline-event.fc-not-start .fc-title { margin-left: -2px; }

.fc-rtl .fc-timeline-event.fc-not-start .fc-title { margin-right: -2px; }

.fc-timeline-event.fc-not-start .fc-title, .fc-body .fc-time-area .fc-following { position: relative; }

.fc-timeline-event.fc-not-start .fc-title:before, .fc-body .fc-time-area .fc-following:before { /* generic arrow */ content: ""; position: absolute; top: 50%; margin-top: -5px; border: 5px solid #000; border-top-color: transparent; border-bottom-color: transparent; opacity: .5; }

.fc-ltr .fc-timeline-event.fc-not-start .fc-title:before, .fc-ltr .fc-body .fc-time-area .fc-following:before { /* LTR. left pointing arrow */ border-left: 0; left: 2px; }

.fc-rtl .fc-timeline-event.fc-not-start .fc-title:before, .fc-rtl .fc-body .fc-time-area .fc-following:before { /* RTL. right pointing arrow */ border-right: 0; right: 2px; }

/* License Message
--------------------------------------------------------------------------------------------------*/
.fc-license-message { position: absolute; z-index: 99999; bottom: 1px; left: 1px; background: #eee; border-color: #ddd; border-style: solid; border-width: 1px 1px 0 0; padding: 2px 4px; font-size: 12px; border-top-right-radius: 3px; }

.container-980 { width: 980px; }

.container-1280 { width: 1280px; }

.relative { position: relative !important; }

.input-text { font-size: 14px; line-height: 30px; vertical-align: middle; }

.half-center { display: inline-block; margin: 0 auto; }

.form-inline .text-align-middle span { display: inline-block; line-height: 30px; }

.textarea-max-helper { display: inline-block; float: right; margin-top: -20px; color: #1a34ca; }

.float-none { float: none !important; }

.border-1px { border: 1px #bfac96 solid; }

.alert-danger { color: white; }

.bg-white { background-color: white !important; }

.bg-greylight { background-color: #eee !important; }

.text-normal { font-weight: 400; }

.border-t-none { border-top: 0 !important; }

.table.border-t-none { border-top: 0 !important; }

.table.border-t-none tr td, .table.border-t-none tr th { border-top: 0 !important; }

.input-group input[disabled] + .input-group-btn .btn, .input-group input[disabled] + .input-group-addon, .input-group input:disabled + .input-group-btn, .input-group input:disabled + .input-group-addon { background: #f3f5f7; }

.form-control:disabled { background-color: #f3f5f7 !important; }

/* .form-control.border-grey:readonly { border-color: #e8edf3 !important; background-color: rgba(244, 246, 249, 0.99) !important; } */

.form-control.border-grey[readonly] { border-color: #e8edf3 !important; background-color: rgba(244, 246, 249, 0.99) !important; }

.input-currency .input-clone { position: absolute; z-index: -1; opacity: 0; padding: 0; }

.input-currency .input-clone:focus + .input-real { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.formatter, .form-control.input-transparent, .input-transparent { margin: 0; padding: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; background: transparent !important; }

.formatter.money, .form-control.input-transparent.money, .input-transparent.money { text-align: right; }

.formatter.money:disabled, .formatter.money[disabled], .form-control.input-transparent.money:disabled, .form-control.input-transparent.money[disabled], .input-transparent.money:disabled, .input-transparent.money[disabled] { background: transparent !important; }

.material-form { z-index: 1; position: relative; }

.material-form label { z-index: -1; position: absolute; top: 5px; left: 3px; z-index: 5; font-weight: normal; color: #a3a3a3; -webkit-transition: all 400ms ease-out 0s; -moz-transition: all 400ms ease-out 0s; -o-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; }

.material-form .col-lg-1 .form-inline select, .material-form .col-lg-2 .form-inline select, .material-form .col-lg-3 .form-inline select, .material-form .col-lg-4 .form-inline select, .material-form .col-lg-5 .form-inline select, .material-form .col-lg-6 .form-inline select, .material-form .col-lg-7 .form-inline select, .material-form .col-lg-8 .form-inline select, .material-form .col-lg-9 .form-inline select, .material-form .col-lg-10 .form-inline select, .material-form .col-lg-11 .form-inline select, .material-form .col-lg-12 .form-inline select, .material-form .col-md-1 .form-inline select, .material-form .col-md-2 .form-inline select, .material-form .col-md-3 .form-inline select, .material-form .col-md-4 .form-inline select, .material-form .col-md-5 .form-inline select, .material-form .col-md-6 .form-inline select, .material-form .col-md-7 .form-inline select, .material-form .col-md-8 .form-inline select, .material-form .col-md-9 .form-inline select, .material-form .col-md-10 .form-inline select, .material-form .col-md-11 .form-inline select, .material-form .col-md-12 .form-inline select, .material-form .col-sm-1 .form-inline select, .material-form .col-sm-2 .form-inline select, .material-form .col-sm-3 .form-inline select, .material-form .col-sm-4 .form-inline select, .material-form .col-sm-5 .form-inline select, .material-form .col-sm-6 .form-inline select, .material-form .col-sm-7 .form-inline select, .material-form .col-sm-8 .form-inline select, .material-form .col-sm-9 .form-inline select, .material-form .col-sm-10 .form-inline select, .material-form .col-sm-11 .form-inline select, .material-form .col-sm-12 .form-inline select, .material-form .col-xs-1 .form-inline select, .material-form .col-xs-2 .form-inline select, .material-form .col-xs-3 .form-inline select, .material-form .col-xs-4 .form-inline select, .material-form .col-xs-5 .form-inline select, .material-form .col-xs-6 .form-inline select, .material-form .col-xs-7 .form-inline select, .material-form .col-xs-8 .form-inline select, .material-form .col-xs-9 .form-inline select, .material-form .col-xs-10 .form-inline select, .material-form .col-xs-11 .form-inline select, .material-form .col-xs-12 .form-inline select { width: 100%; }

.material-form select { padding-left: 0 !important; border-width: 0px !important; border-bottom-width: 1px !important; -webkit-transition: all 400ms ease-out 0s; -moz-transition: all 400ms ease-out 0s; -o-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; }

.material-form select:hover, .material-form select:focus, .material-form select.active { margin-top: 10px; border-bottom: 1px #008cff solid !important; }

.material-form select:hover + label, .material-form select:focus + label, .material-form select.active + label { position: absolute; top: -5px; left: 0; z-index: 5; font-size: 12px; font-weight: normal; color: #008cff; -webkit-transition: all 400ms ease-out 0s; -moz-transition: all 400ms ease-out 0s; -o-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; }

.form-control.required { background: #fffdc1; }

.main-search .form-control { border: 2px #1a34ca solid; box-shadow: none; }

.table.input-table > tbody > tr > td, .table.input-table > tbody > tr > th, .table.input-table > tfoot > tr > td, .table.input-table > tfoot > tr > th, .table.input-table > thead > tr > td, .table.input-table > thead > tr > th { vertical-align: middle; }

.form-inline .input-with-padding-icon { display: inline-block; }

.form-inline .input-with-padding-icon .form-control.input-sm + .fa { top: 5px; }

.form-inline .checkbox, .form-inline .radio { margin-right: 15px; }

.input-with-padding-icon { position: relative; border: 3px; background: white; display: inline-block; z-index: 1; }

.input-with-padding-icon .form-control { padding-right: 20px; background: transparent; width: 100%; }

.input-with-padding-icon .fa { z-index: -1; position: absolute; top: 7px; right: 7px; font-size: 16px; color: #a8b6bd; }

.input-with-padding-icon clr-icon { z-index: -1; position: absolute; top: 8px; right: 7px; width: 18px !important; height: 18px !important; color: #a8b6bd !important; fill: #a8b6bd !important; }

.input-with-padding-icon .form-control.input-sm + .fa { top: 5px; }

.input-with-padding-icon a { position: absolute; top: 0; right: 0; font-size: 16px; width: 30px; height: 30px; padding-top: 4px; padding-right: 4px; text-align: center; z-index: 11; cursor: pointer; }

.input-with-padding-icon a .fa { z-index: 11; position: relative; top: auto; right: auto; font-size: 16px; color: #a8b6bd; }

.input-with-padding-icon a:focus, .input-with-padding-icon a:active { color: #1a34ca; }

.input-with-padding-icon a:focus .fa, .input-with-padding-icon a:active .fa { color: #1a34ca; }

.input-with-padding-icon .form-control.input-sm + a { padding-top: 0; padding-right: 0; }

.input-with-padding-icon .form-control.input-sm + a .fa { top: 4px; }

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

.table .checkbox label:after { left: 3px; }

.table div.checkbox, .table div.radio { margin-top: 0; margin-bottom: 0; }

.input-material .read-mode input.form-control[readonly] { border: 0 !important; border-bottom: 1px #f1f1f1 solid !important; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 0px; color: #0d1011; }

.read-mode .input-group-file { width: 100%; }

.read-mode .input-group-file input[type="file"] { display: none; }

.read-mode .input-group-file:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 777; }

.read-mode .input-group-file .input-group-btn, .read-mode .input-group-file i.fa-remove { display: none; }

.read-mode input.form-control[readonly] { border: 1px #efefef solid !important; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 0px; color: #0d1011; }

.read-mode input.form-control.form-control-round[readonly] { border: 1px #efefef solid !important; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 0px; background: rgba(255, 255, 255, 0.3); color: #0d1011; }

.read-mode .input-material input.form-control[readonly] { border: 0 !important; border-bottom: 1px #fefefe solid !important; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 0px; color: #0d1011; }

.read-mode > .input-with-padding-icon { position: relative; }

.read-mode > .input-with-padding-icon:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; background: transparent; opacity: 0.7; }

.read-mode > .input-with-padding-icon i { display: none; }

.read-mode > input.form-control[readonly] { border: 0px !important; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 0px; color: #0d1011; font-size: 13px; }

.read-mode > textarea.form-control[readonly] { border: 0; padding: 8px; color: #0d1011; font-size: 14px; cursor: default; -webkit-box-shadow: none; box-shadow: none; }

.read-mode > .input-with-padding-icon { background: transparent; }

.read-mode > .input-with-padding-icon .fa { display: none; }

.read-mode > .input-with-padding-icon.input-date .form-control { padding-right: 8px; background: transparent; }

.read-mode > .input-with-padding-icon.input-date .form-control.input-sm { width: 72px; padding-right: 8px; }

.read-mode > .input-with-padding-icon:after { content: ""; z-index: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.read-mode > .checkbox input:not(:checked) + label, .read-mode > .radio input:not(:checked) + label { display: none; }

.read-mode > select.form-control.read-transparent[disabled] { border: 0px !important; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 0px; color: #161a1d; font-size: 13px; background: white !important; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px;  }

.read-mode > select.form-control.read-transparent[disabled]::-ms-expand { display: none; }

.read-mode > [data-ax5picker="basic"] input.form-control[readonly] + span { position: relative; border: 0; display: none; }

.read-mode > [data-ax5picker="basic"] input.form-control[readonly] + span i.fa { display: none; }

.read-mode > [data-ax5picker="basic"] input.form-control[readonly] + span:after { content: ""; z-index: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.read-mode:not(.etc) > .input-with-padding-icon { position: relative; }

.read-mode:not(.etc) > .input-with-padding-icon:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; background: transparent; opacity: 0.7; }

.read-mode:not(.etc) > .input-with-padding-icon i { display: none; }

.read-mode:not(.etc) > input.form-control[readonly] { border: 0px !important; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 0px; color: #0d1011; font-size: 13px; }

.read-mode:not(.etc) > textarea.form-control[readonly] { border: 0; padding: 8px; color: #0d1011; font-size: 14px; cursor: default; -webkit-box-shadow: none; box-shadow: none; }

.read-mode:not(.etc) > .input-with-padding-icon { background: transparent; }

.read-mode:not(.etc) > .input-with-padding-icon .fa { display: none; }

.read-mode:not(.etc) > .input-with-padding-icon.input-date .form-control { padding-right: 8px; background: transparent; }

.read-mode:not(.etc) > .input-with-padding-icon.input-date .form-control.input-sm { width: 72px; padding-right: 8px; }

.read-mode:not(.etc) > .input-with-padding-icon:after { content: ""; z-index: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.read-mode:not(.etc) > .checkbox input:not(:checked) + label, .read-mode:not(.etc) > .radio input:not(:checked) + label { display: none; }

.read-mode:not(.etc) > select.form-control.read-transparent[disabled] { border: 0px !important; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 0px; color: #161a1d; font-size: 13px; background: white !important; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px;  }

.read-mode:not(.etc) > select.form-control.read-transparent[disabled]::-ms-expand { display: none; }

.read-mode:not(.etc) > [data-ax5picker="basic"] input.form-control[readonly] + span { position: relative; border: 0; display: none; }

.read-mode:not(.etc) > [data-ax5picker="basic"] input.form-control[readonly] + span i.fa { display: none; }

.read-mode:not(.etc) > [data-ax5picker="basic"] input.form-control[readonly] + span:after { content: ""; z-index: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.read-mode.input-material input:disabled, .read-mode.input-material select:disabled, .read-mode .input-material input:disabled, .read-mode .input-material select:disabled { padding-left: 5px; padding-right: 5px; background-image: none; }

.input-group-file { position: relative; overflow: hidden; }

.input-group-file input[type="file"] { z-index: 10; cursor: pointer; position: absolute; width: 100%; top: 0; left: 0; right: 0; bottom: 0; background: transparent; border: 0; padding-right: 30px; opacity: 0; }

.input-group-file i.fa-remove { z-index: 100; cursor: pointer; display: inline-block; position: absolute; top: 5px; right: 40px; font-size: 14px; font-weight: normal; }

.input-group-file i.fa-remove:hover { color: #1a34ca; }

.form-control-multiple.form-group .form-control { display: inline-block; vertical-align: top; }

.form-control-multiple.form-group input.form-control { width: 150px; }

.form-control-multiple.form-group .btn { display: inline-block; vertical-align: top; }

.form-control-multiple.form-group > span[id] { display: inline-block; height: 26px; padding: 5px 10px 5px; border: 1px #eaf1f6 solid; font-size: 12px; line-height: 1.5; /* vertical-align: middle; */ }

.input-table-wrapper, .input-table-wrapper2, .input-table-wrapper3 { position: relative; padding: 10px; -webkit-box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); -moz-box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); -webkit-transform: translateZ(0); transform: translateZ(0); }

.input-table-wrapper .input-table-wrapper, .input-table-wrapper .input-table-wrapper2, .input-table-wrapper2 .input-table-wrapper, .input-table-wrapper2 .input-table-wrapper2, .input-table-wrapper3 .input-table-wrapper, .input-table-wrapper3 .input-table-wrapper2 { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transform: translateZ(0); transform: translateZ(0); border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.activity-footer { padding: 10px; text-align: center; border: 1px #dee4ed solid; background: #eff3f9; }

.input-td { padding: 0 1px !important; vertical-align: middle; }

.table > tbody > tr.v-align-middle > td, .table > tbody > tr.v-align-middle > th, .table.v-align-middle > tbody > tr > td, .table.v-align-middle > tbody > tr > th { vertical-align: middle; }

.table-heading { background: #596b7c !important; border: 1px #404a57 solid  !important; border-bottom: 2px #404a57 solid  !important; color: white  !important; }

.input-table3 { border-collapse: collapse; }

.body-th-text-cener th { text-align: center !important; }

.ax5modal .input-table-wrapper, .ax5modal .input-table-wrapper2, .ax5modal .input-table-wrapper3 { position: relative; padding: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transform: translateZ(0); transform: translateZ(0); }

.search-table.input-table { position: relative; }

.search-table.input-table > tbody > tr > th:not(:first-child) { padding-left: 30px; }

.search-table.input-table .btn-search { position: absolute; bottom: 10px; right: -80px; }

.search-table.input-table .input-group-date { max-width: 300px; }

.search-table.input-table .search-detail { border: 1px #ddd solid; }

table .validation-helper { display: none; }

table td.validation-error .validation-helper { display: block; color: #d4003f; }

table td.validation-notification .validation-helper { display: block; }

.border-grey { border: 1px #ddd solid !important; }

.bg-input { background: transparent; }

.bg-input input { background: #e6feff; }

.form-control.bg-input, .form-control.bg-required { background: #e6feff; }

td .form-control.border-grey { vertical-align: bottom; }

.modal-el-3 > div { -webkit-overflow-scrolling: touch; }

label.disabled, label[disabled] { pointer-events: none; }

td { position: relative; }

td .btn-search { position: absolute; right: 0; bottom: 0; }

td .btn-search.btn { border-radius: 0; }

table.font-14px td, table.font-14px table th { font-size: 14px; }

table.font-14px td .form-control, table.font-14px table th .form-control { font-size: 14px; }

table.font-16px td, table.font-16px table th { font-size: 16px; }

table.font-16px td .form-control, table.font-16px table th .form-control { font-size: 16px; }

table.font-18px td, table.font-18px table th { font-size: 18px; }

table.font-18px td .form-control, table.font-18px table th .form-control { font-size: 18px; }

th.required:before { content: "*"; color: red; }

td.required .form-control { background: #fffdc1; }

.clusterize { margin-bottom: 15px; }

.clusterize .table { margin-bottom: 0 !important; }

.pagiation-component { text-align: center; }

button.btn:focus { outline: 0 !important; }

[data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="body"] { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-overflow-scrolling: touch; }

.ax-mask.danger .ax-mask-bg { /* prepare mask theme */ background: #7a0000; }

.ax5-ui-dialog { z-index: 90090; }

.ax-mask.white-loading .ax-mask-bg { z-index: 1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #fff; opacity: 0.6; color: #627085; }

.ax-mask.white-loading .ax-mask-body { color: #627085; text-shadow: none; }

.ax-mask.white-loading .ax-mask-body h1 { font-size: 24px; }

.ax-mask.white-loading .ax-mask-body .spinner { color: #1a34ca; }

.ax-mask.white-loading .ax-mask-body .spinner div > div { background: #0079ff !important; }

.ax5-ui-calendar .calendar-control { border: 0; background: transparent; }

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.live, .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.live { background-color: #ffffff; background-image: -webkit-linear-gradient(bottom, #ffffff, #ffffff); background-image: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(#ffffff)); background-image: -o-linear-gradient(bottom, #ffffff, #ffffff); background-image: linear-gradient(to top, #ffffff, #ffffff); color: #4d5d65; }

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.live:hover, .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.live:hover { background-color: #32B4DC; }

.popover.popover-full { max-width: 100%; }

.popover.popover-lg { max-width: 800px; }

.popover.popover-md { max-width: 600px; }

.popover.popover-sm { max-width: 600px; }

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.selected-day, .ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.selected-day { border-radius: 50%; background-color: #32B4DC; background-image: -webkit-linear-gradient(bottom, #32B4DC, #32B4DC); background-image: -webkit-gradient(linear, left bottom, left top, from(#32B4DC), to(#32B4DC)); background-image: -o-linear-gradient(bottom, #32B4DC, #32B4DC); background-image: linear-gradient(to top, #32B4DC, #32B4DC); color: #fff !important; }

.ax5modal { border: 0; background: transparent; }

.ax5modal .fa-times-circle { font-size: 20px; text-shadow: -1px -1px 4px rgba(23, 45, 101, 0.45); }

.ax5modal .fa-times-circle:before { content: "\f00d"; }

.ax5modal .ax-modal-body .modal-body { position: absolute; top: 0; left: 0; right: 0; bottom: 62px; overflow: auto; }

.ax5modal .ax-modal-body .content-wrap { padding: 15px; text-align: left; }

.ax5modal .modal-footer { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; }

.ax5modal [data-modal-els="body-frame"] { padding-bottom: 62px; }

.popover { padding: 0; border: 0; }

.popover-title { background-image: -webkit-linear-gradient(top, rgba(112, 182, 250, 0.8) 0, rgba(124, 231, 255, 0.55) 100%); background-image: -o-linear-gradient(top, rgba(112, 182, 250, 0.8) 0, rgba(124, 231, 255, 0.55) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(112, 182, 250, 0.8)), to(rgba(124, 231, 255, 0.55))); background-image: linear-gradient(to bottom, rgba(112, 182, 250, 0.8) 0, rgba(124, 231, 255, 0.55) 100%); border-top: 1px #6bc7ff solid; border-left: 1px #6bc7ff solid; border-right: 1px #53a0cf solid; text-shadow: -1px -1px 4px rgba(23, 45, 101, 0.45); color: white; }

.ax5modal, .ax5-ui-dialog { border: 0; background: transparent; }

.ax5modal .ax-modal-header, .ax5modal .ax-dialog-header, .ax5-ui-dialog .ax-modal-header, .ax5-ui-dialog .ax-dialog-header { color: #fff; background-image: -webkit-linear-gradient(top, rgba(22, 123, 95, 0.8) 0%, rgba(15, 102, 127, 0.65) 100%); background-image: -o-linear-gradient(top, rgba(22, 123, 95, 0.8) 0%, rgba(15, 102, 127, 0.65) 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 123, 95, 0.8)), to(rgba(15, 102, 127, 0.65))); background-image: linear-gradient(to bottom, rgba(22, 123, 95, 0.8) 0%, rgba(15, 102, 127, 0.65) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC167B5F', endColorstr='#A60F667F', GradientType=0); background-repeat: repeat-x; background-position: 0 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 1px #6bc7ff solid; border-left: 1px #6bc7ff solid; border-right: 1px #53a0cf solid; text-shadow: -1px -1px 4px rgba(23, 45, 101, 0.45); }

.ax5modal .ax-modal-header clr-icon, .ax5modal .ax-dialog-header clr-icon, .ax5-ui-dialog .ax-modal-header clr-icon, .ax5-ui-dialog .ax-dialog-header clr-icon { width: 24px; height: 24px; fill: white; }

.ax5modal .ax-modal-body, .ax5modal .ax-dialog-body, .ax5-ui-dialog .ax-modal-body, .ax5-ui-dialog .ax-dialog-body { background: rgba(255, 255, 255, 0.95); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.ax5modal.primary, .ax5-ui-dialog.primary { border: 0; background: transparent; }

.ax5modal.primary .ax-modal-header, .ax5modal.primary .ax-dialog-header, .ax5-ui-dialog.primary .ax-modal-header, .ax5-ui-dialog.primary .ax-dialog-header { color: #fff; background-image: -webkit-linear-gradient(top, rgba(22, 123, 95, 0.8) 0%, rgba(15, 102, 127, 0.65) 100%); background-image: -o-linear-gradient(top, rgba(22, 123, 95, 0.8) 0%, rgba(15, 102, 127, 0.65) 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 123, 95, 0.8)), to(rgba(15, 102, 127, 0.65))); background-image: linear-gradient(to bottom, rgba(22, 123, 95, 0.8) 0%, rgba(15, 102, 127, 0.65) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC167B5F', endColorstr='#A60F667F', GradientType=0); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF70B6FA',endColorstr='#FF3F9DF8',GradientType=0); background-position: 0 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 1px #6074ea solid; border-left: 1px #4960e8 solid; border-right: 1px #324de5 solid; text-shadow: -1px -1px 4px rgba(23, 45, 101, 0.45); }

.ax5modal.primary .ax-modal-body, .ax5modal.primary .ax-dialog-body, .ax5-ui-dialog.primary .ax-modal-body, .ax5-ui-dialog.primary .ax-dialog-body { background: rgba(255, 255, 255, 0.95); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.ax5modal.success, .ax5-ui-dialog.success { border: 0; background: transparent; }

.ax5modal.success .ax-modal-header, .ax5modal.success .ax-dialog-header, .ax5-ui-dialog.success .ax-modal-header, .ax5-ui-dialog.success .ax-dialog-header { color: #fff; background-image: -webkit-linear-gradient(top, rgba(0, 128, 75, 0.8) 0%, rgba(10, 105, 132, 0.98) 100%); background-image: -o-linear-gradient(top, rgba(0, 128, 75, 0.8) 0%, rgba(10, 105, 132, 0.98) 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 128, 75, 0.8)), to(rgba(10, 105, 132, 0.98))); background-image: linear-gradient(to bottom, rgba(0, 128, 75, 0.8) 0%, rgba(10, 105, 132, 0.98) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC00804B', endColorstr='#FA0A6984', GradientType=0); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF70B6FA',endColorstr='#FF3F9DF8',GradientType=0); background-position: 0 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 1px #197857 solid; border-left: 1px #1e8d66 solid; border-right: 1px #22a275 solid; text-shadow: -1px -1px 4px rgba(23, 45, 101, 0.45); }

.ax5modal.success .ax-modal-body, .ax5modal.success .ax-dialog-body, .ax5-ui-dialog.success .ax-modal-body, .ax5-ui-dialog.success .ax-dialog-body { background: rgba(255, 255, 255, 0.95); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.ax5modal.danger, .ax5-ui-dialog.danger { border: 0; background: transparent; }

.ax5modal.danger .ax-modal-header, .ax5modal.danger .ax-dialog-header, .ax5-ui-dialog.danger .ax-modal-header, .ax5-ui-dialog.danger .ax-dialog-header { color: #fff; background-image: -webkit-linear-gradient(top, rgba(250, 112, 112, 0.8) 0, rgba(255, 124, 124, 0.55) 100%); background-image: -o-linear-gradient(top, rgba(250, 112, 112, 0.8) 0, rgba(255, 124, 124, 0.55) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(250, 112, 112, 0.8)), to(rgba(255, 124, 124, 0.55))); background-image: linear-gradient(to bottom, rgba(250, 112, 112, 0.8) 0, rgba(255, 124, 124, 0.55) 100%); background-repeat: repeat-x; background-position: 0 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 1px #ff6b6b solid; border-left: 1px #ff976b solid; border-right: 1px #ff976b solid; text-shadow: -1px -1px 4px rgba(23, 45, 101, 0.45); }

.ax5modal.danger .ax-modal-body, .ax5modal.danger .ax-dialog-body, .ax5-ui-dialog.danger .ax-modal-body, .ax5-ui-dialog.danger .ax-dialog-body { background: rgba(255, 255, 255, 0.95); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.table-hover > tbody > tr { cursor: pointer; }

.table-hover > tbody > tr:hover { background-color: #e6f2ff; }

.text-bold { font-weight: 400 !important; }

/*! Ladda http://lab.hakim.se/ladda MIT licensed Copyright (C) 2014 Hakim El Hattab, http://hakim.se */
/************************************* CONFIG */
/************************************* MIXINS */
/************************************* BUTTON BASE */
.ladda-button { position: relative; }

/* Spinner animation */
.ladda-button .ladda-spinner { position: absolute; z-index: 2; display: inline-block; width: 32px; height: 32px; top: 50%; margin-top: 0; opacity: 0; pointer-events: none; }

/* Button label */
.ladda-button .ladda-label { position: relative; z-index: 3; }

/* Progress bar */
.ladda-button .ladda-progress { position: absolute; width: 0; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.2); visibility: hidden; opacity: 0; -webkit-transition: 0.1s linear all !important; -moz-transition: 0.1s linear all !important; -ms-transition: 0.1s linear all !important; -o-transition: 0.1s linear all !important; transition: 0.1s linear all !important; }

.ladda-button[data-loading] .ladda-progress { opacity: 1; visibility: visible; }

/************************************* EASING */
.ladda-button, .ladda-button .ladda-spinner, .ladda-button .ladda-label { -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; }

.ladda-button[data-style=zoom-in], .ladda-button[data-style=zoom-in] .ladda-spinner, .ladda-button[data-style=zoom-in] .ladda-label, .ladda-button[data-style=zoom-out], .ladda-button[data-style=zoom-out] .ladda-spinner, .ladda-button[data-style=zoom-out] .ladda-label { -webkit-transition: 0.3s ease all !important; -moz-transition: 0.3s ease all !important; -ms-transition: 0.3s ease all !important; -o-transition: 0.3s ease all !important; transition: 0.3s ease all !important; }

/************************************* EXPAND LEFT */
.ladda-button[data-style=expand-right] .ladda-spinner { right: -6px; }

.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner { right: -12px; }

.ladda-button[data-style=expand-right][data-loading] { padding-right: 56px; }

.ladda-button[data-style=expand-right][data-loading] .ladda-spinner { opacity: 1; }

.ladda-button[data-style=expand-right][data-loading][data-size="s"], .ladda-button[data-style=expand-right][data-loading][data-size="xs"] { padding-right: 40px; }

/************************************* EXPAND RIGHT */
.ladda-button[data-style=expand-left] .ladda-spinner { left: 26px; }

.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner { left: 4px; }

.ladda-button[data-style=expand-left][data-loading] { padding-left: 56px; }

.ladda-button[data-style=expand-left][data-loading] .ladda-spinner { opacity: 1; }

.ladda-button[data-style=expand-left][data-loading][data-size="s"], .ladda-button[data-style=expand-left][data-loading][data-size="xs"] { padding-left: 40px; }

/************************************* EXPAND UP */
.ladda-button[data-style=expand-up] { overflow: hidden; }

.ladda-button[data-style=expand-up] .ladda-spinner { top: -32px; left: 50%; margin-left: 0; }

.ladda-button[data-style=expand-up][data-loading] { padding-top: 54px; }

.ladda-button[data-style=expand-up][data-loading] .ladda-spinner { opacity: 1; top: 26px; margin-top: 0; }

.ladda-button[data-style=expand-up][data-loading][data-size="s"], .ladda-button[data-style=expand-up][data-loading][data-size="xs"] { padding-top: 32px; }

.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner { top: 4px; }

/************************************* EXPAND DOWN */
.ladda-button[data-style=expand-down] { overflow: hidden; }

.ladda-button[data-style=expand-down] .ladda-spinner { top: 62px; left: 50%; margin-left: 0; }

.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner { top: 40px; }

.ladda-button[data-style=expand-down][data-loading] { padding-bottom: 54px; }

.ladda-button[data-style=expand-down][data-loading] .ladda-spinner { opacity: 1; }

.ladda-button[data-style=expand-down][data-loading][data-size="s"], .ladda-button[data-style=expand-down][data-loading][data-size="xs"] { padding-bottom: 32px; }

/************************************* SLIDE LEFT */
.ladda-button[data-style=slide-left] { overflow: hidden; }

.ladda-button[data-style=slide-left] .ladda-label { position: relative; }

.ladda-button[data-style=slide-left] .ladda-spinner { left: 100%; margin-left: 0; }

.ladda-button[data-style=slide-left][data-loading] .ladda-label { opacity: 0; left: -100%; }

.ladda-button[data-style=slide-left][data-loading] .ladda-spinner { opacity: 1; left: 50%; }

/************************************* SLIDE RIGHT */
.ladda-button[data-style=slide-right] { overflow: hidden; }

.ladda-button[data-style=slide-right] .ladda-label { position: relative; }

.ladda-button[data-style=slide-right] .ladda-spinner { right: 100%; margin-left: 0; left: 16px; }

.ladda-button[data-style=slide-right][data-loading] .ladda-label { opacity: 0; left: 100%; }

.ladda-button[data-style=slide-right][data-loading] .ladda-spinner { opacity: 1; left: 50%; }

/************************************* SLIDE UP */
.ladda-button[data-style=slide-up] { overflow: hidden; }

.ladda-button[data-style=slide-up] .ladda-label { position: relative; }

.ladda-button[data-style=slide-up] .ladda-spinner { left: 50%; margin-left: 0; margin-top: 1em; }

.ladda-button[data-style=slide-up][data-loading] .ladda-label { opacity: 0; top: -1em; }

.ladda-button[data-style=slide-up][data-loading] .ladda-spinner { opacity: 1; margin-top: 0; }

/************************************* SLIDE DOWN */
.ladda-button[data-style=slide-down] { overflow: hidden; }

.ladda-button[data-style=slide-down] .ladda-label { position: relative; }

.ladda-button[data-style=slide-down] .ladda-spinner { left: 50%; margin-left: 0; margin-top: -2em; }

.ladda-button[data-style=slide-down][data-loading] .ladda-label { opacity: 0; top: 1em; }

.ladda-button[data-style=slide-down][data-loading] .ladda-spinner { opacity: 1; margin-top: 0; }

/************************************* ZOOM-OUT */
.ladda-button[data-style=zoom-out] { overflow: hidden; }

.ladda-button[data-style=zoom-out] .ladda-spinner { left: 50%; margin-left: 32px; -webkit-transform: scale(2.5); -moz-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5); transform: scale(2.5); }

.ladda-button[data-style=zoom-out] .ladda-label { position: relative; display: inline-block; }

.ladda-button[data-style=zoom-out][data-loading] .ladda-label { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); }

.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner { opacity: 1; margin-left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }

/************************************* ZOOM-IN */
.ladda-button[data-style=zoom-in] { overflow: hidden; }

.ladda-button[data-style=zoom-in] .ladda-spinner { left: 50%; margin-left: -16px; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -ms-transform: scale(0.2); -o-transform: scale(0.2); transform: scale(0.2); }

.ladda-button[data-style=zoom-in] .ladda-label { position: relative; display: inline-block; }

.ladda-button[data-style=zoom-in][data-loading] .ladda-label { opacity: 0; -webkit-transform: scale(2.2); -moz-transform: scale(2.2); -ms-transform: scale(2.2); -o-transform: scale(2.2); transform: scale(2.2); }

.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner { opacity: 1; margin-left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }

/************************************* CONTRACT */
.ladda-button[data-style=contract] { overflow: hidden; width: 100px; }

.ladda-button[data-style=contract] .ladda-spinner { left: 50%; margin-left: 0; }

.ladda-button[data-style=contract][data-loading] { border-radius: 50%; width: 52px; }

.ladda-button[data-style=contract][data-loading] .ladda-label { opacity: 0; }

.ladda-button[data-style=contract][data-loading] .ladda-spinner { opacity: 1; }

/************************************* OVERLAY */
.ladda-button[data-style=contract-overlay] { overflow: hidden; width: 100px; -webkit-box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0); }

.ladda-button[data-style=contract-overlay] .ladda-spinner { left: 50%; margin-left: 0; }

.ladda-button[data-style=contract-overlay][data-loading] { border-radius: 50%; width: 52px; /*outline: 10000px solid rgba( 0, 0, 0, 0.5 );*/ -webkit-box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8); box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8); }

.ladda-button[data-style=contract-overlay][data-loading] .ladda-label { opacity: 0; }

.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner { opacity: 1; }

/* This is a compiled file, you should be editing the file in the templates directory */
/* This is a compiled file, you should be editing the file in the templates directory */
.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.pace-inactive { display: none; }

.pace .pace-progress { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/lighten($point-color,30%)+1,6be1ff+100 */ background: rgba(16, 0, 255, 0.69); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(159, 153, 255, 0.69) 1%, #99c9ff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(159, 153, 255, 0.69) 1%, #99c9ff 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(315deg, rgba(159, 153, 255, 0.69) 1%, #99c9ff 100%); background: -o-linear-gradient(315deg, rgba(159, 153, 255, 0.69) 1%, #99c9ff 100%); background: linear-gradient(135deg, rgba(159, 153, 255, 0.69) 1%, #99c9ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='lighten($point-color,30%)', endColorstr='lighten($point-color2,30%)',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ position: fixed; z-index: 211000; top: 0; right: 100%; width: 100%; height: 2px; }

/* max-height - the only parameter in this file that needs to be edited. Change it to suit your needs. The rest is recommended to leave as is. */
.clusterize-scroll { max-height: 200px; overflow: auto; }

/** Avoid vertical margins for extra tags Necessary for correct calculations when rows have nonzero vertical margins */
.clusterize-extra-row { margin-top: 0 !important; margin-bottom: 0 !important; }

/* By default extra tag .clusterize-keep-parity added to keep parity of rows. Useful when used :nth-child(even/odd) */
.clusterize-extra-row.clusterize-keep-parity { display: none; }

/* During initialization clusterize adds tabindex to force the browser to keep focus on the scrolling list, see issue #11 Outline removes default browser's borders for focused elements. */
.clusterize-content { outline: 0; }

/* Centering message that appears when no data provided */
.clusterize-no-data td { text-align: center; }

[data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="header"], [data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="page"] { background-color: #ebf1f9; background-image: none; border-bottom: 1px solid  #bac9dd; color: #222; }

[data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="body"] [data-ax5grid-panel][data-ax5grid-panel="top-aside-body"], [data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="body"] [data-ax5grid-panel][data-ax5grid-panel="aside-body"], [data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="body"] [data-ax5grid-panel][data-ax5grid-panel="bottom-aside-body"] { border-right: 1px solid #bac9dd; background: #dfe7f2; }

.fr-toolbar { background-color: #f8fbff; border-bottom: 1px solid  #bac9dd; border-top: 5px solid #d2dde4; }

body { text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; }

html.ui-openpop body { overflow: auto; }

.portlet { -webkit-box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.08); -moz-box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.08); box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.08); border: 1px #e3ecf1 solid; border-radius: 10px; background-color: #ffffff; }

.portlet.portlet-primary { border: 2px #1a34ca solid; }

.portlet .head { position: relative; display: table; padding: 12px 20px; width: 100%; table-layout: fixed; border-bottom: 1px solid #ebedf2; }

.portlet .head.with-left-btn:after { left: 48px; }

.portlet .head.no-point-line:after { display: none; }

.portlet .head .file-input-area .attach-files .file-item .file img { height: 22px; }

.portlet .head .form-control { margin-bottom: -5px; }

.portlet .head .head-content { display: table-cell; vertical-align: middle; width: 100%; }

.portlet .head .head-content.title { font-size: 18px; font-weight: 700; color: #333C4E; }

.portlet .head .head-content.title clr-icon { fill: #1a34ca; display: inline-block; width: 24px; height: 24px; vertical-align: middle; }

.portlet .head .head-content.title .actions { margin-bottom: -7px; }

.portlet .head .head-content.title .actions.actions-sm { margin-top: -5px; margin-bottom: -7px; }

.portlet .head .head-content.title .link { font-weight: 400; }

.portlet .head .head-content.title .link small { display: inline; margin-left: 5px; }

.portlet .head .head-content.title .tags { padding-top: 4px; font-size: 13px; }

.portlet .head .head-content.title span { display: inline-block; vertical-align: middle; }

.portlet .head .head-content.title span small { display: inline-block; margin-left: 5px; font-weight: 400; }

.portlet .head .head-content.title span span.sub-text { font-weight: 400; }

.portlet .head .head-content.title span.status { font-size: 14px; font-weight: 400; }

.portlet .head .head-content.title small { display: block; margin-top: 10px; }

.portlet .head .head-content.title .badge { padding: 4px 10px; font-size: 14px; border-radius: 14px; }

.portlet .head .head-content .nav-tabs.line-tabs { margin-top: -5px; }

.portlet .head .head-content .nav-tabs.line-tabs > li > a { font-size: 14px; font-weight: 400; }

.portlet .head.with-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.portlet .head.with-actions .head-content { display: inline-block; width: auto; padding-right: 5px; margin-right: 10px; }

.portlet .head.with-actions .actions-area { display: inline-block; width: auto; }

.portlet .head.with-actions .actions-area .form-control { margin-bottom: 0; font-size: 18px; font-weight: 700; }

.portlet .head .btn-close { position: absolute; top: 10px; right: 5px; }

.portlet .content { position: relative; display: block; padding: 20px; width: 100%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.portlet .content:after { content: ""; display: table; clear: both; }

.portlet .content.bg-greylight { background: #f5f8f9 !important; }

.portlet .content.border-bottom { border-bottom: 1px solid #ebedf2; }

.portlet .content .content-inner { position: relative; }

.portlet .content .content-inner.scroll-wrapper { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; padding: 0; }

.portlet .content .content-inner.scroll-wrapper .table-condensed > tbody > tr > td { padding: 5px 18px; }

.portlet.full { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.portlet.full .content { position: absolute; top: 45px; left: 0; right: 0; bottom: 30px; padding: 0; }

.portlet.full .content.scroll-wrapper { position: absolute !important; padding: 0; }

.portlet.full .content.scroll-wrapper .scroll-content { top: auto; bottom: auto; }

.portlet.full .foot { position: absolute; left: 0; right: 0; bottom: 0; display: block; width: 100%; height: 30px; border-top: 1px solid #ebedf2; background-color: #f1f1f1; }

.portlet.full .foot .desc { display: inline-block; padding: 5px; }

.portlet.border-none { border: 0; -webkit-box-shadow: none; box-shadow: none; }

.portlet .portlet .head .head-content.title { font-size: 14px; }

.portlet .portlet .head .head-content.title clr-icon { width: 14px; height: 14px; }

.portlet .portlet .head.with-actions .actions-area .form-control { font-size: 14px; }

.portlet .portlet + .portlet, .portlet .portlet + .portlet-group { margin-top: 10px; }

.portlet.dim { background: rgba(255, 255, 255, 0.5); border: 0; -webkit-box-shadow: 0px 0px 10px #e7eafc; box-shadow: 0px 0px 10px #e7eafc; }

.portlet.dim .head .head-content.title clr-icon { fill: #bac3f6; }

.content-list > li { position: relative; display: block; width: 100%; padding: 5px 10px; font-size: 16px; }

.content-list > li:first-child { padding-top: 0; }

.content-list > li:before { content: ""; position: absolute; top: calc(50% - 1px); left: 3px; width: 2px; height: 2px; background: #949fb4; }

.content-list > li:after { content: ""; display: table; clear: both; }

.content-list > li clr-icon { width: 18px; height: 18px; }

.content-list > li .title { display: block; width: calc(100% - 300px); white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; float: left; }

.content-list > li .link { width: 18px; height: 18px; padding-left: 5px; }

.content-list > li .link clr-icon { fill: #0079ff; }

.content-list > li .detail { display: block; width: 300px; padding-top: 5px; float: right; text-align: right; font-size: 14px; white-space: nowrap; }

.content-list > li .detail span { padding-right: 5px; }

.content-list > li .detail clr-icon { width: 14px; height: 14px; }

.content-list.small > li { position: relative; display: block; width: 100%; padding: 0px 10px; font-size: 14px; }

.input-with-txt { position: relative; }

.input-with-txt .txt { position: absolute; top: 7px; right: 5px; font-size: 14px; }

.form-control.form-control-round { border-radius: 15px; }

.input-with-padding-icon.input-round { border-radius: 15px; }

.input-with-padding-icon.input-round .form-control { border-radius: 15px; }

.input-with-padding-icon.input-round .input-sm + clr-icon { top: 5px; }

.form-inline .input-with-txt { display: inline-block; width: 124px; }

.form-inline .input-with-txt input { width: 100%; }

.progress.progress-round { border-radius: 10px; }

.ax5combobox-display .ax5combobox-display-table [data-ax5combobox-display="label"] [data-ax5combobox-selected-label] { border: 0; background: #1a34ca; color: white; }

.ax5combobox-option-group.success .ax-combobox-body .ax-combobox-option-group-content .ax-combobox-option-item:hover, .ax5combobox-option-group.success .ax-combobox-body .ax-combobox-option-group-content .ax-combobox-option-item.hover, .ax5combobox-option-group.success .ax-combobox-body .ax-combobox-option-group-content .ax-combobox-option-item[data-option-selected="true"] { color: white; }

.ax5combobox-option-group.success .ax-combobox-body .ax-combobox-option-group-content .ax-combobox-option-item:hover .ax-combobox-option-item-holder .ax-combobox-option-item-cell.ax-combobox-option-item-checkbox .item-checkbox-wrap.useCheckBox:after, .ax5combobox-option-group.success .ax-combobox-body .ax-combobox-option-group-content .ax-combobox-option-item.hover .ax-combobox-option-item-holder .ax-combobox-option-item-cell.ax-combobox-option-item-checkbox .item-checkbox-wrap.useCheckBox:after, .ax5combobox-option-group.success .ax-combobox-body .ax-combobox-option-group-content .ax-combobox-option-item[data-option-selected="true"] .ax-combobox-option-item-holder .ax-combobox-option-item-cell.ax-combobox-option-item-checkbox .item-checkbox-wrap.useCheckBox:after { border-color: white !important; }

.actions, .header-content, .dd-item { margin-left: 10px; }

.actions.inline, .header-content.inline, .dd-item.inline { display: inline-block; vertical-align: bottom; margin-bottom: -4px; }

.actions.inline .nav, .header-content.inline .nav, .dd-item.inline .nav { vertical-align: bottom; }

.actions .progress, .header-content .progress, .dd-item .progress { margin-bottom: 0; }

.actions .form-control, .header-content .form-control, .dd-item .form-control { display: inline-block; width: auto; }

.actions .radio, .actions .checkbox, .header-content .radio, .header-content .checkbox, .dd-item .radio, .dd-item .checkbox { font-size: 12px; line-height: 16px; }

.actions .status, .header-content .status, .dd-item .status { font-size: 14px; margin-top: 12px; }

.actions.float-left > *, .header-content.float-left > *, .dd-item.float-left > * { margin-right: 10px; }

.actions-area { display: block; width: 100%; }

.actions-area:after { content: ""; display: table; clear: both; }

.header-content .input-material .form-control.title { font-size: 18px; background: transparent; }

.bg-white2 { background: #f5f5f9; }

.bg-white3 { background: #f8faff; }

.bg-white4 { background: #fff7f7; }

.dd-list { margin: 0; padding: 0 0 0 50px; }

.dd-list .dd-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0 0 10px; padding: 10px 15px; background: #fff; -webkit-box-shadow: 1px 1px 10px #bac3f6; box-shadow: 1px 1px 10px #bac3f6; border-radius: 4px; cursor: not-allowed; -webkit-transition: -webkit-box-shadow .5s ease-in-out; transition: -webkit-box-shadow .5s ease-in-out; -o-transition: box-shadow .5s ease-in-out; transition: box-shadow .5s ease-in-out; transition: box-shadow .5s ease-in-out, -webkit-box-shadow .5s ease-in-out; }

.dd-list .dd-item > img { width: auto; height: 32px; margin-right: 5px; }

.dd-list .dd-item.dd-item-dragable { cursor: move; }

.dd-list .dd-item.dd-item-dragable:hover { -webkit-box-shadow: 1px 1px 15px #8d9bf0; box-shadow: 1px 1px 15px #8d9bf0; -webkit-transition: -webkit-box-shadow .5s ease-in-out; transition: -webkit-box-shadow .5s ease-in-out; -o-transition: box-shadow .5s ease-in-out; transition: box-shadow .5s ease-in-out; transition: box-shadow .5s ease-in-out, -webkit-box-shadow .5s ease-in-out; }

.dd-list .dd-item.dd-item-dragable:hover .num { color: #1a34ca; }

.dd-list .dd-item .num { margin-left: -40px; margin-right: 30px; font-size: 16px; color: #8897b1; }

.dd-list .dd-item > clr-icon { margin-right: 15px; }

.dd-list .dd-item .form-control { font-size: 14px; }

.dd-list .dd-item .btn-close, .dd-list .dd-item .btn-remove, .dd-list .dd-item .detail-txt { margin-left: auto; }

.input-table > thead > tr > td, .input-table > thead > tr > th { background: #fbfbff; }

.input-table td, .input-table th { text-align: center; vertical-align: middle; }

.excel-preview-area { padding: 30px; background: white; }

.portlet-group.read-mode .btn-remove, .portlet-group.read-mode .read-mode-hide, .portlet-group.read-mode .add-btn, .portlet-group.read-mode .file-input { display: none; }

.portlet.read-mode.read-mode-hide, .portlet.read-mode .read-mode-hide { display: none; }

.portlet.read-mode.read-mode-hide.d-inline-block, .portlet.read-mode .read-mode-hide.d-inline-block { display: none !important; }

.cur-move { cursor: move; }

.w25 { width: 25px !important; }

.w50 { width: 50px !important; }

.w70 { width: 70px !important; }

.w100 { width: 100px !important; }

.w150 { width: 150px !important; }

.w200 { width: 200px !important; }

.w250 { width: 250px !important; }

.w300 { width: 300px !important; }

.w500 { width: 500px !important; }

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

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

.text-greylight { color: #8897b1; }

.action-cards { padding: 0px 0 20px; }

.action-cards:after { content: ""; display: table; clear: both; }

.action-cards .card-wrap { position: relative; display: block; width: calc(50% - 15px); float: left; margin-right: 15px; }

.action-cards .card-wrap:nth-child(2) { margin-right: 0; }

.action-cards .card-wrap .card { display: block; padding: 30px 50px; border-radius: 5px; text-decoration: none; background: white; -webkit-box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); -moz-box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); }

.action-cards .card-wrap .card .title { margin: 0; font-size: 24px; font-weight: 700; }

.action-cards .card-wrap .card .title small { display: block; margin-top: 10px; font-size: 14px; line-height: 18px; }

.action-cards .card-wrap .card clr-icon { position: absolute; top: 45px; right: 50px; width: 40px; height: 40px; }

.action-cards .card-wrap .card:hover { background: #1a34ca; color: white; }

.action-cards .card-wrap .card:hover .title { color: white; }

.action-cards .card-wrap .card:hover .title small { color: white; }

@media (max-width: 1000px) { .action-cards .card-wrap { width: 100%; margin-bottom: 20px; float: none; }
  .action-cards .card-wrap .card { padding: 20px 40px 20px 20px; border-radius: 25px; }
  .action-cards .card-wrap .card .title { font-size: 22px; }
  .action-cards .card-wrap .card clr-icon { top: 23px; right: 16px; width: 20px; height: 20px; } }

.form-select { position: relative; display: inline-block; }

.form-select .form-select-btn { height: 30px; padding: 5px 15px; border: 1px solid #ccc; border-radius: 15px; font-size: 12px; line-height: 1.5; color: #757285; background-color: #fff; background-image: none; }

.form-select .form-select-btn clr-icon { margin-top: -2px; }

.form-select label { white-space: nowrap; }

.form-select clr-icon { width: 14px !important; height: 14px  !important; }

.form-select .form-templete { z-index: 3; position: absolute; top: 30px; left: 0; display: none; min-width: 100px; width: auto; padding: 10px; border-radius: 10px; background: rgba(255, 255, 255, 0.9); -webkit-box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); -moz-box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); }

.form-select.on .form-select-btn { -webkit-box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); -moz-box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); }

.form-select.on .form-select-btn clr-icon { -webkit-transform: rotateZ(45deg); -ms-transform: rotate(45deg); transform: rotateZ(45deg); }

.form-select.on .form-templete { display: block; }

.checkbox .fc-event-dot { margin-top: 3px; }

.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple { border: 1px #e3ecf1 solid; outline: 0; }

.actions .checkbox label span { margin-top: 2px; }

.actions .select2, .actions .select2 .selection, .actions .select2 .selection .select2-selection, .actions .select2-search, .actions .select2-search, .actions .select2-search__field { min-width: 150px; }

.actions .select2-container--default.select2-container--focus .select2-selection--multiple, .actions .select2-container--default .select2-selection--multiple { border-radius: 15px; }

.actions .select2-container--default .select2-selection--multiple .select2-selection__choice { border-radius: 10px; }

.select2-dropdown.select2-dropdown--above { border: 0; -webkit-box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); -moz-box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); }

.select2-selection__choice { font-size: 14px; font-weight: normal; }

.select2-container--default .select2-selection--multiple .select2-selection__choice { margin-top: 4px; margin-right: 5px; padding: 3px 5px; float: left; border: 0; border-radius: 4px; -webkit-box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); -moz-box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); cursor: default; background-color: white; }

.select2-container--default .select2-results__option[aria-selected=true] { background: #8d9bf0; color: #333C4E; }

.select2-container--default .select2-results__option[aria-selected=true]:hover { background: #1a34ca; color: #fff; }

.radio-tab label { padding: 6px 25px 4px; border-width: 1px 1px 0 1px; border-color: #e3ecf1; border-style: solid; color: #627085; font-weight: 400; }

.radio-tab input:checked + label { border-color: #1a34ca; color: #333C4E; }

.input-material .form-control { padding-left: 0; padding-right: 0; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; background: transparent; -webkit-box-shadow: none; box-shadow: none; }

.input-material select.form-control { padding-right: 20px; }

.input-material .select2-container--default .select2-selection--single { border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; -webkit-box-shadow: none; box-shadow: none; background: #fafafa; }

.input-material .select2-container--default .select2-selection--multiple, .input-material .select2-container--default.select2-container--focus .select2-selection--multiple, .input-material textarea.form-control { padding: 8px; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; -webkit-box-shadow: none; box-shadow: none; background: #fafafa; }

.input-material .select2-container--default .select2-selection--multiple .select2-selection__choice { border: 0; background: #1a34ca; color: #fff; }

.input-material .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { color: #fff; }

.input-material .select2-container--default .select2-selection--multiple.profile-select .select2-selection__choice { position: relative; border: 0; background: transparent; color: #fff; -webkit-box-shadow: none; box-shadow: none; }

.input-material .select2-container--default .select2-selection--multiple.profile-select .select2-selection__choice .select2-selection__choice__remove { z-index: 11; position: absolute; top: 14px; right: 15px; }

.input-material .select2-container--default .select2-selection--multiple.profile-select .select2-selection__choice .profile-btn { margin: 0; }

.input-material .select2-container--default .select2-selection--multiple.profile-select .select2-selection__clear { z-index: 11; position: absolute; top: 0px; right: 0px; }

.input-material.table > tbody > tr > th { text-align: right; word-break: keep-all; }

table .filtered { display: none; }

.radio input + label + select + .select2 { display: none; }

.radio input:checked + label + select + .select2 { display: inline-block; margin-left: 10px; }

.table-td-padding-l.table > tbody > tr > td { padding-right: 20px; }

.table .radio-inline { padding-bottom: 0; }

.table textarea.form-control { resize: none; }

.form-table { width: 100%; border: 0; }

.form-table tr td { padding: 10px 4px; }

.bind-table .input-mode .modify-btn { display: none; }

.status-table-wrap { position: relative; margin: 0 auto; }

.status-table { width: 100%; }

.status-table tr td { position: relative; vertical-align: middle; text-align: center; }

.status-table tr td.status-td { width: 120px; }

.status-table tr td.status-td .btn { width: 100%; }

.status-legend { position: absolute; right: -100px; bottom: 0; display: block; width: 120px; }

.arr-right { position: relative; display: inline-block; width: 90%; height: 10px; }

.arr-right:before { content: ""; position: absolute; top: 4px; left: 0; width: 100%; height: 1px; border-top: 1px #e3ecf1 solid; }

.arr-right:after { content: ""; position: absolute; top: 1px; right: 0; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 8px; border-color: transparent transparent transparent #e3ecf1; }

.arr-down { position: relative; display: inline-block; width: 10px; height: 40px; }

.arr-down:before { content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; border-left: 1px #e3ecf1 solid; }

.arr-down:after { content: ""; position: absolute; left: -4px; bottom: 0; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 8px 4px 0 4px; border-color: #e3ecf1 transparent transparent transparent; }

.input-mode .input-mode-hidden { display: none; }

.read-mode .read-mode-hidden { display: none; }

@media (max-width: 1000px) { .table .btn { margin-right: 5px; margin-bottom: 5px; }
  .content-list > li { position: relative; display: block; width: 100%; padding: 5px 10px; font-size: 16px; }
  .content-list > li:first-child { padding-top: 0; }
  .content-list > li:before { content: ""; position: absolute; top: 15px; left: 3px; width: 2px; height: 2px; background: #949fb4; }
  .content-list > li:after { content: ""; display: table; clear: both; }
  .content-list > li clr-icon { width: 18px; height: 18px; }
  .content-list > li .title { display: inline; white-space: normal; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; float: none; font-weight: 700; color: #333C4E; }
  .content-list > li .link { display: inline; padding-left: 2px; }
  .content-list > li .link clr-icon { color: #0079ff; width: 14px; height: 14px; }
  .content-list > li .detail { display: block; width: 100%; padding-top: 5px; float: none; text-align: left; font-size: 12px; white-space: normal; }
  .content-list > li .detail .date { padding-right: 5px; }
  .content-list > li .detail clr-icon { width: 12px; height: 12px; } }

.pagiation-component { text-align: center; padding: 17px 0; }

.pagiation-component .pagination { margin: 0; }

.pagination > li > a.active, .pagination > li > a.active:hover, .pagination > li > a.active:focus { z-index: 3; color: #fff; background-color: #1a34ca; border-color: #1a34ca; cursor: default; }

.btn clr-icon { width: 14px !important; height: 14px !important; margin-top: -2px; }

.btn.btn-lg clr-icon { width: 24px !important; height: 24px !important; margin-top: -2px; }

.policy-wrap { line-height: 1.61; padding: 0 20px; text-align: left; }

.policy-wrap .policy-title { position: relative; display: block; margin-bottom: 20px; padding-bottom: 20px; font-size: 27px; font-weight: 700; border-bottom: 1px #e3ecf1 solid; }

.policy-wrap .policy-title:after { content: ""; position: absolute; left: 0; bottom: 0; width: 25px; height: 1px; background: rgba(16, 0, 255, 0.69); }

.policy-wrap .policy-title small { display: block; margin-top: 5px; font-size: 20px; font-weight: 300; }

.policy-wrap .inner-top { font-size: 14px; }

.policy-wrap .inner-desc { margin-top: 25px; font-size: 13px; font-weight: 300; }

.policy-wrap .inner-desc b { display: block; margin-top: 25px; font-weight: 900; }

.policy-wrap .inner-desc li { padding-left: 15px; }

.policy-wrap .inner-desc li.dot { position: relative; padding-left: 35px; }

.policy-wrap .inner-desc li.dot:before { display: inline-block; content: 'ㆍ'; position: absolute; left: 20px; top: 0; }

.table-transparent { width: 100%; }

.table-transparent td { padding: 0 10px; vertical-align: middle; }

.table-transparent .form-control { width: 100%; }

.img { width: 100%; }

.border-1 { border: 1px #e3ecf1 solid; }

.spin-area { position: relative; display: inline; }

.preview-wrap { z-index: 1; position: relative; display: inline-block; width: 220px; height: 120px; overflow: hidden; }

/* .preview-wrap img { z-index: 1; width: 100%; } */

.preview-wrap img { z-index: 1; background-size:contain; width:80% }

.preview-wrap input[type=file] { z-index: 2; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; cursor: pointer; }

.preview-wrap span.guide-txt { z-index: -1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px #3072c6 dotted; color: #8897b1; text-align: center; }

.preview-wrap span.guide-txt clr-icon { width: 18px; height: 18px; fill: #3072c6; margin-bottom: 10px; }

span.required { position: relative; padding-right: 4px; }

span.required:before { content: "필수"; position: absolute; top: 2px; right: -4px; width: 4px; height: 4px; border-radius: 4px; font-size: 0; text-indent: -10000em; background: red; }

.profile-center .profile { margin: 0 auto; }

.profile-img { width: 120px; height: auto; }

td.profile-img { width: 140px; }

td.profile-img img { width: 120px; height: auto; margin-right: 10px; }

.profile { position: relative; display: table; }

.profile .profile-title { margin-bottom: 0; text-align: center; font-weight: 700; }

.profile .profile-title small { color: #627085; }

.profile .img-area { display: table-cell; vertical-align: middle; }

.profile .img-wrap { position: relative; display: inline-block; width: 36px; height: 36px; margin-top: 7px; border-radius: 50%; overflow: hidden; }

.profile .img-wrap.square { border-radius: 0; }

.profile .img-wrap img { width: 100%; }

.profile .profile-input { position: absolute; /* left: 45px; */ width: 100%; bottom: 15px; text-align: center; }

.profile .profile-input input { position: absolute; top: 0; left: 0; width: 100%; height: 33px; opacity: 0; }

.profile .detail-txt { display: table-cell; vertical-align: middle; padding-left: 5px; color: white; }

.profile .detail-txt a { text-decoration: none; }

.profile .detail-txt p { margin-bottom: 0; }

.profile .detail-txt p.name { font-size: 14px; font-weight: 700; }

.profile .detail-txt p.email { font-size: 12px; }

.profile .detail-txt p.detail { font-size: 12px; }

.profile.dark-txt .detail-txt { display: table-cell; vertical-align: middle; padding-left: 5px; color: #333C4E; }

.profile.large .img-wrap { display: inline-block; width: 100px; height: 100px; }

.profile.large .detail-txt { padding-left: 15px; }

.profile.large .detail-txt p { margin-bottom: 0; }

.profile.large .detail-txt p.name { font-size: 18px; font-weight: 700; }

.profile.large .detail-txt p.email { font-size: 14px; }

.profile.large .detail-txt p.detail { font-size: 14px; }

.profile.xlarge .img-wrap { display: inline-block; width: 160px; height: 160px; }

.profile.xlarge .detail-txt { padding-left: 15px; }

.profile.xlarge .detail-txt p { margin-bottom: 0; }

.profile.xlarge .detail-txt p.name { font-size: 24px; font-weight: 700; line-height: 32px; }

.profile.xlarge .detail-txt p.email { font-size: 18px; line-height: 24px; }

.profile.xlarge .detail-txt p.detail { font-size: 18px; }

.profile-btn { position: relative; display: inline-block; margin-right: 10px; margin-bottom: 10px; padding: 0 30px 0 6px; border-radius: 30px; -webkit-box-shadow: 1px 2px 5px rgba(112, 175, 149, 0.3); box-shadow: 1px 2px 5px rgba(112, 175, 149, 0.3); -webkit-transition: -webkit-box-shadow .5s ease-in-out; transition: -webkit-box-shadow .5s ease-in-out; -o-transition: box-shadow .5s ease-in-out; transition: box-shadow .5s ease-in-out; transition: box-shadow .5s ease-in-out, -webkit-box-shadow .5s ease-in-out; }

.profile-btn .profile .img-wrap { margin-top: 4px; }

.profile-btn:hover { -webkit-box-shadow: 1px 2px 12px rgba(112, 175, 149, 0.3); box-shadow: 1px 2px 12px rgba(112, 175, 149, 0.3); -webkit-transition: -webkit-box-shadow .5s ease-in-out; transition: -webkit-box-shadow .5s ease-in-out; -o-transition: box-shadow .5s ease-in-out; transition: box-shadow .5s ease-in-out; transition: box-shadow .5s ease-in-out, -webkit-box-shadow .5s ease-in-out; }

.profile-btn.leader { background: #92c7c0; }

.profile-btn .btn { position: absolute; top: 11px; right: -25px; border: 0; background: transparent; }

.btn.btn-round.btn-xs.icon-only { padding: 0px 3px; }

@media (max-width: 1001px) { .profile.large, .profile.xlarge { display: block; }
  .profile.large .img-wrap, .profile.xlarge .img-wrap { display: block; margin: 0 auto; }
  .profile.large .detail-txt, .profile.xlarge .detail-txt { display: block; margin-top: 10px; text-align: center; }
  .profile.large .detail-txt .detail, .profile.large .detail-txt .name, .profile.xlarge .detail-txt .detail, .profile.xlarge .detail-txt .name { margin-bottom: 10px; }
  .profile .form-inline { display: block; width: 100%; text-align: left; }
  .profile .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } }

.tag { position: relative; display: inline; padding-right: 5px; margin-right: 8px; color: black; font-weight: 400; }

.tag:before { content: "#"; color: #0079ff; }

.tag:after { content: ""; position: absolute; top: 4px; right: -1px; width: 1px; height: 10px; border-right: 1px #e3ecf1 solid; }

.tag.no-shap:before { display: none; }

.tag.no-shap clr-icon { margin-top: -1px; fill: #0079ff; }

img.tag-icon { width: auto; height: 15px; }

.tags { line-height: 18px; }

.content-subtitle { color: #627085; }

.content-subtitle clr-icon { margin-top: -2px; fill: #1a34ca; }

.content-subtitle .actions.float-right { margin-top: -3px; }

.content-subtitle.input-material input.form-control { padding-left: 0; font-size: 24px; }

body.dragging, body.dragging * { cursor: move !important; }

.checkbox input[type="checkbox"], .checkbox input[type="radio"] { width: 25px; height: 25px; margin-top: 4px; }

.test-mode .checkbox-td, .test-mode .progress { display: none; }

.test-mode .checkbox-result .checkbox-success input[type="checkbox"]:checked + label::before, .test-mode .checkbox-success input[type="radio"]:checked + label::before { border: 1px solid #ccc; background-color: #fff; }

.dragged { position: absolute; opacity: 0.5; z-index: 2000; }

.sort-placeholder { position: relative; width: 100%; height: 30px; background: #1d3ae1; text-align: center; }

.sort-placeholder clr-icon { width: 24px; height: 24px; fill: #fff; }

.tab-add-btn { background: #1a34ca; color: white; }

.tab-add-btn clr-icon { margin-top: -2px; }

.file-input-area.with-border { padding: 15px 10px; border: 1px #e3ecf1 solid; }

.file-input-area.file-input-group { border: 1px #e3ecf1 solid; }

.file-input-area.file-input-group .file-input { margin-bottom: 0; }

.file-input-area.file-input-group .file-input .btn { border-radius: 0 !important; }

.file-input-area.file-input-group .attach-files .file-item { padding: 0 10px; }

.file-input-area.file-input-group .attach-files .file-item .file { display: inline-block; line-height: 36px; vertical-align: middle; }

.file-input-area.file-input-group .attach-files .file-item .file img { height: 20px; }

.file-input-area.file-input-group .attach-files .file-item .btn.btn-mini.btn-round.btn-greylight.btn-remove { width: 20px; height: 20px; margin-top: 2px; padding: 3px 1px; line-height: 12px; }

.file-input-area .file-input { position: relative; display: inline-block; margin-bottom: 10px; }

.file-input-area .file-input input[type='file'] { z-index: -1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }

.file-input-area .attach-preview-image .img { width: 100%; }

.file-input-area .attach-files { margin-bottom: 20px; }

.file-input-area .attach-files .file-item { display: inline-block; padding: 0 10px 10px 0; }

.file-input-area .attach-files .file-item .file { color: black; }

.file-input-area .attach-files .file-item .file img { height: 32px; margin-right: 5px; }

.file-input-area .attach-files .file-item .file:hover { color: #324de5; }

.file-input-area .attach-files .file-item .btn.btn-mini.btn-round.btn-greylight.btn-remove { margin-left: 5px; padding: 1px 1px; line-height: 10px; font-size: 10px; }

.file-input-area .attach-files .file-item .btn.btn-mini.btn-round.btn-greylight.btn-remove clr-icon { width: 12px; height: 12px; }

.file-input-area.one-row { width: 100%; }

.file-input-area.one-row:after { content: ""; display: table; clear: both; }

.file-input-area.one-row .file-input { float: left; }

.file-input-area.one-row .attach-files { display: block; margin-left: 30px; float: left; }

hr.border-t-2px { border-top: 2px #e3ecf1 solid; }

.row-content { padding: 15px 0 50px; border-top: 2px #e3ecf1 solid; }

.file-input-area-multiple { position: relative; }

.file-input-area-multiple .file-input-multiple { position: relative; display: inline-block; margin-bottom: 10px; }

.file-input-area-multiple .file-input-multiple input[type='file'] { z-index: -1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }

.file-input-area-multiple .attach-preview-image { position: relative; display: block; height: 150px; background: #666; overflow: hidden; }

.file-input-area-multiple .attach-preview-image img, .file-input-area-multiple .attach-preview-image video, .file-input-area-multiple .attach-preview-image iframe { width: 100%; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }

.file-input-area-multiple .file-name { display: block; width: 100%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.file-input-area-multiple .attach-item { margin-bottom: 15px; cursor: pointer; }

.file-input-area-multiple .attach-item clr-icon { position: absolute; top: 5px; right: 5px; width: 28px; height: 28px; background: rgba(0, 0, 0, 0.1); border-radius: 14px; padding: 4px; fill: white; opacity: 1; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }

.file-input-area-multiple .attach-item:hover .attach-preview-image img { opacity: .7; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }

.file-input-area-multiple .attach-item:hover clr-icon { opacity: 1; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }

.btn-area { padding-top: 15px; padding-bottom: 15px; }

.file-layout { position: relative; display: block; padding-left: 50px; }

.file-layout .title { position: absolute; left: 0; top: 0; font-weight: 700; margin: 0; }

table a { color: #0079ff; }

table a.hover { color: #3394ff; }

table .input-material textarea.form-control:-moz-read-only { padding: 0; }

table .input-material textarea.form-control:read-only { padding: 0; }

table th.with-small small { display: block; font-weight: 400; font-size: 11px; }

table.table.text-center > tbody > tr > td, table.table.text-center > tbody > tr > th, table.table.text-center > thead > tr > td, table.table.text-center > thead > tr > th { text-align: center; }

.modal-body-title { font-size: 18px; font-weight: 700; margin-bottom: 40px; }

.modal-body-title span { display: block; }

.modal-body-title small { display: block; margin-top: 10px; font-size: 12px; font-weight: 400; }

.modal-body-title clr-icon { width: 72px; height: 72px; fill: #1a34ca; }

.content-box { padding: 15px; }

.content-box.border { border-top: 2px solid #e3ecf1; }

.content-box .profile { margin: 0 auto; }

.add-btn { display: block; width: 100%; padding: 10px; border: 1px solid #1a34ca; color: #1a34ca; background: transparent; text-decoration: none; cursor: pointer; border-radius: 5em; }

.add-btn:hover { opacity: .7; }

.notice-area { position: relative; padding: 10px 0 0 70px; border-top: 2px solid #e3ecf1; }

.notice-area clr-icon { position: absolute; top: 50%; left: 0; width: 48px; height: 48px; margin-top: -24px; fill: #bac3f6; }

.notice-area.border-none { border-top: 0; }

.notice-area.type2 { margin-top: 20px; padding: 0; border-top: 0; text-align: center; }

.notice-area.type2 clr-icon { position: relative; margin-bottom: 30px; }

.notice-area.type2 p { color: #627085; }

.notice-area.type3 { text-align: center; padding: 0; border-top: 0; }

.notice-area.type3 clr-icon { position: relative; margin-bottom: 30px; }

.notice-area.type3 p { color: #627085; }

.content-item { position: relative; padding: 30px 0; border-top: 2px solid #e3ecf1; }

.qna-form { padding-bottom: 60px; }

.qna-form legend { font-size: 18px; }

.qna-info { padding-top: 30px; padding-bottom: 60px; }

.qna-table { width: 100%; margin-top: 30px; }

.qna-title { z-index: 1; position: relative; padding-left: 14px; font-size: 18px; font-weight: 700; }

.qna-title:before { content: "Q"; z-index: -1; position: absolute; top: -20px; left: 0; font-size: 42px; color: #b6beca; opacity: .3; }

.noti-area { max-width: 700px; }

.row-list { display: inline-block; }

.row-list .row-list-title-wrap:after { content: ""; display: table; clear: both; }

.row-list .row-list-title { position: relative; display: block; padding-left: 50px; float: left; font-size: 18px; font-weight: 700; }

.row-list .row-list-title .num { font-size: 18px; color: #0079ff; }

.row-list .row-list-title small { display: block; padding: 5px 0; }

.row-list .row-list-item { border-top: 1px #e3ecf1 solid; }

.row-list .row-list-item .content-view { visibility: hidden; max-height: 0; opacity: 0; -webkit-transition: visivility 0s, max-height .4s ease-in, opacity .4s ease-in; -o-transition: visivility 0s, max-height .4s ease-in, opacity .4s ease-in; transition: visivility 0s, max-height .4s ease-in, opacity .4s ease-in; }

.row-list .row-list-item .row-list-title-wrap { position: relative; display: block; }

.row-list .row-list-item .row-list-title-wrap .accordian-caret { position: absolute; top: 10px; left: 10px; -webkit-transition: -webkit-transform .4s ease-in; transition: -webkit-transform .4s ease-in; -o-transition: transform .4s ease-in; transition: transform .4s ease-in; transition: transform .4s ease-in, -webkit-transform .4s ease-in; }

.row-list .row-list-item input[type="checkbox"]:checked + .row-list-title-wrap + .content-view { visibility: visible; max-height: 1000px; opacity: 1; -webkit-transition: visivility 0s, max-height .4s ease-in, opacity .4s ease-in; -o-transition: visivility 0s, max-height .4s ease-in, opacity .4s ease-in; transition: visivility 0s, max-height .4s ease-in, opacity .4s ease-in; }

.row-list .row-list-item input[type="checkbox"]:checked + .row-list-title-wrap .accordian-caret { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-transition: -webkit-transform .4s ease-in; transition: -webkit-transform .4s ease-in; -o-transition: transform .4s ease-in; transition: transform .4s ease-in; transition: transform .4s ease-in, -webkit-transform .4s ease-in; }

.row-list .row-list-item:after { content: ""; display: table; clear: both; }

.row-list .row-list-item .badge { margin-top: -4px; font-size: 14px; }

.row-list .row-list-item .tag.no-shap clr-icon { margin-top: -1px; fill: #424e63; }

.row-list.timeline { z-index: 1; position: relative; }

.row-list.timeline .row-list-item { position: relative; padding: 15px 0 15px 90px; border: 0; }

.row-list.timeline .row-list-item:after { z-index: -1; content: ""; position: absolute; top: 20px; left: 31px; width: 2px; height: 100%; background: #e3ecf1; }

.row-list.timeline .row-list-item:only-child:after, .row-list.timeline .row-list-item:last-child:after { display: none; }

.row-list.timeline .row-list-item .row-list-title { position: relative; padding: 15px 25px; margin-bottom: 30px; float: none; border-radius: 10px; background: #f0f2f5; text-decoration: none; }

.row-list.timeline .row-list-item .row-list-title:hover { color: inherit; }

.row-list.timeline .row-list-item .row-list-title:after { position: absolute; content: ""; width: 0; height: 0; top: 25px; left: -25px; border-right: solid 10px #f0f2f5; border-bottom: solid 8px transparent; border-left: solid 15px transparent; border-top: solid 8px transparent; }

.row-list.timeline .row-list-item .round-item { position: absolute; top: 15px; left: 0; font-size: 14px; color: #627085; }

.row-list.timeline .row-list-item .round-item clr-icon { position: absolute; top: 15px; left: 15px; width: 28px; height: 28px; fill: #9fbecf; }

.row-list.timeline .row-list-item .tags { margin-top: 5px; }

.btn.btn-icon-fill-black clr-icon { fill: #333 !important; }

.badge.badge-mini { padding: 6px 10px; border-radius: 15px; }

.badge.badge-mini .checkbox, .badge.badge-mini .radio { margin-top: -2px; margin-bottom: -4px; }

.badge.badge-sm { padding: 9px 10px; border-radius: 15px; }

.badge.badge-sm .checkbox, .badge.badge-sm .radio { margin: -6px 5px -7px; }

.badge.badge-default { color: #333C4E; }

.badge clr-icon { fill: #fff !important; width: 12px !important; height: 12px !important; }

.badge.red { -webkit-box-shadow: 0 1px 8px 0 rgba(255, 99, 132, 0.1); box-shadow: 0 1px 8px 0 rgba(255, 99, 132, 0.1); }

.badge.orange { -webkit-box-shadow: 0 1px 8px 0 rgba(255, 159, 64, 0.1); box-shadow: 0 1px 8px 0 rgba(255, 159, 64, 0.1); }

.badge.yellow { -webkit-box-shadow: 0 1px 8px 0 rgba(255, 205, 86, 0.1); box-shadow: 0 1px 8px 0 rgba(255, 205, 86, 0.1); }

.badge.green { -webkit-box-shadow: 0 1px 8px 0 rgba(75, 192, 192, 0.1); box-shadow: 0 1px 8px 0 rgba(75, 192, 192, 0.1); }

.badge.blue { -webkit-box-shadow: 0 1px 8px 0 rgba(54, 162, 235, 0.1); box-shadow: 0 1px 8px 0 rgba(54, 162, 235, 0.1); }

.badge.purple { -webkit-box-shadow: 0 1px 8px 0 rgba(153, 102, 255, 0.1); box-shadow: 0 1px 8px 0 rgba(153, 102, 255, 0.1); }

.badge.grey { -webkit-box-shadow: 0 1px 8px 0 rgba(201, 203, 207, 0.1); box-shadow: 0 1px 8px 0 rgba(201, 203, 207, 0.1); }

.badge.indigo { -webkit-box-shadow: 0 1px 8px 0 rgba(201, 203, 207, 0.1); box-shadow: 0 1px 8px 0 rgba(201, 203, 207, 0.1); }

.badge.black { -webkit-box-shadow: 0 1px 8px 0 rgba(201, 203, 207, 0.1); box-shadow: 0 1px 8px 0 rgba(201, 203, 207, 0.1); }

.badge:hover.red { -webkit-box-shadow: 0 1px 8px 0 rgba(255, 99, 132, 0.3); box-shadow: 0 1px 8px 0 rgba(255, 99, 132, 0.3); }

.badge:hover.orange { -webkit-box-shadow: 0 1px 8px 0 rgba(255, 159, 64, 0.3); box-shadow: 0 1px 8px 0 rgba(255, 159, 64, 0.3); }

.badge:hover.yellow { -webkit-box-shadow: 0 1px 8px 0 rgba(255, 205, 86, 0.3); box-shadow: 0 1px 8px 0 rgba(255, 205, 86, 0.3); }

.badge:hover.green { -webkit-box-shadow: 0 1px 8px 0 rgba(75, 192, 192, 0.3); box-shadow: 0 1px 8px 0 rgba(75, 192, 192, 0.3); }

.badge:hover.blue { -webkit-box-shadow: 0 1px 8px 0 rgba(54, 162, 235, 0.3); box-shadow: 0 1px 8px 0 rgba(54, 162, 235, 0.3); }

.badge:hover.purple { -webkit-box-shadow: 0 1px 8px 0 rgba(153, 102, 255, 0.3); box-shadow: 0 1px 8px 0 rgba(153, 102, 255, 0.3); }

.badge:hover.grey { -webkit-box-shadow: 0 1px 8px 0 rgba(201, 203, 207, 0.3); box-shadow: 0 1px 8px 0 rgba(201, 203, 207, 0.3); }

.badge:hover.indigo { -webkit-box-shadow: 0 1px 8px 0 rgba(201, 203, 207, 0.3); box-shadow: 0 1px 8px 0 rgba(201, 203, 207, 0.3); }

.badge:hover.black { -webkit-box-shadow: 0 1px 8px 0 rgba(201, 203, 207, 0.3); box-shadow: 0 1px 8px 0 rgba(201, 203, 207, 0.3); }

.badge.badge-tag { display: -webkit-box; display: -ms-flexbox; display: flex; float: left; margin-right: 10px; margin-bottom: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 10px 5px 10px 20px; border-radius: 30px; -webkit-transition: -webkit-box-shadow 1s ease-in-out; transition: -webkit-box-shadow 1s ease-in-out; -o-transition: box-shadow 1s ease-in-out; transition: box-shadow 1s ease-in-out; transition: box-shadow 1s ease-in-out, -webkit-box-shadow 1s ease-in-out; }

.badge.badge-tag .badge-txt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-right: 10px; }

.badge.badge-tag .badge-txt .title { font-size: 14px; font-weight: 700; margin-bottom: 5px; }

.badge.badge-tag .badge-btn { background: transparent; border: 0; -webkit-appearance: none; cursor: pointer; }

.badge.badge-tag .badge-btn clr-icon { fill: #fff !important; }

.badge.badge-tag.badge-default .badge-btn clr-icon { fill: #333 !important; }

.badge.badge-tag.type2 { position: relative; display: inline-block; margin: 0; padding-right: 30px; float: none; }

.badge.badge-tag.type2 .badge-btn { position: absolute; top: calc(50% - 8px); right: 7px; }

.round-item { position: relative; display: inline-block; width: 64px; height: 64px; margin-top: 0; border: 2px #e3ecf1 solid; overflow: hidden; border-radius: 50%; background: white; }

.round-item img { width: 100%; }

.table tr > td.chart-info { position: relative; padding-left: 20px; }

.table tr > td.chart-info:before { content: ""; position: absolute; top: 17px; left: 10px; display: inline-block; width: 4px; height: 4px; }

.table tr > td.chart-info.red:before { background: #ff6384; }

.table tr > td.chart-info.orange:before { background: #ff9f40; }

.table tr > td.chart-info.yellow:before { background: #ffcd56; }

.table tr > td.chart-info.green:before { background: #4bc0c0; }

.table tr > td.chart-info.blue:before { background: #36a2eb; }

.table tr > td.chart-info.purple:before { background: #9966ff; }

.table tr > td.chart-info.grey:before { background: #c9cbcf; }

ul.list-style1 { margin: 10px 0; padding: 0; }

ul.list-style1 > li { position: relative; padding-left: 10px; }

ul.list-style1 > li:before { content: "*"; position: absolute; top: 2px; left: 0; }

ul.list-style1.type2 > li:before { content: ""; position: absolute; top: 12px; left: 0; width: 3px; height: 1px; }

th.mobile-th { display: none !important; }

.input-with-padding-icon.input-date input[type=date] { padding-right: 0; min-width: 124px; width: 100%; }

.input-with-padding-icon.input-date input[type=date]::-webkit-calendar-picker-indicator { opacity: 0; }

.input-with-padding-icon.input-date input[type=date]::-webkit-clear-button, .input-with-padding-icon.input-date input[type=date]::-webkit-inner-spin-button { display: none; }

.infographic { position: relative; display: block; width: 100%; max-width: 120px; height: 100%; margin: 0 auto; }

.infographic .num { display: block; text-align: right; font-size: 42px; color: #7585a5; }

.infographic .num.small { font-size: 32px; }

.infographic .num.accent { color: #0079ff; }

.infographic .desc { position: absolute; top: -5px; left: 5px; font-size: 12px; color: #627085; }

@media (max-width: 1001px) { .content-box { padding: 0; }
  .qna-table > tbody > tr > td { display: block !important; padding: 20px 15px; }
  .actions:after { content: ""; display: table; clear: both; }
  .actions.float-right.mobile-float-none, .actions.float-left.mobile-float-none { display: block; margin-top: 10px; margin-bottom: 10px; margin-left: 0; float: none !important; }
  .actions.float-right.mobile-float-none .btn, .actions.float-left.mobile-float-none .btn { width: 46%; margin-bottom: 10px; }
  .actions.inline.mobile-inline-none { display: block; margin-top: 10px; margin-bottom: 10px; margin-left: 0 !important; }
  .actions .radio-inline { display: block; float: left; width: auto; padding-bottom: 0; margin-top: 8px; margin-right: 15px; }
  .actions .radio-inline + .radio-inline { margin-left: 0; }
  .radio-inline { display: block; float: left; width: 48%; padding-bottom: 20px; }
  .radio-inline + .radio-inline { margin-left: 0; }
  .row > .tab-content { margin-top: 30px; }
  .table-responsive2 .table > tbody > tr > td, .table-responsive2 .table > thead > tr > td { display: block; }
  .table-responsive2 .table > tbody > tr > td.text-center, .table-responsive2 .table > thead > tr > td.text-center { text-align: left !important; }
  .table-responsive2 .table > tbody > tr > th, .table-responsive2 .table > thead > tr > th { display: block; padding: 5px 8px; border-top: 2px #e3ecf1 solid; }
  .table-responsive2 .table > tbody > tr > th.mobile-th, .table-responsive2 .table > thead > tr > th.mobile-th { display: block !important; }
  .table-responsive2 .table > tbody > tr > th:first-child, .table-responsive2 .table > thead > tr > th:first-child { margin-top: 30px; }
  .table-responsive2 .table > tbody > tr > th.text-center, .table-responsive2 .table > thead > tr > th.text-center { text-align: left !important; }
  .table-responsive2 .table > tbody > tr:first-child > th:first-child { margin-top: 0; }
  .table-responsive2 .table > tbody > tr { border-top: 2px #e3ecf1 solid; margin-top: 10px; }
  .table-responsive3 .table > tbody > tr > td, .table-responsive3 .table > thead > tr > td { display: block; width: 60% !important; float: left; }
  .table-responsive3 .table > tbody > tr > td.mobile-full, .table-responsive3 .table > thead > tr > td.mobile-full { width: 100% !important; float: none; }
  .table-responsive3 .table > tbody > tr > th, .table-responsive3 .table > thead > tr > th { display: block; width: 40% !important; float: left; }
  .table-responsive3 .table > tbody > tr > th .mobile-full, .table-responsive3 .table > thead > tr > th .mobile-full { width: 100% !important; float: none; }
  .table-responsive3 .table > tbody > tr > th.mobile-th, .table-responsive3 .table > thead > tr > th.mobile-th { display: block !important; }
  .table-responsive3 .table > tbody > tr { display: block; padding-bottom: 30px; }
  .table-responsive3 .table > tbody > tr:after { content: ""; display: table; clear: both; }
  .table-responsive3 .input-material.table > tbody > tr > th { text-align: left; }
  .table-responsive4 .table > tbody > tr > td, .table-responsive4 .table > thead > tr > td { display: block; width: 60% !important; float: left; }
  .table-responsive4 .table > tbody > tr > td .mobile-full, .table-responsive4 .table > thead > tr > td .mobile-full { width: 100% !important; float: none; }
  .table-responsive4 .table > tbody > tr > th, .table-responsive4 .table > thead > tr > th { display: block; width: 40% !important; float: left; }
  .table-responsive4 .table > tbody > tr > th .mobile-full, .table-responsive4 .table > thead > tr > th .mobile-full { width: 100% !important; float: none; }
  .table-responsive4 .table > tbody > tr > th.mobile-th, .table-responsive4 .table > thead > tr > th.mobile-th { display: block !important; }
  .table-responsive4 .table > tbody > tr { display: block; }
  .table-responsive4 .table > tbody > tr:after { content: ""; display: table; clear: both; }
  .table-responsive-tr .table > tbody > tr > td, .table-responsive-tr .table > thead > tr > td { display: block; width: auto; float: left; border: 0; }
  .table-responsive-tr .table > tbody > tr > td:first-child, .table-responsive-tr .table > thead > tr > td:first-child { width: 100%; padding: 5px 18px; padding-right: 50px; }
  .table-responsive-tr .table > tbody > tr > td:nth-child(2), .table-responsive-tr .table > thead > tr > td:nth-child(2) { padding-left: 18px !important; padding-right: 5px !important; font-size: 12px; }
  .table-responsive-tr .table > tbody > tr > td:nth-child(n + 3), .table-responsive-tr .table > thead > tr > td:nth-child(n + 3) { padding: 5px 5px 5px 0 !important; font-size: 12px; }
  .table-responsive-tr .table > tbody > tr > td:nth-child(n + 2):before, .table-responsive-tr .table > thead > tr > td:nth-child(n + 2):before { content: "#"; color: #0079ff; }
  .table-responsive-tr .table > tbody > tr > td.mobile-btn-td, .table-responsive-tr .table > thead > tr > td.mobile-btn-td { position: absolute; top: 16px; right: 18px; }
  .table-responsive-tr .table > tbody > tr > td.mobile-btn-td:before, .table-responsive-tr .table > thead > tr > td.mobile-btn-td:before { display: none; }
  .table-responsive-tr .table > tbody > tr, .table-responsive-tr .table > thead > tr { position: relative; display: block; padding: 5px 8px; border-top: 1px #e3ecf1 solid; border-bottom: 1px #e3ecf1 solid; }
  .table-responsive-tr .table > tbody > tr.mobile-th, .table-responsive-tr .table > thead > tr.mobile-th { display: block !important; }
  .table-responsive-tr .table > tbody > tr:first-child, .table-responsive-tr .table > thead > tr:first-child { margin-top: 30px; }
  .table-responsive-tr .table > tbody > tr:after, .table-responsive-tr .table > thead > tr:after { content: ""; display: table; clear: both; }
  .table-responsive-tr .table > tbody > tr:first-child > th:first-child { margin-top: 0; }
  .input-material.table > tbody > tr > th { text-align: left; }
  .profile.xlarge { padding-top: 30px; padding-bottom: 50px; } }

/*max m1001*/
select.form-control { padding-right: 20px; background-color: #fff; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6dHJhbnNwYXJlbnQ7fS5jbHMtMntmaWxsOiM0NDQ7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hcnJvd3M8L3RpdGxlPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjQuOTUiIGhlaWdodD0iMTAiLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMS40MSA0LjY3IDIuNDggMy4xOCAzLjU0IDQuNjcgMS40MSA0LjY3Ii8+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjMuNTQgNS4zMyAyLjQ4IDYuODIgMS40MSA1LjMzIDMuNTQgNS4zMyIvPjwvc3ZnPg==); background-size: 30px 30px; background-position: 98% center; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; line-height: 1.5; outline: none; overflow: hidden; }

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

.video { width: 100%; margin-bottom: 10px; }

.curriculum-swiper-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 470px; margin-top: 60px; }

.curriculum-swiper-container .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; }

.curriculum-items { display: inline-block; }

.curriculum-area { display: block; text-align: center; }

.curriculum-area:after { content: ""; display: table; clear: both; }

.curriculum-area .nav-tabs.line-tabs.layout-center { margin-top: 25px; }

.curriculum-area .nav-tabs.line-tabs.layout-center li a { font-size: 14px; }

.curriculum-area .item { float: left; }

.curriculum-area a.box { text-decoration: none; }

.curriculum-area .box { position: relative; display: inline-block; width: 315px; padding: 40px 0; text-align: left; background: white; -webkit-box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); -moz-box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); }

.curriculum-area .box h2 { margin: 0; padding: 0 40px; }

.curriculum-area .box h2 span { display: block; padding: 2px 0; }

.curriculum-area .box h2 small { display: block; margin-top: 5px; font-size: 12px; }

.curriculum-area .box .box-label { position: absolute; top: 0; left: 0; }

.curriculum-area .box video { margin-top: 15px; width: 100%; }

.curriculum-area .box .img { display: block; width: 315px; height: 177px; margin-top: 15px; background-color: #ddd; background-image: url(../img/sample/brain-activity-medical-test-KECUMG9.JPG); background-position: center center; background-size: cover; }

.curriculum-area .box p { margin-top: 10px; padding: 0 40px; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; }

.curriculum-area.no-swipe { padding-top: 25px; }

.curriculum-area.no-swipe .item { height: 436px; margin-right: 7px; margin-bottom: 20px; }

.box-label { display: block; width: 70px; height: 70px; overflow: hidden; }

.box-label span { display: block; width: 100px; height: 28px; padding: 4px; -webkit-transform: rotateZ(-45deg); -ms-transform: rotate(-45deg); transform: rotateZ(-45deg); -webkit-transform-origin: 45px 50px; -ms-transform-origin: 45px 50px; transform-origin: 45px 50px; font-size: 14px; font-weight: 700; text-align: center; background: #78BC27; color: white; }

.box-label.on-going span { background: #78BC27; }

.box-label.will-be span { background: #74AEA6; }

@media (max-width: 1000px) { .curriculum-area .nav-tabs.line-tabs.layout-center { margin-top: 40px; }
  .curriculum-area .nav-tabs.line-tabs.layout-center > li { display: inline-block; width: 60px; padding: 0 0 20px 0; float: none; text-align: center; }
  .curriculum-area .nav-tabs.line-tabs.layout-center > li a { display: inline-block; width: auto; }
  .curriculum-area .tab-scroll { width: 100%; overflow-x: auto; overflow-y: hidden; }
  .curriculum-area .tab-scroll ul.nav-tabs.line-tabs.layout-center { width: 450px; text-align: left; }
  .curriculum-swiper-container { margin-top: 0px; } }

.read-mode :not(.etc) > .checkbox input:not(:checked) + label, .read-mode :not(.etc) > .radio input:not(:checked) + label { display: inline-block; opacity: .6; }

.btn-hide-text { display: none; }

.btn-toggle clr-icon { -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; }

.btn-toggle.show-mode .btn-hide-text { display: inline-block; }

.btn-toggle.show-mode .btn-show-text { display: none; }

.btn-toggle.show-mode clr-icon { -webkit-transform: rotateZ(180deg); -ms-transform: rotate(180deg); transform: rotateZ(180deg); -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; }

.ax5modal.relative-full { position: relative; }

.ax5modal.relative-full .ax-modal-body .modal-body { position: relative; }

.theme-examiner .btn-primary { background: #00a5d6; border-color: #007ea3; }

.theme-examiner .btn-primary:hover, .theme-examiner .btn-primary:focus { background: #007ea3; border-color: #006a8a; }

.theme-examiner.layout-main.type-one .header-area .menu-area { background: #005094; /* Old browsers */ background: -moz-linear-gradient(-45deg, #005094 0%, rgba(0, 159, 195, 0.9) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #005094 0%, rgba(0, 159, 195, 0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(315deg, #005094 0%, rgba(0, 159, 195, 0.9) 100%); background: -o-linear-gradient(315deg, #005094 0%, rgba(0, 159, 195, 0.9) 100%); background: linear-gradient(135deg, #005094 0%, rgba(0, 159, 195, 0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

body { font-family: 'Noto Sans KR'; overflow: hidden; color: #333C4E; }

.mobile-only, .tablet-only { display: none !important; }

a { color: #627085; text-decoration: none; cursor: pointer; }

a:hover { color: #0079ff; }

.layout-main { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; background: #f0f2f5; background-size: cover; overflow: hidden; }

.layout-main.bg-white { background: white; }

.layout-main .layout-h-padding { padding: 0 25px; }

.layout-main .header-area { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 55px; overflow: visible; z-index: 100; background: #001b58; /* Old browsers */ background: -moz-linear-gradient(-45deg, #001b58 0%, #0050a2 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #001b58 0%, #0050a2 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(315deg, #001b58 0%, #0050a2 100%); background: -o-linear-gradient(315deg, #001b58 0%, #0050a2 100%); background: linear-gradient(135deg, #001b58 0%, #0050a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

.layout-main .header-area .logo-wrap { display: block; -webkit-box-sizing: content-box; box-sizing: content-box; float: left; padding: 7.5px 45px 7.5px 0; border-right: 1px rgba(255, 255, 255, 0.1) solid; }

.layout-main .header-area .logo { height: 40px; }

.layout-main .header-area .icon-item > a { display: inline-block; padding: 16px 15px; }

.layout-main .header-area .head-nav { display: block; float: left; font-size: 14px; margin-left: 10px; }

.layout-main .header-area .head-nav ul { padding-left: 0; }

.layout-main .header-area .head-nav ul label.title { position: relative; display: block; margin-top: 10px; margin-bottom: -5px; padding: 0 15px; font-size: 11px !important; font-weight: normal !important; color: #1a34ca; }

.layout-main .header-area .head-nav ul label.title:after { content: ""; position: absolute; display: block; top: -10px; left: 0; width: 100%; height: 1px; border-top: 1px #efefef solid; }

.layout-main .header-area .head-nav > ul > li:hover:before { content: ""; z-index: -1; position: absolute; top: 0; left: 0; bottom: 0; width: 136px; height: 55px; background: url(../img/header_hover_bg.png) center top/auto 100% no-repeat; opacity: .5; }

/* 메인메뉴 2depth 간격 */
.layout-main .header-area .head-nav li { z-index: 1; position: relative; padding: 18px 15px; margin-left:5px; overflow: visible; float: left; list-style: none; white-space: nowrap; cursor: pointer; }

.layout-main .header-area .head-nav li ul { display: none; }

.layout-main .header-area .head-nav li > a, .layout-main .header-area .head-nav li > label.menu-item { position: relative; text-decoration: none; color: #fff; }

.layout-main .header-area .head-nav li:hover > a, .layout-main .header-area .head-nav li:hover > label.menu-item { position: relative; text-decoration: none; color: #fff; }

.layout-main .header-area .head-nav li:hover > a:before, .layout-main .header-area .head-nav li:hover > label.menu-item:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: rgba(16, 0, 255, 0.69); }

.layout-main .header-area .head-nav li:hover ul { position: absolute; top: 45px; left: 0; display: block; min-width: 110px; background: white; -webkit-box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); -moz-box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); }

.layout-main .header-area .head-nav li:hover ul.menu-4 { width: 150px; }

.layout-main .header-area .head-nav li:hover ul.position-arange { left: -80px; }

.layout-main .header-area .head-nav li:hover ul li { position: relative; display: block; padding: 10px 15px; float: none; cursor: pointer; }

.layout-main .header-area .head-nav li:hover ul li a, .layout-main .header-area .head-nav li:hover ul li label.menu-item { position: relative; float: none; font-weight: 400; color: #707586; }

.layout-main .header-area .head-nav li:hover ul li a:hover, .layout-main .header-area .head-nav li:hover ul li label.menu-item:hover { background: transparent; }

.layout-main .header-area .head-nav li:hover ul li a:before, .layout-main .header-area .head-nav li:hover ul li label.menu-item:before { content: ""; display: none; }

.layout-main .header-area .head-nav li:hover ul li ul { z-index: 2; position: absolute; top: 0; left: 100%; }

.layout-main .header-area .head-nav li:hover ul li ul:after { position: absolute; top: 12px; left: -16px; display: inline-block; width: 15px; font-size: 12px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ">"; color: rgba(16, 0, 255, 0.69); }

.layout-main .header-area .head-nav li:hover ul li ul ul, .layout-main .header-area .head-nav li:hover ul li ul li, .layout-main .header-area .head-nav li:hover ul li ul label { display: none; }

/* 메인메뉴 2depth before */
.layout-main .header-area .head-nav li:hover ul li:hover:before { content: ""; position: absolute; top: 18px; left: 5px; width: 3px; height: 3px; background: rgba(16, 0, 255, 0.69); }

.layout-main .header-area .head-nav li:hover ul li:hover > a { color: #000; }

.layout-main .header-area .head-nav li:hover ul li:hover > a:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: rgba(16, 0, 255, 0.69); }

.layout-main .header-area .head-nav li:hover ul li:hover ul, .layout-main .header-area .head-nav li:hover ul li:hover li, .layout-main .header-area .head-nav li:hover ul li:hover label.menu-item { display: block; }

.layout-main .header-area .head-nav li:hover ul li:hover ul { z-index: 2; position: absolute; top: 0; left: 100%; display: block; width: 160px; background: white; -webkit-box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); -moz-box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); }

.layout-main .header-area .head-nav li:hover ul li:hover ul.position-invert { z-index: 2; position: absolute; top: 0; left: -210px; display: block; width: 220px; background: white; -webkit-box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); -moz-box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); }

.layout-main .header-area .head-nav li:hover ul li:hover ul:after { position: absolute; top: 12px; left: -16px; display: inline-block; width: 15px; font-size: 12px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ">"; color: rgba(16, 0, 255, 0.69); }

.layout-main .header-area .head-nav li:hover ul li:hover ul li { display: block; float: none; }

.layout-main .header-area .head-nav li:hover ul li:hover ul li a { display: block; float: none; }

.layout-main .header-area .head-nav li:hover ul li:hover ul li a:before { content: ""; display: none; }

.layout-main .header-area .head-nav li:hover ul li:hover ul li label.menu-item { margin-top: 10px; margin-left: -7px; font-size: .8em !important; z-index: 111; }

.layout-main .header-area .head-nav li:hover ul li:hover ul li ul { position: relative; top: auto; left: auto; right: auto; bottom: auto; display: block; background: transparent; -webkit-box-shadow: none; box-shadow: none; }

.layout-main .header-area .head-nav li:hover ul li:hover ul li ul:after { display: none; }

.layout-main .header-area .head-nav.type2 > ul { position: relative; display: block; }

.layout-main .header-area .head-nav.type2 > ul:after { content: ""; display: table; clear: both; }

.layout-main .header-area .head-nav.type2 > ul > li { width: 150px !important; padding: 18px 5px !important; }

.layout-main .header-area .head-nav.type2 > ul > li > ul.menu-4 { width: auto; }

.layout-main .header-area .head-nav.type2 > ul > li > ul > li { text-align: left; padding: 10px 0; }

.layout-main .header-area .head-nav.type2 > ul > li > ul > li:first-child { margin-left: 0; }

.layout-main .header-area .head-nav.type2 > ul > li > ul > li a { -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.layout-main .header-area .head-nav.type2 > ul:hover:before { content: ""; position: absolute; top: 55px; left: -11px; right: -20px; bottom: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: 3px rgba(16, 0, 255, 0.69) solid; background: white; -webkit-box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); -moz-box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); }

.layout-main .header-area .head-nav.type2 > ul:hover li:hover ul { -webkit-box-shadow: none; box-shadow: none; }

.layout-main .header-area .head-nav.type2 > ul:hover li:hover ul:after { display: none; }

.layout-main .header-area .head-nav.type2 > ul:hover li > ul { position: relative; top: 0; left: auto; display: block; margin-top: 40px; min-width: auto; background: white; }

.layout-main .header-area .head-nav.type2 > ul:hover li > ul.menu-4 { width: auto; }

.layout-main .header-area .head-nav.type2 > ul:hover li > ul > li { display: block; float: none; }

.layout-main .header-area .head-nav.type2 > ul:hover li > ul > li:hover:before { content: ""; position: absolute; top: 10px; left: -3px; width: 3px; height: 3px; background: rgba(16, 0, 255, 0.69); }

.layout-main .header-area .head-nav.type2 > ul:hover li > ul > li a { color: #333C4E; }

.layout-main .header-area .head-nav.type2 > ul:hover li > ul > li > ul { position: relative; top: 0; left: 0; width: 100%; margin-top: 0; margin-bottom: 10px; }

.layout-main .header-area .head-nav.type2 > ul:hover li > ul > li > ul > li { display: block; padding: 5px 0 10px 10px; }

.layout-main .header-area .head-nav.type2 > ul:hover li > ul > li > ul > li:hover:before { left: 5px; }

.layout-main .header-area .head-nav.type2 > ul:hover li > ul > li > ul > li a { display: inline-block; color: #627085; }

.layout-main .header-area .head-nav.type2 > ul:hover li:hover > ul { -webkit-box-shadow: none; box-shadow: none; }

.layout-main .header-area .sub-nav { display: block; float: right; }

.layout-main .header-area .sub-nav ul { padding-left: 10px; float: left; }

.layout-main .header-area .sub-nav ul li { display: block; margin-left: 10px; float: right; }

.layout-main .header-area .sub-nav ul li .btn { margin-top: 15px; }

.layout-main .header-area .sub-nav a clr-icon { width: 24px; height: 24px; fill: #fff; }

.layout-main .header-area .mobile-nav { display: none; }

.layout-main .header-area .mobile-nav ul li a { display: inline-block; padding: 18px 15px; }

.layout-main.type-one .layout-h-padding { width: 1440px; margin: 0 auto; }

.layout-main.type-one .layout-h-padding:after { content: ""; display: table; clear: both; }

.layout-main.type-one .header-area { height: 105px; background: white; }

.layout-main.type-one .header-area .lnb-header.sub-nav { display: block; float: none; }

.layout-main.type-one .header-area .lnb-header.sub-nav:after { content: ""; display: table; clear: both; }

.layout-main.type-one .header-area .lnb-header.sub-nav .lnb-nav { float: right; }

.layout-main.type-one .header-area .lnb-header.sub-nav .lnb-nav > li { float: left; }

.layout-main.type-one .header-area .lnb-header.sub-nav .lnb-nav .btn.btn-mini { padding: 0 10px; }

.layout-main.type-one .header-area .lnb-header.sub-nav .mobile-content-profile .profile .detail-txt { color: #627085; }

.layout-main.type-one .header-area .menu-area { width: 100%; height: 50px; background: #001b58; /* Old browsers */ background: -moz-linear-gradient(-45deg, #001b58 0%, #0050a2 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #001b58 0%, #0050a2 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(315deg, #001b58 0%, #0050a2 100%); background: -o-linear-gradient(315deg, #001b58 0%, #0050a2 100%); background: linear-gradient(135deg, #001b58 0%, #0050a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

.layout-main.type-one .header-area .menu-area .mobile-menu-header { display: none; }

.layout-main.type-one .header-area .head-nav { margin-left: 0; }

.layout-main.type-one .header-area .head-nav > ul > li { padding: 15px 30px; }

.layout-main.type-one .header-area .head-nav > ul > li:first-child { padding-left: 5px; }

.layout-main .content-area { position: absolute; top: 105px; left: 0; right: 0; bottom: 0; overflow: auto; }

.layout-main .content-area.scroll-content { top: 0; }

@media (max-width: 1439px) { .layout-main.type-one .layout-h-padding { width: 1280px; } }

@media (max-width: 1280px) { .layout-main.type-one .layout-h-padding { width: 100%; }
  .tablet-only { display: block !important; }
  .type-one .tablet-only { display: none !important; }
  .layout-main .mobile-menu-header { display: none; }
  .layout-main.sub-nav-open .header-area .mobile-menu-header { display: block; position: absolute; top: 50px; right: 15px; padding-left: 0; background: white; -webkit-box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); -moz-box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); }
  .layout-main.sub-nav-open .header-area .mobile-menu-header li { position: relative; display: block; float: none; padding: 8px 15px; margin-left: 0; }
  .layout-main.sub-nav-open .header-area .mobile-menu-header li:hover:before { content: ""; position: absolute; top: 10px; left: 13px; width: 3px; height: 3px; background: rgba(16, 0, 255, 0.69); }
  .layout-main.sub-nav-open .header-area .mobile-menu-header li:hover > button { color: #000; }
  .layout-main.sub-nav-open .header-area .mobile-menu-header li:hover > button:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: rgba(16, 0, 255, 0.69); }
  .layout-main.sub-nav-open .header-area .mobile-menu-header li .btn.btn-mini.btn-dark { position: relative; margin-top: 0; padding: 0; font-size: 14px; color: #545260; background: transparent; }
  .layout-main.sub-nav-open .header-area .mobile-menu-header li .btn.btn-mini.btn-dark clr-icon { fill: #333C4E; } }

footer { display: block; background: #353941; padding: 40px 0; }

footer .info { float: left; }

footer .info .logo { width: auto; height: 40px; opacity: .6; }

footer .info address { margin: 20px 0 5px; font-size: 12px; color: rgba(255, 255, 255, 0.5); }

footer .info .copyright { color: rgba(255, 255, 255, 0.3); font-size: 10px; }

footer .area-terms-list { display: block; float: right; }

footer .area-terms-list li { display: inline-block; padding: 0 20px; float: left; }

footer .area-terms-list li a { line-height: 1.15; font-size: 12px; color: white; }

footer .area-terms-list li .select2-container--default .select2-selection--single { margin-top: -5px; background: transparent; color: white; border: 0; }

footer .area-terms-list li .select2-container--default .select2-selection--single .select2-selection__arrow { height: 20px; }

footer .area-terms-list li .select2-container--default .select2-selection--single .select2-selection__rendered { color: white; }

.select2-dropdown.dark { background-color: #3c4944; border: 1px #3c4944 solid; display: block; color: white; }

.select2-container--default .dark .select2-results__option[aria-selected=true] { background-color: #3c4944; }

.select2-container--default .dark .select2-results__option[aria-selected=true]:hover { background-color: #2bcc94; }

.btn.btn-dark { background: rgba(63, 78, 106, 0.7); color: white; font-weight: 400; }

.btn.btn-dark clr-icon { margin-top: -1px; width: 14px; height: 14px; fill: white; }

.btn.btn-dark:hover { color: white; background: rgba(82, 102, 138, 0.7); }

.btn.btn-dark.btn-outline { border: 1px rgba(63, 78, 106, 0.7) solid; background: white; color: rgba(44, 54, 74, 0.7); }

.btn.btn-dark.btn-outline clr-icon { fill: rgba(44, 54, 74, 0.7); }

.btn.btn-dark.btn-outline:hover { color: rgba(82, 102, 138, 0.7); border-color: rgba(82, 102, 138, 0.7); }

.btn.btn-dark.btn-outline:hover clr-icon { fill: rgba(82, 102, 138, 0.7); }

@media (min-width: 1001px) { .lnb-nav .btn.btn-dark { background: #7489ae; color: white; border: 1px transparent hidden; }
  .lnb-nav .btn.btn-dark:hover { color: white; background: #94a4c1; }
  .lnb-nav .btn.btn-dark.btn-outline { background: transparent; color: #7489ae; border: 1px transparent hidden; }
  .lnb-nav .btn.btn-dark.btn-outline:hover { color: #b4c0d4; } }

@media (max-width: 1000px) { .mobile-only { display: block !important; }
  td.mobile-only { display: table-cell !important; }
  .tablet-only { display: none !important; }
  .layout-main .header-area { background: #001b58; /* Old browsers */ background: -moz-linear-gradient(-45deg, #001b58 0%, #0050a2 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #001b58 0%, #0050a2 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(315deg, #001b58 0%, #0050a2 100%); background: -o-linear-gradient(315deg, #001b58 0%, #0050a2 100%); background: linear-gradient(135deg, #001b58 0%, #0050a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
  .layout-main .header-area .menu-area { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .layout-main .header-area .logo-wrap { border-right: 0; }
  .layout-main .header-area .sub-nav, .layout-main .header-area .head-nav { display: none; }
  .layout-main .header-area .sub-nav.mobile-nav { display: block; }
  .layout-main.type-one .header-area { background: #001b58; /* Old browsers */ background: -moz-linear-gradient(-45deg, #001b58 0%, #0050a2 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #001b58 0%, #0050a2 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(315deg, #001b58 0%, #0050a2 100%); background: -o-linear-gradient(315deg, #001b58 0%, #0050a2 100%); background: linear-gradient(135deg, #001b58 0%, #0050a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
  .layout-main.type-one .header-area .menu-area .mobile-menu-header { display: block; background: #001b58; /* Old browsers */ background: -moz-linear-gradient(-45deg, #001b58 0%, #0050a2 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #001b58 0%, #0050a2 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(315deg, #001b58 0%, #0050a2 100%); background: -o-linear-gradient(315deg, #001b58 0%, #0050a2 100%); background: linear-gradient(135deg, #001b58 0%, #0050a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
  .layout-main .header-area:after { content: ""; position: absolute; top: 0; left: 0; right: 0; display: none; height: 100vh; background: rgba(0, 0, 0, 0.3); -webkit-backdrop-filter: blur(2px) grayscale(0.3); backdrop-filter: blur(2px) grayscale(0.3); }
  .layout-main .header-area .logo-wrap { border-right: 0; }
  .layout-main .header-area .sub-nav, .layout-main .header-area .head-nav { display: block; }
  .layout-main .header-area .sub-nav.mobile-nav { display: block; }
  .layout-main .header-area .menu-area { z-index: 999; position: absolute; top: 0; right: 0; bottom: 0; width: 30%; height: 100vh; background: #fff; overflow-y: auto; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .layout-main .header-area .menu-area .head-nav li > a, .layout-main .header-area .menu-area .sub-nav ul li .profile .detail-txt { color: #333C4E; }
  .layout-main .header-area .sub-nav .mobile-menu-header { display: block; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 55px; overflow: visible; z-index: 100; background: #001b58; /* Old browsers */ background: -moz-linear-gradient(-45deg, #001b58 0%, #0050a2 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #001b58 0%, #0050a2 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(315deg, #001b58 0%, #0050a2 100%); background: -o-linear-gradient(315deg, #001b58 0%, #0050a2 100%); background: linear-gradient(135deg, #001b58 0%, #0050a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ position: fixed; left: 70%; width: 30%; float: none; padding: 0 0 0 15px; }
  .layout-main .header-area .sub-nav .mobile-menu-header .btn { margin-right: 5px; }
  .layout-main .header-area .sub-nav .mobile-menu-header .mobile-close-btn { padding: 15px 15px; float: right; }
  .layout-main .header-area .sub-nav .mobile-menu-header li { float: left; }
  .layout-main .header-area .head-nav { display: block; width: 100%; margin-left: 0; float: none; }
  .layout-main .header-area .head-nav > ul > li { display: inline-block; width: 100%; float: none; padding: 8px 15px; font-size: 14px; }
  .layout-main .header-area .head-nav > ul > li > a { vertical-align: top; }
  .layout-main .header-area .head-nav > ul > li > a:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: transparent; }
  .layout-main .header-area .head-nav > ul > li:hover:before { display: none; }
  .layout-main .header-area .head-nav > ul > li:hover > a { display: inline-block; vertical-align: top; }
  .layout-main .header-area .head-nav > ul > li:hover > a:before { content: ""; position: absolute; bottom: 1px; left: 0; width: 100%; height: 1px; background: transparent; }
  .layout-main .header-area .head-nav > ul > li:hover ul { display: inline-block; visibility: hidden; max-height: 0; -webkit-transition: visivility 0s, max-height .4s ease-in; -o-transition: visivility 0s, max-height .4s ease-in; transition: visivility 0s, max-height .4s ease-in; -webkit-box-shadow: none; box-shadow: none; }
  .layout-main .header-area .head-nav > ul > li:hover ul li { float: none; }
  .layout-main .header-area .head-nav > ul > li.on > a { display: inline-block; vertical-align: top; }
  .layout-main .header-area .head-nav > ul > li.on > a:before { content: ""; position: absolute; bottom: 1px; left: 0; width: 100%; height: 1px; background: rgba(16, 0, 255, 0.69); }
  .layout-main .header-area .head-nav > ul > li.on ul { display: inline-block; max-height: 2000px; overflow: hidden; visibility: visible; }
  .layout-main .header-area .head-nav > ul > li.on ul li { position: relative; display: block; width: 100%; padding: 10px 15px; float: none; cursor: pointer; }
  .layout-main .header-area .head-nav > ul > li ul li { display: none; font-size: 18px; }
  .layout-main .header-area .head-nav ul { background: transparent; }
  .layout-main .header-area .head-nav ul li ul { display: inline-block; visibility: hidden; max-height: 0; -webkit-transition: visivility 0s, max-height .4s ease-in; -o-transition: visivility 0s, max-height .4s ease-in; transition: visivility 0s, max-height .4s ease-in; }
  .layout-main .header-area .head-nav ul li.on ul { position: relative; top: auto; left: auto; margin-top: -10px; }
  .layout-main .header-area .head-nav ul li.on ul:after { content: ""; position: absolute; top: 15px; left: 5px; bottom: 15px; width: 1px; background: #e1e1e1; }
  .layout-main .header-area .sub-nav { display: block; }
  .layout-main .header-area .sub-nav ul.mobile-content-profile { display: block; margin-top: 75px; padding-bottom: 20px; float: none; border-bottom: 1px #e1e1e1 solid; }
  .layout-main .header-area .sub-nav ul.mobile-content-profile li { display: block; width: 100%; margin: 0; float: none; }
  .layout-main .header-area .sub-nav ul.mobile-content-profile .profile { display: table; margin: 0 auto; }
  .layout-main .header-area .sub-nav ul.mobile-content-profile .profile .name { font-size: 14px; }
  .layout-main .header-area .sub-nav ul.mobile-content-profile .profile .email { font-size: 11px; }
  .layout-main .header-area:after { content: ""; position: absolute; top: 0; left: 0; right: 0; display: none; height: 100vh; background: rgba(0, 0, 0, 0.3); }
  .layout-main.menu-open .header-area:after { display: block; }
  .swiper-slide img { width: 100%; }
  .layout-h-padding { padding: 0 0 0 15px; }
  .mobile-hidden { display: none !important; }
  .layout-main .header-area .menu-area, .layout-main.type-one .header-area .menu-area { z-index: 999; position: absolute; top: 0; right: 0; bottom: 0; width: 0; height: 100vh; background: #fff; overflow-y: auto; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: hidden; -webkit-transition: visibility 0s 1s, width 0s 1s, -webkit-transform .4s ease-in; transition: visibility 0s 1s, width 0s 1s, -webkit-transform .4s ease-in; -o-transition: visibility 0s 1s, transform .4s ease-in, width 0s 1s; transition: visibility 0s 1s, transform .4s ease-in, width 0s 1s; transition: visibility 0s 1s, transform .4s ease-in, width 0s 1s, -webkit-transform .4s ease-in; }
  .layout-main .header-area .sub-nav .mobile-menu-header { width: 100%; left: 0; }
  .menu-open.layout-main .header-area .menu-area, .menu-open.layout-main.type-one .header-area .menu-area { visibility: visible; display: block; width: 70%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background: #fff; -webkit-transition: visibility 0s, width 0s, -webkit-transform .4s ease-in; transition: visibility 0s, width 0s, -webkit-transform .4s ease-in; -o-transition: visibility 0s, transform .4s ease-in, width 0s; transition: visibility 0s, transform .4s ease-in, width 0s; transition: visibility 0s, transform .4s ease-in, width 0s, -webkit-transform .4s ease-in; }
  .menu-open.layout-main .sub-nav { float: none; }
  .menu-open.layout-main .header-area .sub-nav .mobile-menu-header { width: 100%; left: 0; }
  .layout-main.type-one .header-area .layout-h-padding { padding: 0; }
  .layout-main .header-area .logo-wrap.mobile-only { margin-left: 15px; padding: 10px 0; }
  .layout-main .header-area .logo-wrap.mobile-only .logo { height: 35px; }
  .layout-main.type-one.menu-open .header-area { background: #001b58; /* Old browsers */ background: -moz-linear-gradient(-45deg, #001b58 0%, #0050a2 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #001b58 0%, #0050a2 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(315deg, #001b58 0%, #0050a2 100%); background: -o-linear-gradient(315deg, #001b58 0%, #0050a2 100%); background: linear-gradient(135deg, #001b58 0%, #0050a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
  .layout-main.type-one .header-area { height: 55px; }
  .layout-main.type-one .content-area.scroll-wrapper { top: 55px; }
  .layout-main.type-one .header-area .lnb-header.sub-nav { display: none; }
  .layout-main footer { padding-top: 5px; text-align: center; }
  .layout-main footer .layout-h-padding { padding: 0; }
  .layout-main footer .info { padding: 0 25px; float: none; }
  .layout-main footer .area-terms-list { display: block; height: 50px; margin-bottom: 30px; padding-top: 10px; border-bottom: 1px rgba(255, 255, 255, 0.1) solid; float: none; }
  .layout-main footer .area-terms-list li { width: 23%; padding: 0 5px; float: none; }
  footer .area-terms-list li a, footer .area-terms-list li .select2 { font-weight: 400; }
  footer .area-terms-list li .select2-container--default .select2-selection--single .select2-selection__arrow { height: 23px; width: 10px; }
  footer .area-terms-list li .select2-container--default .select2-selection--single { margin-top: -3px; }
  footer .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; font-size: 12px; padding-right: 15px; } }

@media (max-width: 640px) { .layout-main footer .area-terms-list { display: block; margin-bottom: 30px; border-bottom: 1px rgba(255, 255, 255, 0.1) solid; float: none; }
  .layout-main footer .area-terms-list li { width: auto; padding: 0 5px; float: none; } }

.content-with-side-hide { position: relative; width: 1440px; margin: 0 auto; min-height: 500px;}

.content-with-sidemenu { position: relative; width: 1440px; margin: 0 auto; padding-left: 200px; min-height: 500px; -webkit-transition: padding-left .4s ease-in; -o-transition: padding-left .4s ease-in; transition: padding-left .4s ease-in; }

.content-with-sidemenu .layout-h-padding { width: 100% !important; margin-left: -15px !important; margin-right: -15px !important; }

.content-with-sidemenu.side-hide { padding: 0; -webkit-transition: padding-left .4s ease-in; -o-transition: padding-left .4s ease-in; transition: padding-left .4s ease-in; }

.content-with-sidemenu.side-hide .side-menu { z-index: -1; opacity: 0; -webkit-transition: opacity .4s ease-in; -o-transition: opacity .4s ease-in; transition: opacity .4s ease-in; }

.side-menu { padding: 10px; opacity: 1; -webkit-transition: opacity .4s ease-in; -o-transition: opacity .4s ease-in; transition: opacity .4s ease-in; /** Styling first level lists items */ /** Styling second level list items */ /** Styling third level list items */ /** Hide nested lists */ /** Rotating chevron icon */ }

.side-menu.scroll-wrapper { position: absolute !important; top: 25px; left: 26px; bottom: 0; width: 160px; }

.side-menu .scroll-element.scroll-x { display: none !important; }

.side-menu.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 8px; }

.side-menu .breadcamp { position: relative; padding: 10px 0; }

.side-menu .breadcamp h2 { position: relative; display: block; margin: 0; padding-bottom: 15px; font-size: 18px; font-weight: 700; color: #333C4E; }

.side-menu .breadcamp h2 small { display: block; margin-top: 10px; font-size: 12px; color: #627085; }

.side-menu .breadcamp h2:after { content: ""; position: absolute; left: 0px; bottom: 0; width: 25px; height: 1px; background: #0079ff; }

.side-menu .breadcamp select { margin-top: 10px; }

.side-menu .side-action { display: block; margin-top: 10px; padding: 10px; border-top: 1px #e3ecf1 solid; }

.side-menu .nav { border-top: 1px #e3ecf1 solid; }

.side-menu > nav > ul { margin-left: 0; padding-left: 0; }

.side-menu > nav > ul label { margin-bottom: 0; }

.side-menu .nav a, .side-menu .nav label { display: block; padding: 10px; color: #627085; background-color: #ffffff; -webkit-box-shadow: inset 0 -1px #e7ebf5; box-shadow: inset 0 -1px #e7ebf5; -webkit-transition: background-image 0.25s ease-in; -o-transition: background-image 0.25s ease-in; transition: background-image 0.25s ease-in; }

.side-menu .nav a:focus, .side-menu .nav a:hover, .side-menu .nav label:focus, .side-menu .nav label:hover { color: white; background-color: #6074ea; background-repeat: repeat-x; border-color: transparent; }

.side-menu .nav label.active { background-color: #bac3f6; border-color: #bac3f6; }

.side-menu .nav label.active:hover { color: white; background-color: #6074ea; background-repeat: repeat-x; border-color: transparent; }

.side-menu .nav label { cursor: pointer; }

.side-menu .nav__list a, .side-menu .nav__list label { font-size: 14px; font-weight: 400; }

.side-menu .nav__list > li { position: relative; }

.side-menu .nav__list > li:hover > a.mask-link { color: #fff; }

.side-menu .nav__list > li:hover > label { background-color: #1a34ca; background-repeat: repeat-x; }

.side-menu .nav__list > li > a.mask-link { position: absolute; top: 0; left: 0; background: transparent; }

.side-menu .nav__list > li > a.mask-link:focus, .side-menu .nav__list > li > a.mask-link:hover, .side-menu .nav__list > li > a.mask-link:focus, .side-menu .nav__list > li > a.mask-link:hover { color: #fff; background-color: transparent; background-repeat: repeat-x; border-color: transparent; }

.side-menu .group-list a, .side-menu .group-list label { background: transparent; -webkit-box-shadow: none; box-shadow: none; font-size: 12px; font-weight: 400; text-decoration: none; }

.side-menu .group-list a small, .side-menu .group-list label small { display: block; color: #627085; }

.side-menu .group-list a:focus, .side-menu .group-list a:hover, .side-menu .group-list label:focus, .side-menu .group-list label:hover { background-color: #8d9bf0; background-repeat: repeat-x; border-color: transparent; }

.side-menu .group-list a:focus small, .side-menu .group-list a:hover small, .side-menu .group-list label:focus small, .side-menu .group-list label:hover small { display: block; color: #fff; }

.side-menu .group-list { padding-bottom: 0; border-bottom: 1px #e3ecf1 solid; background: #f5f8fb; }

.side-menu .group-list li.active a { background-color: #1a34ca; background-repeat: repeat-x; border-color: #1a34ca; color: white; }

.side-menu .group-list li.heading a, .side-menu .group-list li.heading label { font-weight: 700; }

.side-menu .sub-group-list a, .side-menu .sub-group-list label { padding-left: 3rem; background: #e9f0f3; -webkit-box-shadow: inset 0 -1px #d0d6e4; box-shadow: inset 0 -1px #d0d6e4; font-size: 13px; }

.side-menu .sub-group-list a:focus, .side-menu .sub-group-list a:hover, .side-menu .sub-group-list label:focus, .side-menu .sub-group-list label:hover { background-repeat: repeat-x; border-color: #0097d9; }

.side-menu .sub-sub-group-list a, .side-menu .sub-sub-group-list label { padding-left: 4rem; background: #dce6ea; -webkit-box-shadow: inset 0 -1px #d9dde4; box-shadow: inset 0 -1px #d9dde4; font-size: 12px; }

.side-menu .group-list, .side-menu .sub-group-list, .side-menu .sub-sub-group-list { height: 100%; max-height: 0; overflow: hidden; -webkit-transition: max-height 0.2s ease-in-out; -o-transition: max-height 0.2s ease-in-out; transition: max-height 0.2s ease-in-out; }

.side-menu .nav__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */ max-height: 4000px; padding-bottom: 10px; }

.side-menu label > clr-icon { float: right; -webkit-transition: -webkit-transform 0.15s ease; transition: -webkit-transform 0.15s ease; -o-transition: transform 0.15s ease; transition: transform 0.15s ease; transition: transform 0.15s ease, -webkit-transform 0.15s ease; }

.side-menu .nav__list input[type=checkbox]:checked + label > clr-icon { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.inner-content-bg { background: #f9f8ff; }

.content-area section.content-title { padding-left: 25px; padding-right: 25px; padding-bottom: 0; font-size: 14px; }

.content-area section.content-title h1 { position: relative; display: block; margin-top: 8px; padding-left: 15px; color: #333C4E; word-break: keep-all; }

/* 타이틀 H1 */
.content-area section.content-title h1:before { content: ""; position: absolute; top: 10px; left: 5px; width: 4px; height: 4px; border-radius: 50%; background: rgba(16, 0, 255, 0.69); }

.content-area section.content-title h1.title-only { margin-bottom: 0; padding-bottom: 10px; border-bottom: 1px #e3ecf1 solid; }

.content-area section.content-title h1.title-only:after { content: ""; position: absolute; bottom: 0; left: 15px; width: 22px; height: 1px; background: rgba(16, 0, 255, 0.69); }

.content-area section.content-title h1 > span { display: inline-block; }

.content-area section.content-title h1 small { display: inline-block; font-size: .5em; font-weight: 300; }

.content-area section.content-title h1 small span { margin-right: 10px; }

.content-area section.content-title h1 small clr-icon { fill: #0079ff; }

.content-area section.content-title h1 .btn.btn-mini { margin-top: 5px; }

.content-area section.content-title.with-line h1 { padding-bottom: 15px; border-bottom: 1px #e3ecf1 solid; }

.content-area section.content-title .table { background: #f9f8ff; }

.content-area section.content-title .tab-scroll { display: block; padding: 0; border-bottom: 1px #e3ecf1 solid; }

.content-area section.content-title .tab-scroll .nav-tabs.line-tabs.layout-center { display: block; }

.bg-table { background: #f9f8ff; }

section.content-view { padding: 25px; }

.lnb-header.sub-nav .logo.white { display: none; }

.ui-header-hide .layout-main .header-area { height: 55px; }

.ui-header-hide .layout-main .content-area { top: 55px; }

.ui-header-hide .layout-main .content-area.scroll-content { top: 0; }

.ui-header-hide .menu-area { display: none; }

.ui-header-hide .lnb-header.sub-nav { background: #005094; /* Old browsers */ background: -moz-linear-gradient(-45deg, #005094 0%, rgba(0, 159, 195, 0.9) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #005094 0%, rgba(0, 159, 195, 0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(315deg, #005094 0%, rgba(0, 159, 195, 0.9) 100%); background: -o-linear-gradient(315deg, #005094 0%, rgba(0, 159, 195, 0.9) 100%); background: linear-gradient(135deg, #005094 0%, rgba(0, 159, 195, 0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

.ui-header-hide .lnb-header.sub-nav .logo.dark { display: none; }

.ui-header-hide .lnb-header.sub-nav .logo.white { display: inline; }

@media (max-width: 1439px) { .content-with-sidemenu { width: 100%; } }

@media (max-width: 1001px) { .main-content .row div[class*="col"] { padding-left: 0; padding-right: 0; margin-top: 15px; margin-bottom: 15px; }
  .main-content .row div[class*="col"] .portlet { border-radius: 0; }
  .content-with-sidemenu { width: 100%; padding-left: 0; }
  .content-area .layout-h-padding { padding: 0; }
  .content-area section.content-title { position: relative; padding: 0; padding-bottom: 5px; background: #465054; }
  .content-area section.content-title .tab-scroll { padding-left: 25px; border-bottom: 0; }
  .content-area section.content-title .tab-scroll.responsive-tab { width: 100%; overflow-x: auto; padding-left: 5px; }
  .content-area section.content-title .tab-scroll.responsive-tab .nav-tabs.line-tabs.layout-center { display: inline-block; white-space: nowrap; padding-bottom: 3px; }
  .content-area section.content-title .tab-scroll.responsive-tab .nav-tabs.line-tabs > li { display: inline-block; float: none; padding: 0 8px; }
  .content-area section.content-title .table-responsive { padding: 0 15px; }
  .content-area section.content-title .table { min-width: 1024px; border-top: 2px solid #333; color: white; }
  .content-area section.content-title .table > tbody > tr > td { border-top: 1px #333 solid; }
  .content-area section.content-title .table > thead > tr > th { border-bottom: 1px #333 solid; }
  .content-area section.content-title .nav-tabs.line-tabs > li.active > a, .content-area section.content-title .nav-tabs.line-tabs > li.active > a:focus { color: white; }
  .content-area section.content-title .nav-tabs.line-tabs > li > a { color: rgba(255, 255, 255, 0.8); }
  .content-area section.content-title h1 { position: relative; margin: 0; background: #180063; /* Old browsers */ background: -moz-linear-gradient(-45deg, #180063 0%, #313b58 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #180063 0%, #313b58 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(315deg, #180063 0%, #313b58 100%); background: -o-linear-gradient(315deg, #180063 0%, #313b58 100%); background: linear-gradient(135deg, #180063 0%, #313b58 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ color: white; padding: 15px 18px 15px 40px; font-size: 18px; }
  .content-area section.content-title h1:before { display: none; }
  .content-area section.content-title h1 small { display: block; margin-top: 5px; font-size: 12px; color: rgba(255, 255, 255, 0.8); }
  .content-area section.content-title h1:after { content: ""; display: table; clear: both; }
  .content-area section.content-title .nav.nav-tabs.line-tabs.layout-center { font-size: 12px; }
  .content-area section.content-title a.sub-menu-btn { position: absolute; top: 13px; left: 15px; }
  .content-area section.content-title a.sub-menu-btn clr-icon { width: 14px; height: 14px; fill: white; }
  .side-menu-wrap { display: none; }
  .side-menu-wrap.open { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); }
  .side-menu-wrap.open .sub-menu-close-btn { z-index: 3; position: absolute; top: 10px; right: 35px; }
  .side-menu-wrap.open .sub-menu-close-btn clr-icon { width: 32px; height: 32px; fill: #fff; }
  .side-menu-wrap.open .sub-menu-close-dimm { z-index: 1; position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
  .side-menu-wrap.open .side-menu.scroll-wrapper { display: block; z-index: 99; top: 0; left: 0; right: 0; bottom: 0; -webkit-box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); -moz-box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); box-shadow: 0 1px 8px 0 rgba(202, 213, 224, 0.8); width: 80%; padding: 20%; background: white; }
  .side-menu-wrap.open .side-menu.scroll-content { background: white; }
  .ax5modal { width: 100% !important; }
  section.content-wrap { padding: 0 !important; } }

@media print { @page { size: 210mm 297mm;
    /* landscape */
    /* you can also specify margins here: */
    margin: 25mm; }
  html, body { height: 100%; margin: 0px; }
  body { position: relative; height: 100%; margin: 0; color: #000; background-color: #fff; overflow: auto; }
  .portlet { -webkit-box-shadow: none; box-shadow: none; border: 1px #eee solid; border-radius: 0; }
  .btn { display: none; }
  a::after { content: " (" attr(href) ")"; }
  .page { position: relative; display: block; height: 100%; counter-increment: page; page-break-after: always; }
  .count-wrap { position: absolute; bottom: 20px; left: 0; display: block; width: 100%; text-align: center; white-space: nowrap; z-index: 20; }
  h1 clr-icon { width: 30px; height: 30px; margin-right: 5px; }
  h3 clr-icon { width: 20px; height: 20px; margin-top: -3px; margin-right: 5px; } }

.content-area section { padding-top: 25px; padding-bottom: 25px; }

.content-area section.portlet { padding-top: 0; padding-bottom: 0; }

.calendar-content { color: #333C4E; }

section.content-wrap { padding: 25px; }

.weekday-txt { padding: 5px 5px; }

.weekday-txt span { font-size: 13px; font-weight: 700; }

.weekday-txt small { font-size: 12px; font-weight: 100; }

.fc-button { position: relative; }

.fc .fc-state-default { padding: 0 !important; margin: 0 15px; background: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; }

.fc .fc-state-default.fc-state-down, .fc .fc-state-default.fc-state-active { -webkit-box-shadow: none; box-shadow: none; text-shadow: none; }

.fc .fc-state-default.fc-state-down:after, .fc .fc-state-default.fc-state-active:after { content: ""; position: absolute; left: 0px; bottom: 0; width: 100%; height: 1px; background: #0079ff; }

.fc-unthemed td.fc-widget-content { border-left: 0; }

.fc-unthemed td.fc-widget-content, .fc-unthemed .fc-head-container.fc-widget-header { border-left: 0; }

.fc-unthemed .fc-row.fc-widget-header table > thead > tr > th:first-child { border-top: 1px hidden transparent; }

.fc .fc-axis { padding: 5px 8px 5px 0; text-align: left; font-size: 11px; color: #627085; }

.tab-calendar { min-height: 500px; }

.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end { padding: 5px; }

.fc-day-grid-event { padding: 5px; }

.fc-time-grid-event .fc-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.fc-time-grid-event .fc-content .fc-time { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font-size: 9px; color: #627085; font-weight: 400; }

.fc-time-grid-event .fc-content .fc-title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-size: 12px; color: #333C4E; font-weight: 400; }

.fc-day-grid-event .fc-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.fc-day-grid-event .fc-content .fc-time { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-left: 5px; font-size: 9px; color: #627085; font-weight: 400; }

.fc-day-grid-event .fc-content .fc-title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-size: 12px; color: #333C4E; font-weight: 400; }

.fc-toolbar.fc-header-toolbar { position: relative; }

.fc-toolbar.fc-header-toolbar .fc-center { display: block; width: 100%; text-align: center; }

.fc-toolbar.fc-header-toolbar .fc-center > * { display: inline-block; margin: 0 15px; vertical-align: middle; line-height: 25px; float: none; }

.fc-toolbar.fc-header-toolbar .fc-left { position: absolute; top: 5px; left: 0; }

.fc-toolbar.fc-header-toolbar .fc-right { position: absolute; top: 5px; right: 0; }

.fc-toolbar.fc-header-toolbar h2 span { margin-right: 10px; font-size: 25px; font-weight: 100; color: #627085; }

.fc-toolbar.fc-header-toolbar h2 small { font-size: 25px; font-weight: 100; color: #333C4E; }

.fc-timeline-event .fc-content { padding-left: 10px; }

@media (max-width: 1000px) { .layout-main { background: white; }
  .content-area > section.content-wrap { padding-top: 10px; padding-bottom: 0px; }
  .row.layout-h-padding { padding: 0; border: 0; }
  .row.layout-h-padding .col-lg-5 { padding: 0; margin-bottom: 10px; border-radius: 0; }
  .portlet { border: 0; border-radius: 0; }
  .calendar.padding-t-10 { padding-top: 0 !important; }
  .calendar .row.layout-h-padding .col-xs-12 { padding: 0; }
  .calendar .row.layout-h-padding .col-xs-12 .portlet { border: 0; background: white; border-radius: 0; }
  .calendar .row.layout-h-padding .col-xs-12 .content { padding: 0 20px; }
  .fc-view-container { width: 100%; overflow-x: auto; }
  .fc-view-container .fc-view { width: 640px; }
  .fc-toolbar.fc-header-toolbar { position: relative; }
  .fc-toolbar.fc-header-toolbar .fc-center { display: block; width: 100%; text-align: center; }
  .fc-toolbar.fc-header-toolbar .fc-center > * { display: inline-block; margin: 0 5px; vertical-align: middle; line-height: 25px; float: none; }
  .fc-toolbar.fc-header-toolbar .fc-left { display: none; }
  .fc-toolbar.fc-header-toolbar .fc-right { position: relative; top: 0; right: 0; margin-top: 0; margin-bottom: 20px; display: block; width: 100%; text-align: left; }
  .fc-toolbar.fc-header-toolbar .fc-right .fc-button-group { float: none; }
  .fc-toolbar.fc-header-toolbar h2 span { margin-right: 5px; font-size: 18px; font-weight: 100; color: #627085; }
  .fc-toolbar.fc-header-toolbar h2 small { font-size: 18px; font-weight: 100; color: #333C4E; }
  .fc-day-grid-event .fc-content { white-space: normal; }
  .fc-time-grid-event .fc-content { display: inline-block; white-space: normal; word-break: break-all; padding-top: 15px; padding-left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .fc-time-grid-event .fc-content .fc-time { display: inline-block; white-space: normal; word-break: break-all; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font-size: 9px; padding-left: 0; color: #627085; font-weight: 400; }
  .fc-time-grid-event .fc-content .fc-title { display: inline-block; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-size: 12px; color: #333C4E; font-weight: 400; }
  .fc-day-grid-event .fc-content { display: inline-block; white-space: normal; word-break: break-all; padding-top: 15px; padding-left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .fc-day-grid-event .fc-content .fc-time { display: inline-block; white-space: normal; word-break: break-all; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-left: 0; font-size: 9px; color: #627085; font-weight: 400; }
  .fc-day-grid-event .fc-content .fc-title { display: inline-block; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-size: 12px; color: #333C4E; font-weight: 400; } }

.content-layout .left-layout { position: absolute; width: 33.33333%; padding-left: 15px; padding-right: 15px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.content-layout .right-layout { position: relative; width: 58.33333%; margin-left: 41.66666%; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.content-layout .right-layout .layout-btn-area { position: absolute; left: -80px; top: calc(50% - 40px); }

.content-layout.right-full .right-layout { width: 100% !important; margin-left: 0 !important; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.content-layout.right-full .right-layout .layout-btn-area { display: none; }

.content-layout.right-full .left-layout { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }




/* =============================== EPS 모달 팝업 공통 css =============================== */
.modal_title{background-image: linear-gradient(to bottom, rgba(22, 123, 95, 0.8) 0%, rgba(15, 102, 127, 0.65) 100%);
	background-image: -webkit-linear-gradient(top, rgba(22, 123, 95, 0.8) 0%, rgba(15, 102, 127, 0.65) 100%);
    background-image: -o-linear-gradient(top, rgba(22, 123, 95, 0.8) 0%, rgba(15, 102, 127, 0.65) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 123, 95, 0.8)), to(rgba(15, 102, 127, 0.65)));        
    background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC167B5F', endColorstr='#A60F667F', GradientType=0);
    background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF70B6FA',endColorstr='#FF3F9DF8',GradientType=0);    
	background-color:#1a34ca; background-position: 0 0; border-top: 1px #6074ea solid; border-left: 1px #4960e8 solid; border-right: 1px #324de5 solid;
	text-shadow: -1px -1px 4px rgba(23, 45, 101, 0.45); color: #fff; user-select: none; font-weight: 600; padding: 10px 15px;
	border-bottom: 1px solid transparent;}
.modal_title p{padding:0; margin:0}
.table-thead thead tr th{background-color: #f2f2f2}


/* =============================== 시행배정 추가 css =============================== */

/* iframe 팝업 세로 스크롤 생성 */
body.pace-done{ overflow-y:scroll !important; }
body#mainLayout{ overflow:hidden !important; }
 
/* 시행배정 관리 UI 수정관련 CSS */
.status-btn { overflow:hidden; margin-bottom:20px; }
 
/* - 버튼 */
.btn.btn_my{ padding:0 0; width:20px; height:20px; }

 /* 삭제 버튼 */
 .btn.btn_my_del{ width:40px; height:25px; }
/* 
.btn_box_wrap{ position:relative; }
.btn_box{ position:absolute; top:50%; left:0; }
 */

/* 추가 화살표 */
.add_arrow_wrap{ margin-top:50px; }
.add_arrow{ width:0; height:0; border-top:25px solid transparent; border-bottom:25px solid transparent; border-left:25px solid #ccc; position:relative; margin:0 0 0 130px; cursor:pointer; }
.add_arrow::before{ content: ""; height:25px; width:40px; background: #ccc; position: absolute; top: 0; margin: -100%; display: block; transform: translateX(-160%) translateY(-50%); }

.del_arrow_wrap{margin-top:30px}
.del_arrow{ width:0; height:0; border-top:25px solid transparent; border-bottom:25px solid transparent; border-right:25px solid #ccc; position:relative; margin:0 0 0 90px; cursor:pointer; }
.del_arrow::before{ content: ""; height:25px; width:40px; background: #ccc; position: absolute; top: 0; margin: 100%; display: block; transform: translateX(55%) translateY(-50%); }

/* 모달 팝업 상단 x 가리기 */
.ax-modal-header .ax-modal-header-addon button { display:none !important; }


/* 업종 배정 레이아웃 변경 */
.homeworkDiv{ width:100%; overflow:hidden; }

.homeworkDiv .hwCommon{ width:100%; overflow:hidden; border-top:2px solid #e3ecf1; }
.homeworkDiv .hwCommon li{ display:block; float:left; }
.homeworkDiv .hwCommon li{ padding-left:8px; }

.homeworkDiv .hwDay{ border-bottom:1px solid #e3ecf1; }
.homeworkDiv .hwDay li{ float:left; padding-top:20px; padding-bottom:20px; }
.homeworkDiv .hwDay li:nth-child(1){ width:23%; }
.homeworkDiv .hwDay li:nth-child(2){ width:55%; }

.homeworkDiv .hwContent li{ margin:20px 0; }
.homeworkDiv .hwContent li.amGroup{ width:50%; float:left; padding-right:5%;  border-right:1px solid #e3efc1; }
.homeworkDiv .hwContent li.pmGroup{ width:50%; float:right; padding-left:5%; }

.homeworkDiv .hwContent li > div{ width:49%; float:left; margin-right:2%; }
.homeworkDiv .hwContent li .hwGroupWrap{ margin-right:0; }
.homeworkDiv .hwContent li .hwGroup{ border-bottom:1px solid #e3ecf1; padding:20px 0 20px 8px; }
.homeworkDiv .hwContent li .hwGroup:first-child{ padding-top:0px; }
.homeworkDiv .hwContent li .hwAddBtn{ margin-top:10px; }

/* 채점표 배정 록목 */
.table_z{ border-top:none; }
.table_z .test_tr th{ padding:0 !important; }

.task_info{overflow:hidden; display:block}
.task_info li{float:left; padding: 6px 5px 5px 20px;}
.task_info li .task_id{width:300px}
.task_info li .task_count{color:#757285; background-color:#fff; background-image:none; border:1px solid #ccc; padding:2px; width:25px; height:20px}

.badge_wrap{clear:both; min-height:30px; border-bottom:1px solid #e3ecf1; padding:16px 8px; box-sizing:content-box}
.badge_wrap_z{border-bottom:none}
.dataField{padding:0 !important}
.btn_z{font-size:12px; padding:3px 8px}

/* 채점표 - 채점자 비밀번호 */
.part_pass{text-align:right; margin-bottom:20px}
.part_pass input{width:120px; padding:3px 5px; height:30px; font-size:12px}

/* 응시자 리스트 */
.actions-area{overflow:hidden}
.exam_search_box{overflow:hidden; float:left}
.exam_search_box li{float:left; margin-right:10px}

.exam_search_box li p{line-height:30px}
.exam_search_box li .btn-sm.btn-round,
.exam_search_box li .input-with-padding-icon.input-round,
.exam_search_box li .input-with-padding-icon.input-round .form-control,
.exam_search_box li .form-control.form-control-round{border-radius:5px}

.tab-content thead tr th,
.tab-content tbody tr td{text-align:center}
.tab-content tbody tr td{background:#fff; vertical-align:middle}
#examiner_koreaNum_list{position:relative}
#examiner_koreaNum_list #backBtn{position:absolute; bottom:20px; right:25px}

#koreaNumList .koreaNum span{font-weight:bold; color:blue}


/* 비번호 관리 */
.notice-area.qrcode{padding:0 0 0 30px}
.notice-area.qrcode p{font-size:18px; font-weight:bold}
.notice-area.qrcode clr-icon{width:20px; height:20px; margin-top:-15px}


/* 합격자 선정 */
.resultMenu{width:100%;}
.resultMenu ul{overflow:hidden; border-bottom:1px solid #d2d2d2; padding-bottom:10px; margin-bottom:10px}
.resultMenu ul li{float:left}
.resultMenu ul li:nth-child(odd){margin:0 10px}
.resultMenu > div{overflow:hidden;}
.resultMenu > div p{float:right}

.font-bold { font-weight: bold; }

/* 로딩바 */
#loading_j {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 2px solid rgba(136, 136, 136, 0.4);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin_j 1s ease-in-out infinite;
    -webkit-animation: spin_j 1s ease-in-out infinite;
}

@keyframes spin_j {
    to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin_j {
    to { -webkit-transform: rotate(360deg); }
}
.cursor-wait {
    cursor:wait
}


.ax5modal .ax-modal-body .modal-body.menu_fix {
	overflow: hidden !important;
}
.menu_fix .content .content {
	padding-top: 242px;
    height: 615px;
    overflow: auto;
}
.menu_fix .content .content .table-responsive {
	position: fixed;
    top: 90px;
    width: calc(100% - 120px);
/*     left: 60px; */
    background: rgba(255,255,255,0.5);
}
.menu_fix .content .content .btn-area {
	overflow: hidden;
    border-top: 2px solid #e3ecf1;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 15px 60px;
    box-sizing: border-box;
    background: #fff;
}
.add-btn clr-icon {
	vertical-align: -3px;
	margin-right: 5px;
}