html, body { height: 100%; }
body { font-family: 'Roboto', sans-serif; color: #334750; background-color: #333; background-size: 100%; } /* min-width:800px; */
a { text-decoration:none; }
b, strong, .bold { font-weight:bold; }
i, em { font-style: italic; }
.clear { clear:both; }
.ta-l { text-align:left; }
.ta-c { text-align:center !important; }
.ta-r { text-align:right !important; }
.fl { float:left !important; }
.fr { float:right !important; }
.fn { float:none !important; }
.d-b, .visible { display:block !important; }
table.visible { display:table !important; }
.d-ib { display:inline-block; }
.hidden { display:none !important; }
.m-auto { margin: 0 auto !important; }
.mt-1 { margin-top:1px; }
.mt-3 { margin-top:3px; }
.mt-5 { margin-top:5px; }
.mt-10 { margin-top:10px; }
.mt-15 { margin-top:15px; }
.mt-20 { margin-top:20px; }
.mt-30 { margin-top:30px; }
.mt-40 { margin-top:40px; }
.mb-0 { margin-bottom:0px; }
.mb-2 { margin-bottom:2px; }
.mb-5 { margin-bottom:5px; }
.mb-10 { margin-bottom:10px; }
.mb-15 { margin-bottom:15px; }
.mb-20 { margin-bottom:20px; }
.mr-10 { margin-right:10px; }
.mr-20 { margin-right:20px; }
.m-0 { margin:0 !important; }
.ml-0 { margin-left:0 !important; }
.ml-5 { margin-left:5px !important; }
.ml-10 { margin-left:10px !important; }
.ml-15 { margin-left:15px !important; }
.ml-30 { margin-left:30px !important; }
.mr-0 { margin-right:0 !important; }
.pt-0 { padding-top:0 !important; }
.pt-15 { padding-top:15px !important; }
.pt-24 { padding-top:24px; }
.pb-15 { padding-bottom:15px !important; }
.pl-10 { padding-left:10px; }
.pr-10 { padding-right:10px; }
.link { color:#309cd6;cursor:pointer; }
.link:hover { border-bottom:1px solid #309cd6; }
.lh15 { line-height: 15px; }
.lh20 { line-height: 20px; }
.lh25 { line-height: 25px; }
.lh30 { line-height: 30px; }
.lh32 { line-height: 32px; }
.lh35 { line-height: 35px; }
.lh38 { line-height: 38px; }
.fs-10 { font-size:10px; }
.fs-10i { font-size:10px !important; }
.fs-11 { font-size:11px; }
.fs-12 { font-size:12px; }
.fs-13 { font-size:13px; }
.mh-80 { min-height:80px; }
.bl-none { border-left:none !important; }
.br-none { border-right:none !important; }
.scroll-horizontal { overflow-y:auto; }
.pointer-cursor { cursor:pointer; }
.normal-cursor{ cursor: unset !important; }
.flex-sb { justify-content: space-between; }
.subsection td:first-child{ padding-left: 25px; }
/* NO FORM */
.bg-container { position: absolute;height: 100%;width: 100%; z-index:5; }
#notfound-content { margin: 0 auto; padding-top:10%;font-size:28px;font-weight:400;position:relative;z-index:10;text-align:center;color:#fff;line-height:60px; }
/* STATIC */
#main-container { position: relative; padding: 0; min-height: 100%; min-width: 320px; max-width: 2800px; margin:0 auto; background-color: #fff; }
#main-container { -webkit-box-shadow: 0px 0px 40px 0px rgba(32,32,32,1); -moz-box-shadow: 0px 0px 40px 0px rgba(32,32,32,1); box-shadow: 0px 0px 40px 0px rgba(32,32,32,1); }
.hex { display: block; position: relative;background-color: #64C7CC;margin: 15px 0;}
.hex:before,.hex:after { content: ""; position: absolute; width: 0; left: 0; border-left: 21px solid transparent; border-right: 21px solid transparent; }
.hex:before { bottom: 100%;border-bottom: 13px solid #64C7CC; }
.hex:after { top: 100%; width: 0; border-top: 13px solid #64C7CC;}
/* WIDTHS */
.w30 { width:30px; }
.w50 { width:50px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w100 { width:100px; }
.w120 { width:120px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w180 { width:180px; }
.w200 { width:200px; }
.w240 { width:240px !important; }
.w250 { width:250px !important; }
.w50p { width:50%; }
.w100p { width:100%; }
.minw-50{ min-width: 50px; }
.color-black{ color: #000 !important; }
.select2-search__field { outline:none; }
/* HEADER */
#header { position: relative; top: 0; width: 100%; max-width: inherit; height: 100px; background-color: #101928; z-index: 101; }
#logo-container { position: relative; float: left; width: 100px; height: 100px; background: #1e293d; }
#logo { margin: 20px auto 0; display: block; width: 56px; height: 56px; background: url('../img/icons.png') no-repeat 3px -409px; }
#navbar-header { min-height: 100px; padding: 0 70px; text-align: center;padding-right: 50px;text-align: left;}
.top-select { display: inline-block; float: left; margin: 35px 0 0 20px;height:30px;line-height:30px; }
.top-select span { margin-left:10px;color: #fff;cursor:pointer; }
.top-select span:after { content:"";float:right;display:inline-block;width:20px;height:20px;background: url('../img/icons.png') no-repeat;background-position:-80px -328px;margin:5px 0 5px 10px; }
.top-select span:hover:after { background-position:-80px -348px; }
#ts-company { float:right;margin-right:50px; }
.header-list { display:none;position:absolute;top:75px;background-color: #e8ecef;min-width:250px;max-width:350px;z-index:101;border-right:1px solid #cdd4dc;border-left:1px solid #cdd4dc;border-bottom:1px solid #cdd4dc;max-height:400px;overflow-y:auto;overflow-x:hidden; }
.header-list li { border-top: 1px solid #cdd4dc;font-size: 13px; }
.header-list li.hover { background-color:#d9edf5 !important; }
.header-list li a { display: block;min-height:20px;line-height:20px;padding: 5px; color: #4f5e63; }
.header-list li a:hover { color:#0275d8; }
.header-list li .newLine:before { content:"";float:left;display:inline-block;width:20px;height:20px;background: url('../img/icons.png') no-repeat;background-position:-57px -389px;margin-right:10px; }
.header-list li .newLine:hover:before { background-position:-36px -389px; }
.header-list .searchOption { display:block;height:30px;width:100%;background-color:#fff; }
.header-list .searchOption input { border:none;padding:5px 32px 5px 5px;height:30px;width:100%;box-sizing:border-box;z-index:21;outline:none; }
.header-list .searchOption:before { content:"";position:absolute;width:22px;height:22px;top:5px;right:5px;background: url('../img/icons.png') no-repeat;background-position:-58px -455px;z-index:22; }
#event-list .archive, #form-list .archive { display:none; }
#event-list .archive a, #form-list .archive a { color:#aab5b8; }
/* Form active status */
#form-list li a { padding-right:32px;position:relative; }
#form-list .active { display:inline-block;position:absolute;width: 16px;height: 32px;top:0;right:8px; }
#form-list .active .hex { display:inline-block;position:relative;width: 16px;height: 8px; }
#form-list .hex:before, #form-list .hex:after { content: ""; position: absolute; width: 0; left: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; }
#form-list .hex:before { bottom: 100%;border-bottom: 6px solid #dc5655; }
#form-list .hex:after { top: 100%; width: 0; border-top: 6px solid #dc5655;}
#form-list .hex.red { background-color: #dc5655; }
#form-list .hex.green { background-color: #3ebb60; }
#form-list .hex.red:before, #form-list .hex.red:after { border-bottom-color: #dc5655; border-top-color: #dc5655;}
#form-list .hex.green:before, #form-list .hex.green:after { border-bottom-color: #3ebb60; border-top-color: #3ebb60;}
#top-menu { display: inline-block; margin-top: 20px;margin-right:40px;float: right; }
#top-menu li { display: inline-block; margin: 0 4px; float: left; }
#top-menu li span, #navbar-mobile li .hex span { display: block; margin: 0 auto; width: 27px; height: 27px; background: url('../img/mobile/top-menu.png') no-repeat; }
#header .hex { width: 42px; height: 25px; margin: 12px 0; }
#header .hex.icon-form { background-color: #0083b9; }
#header .active .hex.icon-form, #header .hex.icon-form:hover { background-color: #0272a0; }
#header .hex.icon-form:before, #header .hex.icon-form:after { border-bottom-color: #0083b9; border-top-color: #0083b9;}
#header .active .hex.icon-form:before, #header .active .hex.icon-form:after, #header .hex.icon-form:hover:before, #header .hex.icon-form:hover:after { border-bottom-color: #0272a0; border-top-color: #0272a0;}
#header .hex.icon-form span { background-position: 0 -1px; }
#header .hex.icon-stats { background-color: #c03eb8; }
#header .active .hex.icon-stats, #header .hex.icon-stats:hover { background-color: #9f2f98; }
#header .hex.icon-stats:before, #header .hex.icon-stats:after { border-bottom-color: #c03eb8; border-top-color: #c03eb8;}
#header .active .hex.icon-stats:before, #header .active .hex.icon-stats:after, #header .hex.icon-stats:hover:before, #header .hex.icon-stats:hover:after { border-bottom-color: #9f2f98; border-top-color: #9f2f98;}
#header .hex.icon-stats span { background-position: -54px -1px; }
#header .hex.icon-content { background-color: #dcbd13; }
#header .active .hex.icon-content, #header .hex.icon-content:hover { background-color: #cbae0b; }
#header .hex.icon-content:before, #header .hex.icon-content:after { border-bottom-color: #dcbd13; border-top-color: #dcbd13;}
#header .active .hex.icon-content:before, #header .active .hex.icon-content:after, #header .hex.icon-content:hover:before, #header .hex.icon-content:hover:after { border-bottom-color: #cbae0b; border-top-color: #cbae0b;}
#header .hex.icon-content span { background-position: -108px -1px; }
#header .hex.icon-abstracts { background-color: #3ebb60; }
#header .active .hex.icon-abstracts, #header .hex.icon-abstracts:hover { background-color: #2c9d4c; }
#header .hex.icon-abstracts:before, #header .hex.icon-abstracts:after { border-bottom-color: #3ebb60; border-top-color: #3ebb60;}
#header .active .hex.icon-abstracts:before, #header .active .hex.icon-abstracts:after, #header .hex.icon-abstracts:hover:before, #header .hex.icon-abstracts:hover:after { border-bottom-color: #2c9d4c; border-top-color: #2c9d4c;}
#header .hex.icon-abstracts span { background-position: -135px -1px; }
#header .hex.icon-crm { background-color: #ff9100; }
#header .active .hex.icon-crm, #header .hex.icon-crm:hover { background-color: #f28f0c; }
#header .hex.icon-crm:before, #header .hex.icon-crm:after { border-bottom-color: #ff9100; border-top-color: #ff9100;}
#header .active .hex.icon-crm:before, #header .active .hex.icon-crm:after, #header .hex.icon-crm:hover:before, #header .hex.icon-crm:hover:after { border-bottom-color: #f28f0c; border-top-color: #f28f0c;}
#header .hex.icon-crm span { background-position: -81px -1px; }
#header .hex.icon-dashboard { background-color: #3ebb60; }
#header .active .hex.icon-dashboard, #header .hex.icon-dashboard:hover { background-color: #2c9d4c; }
#header .hex.icon-dashboard:before, #header .hex.icon-dashboard:after { border-bottom-color: #3ebb60; border-top-color: #3ebb60;}
#header .active .hex.icon-dashboard:before, #header .active .hex.icon-dashboard:after, #header .hex.icon-dashboard:hover:before, #header .hex.icon-dashboard:hover:after { border-bottom-color: #2c9d4c; border-top-color: #2c9d4c;}
#header .hex.icon-dashboard span { background-position: -162px -1px; }
#header .hex.icon-system { background-color: #ff9100;margin-left:25px; }
#header .active .hex.icon-system, #header .hex.icon-system:hover { background-color: #f28f0c; }
#header .hex.icon-system:before, #header .hex.icon-system:after { border-bottom-color: #ff9100; border-top-color: #ff9100;}
#header .active .hex.icon-system:before, #header .active .hex.icon-system:after, #header .hex.icon-system:hover:before, #header .hex.icon-system:hover:after { border-bottom-color: #f28f0c; border-top-color: #f28f0c;}
#header .hex.icon-system span { background-position: -162px -1px; }
#top-user { display: inline-block; margin-top: 32px;float: right; }
#top-user li { display: inline-block; float: left; margin: 0 0 0 15px; }
#top-user .icon { display: block; width: 25px; height: 25px; background: url('../img/icons.png') no-repeat;cursor:pointer }
#top-user .icon.icon-dashboard { background-position: -475px -303px; }
#top-user .icon.icon-settings { background-position: -75px -303px; }
#top-user .icon.icon-logout { background-position: -175px -303px; }
#top-user .icon.icon-dashboard:hover { background-position: -500px -303px; }
#top-user .icon.icon-settings:hover { background-position: -100px -303px; }
#top-user .icon.icon-logout:hover { background-position: -200px -303px; }
#top-preview { margin:21px 0 0 40px;min-width:70px;float:left; }
#top-preview .btn { margin-bottom:5px;min-width:70px; }
#navbar-toggle { position: absolute; top: 0; right: 0; width: 65px; height: 100px; border: 0; outline: 0 !important; background-color: #1e293d;cursor:pointer; }
#navbar-toggle:before { content: ''; position: absolute; top: 50%; left: 50%; margin-left: -20px; margin-top: -20px; width: 40px; height: 40px; background: url('../img/mobile/mobile-menu.png') no-repeat; background-position: 0 0; }
#navbar-toggle.active:before { background-position: 0 -40px; }
#navbar-mobile { background-color: #e8ecef;display:none; }
#navbar-mobile li { border-bottom: 1px solid #cdd4dc; font-size: 20px; font-weight: 300; }
#navbar-mobile li a { position: relative; display: block; padding: 0 20px; min-height: 66px; line-height: 66px; color: #4f5e63; }
#navbar-mobile li a:hover { color:#0275d8; }
#navbar-mobile li .icon { padding-left: 82px; }
#navbar-mobile li .icon:before { content: ''; display: block; position: absolute; top: 50%; margin-top: -20px; left: 20px; width: 40px; height: 40px; background: url('../img/mobile/mobile-nav.png') no-repeat; }
#navbar-mobile .icon.icon-events:before { background-position: 0 0; }
#navbar-mobile .icon.icon-settings:before { background-position: 0 -40px; }
#navbar-mobile .icon.icon-left:before { background-position: 0 -80px; }
#navbar-mobile .icon.icon-right:before { background-position: 0 -120px; }
#navbar-mobile .icon.icon-logout:before { background-position: 0 -160px; }
.full-page-container { position:relative; padding: 35px 25px 50px; }
.main-title { margin-bottom: 30px; min-height: 23px; color: #32464f; font-weight: 300; font-size: 26px; line-height: 23px;}
.main-title.icon-stats, .main-title.icon-crm { position: relative; padding-left: 42px; }
.main-title.icon-stats:before, .main-title.icon-crm:before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 25px; height: 25px; background: url('../img/icons.png') no-repeat; }
.main-title.icon-stats:before { background-position: -400px -303px; }
.main-title.icon-crm:before { background-position: -425px -303px; }
.copyright { position:absolute;width:100%;z-index:5;bottom:0;height:50px;line-height:50px; color: #8f8f8f; text-align: center; font-size: 12px; }
.icon.cog, .white_cog { display:inline-block;width:20px;height:20px;background: url('../img/icons.png') no-repeat; }
.icon.cog { background-position:-84px -443px; }
.icon.white_cog { background-position:-106px -443px; }
.icon.attachment { display:inline-block;width:16px;height:16px;background: url('../img/icons.png') no-repeat; background-position:-235px -370px; }
.ic16 { width:16px;height:16px;background: url('../img/icons.png') no-repeat; }
.btn .ic16 { margin-right:10px; float:left; }
.ic16.plus { background-position:-170px -500px;}
.ic16.import { background-position:-186px -500px;}
.ic16.export { background-position:-202px -500px;}
.ic16.email { background-position:-218px -500px;}
.ic16.settings { background-position:-234px -500px;}
.ic16.settings-grey { background-position:-250px -500px;}
/* Images */
#cropPopup { height:300px;width:600px;padding-top:10px;overflow:hidden; }
#cropLeft { width:400px;height:400px;display:inline-block;margin-right:20px; }
#cropRight { width:180px;display:inline-block;float:right; }
#cropRight .img-preview { overflow:hidden;border:1px solid #0083b9;border-radius:.25rem;margin:0 auto; }
#cropRight .btn { min-width:auto !important;margin-left:0 !important;width:100%;margin-top:10px; }
#cropRight .rotate { padding:0.5rem 0.5rem; }
#cropRight .rotate span { display:inline-block;height:20px;line-height:20px;float:left; }
#cropRight .rotate .cw, .rotate .ccw { width:20px;background: url('../img/icons.png') no-repeat;float:left;margin: 0 10px; }
#cropRight .rotate .cw { background-position:-100px -328px; }
#cropRight .rotate .ccw { background-position:-120px -328px; }
#cropRight .btn-green { width:100%; }
#cameraPopup { height:500px;width:600px;padding-top:10px;overflow:hidden; }
#cameraPopup video { width:600px;height:450px;display:inline-block; }
#cameraPopup .btn { min-width:auto !important;width:100%;margin-left:0 !important;margin-top:10px; }
/* FORM */
.google-map { width: 100%;height: 300px; }
.table { width: 100%; max-width: 100%; margin-bottom: 1rem;font-size:0.8rem; }
.table-container { width: 100%; overflow-x: auto; }
.table-container.scroll { overflow-y: auto;max-height: calc(100vh - 375px); }
.table th { padding: 4px 5px; vertical-align: middle; }
.table td { padding: 2px 5px; vertical-align: middle; }
.table-statistic thead th, .table-basic thead th { background-color: #0083b9; color: #fff; font-weight: 400; border: 1px solid #0083b9; }
.table-statistic thead th, .table-basic thead th { border-right-color: #b1c3c7;height:20px; }
.table-statistic .checkbox-container, .table-basic .checkbox-container { width: 24px; }
.table-statistic .custom-control, .table-basic .custom-control { display: block; }
.table-statistic .custom-control.custom-radio, .table-statistic .custom-control.custom-checkbox,
.table-basic .custom-control.custom-radio, .table-basic .custom-control.custom-checkbox { padding-left: 24px; margin: 0; }
.table-statistic td, .table-basic td { border: 1px solid #b1c3c7; color: #33474e; }
.table-basic.subtable td { background-color: #d9dde1; }
.table-statistic tr:first-child td, .table-basic tr:first-child td { border-top: 0; }
.table-basic th, .table-basic td { height:28px; }
.table-statistic.table-form td,.table-basic.table-form td,
.table-statistic.table-form th, .table-basic.table-form th { padding-top: 8px; padding-bottom: 8px; border-color: #dae2e4; }
.table-statistic.table-form tr td:first-child, .table-basic.table-form tr td:first-child,
.table-statistic.table-form tr th:first-child, .table-basic.table-form tr th:first-child { border-left: 0;}
.table-statistic.table-form tr td:last-child, .table-basic.table-form tr td:last-child,
.table-statistic.table-form tr th:last-child, .table-basic.table-form tr th:last-child { border-right: 0;}
.table-basic tr:not(.without_hover):hover td { background-color:#edf1f4 !important; }
.table-basic tr .remove { display:none; width: 20px; height: 20px;background: url('../img/icons.png') no-repeat; cursor: pointer;background-position: -40px -328px; }
.table-basic tr:hover .remove { display:inline-block; }
.table-basic tr .remove:hover { background-position: -40px -348px; }
.table-updown tbody tr td.bor-0 { border:none; }
.table-updown tbody tr td.pad-0 { padding:0px; }
.table-updown tbody tr td .input-btns { padding:0 5px; }
.table-updown tbody tr td .input-btns span { margin:0; }
.table-updown tbody tr td .icon-up { float:left; }
.table-updown tbody tr td .icon-down { float:right; }
.table-updown:not(.subtable) tbody tr.without_subsection:first-child > td .icon-up, .table-updown:not(.subtable) tbody tr.without_subsection:last-child > td .icon-down { display:none; }
.table-updown:not(.subtable) tbody tr.menu-last > td .icon-down { display:none; }
/* .table-updown:not(.subtable) tbody tr.without_subsection:first-child > td .icon-up, .table-updown:not(.subtable) tbody tr.without_subsection:last-child > td .icon-down { display:none; } */
.table-updown.subtable tbody tr:first-child > td .icon-up, .table-updown.subtable tbody tr:last-child > td .icon-down { display:none; }
.table-updown tbody tr table.subtable tr:last-child td { border-bottom: none; }
.table .searchRow td{ padding: 0px; }
.btn.icn-check, .btn.icn-cross, .btn.icn-edit { line-height:20px;cursor:pointer; }
.btn.icn-check:before, .btn.icn-cross:before, .btn.icn-edit:before { content:'';display:inline-block;width: 20px; height: 20px;background: url('../img/icons.png') no-repeat;float:left; }
.btn.icn-cross:before { background-position: -140px -328px; }
.btn.icn-check:before { background-position: -160px -328px; }
.btn.icn-edit:before { background-position:-180px -328px; }
.btn.loading { position:relative;padding-right:40px;}
.btn.loading:before { content:'';display:inline-block;position:absolute;top:17px;right:9px;width:28px; height: 4px;background: url('../img/loader-button.gif') no-repeat; }
/* ALERT */
.alert { position: relative; color: #fff; padding:10px 10px 10px 70px;min-height:32px;line-height:32px; }
.alert-success { background-color: #49b46e; }
.alert-danger { background-color: #dc5655; }
.alert-warning { background-color: #0083b9; }
.alert-success:before, .alert-danger:before, .alert-warning:before { position: absolute; top: 10px; left: 20px; display: block; content: ''; width: 32px; height: 32px; background: url('../img/icons.png') no-repeat; }
.alert-success:before { background-position: -162px -459px; }
.alert-danger:before { background-position: -130px -459px; }
.alert-warning:before { background-position: -194px -459px; }
.alert.small { padding:5px 5px 5px 40px;min-height:20px;line-height:20px;font-size:13px; }
.alert.small:before { top:8px;left:12px;width:16px;height:16px;background-size: 289px 310px;background-position: -97px -230px; }
.alert a { color:#fff;text-decoration:underline; }
.alert a:hover { text-decoration:none; }
/* BUTTON */
.btn { cursor: pointer; text-transform: uppercase; outline: 0 !important; min-width: 120px; color: #fff;background-color: #0083b9; text-transform: none;display: inline-block; font-weight: 400; line-height: 1.25; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .5rem 1rem; font-size: 1rem; border-radius: .25rem; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.btn:hover { background-color:#0076a6; }
.btn.btn-grey {background-color: #b2c1c8; }
.btn.btn-grey:hover {background-color: #a0adb4; }
.btn.btn-grey-inverse { background-color: #fff;color:#65614a;border:1px solid #65614a }
.btn.btn-grey-inverse:hover {background-color: #e5e5e5; }
.btn.btn-red {background-color: #dc5655; }
.btn.btn-red:hover {background-color: #c64d4c; }
.btn.btn-purple {background-color: #c03eb8; }
.btn.btn-purple:hover {background-color: #ac38a5; }
.btn.btn-green {background-color: #3ebb60; }
.btn.btn-green:hover {background-color: #38a856; }
.btn.btn-yellow {background-color: #c6a705; }
.btn.btn-yellow:hover {background-color: #b29604; }
.btn.btn-orange {background-color: #d0914e; }
.btn.btn-orange:hover {background-color: #bb8246; }
.btn.btn-dark-blue { background-color: #156f94; }
.btn.btn-dark-blue:hover { background-color: #136485; }
.btn.btn-orangez { background-color: #ff9100; }
.btn.btn-orangez:hover { background-color: #e58200; }
.btn.no-uppercase { text-transform: none; }
.btn.full_width { width: 100%; }
.btn:disabled { background-color: #ccc; }
.btn.small { font-size:0.75rem;min-width: 90px; padding: 0.3rem 0.6rem; }
.btn.medium { font-size:0.75rem;min-width: 80px; height:30px;line-height:30px;padding: 4px 0.6rem;box-sizing:content-box; }
.btn.extra-small { font-size: 0.7rem; min-width: 55px; padding: 0.3rem; }
.btn.medium .svgIcon { width:30px;height:30px;float:left;margin-right:5px; }
.btn.no-cursor { cursor:default; }
#pagination .btn { min-width:40px;margin:0 5px; }
/* Participant */
.popupParticipant > div.tab, .popupAbstracts > div.tab { display:none; }
.popupParticipant > div.active, .popupAbstracts > div.active { display:block; }
.participant-notes label { font-weight:bold; float:left;padding-right:15px; }
.participant-notes .notesForm, .participant-notes .groupForm { float:left;width:80%; }
.participant-notes .notesForm textarea { padding: 6px;font-size: 0.75rem;box-sizing:border-box;width:100%;max-width:100%;font-size:12px;resize:none; }
.participant-notes .btn { margin:3px 0 0 !important;padding:6px;font-size:12px; }
.paymentErrorMessage { font-size:11px;color:#e10000;margin-top:3px; }
#sendEmail, #newMailing { display:none;max-height:100%; }
#openEmail { display:none; }
#openEmail, #queueRead .emailBox { max-height:100%;overflow-x:hidden;overflow-y:auto;font-size:13px;padding-right:5px; }
#openEmail .email-content { margin-top:10px; }
#openEmail .email-attachments {margin-top:20px; }
#openEmail .email-attachments ul {margin-top:5px; }
#openEmail .email-attachments li { display:inline-block;padding:4px 8px;margin-right:5px;font-size:11px;border-radius:3px;line-height:20px;color:#fff;background-color:#3ebb60;white-space: nowrap; }
.openParticipant, .openReview { color:#309cd6;cursor:pointer; }
.openParticipant:hover, .openReview:hover { border-bottom:1px solid #309cd6; }
/* Status */
.status { padding:4px 8px;font-size:11px;border-radius:3px;line-height:20px;color:#fff;background-color:#ccc;white-space: nowrap; }
.status.block { display:inline-block; }
.status.red { background-color:#dc5655; }
.status.purple { background-color:#c03eb8; }
.status.blue { background-color:#0083b9; }
.status.yellow { background-color:#e9ac3f; }
.status.green { background-color:#3ebb60; }
.status.gray { background-color:#bbbbbb; }
.bg-red, .highlightOpen .bg-red {background-color: #dc5655 !important;color:#fff !important; }
.bg-green, .highlightOpen .bg-green {background-color: #3ebb60 !important;color:#fff !important; }
#scanList tbody tr td { height:22px; }
#scanList tbody tr td .status { float:right;cursor:pointer;display: block;width: 100%;box-sizing: border-box; }
.appTagLine { display:inline-block;height:25px;width:8px;float:left;margin-right:10px; }
/* Footer stat */
.footerStats li { width:33%;float:left;font-size:0.85rem;padding: 0.3rem 0; }
.footerStats li label { width:100px;text-align:right; }
.footerStats li span { font-weight:bold;width:54px;margin:0 10px;display:inline-block;text-align:center; }
/* POPUP */
.popupInfo { display:inline-block;width:16px;height:19px;margin-left:10px;background: url('../img/icons.png') no-repeat;background-position:-84px -369px;cursor:pointer; }
.popupInfo:hover { background-position:-100px -369px; }
body.scrollLock { overflow-y:hidden; }
#popup { position:fixed;top:0px;left:0px; bottom:0px;right:0px; background-color:rgba(0, 0, 0, 0.75); z-index: 210; }
#popup .container { position: fixed; display: inline-block; z-index: 50;padding:0 20px; }
#popup .container.fullscreen { max-width:100vw !important;width:calc(100vw - 100px) !important; }
#popup .container.fullscreen .btn.full_width { max-width:200px !important; }
#popup h5 { color: #fff;font-size: 30px;font-weight: 400;padding: 0 30px 10px 15px; max-width: 800px; line-height: 35px; }
#popup .content { position:relative; padding: 10px 20px 20px; background-color: #fbfbfb;min-height:150px;max-width:800px;max-height:calc(100vh - 100px);overflow: auto; }
.scrollLock #popup .content{ overflow: auto; }
#popup .content .message { width:100%;height:100px;line-height:20px;padding-top:20px;text-align:center; }
#popup .left-tabs { display: inline-block;position:absolute;width:50px;left:-29px;top:45px; }
#popup .left-tabs li { width:49px;margin-top:2px;display: block; box-sizing: border-box; padding: 15px 0; min-height: 66px; background: #c3c3c3; border-radius: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; color: #fff;cursor:pointer; }
#popup .left-tabs li:first-child { margin-top:0; }
#popup .left-tabs li.active { border: 1px solid #fff;padding:0 !important; background-color: #016ba7 !important; }
#popup .left-tabs li.red { background-color: #dc5655 !important; }
#popup .left-tabs li.green { background-color: #3ebb60 !important; }
#popup .left-tabs.left-icons li{ padding:1px 0 1px 1px;min-height:37px; }
#popup .left-tabs li .icn { display:block;width:100%;padding:6px 0; }
#popup .left-tabs li .icn:before { content:'';width:25px;height:25px;display:block;margin:0 auto;background: url('../img/icons.png') no-repeat; }
#popup .left-tabs li .icn.icn-profile:before { background-position:-300px -303px; }
#popup .left-tabs li .icn.icn-data:before { background-position:-325px -303px; }
#popup .left-tabs li .icn.icn-list:before { background-position:-25px -303px; }
#popup .left-tabs li .icn.icn-emails:before { background-position:-250px -303px; }
#popup .left-tabs li .icn.icn-edit:before { background-position:-275px -303px; }
#popup .left-tabs li .icn.icn-delete:before { background-position:-375px -303px; }
#popup .left-tabs li .icn.icn-invoices:before { background-position:-450px -303px; }
#popup .left-tabs li .icn.extraText { text-align:center;font-size:9px; }
#popup .left-tabs:not(.tab-rotate) li.active { border-right: 0; }
#popup .left-tabs.tab-rotate li.active { border-bottom: 0; }
#popup .left-tabs.tab-rotate li { width: auto;height: 49px;line-height: 49px;-webkit-transform-origin: left top;-webkit-transform: rotate(-90deg) translateX(-100%); }
#popup #close_popup { position: absolute; cursor: pointer; width: 21px; height: 20px; top: 10px; right: 20px; background: url('../img/icons.png') no-repeat; background-position: 0px -368px; }
#popup #close_popup:hover { background-position: -21px -368px; }
#popup .form-container .form-group { margin-bottom: 15px; }
#popup .btn { margin-left: 25%; }
#popup .btn.btn-grey { margin-left: 10px; }
#popup .btn.btn-red { float:right;margin-left: auto; }
#popup .alert:not(.visible) { display:none; }
#popup .notification #close_popup { right:30px;top:-30px; }
#popup .notification .content { padding:20px;color:#fff;min-height:20px;line-height:20px;font-size:16px; }
#popup .notification_success .content { background-color:#3ebb60; }
#popup .notification_warning .content { background-color:#e9ac3f; }
#popup .notification_error .content { background-color:#dc5655; }
#popup .tab .notification { width:100%; margin-bottom:20px; }
#popup div.error { background-color:#dc5655; color: #fff; padding: 10px 15px; margin-bottom: 10px; }
#popup div.success { background-color:#3ebb60; color: #fff; padding: 10px 15px; margin-bottom: 10px; }
#popup .infoDescription { line-height:24px;margin-top:20px;text-align:justify; }
#popup .popup-title { font-size: 24px; font-weight: 500;margin-top:10px; }
#popup .popup-img { display: block; width: 100px; height: 150px; max-width: 100%; margin-bottom: 10px;float:right }
#popup .popup-list li { margin-bottom:5px; }
#popup .clickable-link { color: #006da8; }
#popup span.star { color:#e10000; }
/* #popup .popupParticipant { min-height: 241px;max-height: calc(100vh - 100px);overflow-y: auto; } */
#popup .popupParticipant, #popup #queueList { min-height: 241px;}
#popup #queueList { max-height: calc(100vh - 340px);overflow-y: auto; }
#popup .popupParticipant .data { height:100%;overflow-x:hidden;overflow-y:auto; }
#popup .popupParticipant table, #popup #queueList table { width:100%; }
#popup .popupParticipant table tr td, #popup .popupParticipant table tr th, #popup #queueList table tr td, #popup #queueList table tr th { border-bottom: 1px dotted #ccc;padding: 5px;font-size: 13px; }
#popup .popupParticipant table tr th, #popup #queueList table tr th { font-weight:bold; }
#popup .popupParticipant table tr td.label { width:45%; }
#popup .popupParticipant table tr td .lineContent { max-width:270px;word-break: break-all; }
#popup .popupParticipant table tr:last-child td { border-bottom:none; }
#popup .popupParticipant .form-group { min-height: 20px; }
#popup .popupParticipant .tab.data .toggleActive { text-align:right;font-size:12px;padding:5px 10px 5px 0;height:20px; }
#popup .popupParticipant .tab.data .toggleActive label { margin-right:5px; }
#popup .popupParticipant .tab.data .toggleActive span { padding:3px 6px;min-width:70px;border-radius:3px;background-color:#fff;border:1px solid #0083b9;color:#000;cursor:pointer; }
#popup .popupParticipant .tab.data .toggleActive span.active { background-color:#0083b9;color:#fff; }
#popup .popupParticipant .tab.data .emptyLine { display:none; }
#popup .popupParticipant .searchLine { margin-bottom:10px;border-bottom:1px solid #ccc;padding-bottom:10px; }
#popup .popupParticipant .participantsBlock { padding-right:10px;max-height: calc(100vh - 340px);overflow-y: auto; }
#popup .h-separator { display: block; width: 100%; margin: 10px 0; height: 1px; background-color: #e8ecef; }
#popup .popupDescription p { line-height: 1.5; }
#popup .form-group label { min-width: 25%; }
/* Cols */
.row { display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; };
.col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.col-grid { display:flex; }
.col-base { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-base.col-6{ max-width: calc(50% - 30px); }
.col-base.col-6.slim{ max-width: calc(50% - 15px); }
.col-base.col-6.slim:first-child{ padding-left: 0px; }
.col-base.col-6.slim:last-child{ padding-right: 0px; }
.hidden { display:none; }
.relative { position: relative; }
.languages{ text-align: center; margin-bottom: 10px; }
.languages .btn{ display: inline-block; background-color: #a4a4a4; margin-right: 10px; }
.languages .btn:last-child{ margin-right: 0px; }
.languages .btn.active{ background-color: #0083b9; }
.section_header{ background-color: #e8ecef; padding: 20px; border-radius: 5px; margin-bottom: 10px; }
.section_header .last_update{ text-align: right; font-size: 12px; margin-top: 10px;}
.section_header .last_update .preview_links{ float: left; }
.file_block input{ border: 1px solid rgba(0,0,0,.15); padding: 10px; }
.file_block a{ margin-left: 15px; }
.svgIcon { stroke: #0083B9; fill: #0083B9;width:30px;height:30px; }
.svgIcon.px24 { width:24px;height:24px; }
.svgIcon.white { stroke: #ffffff !important; fill: #ffffff !important; }
.svgIcon.grey { stroke: #73838b !important; fill: #73838b !important; }
.svgIcon.dark-grey { stroke: #65614a !important; fill: #65614a !important; }
/* #formRules{ width: 800px; max-width: calc(100vw - 100px); }
#formRules .row_title, #formTexts .row_title{ font-weight: 600; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #000; margin-right: 10px; }
#formRules #rulesDetails .row_title{ margin-right: 0px; }
#formRules button{ margin-left: 0px !important; }
#formRules button.add_field{ float: left; min-width: 60px; padding: 5px 10px; }
#formRules .form-group label{ width: 70px; }
#formRules .form-group .form-control{ display: inline-block; width: calc(100% - 75px); }
#formRules #rulesDetails{ border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0 10px; max-width: calc(50% - 32px); }
#formRules #rulesDetails .col:not(:last-child){ margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
#formRules #ruleTriggers,
#formRules #ruleFields{ border: 1px solid #ccc; width: calc(100% - 76px); height: 100px; float: right; overflow: auto; }
#formRules .trigger_list,
#formRules .field_list{ max-height: 340px; overflow: auto; }
#formRules .trigger_list .field{ margin-bottom: 10px; }
#formRules .trigger_list .field .field_name{ font-weight: 600; font-style: italic; }
#formRules .trigger_list .option,
#formRules .field_list .option{ margin-left: 10px; border: 1px solid #ccc; display: inline-block; padding: 2px 5px; width: calc(100% - 30px); text-align: center; border-radius: .25rem; margin-bottom: 3px; }
#formRules .remove{ display: none; }
#formRules #ruleTriggers .option,
#formRules #ruleFields .option{ text-align: center; border: 1px solid #ccc; padding: 3px; width: calc(100% - 20px); margin: 2px auto; position: relative; }
#formRules #ruleTriggers .option:hover .remove,
#formRules #ruleFields .option:hover .remove{ display: inline-block; width: 20px; height: 20px;background: url('../img/icons.png') no-repeat; cursor: pointer;background-position: -40px -328px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }
.pl-10{ padding-left: 10px; }
*/
#ruleList, #textTypes{ margin-top: 10px; width: calc(100% - 10px); overflow: auto; }
#ruleList li, #textTypes li{ color: #309cd6; cursor: pointer; border: 1px solid #ccc; margin-bottom: 5px; padding: 3px 8px; }
#ruleList li:hover, #textTypes li:hover{ text-decoration: underline; }
#textTypes li{ padding: 10px 8px; }
#textTypes li.active{ background: #309cd6; color: #fff; }
#formTexts .text_type_block{ margin-bottom: 20px; }
.date_cell.active_time input{ display: inline-block; }
.date_cell.active_time input:first-child{ width: calc(60% - 5px); margin-right: 5px; }
.date_cell.active_time input:last-child{ width: 40%; }
.d-mobile { display:none; }
.d-desktop { display:block; }
.abstract_reviewer_block, .abstract_category_block{ margin-bottom: 20px; border: 1px solid #b1c3c7; padding: 10px; }
.abstract_reviewer_block .name, .abstract_category_block .name{ font-weight: 600; background: #0083b9; padding: 10px; color: #fff; margin-bottom: 10px; }
.abstract_reviewer_block .row, .abstract_category_block .row{ margin-bottom: 10px; }
@media (max-width: 768px) {
.col-md-0 { display:none; }
.col-md { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 576px) {
.col-sm { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}
/* LOADER */
#loader { position:fixed;top:0px;left:0px; bottom:0px;right:0px; z-index: 1000; }
#loader:not(.no_overlay) { background-color:rgba(255,255,255, 0.8); }
#loader > div { width: 40px; height: 40px; margin: auto auto; position: relative;top:30%; transform: rotateZ(45deg); -o-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); }
#loader .cube { position: relative; transform: rotateZ(45deg); -o-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); float: left; width: 50%; height: 50%; position: relative; transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
#loader .cube:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(71,157,216); animation: loaderMove 2.76s infinite linear both; -o-animation: loaderMove 2.76s infinite linear both; -ms-animation: loaderMove 2.76s infinite linear both; -webkit-animation: loaderMove 2.76s infinite linear both; -moz-animation: loaderMove 2.76s infinite linear both; transform-origin: 100% 100%; -o-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; }
#loader .c2 { background-color: rgb(31,96,150); transform: scale(1.1) rotateZ(90deg); -o-transform: scale(1.1) rotateZ(90deg); -ms-transform: scale(1.1) rotateZ(90deg); -webkit-transform: scale(1.1) rotateZ(90deg); -moz-transform: scale(1.1) rotateZ(90deg); }
#loader .c3 { background-color: rgb(35,91,164); transform: scale(1.1) rotateZ(180deg); -o-transform: scale(1.1) rotateZ(180deg); -ms-transform: scale(1.1) rotateZ(180deg); -webkit-transform: scale(1.1) rotateZ(180deg); -moz-transform: scale(1.1) rotateZ(180deg); }
#loader .c4 { background-color: rgb(44,132,187); transform: scale(1.1) rotateZ(270deg); -o-transform: scale(1.1) rotateZ(270deg); -ms-transform: scale(1.1) rotateZ(270deg); -webkit-transform: scale(1.1) rotateZ(270deg); -moz-transform: scale(1.1) rotateZ(270deg); }
#loader .c2:before { animation-delay: 0.35s; -o-animation-delay: 0.35s; -ms-animation-delay: 0.35s; -webkit-animation-delay: 0.35s; -moz-animation-delay: 0.35s;}
#loader .c3:before { animation-delay: 0.69s; -o-animation-delay: 0.69s; -ms-animation-delay: 0.69s; -webkit-animation-delay: 0.69s; -moz-animation-delay: 0.69s; }
#loader .c4:before { animation-delay: 1.04s; -o-animation-delay: 1.04s; -ms-animation-delay: 1.04s; -webkit-animation-delay: 1.04s; -moz-animation-delay: 1.04s; }
@keyframes loaderMove {
0%, 10% { transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-o-keyframes loaderMove {
0%, 10% { -o-transform: perspective(136px) rotateX(-180deg);opacity: 0; }
25%, 75% { -o-transform: perspective(136px) rotateX(0deg);opacity: 1; }
90%, 100% { -o-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-ms-keyframes loaderMove {
0%, 10% { -ms-transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { -ms-transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { -ms-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-webkit-keyframes loaderMove {
0%, 10% { -webkit-transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { -webkit-transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { -webkit-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
@-moz-keyframes loaderMove {
0%, 10% { -moz-transform: perspective(136px) rotateX(-180deg); opacity: 0; }
25%, 75% { -moz-transform: perspective(136px) rotateX(0deg); opacity: 1; }
90%, 100% { -moz-transform: perspective(136px) rotateY(180deg); opacity: 0; }
}
/* MEDIA RESPONSIVE */
@media (min-width: 992px) {
/* .d-mobile { display:none !important; } */
#popup .container { max-width: 1400px; min-width: 680px; }
}
@media (max-width: 992px) {
/*.d-desktop { display:none !important; }
#popup .container { min-width: 800px; }*/
#event-list { top:100px;left:0;border:none;width:100%;max-width:100%;max-height:none; }
#event-list li { font-size: 16px; }
#event-list li a { padding: 15px;height:36px;line-height:36px; }
}
.fl-r{ float:right; }
/*------------- Toggle Button --------------*/
.togglebutton { vertical-align: middle; margin-bottom: 20px; }
.togglebutton, .togglebutton label, .togglebutton input, .togglebutton .toggle {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.togglebutton label { cursor: pointer; color: rgba(0, 0, 0, 0.26); }
.form-group.is-focused .togglebutton label, .form-group.has-bootstrap-select .togglebutton label { color: rgba(0, 0, 0, 0.26); }
.form-group.is-focused .togglebutton label:hover, .form-group.is-focused .togglebutton label:focus { color: rgba(0, 0, 0, 0.54); }
fieldset[disabled] .form-group.is-focused .togglebutton label { color: rgba(0, 0, 0, 0.26); }
.togglebutton label input[type=checkbox] { opacity: 0; width: 0; height: 0; position: absolute; }
.togglebutton label .toggle { text-align: left; margin-left: 0px; position:relative; }
.togglebutton label .toggle, .togglebutton label input[type=checkbox][disabled] + .toggle { content: ""; display: inline-block; width: 66px; height: 30px; background-color: rgba(80, 80, 80, 0.7); border-radius: 15px; margin-right: 0; transition: background 0.3s ease; vertical-align: middle; }
.togglebutton label .toggle:after { content: ""; display: inline-block; width: 24px; height: 24px; line-height: 26px; background-color: #FFFFFF; border-radius: 20px; position: relative; left: 3px; top: 3px; transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease; text-align: center; }
.togglebutton label input[type=checkbox][disabled] + .toggle:after, .togglebutton label input[type=checkbox][disabled]:checked + .toggle:after { background-color: #BDBDBD; }
.togglebutton label input[type=checkbox] + .toggle:active:after, .togglebutton label input[type=checkbox][disabled] + .toggle:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1); }
.togglebutton label input[type=checkbox]:checked + .toggle:after { left: 39px; }
.togglebutton label input[type=checkbox]:checked + .toggle { background-color: #0083b9; }
.togglebutton label input[type=checkbox]:checked + .toggle:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(156, 39, 176, 0.1); }
.togglebutton label .toggle:before { content: 'Off';color: #fff;position: absolute;line-height: 30px;font-size: 11px;right: 10px; }
.togglebutton label input[type=checkbox]:checked + .toggle:before { content: 'On';right:none;left: 10px; }
.togglebutton .togglebutton_txt{ position: relative; top: 2px; }
.description-toggle { display: table; width: 100%; margin-bottom: 30px; }
.description-toggle > * { display: table-cell; vertical-align: middle; }
.description-toggle .togglebutton { text-align: right; }
.description-toggle p { margin-bottom: 0; }
.add-field { display: flex; align-items: center; color: #888da8; fill: #888da8; margin-bottom: 1rem; line-height: 100%; }
.add-field svg { margin-right: 10px; width: 12px; height: 12px; }
.add-field > * { display: table-cell; vertical-align: middle; }
.switcher-block { margin: 19px 0; display: table; width: 100%; }
.switcher-block .title { font-size: 13px; }
.switcher-block > * { margin-bottom: 0; display: table-cell; vertical-align: middle; }
.switcher-block > *:last-child { text-align: right; }
.form-group .select_row { margin:0px 0px 20px; }
.reorder_icon{ display: inline-block; width: 19px; height: 17px; background: url('../img/icons.png') no-repeat; background-position: -151px -369px; }
.reorder_icon:hover{ cursor: move; }
.timetable_wrapper{ overflow: auto; }