Файловый менеджер - Редактировать - /var/www/html/administrator/components/com_community/assets/css/ace.min.css
Ðазад
@import url(_vars.css); #js-cpanel html { min-height: 100%; position: relative; } #js-cpanel body { padding-bottom: 0; background-color: #e4e6e9; min-height: 100%; font-size: 13px; color: #393939; } #js-cpanel body:before { content: ""; display: block; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; background-color: #fff; } .contentpane { padding: 0; } .contentpane #js-cpanel { padding: 24px 16px; } #js-cpanel body.navbar-fixed { padding-top: 50px; } #js-cpanel body.breadcrumbs-fixed { padding-top: 91px; } #js-cpanel a { text-decoration: none; } #js-cpanel .admintable { width: 100%; } #js-cpanel .admintable td { padding: .25rem; } #js-cpanel .frm-check-input { display: inline-block; position: relative; height: 18px; width: 18px; } #js-cpanel .demo-choices, #js-cpanel #choices-2 { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; } #js-cpanel .demo-choices label, #js-cpanel #choices-2 label { display: flex; } #js-cpanel .demo-choices input[type="checkbox"] + .lbl::before, #js-cpanel #choices-2 input[type="checkbox"] + .lbl::before { margin-right: .25rem; } /* FORM ELEMENTS ----------------------------------- */ #js-cpanel input[type="text"], #js-cpanel input[type="file"], #js-cpanel input[type="email"], #js-cpanel input[type="password"] { box-sizing: border-box; border: 1px solid var(--ace-input-border); border-radius: var(--ace-input-border-radius); font-size: 16px; margin-bottom: 0; padding: 8px 12px 8px 8px; min-width: 170px; transition: var(--ace-trans-base); } #js-cpanel input[type="text"]:focus, #js-cpanel input[type="file"]:focus, #js-cpanel input[type="email"]:focus, #js-cpanel input[type="password"]:focus { border-color: var(--ace-primary); } #js-cpanel textarea { box-sizing: border-box; border: 1px solid var(--ace-input-border); border-radius: var(--ace-input-border-radius); font-size: 16px; padding: 8px 12px 8px 8px; } #js-cpanel select, #js-cpanel div.control-group select { background: url(../images/select-bg.svg) no-repeat 100%/116rem; background-color: #f0f4fb; box-sizing: border-box; border: 1px solid var(--ace-input-border); border-radius: var(--ace-input-border-radius); font-size: 16px; min-height: 40px; line-height: 22px; margin: 0; min-width: 170px; padding: 8px 56px 8px 8px; width: auto !important; -moz-appearance: none; -webkit-appearance: none; appearance: none; } #js-cpanel select:hover { cursor: pointer; } #js-cpanel .form-check-label.checkbox { display: flex; align-items: center; } #js-cpanel .form-check-label.checkbox input { position: relative; margin-top: 0; margin-right: var(--ace-spacing); } .main-content input[type="text"] + .btn { box-sizing: border-box; min-height: 40px; } #js-cpanel.jomsocial-j4 input.form-check-input + .lbl { position: absolute; } #js-cpanel .control-group .controls .radio { min-width: 80px; } #js-cpanel .form-text { display: block; } /* Toolbar */ #js-cpanel #toolbar .btn-wrapper { margin-bottom: 0; } #js-cpanel #toolbar .btn { /* border: 1px solid rgba(0,0,0,0.15); */ border: 0; border-radius: 0.25rem; line-height: 1.5; min-height: 36px; padding: 0.375rem 0.625rem; text-align: center; } #js-cpanel #toolbar [class^="icon-"], #js-cpanel #toolbar [class*=" icon-"] { border-right: 0; margin-left: 0; } #js-cpanel #toolbar .btn-success { min-width: auto; } .field-calendar { margin-bottom: 8px; } #js-cpanel .field-calendar .input-group input[type="text"] { border-top-right-radius: 0; border-bottom-right-radius: 0; } #js-cpanel .field-calendar .input-group input + button { border-top-left-radius: 0; border-bottom-left-radius: 0; line-height: 1; } .editlinktip { margin-left: calc(var(--ace-spacing) / 2); } /* Alert */ #js-cpanel .well.well-minimized { background-color: #cce5ff; border-radius: 4px; border: 0; color: #004085; font-size: 14px; margin: 12px 0; padding: 12px 16px; } #js-cpanel .js-filter-wrap { margin-bottom: 1rem; } #js-cpanel .js-limit-wrap { display: flex; align-items: center; justify-content: space-between; } #js-cpanel .js-limit-wrap .pagination { margin: 0; } #js-cpanel .js-limit-wrap .pagination ul { margin: 0 !important; } #js-cpanel .js-limit-wrap #limit { margin-left: auto; } /* Seperator */ #js-cpanel .jomsocial-group-title { display: flex; align-items: center; font-size: 12px; font-weight: 600; margin: 32px 16px 16px; position: relative; letter-spacing: 0.5px; text-transform: uppercase; width: 100%; } #js-cpanel .jomsocial-group-title::before { background: #2563eb; content: ""; display: block; height: 4px; width: 6px; margin-right: 4px; } #js-cpanel .jomsocial-group-title::after { background-color: var(--ace-gray-200); content: ""; display: block; height: 4px; flex: 1; margin-left: 8px; } #js-cpanel .widget-main .jomsocial-group-title, #js-cpanel #course_page .jomsocial-group-title { margin-left: 0; margin-right: 0; } #js-cpanel .field-media-wrapper { display: flex; flex-direction: column; } #js-cpanel .field-media-wrapper .ace-file-input { margin-bottom: 0; overflow: hidden; height: 40px; width: 100%; } #js-cpanel .field-media-wrapper .ace-file-input label { border-radius: 0 0 4px 4px; height: 40px; overflow: hidden; } #js-cpanel .field-media-wrapper .ace-file-input label span { height: 36px; line-height: 36px; padding-left: 46px; } #js-cpanel .field-media-wrapper .ace-file-input label::before { border: 0; border-radius: 4px; top: 2px; bottom: auto; right: 2px; font-size: 14px; padding-left: 12px; padding-right: 12px; line-height: 34px; } #js-cpanel .field-media-wrapper .ace-file-input label i { border: 0; border-radius: 4px; top: 2px; left: 2px; height: 34px; width: 34px; } /* On / off */ #js-cpanel.jomsocial-j4 input[type="checkbox"].ace-switch.ace-switch-4 + .lbl::after, #js-cpanel.jomsocial-j4 input[type="checkbox"].ace-switch.ace-switch-5 + .lbl::after { top: 2px; left: 2px; } #js-cpanel.jomsocial-j4 input[type="checkbox"].ace-switch.ace-switch-4:checked + .lbl::after, #js-cpanel.jomsocial-j4 input[type="checkbox"].ace-switch.ace-switch-5:checked + .lbl::after { left: 34px; top: 2px; } #js-cpanel .main-container { padding: 0; position: relative; } #js-cpanel .main-content { margin-left: var(--ace-sidebar-width); margin-right: 0; margin-top: 0; min-height: 100%; padding: 0; } #js-cpanel .page-content { background: #fcfcfc; margin: 0; padding: 0 16px 24px; } #js-cpanel .page-content .page-header { background-color: #f0f9ff; border-bottom: 1px solid #e0f2fe; display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; margin: 0 -16px 16px; padding: 8px 16px; } #js-cpanel .page-content .page-header::after { display: none; } #js-cpanel .page-content .page-header img { max-height: 36px; } #js-cpanel .page-content .page-header h1, #js-cpanel .page-content .page-header h2 { font-weight: 500; margin: 0 auto 0 0; } #js-cpanel .page-content .page-header:first-child h1 { padding: 0; font-size: 24px; color: #2c3e50; } #js-cpanel .page-content .page-header:first-child h1 small { margin: 0 6px; font-size: 14px; font-weight: normal; color: #8089a0; } /* Toolbar */ #js-cpanel .page-content .page-header .btn-toolbar joomla-toolbar-button { margin-right: 8px; } #js-cpanel .page-content .page-header .btn-toolbar .btn { border: 0; } #js-cpanel .page-content .page-header .btn-toolbar #new-options { margin-right: var(--ace-spacing); } #js-cpanel .g_admin_top_wrap ul { margin-bottom: 0; } #js-cpanel [class*=" icon-"], #js-cpanel [class^="icon-"] { display: inline-block; text-align: center; } #js-cpanel a:focus, #js-cpanel a:active { text-decoration: none; } #js-cpanel h1 { font-size: 32px; font-weight: normal; } #js-cpanel h1.smaller { font-size: 31px; } #js-cpanel h1.bigger { font-size: 33px; } #js-cpanel h1.block { margin-bottom: 16px; } #js-cpanel h2 { font-size: 26px; font-weight: normal; } #js-cpanel h2.smaller { font-size: 25px; } #js-cpanel h2.bigger { font-size: 27px; } #js-cpanel h2.block { margin-bottom: 16px; } #js-cpanel h3 { font-size: 22px; font-weight: normal; } #js-cpanel h3.smaller { font-size: 21px; } #js-cpanel h3.bigger { font-size: 23px; } #js-cpanel h3.block { margin-bottom: 16px; } #js-cpanel h4 { font-size: 18px; font-weight: 600; } #js-cpanel h4.smaller { font-size: 17px; } #js-cpanel h4.bigger { font-size: 19px; } #js-cpanel h4.block { margin-bottom: 16px; } #js-cpanel h5 { font-size: 15px; font-weight: normal; } #js-cpanel h5.smaller { font-size: 14px; } #js-cpanel h5.bigger { font-size: 16px; } #js-cpanel h5.block { margin-bottom: 16px; } #js-cpanel h6 { font-size: 13px; font-weight: normal; } #js-cpanel h6.smaller { font-size: 12px; } #js-cpanel h6.bigger { font-size: 14px; } #js-cpanel h6.block { margin-bottom: 16px; } #js-cpanel li > ul.margin, #js-cpanel li > ol.margin { margin-left: 18px; } #js-cpanel .unstyled > li > [class*="icon-"]:first-child, #js-cpanel .inline > li > [class*="icon-"]:first-child { width: 20px; text-align: center; } #js-cpanel .spaced > li { margin-top: 9px; margin-bottom: 9px; } #js-cpanel .spaced2 > li { margin-top: 15px; margin-bottom: 15px; } #js-cpanel li.divider { margin-top: 3px; margin-bottom: 3px; height: 0; font-size: 0; } .spaced > #js-cpanel li.divider { margin-top: 5px; margin-bottom: 5px; } .spaced2 > #js-cpanel li.divider { margin-top: 8px; margin-bottom: 8px; } #js-cpanel li.divider:before { content: ""; display: inline-block; } #js-cpanel blockquote, #js-cpanel blockquote.pull-right { border-color: #e5eaf1; } /* MODAL ----------------------------------- */ #js-cpanel #cWindow.modal { background: #fff; box-shadow: 0 0 7px rgba(0,0,0,0.1); border-radius: 0.375rem; left: 50%; top: 50%; transform: translate(-50%, -50%) !important; height: auto; width: auto; } #js-cpanel #cWindow.modal .modal-header { display: flex; flex-direction: row-reverse; padding: 0 1rem; } #js-cpanel #cWindow.modal .modal-header h3 { font-size: 1.125rem; font-weight: 500; margin: 0; } #js-cpanel #cWindow.modal .modal-header .close { border: 0; } #js-cpanel #cWindow.modal #cWindowContentOuter { height: calc(100% - 50px); } #js-cpanel #cWindow.modal .modal-body { padding: 1rem; height: calc(100% - 40px); overflow-y: scroll; overflow-x: hidden; } #js-cpanel #cWindow.modal .modal-body table td { padding: 0.5rem; } #js-cpanel #cWindow.modal .modal-body textarea { width: 100%; } #js-cpanel #cWindow.modal .modal-footer { background-color: #fff; display: flex; gap: .5rem; } #js-cpanel #cWindow.modal .modal-footer .btn { box-shadow: none; display: flex; align-items: center; line-height: 1; min-height: 40px; margin: 0; } #js-cpanel #cWindow.modal .modal-footer .btn-primary { color: #fff; } .com_community.modal-open .modal-content { border: 0; } .com_community.modal-open .modal-content .modal-header { border-bottom: 1px solid #ddd; min-height: 33px; padding: 8px; } .com_community.modal-open .modal-content .modal-header .btn-close { margin: 0 0 0 auto; } .com_community.modal-open .modal-content .modal-body { padding-top: 24px; } #js-cpanel .modal { border-radius: 0; margin: 0; transform: translateX(-50%); } #js-cpanel .joomla-modal { transform: translate(0); } #js-cpanel .modal .modal-header { border-bottom: 1px solid var(--ace-border-color); position: relative; min-height: 50px; } #js-cpanel .modal .modal-header .close { border-left: 1px solid var(--ace-border-color); border-radius: 0; color: var(--ace-gray-400); height: 50px; right: 0; top: 0; margin: 0; } #js-cpanel .modal .modal-header .close:hover, #js-cpanel .modal .modal-header .close:focus, #js-cpanel .modal .modal-header .close:active { color: var(--ace-gray-600); } #js-cpanel .modal-footer { border-top-color: #e4e9ee; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: #eff3f8; } #js-cpanel .modal-header .close { font-size: 32px; } #modal-new-group .modal-header, #modal-new .modal-header { background-color: var(--ace-gray-100); border-bottom: 1px solid var(--ace-border-color); position: relative; } #modal-new-group .modal-header .close, #modal-new .modal-header .close { border-left: 1px solid var(--ace-border-color); color: var(--ace-gray-400); top: 0; bottom: 0; height: auto; right: 0; margin-right: 0; margin-top: 0; transition: var(--ace-trans-base); } #modal-new-group .modal-header .close:hover, #modal-new-group .modal-header .close:focus, #modal-new-group .modal-header .close:active, #modal-new .modal-header .close:hover, #modal-new .modal-header .close:focus, #modal-new .modal-header .close:active { color: var(--ace-gray-700); } /* Guru modal */ #js-cpanel .jomsocial-modal-header { background-color: #f3f4f6; border-bottom: 1px solid var(--ace-border-color); position: fixed; top: 0; left: 0; right: 0; min-height: 40px; padding: var(--ace-spacing) calc(var(--ace-spacing) * 2); z-index: 1040; } #js-cpanel .jomsocial-modal-header h4 { margin: 0; } #js-cpanel .jomsocial-modal-header p { color: white; float: left; margin-bottom: 0; padding-left: 15px; line-height: 38px; } #js-cpanel .jomsocial-modal-header .btn-toolbar { float: right; margin-bottom: 0; margin-top: 0; } #js-cpanel .jomsocial-modal-header .btn-toolbar > div { margin: 0 4px; } #js-cpanel .jomsocial-modal-header .btn-toolbar .uk-button { border: 0; border-radius: 4px; height: auto; } #js-cpanel .jomsocial-modal-header [class^="icon-"], #js-cpanel .jomsocial-modal-header [class*=" icon-"] { line-height: 12px; } #js-cpanel .jomsocial-modal-header .btn-toolbar .icon-cancel::before { color: white; } #js-cpanel .jomsocial-modal-header .uk-button { background-color: #3a3e47; border: 0; color: #fff; font-size: 14px; min-height: 36px; padding: 8px 12px; line-height: 1; text-shadow: none; transition: all 0.1s ease-in; } #js-cpanel .jomsocial-modal-header .uk-button:hover { background-color: #505562; } #js-cpanel .jomsocial-modal-header .uk-button.uk-button-success { background-color: rgb(78, 183, 23); } #js-cpanel .jomsocial-modal-header .uk-button.uk-button-success:hover { background-color: #42d21e; } #js-cpanel .btn-toolbar > div { display: inline-block; } #js-cpanel .jomsocial-modal-content { padding-top: 40px; } #js-cpanel .jomsocial-modal-content form { padding: 24px; } /* Well */ #js-cpanel .well { border-radius: 0; } #js-cpanel .well h1, #js-cpanel .well h2, #js-cpanel .well h3, #js-cpanel .well h4, #js-cpanel .well h5, #js-cpanel .well h6 { margin-top: 0; } #js-cpanel .well h1, #js-cpanel .well h2, #js-cpanel .well h3 { line-height: 36px; } #js-cpanel .alert { font-size: 14px; border-radius: var(--ace-border-radius); } #js-cpanel .alert .close { border: 0; font-size: 16px; } #js-cpanel .alert-block p + p { margin-top: 10px; } #js-cpanel .pagination ul > li > a, #js-cpanel .pager > li > a { border-width: 1px; border-radius: 0 !important; } #js-cpanel .pagination ul > li > a, #js-cpanel .pager > li > a { color: #2283c5; background-color: #fafafa; margin: 0 -1px 0 0; border-color: #e0e8eb; } #js-cpanel .pagination ul > li > a:hover, #js-cpanel .pager > li > a:hover { background-color: #eaeff2; } #js-cpanel .pagination ul > li.disabled > a, #js-cpanel .pagination ul > li.disabled > a:hover, #js-cpanel .pager > li.disabled > a, #js-cpanel .pager > li.disabled > a:hover { background-color: #f9f9f9; border-color: #d9d9d9; } #js-cpanel .pagination ul > li.active > a, #js-cpanel .pagination ul > li.active > a:hover { background-color: #6faed9; border-color: #6faed9; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } #js-cpanel .lighter { font-weight: lighter; } #js-cpanel .bolder { font-weight: bolder; } #js-cpanel .inline { display: inline-block !important; } #js-cpanel .block { display: block !important; } #js-cpanel .center, #js-cpanel .align-center { text-align: center; } #js-cpanel .align-left { text-align: left; } #js-cpanel .align-right { text-align: right; } #js-cpanel .middle { vertical-align: middle; } #js-cpanel .position-relative { position: relative; } #js-cpanel .position-absolute { position: absolute; } #js-cpanel .dark { color: #333 !important; } #js-cpanel .white { color: #fff !important; } #js-cpanel .red { color: #dd5a43 !important; } #js-cpanel .light-red { color: #f77 !important; } #js-cpanel .blue { color: #478fca !important; } #js-cpanel .light-blue { color: #93cbf9 !important; } #js-cpanel .green { color: #69aa46 !important; } #js-cpanel .light-green { color: #b0d877 !important; } #js-cpanel .orange { color: #ff892a !important; } #js-cpanel .light-orange { color: #fcac6f !important; } #js-cpanel .purple { color: #a069c3 !important; } #js-cpanel .pink { color: #c6699f !important; } #js-cpanel .pink2 { color: #d6487e !important; } #js-cpanel .brown { color: #a52a2a !important; } #js-cpanel .grey { color: #777 !important; } #js-cpanel .light-grey { color: #bbb !important; } #js-cpanel .bigger-110 { font-size: 110%; } #js-cpanel .bigger-120 { font-size: 120%; } #js-cpanel .bigger-130 { font-size: 130%; } #js-cpanel .bigger-140 { font-size: 140%; } #js-cpanel .bigger-150 { font-size: 150%; } #js-cpanel .bigger-160 { font-size: 160%; } #js-cpanel .bigger-170 { font-size: 170%; } #js-cpanel .bigger-180 { font-size: 180%; } #js-cpanel .bigger-190 { font-size: 190%; } #js-cpanel .bigger-200 { font-size: 200%; } #js-cpanel .bigger-210 { font-size: 210%; } #js-cpanel .bigger-220 { font-size: 220%; } #js-cpanel .bigger-230 { font-size: 230%; } #js-cpanel .bigger-240 { font-size: 240%; } #js-cpanel .bigger-250 { font-size: 250%; } #js-cpanel .bigger-260 { font-size: 260%; } #js-cpanel .bigger-270 { font-size: 270%; } #js-cpanel .bigger-280 { font-size: 280%; } #js-cpanel .bigger-290 { font-size: 290%; } #js-cpanel .bigger-300 { font-size: 300%; } #js-cpanel .bigger-125 { font-size: 125%; } #js-cpanel .bigger-175 { font-size: 175%; } #js-cpanel .bigger-225 { font-size: 225%; } #js-cpanel .bigger-275 { font-size: 275%; } #js-cpanel .smaller-90 { font-size: 90%; } #js-cpanel .smaller-80 { font-size: 80%; } #js-cpanel .smaller-70 { font-size: 70%; } #js-cpanel .smaller-60 { font-size: 60%; } #js-cpanel .smaller-50 { font-size: 50%; } #js-cpanel .smaller-40 { font-size: 40%; } #js-cpanel .smaller-30 { font-size: 30%; } #js-cpanel .smaller-20 { font-size: 20%; } #js-cpanel .smaller-75 { font-size: 75%; } #js-cpanel .width-20 { width: 20% !important; } #js-cpanel .width-25 { width: 25% !important; } #js-cpanel .width-30 { width: 30% !important; } #js-cpanel .width-35 { width: 35% !important; } #js-cpanel .width-40 { width: 40% !important; } #js-cpanel .width-45 { width: 45% !important; } #js-cpanel .width-50 { width: 50% !important; } #js-cpanel .width-55 { width: 55% !important; } #js-cpanel .width-60 { width: 60% !important; } #js-cpanel .width-65 { width: 65% !important; } #js-cpanel .width-70 { width: 70% !important; } #js-cpanel .width-75 { width: 75% !important; } #js-cpanel .width-80 { width: 80% !important; } #js-cpanel .width-85 { width: 85% !important; } #js-cpanel .width-90 { width: 90% !important; } #js-cpanel .width-95 { width: 95% !important; } #js-cpanel .width-100 { width: 100% !important; } #js-cpanel .width-48 { width: 48% !important; } #js-cpanel .no-padding { padding: 0; } #js-cpanel .no-padding-bottom { padding-bottom: 0; } #js-cpanel .no-padding-top { padding-top: 0; } #js-cpanel .no-padding-left { padding-left: 0; } #js-cpanel .no-padding-right { padding-right: 0; } #js-cpanel .no-margin { margin: 0; } #js-cpanel .no-margin-bottom { margin-bottom: 0; } #js-cpanel .no-margin-top { margin-top: 0; } #js-cpanel .no-margin-left { margin-left: 0; } #js-cpanel .no-margin-right { margin-right: 0; } #js-cpanel .no-border { border: 0; } #js-cpanel .no-border-bottom { border-bottom: 0; } #js-cpanel .no-border-top { border-top: 0; } #js-cpanel .no-border-left { border-left: none; } #js-cpanel .no-border-right { border-right: 0; } #js-cpanel .overflow-hidden { overflow: hidden; } #js-cpanel .overflow-auto { overflow: auto; } #js-cpanel .overflow-scroll { overflow: scroll; } #js-cpanel .overflow-visible { overflow: visible; } #js-cpanel .hr { display: block; height: 0; overflow: hidden; font-size: 0; border-top: 1px solid #e3e3e3; margin: 12px 0; } #js-cpanel .hr-double { height: 1px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; } #js-cpanel .hr.dotted { border-top-style: dotted; } #js-cpanel .hr-double.dotted { border-bottom-style: dotted; } #js-cpanel .hr-32, #js-cpanel .hr32 { margin: 32px 0; } #js-cpanel .hr-30, #js-cpanel .hr30 { margin: 30px 0; } #js-cpanel .hr-28, #js-cpanel .hr28 { margin: 28px 0; } #js-cpanel .hr-26, #js-cpanel .hr26 { margin: 26px 0; } #js-cpanel .hr-24, #js-cpanel .hr24 { margin: 24px 0; } #js-cpanel .hr-22, #js-cpanel .hr22 { margin: 22px 0; } #js-cpanel .hr-20, #js-cpanel .hr20 { margin: 20px 0; } #js-cpanel .hr-18, #js-cpanel .hr18 { margin: 18px 0; } #js-cpanel .hr-16, #js-cpanel .hr16 { margin: 16px 0; } #js-cpanel .hr-14, #js-cpanel .hr14 { margin: 14px 0; } #js-cpanel .hr-12, #js-cpanel .hr12 { margin: 12px 0; } #js-cpanel .hr-10, #js-cpanel .hr10 { margin: 10px 0; } #js-cpanel .hr-8, #js-cpanel .hr8 { margin: 8px 0; } #js-cpanel .hr-6, #js-cpanel .hr6 { margin: 6px 0; } #js-cpanel .hr-4, #js-cpanel .hr4 { margin: 4px 0; } #js-cpanel .hr-2, #js-cpanel .hr2 { margin: 2px 0; } #js-cpanel .space, #js-cpanel .vspace { max-height: 0; overflow: hidden; margin: 12px 0; } #js-cpanel .vspace { display: none; } #js-cpanel .space-32 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 32px 0; } #js-cpanel .vspace-32 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 32px 0; display: none; } #js-cpanel .space-30 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 30px 0; } #js-cpanel .vspace-30 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 30px 0; display: none; } #js-cpanel .space-28 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 28px 0; } #js-cpanel .vspace-28 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 28px 0; display: none; } #js-cpanel .space-26 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 26px 0; } #js-cpanel .vspace-26 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 26px 0; display: none; } #js-cpanel .space-24 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 24px 0; } #js-cpanel .vspace-24 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 24px 0; display: none; } #js-cpanel .space-22 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 22px 0; } #js-cpanel .vspace-22 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 22px 0; display: none; } #js-cpanel .space-20 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 20px 0; } #js-cpanel .vspace-20 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 20px 0; display: none; } #js-cpanel .space-18 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 18px 0; } #js-cpanel .vspace-18 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 18px 0; display: none; } #js-cpanel .space-16 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 16px 0; } #js-cpanel .vspace-16 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 16px 0; display: none; } #js-cpanel .space-14 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 14px 0; } #js-cpanel .vspace-14 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 14px 0; display: none; } #js-cpanel .space-12 { max-height: 0; overflow: hidden; margin: 12px 0; } #js-cpanel .vspace-12 { max-height: 0; overflow: hidden; margin: 12px 0; display: none; } #js-cpanel .space-10 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 10px 0; } #js-cpanel .vspace-10 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 10px 0; display: none; } #js-cpanel .space-8 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 8px 0; } #js-cpanel .vspace-8 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 8px 0; display: none; } #js-cpanel .space-6 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 6px 0; } #js-cpanel .vspace-6 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 6px 0; display: none; } #js-cpanel .space-4 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 4px 0; } #js-cpanel .vspace-4 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 4px 0; display: none; } #js-cpanel .space-2 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 2px 0; } #js-cpanel .vspace-2 { max-height: 0; overflow: hidden; margin: 12px 0; margin: 2px 0; display: none; } #js-cpanel .header { line-height: 28px; margin-bottom: 16px; margin-top: 18px; padding-bottom: 4px; border-bottom: 1px solid #ccc; } #js-cpanel .header.blue { border-bottom-color: #d5e3ef; } #js-cpanel .header.green { border-bottom-color: #cce2c1; } #js-cpanel .header.purple { border-bottom-color: #e0d1ea; } #js-cpanel .header.orange { border-bottom-color: #fdd0ac; } #js-cpanel .header.red { border-bottom-color: #f3cdc6; } #js-cpanel .header.grey { border-bottom-color: #c3c3c3; } #js-cpanel .header.pink { border-bottom-color: #f2e0eb; } #js-cpanel .header.pink2 { border-bottom-color: #e69eb9; } #js-cpanel .header.light-blue { border-bottom-color: #dceefc; } #js-cpanel .header.light-red { border-bottom-color: #fec5c5; } #js-cpanel .header.light-green { border-bottom-color: #d2e7b5; } #js-cpanel .header.brown { border-bottom-color: #df9393; } #js-cpanel .header > [class*="icon-"] { margin-right: 2px; } #js-cpanel .no-radius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } #js-cpanel .action-buttons a { margin: 0 2px; display: inline-block; opacity: 0.85; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; } #js-cpanel .action-buttons a:hover { text-decoration: none; -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 1; } /* ---------------------------------------- TOP BAR ------------------------------------------- */ #js-cpanel .navbar { margin-bottom: 0; } #js-cpanel .navbar { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } #js-cpanel .navbar .navbar-inner { background-color: var(--ace-primary); border: 0; box-shadow: none; border-radius: 0; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; min-height: 48px; position: relative; } #js-cpanel .navbar .navbar-inner::before, #js-cpanel .navbar .navbar-inner::after { display: none; } #js-cpanel .navbar .navbar-inner .container-fluid { display: flex; justify-content: space-between; align-items: center; gap: 1rem; } #js-cpanel .navbar-inner .navbar-brand { padding: 8px 0 0 calc(var(--ace-spacing) * 2); margin: 0; } #js-cpanel .navbar-inner .navbar-brand img { max-height: 36px; } #js-cpanel .navbar-inner #jomsocial-version { margin-right: auto; line-height: 1; } #js-cpanel .navbar-inner #jomsocial-not-content.open ul.dropdown-navbar { border-radius: var(--ace-border-radius); display: block; top: 100%; } #js-cpanel .navbar-inner ul.dropdown-navbar > li { border-bottom: 1px solid var(--ace-border-color); line-height: 1; } #js-cpanel .navbar-inner ul.dropdown-navbar > li.nav-header { background-color: var(--ace-gray-100); border-radius: 4px 4px 0 0; color: var(--ace-gray-700); font-weight: 600; font-size: 14px; padding: 12px calc(var(--ace-spacing) * 2); } #js-cpanel .navbar-inner ul.dropdown-navbar > li:last-child { border-radius: 0 0 4px 4px; border-bottom: 0; } #js-cpanel .navbar-inner ul.dropdown-navbar > li > a { border: 0; color: var(--ace-gray-800); display: flex; align-items: center; justify-content: space-between; padding: 12px calc(var(--ace-spacing) * 2); font-size: 15px; text-align: left; } #js-cpanel .navbar-inner ul.dropdown-navbar > li > a:hover, #js-cpanel .navbar-inner ul.dropdown-navbar > li > a:focus, #js-cpanel .navbar-inner ul.dropdown-navbar > li > a:active { color: var(--ace-link-hover); text-decoration: none; } #js-cpanel .navbar-inner ul.dropdown-navbar > li > a > span { display: inline-block; } #js-cpanel .navbar-inner #g_rating { display: flex; flex-wrap: wrap; align-items: stretch; } #js-cpanel .navbar-inner .ace-nav { padding-right: calc(var(--ace-spacing) * 2); } #js-cpanel .navbar-inner .social-links { border-left: 1px solid rgba(255, 255, 255, 0.1); display: flex; align-items: center; margin: 0; padding: 0 calc(var(--ace-spacing) * 2) 0 var(--ace-spacing); list-style: none; } #js-cpanel .navbar-inner .social-links li { padding-left: var(--ace-spacing); } #js-cpanel .navbar-inner .social-links a { display: block; height: 28px; width: 28px; } #js-cpanel .navbar-inner .social-links a::before { display: none; } #js-cpanel .navbar-inner .social-links img { border-radius: 50%; width: 100%; } #js-cpanel .navbar-inner .nav { display: flex; padding-right: 0; } #js-cpanel .navbar-inner .nav li > a { display: flex; align-items: center; gap: 0.5rem; } #js-cpanel .navbar-inner .nav li:first-child { padding-right: 1rem; } #js-cpanel .navbar-inner .nav li:last-child { border-left: 1px solid rgba(255, 255, 255, 0.2); padding-left: 1rem; } #js-cpanel .navbar-inner .nav .avatar-topbar { border-radius: 50%; height: 2rem; width: 2rem; } #js-cpanel .navbar .navbar-text, #js-cpanel .navbar .navbar-link { color: #fff; } #js-cpanel .navbar .brand { color: #fff; font-size: 24px; text-shadow: none; text-indent: -9999px; background: url(../images/logo-white.png) no-repeat 0 0; display: block; width: 130px; height: 45px; margin: 0; padding: 0; margin-top: 4px; } #js-cpanel .navbar .nav > li > a, #js-cpanel .navbar .nav > li > a:hover, #js-cpanel .navbar .nav > li > a:focus { color: var(--ace-white); font-size: 14px; } #js-cpanel .ace-nav > li { max-height: 50px; line-height: 50px; padding: 0; position: relative; } #js-cpanel .ace-nav > li > a { background-color: transparent; display: block; padding: 0; position: relative; } #js-cpanel .ace-nav > li > a > [class*="icon-"] { font-size: 16px; color: #eee; display: inline-block; width: 20px; text-align: center; } #js-cpanel .ace-nav > li > a > .icon-envelope { line-height: 18px; } #js-cpanel .ace-nav > li > a > .badge { position: relative; top: -2px; left: 2px; border-radius: 2px; line-height: 13px; padding-top: 4px; padding-right: 6px; padding-left: 6px; } #js-cpanel .ace-nav > li.grey { background: #555; } #js-cpanel .ace-nav > li.purple { background: #892e65; } #js-cpanel .ace-nav > li.green { background: #2e8965; } #js-cpanel .ace-nav > li.light-blue { background: #62a8d1; } #js-cpanel .ace-nav > li.light-blue2 { background: #42a8e1; } #js-cpanel .ace-nav > li.red { background: #b74635; } #js-cpanel .ace-nav > li.light-green { background: #9abc32; } #js-cpanel .ace-nav > li.light-purple { background: #cb6fd7; } #js-cpanel .ace-nav > li.light-orange { background: #f79263; } #js-cpanel .ace-nav > li.light-pink { background: #f4dae5; } #js-cpanel .ace-nav > li.dark { background: #404040; } #js-cpanel .ace-nav > li.white-opaque { background: rgba(255, 255, 255, 0.8); } #js-cpanel .ace-nav > li.dark-opaque { background: rgba(0, 0, 0, 0.2); } #js-cpanel .ace-nav > li.no-border { border: 0; } #js-cpanel .ace-nav > li.margin-4 { margin-left: 4px; } #js-cpanel .ace-nav > li.margin-3 { margin-left: 3px; } #js-cpanel .ace-nav > li.margin-2 { margin-left: 2px; } #js-cpanel .ace-nav > li.margin-1 { margin-left: 1px; } #js-cpanel .ace-nav > li .dropdown-menu { z-index: 1031; } #js-cpanel .ace-nav .nav-user-photo { margin: -4px 8px 0 0; border-radius: 24px; border: 2px solid #fff; max-width: 36px !important; } #js-cpanel .ace-nav li:last-child a [class^="icon-"] { display: inline-block; width: 1.25em; text-align: center; } #js-cpanel .breadcrumbs { position: relative; border-bottom: 1px solid #e5e5e5; background-color: #f5f5f5; min-height: 40px; line-height: 39px; padding: 0 12px 0 0; display: block; } #js-cpanel .breadcrumbs.fixed { position: fixed; right: 0; left: 190px; top: 50px; z-index: 1028; } #js-cpanel .breadcrumb { background-color: transparent; display: inline-block; line-height: 24px; margin: 0 22px 0 12px; padding: 0; font-size: 13px; color: #333; border-radius: 0; } #js-cpanel .breadcrumb > li, #js-cpanel .breadcrumb > li.active { color: #555; } #js-cpanel .breadcrumb > li > .divider { padding: 0 4px; } #js-cpanel .breadcrumb > li > a { display: inline-block; padding: 0 4px; color: #4c8fbd; } #js-cpanel .breadcrumb .home-icon { margin-left: 4px; margin-right: 2px; font-size: 20px; position: relative; top: 2px; } #js-cpanel .breadcrumb .arrow-icon { height: 22px; padding: 0; margin: 0; position: relative; top: 1px; font-size: 14px; color: #b2b6bf; } #js-cpanel .nav-search { position: absolute; top: 5px; right: 22px; line-height: 24px; } #js-cpanel .nav-search .form-search { margin-top: 1px; } #js-cpanel .nav-search .nav-search-input { border-color: #6fb3e0; border-width: 1px; width: 120px; height: 18px !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; font-size: 13px; color: #666 !important; z-index: 11; -webkit-transition: all ease 0.15s; -moz-transition: all ease 0.15s; -o-transition: all ease 0.15s; transition: all ease 0.15s; } #js-cpanel .nav-search .nav-search-input + .dropdown-menu { min-width: 0; left: 0; right: 0; } #js-cpanel .nav-search .nav-search-input:focus, #js-cpanel .nav-search .nav-search-input:hover { border-color: #6fb3e0; } #js-cpanel .nav-search .nav-search-icon { color: #6fb3e0 !important; font-size: 14px !important; line-height: 24px !important; } #js-cpanel .sidebar > .nav-search { position: static; background-color: #fafafa; border-bottom: 1px solid #ddd; text-align: center; height: 35px; padding-top: 5px; } #js-cpanel .sidebar > .nav-search .nav-search-input { width: 130px !important; border-radius: 0 !important; max-width: 130px !important; opacity: 1 !important; filter: alpha(opacity=100) !important; } #js-cpanel .sidebar > .nav-search .nav-search-input + .dropdown-menu { text-align: left; } #js-cpanel .sidebar > .nav-search .nav-search-icon { border: 0; border-radius: 0; padding: 0 3px; } #js-cpanel .sidebar > .nav-search.menu-min .nav-search .form-search { position: absolute; left: 5px; z-index: 14; } #js-cpanel .sidebar > .nav-search.menu-min .nav-search .nav-search-input { width: 0 !important; max-width: 0 !important; opacity: 0 !important; filter: alpha(opacity=0) !important; } #js-cpanel .sidebar > .nav-search.menu-min .nav-search .nav-search-input:hover, #js-cpanel .sidebar > .nav-search.menu-min .nav-search .nav-search-input:focus, #js-cpanel .sidebar > .nav-search.menu-min .nav-search .nav-search-input:active { width: 130px !important; max-width: 130px !important; opacity: 1 !important; filter: alpha(opacity=100) !important; } #js-cpanel .sidebar > .nav-search.menu-min .nav-search .nav-search-input:hover ~ #nav-search-icon, #js-cpanel .sidebar > .nav-search.menu-min .nav-search .nav-search-input:focus ~ #nav-search-icon, #js-cpanel .sidebar > .nav-search.menu-min .nav-search .nav-search-input:active ~ #nav-search-icon { border: 0; border-radius: 0; padding: 0 3px; } #js-cpanel .sidebar > .nav-search.menu-min .nav-search:hover .nav-search-input { width: 130px !important; max-width: 130px !important; opacity: 1 !important; filter: alpha(opacity=100) !important; } #js-cpanel .sidebar > .nav-search.menu-min .nav-search:hover .nav-search-input ~ .nav-search-icon { border: 0; border-radius: 0; padding: 0 3px; } #js-cpanel .sidebar > .nav-search.menu-min .nav-search .nav-search-icon { border: 1px solid; border-radius: 32px; background-color: #fff; padding: 0 5px; } /* ---------------------------------------- SIDEBAR ------------------------------------------- */ #js-cpanel .sidebar { background-color: var(--ace-sidebar-bg); border-right: 1px solid var(--ace-border-color); top: 0; bottom: 0; position: absolute; width: var(--ace-sidebar-width); } #js-cpanel .sidebar:before { background-color: var(--ace-sidebar-bg); border-right: 1px solid var(--ace-border-color); content: ""; display: block; width: var(--ace-sidebar-width); position: fixed; bottom: 0; top: 0; z-index: -1; } #js-cpanel .sidebar.fixed { position: fixed; z-index: 1029; top: 50px; left: 0; } #js-cpanel .sidebar.fixed:before { left: 0; right: auto; } #js-cpanel li [class^="icon-"], #js-cpanel li [class*=" icon-"], .nav-list #js-cpanel li [class^="icon-"], .nav-list #js-cpanel li [class*=" icon-"] { width: auto; } #js-cpanel .nav-list { margin: 0 0 10px 0; padding: 0; list-style: none; } #js-cpanel .nav-list > li > a, #js-cpanel .nav-list .nav-header { margin: 0; transition: all 0.3s ease-in-out; } #js-cpanel .nav-list > li { display: block; padding: 0; margin: 0; position: relative; width: 100%; } #js-cpanel .nav-list > li > a { background-color: var(--ace-sidebar-bg); border: 0; font-size: 14px; display: flex; align-items: center; height: 40px; line-height: 36px; padding: 0 16px; color: var(--ace-sidebar-text); text-shadow: none !important; text-decoration: none; transition: var(--ace-trans-base); } #js-cpanel .nav-list > li > a > [class*="icon-"]:first-child { color: var(--ace-gray-400); display: inline-block; text-align: center; font-size: 16px; font-weight: normal; margin-right: 12px; transition: var(--ace-trans-base); vertical-align: middle; width: 16px; } #js-cpanel .nav-list > li > a:hover > [class*="icon-"]:first-child { color: var(--ace-gray-600); } #js-cpanel .nav-list > li > a:hover { background-color: var(--ace-gray-50); color: var(--ace-link-hover); } #js-cpanel .nav-list > li a > .arrow { color: var(--ace-sidebar-text); display: inline-block; height: 14px; line-height: 14px; font-size: 18px; position: absolute; top: 15px; right: 9px; padding: 0; text-shadow: none; width: 14px !important; opacity: 0.5; } #js-cpanel .nav-list > li a:hover > .arrow, #js-cpanel .nav-list > li.active > a > .arrow, #js-cpanel .nav-list > li.open > a > .arrow { opacity: 1; } #js-cpanel .nav-list > li.separator { height: 3px; background-color: transparent; position: static; margin: 1px 0; box-shadow: none; } #js-cpanel .nav-list > li.open > a { /* border-bottom: 1px solid var(--ace-border-color); */ color: var(--ace-gray-800); } #js-cpanel .nav-list > li.active { background-color: var(--ace-gray-100); } #js-cpanel .nav-list > li.active > a, #js-cpanel .nav-list > li.active > a:hover, #js-cpanel .nav-list > li.active > a:focus, #js-cpanel .nav-list > li.active > a:active { background: var(--ace-gray-100); color: var(--ace-link-active); font-weight: 500; } #js-cpanel .nav-list > li.active > a > [class*="icon-"] { font-weight: normal; color: var(--ace-link-active); } #js-cpanel .nav-list > li.active:after { display: inline-block; content: ""; position: absolute; right: -2px; top: -1px; bottom: 0; } #js-cpanel .nav-list > li.open { border: 0; } #js-cpanel .nav-list > li.active .submenu { display: block; } #js-cpanel .nav-list > li .submenu { background: var(--ace-subnav-bg); border-top: 1px solid var(--ace-border-color); display: none; list-style: none; margin: 0; padding: 0; position: relative; } #js-cpanel .nav-list > li .submenu > li { margin-left: 0; position: relative; } #js-cpanel .nav-list > li .submenu > li > a { color: var(--ace-sidebar-text); font-size: 14px; display: block; position: relative; padding: 8px 0 8px 44px; margin: 0; } #js-cpanel .nav-list > li .submenu > li > a:hover, #js-cpanel .nav-list > li .submenu > li > a:focus, #js-cpanel .nav-list > li .submenu > li > a:active { color: var(--ace-link-hover); } #js-cpanel .nav-list > li .submenu > li.active > a { color: var(--ace-link-active); } #js-cpanel .nav-list > li .submenu > li a > [class*="icon-"]:first-child { display: none; font-size: 14px; font-weight: normal; width: 18px; height: auto; line-height: 12px; text-align: center; position: absolute; left: 16px; top: 12px; z-index: 1; } #js-cpanel .nav-list > li .submenu > li.active > a > [class*="icon-"]:first-child, #js-cpanel .nav-list > li .submenu > li:hover > a > [class*="icon-"]:first-child { display: inline-block; color: var(--ace-gray-400); } #js-cpanel .nav-list > li .submenu > li.active > a > [class*="icon-"]:first-child { color: var(--ace-link-active); } #js-cpanel .nav-list > li.active > .submenu > li:before { border-top-color: #ecf0f1; } #js-cpanel .nav-list > li.active > .submenu:before { border-left-color: #ecf0f1; } #js-cpanel .nav-list li .submenu { border-bottom: 1px solid var(--ace-border-color); overflow: hidden; } #js-cpanel .nav-list li.open > a:after { display: none; } #js-cpanel .nav-list li.active.open > .submenu > li.active.open > a.dropdown-toggle:after { display: none; } #js-cpanel .nav-list li.active > .submenu > li.active > a:after { display: none; } #js-cpanel .nav-list li.active.open > .submenu > li.active > a:after { display: block; } .menu-min #js-cpanel .nav-list li.active.open > .submenu > li.active > a:after { display: none; } #js-cpanel .nav-list li.active.no-active-child > a:after { display: inline-block !important; } #js-cpanel .nav-list a .badge, #js-cpanel .nav-list a .label { font-size: 12px; padding-left: 6px; padding-top: 3px; padding-right: 6px; position: absolute; top: 9px; right: 11px; opacity: 0.88; } #js-cpanel .nav-list a .badge [class*="icon-"], #js-cpanel .nav-list a .label [class*="icon-"] { vertical-align: middle; margin: 0; } #js-cpanel .nav-list a.dropdown-toggle .badge, #js-cpanel .nav-list a.dropdown-toggle .label { right: 28px; } #js-cpanel .nav-list a:hover .badge, #js-cpanel .nav-list a:hover .label { opacity: 1; } .menu-min #js-cpanel .nav-list a .badge, .menu-min #js-cpanel .nav-list a .label { position: relative; top: -1px; right: auto; left: 4px; } #js-cpanel .nav-list .submenu .submenu a .badge, #js-cpanel .nav-list .submenu .submenu a .label { top: 6px; } .menu-min #js-cpanel .nav-list .submenu .submenu a .badge, .menu-min #js-cpanel .nav-list .submenu .submenu a .label { top: 0; } #js-cpanel .sidebar-collapse { border-top: 1px solid var(--ace-border-color); border-bottom: 1px solid var(--ace-border-color); color: var(--ace-gray-400); font-size: 14px; padding: 8px 16px; position: relative; } #js-cpanel .sidebar-collapse:hover { background-color: var(--ace-gray-100); color: var(--ace-link-hover); cursor: pointer; } #js-cpanel .sidebar-collapse > [class*="icon-"] { display: inline-block; cursor: pointer; font-size: 16px; color: var(--ace-gray-400); margin-right: 12px; min-width: 16px; padding: 0; position: relative; text-align: center; } #js-cpanel .sidebar.menu-min .sidebar-collapse .menu-text { display: none; } #js-cpanel .sidebar-shortcuts { background-color: #fafafa; border-bottom: 1px solid #ddd; text-align: center; line-height: 37px; max-height: 40px; margin-bottom: 0; } #js-cpanel .sidebar-shortcuts-large { padding-bottom: 4px; } #js-cpanel .sidebar-shortcuts-large > .btn > [class*="icon-"] { font-size: 110%; } #js-cpanel .sidebar-shortcuts-mini { display: none; font-size: 0; width: var(--ace-sidebar-mini-width); line-height: 18px; padding-top: 2px; padding-bottom: 2px; background-color: #3498db; } #js-cpanel .sidebar-shortcuts-mini > .btn { border-width: 0 !important; font-size: 0; line-height: 0; padding: 8px !important; margin: 0 1px; border-radius: 0 !important; opacity: 0.85; filter: alpha(opacity=85); } /* Menu collapse */ #js-cpanel .sidebar.menu-min { width: var(--ace-sidebar-mini-width); } #js-cpanel .sidebar.menu-min:before { width: calc(var(--ace-sidebar-mini-width) + 1px); } #js-cpanel .sidebar.menu-min + .main-content { margin-left: calc(var(--ace-sidebar-mini-width) + 1px); } #js-cpanel .sidebar.menu-min + .main-content .breadcrumbs.fixed { left: calc(var(--ace-sidebar-mini-width) + 1px); } #js-cpanel .menu-min .nav-list > li > a { position: relative; padding-left: 0; padding-right: 0; text-align: center; justify-content: center; width: var(--ace-sidebar-mini-width); } #js-cpanel .menu-min .nav-list > li > a > [class*="icon-"]:first-child { margin-right: 0; } #js-cpanel .menu-min .nav-list > li > a > .menu-text { background-color: var(--ace-white); display: none; position: absolute; left: calc(var(--ace-sidebar-mini-width) + 1px); top: 1px; width: 160px; height: 39px; line-height: 38px; z-index: 121; font-weight: 600; padding-left: 24px; text-align: left; } #js-cpanel .menu-min .nav-list > li > a.dropdown-toggle > .menu-text { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 0; width: 163px; } #js-cpanel .menu-min .nav-list > li > a .arrow { display: none; } #js-cpanel .menu-min .nav-list > li > a:hover:before { width: 2px; } #js-cpanel .menu-min .nav-list > li:hover > a { background-color: var(--ace-white); color: var(--ace-primary); } #js-cpanel .menu-min .nav-list > li:hover > a::before, #js-cpanel .menu-min .nav-list > li:hover > a::after { background-color: var(--ace-border-color); border: 0; content: ""; display: block; height: 1px; position: absolute; top: 0; left: 0; margin: 0; width: 100%; } #js-cpanel .menu-min .nav-list > li:hover > a::after { top: auto; bottom: 0; } #js-cpanel .menu-min .nav-list > li:hover > a > [class*="icon-"]:first-child { color: var(--ace-link-active); } #js-cpanel .menu-min .nav-list > li:hover > a > .menu-text { display: block; color: var(--ace-primary); } #js-cpanel .menu-min .nav-list > li.active > a > .menu-text { border-left-color: #fcfcfc; } #js-cpanel .menu-min .nav-list > li.open > a { background-color: var(--ace-primary); color: var(--ace-white); } #js-cpanel .menu-min .nav-list > li.open > a > [class*="icon-"]:first-child, #js-cpanel .menu-min .nav-list > li.open > a:hover > [class*="icon-"]:first-child { color: var(--ace-white); } #js-cpanel .menu-min .nav-list > li.open.active > a { background-color: #3498db; } #js-cpanel .menu-min .nav-list > li.open:hover > a { color: #fcfcfc; } #js-cpanel .menu-min .nav-list > li.active > a { color: #fcfcfc; } #js-cpanel .menu-min .nav-list > li.active > a:after { border-width: 10px 6px; top: 8px; } #js-cpanel .menu-min .nav-list > li.active.open > a:after { display: block; } #js-cpanel .menu-min .nav-list > li.active.open li.active > a:after { display: none; } #js-cpanel .menu-min .nav-list > li > .submenu { background: var(--ace-white); border: 1px solid var(--ace-border-color); border-left: 0; box-shadow: none; display: none !important; position: absolute; left: var(--ace-sidebar-mini-width); top: 0; padding-top: 40px; padding-bottom: 2px; width: 175px; z-index: 120; } #js-cpanel .menu-min .nav-list > li > .submenu::before { background-color: var(--ace-border-color); content: ""; display: block; position: absolute; left: 0; top: 39px; bottom: 0; width: 1px; } #js-cpanel .menu-min .nav-list > li > .submenu li:before { display: none; } #js-cpanel .menu-min .nav-list > li > .submenu li > a { margin-left: 0; padding-left: 24px; } #js-cpanel .menu-min .nav-list > li > .submenu li > a > [class*="icon-"]:first-child { left: 4px; } #js-cpanel .menu-min .nav-list > li:hover > .submenu { display: block !important; } #js-cpanel .menu-min .nav-list > li.active > .submenu { border-left-color: #fcfcfc; } #js-cpanel .menu-min .sidebar-shortcuts { position: relative; } #js-cpanel .menu-min .sidebar-shortcuts-mini { display: block; } #js-cpanel .menu-min .sidebar-shortcuts-large { display: none; position: absolute; left: 42px; top: -1px; width: 175px; z-index: 20; background-color: #3498db; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 1px solid none; padding: 0 2px 3px; } #js-cpanel .menu-min .sidebar-shortcuts:hover .sidebar-shortcuts-large { display: block; } #js-cpanel .menu-min .sidebar-collapse:before { left: 5px; right: 5px; } #js-cpanel .menu-min .sidebar-collapse > [class*="icon-"] { font-size: 13px; padding: 0 4px; line-height: 15px; border-width: 1px; border-color: #aeaeae; } #js-cpanel .nav-list > li > .submenu li > .submenu { border-top: 0; background-color: transparent; display: none; } #js-cpanel .nav-list > li > .submenu li.active > .submenu { display: block; } #js-cpanel .nav-list > li > .submenu a > .arrow { right: 11px; top: 10px; font-size: 16px; } #js-cpanel .nav-list > li > .submenu li > .submenu > li > a > .arrow { right: 12px; top: 9px; } #js-cpanel .nav-list > li > .submenu li > .submenu > li { line-height: 16px; } #js-cpanel .nav-list > li > .submenu li > .submenu > li:before { display: none; } #js-cpanel .nav-list > li > .submenu li > .submenu > li > a { margin-left: 20px; padding-left: 22px; } #js-cpanel .nav-list > li > .submenu li > .submenu > li > .submenu > li > a { margin-left: 20px; padding-left: 38px; } #js-cpanel .nav-list > li > .submenu li > .submenu > li a > [class*="icon-"]:first-child { display: inline-block; color: inherit; font-size: 14px; position: static; background-color: transparent; } #js-cpanel .nav-list > li > .submenu li > .submenu > li a { } #js-cpanel .nav-list > li > .submenu li > .submenu > li a:hover { } #js-cpanel .nav-list > li > .submenu li > .submenu > li a:hover [class*="icon-"] { text-decoration: none; color: #fcfcfc; } #js-cpanel .nav-list > li > .submenu li.open > a { color: var(--ace-link-active); } #js-cpanel .nav-list > li > .submenu li.open > a > [class*="icon-"]:first-child { display: inline-block; } #js-cpanel .nav-list > li > .submenu li.open > a .arrow { color: #fcfcfc; } #js-cpanel .nav-list > li > .submenu li > .submenu li.open > a { color: #fcfcfc; } #js-cpanel .nav-list > li > .submenu li > .submenu li.open > a > [class*="icon-"]:first-child { display: inline-block; color: #fcfcfc; } #js-cpanel .nav-list > li > .submenu li > .submenu li.open > a .arrow { color: #fcfcfc; } #js-cpanel .nav-list > li > .submenu li > .submenu li.active > a { } #js-cpanel .nav-list > li > .submenu li > .submenu li.active > a > [class*="icon-"]:first-child { display: inline-block; color: #fcfcfc; } #js-cpanel .nav-list > li.active.open li.active > a:after { top: 2px; border-width: 14px 8px; } #js-cpanel .nav-list > li.active.open li.active.open li.active > a:after { top: 0; } #js-cpanel .menu-min .nav-list > li > .submenu li > .submenu > li > a { margin-left: 0; padding-left: 30px; } #js-cpanel .menu-min .nav-list > li > .submenu li > .submenu > li > .submenu > li > a { margin-left: 0; padding-left: 45px; } #js-cpanel .menu-min .nav-list > li > .submenu li.active > a:after { display: none; } #js-cpanel .menu-toggler { display: none; } #js-cpanel .btn { } #js-cpanel .btn-large { } #js-cpanel .btn-small { } #js-cpanel .btn-mini { } #js-cpanel .btn-minier, #js-cpanel .btn-micro { } #js-cpanel button.btn:active { top: 1px; left: 1px; } #js-cpanel .btn.no-border:hover, #js-cpanel .btn-default.no-border:hover { border-color: #707d7e; } #js-cpanel .btn.no-hover:hover, #js-cpanel .btn-default.no-hover:hover { background-color: #7f8c8d !important; } #js-cpanel .btn.active, #js-cpanel .btn-default.active { background-color: #778485 !important; border-color: #697475; } #js-cpanel .btn.no-border.active, #js-cpanel .btn-default.no-border.active { background-color: #707c7d !important; border-color: #707c7d; } #js-cpanel .btn.disabled, #js-cpanel .btn-default.disabled, #js-cpanel .btn[disabled], #js-cpanel .btn-default[disabled] { background-color: #7f8c8d !important; } #js-cpanel .btn-primary { background-color: #3498db; border-color: #3498db; } #js-cpanel .btn-primary:hover { background-color: #2489cc; } #js-cpanel .btn-primary.no-border:hover { border-color: #2489cc; } #js-cpanel .btn-primary.no-hover:hover { background-color: #3498db; } #js-cpanel .btn-primary.active { background-color: #2c90d4; border-color: #267fbb; } #js-cpanel .btn-primary.no-border.active { background-color: #2988c7 !important; border-color: #2988c7; } #js-cpanel .btn-primary.disabled, #js-cpanel .btn-primary[disabled] { background-color: #3498db !important; } #js-cpanel .btn-info { background-color: #6fb3e0 !important; border-color: #6fb3e0; } #js-cpanel .btn-info:hover { background-color: #4f99c6 !important; } #js-cpanel .btn-info.no-border:hover { border-color: #4f99c6; } #js-cpanel .btn-info.no-hover:hover { background-color: #6fb3e0 !important; } #js-cpanel .btn-info.active { background-color: #5fa6d3 !important; border-color: #4799cc; } #js-cpanel .btn-info.no-border.active { background-color: #539fd0 !important; border-color: #539fd0; } #js-cpanel .btn-info.disabled, #js-cpanel .btn-info[disabled] { background-color: #6fb3e0 !important; } #js-cpanel .btn-success { background-color: #87b87f !important; border-color: #87b87f; } #js-cpanel .btn-success:hover { background-color: #629b58 !important; } #js-cpanel .btn-success.no-border:hover { border-color: #629b58; } #js-cpanel .btn-success.no-hover:hover { background-color: #87b87f !important; } #js-cpanel .btn-success.active { background-color: #75aa6c !important; border-color: #649c5a; } #js-cpanel .btn-success.no-border.active { background-color: #6ba462 !important; border-color: #6ba462; } #js-cpanel .btn-success.disabled, #js-cpanel .btn-success[disabled] { background-color: #87b87f !important; } #js-cpanel .btn-warning { background-color: #ffb752 !important; border-color: #ffb752; } #js-cpanel .btn-warning:hover { background-color: #e59729 !important; } #js-cpanel .btn-warning.no-border:hover { border-color: #e59729; } #js-cpanel .btn-warning.no-hover:hover { background-color: #ffb752 !important; } #js-cpanel .btn-warning.active { background-color: #f2a73e !important; border-color: #f09a21; } #js-cpanel .btn-warning.no-border.active { background-color: #f1a02f !important; border-color: #f1a02f; } #js-cpanel .btn-warning.disabled, #js-cpanel .btn-warning[disabled] { background-color: #ffb752 !important; } #js-cpanel .btn-danger { background-color: #d15b47 !important; border-color: #d15b47; } #js-cpanel .btn-danger:hover { background-color: #b74635 !important; } #js-cpanel .btn-danger.no-border:hover { border-color: #b74635; } #js-cpanel .btn-danger.no-hover:hover { background-color: #d15b47 !important; } #js-cpanel .btn-danger.active { background-color: #c4513e !important; border-color: #ae4635; } #js-cpanel .btn-danger.no-border.active { background-color: #ba4b39 !important; border-color: #ba4b39; } #js-cpanel .btn-danger.disabled, #js-cpanel .btn-danger[disabled] { background-color: #d15b47 !important; } #js-cpanel .btn-inverse { background-color: #555 !important; border-color: #555; } #js-cpanel .btn-inverse:hover { background-color: #303030 !important; } #js-cpanel .btn-inverse.no-border:hover { border-color: #303030; } #js-cpanel .btn-inverse.no-hover:hover { background-color: #555 !important; } #js-cpanel .btn-inverse.active { background-color: #434343 !important; border-color: #333; } #js-cpanel .btn-inverse.no-border.active { background-color: #3b3b3b !important; border-color: #3b3b3b; } #js-cpanel .btn-inverse.disabled, #js-cpanel .btn-inverse[disabled] { background-color: #555 !important; } #js-cpanel .btn-pink { background-color: #d6487e !important; border-color: #d6487e; } #js-cpanel .btn-pink:hover { background-color: #b73766 !important; } #js-cpanel .btn-pink.no-border:hover { border-color: #b73766; } #js-cpanel .btn-pink.no-hover:hover { background-color: #d6487e !important; } #js-cpanel .btn-pink.active { background-color: #c74072 !important; border-color: #b33564; } #js-cpanel .btn-pink.no-border.active { background-color: #be386a !important; border-color: #be386a; } #js-cpanel .btn-pink.disabled, #js-cpanel .btn-pink[disabled] { background-color: #d6487e !important; } #js-cpanel .btn-purple { background-color: #9585bf !important; border-color: #9585bf; } #js-cpanel .btn-purple:hover { background-color: #7461aa !important; } #js-cpanel .btn-purple.no-border:hover { border-color: #7461aa; } #js-cpanel .btn-purple.no-hover:hover { background-color: #9585bf !important; } #js-cpanel .btn-purple.active { background-color: #8573b5 !important; border-color: #735faa; } #js-cpanel .btn-purple.no-border.active { background-color: #7c69af !important; border-color: #7c69af; } #js-cpanel .btn-purple.disabled, #js-cpanel .btn-purple[disabled] { background-color: #9585bf !important; } #js-cpanel .btn-grey { background-color: #a0a0a0 !important; border-color: #a0a0a0; } #js-cpanel .btn-grey:hover { background-color: #888 !important; } #js-cpanel .btn-grey.no-border:hover { border-color: #888; } #js-cpanel .btn-grey.no-hover:hover { background-color: #a0a0a0 !important; } #js-cpanel .btn-grey.active { background-color: #949494 !important; border-color: #858585; } #js-cpanel .btn-grey.no-border.active { background-color: #8c8c8c !important; border-color: #8c8c8c; } #js-cpanel .btn-grey.disabled, #js-cpanel .btn-grey[disabled] { background-color: #a0a0a0 !important; } #js-cpanel .btn-yellow { background-color: #fee188 !important; border-color: #fee188; color: #963 !important; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4) !important; } #js-cpanel .btn-yellow:hover { background-color: #f7d05b !important; } #js-cpanel .btn-yellow.no-border:hover { border-color: #f7d05b; } #js-cpanel .btn-yellow.no-hover:hover { background-color: #fee188 !important; } #js-cpanel .btn-yellow.active { background-color: #fbd972 !important; border-color: #fad054; } #js-cpanel .btn-yellow.no-border.active { background-color: #fad463 !important; border-color: #fad463; } #js-cpanel .btn-yellow.disabled, #js-cpanel .btn-yellow[disabled] { background-color: #fee188 !important; } #js-cpanel .btn-light { background-color: #e7e7e7 !important; border-color: #e7e7e7; color: #888 !important; text-shadow: 0 -1px 0 rgba(250, 250, 250, 0.25) !important; } #js-cpanel .btn-light:hover { background-color: #d9d9d9 !important; } #js-cpanel .btn-light.no-border:hover { border-color: #d9d9d9; } #js-cpanel .btn-light.no-hover:hover { background-color: #e7e7e7 !important; } #js-cpanel .btn-light.active { background-color: #e0e0e0 !important; border-color: #d1d1d1; } #js-cpanel .btn-light.no-border.active { background-color: #d8d8d8 !important; border-color: #d8d8d8; } #js-cpanel .btn-light.disabled, #js-cpanel .btn-light[disabled] { background-color: #e7e7e7 !important; } #js-cpanel .btn-light.btn-mini:after { left: -2px; right: -2px; top: -2px; bottom: -2px; } #js-cpanel .btn-light.btn-small:after { left: -4px; right: -4px; top: -4px; bottom: -4px; } #js-cpanel .btn-light.btn-large:after { left: -6px; right: -6px; top: -6px; bottom: -6px; } #js-cpanel .btn.disabled.active, #js-cpanel .btn[disabled].active, #js-cpanel .btn.disabled:focus, #js-cpanel .btn[disabled]:focus, #js-cpanel .btn.disabled:active, #js-cpanel .btn[disabled]:active { outline: 0; } #js-cpanel .btn.disabled:active, #js-cpanel .btn[disabled]:active { top: 0; left: 0; } #js-cpanel .btn.active { color: #efe5b5; } #js-cpanel .btn.active:after { display: inline-block; content: ""; position: absolute; left: -4px; right: -4px; bottom: -4px; } #js-cpanel .btn.active.btn-small:after { left: -3px; right: -3px; bottom: -3px; border-bottom-width: 1px; } #js-cpanel .btn.active.btn-large:after { left: -5px; right: -5px; bottom: -5px; border-bottom-width: 1px; } #js-cpanel .btn.active.btn-mini:after, #js-cpanel .btn.active.btn-minier:after { left: -1px; right: -1px; bottom: -1px; border-bottom-width: 1px; } #js-cpanel .btn.active.btn-yellow:after { border-bottom-color: #c96338; } #js-cpanel .btn.active.btn-light { color: #515151; } #js-cpanel .btn.active.btn-light:after { border-bottom-color: #b5b5b5; } #js-cpanel .btn > [class*="icon-"] { display: inline; margin-right: 4px; } #js-cpanel .btn > [class*="icon-"].icon-on-right { margin-right: 0; margin-left: 4px; } #js-cpanel .btn > .icon-only[class*="icon-"] { margin: 0; vertical-align: middle; text-align: center; padding: 0; } #js-cpanel #adminForm .btn > [class*="icon-"] { display: inline; margin-right: 0; } #js-cpanel #adminForm .btn > [class*="icon-"].icon-on-right { margin-right: 0; margin-left: 4px; } #js-cpanel #adminForm .btn > .icon-only[class*="icon-"] { margin: 0; vertical-align: middle; text-align: center; padding: 0; } #js-cpanel .btn-large > [class*="icon-"] { margin-right: 6px; } #js-cpanel .btn-large > [class*="icon-"].icon-on-right { margin-right: 0; margin-left: 6px; } #js-cpanel .btn-small > [class*="icon-"].icon-on-right { margin-right: 0; margin-left: 3px; } #js-cpanel .btn-mini > [class*="icon-"], #js-cpanel.btn-minier > [class*="icon-"] { margin-right: 2px; } #js-cpanel .btn-mini > [class*="icon-"].icon-on-right, #js-cpanel.btn-minier > [class*="icon-"].icon-on-right { margin-right: 0; margin-left: 2px; } #js-cpanel .btn.btn-link { border: none !important; background: transparent none !important; color: #08c !important; text-shadow: none !important; padding: 4px 12px !important; line-height: 20px !important; } #js-cpanel .btn.btn-link:hover { background: none !important; text-shadow: none !important; } #js-cpanel .btn.btn-link.active { background: none !important; text-decoration: underline; color: #009ceb !important; } #js-cpanel .btn.btn-link.active:after { display: none; } #js-cpanel .btn.btn-link.disabled, #js-cpanel .btn.btn-link[disabled] { background: 0; opacity: 0.65; } #js-cpanel .btn.btn-link.disabled:hover, #js-cpanel .btn.btn-link[disabled]:hover { background: none !important; text-decoration: none !important; } #js-cpanel .btn-group > .btn, #js-cpanel .btn-group > .btn + .btn { margin: 0 1px 0 0; } #js-cpanel .btn-group > .btn:first-child { margin: 0 1px 0 0; } #js-cpanel .btn-group > .btn:first-child, #js-cpanel .btn-group > .btn:last-child { border-radius: 0; } #js-cpanel .btn-group > .btn > .caret { margin-top: 15px; margin-left: 1px; border-width: 5px; border-top-color: #fff; } #js-cpanel .btn-group > .btn.btn-small > .caret { margin-top: 10px; border-width: 4px; } #js-cpanel .btn-group > .btn.btn-large > .caret { margin-top: 18px; border-width: 6px; } #js-cpanel .btn-group > .btn.btn-mini > .caret { margin-top: 9px; border-width: 4px; } #js-cpanel .btn-group > .btn.btn-minier > .caret { margin-top: 7px; border-width: 3px; } #js-cpanel .btn-group > .btn + .btn.dropdown-toggle { padding-right: 3px; padding-left: 3px; } #js-cpanel .btn-group > .btn + .btn-large.dropdown-toggle { padding-right: 4px; padding-left: 4px; } #js-cpanel .btn-group .dropdown-toggle { border-radius: 0; } #js-cpanel .btn-group > .btn, #js-cpanel .btn-group + .btn { margin: 0 1px 0 0; border-width: 3px !important; } #js-cpanel .btn-group > .btn.active:after, #js-cpanel .btn-group + .btn.active:after { left: -2px; right: -2px; bottom: -2px; border-bottom-width: 1px; } #js-cpanel .btn-group > .btn-large, #js-cpanel .btn-group + .btn-large { border-width: 4px !important; } #js-cpanel .btn-group > .btn-large.active:after, #js-cpanel .btn-group + .btn-large.active:after { left: -3px; right: -3px; bottom: -3px; border-bottom-width: 1px; } #js-cpanel .btn-group > .btn-small, #js-cpanel .btn-group + .btn-small { border-width: 2px !important; } #js-cpanel .btn-group > .btn-small.active:after, #js-cpanel .btn-group + .btn-small.active:after { left: -1px; right: -1px; bottom: -1px; border-bottom-width: 1px; } #js-cpanel .btn-group > .btn-mini, #js-cpanel .btn-group + .btn-mini { border-width: 1px !important; } #js-cpanel .btn-group > .btn-mini.active:after, #js-cpanel .btn-group + .btn-mini.active:after { left: 0; right: 0; bottom: 0; border-bottom-width: 1px; } #js-cpanel .btn-group > .btn-minier, #js-cpanel .btn-group + .btn-minier { border-width: 0 !important; } #js-cpanel .btn-group > .btn-minier.active:after, #js-cpanel .btn-group + .btn-minier.active:after { left: 0; right: 0; bottom: 0; border-bottom-width: 1px; } #js-cpanel .btn-group-vertical > .btn, #js-cpanel .btn-group-vertical > .btn + .btn { margin: 1px 0 0; } #js-cpanel .btn-group-vertical > .btn:first-child { margin-right: 0; } #js-cpanel .btn-group.open .dropdown-menu { display: block; top: 100%; } #js-cpanel .btn-group.open .dropdown-menu li a { display: block; padding: var(--ace-spacing) calc(var(--ace-spacing) * 2); } #js-cpanel .btn.btn-app { display: inline-block; width: 100px; margin: 2px; position: relative; font-size: 18px; font-weight: normal; color: #fff; text-align: center; text-shadow: 0 -1px -1px rgba(0, 0, 0, 0.2) !important; border: 0; border-radius: 12px; padding: 12px 0 8px; } #js-cpanel .btn-app, #js-cpanel .btn-app.btn-default, #js-cpanel .btn-app.no-hover:hover, #js-cpanel .btn-app.btn-default.no-hover:hover, #js-cpanel .btn-app.disabled:hover, #js-cpanel .btn-app.btn-default.disabled:hover { background: #b4c2cc !important; background-color: #b5c3ce !important; background-image: -moz-linear-gradient(top, #bcc9d5, #abbac3) !important; background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#bcc9d5), to(#abbac3) ) !important; background-image: -webkit-linear-gradient(top, #bcc9d5, #abbac3) !important; background-image: -o-linear-gradient(top, #bcc9d5, #abbac3) !important; background-image: linear-gradient(to bottom, #bcc9d5, #abbac3) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbcc9d5', endColorstr='#ffabbac3', GradientType=0) !important; } #js-cpanel .btn-app:hover, #js-cpanel .btn-app.btn-default:hover { background: #9baebc !important; background-color: #9dafbe !important; background-image: -moz-linear-gradient(top, #a3b5c5, #93a6b2) !important; background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#a3b5c5), to(#93a6b2) ) !important; background-image: -webkit-linear-gradient(top, #a3b5c5, #93a6b2) !important; background-image: -o-linear-gradient(top, #a3b5c5, #93a6b2) !important; background-image: linear-gradient(to bottom, #a3b5c5, #93a6b2) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa3b5c5', endColorstr='#ff93a6b2', GradientType=0) !important; } #js-cpanel .btn-app.btn-primary, #js-cpanel .btn-app.btn-primary.no-hover:hover, #js-cpanel .btn-app.btn-primary.disabled:hover { background: #2a8bcc !important; background-color: #2d8ece !important; background-image: -moz-linear-gradient(top, #3b98d6, #197ec1) !important; background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#3b98d6), to(#197ec1) ) !important; background-image: -webkit-linear-gradient(top, #3b98d6, #197ec1) !important; background-image: -o-linear-gradient(top, #3b98d6, #197ec1) !important; background-image: linear-gradient(to bottom, #3b98d6, #197ec1) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b98d6', endColorstr='#ff197ec1', GradientType=0) !important; } #js-cpanel .btn-app.btn-primary:hover { background: #1d6fa6 !important; background-color: #1f72a9 !important; background-image: -moz-linear-gradient(top, #267eb8, #136194) !important; background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#267eb8), to(#136194) ) !important; background-image: -webkit-linear-gradient(top, #267eb8, #136194) !important; background-image: -o-linear-gradient(top, #267eb8, #136194) !important; background-image: linear-gradient(to bottom, #267eb8, #136194) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff267eb8', endColorstr='#ff136194', GradientType=0) !important; } #js-cpanel .btn-app.btn-info, #js-cpanel .btn-app.btn-info.no-hover:hover, #js-cpanel .btn-app.btn-info.disabled:hover { background: #68adde !important; background-color: #6baedf !important; background-image: -moz-linear-gradient(top, #75b5e6, #5ba4d5) !important; background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#75b5e6), to(#5ba4d5) ) !important; background-image: -webkit-linear-gradient(top, #75b5e6, #5ba4d5) !important; background-image: -o-linear-gradient(top, #75b5e6, #5ba4d5) !important; background-image: linear-gradient(to bottom, #75b5e6, #5ba4d5) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff75b5e6', endColorstr='#ff5ba4d5', GradientType=0) !important; } #js-cpanel .btn-app.btn-info:hover { background: #3f96d4 !important; background-color: #4197d6 !important; background-image: -moz-linear-gradient(top, #4a9ede, #348dc9) !important; background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#4a9ede), to(#348dc9) ) !important; background-image: -webkit-linear-gradient(top, #4a9ede, #348dc9) !important; background-image: -o-linear-gradient(top, #4a9ede, #348dc9) !important; background-image: linear-gradient(to bottom, #4a9ede, #348dc9) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4a9ede', endColorstr='#ff348dc9', GradientType=0) !important; } #js-cpanel .btn-app.btn-success, #js-cpanel .btn-app.btn-success.no-hover:hover, #js-cpanel .btn-app.btn-success.disabled:hover { background: #86b558 !important; background-color: #87b75a !important; background-image: -moz-linear-gradient(top, #8ebf60, #7daa50) !important; background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#8ebf60), to(#7daa50) ) !important; background-image: -webkit-linear-gradient(top, #8ebf60, #7daa50) !important; background-image: -o-linear-gradient(top, #8ebf60, #7daa50) !important; background-image: linear-gradient(to bottom, #8ebf60, #7daa50) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ebf60', endColorstr='#ff7daa50', GradientType=0) !important; } #js-cpanel .btn-app.btn-success:hover { background: #6c9842 !important; background-color: #6e9b42 !important; background-image: -moz-linear-gradient(top, #74a844, #648740) !important; background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#74a844), to(#648740) ) !important; background-image: -webkit-linear-gradient(top, #74a844, #648740) !important; background-image: -o-linear-gradient(top, #74a844, #648740) !important; background-image: linear-gradient(to bottom, #74a844, #648740) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff74a844', endColorstr='#ff648740', GradientType=0) !important; } #js-cpanel .btn-app.btn-danger, #js-cpanel .btn-app.btn-danger.no-hover:hover, #js-cpanel .btn-app.btn-danger.disabled:hover { background: #d3413b !important; background-color: #d3463f !important; background-image: -moz-linear-gradient(top, #d55b52, #d12723) !important; background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#d55b52), to(#d12723) ) !important; background-image: -webkit-linear-gradient(top, #d55b52, #d12723) !important; background-image: -o-linear-gradient(top, #d55b52, #d12723) !important; background-image: linear-gradient(to bottom, #d55b52, #d12723) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd55b52', endColorstr='#ffd12723', GradientType=0) !important; } #js-cpanel .btn-app.btn-danger:hover { background: #b52c26 !important; background-color: #b82f28 !important; background-image: -moz-linear-gradient(top, #c43a30, #a51f1c) !important; background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#c43a30), to(#a51f1c) ) !important; background-image: -webkit-linear-gradient(top, #c43a30, #a51f1c) !important; background-image: -o-linear-gradient(top, #c43a30, #a51f1c) !important; background-image: linear-gradient(to bottom, #c43a30, #a51f1c) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc43a30', endColorstr='#ffa51f1c', GradientType=0) !important; } #js-cpanel .btn-app.btn-warning, #js-cpanel .btn-app.btn-warning.no-hover:hover, #js-cpanel .btn-app.btn-warning.disabled:hover { background: #ffb44b !important; background-color: #ffb650 !important; background-image: -moz-linear-gradient(top, #ffbf66, #ffa830) !important; background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#ffbf66), to(#ffa830) ) !important; background-image: -webkit-linear-gradient(top, #ffbf66, #ffa830) !important; background-image: -o-linear-gradient(top, #ffbf66, #ffa830) !important; background-image: linear-gradient(to bottom, #ffbf66, #ffa830) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffbf66', endColorstr='#ffffa830', GradientType=0) !important; } #js-cpanel .btn-app.btn-warning:hover { background: #fe9e19 !important; background-color: #fea01f !important; background-image: -moz-linear-gradient(top, #fa3, #fc9200) !important; background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#fa3), to(#fc9200) ) !important; background-image: -webkit-linear-gradient(top, #fa3, #fc9200) !important; background-image: -o-linear-gradient(top, #fa3, #fc9200) !important; background-image: linear-gradient(to bottom, #fa3, #fc9200) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffaa33', endColorstr='#fffc9200', GradientType=0) !important; } #js-cpanel .btn-app.btn-purple, #js-cpanel .btn-app.btn-purple.no-hover:hover, #js-cpanel .btn-app.btn-purple.disabled:hover { background: #9889c1 !important; background-color: #9b8cc4 !important; background-image: -moz-linear-gradient(top, #a696ce, #8a7cb4) !important; background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#a696ce), to(#8a7cb4) ) !important; background-image: -webkit-linear-gradient(top, #a696ce, #8a7cb4) !important; background-image: -o-linear-gradient(top, #a696ce, #8a7cb4) !important; background-image: linear-gradient(to bottom, #a696ce, #8a7cb4) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa696ce', endColorstr='#ff8a7cb4', GradientType=0) !important; } #js-cpanel .btn-app.btn-purple:hover { background: #7b68af !important; background-color: #7e6ab2 !important; background-image: -moz-linear-gradient(top, #8973be, #6d5ca1) !important; background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#8973be), to(#6d5ca1) ) !important; background-image: -webkit-linear-gradient(top, #8973be, #6d5ca1) !important; background-image: -o-linear-gradient(top, #8973be, #6d5ca1) !important; background-image: linear-gradient(to bottom, #8973be, #6d5ca1) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8973be', endColorstr='#ff6d5ca1', GradientType=0) !important; } #js-cpanel .btn-app.btn-pink, #js-cpanel .btn-app.btn-pink.no-hover:hover, #js-cpanel .btn-app.btn-pink.disabled:hover { background: #d54c7e !important; background-color: #d64f81 !important; background-image: -moz-linear-gradient(top, #db5e8c, #ce3970) !important; background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#db5e8c), to(#ce3970) ) !important; background-image: -webkit-linear-gradient(top, #db5e8c, #ce3970) !important; background-image: -o-linear-gradient(top, #db5e8c, #ce3970) !important; background-image: linear-gradient(to bottom, #db5e8c, #ce3970) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdb5e8c', endColorstr='#ffce3970', GradientType=0) !important; } #js-cpanel .btn-app.btn-pink:hover { background: #be2f64 !important; background-color: #c23066 !important; background-image: -moz-linear-gradient(top, #d2346e, #aa2a59) !important; background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#d2346e), to(#aa2a59) ) !important; background-image: -webkit-linear-gradient(top, #d2346e, #aa2a59) !important; background-image: -o-linear-gradient(top, #d2346e, #aa2a59) !important; background-image: linear-gradient(to bottom, #d2346e, #aa2a59) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd2346e', endColorstr='#ffaa2a59', GradientType=0) !important; } #js-cpanel .btn-app.btn-inverse, #js-cpanel .btn-app.btn-inverse.no-hover:hover, #js-cpanel .btn-app.btn-inverse.disabled:hover { background: #444 !important; background-color: #474747 !important; background-image: -moz-linear-gradient(top, #555, #333) !important; background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#555), to(#333) ) !important; background-image: -webkit-linear-gradient(top, #555, #333) !important; background-image: -o-linear-gradient(top, #555, #333) !important; background-image: linear-gradient(to bottom, #555, #333) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff333333', GradientType=0) !important; } #js-cpanel .btn-app.btn-inverse:hover { background: #2b2b2b !important; background-color: #2e2e2e !important; background-image: -moz-linear-gradient(top, #3b3b3b, #1a1a1a) !important; background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#3b3b3b), to(#1a1a1a) ) !important; background-image: -webkit-linear-gradient(top, #3b3b3b, #1a1a1a) !important; background-image: -o-linear-gradient(top, #3b3b3b, #1a1a1a) !important; background-image: linear-gradient(to bottom, #3b3b3b, #1a1a1a) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b3b3b', endColorstr='#ff1a1a1a', GradientType=0) !important; } #js-cpanel .btn-app.btn-grey, #js-cpanel .btn-app.btn-grey.no-hover:hover, #js-cpanel .btn-app.btn-grey.disabled:hover { background: #797979 !important; background-color: #7c7c7c !important; background-image: -moz-linear-gradient(top, #898989, #696969) !important; background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#898989), to(#696969) ) !important; background-image: -webkit-linear-gradient(top, #898989, #696969) !important; background-image: -o-linear-gradient(top, #898989, #696969) !important; background-image: linear-gradient(to bottom, #898989, #696969) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff898989', endColorstr='#ff696969', GradientType=0) !important; } #js-cpanel .btn-app.btn-grey:hover { background: #6c6c6c !important; background-color: #6f6f6f !important; background-image: -moz-linear-gradient(top, #7c7c7c, #5c5c5c) !important; background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#7c7c7c), to(#5c5c5c) ) !important; background-image: -webkit-linear-gradient(top, #7c7c7c, #5c5c5c) !important; background-image: -o-linear-gradient(top, #7c7c7c, #5c5c5c) !important; background-image: linear-gradient(to bottom, #7c7c7c, #5c5c5c) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7c7c7c', endColorstr='#ff5c5c5c', GradientType=0) !important; } #js-cpanel .btn-app.btn-light { color: #5a5a5a !important; text-shadow: 0 1px 1px #eee !important; } #js-cpanel .btn-app.btn-light, #js-cpanel .btn-app.btn-light.no-hover:hover, #js-cpanel .btn-app.btn-light.disabled:hover { background: #ededed !important; background-color: #eee !important; background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6) !important; background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#f4f4f4), to(#e6e6e6) ) !important; background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6) !important; background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6) !important; background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4f4f4', endColorstr='#ffe6e6e6', GradientType=0) !important; } #js-cpanel .btn-app.btn-light:hover { background: #e0e0e0 !important; background-color: #e2e2e2 !important; background-image: -moz-linear-gradient(top, #e7e7e7, #d9d9d9) !important; background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#e7e7e7), to(#d9d9d9) ) !important; background-image: -webkit-linear-gradient(top, #e7e7e7, #d9d9d9) !important; background-image: -o-linear-gradient(top, #e7e7e7, #d9d9d9) !important; background-image: linear-gradient(to bottom, #e7e7e7, #d9d9d9) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ffd9d9d9', GradientType=0) !important; } #js-cpanel .btn-app.btn-light, #js-cpanel .btn-app.btn-light.no-hover:hover { border: 2px solid #ddd; } #js-cpanel .btn-app.btn-light.btn-mini { width: 64px; padding-bottom: 6px; } #js-cpanel .btn-app.btn-light:hover { border-color: #d8d8d8; } #js-cpanel .btn-app.btn-yellow { color: #963 !important; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4) !important; border: 2px solid #fee188; } #js-cpanel .btn-app.btn-yellow, #js-cpanel .btn-app.btn-yellow.no-hover:hover, #js-cpanel .btn-app.btn-yellow.disabled:hover { background: #fee088 !important; background-color: #fee18d !important; background-image: -moz-linear-gradient(top, #ffe8a5, #fcd76a) !important; background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#ffe8a5), to(#fcd76a) ) !important; background-image: -webkit-linear-gradient(top, #ffe8a5, #fcd76a) !important; background-image: -o-linear-gradient(top, #ffe8a5, #fcd76a) !important; background-image: linear-gradient(to bottom, #ffe8a5, #fcd76a) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffe8a5', endColorstr='#fffcd76a', GradientType=0) !important; } #js-cpanel .btn-app.btn-yellow:hover { background: #fdd96e !important; background-color: #fedb74 !important; background-image: -moz-linear-gradient(top, #ffe18b, #fbd051) !important; background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#ffe18b), to(#fbd051) ) !important; background-image: -webkit-linear-gradient(top, #ffe18b, #fbd051) !important; background-image: -o-linear-gradient(top, #ffe18b, #fbd051) !important; background-image: linear-gradient(to bottom, #ffe18b, #fbd051) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffe18b', endColorstr='#fffbd051', GradientType=0) !important; } #js-cpanel .btn-app.btn-yellow, #js-cpanel .btn-app.btn-yellow.no-hover:hover { border: 2px solid #fee188; } #js-cpanel .btn-app.btn-yellow:hover { border-color: #fed760; } #js-cpanel .btn.btn-app.btn-small { width: 80px; font-size: 16px; border-radius: 10px; padding-bottom: 9px; } #js-cpanel .btn.btn-app.btn-mini { width: 64px; font-size: 15px; border-radius: 8px; padding-bottom: 7px; padding-top: 8px; } #js-cpanel .btn.btn-app > [class*="icon"] { display: block; font-size: 42px; margin: 0 0 4px; line-height: 36px; min-width: 0; padding: 0; } #js-cpanel .btn.btn-app.btn-small > [class*="icon"] { display: block; font-size: 32px; line-height: 30px; margin: 0 0 3px; } #js-cpanel .btn.btn-app.btn-mini > [class*="icon"] { display: block; font-size: 24px; line-height: 24px; margin: 0; } #js-cpanel .btn.btn-app.no-radius { border-radius: 0; } #js-cpanel .btn.btn-app.radius-4 { border-radius: 4px; } #js-cpanel .btn.btn-app > .badge, #js-cpanel .btn.btn-app > .label { position: absolute !important; top: -2px; right: -2px; padding: 1px 3px; text-align: center; font-size: 12px; } #js-cpanel .btn.btn-app > .badge.badge-right, #js-cpanel .btn.btn-app > .label.badge-right, #js-cpanel .btn.btn-app > .badge.label-right, #js-cpanel .btn.btn-app > .label.label-right { right: auto; left: -2px; } #js-cpanel .btn.btn-app > .label { padding: 1px 6px 3px; font-size: 13px; } #js-cpanel .btn.btn-app.radius-4 > .badge, #js-cpanel .btn.btn-app.no-radius > .badge { border-radius: 3px; } #js-cpanel .btn.btn-app.radius-4 > .badge.no-radius, #js-cpanel .btn.btn-app.no-radius > .badge.no-radius { border-radius: 0; } #js-cpanel .btn.btn-app.active { color: #fff; } #js-cpanel .btn.btn-app.active:after { display: none; } #js-cpanel .btn.btn-app.active.btn-yellow { color: #963; border-color: #fee188; } #js-cpanel .btn.btn-app.active.btn-light { color: #515151; } #js-cpanel .label { border-radius: 0; text-shadow: none; font-size: 11px; font-weight: normal; padding: 1px 5px 3px; background-color: #abbac3 !important; } #js-cpanel .label[class*="span"][class*="arrow"] { min-height: 0; } #js-cpanel .badge { background-color: #abbac3; border: 0; box-shadow: none; font-size: 11px; font-weight: 400; padding: 4px 6px; } #js-cpanel .label-transparent, #js-cpanel .badge-transparent { background-color: transparent !important; } #js-cpanel .label-grey, #js-cpanel .badge-grey { background-color: #a0a0a0 !important; } #js-cpanel .label-info, #js-cpanel .badge-info { background-color: #3a87ad !important; } #js-cpanel .label-primary, #js-cpanel .badge-primary { background-color: #2283c5 !important; } #js-cpanel .label-success, #js-cpanel .badge-success { background-color: #82af6f !important; } #js-cpanel .label-important, #js-cpanel .badge-important { background-color: #d15b47 !important; } #js-cpanel .label-inverse, #js-cpanel .badge-inverse { background-color: #333 !important; } #js-cpanel .label-warning, #js-cpanel .badge-warning { background-color: #f89406; color: #fff; } #js-cpanel .label-danger, #js-cpanel .badge-danger { background-color: #dc2626; color: #fff; } #js-cpanel .label-pink, #js-cpanel .badge-pink { background-color: #d6487e !important; } #js-cpanel .label-purple, #js-cpanel .badge-purple { background-color: #9585bf !important; } #js-cpanel .label-yellow, #js-cpanel .badge-yellow { background-color: #fee188 !important; } #js-cpanel .label-light, #js-cpanel .badge-light { background-color: #e7e7e7 !important; } #js-cpanel .badge-yellow, #js-cpanel .label-yellow { color: #963 !important; border-color: #fee188; } #js-cpanel .badge-light, #js-cpanel .label-light { color: #888 !important; } #js-cpanel .label.arrowed, #js-cpanel .label.arrowed-in { position: relative; margin-left: 9px; } #js-cpanel .label.arrowed:before, #js-cpanel .label.arrowed-in:before { display: inline-block; content: ""; position: absolute; left: -14px; top: 0; border: 9px solid transparent; border-width: 9px 7px; border-right-color: #abbac3; } #js-cpanel .label.arrowed-in:before { border-color: #abbac3; border-left-color: transparent !important; left: -9px; } #js-cpanel .label.arrowed-right, #js-cpanel .label.arrowed-in-right { position: relative; margin-right: 9px; } #js-cpanel .label.arrowed-right:after, #js-cpanel .label.arrowed-in-right:after { display: inline-block; content: ""; position: absolute; right: -14px; top: 0; border: 9px solid transparent; border-width: 9px 7px; border-left-color: #abbac3; } #js-cpanel .label.arrowed-in-right:after { border-color: #abbac3; border-right-color: transparent !important; right: -9px; } #js-cpanel .label-info.arrowed:before { border-right-color: #3a87ad; } #js-cpanel .label-info.arrowed-in:before { border-color: #3a87ad; } #js-cpanel .label-info.arrowed-right:after { border-left-color: #3a87ad; } #js-cpanel .label-info.arrowed-in-right:after { border-color: #3a87ad; } #js-cpanel .label-primary.arrowed:before { border-right-color: #2283c5; } #js-cpanel .label-primary.arrowed-in:before { border-color: #2283c5; } #js-cpanel .label-primary.arrowed-right:after { border-left-color: #2283c5; } #js-cpanel .label-primary.arrowed-in-right:after { border-color: #2283c5; } #js-cpanel .label-success.arrowed:before { border-right-color: #82af6f; } #js-cpanel .label-success.arrowed-in:before { border-color: #82af6f; } #js-cpanel .label-success.arrowed-right:after { border-left-color: #82af6f; } #js-cpanel .label-success.arrowed-in-right:after { border-color: #82af6f; } #js-cpanel .label-warning.arrowed:before { border-right-color: #f89406; } #js-cpanel .label-warning.arrowed-in:before { border-color: #f89406; } #js-cpanel .label-warning.arrowed-right:after { border-left-color: #f89406; } #js-cpanel .label-warning.arrowed-in-right:after { border-color: #f89406; } #js-cpanel .label-important.arrowed:before { border-right-color: #d15b47; } #js-cpanel .label-important.arrowed-in:before { border-color: #d15b47; } #js-cpanel .label-important.arrowed-right:after { border-left-color: #d15b47; } #js-cpanel .label-important.arrowed-in-right:after { border-color: #d15b47; } #js-cpanel .label-inverse.arrowed:before { border-right-color: #333; } #js-cpanel .label-inverse.arrowed-in:before { border-color: #333; } #js-cpanel .label-inverse.arrowed-right:after { border-left-color: #333; } #js-cpanel .label-inverse.arrowed-in-right:after { border-color: #333; } #js-cpanel .label-pink.arrowed:before { border-right-color: #d6487e; } #js-cpanel .label-pink.arrowed-in:before { border-color: #d6487e; } #js-cpanel .label-pink.arrowed-right:after { border-left-color: #d6487e; } #js-cpanel .label-pink.arrowed-in-right:after { border-color: #d6487e; } #js-cpanel .label-purple.arrowed:before { border-right-color: #9585bf; } #js-cpanel .label-purple.arrowed-in:before { border-color: #9585bf; } #js-cpanel .label-purple.arrowed-right:after { border-left-color: #9585bf; } #js-cpanel .label-purple.arrowed-in-right:after { border-color: #9585bf; } #js-cpanel .label-yellow.arrowed:before { border-right-color: #fee188; } #js-cpanel .label-yellow.arrowed-in:before { border-color: #fee188; } #js-cpanel .label-yellow.arrowed-right:after { border-left-color: #fee188; } #js-cpanel .label-yellow.arrowed-in-right:after { border-color: #fee188; } #js-cpanel .label-light.arrowed:before { border-right-color: #e7e7e7; } #js-cpanel .label-light.arrowed-in:before { border-color: #e7e7e7; } #js-cpanel .label-light.arrowed-right:after { border-left-color: #e7e7e7; } #js-cpanel .label-light.arrowed-in-right:after { border-color: #e7e7e7; } #js-cpanel .label-grey.arrowed:before { border-right-color: #a0a0a0; } #js-cpanel .label-grey.arrowed-in:before { border-color: #a0a0a0; } #js-cpanel .label-grey.arrowed-right:after { border-left-color: #a0a0a0; } #js-cpanel .label-grey.arrowed-in-right:after { border-color: #a0a0a0; } #js-cpanel .label-large { font-size: 13px; padding: 3px 8px 5px; } #js-cpanel .label-large.arrowed, #js-cpanel .label-large.arrowed-in { margin-left: 12px; } #js-cpanel .label-large.arrowed:before, #js-cpanel .label-large.arrowed-in:before { left: -16px; border-width: 11px 8px; } #js-cpanel .label-large.arrowed-in:before { left: -12px; } #js-cpanel .label-large.arrowed-right, #js-cpanel .label-large.arrowed-in-right { margin-right: 11px; } #js-cpanel .label-large.arrowed-right:after, #js-cpanel .label-large.arrowed-in-right:after { right: -16px; border-width: 11px 8px; } #js-cpanel .label-large.arrowed-in-right:after { right: -12px; } #js-cpanel .icon-white, #js-cpanel .nav-pills > .active > a > [class^="icon-"], #js-cpanel .nav-pills > .active > a > [class*=" icon-"], #js-cpanel .nav-list > .active > a > [class^="icon-"], #js-cpanel .nav-list > .active > a > [class*=" icon-"], #js-cpanel .navbar-inverse .nav > .active > a > [class^="icon-"], #js-cpanel .navbar-inverse .nav > .active > a > [class*=" icon-"], #js-cpanel .dropdown-menu > li > a:hover > [class^="icon-"], #js-cpanel .dropdown-menu > li > a:focus > [class^="icon-"], #js-cpanel .dropdown-menu > li > a:hover > [class*=" icon-"], #js-cpanel .dropdown-menu > li > a:focus > [class*=" icon-"], #js-cpanel .dropdown-menu > .active > a > [class^="icon-"], #js-cpanel .dropdown-menu > .active > a > [class*=" icon-"], #js-cpanel .dropdown-submenu:hover > a > [class^="icon-"], #js-cpanel .dropdown-submenu:focus > a > [class^="icon-"], #js-cpanel .dropdown-submenu:hover > a > [class*=" icon-"], #js-cpanel .dropdown-submenu:focus > a > [class*=" icon-"] { background-image: none; } #js-cpanel .dropdown-menu { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } #js-cpanel .dropdown-menu > li > a { } #js-cpanel .dropdown-menu.dropdown-icon-only { min-width: 0; } #js-cpanel .dropdown-menu.dropdown-icon-only > li { float: left; margin: 0 4px; } #js-cpanel .dropdown-menu.dropdown-icon-only > li > a [class*="icon-"] { width: 18px; display: inline-block; } #js-cpanel .dropdown-menu.dropdown-icon-only > li > a .icon-2x { width: 36px; } #js-cpanel .dropdown-menu li a:hover, #js-cpanel .dropdown-menu li a:focus, #js-cpanel .dropdown-menu li a:active, #js-cpanel .dropdown-menu li.active a, #js-cpanel .dropdown-menu li.active a:hover, #js-cpanel .dropdown-menu .dropdown-submenu:hover > a, .nav-tabs #js-cpanel .dropdown-menu li > a:focus { background: #4f99c6; color: #fff; } #js-cpanel .dropdown-default li a:hover, #js-cpanel .dropdown-default li a:focus, #js-cpanel .dropdown-default li a:active, #js-cpanel .dropdown-default li.active a, #js-cpanel .dropdown-default li.active a:hover, #js-cpanel .dropdown-default .dropdown-submenu:hover > a, .nav-tabs #js-cpanel .dropdown-default li > a:focus { background: #7f8c8d; color: #fff; } #js-cpanel .dropdown-info li a:hover, #js-cpanel .dropdown-info li a:focus, #js-cpanel .dropdown-info li a:active, #js-cpanel .dropdown-info li.active a, #js-cpanel .dropdown-info li.active a:hover, #js-cpanel .dropdown-info .dropdown-submenu:hover > a, .nav-tabs #js-cpanel .dropdown-info li > a:focus { background: #6fb3e0; color: #fff; } #js-cpanel .dropdown-primary li a:hover, #js-cpanel .dropdown-primary li a:focus, #js-cpanel .dropdown-primary li a:active, #js-cpanel .dropdown-primary li.active a, #js-cpanel .dropdown-primary li.active a:hover, #js-cpanel .dropdown-primary .dropdown-submenu:hover > a, .nav-tabs #js-cpanel .dropdown-primary li > a:focus { background: #3498db; color: #fff; } #js-cpanel .dropdown-success li a:hover, #js-cpanel .dropdown-success li a:focus, #js-cpanel .dropdown-success li a:active, #js-cpanel .dropdown-success li.active a, #js-cpanel .dropdown-success li.active a:hover, #js-cpanel .dropdown-success .dropdown-submenu:hover > a, .nav-tabs #js-cpanel .dropdown-success li > a:focus { background: #87b87f; color: #fff; } #js-cpanel .dropdown-warning li a:hover, #js-cpanel .dropdown-warning li a:focus, #js-cpanel .dropdown-warning li a:active, #js-cpanel .dropdown-warning li.active a, #js-cpanel .dropdown-warning li.active a:hover, #js-cpanel .dropdown-warning .dropdown-submenu:hover > a, .nav-tabs #js-cpanel .dropdown-warning li > a:focus { background: #ffa24d; color: #fff; } #js-cpanel .dropdown-danger li a:hover, #js-cpanel .dropdown-danger li a:focus, #js-cpanel .dropdown-danger li a:active, #js-cpanel .dropdown-danger li.active a, #js-cpanel .dropdown-danger li.active a:hover, #js-cpanel .dropdown-danger .dropdown-submenu:hover > a, .nav-tabs #js-cpanel .dropdown-danger li > a:focus { background: #d15b47; color: #fff; } #js-cpanel .dropdown-inverse li a:hover, #js-cpanel .dropdown-inverse li a:focus, #js-cpanel .dropdown-inverse li a:active, #js-cpanel .dropdown-inverse li.active a, #js-cpanel .dropdown-inverse li.active a:hover, #js-cpanel .dropdown-inverse .dropdown-submenu:hover > a, .nav-tabs #js-cpanel .dropdown-inverse li > a:focus { background: #555; color: #fff; } #js-cpanel .dropdown-purple li a:hover, #js-cpanel .dropdown-purple li a:focus, #js-cpanel .dropdown-purple li a:active, #js-cpanel .dropdown-purple li.active a, #js-cpanel .dropdown-purple li.active a:hover, #js-cpanel .dropdown-purple .dropdown-submenu:hover > a, .nav-tabs #js-cpanel .dropdown-purple li > a:focus { background: #9585bf; color: #fff; } #js-cpanel .dropdown-pink li a:hover, #js-cpanel .dropdown-pink li a:focus, #js-cpanel .dropdown-pink li a:active, #js-cpanel .dropdown-pink li.active a, #js-cpanel .dropdown-pink li.active a:hover, #js-cpanel .dropdown-pink .dropdown-submenu:hover > a, .nav-tabs #js-cpanel .dropdown-pink li > a:focus { background: #d6487e; color: #fff; } #js-cpanel .dropdown-grey li a:hover, #js-cpanel .dropdown-grey li a:focus, #js-cpanel .dropdown-grey li a:active, #js-cpanel .dropdown-grey li.active a, #js-cpanel .dropdown-grey li.active a:hover, #js-cpanel .dropdown-grey .dropdown-submenu:hover > a, .nav-tabs #js-cpanel .dropdown-grey li > a:focus { background: #a0a0a0; color: #fff; } #js-cpanel .dropdown-light li a:hover, #js-cpanel .dropdown-light li a:focus, #js-cpanel .dropdown-light li a:active, #js-cpanel .dropdown-light li.active a, #js-cpanel .dropdown-light li.active a:hover, #js-cpanel .dropdown-light .dropdown-submenu:hover > a, .nav-tabs #js-cpanel .dropdown-light li > a:focus { background: #e7e7e7; color: #333; } #js-cpanel .dropdown-lighter li a:hover, #js-cpanel .dropdown-lighter li a:focus, #js-cpanel .dropdown-lighter li a:active, #js-cpanel .dropdown-lighter li.active a, #js-cpanel .dropdown-lighter li.active a:hover, #js-cpanel .dropdown-lighter .dropdown-submenu:hover > a, .nav-tabs #js-cpanel .dropdown-lighter li > a:focus { background: #f3f3f3; color: #444; } #js-cpanel .dropdown-yellow li a:hover, #js-cpanel .dropdown-yellow li a:focus, #js-cpanel .dropdown-yellow li a:active, #js-cpanel .dropdown-yellow li.active a, #js-cpanel .dropdown-yellow li.active a:hover, #js-cpanel .dropdown-yellow .dropdown-submenu:hover > a, .nav-tabs #js-cpanel .dropdown-yellow li > a:focus { background: #fee188; color: #444; } #js-cpanel .dropdown-light .dropdown-submenu:hover > a:after, #js-cpanel .dropdown-lighter .dropdown-submenu:hover > a:after { border-left-color: #444; } #js-cpanel .dropdown-menu.dropdown-close { top: 92%; left: -5px; } #js-cpanel .dropdown-menu.dropdown-close.pull-right { left: auto; right: -5px; } #js-cpanel .dropdown-menu.dropdown-closer { top: 100%; } #js-cpanel .dropdown-menu.dropdown-closer.pull-right { right: -10px; left: auto; } #js-cpanel .dropdown-submenu > .dropdown-menu { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #js-cpanel .dropdown-submenu > a:after { margin-right: -5px; } #js-cpanel .dropdown-colorpicker > .dropdown-menu { top: 80%; left: -7px; padding: 4px; min-width: 120px; max-width: 120px; } #js-cpanel .dropdown-colorpicker > .dropdown-menu.pull-right { right: -7px; left: auto; } #js-cpanel .dropdown-colorpicker > .dropdown-menu > li { display: block; float: left; width: 20px; height: 20px; margin: 2px; } #js-cpanel .dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn { display: block; width: 20px; height: 20px; margin: 0; padding: 0; border-radius: 0; position: relative; -webkit-transition: all ease 0.1s; -moz-transition: all ease 0.1s; -o-transition: all ease 0.1s; transition: all ease 0.1s; } #js-cpanel .dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn:hover { text-decoration: none; opacity: 0.8; filter: alpha(opacity=80); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); } #js-cpanel .dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn.selected:after { content: "\f00c"; display: inline-block; font-family: FontAwesome; font-size: 11px; color: #fff; position: absolute; left: 0; right: 0; text-align: center; line-height: 20px; } #js-cpanel .btn-colorpicker { display: inline-block; width: 20px; height: 20px; background-color: #ddd; vertical-align: middle; border-radius: 0; } #js-cpanel .dropdown-navbar { border-radius: var(--ace-border-radius); box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25); border-color: #bcd4e5; padding: 0; width: 240px; } #js-cpanel .dropdown-navbar > li { } #js-cpanel .dropdown-navbar > li.nav-header { } #js-cpanel .dropdown-navbar > li > [class*="icon-"], #js-cpanel .dropdown-navbar > li > a > [class*="icon-"] { margin-right: 5px; color: #555; font-size: 14px; } #js-cpanel .dropdown-navbar > li > a { border-radius: 0 0 4px 4px; padding: 8px 16px; } #js-cpanel .dropdown-navbar > li > a:active, #js-cpanel .dropdown-navbar > li > a:hover, #js-cpanel .dropdown-navbar > li > a:focus { background-color: var(--ace-gray-50); color: var(--ace-gray-700); } #js-cpanel .dropdown-navbar > li > a .progress { margin-bottom: 0; margin-top: 4px; } #js-cpanel .dropdown-navbar > li > a .badge { font-size: 11px; line-height: 1; padding: 4px; } #js-cpanel .dropdown-navbar > li:last-child > a:hover > [class*="icon-"] { text-decoration: none; } #js-cpanel .dropdown-navbar > li:hover { background-color: #f4f9fc; } #js-cpanel .dropdown-navbar > li.nav-header > [class*="icon-"] { color: #8090a0; } #js-cpanel .dropdown-navbar.navbar-pink { border-color: #e5bcd4; } #js-cpanel .dropdown-navbar.navbar-pink > li:hover { background-color: #fcf4f9 !important; } #js-cpanel .dropdown-navbar.navbar-pink > li.nav-header { background-color: #f7ecf2 !important; color: #b471a0; border-bottom-color: #e5bcd4; } #js-cpanel .dropdown-navbar.navbar-pink > li.nav-header > [class*="icon-"] { color: #c06090; } #js-cpanel .dropdown-navbar.navbar-pink > li > a { border-bottom-color: #f3e4ec; } #js-cpanel .dropdown-navbar.navbar-grey { border-color: #e5e5e5; } #js-cpanel .dropdown-navbar.navbar-grey > li:hover { background-color: #f8f8f8 !important; } #js-cpanel .dropdown-navbar.navbar-grey > li.nav-header { background-color: #f2f2f2 !important; color: #3a87ad; border-bottom-color: #e5e5e5; } #js-cpanel .dropdown-navbar.navbar-grey > li.nav-header > [class*="icon-"] { color: #3a87ad; } #js-cpanel .dropdown-navbar.navbar-grey > li > a { border-bottom-color: #eee; } #js-cpanel .dropdown-navbar.navbar-green { border-color: #b4d5ac; } #js-cpanel .dropdown-navbar.navbar-green > li:hover { background-color: #f4f9ef !important; } #js-cpanel .dropdown-navbar.navbar-green > li.nav-header { background-color: #ebf7e4 !important; color: #8a6; border-bottom-color: #b4d5ac; } #js-cpanel .dropdown-navbar.navbar-green > li.nav-header > [class*="icon-"] { color: #90c060; } #js-cpanel .dropdown-navbar.navbar-green > li > a { border-bottom-color: #ecf3e4; } #js-cpanel .dropdown-navbar [class*="btn"][class*="icon-"] { display: inline-block; border: 0; margin: 0 5px 0 0; width: 24px; text-align: center; padding-left: 0; padding-right: 0; } #js-cpanel .dropdown-navbar .msg-photo { margin-right: 6px; max-width: 42px; } #js-cpanel .dropdown-navbar .msg-body { display: inline-block; line-height: 20px; white-space: normal; vertical-align: middle; max-width: 175px; } #js-cpanel .dropdown-navbar .msg-title { display: inline-block; line-height: 14px; } #js-cpanel .dropdown-navbar .msg-time { display: block; font-size: 11px; color: #777; } #js-cpanel .dropdown-navbar .msg-time > [class*="icon-"] { font-size: 14px; color: #555; } #js-cpanel .user-menu > li > a { padding: 4px 12px; } #js-cpanel .user-menu > li > a > [class*="icon-"] { margin-right: 6px; font-size: 120%; } #js-cpanel .user-info { max-width: 100px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; line-height: 15px; position: relative; top: 6px; } #js-cpanel .user-info small { display: block; } #js-cpanel .form-line { margin-bottom: 24px; padding-bottom: 12px; border-bottom: 1px solid #eee; } #js-cpanel .form-actions { display: block; } #js-cpanel .help-button { display: inline-block; height: 18px; width: 18px; line-height: 20px; text-align: center; padding: 0; background-color: #65bcda; color: #fff; font-size: 12px; font-weight: bold; cursor: default; margin-left: 4px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border-color: #fff; border: 2px solid #fff; -webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.2); } #js-cpanel .help-button:hover { background-color: #65bcda; text-shadow: none; } #js-cpanel label, #js-cpanel .lbl { font-size: 14px; vertical-align: middle; } #js-cpanel td > label, #js-cpanel th > label, #js-cpanel label.inline { margin-bottom: 0; line-height: inherit; } #js-cpanel input.block { display: block; margin-bottom: 9px; } #js-cpanel textarea.autosize-transition { -webkit-transition-duration: "height 0.2s"; -moz-transition-duration: "height 0.2s"; -o-transition-duration: "height 0.2s"; transition-duration: "height 0.2s"; } #js-cpanel .limiterBox { border: 1px solid #222; border-top: 0; background-color: #333; padding: 3px 6px; font-size: 12px; color: #fff; margin-top: 6px; } #js-cpanel .limiterBox:after { display: none; } #js-cpanel .limiterBox:before { display: block; content: ""; position: absolute; width: 0; height: 0; top: -8px; left: 50%; margin-left: -5px; border-color: transparent; border-style: solid; border-bottom-color: #333; border-width: 0 8px 8px; } #js-cpanel input[disabled]:hover { border-color: #c3c3c3; } #js-cpanel input[readonly] { color: #939192; background: #f5f5f5 !important; cursor: default; } #js-cpanel input[readonly]:hover { border-color: #c3c3c3; } #js-cpanel input[readonly]:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #aaa; background-color: #f9f9f9; } #js-cpanel .help-inline { font-size: 13px !important; } #js-cpanel .input-icon { position: relative; } span#js-cpanel .input-icon { display: inline-block; } #js-cpanel .input-icon > input { padding-left: 24px; padding-right: 6px; } #js-cpanel .input-icon.input-icon-right > input { padding-left: 6px; padding-right: 24px; } #js-cpanel .input-icon > [class*="icon-"] { padding: 0 3px; z-index: 2; position: absolute; top: 1px; bottom: 1px; left: 3px; line-height: 28px; display: inline-block; color: #909090; font-size: 16px; } #js-cpanel .input-icon.input-icon-right > [class*="icon-"] { left: auto; right: 3px; } #js-cpanel .input-icon > input:focus + [class*="icon-"] { color: #579; } #js-cpanel .input-icon ~ .help-inline { padding-left: 8px; } .control-group.warning #js-cpanel .input-icon > [class*="icon-"] { color: #d3bd50; } .control-group.success #js-cpanel .input-icon > [class*="icon-"] { color: #8bad4c; } .control-group.error #js-cpanel .input-icon > [class*="icon-"] { color: #d68273; } .control-group.info #js-cpanel .input-icon > [class*="icon-"] { color: #4b89aa; } #js-cpanel .form-search .radio [type="radio"] + label, #js-cpanel .form-inline .radio [type="radio"] + label, #js-cpanel .form-search .checkbox [type="checkbox"] + label, #js-cpanel .form-inline .checkbox [type="checkbox"] + label { float: left; margin-left: -20px; } .form-search #js-cpanel .form-search .radio [type="radio"] + label, .form-search #js-cpanel .form-inline .radio [type="radio"] + label, .form-search #js-cpanel .form-search .checkbox [type="checkbox"] + label, .form-search #js-cpanel .form-inline .checkbox [type="checkbox"] + label, .form-inline #js-cpanel .form-search .radio [type="radio"] + label, .form-inline #js-cpanel .form-inline .radio [type="radio"] + label, .form-inline #js-cpanel .form-search .checkbox [type="checkbox"] + label, .form-inline #js-cpanel .form-inline .checkbox [type="checkbox"] + label { margin-left: 0; margin-right: 3px; } .form-search #js-cpanel .input-append .search-query:focus, .form-search #js-cpanel .input-prepend .search-query:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #js-cpanel .input-append input, #js-cpanel .input-prepend input, #js-cpanel .input-append select, #js-cpanel .input-prepend select, #js-cpanel .input-append .uneditable-input, #js-cpanel .input-prepend .uneditable-input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #js-cpanel input[type="checkbox"]:checked, #js-cpanel input[type="radio"]:checked, #js-cpanel input[type="checkbox"]:focus, #js-cpanel input[type="radio"]:focus { outline: none !important; } #js-cpanel input[type="checkbox"] + .lbl, #js-cpanel input[type="radio"] + .lbl { position: relative; z-index: 11; display: inline-block; margin: 0; line-height: 20px; min-height: 14px; min-width: 14px; font-weight: normal; } #js-cpanel input.form-check-input + .lbl { position: absolute; } #js-cpanel input[type="checkbox"] + .lbl.padding-16::before, #js-cpanel input[type="radio"] + .lbl.padding-16::before { margin-right: 16px; } #js-cpanel input[type="checkbox"] + .lbl.padding-12::before, #js-cpanel input[type="radio"] + .lbl.padding-12::before { margin-right: 12px; } #js-cpanel input[type="checkbox"] + .lbl.padding-8::before, #js-cpanel input[type="radio"] + .lbl.padding-8::before { margin-right: 8px; } #js-cpanel input[type="checkbox"] + .lbl.padding-4::before, #js-cpanel input[type="radio"] + .lbl.padding-4::before { margin-right: 4px; } #js-cpanel input[type="checkbox"] + .lbl.padding-0::before, #js-cpanel input[type="radio"] + .lbl.padding-0::before { margin-right: 0; } #js-cpanel input[type="checkbox"] + .lbl::before { background-color: #fafafa; border: 1px solid #ccc; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); border-radius: 0; font-family: fontAwesome; font-weight: normal; font-size: 11px; color: #32a3ce; content: "\a0"; display: inline-block; text-align: center; vertical-align: middle; height: 13px; line-height: 13px; min-width: 13px; margin-right: 1px; } #js-cpanel input[type="checkbox"]:checked + .lbl::before { display: inline-block; content: "\f00c"; background-color: #f5f8fc; border-color: #adb8c0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1); } #js-cpanel input[type="checkbox"]:hover + .lbl::before, #js-cpanel input[type="checkbox"] + .lbl:hover::before { border-color: #ff893c; } #js-cpanel input[type="checkbox"] + .lbl::after:hover { cursor: pointer; } #js-cpanel input[type="checkbox"]:active + .lbl::before, #js-cpanel input[type="radio"]:active + .lbl::before, #js-cpanel input[type="checkbox"]:checked:active + .lbl::before, #js-cpanel input[type="radio"]:checked:active + .lbl::before { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1); } /* Custom radio */ #js-cpanel input[type="radio"] + .lbl { box-sizing: border-box; /* display: flex; */ position: relative; min-width: 16px; min-height: 20px; padding-left: 20px; } #js-cpanel input[type="radio"] + .lbl::before, #js-cpanel input[type="radio"] + .lbl::after { border-radius: 50%; content: ""; display: block; position: absolute; left: 0; top: 2px; } #js-cpanel input[type="radio"]:hover + .lbl::before { border-color: #9ca3af; } #js-cpanel input[type="radio"]:hover + .lbl::after { background-color: #9ca3af; } #js-cpanel input[type="radio"] + .lbl::before { background-color: #fff; box-sizing: border-box; border: 1px solid #ddd; height: 16px; width: 16px; } #js-cpanel input[type="radio"] + .lbl::after { background-color: #f0f0f0; height: 8px; left: 4px; top: 6px; width: 8px; } #js-cpanel input[type="radio"]:checked + .lbl::before { border-color: #10b981; } #js-cpanel input[type="radio"]:checked + .lbl::after { background-color: #10b981; } #js-cpanel input[type="checkbox"].ace-checkbox-2 + .lbl::before, #js-cpanel input[type="radio"].ace-checkbox-2 + .lbl::before { box-shadow: none; } #js-cpanel input[type="checkbox"].ace-checkbox-2:checked + .lbl::before, #js-cpanel input[type="radio"].ace-checkbox-2:checked + .lbl::before { background-color: #f9a021; border-color: #f9a021; color: #fff; } #js-cpanel input[type="checkbox"]:disabled + .lbl::before, #js-cpanel input[type="radio"]:disabled + .lbl::before, #js-cpanel input[type="checkbox"][disabled] + .lbl::before, #js-cpanel input[type="radio"][disabled] + .lbl::before, #js-cpanel input[type="checkbox"].disabled + .lbl::before, #js-cpanel input[type="radio"].disabled + .lbl::before { background-color: #ddd !important; border-color: #ccc !important; box-shadow: none !important; color: #bbb; } #js-cpanel input[type="radio"] + .lbl::before { border-radius: 32px; font-family: Arial, Helvetica, sans-serif; font-size: 36px; } #js-cpanel input[type="radio"]:checked + .lbl::before { } #js-cpanel input[type="checkbox"].ace-switch { width: 55px; height: 20px; } #js-cpanel input[type="checkbox"].ace-switch + .lbl { margin: 5px 4px; min-height: 24px; } #js-cpanel input[type="checkbox"].ace-switch + .lbl::before { font-family: Arial, Helvetica, sans-serif; content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF"; color: #999; font-weight: bold; font-size: 11px; line-height: 18px; line-height: 21px\9; height: 18px; overflow: hidden; border-radius: 12px; background-color: #f5f5f5; box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.2); border: 1px solid #ccc; text-align: left; float: left; padding: 0; width: 50px; text-indent: -19px; text-indent: -21px\9; margin-right: 0; -webkit-transition: text-indent 0.4s ease; -moz-transition: text-indent 0.4s ease; -o-transition: text-indent 0.4s ease; transition: text-indent 0.4s ease; } #js-cpanel input[type="checkbox"].ace-switch + .lbl::after { font-family: Arial, Helvetica, sans-serif; content: ""; font-size: 10px; font-weight: lighter; color: #e5e5e5; background-color: #fff; text-shadow: -1px 0 0 rgba(0, 0, 0, 0.15); text-align: center; border-radius: 12px; width: 22px; height: 22px; line-height: 20px; position: absolute; top: -2px; left: -3px; padding: 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset; -webkit-transition: left 0.4s ease; -moz-transition: left 0.4s ease; -o-transition: left 0.4s ease; transition: left 0.4s ease; } #js-cpanel input[type="checkbox"].ace-switch:checked + .lbl::before { text-indent: 9px; color: #fff; background-color: #8ab2c9; border-color: #468fcc; } #js-cpanel input[type="checkbox"].ace-switch:checked + .lbl::after { left: 34px; background-color: #fff; color: #8ab2c9; } #js-cpanel input[type="checkbox"].ace-switch.ace-switch-2 + .lbl::before { content: "YES\a0\a0\a0\a0\a0\a0\a0\a0NO"; } #js-cpanel input[type="checkbox"].ace-switch.ace-switch-3 + .lbl::after { font-family: FontAwesome; font-size: 13px; line-height: 23px; content: "\f00d"; top: -1px; } #js-cpanel input[type="checkbox"].ace-switch.ace-switch-3:checked + .lbl::after { content: "\f00c"; } #js-cpanel input[type="checkbox"].ace-switch.ace-switch-4 + .lbl::before, #js-cpanel input[type="checkbox"].ace-switch.ace-switch-5 + .lbl::before { content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF"; font-family: Arial, Helvetica, sans-serif; font-weight: bolder; font-size: 12px; line-height: 20px; height: 20px; overflow: hidden; line-height: 21px\9; border-radius: 12px; background-color: #c0392b; border: 1px solid #c0392b; color: #fff; width: 52px; text-indent: -25px; text-indent: -28px\9; display: inline-block; position: relative; margin-right: 8px; box-shadow: none; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #js-cpanel input[type="checkbox"].ace-switch.ace-switch-4 + .lbl::after, #js-cpanel input[type="checkbox"].ace-switch.ace-switch-5 + .lbl::after { font-family: Arial, Helvetica, sans-serif; content: ""; text-shadow: -1px 0 0 rgba(0, 0, 0, 0.2); font-size: 7px; font-weight: lighter; color: #c0392b; text-align: center; position: absolute; border-radius: 12px; color: #5b6a73; top: 2px; left: 2px; height: 16px; width: 16px; line-height: 16px; background-color: #fff; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #js-cpanel input[type="checkbox"].ace-switch.ace-switch-4:checked + .lbl::before, #js-cpanel input[type="checkbox"].ace-switch.ace-switch-5:checked + .lbl::before { text-indent: 9px; background-color: #27ae60; border-color: transparent; } #js-cpanel input[type="checkbox"].ace-switch.ace-switch-4:checked + .lbl::after, #js-cpanel input[type="checkbox"].ace-switch.ace-switch-5:checked + .lbl::after { left: 34px; background-color: #fff; } #js-cpanel input[type="checkbox"].ace-switch.ace-switch-5 + .lbl::before { content: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0NO"; } #js-cpanel input[type="checkbox"].ace-switch.ace-switch-5:checked + .lbl::before { text-indent: 8px; } #js-cpanel input[type="checkbox"].ace-switch.ace-switch-6 + .lbl { position: relative; } #js-cpanel input[type="checkbox"].ace-switch.ace-switch-6 + .lbl::before { font-family: FontAwesome; content: "\f00d"; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); box-shadow: none; border: 0; font-weight: lighter; font-size: 16px; border-radius: 12px; display: inline-block; background-color: #888; color: #f2f2f2; width: 52px; height: 22px; line-height: 20px; text-indent: 32px; -webkit-transition: background 0.1s ease; -moz-transition: background 0.1s ease; -o-transition: background 0.1s ease; transition: background 0.1s ease; } #js-cpanel input[type="checkbox"].ace-switch.ace-switch-6 + .lbl::after { content: ""; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); position: absolute; top: 2px; left: 3px; border-radius: 12px; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); width: 10px; height: 10px; text-align: center; background-color: #f2f2f2; border: 4px solid #f2f2f2; -webkit-transition: left 0.2s ease; -moz-transition: left 0.2s ease; -o-transition: left 0.2s ease; transition: left 0.2s ease; } #js-cpanel input[type="checkbox"].ace-switch.ace-switch-6:checked + .lbl::before { content: "\f00c"; text-indent: 6px; color: #fff; border-color: #b7d3e5; background-color: #ff893c; } #js-cpanel input[type="checkbox"].ace-switch.ace-switch-6:checked + .lbl::after { left: 32px; background-color: #fff; border: 4px solid #fff; text-shadow: 0 -1px 0 rgba(0, 200, 0, 0.25); } #js-cpanel input[type="checkbox"].ace-switch.ace-switch-7 { width: 75px; } #js-cpanel input[type="checkbox"].ace-switch.ace-switch-7 + .lbl { position: relative; } #js-cpanel input[type="checkbox"].ace-switch.ace-switch-7 + .lbl::before { content: "OFF\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0ON"; font-weight: bolder; font-size: 14px; line-height: 20px; background-color: #fff; border: 2px solid #aaa; border-radius: 0; box-shadow: none; color: #aaa; width: 70px; height: 22px; line-height: 22px; overflow: hidden; text-indent: 4px; display: inline-block; position: relative; margin-right: 8px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #js-cpanel input[type="checkbox"].ace-switch.ace-switch-7 + .lbl::after { content: "\f00d"; font-family: FontAwesome; font-size: 16px; position: absolute; top: 3px; left: 39px; width: 32px; height: 20px; line-height: 18px; text-align: center; background-color: #aaa; color: #fff; border-radius: 0; box-shadow: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #js-cpanel input[type="checkbox"].ace-switch.ace-switch-7:checked + .lbl::before { color: #468fcc; background-color: #fff; text-indent: -33px; border-color: #6fb3e0; } #js-cpanel input[type="checkbox"].ace-switch.ace-switch-7:checked + .lbl::after { left: 3px; content: "\f00c"; background-color: #468fcc; color: #fff; } #js-cpanel .input-prepend .add-on, #js-cpanel .input-append .add-on { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .control-group.success #js-cpanel .input-prepend .add-on, .control-group.success #js-cpanel .input-append .add-on { border-color: #92bf65; } .control-group.error #js-cpanel .input-prepend .add-on, .control-group.error #js-cpanel .input-append .add-on { border-color: #f09784; } .control-group.warning #js-cpanel .input-prepend .add-on, .control-group.warning #js-cpanel .input-append .add-on { border-color: #e0c43a; } .control-group.info #js-cpanel .input-prepend .add-on, .control-group.info #js-cpanel .input-append .add-on { border-color: #64a6bc; } #js-cpanel .input-prepend > .btn, #js-cpanel .input-append > .btn { line-height: 20px; padding: 0 6px; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } #js-cpanel .input-prepend > .btn.btn-small, #js-cpanel .input-append > .btn.btn-small { line-height: 22px; } #js-cpanel .input-prepend > .btn + .btn, #js-cpanel .input-append > .btn + .btn { margin-left: 1px; } #js-cpanel .input-prepend > .btn-group > .btn, #js-cpanel .input-append > .btn-group > .btn { line-height: 23px; } #js-cpanel .input-prepend > .btn-group > .btn.btn-small, #js-cpanel .input-append > .btn-group > .btn.btn-small { line-height: 26px; } #js-cpanel .input-prepend > .btn > .caret, #js-cpanel .input-append > .btn > .caret, #js-cpanel .input-prepend > .btn-group > .btn > .caret, #js-cpanel .input-append > .btn-group > .btn > .caret, #js-cpanel .input-prepend > .btn.btn-small > .caret, #js-cpanel .input-append > .btn.btn-small > .caret, #js-cpanel .input-prepend > .btn-group > .btn.btn-small > .caret, #js-cpanel .input-append > .btn-group > .btn.btn-small > .caret { margin-top: 10px; } #js-cpanel .ace-file-input { position: relative; height: 38px; line-height: 38px; margin-bottom: 9px; } #js-cpanel .ace-file-input input[type="file"] { position: fixed; z-index: -2; opacity: 0; } #js-cpanel .ace-file-input label { display: block; position: absolute; top: 0; left: 0; right: 0; height: 28px; background-color: #fff; border: 1px solid #e3e3e3; cursor: pointer; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } #js-cpanel .ace-file-input label:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #f59942; } #js-cpanel .ace-file-input label:before { display: inline-block; content: attr(data-title); position: absolute; right: 0; top: 0; bottom: 0; padding: 0 8px; line-height: 24px; text-align: center; background-color: #6fb3e0; color: #fff; font-size: 11px; font-weight: bold; border: 2px solid #fff; border-left-width: 4px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #js-cpanel .ace-file-input label span { display: inline-block; height: 28px; max-width: 80%; white-space: nowrap; overflow: hidden; line-height: 28px; color: #888; font-size: 13px; position: static; padding-left: 30px; } #js-cpanel .ace-file-input label span:after { display: inline-block; content: attr(data-title); } #js-cpanel .ace-file-input label.selected { right: 16px; } #js-cpanel .ace-file-input label.selected span { color: #666; } #js-cpanel .ace-file-input label [class*="icon-"] { display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; line-height: 22px; width: 22px; text-align: center; font-family: FontAwesome; font-size: 13px; border: 2px solid #fff; color: #fff; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; background-color: #d1d1d1; } #js-cpanel .ace-file-input label.selected [class*="icon-"] { background-color: #efad62; } #js-cpanel .ace-file-input label.selected .icon-picture { background-color: #bd7a9d; } #js-cpanel .ace-file-input label.selected .icon-film { background-color: #87b87f; } #js-cpanel .ace-file-input label.selected .icon-music { background-color: #8b7ac9; } #js-cpanel .ace-file-input label.selected .icon-archive { background-color: #efad62; } #js-cpanel .ace-file-input label.hide-placeholder:before { display: none; } #js-cpanel .ace-file-input a:hover { text-decoration: none; } #js-cpanel .ace-file-input .remove { position: absolute; right: -8px; top: 6px; display: none; width: 17px; text-align: center; height: 17px; line-height: 15px; font-size: 11px; font-weight: normal; background-color: #fb7142; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; color: #fff; text-decoration: none; } #js-cpanel .ace-file-input label.selected + .remove { display: inline-block; } #js-cpanel .ace-file-multiple { height: auto; } #js-cpanel .ace-file-multiple label { position: relative; height: auto; border: 1px dashed #aaa; border-radius: 4px; text-align: center; } #js-cpanel .ace-file-multiple label:before { display: inline-block; content: attr(data-title); position: relative; right: 0; left: 0; margin: 12px; line-height: 22px; background-color: #fff; color: #ccc; font-size: 18px; font-weight: bold; border: 0; } #js-cpanel .ace-file-multiple label.selected span [class*="icon-"] { display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; line-height: 22px; width: 22px; text-align: center; font-family: FontAwesome; font-size: 13px; border: 2px solid #fff; color: #fff; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; } #js-cpanel .ace-file-multiple label span { position: relative; display: block; padding: 0; height: auto; width: auto; max-width: 100%; margin: 0 4px; border-bottom: 1px solid #ddd; text-align: left; } #js-cpanel .ace-file-multiple label span:first-child { margin-top: 1px; } #js-cpanel .ace-file-multiple label span:last-child { border-bottom-width: 0; margin-bottom: 1px; } #js-cpanel .ace-file-multiple label span img { padding: 2px; border: 1px solid #d7d7d7; background-color: #fff; background-repeat: no-repeat; background-position: center; margin: 4px 8px 4px 1px; } #js-cpanel .ace-file-multiple label span:after { display: none; } #js-cpanel .ace-file-multiple label.selected span:after { display: inline-block; white-space: pre; } #js-cpanel .ace-file-multiple label span img + [class*="icon-"], #js-cpanel .ace-file-multiple label.selected span img + [class*="icon-"] { display: none; } #js-cpanel .ace-file-multiple .remove { right: -11px; top: -11px; border: 3px solid #bbb; border-radius: 32px; background-color: #fff; color: red; } #js-cpanel .ace-file-multiple label.selected + .remove:hover { border-color: #f4c0b1; } #js-cpanel .ace-file-multiple label span [class*="icon-"] { position: relative; display: block; text-align: center; height: auto; line-height: 64px; width: auto; font-size: 64px; color: #d5d5d5; margin: 4px 0; background-color: transparent; } #js-cpanel .ace-file-multiple label.selected:after { display: none; } #js-cpanel .ace-file-multiple label.selected span [class*="icon-"] { position: relative; margin-right: 4px; margin-left: 2px; line-height: 24px; } #js-cpanel .ace-file-multiple label span.large { text-align: center; border-bottom: 2px solid #222; margin: 0 1px 3px; } #js-cpanel .ace-file-multiple label span.large:last-child { margin: 0 1px; border-bottom-width: 0; } #js-cpanel .ace-file-multiple label span.large:after { position: absolute; top: auto; bottom: 0; left: 0; right: 0; padding: 0 4px; background-color: #555; color: #fff; opacity: 0.8; filter: alpha(opacity=80); } #js-cpanel .ace-file-multiple label span.large img { border-width: 0; margin: 0; padding: 0; } #js-cpanel .ace-file-input input[type="file"].disabled + label, #js-cpanel .ace-file-input input[type="file"][disabled] + label, #js-cpanel .ace-file-input input[type="file"][readonly] + label { cursor: not-allowed; background-color: #eee; } #js-cpanel .ace-file-input input[type="file"].disabled + label:hover, #js-cpanel .ace-file-input input[type="file"][disabled] + label:hover, #js-cpanel .ace-file-input input[type="file"][readonly] + label:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #e3e3e3; } #js-cpanel .ace-file-input input[type="file"].disabled + label:before, #js-cpanel .ace-file-input input[type="file"][disabled] + label:before, #js-cpanel .ace-file-input input[type="file"][readonly] + label:before { border-color: #eee; background-color: #a1aaaf; } #js-cpanel .ace-file-input input[type="file"][readonly] + label { cursor: default; } #js-cpanel .ace-file-multiple input[type="file"].disabled + label:hover, #js-cpanel .ace-file-multiple input[type="file"][disabled] + label:hover, #js-cpanel .ace-file-multiple input[type="file"][readonly] + label:hover { border-color: #aaa; } #js-cpanel .ace-file-multiple input[type="file"].disabled + label:before, #js-cpanel .ace-file-multiple input[type="file"][disabled] + label:before, #js-cpanel .ace-file-multiple input[type="file"][readonly] + label:before { background-color: transparent; } #js-cpanel .ace-file-multiple input[type="file"].disabled + label [class*="icon-"], #js-cpanel .ace-file-multiple input[type="file"][disabled] + label [class*="icon-"], #js-cpanel .ace-file-multiple input[type="file"][readonly] + label [class*="icon-"] { border-color: #eee; } #js-cpanel .control-group select, #js-cpanel .control-group textarea, #js-cpanel .control-group input[type="text"], #js-cpanel .control-group input[type="password"], #js-cpanel .control-group input[type="datetime"], #js-cpanel .control-group input[type="datetime-local"], #js-cpanel .control-group input[type="date"], #js-cpanel .control-group input[type="month"], #js-cpanel .control-group input[type="time"], #js-cpanel .control-group input[type="week"], #js-cpanel .control-group input[type="number"], #js-cpanel .control-group input[type="email"], #js-cpanel .control-group input[type="url"], #js-cpanel .control-group input[type="search"], #js-cpanel .control-group input[type="tel"], #js-cpanel .control-group input[type="color"] { background: #fff; } #js-cpanel .control-group.success input, #js-cpanel .control-group.success select, #js-cpanel .control-group.success textarea { border-color: #92bf65; color: #8bad4c; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #js-cpanel .control-group.success input:focus, #js-cpanel .control-group.success select:focus, #js-cpanel .control-group.success textarea:focus { -webkit-box-shadow: 0 0 0 2px rgba(130, 188, 58, 0.3); -moz-box-shadow: 0 0 0 2px rgba(130, 188, 58, 0.3); box-shadow: 0 0 0 2px rgba(130, 188, 58, 0.3); color: #786; border-color: #81a85a; } #js-cpanel .control-group.success [class*="icon-"] { color: #8bad4c; } #js-cpanel .control-group.success .btn [class*="icon-"] { color: inherit; } #js-cpanel .control-group.success .control-label, #js-cpanel .control-group.success .help-block, #js-cpanel .control-group.success .help-inline { color: #7ba065; } #js-cpanel .control-group.info input, #js-cpanel .control-group.info select, #js-cpanel .control-group.info textarea { border-color: #64a6bc; color: #4b89aa; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #js-cpanel .control-group.info input:focus, #js-cpanel .control-group.info select:focus, #js-cpanel .control-group.info textarea:focus { -webkit-box-shadow: 0 0 0 2px rgba(58, 120, 188, 0.3); -moz-box-shadow: 0 0 0 2px rgba(58, 120, 188, 0.3); box-shadow: 0 0 0 2px rgba(58, 120, 188, 0.3); color: #678; border-color: #5a81a8; } #js-cpanel .control-group.info [class*="icon-"] { color: #4b89aa; } #js-cpanel .control-group.info .btn [class*="icon-"] { color: inherit; } #js-cpanel .control-group.info .control-label, #js-cpanel .control-group.info .help-block, #js-cpanel .control-group.info .help-inline { color: #657ba0; } #js-cpanel .control-group.error input, #js-cpanel .control-group.error select, #js-cpanel .control-group.error textarea { border-color: #f09784; color: #d68273; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #js-cpanel .control-group.error input:focus, #js-cpanel .control-group.error select:focus, #js-cpanel .control-group.error textarea:focus { -webkit-box-shadow: 0 0 0 2px rgba(219, 137, 120, 0.3); -moz-box-shadow: 0 0 0 2px rgba(219, 137, 120, 0.3); box-shadow: 0 0 0 2px rgba(219, 137, 120, 0.3); color: #866; border-color: #db8978; } #js-cpanel .control-group.error [class*="icon-"] { color: #d68273; } #js-cpanel .control-group.error .btn [class*="icon-"] { color: inherit; } #js-cpanel .control-group.error .control-label, #js-cpanel .control-group.error .help-block, #js-cpanel .control-group.error .help-inline { color: #d16e6c; } #js-cpanel .control-group.warning input, #js-cpanel .control-group.warning select, #js-cpanel .control-group.warning textarea { border-color: #e0c43a; color: #d3bd50; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #js-cpanel .control-group.warning input:focus, #js-cpanel .control-group.warning select:focus, #js-cpanel .control-group.warning textarea:focus { -webkit-box-shadow: 0 0 0 2px rgba(216, 188, 65, 0.3); -moz-box-shadow: 0 0 0 2px rgba(216, 188, 65, 0.3); box-shadow: 0 0 0 2px rgba(216, 188, 65, 0.3); color: #875; border-color: #d8bc41; } #js-cpanel .control-group.warning [class*="icon-"] { color: #d3bd50; } #js-cpanel .control-group.warning .btn [class*="icon-"] { color: inherit; } #js-cpanel .control-group.warning .control-label, #js-cpanel .control-group.warning .help-block, #js-cpanel .control-group.warning .help-inline { color: #d19d59; } #js-cpanel .control-group input[disabled], #js-cpanel .control-group input:disabled { color: #848484 !important; background-color: #eee !important; } #js-cpanel .tab-content { background: var(--ace-white); border: 1px solid #c5d0dc; border-top: 0; padding: 16px 12px; width: 100%; z-index: 11; } #js-cpanel .tab-content.no-padding { padding: 0; } #js-cpanel .tab-content.no-border { border: 0; padding: 12px; } #js-cpanel .tab-content.padding-32 { padding: 32px 24px; } #js-cpanel .tab-content.no-border.padding-32 { padding: 32px; } #js-cpanel .tab-content.padding-30 { padding: 30px 23px; } #js-cpanel .tab-content.no-border.padding-30 { padding: 30px; } #js-cpanel .tab-content.padding-28 { padding: 28px 21px; } #js-cpanel .tab-content.no-border.padding-28 { padding: 28px; } #js-cpanel .tab-content.padding-26 { padding: 26px 20px; } #js-cpanel .tab-content.no-border.padding-26 { padding: 26px; } #js-cpanel .tab-content.padding-24 { padding: 24px 18px; } #js-cpanel .tab-content.no-border.padding-24 { padding: 24px; } #js-cpanel .tab-content.padding-22 { padding: 22px 17px; } #js-cpanel .tab-content.no-border.padding-22 { padding: 22px; } #js-cpanel .tab-content.padding-20 { padding: 20px 15px; } #js-cpanel .tab-content.no-border.padding-20 { padding: 20px; } #js-cpanel .tab-content.padding-18 { padding: 18px 14px; } #js-cpanel .tab-content.no-border.padding-18 { padding: 18px; } #js-cpanel .tab-content.padding-16 { padding: 16px 12px; } #js-cpanel .tab-content.no-border.padding-16 { padding: 16px; } #js-cpanel .tab-content.padding-14 { padding: 14px 11px; } #js-cpanel .tab-content.no-border.padding-14 { padding: 14px; } #js-cpanel .tab-content.padding-12 { padding: 12px 9px; } #js-cpanel .tab-content.no-border.padding-12 { padding: 12px; } #js-cpanel .tab-content.padding-10 { padding: 10px 8px; } #js-cpanel .tab-content.no-border.padding-10 { padding: 10px; } #js-cpanel .tab-content.padding-8 { padding: 8px 6px; } #js-cpanel .tab-content.no-border.padding-8 { padding: 8px; } #js-cpanel .tab-content.padding-6 { padding: 6px 5px; } #js-cpanel .tab-content.no-border.padding-6 { padding: 6px; } #js-cpanel .tab-content.padding-4 { padding: 4px 3px; } #js-cpanel .tab-content.no-border.padding-4 { padding: 4px; } #js-cpanel .tab-content.padding-2 { padding: 2px 2px; } #js-cpanel .tab-content.no-border.padding-2 { padding: 2px; } #js-cpanel .tab-content.padding-0 { padding: 0; } #js-cpanel .tab-content.no-border.padding-0 { padding: 0; } #js-cpanel .nav-tabs.padding-32 { padding-left: 32px; } .tabs-right > #js-cpanel .nav-tabs.padding-32, .tabs-left > #js-cpanel .nav-tabs.padding-32 { padding-left: 0; padding-top: 32px; } #js-cpanel .nav-tabs.padding-30 { padding-left: 30px; } .tabs-right > #js-cpanel .nav-tabs.padding-30, .tabs-left > #js-cpanel .nav-tabs.padding-30 { padding-left: 0; padding-top: 30px; } #js-cpanel .nav-tabs.padding-28 { padding-left: 28px; } .tabs-right > #js-cpanel .nav-tabs.padding-28, .tabs-left > #js-cpanel .nav-tabs.padding-28 { padding-left: 0; padding-top: 28px; } #js-cpanel .nav-tabs.padding-26 { padding-left: 26px; } .tabs-right > #js-cpanel .nav-tabs.padding-26, .tabs-left > #js-cpanel .nav-tabs.padding-26 { padding-left: 0; padding-top: 26px; } #js-cpanel .nav-tabs.padding-24 { padding-left: 24px; } .tabs-right > #js-cpanel .nav-tabs.padding-24, .tabs-left > #js-cpanel .nav-tabs.padding-24 { padding-left: 0; padding-top: 24px; } #js-cpanel .nav-tabs.padding-22 { padding-left: 22px; } .tabs-right > #js-cpanel .nav-tabs.padding-22, .tabs-left > #js-cpanel .nav-tabs.padding-22 { padding-left: 0; padding-top: 22px; } #js-cpanel .nav-tabs.padding-20 { padding-left: 20px; } .tabs-right > #js-cpanel .nav-tabs.padding-20, .tabs-left > #js-cpanel .nav-tabs.padding-20 { padding-left: 0; padding-top: 20px; } #js-cpanel .nav-tabs.padding-18 { padding-left: 18px; } .tabs-right > #js-cpanel .nav-tabs.padding-18, .tabs-left > #js-cpanel .nav-tabs.padding-18 { padding-left: 0; padding-top: 18px; } #js-cpanel .nav-tabs.padding-16 { padding-left: 16px; } .tabs-right > #js-cpanel .nav-tabs.padding-16, .tabs-left > #js-cpanel .nav-tabs.padding-16 { padding-left: 0; padding-top: 16px; } #js-cpanel .nav-tabs.padding-14 { padding-left: 14px; } .tabs-right > #js-cpanel .nav-tabs.padding-14, .tabs-left > #js-cpanel .nav-tabs.padding-14 { padding-left: 0; padding-top: 14px; } #js-cpanel .nav-tabs.padding-12 { padding-left: 12px; } .tabs-right > #js-cpanel .nav-tabs.padding-12, .tabs-left > #js-cpanel .nav-tabs.padding-12 { padding-left: 0; padding-top: 12px; } #js-cpanel .nav-tabs.padding-10 { padding-left: 10px; } .tabs-right > #js-cpanel .nav-tabs.padding-10, .tabs-left > #js-cpanel .nav-tabs.padding-10 { padding-left: 0; padding-top: 10px; } #js-cpanel .nav-tabs.padding-8 { padding-left: 8px; } .tabs-right > #js-cpanel .nav-tabs.padding-8, .tabs-left > #js-cpanel .nav-tabs.padding-8 { padding-left: 0; padding-top: 8px; } #js-cpanel .nav-tabs.padding-6 { padding-left: 6px; } .tabs-right > #js-cpanel .nav-tabs.padding-6, .tabs-left > #js-cpanel .nav-tabs.padding-6 { padding-left: 0; padding-top: 6px; } #js-cpanel .nav-tabs.padding-4 { padding-left: 4px; } .tabs-right > #js-cpanel .nav-tabs.padding-4, .tabs-left > #js-cpanel .nav-tabs.padding-4 { padding-left: 0; padding-top: 4px; } #js-cpanel .nav-tabs.padding-2 { padding-left: 2px; } .tabs-right > #js-cpanel .nav-tabs.padding-2, .tabs-left > #js-cpanel .nav-tabs.padding-2 { padding-left: 0; padding-top: 2px; } /* Tab navigation */ #js-cpanel .nav-tabs { border: 0; display: flex; flex-wrap: wrap; align-items: stretch; position: relative; width: 100%; } #js-cpanel .nav-tabs::after { background-color: var(--ace-border-color); content: ""; display: block; height: 2px; position: absolute; left: 0; right: 0; bottom: 0; } #js-cpanel .nav-tabs > li { margin-bottom: 0; padding: 0 12px; } #js-cpanel .nav-tabs > li > a { border: 0; border-radius: 0; color: var(--ace-sidebar-text); display: block; font-size: 14px; margin: 0; padding-top: var(--ace-spacing); padding-bottom: calc(var(--ace-spacing) * 1.5); padding-left: 0; padding-right: 0; position: relative; z-index: 10; } #js-cpanel .nav-tabs > li > a::after { content: ""; display: block; height: 2px; position: absolute; bottom: 0; opacity: 0; left: 15%; right: 15%; transition: var(--ace-trans-base); z-index: 10; } #js-cpanel .nav-tabs > li > a:hover { background: transparent; border: 0; } #js-cpanel .nav-tabs > li > a:hover::after { background-color: var(--ace-gray-400); opacity: 1; left: 0; right: 0; } #js-cpanel .nav-tabs > li.active > a, #js-cpanel .nav-tabs > li.active > a:hover, #js-cpanel .nav-tabs > li.active > a:focus { border: 0; color: var(--ace-link-active); } #js-cpanel .nav-tabs > li.active > a::after, #js-cpanel .nav-tabs > li.active > a:hover::after { background-color: var(--ace-link-active); left: 0; right: 0; opacity: 1; } .tabs-below > #js-cpanel .nav-tabs { margin-bottom: 0; margin-top: -1px; border-color: #c5d0dc; } .tabs-below > #js-cpanel .nav-tabs > li > a, .tabs-below > #js-cpanel .nav-tabs > li > a:hover, .tabs-below > #js-cpanel .nav-tabs > li > a:focus { border-color: #c5d0dc; } .tabs-below > #js-cpanel .nav-tabs > li.active > a, .tabs-below > #js-cpanel .nav-tabs > li.active > a:hover, .tabs-below > #js-cpanel .nav-tabs > li.active > a:focus { border-color: #c5d0dc; border-top-width: 1px; border-bottom: 2px solid #4c8fbd; border-top-color: transparent; margin-top: 0; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); } .tabs-left > #js-cpanel .nav-tabs > li > a, .tabs-right > #js-cpanel .nav-tabs > li > a { min-width: 60px; } .tabs-left > #js-cpanel .nav-tabs { margin-bottom: 0; margin-right: -1px; border-color: #c5d0dc; } .tabs-left > #js-cpanel .nav-tabs > li > a, .tabs-left > #js-cpanel .nav-tabs > li > a:focus, .tabs-left > #js-cpanel .nav-tabs > li > a:hover { border-color: #c5d0dc; margin: 0 -1px 0 0; } .tabs-left > #js-cpanel .nav-tabs > li.active > a, .tabs-left > #js-cpanel .nav-tabs > li.active > a:focus, .tabs-left > #js-cpanel .nav-tabs > li.active > a:hover { border-color: #c5d0dc; border-top-width: 1px; border-left: 2px solid #4c8fbd; border-right-color: transparent; margin: 0 -1px 0 -1px; box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.15); } .tabs-right > #js-cpanel .nav-tabs { margin-bottom: 0; margin-left: -1px; border-color: #c5d0dc; } .tabs-right > #js-cpanel .nav-tabs > li > a, .tabs-right > #js-cpanel .nav-tabs > li > a:focus, .tabs-right > #js-cpanel .nav-tabs > li > a:hover { border-color: #c5d0dc; margin: 0 0 0 -1px; } .tabs-right > #js-cpanel .nav-tabs > li.active > a, .tabs-right > #js-cpanel .nav-tabs > li.active > a:focus, .tabs-right > #js-cpanel .nav-tabs > li.active > a:hover { border-color: #c5d0dc; border-top-width: 1px; border-right: 2px solid #4c8fbd; border-left-color: transparent; margin: 0 -1px 0 -1px; box-shadow: 2px 0 3px 0 rgba(0, 0, 0, 0.15); } #js-cpanel .nav-tabs > li > a > .badge { padding: 0 4px; line-height: 15px; opacity: 0.75; } #js-cpanel .nav-tabs > li > a > [class*="icon-"] { opacity: 0.75; } #js-cpanel .nav-tabs > li.active > a > .badge, #js-cpanel .nav-tabs > li.active > a > [class*="icon-"] { opacity: 1; } #js-cpanel .nav-tabs li [class*=" icon-"], #js-cpanel .nav-tabs li [class^="icon-"] { width: 1.25em; display: inline-block; text-align: center; } #js-cpanel .nav-tabs > li.open .dropdown-toggle { background-color: #4f99c6; border-color: #4f99c6; color: #fff; } #js-cpanel .nav-tabs > li.open .dropdown-toggle .caret { margin-top: 7px; } #js-cpanel .nav-tabs .dropdown-toggle .caret { margin-top: 7px; } #js-cpanel .nav-pills .open .dropdown-toggle, #js-cpanel .nav > li.dropdown.open.active > a:hover, #js-cpanel .nav > li.dropdown.open.active > a:focus { background-color: #4f99c6; border-color: #4f99c6; color: #fff; } #js-cpanel .accordion-group { border-radius: 0; border-color: #c5d0dc; background-color: #fff; } #js-cpanel .accordion-group:last-child { border-bottom-width: 1px; } #js-cpanel .collapse { background-color: #fff; } #js-cpanel .accordion-heading .accordion-toggle { color: #4c8fbd; background-color: #f1f9ff; position: relative; } #js-cpanel .accordion-heading .accordion-toggle.collapsed { color: #679; font-weight: normal; background-color: #f1f9ff; } #js-cpanel .accordion-heading .accordion-toggle:hover { color: #4c8fbd; background-color: #f1f9ff; } #js-cpanel .accordion-heading .accordion-toggle:after { display: inline-block; content: "\f107"; font-family: FontAwesome; font-size: 16px; color: #4c8fbd; position: absolute; right: 6px; width: 14px; line-height: 18px; text-align: center; } #js-cpanel .accordion-heading .accordion-toggle.collapsed:after { content: "\f104"; color: #679; } #js-cpanel .accordion-heading .accordion-toggle.collapsed:hover:after { color: #4c8fbd; } #js-cpanel .accordion-heading .accordion-toggle:focus, #js-cpanel .accordion-heading .accordion-toggle:active { outline: 0; text-decoration: none; } #js-cpanel .accordion-heading .accordion-toggle > [class*="icon-"]:first-child { width: 16px; } #js-cpanel .accordion-heading .accordion-toggle:hover > [class*="icon-"]:first-child { text-decoration: none; } #js-cpanel .accordion-inner, .collapse.in > #js-cpanel .accordion-inner { border-top: 1px solid #c5d0dc; } #js-cpanel .accordion-inner.no-padding { padding: 0; } #js-cpanel th, #js-cpanel td, #js-cpanel .table-bordered { border-radius: 0 !important; } #js-cpanel th, #js-cpanel td { padding-top: 0.5rem; padding-bottom: 0.5rem; } #js-cpanel th i { margin-left: 8px; } #js-cpanel td[align="center"] { text-align: center; } #js-cpanel .js-calendar .table { width: auto; } /* Calendar */ #js-cpanel .js-calendar .table .nav { justify-content: center; margin-bottom: 0; } #js-cpanel .js-calendar .table .calendar-head-row { border-bottom: 1px solid rgba(255, 255, 255, 0.5); } #js-cpanel .js-calendar .table .calendar-head-row th, #js-cpanel .js-calendar .table .calendar-head-row td { border: 0; padding-top: 0 !important; padding-bottom: 0 !important; line-height: 40px !important; } #js-cpanel .js-calendar .table .calendar-head-row .title { text-align: center; } #js-cpanel .table { background: white; border-spacing: 0; border-collapse: collapse; } #js-cpanel .table thead tr { background: #34495e; color: #ecf0f1; font-weight: normal; } #js-cpanel .table thead tr th { background: #34495e; border-color: #34495e; color: #fff; font-weight: normal; } #js-cpanel .table thead tr th a { color: #fff; text-decoration: none; } #js-cpanel .table thead tr th a span { margin-left: .5rem; } #js-cpanel .table thead tr th [class*="icon-"]:first-child { margin-right: 2px; } #js-cpanel .table thead tr th:first-child { border-left-color: #34495e; } #js-cpanel .table thead tr th:left-child { border-right-color: #34495e; } #js-cpanel .table.table-bordered thead tr th { vertical-align: middle; } #js-cpanel .table.table-bordered thead tr th:first-child { border-left-color: #ddd; } #js-cpanel .table.table-hover tbody tr:hover td { background-color: #ecf0f1; } #js-cpanel th.center, #js-cpanel td.center { text-align: center; } #js-cpanel th .lbl, #js-cpanel td .lbl { margin-bottom: 0; } #js-cpanel th .lbl:only-child, #js-cpanel td .lbl:only-child { vertical-align: top; } #js-cpanel th.key, #js-cpanel td.key { color: #7f8c8d; font-size: 14px; } #js-cpanel .table-header { background-color: #307ecc; color: #fff; font-size: 14px; line-height: 38px; padding-left: 12px; margin-bottom: 1px; } #js-cpanel .table-header .close { margin-right: 6px; margin-top: 6px; } #js-cpanel .dataTables_length { margin-left: 8px; } #js-cpanel .dataTables_length select { width: 70px; height: 25px; padding: 2px 3px; } #js-cpanel .dataTables_filter { margin-right: 8px; text-align: right; } #js-cpanel .dataTables_filter input[type="text"] { width: 125px; height: 18px; line-height: 18px; } #js-cpanel .dataTables_info { margin: 0 0 0 12px; font-size: 14px; } #js-cpanel .dataTables_paginate { text-align: right; } #js-cpanel .dataTables_paginate.pagination { margin: 0 12px; } #js-cpanel .dataTables_wrapper label { display: inline-block; font-size: 13px; } #js-cpanel .dataTables_wrapper input[type="text"], #js-cpanel .dataTables_wrapper select { margin-bottom: 0 !important; margin: 0 4px; } #js-cpanel .dataTables_wrapper .row-fluid:first-child { padding: 12px 0 4px; background-color: #eff3f8; } #js-cpanel .dataTables_wrapper .row-fluid:first-child + .dataTable { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } #js-cpanel .dataTables_wrapper .row-fluid:last-child { border-top: 1px solid #ddd; padding: 12px 0 6px; background-color: #eff3f8; border-bottom: 1px solid #ddd; } #js-cpanel .dataTable { margin-bottom: 0; } #js-cpanel .dataTable th[class*="sort"] { cursor: pointer; } #js-cpanel .dataTable th[class*="sort"]:after { content: "\f0dc"; display: block; color: #555; font-family: FontAwesome; font-size: 13px; font-weight: normal; float: right; margin-right: 4px; position: relative; } #js-cpanel .dataTable th[class*="sorting_"] { color: #307ecc; } #js-cpanel .dataTable th.sorting_desc:after { content: "\f0dd"; top: -6px; } #js-cpanel .dataTable th.sorting_asc:after { content: "\f0de"; top: 4px; } #js-cpanel .dataTable th.sorting_disabled { cursor: inherit; } #js-cpanel .dataTable th.sorting_disabled:after { display: none; } #js-cpanel .widget-box { box-shadow: none; padding: 0; margin: 0; } #js-cpanel .widget-box .widget-box .widget-header { margin-bottom: 12px; padding: 0; } #js-cpanel .widget-box .widget-box .widget-header .widget-toolbar { border-radius: 0; } #js-cpanel .widget-box .widget-box .widget-header .widget-toolbar:before { top: 2px; bottom: -2px; } #js-cpanel .widget-box .widget-box .widget-header h5.lighter { font-size: 16px; font-weight: bold; } #js-cpanel .widget-box .widget-box .widget-header ul.nav.nav-pills { margin: 4px 4px 0 0; } #js-cpanel .widget-box .widget-box .widget-header ul.nav.nav-pills li { margin-left: 2px; } #js-cpanel .widget-box .widget-box .widget-header ul.nav.nav-pills li a { font-size: 12px; padding: 5px 8px; border-radius: 3px; } #js-cpanel .widget-box .center.cta-full a { color: #34495e; background: #e1e6ed; display: block; padding: 13px 10px 10px; margin: 0 0 8px 0; } #js-cpanel .widget-box .center.cta-full a:hover { text-decoration: none; background: #d7dbdd; } /* Widget header ---------------------------------- */ #js-cpanel .widget-header { background: var(--ace-gray-100); border: 1px solid var(--ace-border-color); border-radius: 6px 6px 0 0; color: var(--ace-gray-700); font-weight: 600; display: flex; align-items: center; justify-content: space-between; position: relative; } #js-cpanel .widget-header h5 { font-weight: 600; font-size: 18px; margin: 0; } #js-cpanel .collapsed .widget-header { border-bottom-width: 0; } #js-cpanel .collapsed .widget-body { display: none; } #js-cpanel .widget-header-flat { background: var(--ace-gray-100); padding: 12px; } #js-cpanel .widget-header-large { min-height: 49px; padding-left: 18px; } #js-cpanel .widget-header-small { min-height: 31px; padding-left: 10px; } #js-cpanel .widget-header > .widget-caption { line-height: 39px; padding: 0; margin: 0; float: left; text-align: left; color: #34495e; } #js-cpanel .widget-header > .widget-caption > [class*="icon-"], #js-cpanel .widget-header > :first-child > [class*="icon-"] { margin-right: 5px; font-weight: normal; display: inline-block; } #js-cpanel .widget-header-large > .widget-caption, #js-cpanel .widget-header-large > :first-child { line-height: 48px; } #js-cpanel .widget-header-small > .widget-caption, #js-cpanel .widget-header-small > :first-child { line-height: 30px; } #js-cpanel .widget-toolbar { display: inline-block; padding: 0; position: relative; text-align: left; } .widget-header-large > #js-cpanel .widget-toolbar { line-height: 48px; } .widget-header-small > #js-cpanel .widget-toolbar { line-height: 29px; } #js-cpanel .widget-toolbar.no-padding { padding: 0; } #js-cpanel .widget-toolbar.padding-5 { padding: 0 5px; } #js-cpanel .widget-toolbar:before { display: inline-block; content: ""; position: absolute; top: 3px; bottom: 3px; left: -1px; border: 1px solid #d9d9d9; border-width: 0 1px 0 0; } .widget-header-large > #js-cpanel .widget-toolbar:before { top: 6px; bottom: 6px; } [class*="header-color-"] > #js-cpanel .widget-toolbar:before { border-color: #eee; } .header-color-orange > #js-cpanel .widget-toolbar:before { border-color: #fea; } .header-color-dark > #js-cpanel .widget-toolbar:before { border-color: #222; box-shadow: -1px 0 0 rgba(255, 255, 255, 0.2), inset 1px 0 0 rgba(255, 255, 255, 0.1); } #js-cpanel .widget-toolbar.no-border:before { display: none; } #js-cpanel .widget-toolbar label { display: inline-block; vertical-align: middle; margin-bottom: 0; } #js-cpanel .widget-toolbar > a { font-size: 14px; margin: 0 1px; display: inline-block; padding: 0; line-height: 24px; } #js-cpanel .widget-toolbar > a:hover { text-decoration: none; } .widget-header-large > #js-cpanel .widget-toolbar > a { font-size: 15px; margin: 0 1px; } #js-cpanel .widget-toolbar > .btn { } #js-cpanel .widget-toolbar > .btn.smaller { line-height: 26px; } #js-cpanel .widget-toolbar > .btn.bigger { line-height: 28px; } #js-cpanel .widget-toolbar > .btn-small { line-height: 24px; } #js-cpanel .widget-toolbar > .btn-small.smaller { line-height: 23px; } #js-cpanel .widget-toolbar > .btn-small.bigger { line-height: 25px; } #js-cpanel .widget-toolbar > .btn-mini { line-height: 22px; } #js-cpanel .widget-toolbar > .btn-mini.smaller { line-height: 21px; } #js-cpanel .widget-toolbar > .btn-mini.bigger { line-height: 23px; } #js-cpanel .widget-toolbar > .btn-minier { font-size: 14px; padding: .25rem .5rem; } #js-cpanel .widget-toolbar > .btn-minier.smaller { line-height: 17px; } #js-cpanel .widget-toolbar > .btn-minier.bigger { line-height: 19px; } #js-cpanel .widget-toolbar > .btn-large { line-height: 36px; } #js-cpanel .widget-toolbar > .btn-large.smaller { line-height: 34px; } #js-cpanel .widget-toolbar > .btn-large.bigger { line-height: 38px; } #js-cpanel .widget-toolbar-dark { background: #444; } #js-cpanel .widget-toolbar-light { background: rgba(255, 255, 255, 0.85); } #js-cpanel .widget-toolbar > [data-action] > [class*="icon-"] { margin-right: 0; } #js-cpanel .widget-toolbar > [data-action]:focus { text-decoration: none; } #js-cpanel [class*="header-color-"] > .widget-toolbar > [data-action] { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } #js-cpanel [class*="header-color-"] > .widget-toolbar > [data-action="settings"] { color: #d3e4ed; } #js-cpanel [class*="header-color-"] > .widget-toolbar > [data-action="reload"] { color: #deead3; } #js-cpanel [class*="header-color-"] > .widget-toolbar > [data-action="collapse"] { color: #e2e2e2; } #js-cpanel [class*="header-color-"] > .widget-toolbar > [data-action="close"] { color: #ffd9d5; } #js-cpanel .header-color-orange > .widget-toolbar > [data-action] { text-shadow: none; } #js-cpanel .header-color-orange > .widget-toolbar > [data-action="settings"] { color: #559aab; } #js-cpanel .header-color-orange > .widget-toolbar > [data-action="reload"] { color: #7ca362; } #js-cpanel .header-color-orange > .widget-toolbar > [data-action="collapse"] { color: #777; } #js-cpanel .header-color-orange > .widget-toolbar > [data-action="close"] { color: #a05656; } #js-cpanel .widget-toolbar > [data-action="settings"], .header-color-dark > #js-cpanel .widget-toolbar > [data-action="settings"] { color: #99cadb; } #js-cpanel .widget-toolbar > [data-action="reload"], .header-color-dark > #js-cpanel .widget-toolbar > [data-action="reload"] { color: #acd392; } #js-cpanel .widget-toolbar > [data-action="collapse"], .header-color-dark > #js-cpanel .widget-toolbar > [data-action="collapse"] { color: #aaa; } #js-cpanel .widget-toolbar > [data-action="close"], .header-color-dark > #js-cpanel .widget-toolbar > [data-action="close"] { color: #e09e96; } /* Widget body ------------------------ */ #js-cpanel .widget-body { background-color: var(--ace-white); border: 1px solid var(--ace-border-color); border-top: 0; border-radius: 0 0 4px 4px; height: auto !important; } #js-cpanel .widget-body .widget-header { min-height: 38px; } #js-cpanel .widget-body .widget-header > .widget-caption, #js-cpanel .widget-body .widget-header > :first-child { line-height: 36px; } #js-cpanel .widget-main { padding: 16px; } #js-cpanel .widget-main.padding-32 { padding: 32px; } #js-cpanel .widget-main.padding-30 { padding: 30px; } #js-cpanel .widget-main.padding-28 { padding: 28px; } #js-cpanel .widget-main.padding-26 { padding: 26px; } #js-cpanel .widget-main.padding-24 { padding: 24px; } #js-cpanel .widget-main.padding-22 { padding: 22px; } #js-cpanel .widget-main.padding-20 { padding: 20px; } #js-cpanel .widget-main.padding-18 { padding: 18px; } #js-cpanel .widget-main.padding-16 { padding: 16px; } #js-cpanel .widget-main.padding-14 { padding: 14px; } #js-cpanel .widget-main.padding-12 { padding: 12px; } #js-cpanel .widget-main.padding-10 { padding: 10px; } #js-cpanel .widget-main.padding-8 { padding: 8px; } #js-cpanel .widget-main.padding-6 { padding: 6px; } #js-cpanel .widget-main.padding-4 { padding: 4px; } #js-cpanel .widget-main.padding-2 { padding: 2px; } #js-cpanel .widget-main.padding-0 { padding: 0; } #js-cpanel .widget-main.no-padding { padding: 0; } #js-cpanel .widget-toolbar .progress { vertical-align: middle; display: inline-block; margin: 0; } #js-cpanel .widget-toolbar > .dropdown, #js-cpanel .widget-toolbar > .dropup { display: inline-block; } #js-cpanel .widget-toolbar > .dropdown > .dropdown-menu:before, #js-cpanel .dropdown-menu.dropdown-caret:before { border-bottom: 7px solid rgba(0, 0, 0, 0.2); border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; left: 9px; position: absolute; top: -7px; } #js-cpanel .widget-toolbar > .dropdown > .dropdown-menu:after, #js-cpanel .dropdown-menu.dropdown-caret:after { border-bottom: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; display: inline-block; left: 10px; position: absolute; top: -6px; } #js-cpanel .widget-toolbar > .dropdown > .dropdown-menu.pull-right:before, #js-cpanel .dropdown-menu.pull-right.dropdown-caret:before { left: auto; right: 9px; } #js-cpanel .widget-toolbar > .dropdown > .dropdown-menu.pull-right:after, #js-cpanel .dropdown-menu.pull-right.dropdown-caret:after { left: auto; right: 10px; } #js-cpanel .widget-header[class*="header-color-"] { color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } #js-cpanel .header-color-blue { background: #307ecc; border-color: #307ecc; } #js-cpanel .header-color-blue + .widget-body { border-color: #307ecc; } #js-cpanel .header-color-blue2 { background: #5090c1; border-color: #5090c1; } #js-cpanel .header-color-blue2 + .widget-body { border-color: #5090c1; } #js-cpanel .header-color-blue3 { background: #6379aa; border-color: #6379aa; } #js-cpanel .header-color-blue3 + .widget-body { border-color: #6379aa; } #js-cpanel .header-color-green { background: #82af6f; border-color: #82af6f; } #js-cpanel .header-color-green + .widget-body { border-color: #82af6f; } #js-cpanel .header-color-green2 { background: #2e8965; border-color: #2e8965; } #js-cpanel .header-color-green2 + .widget-body { border-color: #2e8965; } #js-cpanel .header-color-green3 { background: #4ebc30; border-color: #4ebc30; } #js-cpanel .header-color-green3 + .widget-body { border-color: #4ebc30; } #js-cpanel .header-color-red { background: #e2755f; border-color: #e2755f; } #js-cpanel .header-color-red + .widget-body { border-color: #e2755f; } #js-cpanel .header-color-red2 { background: #e04141; border-color: #e04141; } #js-cpanel .header-color-red2 + .widget-body { border-color: #e04141; } #js-cpanel .header-color-red3 { background: #d15b47; border-color: #d15b47; } #js-cpanel .header-color-red3 + .widget-body { border-color: #d15b47; } #js-cpanel .header-color-purple { background: #7e6eb0; border-color: #7e6eb0; } #js-cpanel .header-color-purple + .widget-body { border-color: #7e6eb0; } #js-cpanel .header-color-pink { background: #ce6f9e; border-color: #ce6f9e; } #js-cpanel .header-color-pink + .widget-body { border-color: #ce6f9e; } #js-cpanel .header-color-orange { background: #ffc657; border-color: #e8b10d; color: #855d10 !important; } #js-cpanel .header-color-orange + .widget-body { border-color: #e8b10d; } #js-cpanel .header-color-dark { background: #404040; border-color: #454545; } #js-cpanel .header-color-dark + .widget-body { border-color: #666; } #js-cpanel .header-color-grey { background: #848484; border-color: #989898; } #js-cpanel .header-color-grey + .widget-body { border-color: #aaa; } #js-cpanel .widget-box.light-border > [class*="header-color-"] + .widget-body { border-color: #d6d6d6 !important; } #js-cpanel .widget-box.no-border { border-bottom: 0; } #js-cpanel .widget-box.no-border > .widget-body { border: 0; } #js-cpanel .widget-box.transparent { border: 0; box-shadow: none; } #js-cpanel .widget-box.transparent > .widget-header { background: transparent; border: 0; border-bottom: 1px solid #dce8f1; color: #4383b4; } #js-cpanel .widget-box.transparent > .widget-header-large { padding-left: 5px; } #js-cpanel .widget-box.transparent > .widget-header-small { padding-left: 1px; } #js-cpanel .widget-box.transparent .widget-body { border: 0; background-color: transparent; } #js-cpanel .widget-box.transparent .widget-main.no-padding-left { padding-left: 0; } #js-cpanel .widget-box.transparent .widget-main.no-padding-right { padding-right: 0; } #js-cpanel .widget-box.transparent .widget-main.no-padding-top { padding-top: 0; } #js-cpanel .widget-box.transparent .widget-main.no-padding-bottom { padding-bottom: 0; } #js-cpanel .widget-box .widget-sub-header { border-bottom: 1px solid #dce8f1; display: flex; align-items: center; flex-wrap: wrap; position: relative; } #js-cpanel .widget-box .widget-sub-header h5 { font-size: 18px; font-weight: 600; margin: 0; } #js-cpanel .widget-box .widget-sub-header .nav-tabs { margin-left: auto; margin-right: 0; bottom: -1px; width: auto; } #js-cpanel .widget-box .widget-sub-header .nav-tabs::after { display: none; } #js-cpanel .widget-box .widget-sub-header .nav-tabs > li > a { border: 0; padding-left: 0; padding-right: 0; } #js-cpanel .widget-box .widget-toolbar::before { display: none; } #js-cpanel .widget-body .table { border-top: 1px solid #e5e5e5; } [class*="header-color-"] + #js-cpanel .widget-body .table thead:first-child tr { background: #f2f2f2; background-color: #f3f3f3; background-image: -moz-linear-gradient(top, #f8f8f8, #ececec); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#ececec)); background-image: -webkit-linear-gradient(top, #f8f8f8, #ececec); background-image: -o-linear-gradient(top, #f8f8f8, #ececec); background-image: linear-gradient(to bottom, #f8f8f8, #ececec); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0); } #js-cpanel .widget-body .table.table-bordered thead:first-child > tr { border-top: 0; } #js-cpanel .widget-main.no-padding .table, #js-cpanel .widget-main.padding-0 .table { margin-bottom: 0; border: 0; } #js-cpanel .widget-main.no-padding .table-bordered th:first-child, #js-cpanel .widget-main.padding-0 .table-bordered th:first-child, #js-cpanel .widget-main.no-padding .table-bordered td:first-child, #js-cpanel .widget-main.padding-0 .table-bordered td:first-child { border-left-width: 0; } #js-cpanel .widget-body .alert:last-child { margin-bottom: 0; } #js-cpanel .widget-main .tab-content { border: 0; padding: 0; width: 100%; } #js-cpanel .widget-main .tab-content .tab-pane .media { border-top: 1px solid #eee; padding: 0; } #js-cpanel .widget-main .tab-content .tab-pane .media:first-child { padding-top: 5px; border-top: transparent; } #js-cpanel .widget-main .tab-content .tab-pane .media h4 { font-size: 16px; } #js-cpanel .widget-toolbar > .nav-tabs { border-bottom: 0; margin-bottom: 0; position: relative; } #js-cpanel .widget-toolbar > .nav-tabs::after { display: none; } #js-cpanel .widget-toolbar > .nav-tabs > li { padding-left: 0; padding-right: 0; } #js-cpanel .widget-toolbar > .nav-tabs > li > a { box-shadow: none; border-radius: .25rem; padding: .5rem 1rem; } #js-cpanel .widget-toolbar > .nav-tabs > li > a::after { display: none; } #js-cpanel .widget-toolbar > .nav-tabs > li:not(.active) > a { border-color: transparent; background-color: transparent; } #js-cpanel .widget-toolbar > .nav-tabs > li:not(.active) > a:hover { background-color: transparent; } #js-cpanel .widget-toolbar > .nav-tabs > li.active > a { background-color: #fff; border-bottom-color: transparent; box-shadow: none; } .widget-header-small > #js-cpanel .widget-toolbar > .nav-tabs { top: 5px; } .widget-header-small > #js-cpanel .widget-toolbar > .nav-tabs > li > a { line-height: 16px; padding-top: 6px; padding-bottom: 6px; } .widget-header-small > #js-cpanel .widget-toolbar > .nav-tabs > li.active > a { border-top-width: 2px; margin-top: -1px; } .widget-header-large > #js-cpanel .widget-toolbar > .nav-tabs { top: 8px; } .widget-header-large > #js-cpanel .widget-toolbar > .nav-tabs > li > a { line-height: 22px; padding-top: 9px; padding-bottom: 9px; } #news-feed-box .slimScrollDiv { height: auto !important; } #js-cpanel #news-feed-box .slimScrollDiv .media { padding-top: 1rem; padding-bottom: 1rem; } #js-cpanel #news-feed-box .slimScrollDiv .media .thumbnail { margin-right: 1rem; } [class*="header-color-"] > #js-cpanel .widget-toolbar > .nav-tabs > li > a { border-color: transparent; background-color: transparent; color: #fff; margin-right: 1px; } [class*="header-color-"] > #js-cpanel .widget-toolbar > .nav-tabs > li > a:hover { background-color: #fff; color: #555; border-top-color: #fff; } [class*="header-color-"] > #js-cpanel .widget-toolbar > .nav-tabs > li.active > a { background-color: #fff; color: #555; border-top-width: 1px; margin-top: 0; } .header-color-orange > #js-cpanel .widget-toolbar > .nav-tabs > li > a { color: #855d10; } .transparent #js-cpanel .widget-toolbar > .nav-tabs > li > a { color: #555; background-color: transparent; border-right: 1px solid transparent; border-left: 1px solid transparent; } .transparent #js-cpanel .widget-toolbar > .nav-tabs > li.active > a { border-top-color: #4c8fbd; border-right: 1px solid #c5d0dc; border-left: 1px solid #c5d0dc; background-color: #fff; box-shadow: none; } #js-cpanel .widget-tabs { border: 0; bottom: -2px; position: relative; margin-right: 10px; } #js-cpanel .widget-tabs li a { background: 0 none; border: 0 none; box-shadow: 0 0 0 transparent; padding: 10px 14px; } #js-cpanel .widget-tabs li a:hover { background: 0 none; } #js-cpanel .widget-tabs li.active > a { border: 1px solid #dce8f1; border-bottom: 1px solid #fff; border-radius: 3px 3px 0 0 !important; box-shadow: 0 0 0 transparent; } #js-cpanel .widget-toolbox { background-color: #eee; } #js-cpanel .widget-toolbox:first-child { padding: 2px; border-bottom: 1px solid #ccc; } #js-cpanel .widget-toolbox:last-child { padding: 2px; border-top: 1px solid #ccc; } .transparent #js-cpanel .widget-toolbox:last-child { border: 0; border-top: 1px solid #ccc; } #js-cpanel .widget-toolbox > .btn-toolbar { margin: 0; padding: 0; } #js-cpanel .widget-toolbox.center { text-align: center; } #js-cpanel .widget-toolbox.padding-16 { padding: 16px; } #js-cpanel .widget-toolbox.padding-14 { padding: 14px; } #js-cpanel .widget-toolbox.padding-12 { padding: 12px; } #js-cpanel .widget-toolbox.padding-10 { padding: 10px; } #js-cpanel .widget-toolbox.padding-8 { padding: 8px; } #js-cpanel .widget-toolbox.padding-6 { padding: 6px; } #js-cpanel .widget-toolbox.padding-4 { padding: 4px; } #js-cpanel .widget-toolbox.padding-2 { padding: 2px; } #js-cpanel .widget-toolbox.padding-0 { padding: 0; } #js-cpanel .widget-box-layer { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); text-align: center; } #js-cpanel .widget-box-layer > [class*="icon-"] { position: relative; top: 35%; } #js-cpanel .widget-box-layer > .icon-spin { -moz-animation-duration: 1.2s; -webkit-animation-duration: 1.2s; -o-animation-duration: 1.2s; -ms-animation-duration: 1.2s; animation-duration: 1.2s; } #js-cpanel .widget-main > form { margin-bottom: 0; } #js-cpanel .widget-main > form .input-append, #js-cpanel .widget-main > form .input-prepend { margin-bottom: 0; } #js-cpanel .widget-main.no-padding > form > fieldset, #js-cpanel .widget-main.padding-0 > form > fieldset { padding: 16px; } #js-cpanel .widget-main.no-padding > form > fieldset + .form-actions, #js-cpanel .widget-main.padding-0 > form > fieldset + .form-actions { padding: 10px 0 12px; } #js-cpanel .widget-main.no-padding > form > .form-actions, #js-cpanel .widget-main.padding-0 > form > .form-actions { margin: 0; padding: 10px 12px 12px; } #js-cpanel .widget-placeholder { border: 2px dashed #d9d9d9; } #js-cpanel .tooltip.left { margin-left: -11px; } #js-cpanel .tooltip.in { opacity: 1; filter: alpha(opacity=100); } #js-cpanel .tooltip-inner { background-color: #333; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-shadow: 1px 1px 0 rgba(42, 45, 50, 0.5); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #js-cpanel .tooltip.top .tooltip-arrow { border-top-color: #333; } #js-cpanel .tooltip.right .tooltip-arrow { border-right-color: #333; } #js-cpanel .tooltip.left .tooltip-arrow { border-left-color: #333; } #js-cpanel .tooltip.bottom .tooltip-arrow { border-bottom-color: #333; } #js-cpanel .tooltip-error + .tooltip > .tooltip-inner { background-color: #c94d32; color: #fff; text-shadow: 1px 1px 0 rgba(100, 60, 20, 0.3); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #js-cpanel .tooltip-error + .tooltip.top .tooltip-arrow { border-top-color: #c94d32; } #js-cpanel .tooltip-error + .tooltip.right .tooltip-arrow { border-right-color: #c94d32; } #js-cpanel .tooltip-error + .tooltip.left .tooltip-arrow { border-left-color: #c94d32; } #js-cpanel .tooltip-error + .tooltip.bottom .tooltip-arrow { border-bottom-color: #c94d32; } #js-cpanel .tooltip-success + .tooltip > .tooltip-inner { background-color: #629b58; color: #fff; text-shadow: 1px 1px 0 rgba(60, 100, 20, 0.3); border-radius: 0; } #js-cpanel .tooltip-success + .tooltip.top .tooltip-arrow { border-top-color: #629b58; } #js-cpanel .tooltip-success + .tooltip.right .tooltip-arrow { border-right-color: #629b58; } #js-cpanel .tooltip-success + .tooltip.left .tooltip-arrow { border-left-color: #629b58; } #js-cpanel .tooltip-success + .tooltip.bottom .tooltip-arrow { border-bottom-color: #629b58; } #js-cpanel .tooltip-warning + .tooltip > .tooltip-inner { background-color: #ed9421; color: #fff; text-shadow: 1px 1px 0 rgba(100, 90, 10, 0.3); border-radius: 0; } #js-cpanel .tooltip-warning + .tooltip.top .tooltip-arrow { border-top-color: #ed9421; } #js-cpanel .tooltip-warning + .tooltip.right .tooltip-arrow { border-right-color: #ed9421; } #js-cpanel .tooltip-warning + .tooltip.left .tooltip-arrow { border-left-color: #ed9421; } #js-cpanel .tooltip-warning + .tooltip.bottom .tooltip-arrow { border-bottom-color: #ed9421; } #js-cpanel .tooltip-info + .tooltip > .tooltip-inner { background-color: #4b89aa; color: #fff; text-shadow: 1px 1px 0 rgba(40, 50, 100, 0.3); border-radius: 0; } #js-cpanel .tooltip-info + .tooltip.top .tooltip-arrow { border-top-color: #4b89aa; } #js-cpanel .tooltip-info + .tooltip.right .tooltip-arrow { border-right-color: #4b89aa; } #js-cpanel .tooltip-info + .tooltip.left .tooltip-arrow { border-left-color: #4b89aa; } #js-cpanel .tooltip-info + .tooltip.bottom .tooltip-arrow { border-bottom-color: #4b89aa; } #js-cpanel .popover { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0; border-color: #ccc; border-width: 1px; -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2); color: #4d6883; } #js-cpanel .popover-title { border-radius: 0; background-color: #eff3f8; color: #555; border-bottom: 1px solid #dfe3e8; text-shadow: 1px 1px 1px rgba(220, 220, 220, 0.2); } #js-cpanel .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-bottom-color: #eff3f8; border-top-width: 0; } #js-cpanel .tooltip-error + .popover { color: #555; border: 1px solid #f7f0ef; } #js-cpanel .tooltip-error + .popover .popover-title { background-color: #f7f0ef; border-bottom-color: #e8e0df; color: #b75445; text-shadow: none; } #js-cpanel .tooltip-error + .popover.top .arrow:after { border-top-color: #f7f0ef; } #js-cpanel .tooltip-error + .popover.bottom .arrow:after { border-bottom-color: #f7f0ef; } #js-cpanel .tooltip-error + .popover.right .arrow:after { border-right-color: #f7f0ef; } #js-cpanel .tooltip-error + .popover.left .arrow:after { border-left-color: #f7f0ef; } #js-cpanel .tooltip-warning + .popover { color: #555; border: 1px solid #f4eee3; } #js-cpanel .tooltip-warning + .popover .popover-title { background-color: #f4eee3; border-bottom-color: #e4dcd3; color: #d67e31; text-shadow: none; } #js-cpanel .tooltip-warning + .popover.top .arrow:after { border-top-color: #f4eee3; } #js-cpanel .tooltip-warning + .popover.bottom .arrow:after { border-bottom-color: #f4eee3; } #js-cpanel .tooltip-warning + .popover.right .arrow:after { border-right-color: #f4eee3; } #js-cpanel .tooltip-warning + .popover.left .arrow:after { border-left-color: #f4eee3; } #js-cpanel .tooltip-success + .popover { color: #555; border: 1px solid #e8f2e3; } #js-cpanel .tooltip-success + .popover .popover-title { background-color: #e8f2e3; border-bottom-color: #d8e2d3; color: #629b58; text-shadow: none; } #js-cpanel .tooltip-success + .popover.top .arrow:after { border-top-color: #e8f2e3; } #js-cpanel .tooltip-success + .popover.bottom .arrow:after { border-bottom-color: #e8f2e3; } #js-cpanel .tooltip-success + .popover.right .arrow:after { border-right-color: #e8f2e3; } #js-cpanel .tooltip-success + .popover.left .arrow:after { border-left-color: #e8f2e3; } #js-cpanel .tooltip-info + .popover { color: #555; border: 1px solid #e5edf8; } #js-cpanel .tooltip-info + .popover .popover-title { background-color: #e5edf8; border-bottom-color: #d5dde8; color: #3f79b6; text-shadow: none; } #js-cpanel .tooltip-info + .popover.top .arrow:after { border-top-color: #e5edf8; } #js-cpanel .tooltip-info + .popover.bottom .arrow:after { border-bottom-color: #e5edf8; } #js-cpanel .tooltip-info + .popover.right .arrow:after { border-right-color: #e5edf8; } #js-cpanel .tooltip-info + .popover.left .arrow:after { border-left-color: #e5edf8; } #js-cpanel .popover-notitle + .popover .popover-title { display: none; } #js-cpanel .popover-notitle + .popover.top .arrow:after { border-top-color: #fff; } #js-cpanel .popover-notitle + .popover.bottom .arrow:after { border-bottom-color: #fff; } #js-cpanel .popover-notitle + .popover.left .arrow:after { border-left-color: #fff; } #js-cpanel .popover-notitle + .popover.right .arrow:after { border-left-color: #fff; } #js-cpanel .progress { border-radius: 0; height: 18px; box-shadow: none; background: #dadada; } #js-cpanel .progress .bar { box-shadow: none; line-height: 18px; } #js-cpanel .progress[data-percent] { position: relative; } #js-cpanel .progress[data-percent]:after { display: inline-block; content: attr(data-percent); color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; line-height: 16px; text-align: center; font-size: 12px; font-family: Verdana; } #js-cpanel .progress.progress-yellow[data-percent]:after { color: #963; } #js-cpanel .progress.progress-small { height: 12px; } #js-cpanel .progress.progress-small .bar { line-height: 10px; font-size: 11px; } #js-cpanel .progress.progress-small[data-percent]:after { line-height: 10px; font-size: 11px; } #js-cpanel .progress.progress-mini { height: 9px; } #js-cpanel .progress.progress-mini .bar { line-height: 8px; font-size: 11px; } #js-cpanel .progress.progress-mini[data-percent]:after { line-height: 8px; font-size: 11px; } #js-cpanel .progress .bar { background-image: none; background-color: #2a91d8; } #js-cpanel .progress-danger .bar, #js-cpanel .progress .bar-danger { background-image: none; background-color: #ca5952; } #js-cpanel .progress-success .bar, #js-cpanel .progress .bar-success { background-image: none; background-color: #59a84b; } #js-cpanel .progress-warning .bar, #js-cpanel .progress .bar-warning { background-image: none; background-color: #f2bb46; } #js-cpanel .progress-pink .bar, #js-cpanel .progress .bar-pink { background-image: none; background-color: #d6487e; } #js-cpanel .progress-purple .bar, #js-cpanel .progress .bar-purple { background-image: none; background-color: #9585bf; } #js-cpanel .progress-yellow .bar, #js-cpanel .progress .bar-yellow { background-image: none; background-color: #ffd259; } #js-cpanel .progress-inverse .bar, #js-cpanel .progress .bar-inverse { background-image: none; background-color: #404040; } #js-cpanel .progress-grey .bar, #js-cpanel .progress .bar-grey { background-image: none; background-color: #8a8a8a; } #js-cpanel .progress .bar + .bar { box-shadow: none; } #js-cpanel .progress-danger.progress-striped .bar, #js-cpanel .progress-striped .bar-danger { background-color: #cc4942; } #js-cpanel .progress-warning.progress-striped .bar, #js-cpanel .progress-striped .bar-warning { background-color: #eba450; } #js-cpanel .progress-success.progress-striped .bar, #js-cpanel .progress-striped .bar-success { background-color: #55b83b; } #js-cpanel .progress-info.progress-striped .bar, #js-cpanel .progress-striped .bar-info { background-color: #148bcf; } #js-cpanel .progress-pink.progress-striped .bar, #js-cpanel .progress-striped .bar-pink { background-color: #d6487e; background-image: -webkit-gradient( linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent) ); background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -moz-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -o-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } #js-cpanel .progress-purple.progress-striped .bar, #js-cpanel .progress-striped .bar-purple { background-color: #9585bf; background-image: -webkit-gradient( linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent) ); background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -moz-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -o-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } #js-cpanel .progress-yellow.progress-striped .bar, #js-cpanel .progress-striped .bar-yellow { background-color: #ffd259; background-image: -webkit-gradient( linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent) ); background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -moz-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -o-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } #js-cpanel .progress-inverse.progress-striped .bar, #js-cpanel .progress-striped .bar-inverse { background-color: #404040; background-image: -webkit-gradient( linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent) ); background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -moz-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -o-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } #js-cpanel .progress-grey.progress-striped .bar, #js-cpanel .progress-striped .bar-grey { background-color: #8a8a8a; background-image: -webkit-gradient( linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent) ); background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -moz-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -o-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } #js-cpanel .progress { position: relative; } #js-cpanel .progress:before { background: radial-gradient(9px 9px 0deg, circle cover, #0ff 0, rgba(0, 0, 255, 0) 100%, #00f 95%); display: inline-block; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #js-cpanel .infobox-container { text-align: center; font-size: 0; } #js-cpanel .infobox-wrap { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem; } #js-cpanel .infobox { background-color: #fff; display: flex; align-items: center; gap: 1rem; color: #555; box-shadow: none; border-radius: 6px; margin: 0; padding: .5rem 1rem .875rem; border: 1px dotted; border-color: #d8d8d8 !important; box-sizing: border-box; text-align: center; position: relative; min-width: 150px; } #js-cpanel .infobox > .infobox-icon { display: inline-block; vertical-align: top; } #js-cpanel .infobox > .infobox-icon > [class*="icon-"] { display: inline-block; margin: 0; padding: 0; background-color: transparent; border: 0; text-align: center; position: relative; border-radius: 100%; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); } #js-cpanel .infobox > .infobox-icon > [class*="icon-"]:before { font-size: 16px; display: block; padding: 6px 0 7px; text-align: center; border-radius: 100%; color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.2); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.14); } #js-cpanel .infobox .infobox-content { color: #555; opacity: .85; } #js-cpanel .infobox .infobox-content.count { margin-top: 12px; font-size: 24px; } #js-cpanel .infobox > .infobox-data { display: inline-block; border: 0; border-top-width: 0; font-size: 13px; text-align: left; line-height: 21px; position: relative; top: 0; } #js-cpanel .infobox > .infobox-data > .infobox-data-number { display: block; font-size: 22px; margin: 2px 0 4px; position: relative; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15); } #js-cpanel .infobox > .infobox-data > .infobox-text { display: block; font-size: 16px; margin: 2px 0 4px; position: relative; text-shadow: none; } #js-cpanel .infobox.no-border { border: none !important; } #js-cpanel .infobox-purple { color: #6f3cc4; border-color: #6f3cc4; } #js-cpanel .infobox-purple > .infobox-icon > [class*="icon-"] { background-color: #6f3cc4; } #js-cpanel .infobox-purple.infobox-dark { background-color: #6f3cc4; border-color: #6f3cc4; } #js-cpanel .infobox-purple2 { color: #5f47b0; border-color: #5f47b0; } #js-cpanel .infobox-purple2 > .infobox-icon > [class*="icon-"] { background-color: #5f47b0; } #js-cpanel .infobox-purple2.infobox-dark { background-color: #5f47b0; border-color: #5f47b0; } #js-cpanel .infobox-pink { color: #cb6fd7; border-color: #cb6fd7; } #js-cpanel .infobox-pink > .infobox-icon > [class*="icon-"] { background-color: #cb6fd7; } #js-cpanel .infobox-pink.infobox-dark { background-color: #a855f7; border-color: #a855f7; } #js-cpanel .infobox-blue { color: #6fb3e0; border-color: #6fb3e0; } #js-cpanel .infobox-blue > .infobox-icon > [class*="icon-"] { background-color: #6fb3e0; } #js-cpanel .infobox-blue.infobox-dark { background-color: #0ea5e9; border-color: #0ea5e9; } #js-cpanel .infobox-blue2 { color: #3983c2; border-color: #3983c2; } #js-cpanel .infobox-blue2 > .infobox-icon > [class*="icon-"] { background-color: #3983c2; } #js-cpanel .infobox-blue2.infobox-dark { background-color: #3983c2; border-color: #3983c2; } #js-cpanel .infobox-blue3 { color: #1144eb; border-color: #1144eb; } #js-cpanel .infobox-blue3 > .infobox-icon > [class*="icon-"] { background-color: #1144eb; } #js-cpanel .infobox-blue3.infobox-dark { background-color: #1144eb; border-color: #1144eb; } #js-cpanel .infobox-red { color: #d53f40; border-color: #d53f40; } #js-cpanel .infobox-red > .infobox-icon > [class*="icon-"] { background-color: #d53f40; } #js-cpanel .infobox-red.infobox-dark { background-color: #ef4444; border-color: #ef4444; } #js-cpanel .infobox-brown { color: #c67a3e; border-color: #c67a3e; } #js-cpanel .infobox-brown > .infobox-icon > [class*="icon-"] { background-color: #c67a3e; } #js-cpanel .infobox-brown.infobox-dark { background-color: #c67a3e; border-color: #c67a3e; } #js-cpanel .infobox-wood { color: #7b3f25; border-color: #7b3f25; } #js-cpanel .infobox-wood > .infobox-icon > [class*="icon-"] { background-color: #7b3f25; } #js-cpanel .infobox-wood.infobox-dark { background-color: #7b3f25; border-color: #7b3f25; } #js-cpanel .infobox-light-brown { color: #cebea5; border-color: #cebea5; } #js-cpanel .infobox-light-brown > .infobox-icon > [class*="icon-"] { background-color: #cebea5; } #js-cpanel .infobox-light-brown.infobox-dark { background-color: #cebea5; border-color: #cebea5; } #js-cpanel .infobox-orange { color: #e8b110; border-color: #e8b110; } #js-cpanel .infobox-orange > .infobox-icon > [class*="icon-"] { background-color: #e8b110; } #js-cpanel .infobox-orange.infobox-dark { background-color: #f59e0b; border-color: #f59e0b; } #js-cpanel .infobox-orange2 { color: #f79263; border-color: #f79263; } #js-cpanel .infobox-orange2 > .infobox-icon > [class*="icon-"] { background-color: #f79263; } #js-cpanel .infobox-orange2.infobox-dark { background-color: #f79263; border-color: #f79263; } #js-cpanel .infobox-green { color: #9abc32; border-color: #9abc32; } #js-cpanel .infobox-green > .infobox-icon > [class*="icon-"] { background-color: #9abc32; } #js-cpanel .infobox-green.infobox-dark { background-color: #65a30d; border-color: #65a30d; } #js-cpanel .infobox-green2 { color: #0490a6; border-color: #0490a6; } #js-cpanel .infobox-green2 > .infobox-icon > [class*="icon-"] { background-color: #0490a6; } #js-cpanel .infobox-green2.infobox-dark { background-color: #0490a6; border-color: #0490a6; } #js-cpanel .infobox-grey { color: #999; border-color: #999; } #js-cpanel .infobox-grey > .infobox-icon > [class*="icon-"] { background-color: #999; } #js-cpanel .infobox-grey.infobox-dark { background-color: #999; border-color: #999; } #js-cpanel .infobox-black { color: #393939; border-color: #393939; } #js-cpanel .infobox-black > .infobox-icon > [class*="icon-"] { background-color: #393939; } #js-cpanel .infobox-black.infobox-dark { background-color: #393939; border-color: #393939; } #js-cpanel .infobox-dark { margin: 1px 1px 0 0; border-color: transparent !important; border: 0; color: #fff; } #js-cpanel .infobox-dark > .infobox-icon > [class*="icon-"], #js-cpanel .infobox-dark > .infobox-icon > [class*="icon-"]:before { background-color: transparent; box-shadow: none; text-shadow: none; border-radius: 0; font-size: 24px; } #js-cpanel .infobox-dark > .infobox-icon > [class*="icon-"]:before { opacity: 1; filter: alpha(opacity=100); } #js-cpanel .infobox-dark .infobox-content { color: #fff; } #js-cpanel .infobox > .infobox-progress { padding-top: 0; display: inline-block; vertical-align: top; width: 44px; } #js-cpanel .infobox > .infobox-chart { padding-top: 0; display: inline-block; vertical-align: text-bottom; width: 44px; text-align: center; } #js-cpanel .infobox > .infobox-chart > .sparkline { font-size: 24px; } #js-cpanel .infobox > .infobox-chart canvas { vertical-align: middle !important; } #js-cpanel .infobox > .stat { display: inline-block; position: absolute; right: 20px; top: 11px; text-shadow: none; color: #abbac3; font-size: 13px; font-weight: bold; padding-right: 18px; padding-top: 3px; } #js-cpanel .infobox > .stat:before { display: inline-block; content: ""; width: 8px; height: 11px; background-color: #abbac3; position: absolute; right: 4px; top: 7px; } #js-cpanel .infobox > .stat:after { display: inline-block; content: ""; position: absolute; right: 1px; top: -8px; border: 12px solid transparent; border-width: 8px 7px; border-bottom-color: #abbac3; } #js-cpanel .infobox > .stat.stat-success { color: #77c646; } #js-cpanel .infobox > .stat.stat-success:before { background-color: #77c646; } #js-cpanel .infobox > .stat.stat-success:after { border-bottom-color: #77c646; } #js-cpanel .infobox > .stat.stat-important { color: #e4564f; } #js-cpanel .infobox > .stat.stat-important:before { background-color: #e4564f; top: 3px; } #js-cpanel .infobox > .stat.stat-important:after { border-top-color: #e4564f; border-bottom-color: transparent; bottom: -6px; top: auto; } #js-cpanel .infobox.infobox-dark > .stat { color: #fff; } #js-cpanel .infobox.infobox-dark > .stat:before { background-color: #e1e5e8; } #js-cpanel .infobox.infobox-dark > .stat:after { border-bottom-color: #e1e5e8; } #js-cpanel .infobox.infobox-dark > .stat.stat-success { color: #fff; } #js-cpanel .infobox.infobox-dark > .stat.stat-success:before { background-color: #d0e29e; } #js-cpanel .infobox.infobox-dark > .stat.stat-success:after { border-bottom-color: #d0e29e; } #js-cpanel .infobox.infobox-dark > .stat.stat-important { color: #fff; } #js-cpanel .infobox.infobox-dark > .stat.stat-important:before { background-color: #ff8482; top: 3px; } #js-cpanel .infobox.infobox-dark > .stat.stat-important:after { border-top-color: #ff8482; border-bottom-color: transparent; bottom: -6px; top: auto; } #js-cpanel .infobox > .badge { position: absolute; right: 20px; top: 11px; border-radius: 0; text-shadow: none; color: #fff; font-size: 11px; font-weight: bold; line-height: 15px; height: 16px; padding: 0 1px; } #js-cpanel .infobox.infobox-dark > .badge { color: #fff; background-color: rgba(255, 255, 255, 0.2) !important; border: 1px solid #f1f1f1; top: 2px; right: 2px; } #js-cpanel .infobox.infobox-dark > .badge.badge-success > [class*="icon-"] { color: #c6e9a1; } #js-cpanel .infobox.infobox-dark > .badge.badge-important > [class*="icon-"] { color: #ecb792; } #js-cpanel .infobox.infobox-dark > .badge.badge-warning > [class*="icon-"] { color: #ecb792; } #js-cpanel .infobox-small { width: 125px; height: 45px; text-align: left; padding-bottom: 5px; } #js-cpanel .infobox-small > .infobox-icon, #js-cpanel .infobox-small > .infobox-chart, #js-cpanel .infobox-small > .infobox-progress { display: inline-block; width: 40px; max-width: 40px; height: 42px; line-height: 38px; vertical-align: middle; } #js-cpanel .infobox-small > .infobox-data { display: inline-block; text-align: left; vertical-align: middle; max-width: 72px; min-width: 0; } #js-cpanel .infobox-small > .infobox-chart > .sparkline { font-size: 14px; margin-left: 2px; } #js-cpanel .percentage { font-size: 14px; font-weight: bold; display: inline-block; vertical-align: top; } .infobox-small #js-cpanel .percentage { font-size: 13px; font-weight: normal; margin-top: 2px; margin-left: 2px; } #js-cpanel .pricing-box .price { font-size: 22px; line-height: 20px; height: 28px; text-align: center; color: #555; } #js-cpanel .pricing-box .price small { font-size: 14px; } #js-cpanel .pricing-box .btn { font-size: 16px; } #js-cpanel .pricing-box .widget-header > .widget-caption, #js-cpanel .pricing-box .widget-header > :first-child { float: none; margin-left: -9px; text-align: center; } #js-cpanel .pricing-table-header { padding-top: 0; margin-top: 0; text-align: left; } #js-cpanel .pricing-table-header > li { padding: 7px 0 7px 11px; font-size: 13px; } #js-cpanel .pricing-table { margin-top: 0; } #js-cpanel .pricing-table > li { text-align: center; padding: 7px 0; font-size: 13px; } #js-cpanel .list-striped > li:nth-child(odd) { background-color: #fff; } #js-cpanel .list-striped > li:nth-child(even) { background-color: #f2f3eb; } #js-cpanel .list-striped.pricing-table-header > li:nth-child(even) { background-color: #eee; } #js-cpanel .pricing-box-small { box-shadow: none; margin-left: -2px; background-color: #fff; position: relative; z-index: 100; } #js-cpanel .pricing-box-small .price { line-height: 20px; height: 28px; text-align: center; } #js-cpanel .pricing-box-small .price .label:before, #js-cpanel .pricing-box-small .price .label:after { margin-top: -2px; opacity: 0.9; filter: alpha(opacity=90); } #js-cpanel .pricing-box-small:hover { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.15); z-index: 101; -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -ms-transform: scale(1.04); -o-transform: scale(1.04); transform: scale(1.04); -webkit-transform: none; } #js-cpanel .pricing-box-small:hover .price > .label { -webkit-transform: scale(0.96); -moz-transform: scale(0.96); -ms-transform: scale(0.96); -o-transform: scale(0.96); transform: scale(0.96); -webkit-transform: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { #js-cpanel .pricing-box-small:hover { -webkit-transform: none; zoom: 1.04; left: -1px; top: -3px; } } #js-cpanel .pricing-span[class*="span"] { margin: 0; max-width: 150px !important; float: left !important; } #js-cpanel .login-container { width: 375px; margin: 0 auto; } #js-cpanel .login-layout { background: #1d2024; } #js-cpanel .login-layout:before { display: none; } #js-cpanel .login-layout .main-content { margin-left: 0; min-height: 100%; } #js-cpanel .login-layout input[type="text"], #js-cpanel .login-layout input[type="password"], #js-cpanel .login-layout input[type="datetime"], #js-cpanel .login-layout input[type="datetime-local"], #js-cpanel .login-layout input[type="date"], #js-cpanel .login-layout input[type="month"], #js-cpanel .login-layout input[type="time"], #js-cpanel .login-layout input[type="week"], #js-cpanel .login-layout input[type="number"], #js-cpanel .login-layout input[type="email"], #js-cpanel .login-layout input[type="url"], #js-cpanel .login-layout input[type="search"], #js-cpanel .login-layout input[type="tel"], #js-cpanel .login-layout input[type="color"] { line-height: 32px; height: 32px; max-height: 32px; margin-bottom: 4px; } #js-cpanel .login-layout label { margin-bottom: 11px; } #js-cpanel .login-layout .widget-box { visibility: hidden; position: absolute; overflow: hidden; width: 100%; border-bottom: 0; box-shadow: none; padding: 6px; background-color: #394557; -moz-transform: scale(0, 1) translate(-150px); -webkit-transform: scale(0, 1) translate(-150px); -o-transform: scale(0, 1) translate(-150px); -ms-transform: scale(0, 1) translate(-150px); transform: scale(0, 1) translate(-150px); } #js-cpanel .login-layout .widget-box.visible { visibility: visible; -moz-transform: scale(1, 1) translate(0); -webkit-transform: scale(1, 1) translate(0); -o-transform: scale(1, 1) translate(0); -ms-transform: scale(1, 1) translate(0); transform: scale(1, 1) translate(0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -o-transition: none; -webkit-transition: none; } #js-cpanel .login-layout .widget-box .widget-main { padding: 16px 36px 36px; background: #f7f7f7; } #js-cpanel .login-layout .widget-box .widget-main form { margin: 0; } #js-cpanel .login-layout .widget-box .widget-body .toolbar > div > a { font-size: 15px; font-weight: 400; text-shadow: 1px 0 1px rgba(0, 0, 0, 0.25); } #js-cpanel .login-box .forgot-password-link { color: #fe9; } #js-cpanel .login-box .user-signup-link { color: #cf7; } #js-cpanel .login-box .toolbar { background: #5090c1; border-top: 2px solid #597597; } #js-cpanel .login-box .toolbar > div { width: 50%; display: inline-block; padding: 9px 0 11px; } #js-cpanel .login-box .toolbar > div:first-child { float: left; text-align: left; } #js-cpanel .login-box .toolbar > div:first-child > a { margin-left: 11px; } #js-cpanel .login-box .toolbar > div:first-child + div { float: right; text-align: right; } #js-cpanel .login-box .toolbar > div:first-child + div > a { margin-right: 11px; } #js-cpanel .forgot-box .toolbar { background: #c16050; border-top: 2px solid #976559; padding: 9px 18px; } #js-cpanel .signup-box .toolbar { background: #76b774; border-top: 2px solid #759759; padding: 9px 18px; } #js-cpanel .forgot-box .back-to-login-link, #js-cpanel .signup-box .back-to-login-link { color: #fe9; font-size: 14px; font-weight: bold; text-shadow: 1px 0 1px rgba(0, 0, 0, 0.25); } #js-cpanel .login-layout .login-box .widget-main { padding-bottom: 16px; } #js-cpanel .login-box .social-or-login { margin-top: 4px; position: relative; z-index: 1; } #js-cpanel .login-box .social-or-login :first-child { display: inline-block; background: #f7f7f7; padding: 0 8px; color: #5090c1; font-size: 13px; } #js-cpanel .login-box .social-or-login:before { content: ""; display: block; position: absolute; z-index: -1; top: 50%; left: 0; right: 0; border-top: 1px dotted #a6c4db; } #js-cpanel .login-box .social-login { margin-top: 12px; } #js-cpanel .login-box .social-login a { border-radius: 100%; width: 42px; height: 42px; line-height: 46px; padding: 0; margin: 0 1px; border: 0; } #js-cpanel .login-box .social-login a > [class*="icon-"] { font-size: 24px; } #js-cpanel .invoice-info { line-height: 24px !important; color: #444; vertical-align: bottom; margin-left: 9px; margin-right: 9px; } #js-cpanel .invoice-info-label { display: inline-block; max-width: 100px; text-align: right; font-size: 14px; } #js-cpanel .invoice-box .label-large[class*="arrowed"] { margin-left: 11px !important; max-width: 95%; } #js-cpanel .error-container { margin: 20px; padding: 0; background: #fff; } #js-cpanel .ace-thumbnails { list-style: none; margin: 0; padding: 0; } #js-cpanel .ace-thumbnails > li { float: left; display: block; position: relative; overflow: hidden; margin: 2px; border: 2px solid #333; } #js-cpanel .ace-thumbnails > li > :first-child { display: block; position: relative; } #js-cpanel .ace-thumbnails > li .tags { display: inline-block; position: absolute; bottom: 0; right: 0; left: 0; overflow: visible; opacity: 0.9; filter: alpha(opacity=90); direction: rtl; padding: 0; margin: 0; height: auto; width: auto; background-color: transparent; border: 0; vertical-align: inherit; } #js-cpanel .ace-thumbnails > li .tags > .label { display: table; margin: 1px 1px 0 0; direction: ltr; text-align: left; } #js-cpanel .ace-thumbnails > li > .tools { position: absolute; top: 0; bottom: 0; left: -30px; width: 24px; background-color: rgba(0, 0, 0, 0.55); text-align: center; vertical-align: middle; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #js-cpanel .ace-thumbnails > li > .tools.tools-right { left: auto; right: -30px; } #js-cpanel .ace-thumbnails > li > .tools.tools-bottom { width: auto; height: 28px; left: 0; right: 0; top: auto; bottom: -30px; } #js-cpanel .ace-thumbnails > li > .tools.tools-top { width: auto; height: 28px; left: 0; right: 0; top: -30px; bottom: auto; } #js-cpanel .ace-thumbnails > li:hover > .tools { left: 0; } #js-cpanel .ace-thumbnails > li:hover > .tools.tools-bottom { top: auto; bottom: 0; } #js-cpanel .ace-thumbnails > li:hover > .tools.tools-top { bottom: auto; top: 0; } #js-cpanel .ace-thumbnails > li:hover > .tools.tools-right { left: auto; right: 0; } #js-cpanel .ace-thumbnails > li > .tools > a, #js-cpanel .ace-thumbnails > li > :first-child .inner a { display: inline-block; color: #fff; font-size: 18px; font-weight: normal; padding: 4px; } #js-cpanel .ace-thumbnails > li > .tools > a:hover, #js-cpanel .ace-thumbnails > li > :first-child .inner a:hover { text-decoration: none; color: #c9e2ea; } #js-cpanel .ace-thumbnails > li .tools.tools-bottom > a, #js-cpanel .ace-thumbnails > li .tools.tools-top > a { display: inline-block; } #js-cpanel .ace-thumbnails > li > :first-child > .text { position: absolute; right: 0; left: 0; bottom: 0; top: 0; text-align: center; color: #fff; background-color: rgba(0, 0, 0, 0.55); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #js-cpanel .ace-thumbnails > li > :first-child > .text:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: 0; } #js-cpanel .ace-thumbnails > li > :first-child > .text > .inner { padding: 4px 0; margin: 0; display: inline-block; vertical-align: middle; max-width: 90%; } #js-cpanel .ace-thumbnails > li:hover > :first-child > .text { opacity: 1; filter: alpha(opacity=100); } #js-cpanel .dialogs { position: relative; } #js-cpanel .itemdiv { padding-right: 3px; min-height: 64px; position: relative; } #js-cpanel .itemdiv > .user { display: inline-block; width: 42px; position: absolute; left: 0; } #js-cpanel .itemdiv > .user > img { border-radius: 120px; border: 2px solid #5293c4; max-width: 36px; position: relative; } #js-cpanel .itemdiv > .body { width: auto; margin-left: 50px; margin-right: 12px; position: relative; } #js-cpanel .itemdiv > .body > .time { display: block; font-size: 11px; font-weight: bold; color: #666; position: absolute; right: 9px; top: 0; } #js-cpanel .itemdiv > .body > .time [class*="icon-"] { font-size: 14px; font-weight: normal; } #js-cpanel .itemdiv > .body > .name { display: block; color: #999; font-weight: bold; } #js-cpanel .itemdiv > .body > .name > b { color: #777; } #js-cpanel .itemdiv > .body > .text { display: block; padding-bottom: 19px; padding-left: 7px; margin-top: 2px; font-size: 12px; position: relative; } #js-cpanel .itemdiv > .body > .text:after { display: block; content: ""; height: 1px; font-size: 0; overflow: hidden; position: absolute; left: 16px; right: -12px; margin-top: 9px; border-top: 1px solid #e4ecf3; } #js-cpanel .itemdiv > .body > .text > [class*="icon-quote-"]:first-child { color: #dce3ed; margin-right: 4px; } #js-cpanel .itemdiv:last-child > .body > .text { border-bottom: 0; } #js-cpanel .itemdiv:last-child > .body > .text:after { display: none; } #js-cpanel .itemdiv.dialogdiv { padding-bottom: 14px; } #js-cpanel .itemdiv.dialogdiv:before { position: absolute; display: block; content: ""; top: 0; bottom: 0; left: 19px; width: 1px; max-width: 1px; background-color: #e1e6ed; border: 1px solid #d7dbdd; border-width: 0 1px; } #js-cpanel .itemdiv.dialogdiv:last-child:before { display: none; } #js-cpanel .itemdiv.dialogdiv > .user > img { border-color: #c9d6e5; } #js-cpanel .itemdiv.dialogdiv > .body { border: 1px solid #dde4ed; padding: 8px; border-left-width: 1px; margin-right: 1px; border-radius: 2px; } #js-cpanel .itemdiv.dialogdiv > .body:before { content: ""; display: block; position: absolute; left: -6px; top: 12px; width: 8px; height: 8px; border: 1px solid #dde4ed; border-width: 1px 0 0 1px; background-color: #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #js-cpanel .itemdiv.dialogdiv > .body > .time { position: static; float: right; } #js-cpanel .itemdiv.dialogdiv > .body > .text { padding-left: 0; padding-bottom: 0; } #js-cpanel .itemdiv.dialogdiv > .body > .text:after { display: none; } #js-cpanel .itemdiv.dialogdiv .tooltip > .tooltip-inner { word-break: break-all; } #js-cpanel .itemdiv.memberdiv { width: 175px; padding: 2px; margin: 4px 0; float: left; } #js-cpanel .itemdiv.memberdiv > .user > img { border-color: #dce3ed; } #js-cpanel .itemdiv.memberdiv > .body > .time { position: static; } #js-cpanel .itemdiv.memberdiv > .body > .name { line-height: 18px; height: 18px; margin-bottom: 0; } #js-cpanel .itemdiv.memberdiv > .body > .name > a { display: inline-block; max-width: 100px; max-height: 18px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; } #js-cpanel .itemdiv .tools { width: 20px; position: absolute; right: 4px; bottom: 16px; display: none; } #js-cpanel .itemdiv .tools .btn { border-radius: 36px; margin: 1px 0; } #js-cpanel .itemdiv .body .tools { bottom: 4px; } #js-cpanel .itemdiv.commentdiv .tools { right: 9px; } #js-cpanel .itemdiv:hover .tools { display: inline-block; } #js-cpanel .item-list { margin: 0; padding: 0; list-style: none; } #js-cpanel .item-list > li { border: 1px solid #ddd; border-left-width: 3px; padding: 9px; background-color: #fff; margin-top: -1px; position: relative; } #js-cpanel .item-list > li.selected { color: #8090a0; background-color: #f4f9fc; } #js-cpanel .item-list > li.selected label, #js-cpanel .item-list > li.selected .lbl { text-decoration: line-through; color: #8090a0; } #js-cpanel .item-list > li > .checkbox { display: inline-block; } #js-cpanel .item-list > li > label.inline { display: inline-block; } #js-cpanel .item-list > li label { font-size: 13px; } #js-cpanel .item-list > li .percentage { font-size: 11px; font-weight: bold; color: #777; } #js-cpanel .item-list > li.ui-sortable-helper { cursor: move; } #js-cpanel .item-list > li.item-orange { border-left-color: #eccb71; } #js-cpanel .item-list > li.item-red { border-left-color: #e05656; } #js-cpanel .item-list > li.item-green { border-left-color: #9ecf6a; } #js-cpanel .item-list > li.item-blue { border-left-color: #569add; } #js-cpanel .item-list > li.item-pink { border-left-color: #dd56c0; } #js-cpanel .item-list > li.item-black { border-left-color: #505050; } #js-cpanel .item-list > li.item-grey { border-left-color: #999; } #js-cpanel .item-list > li.item-brown { border-left-color: #a52a2a; } #js-cpanel .item-list > li.item-default { border-left-color: #abbac3; } /* Sortable */ #js-cpanel .ui-sortable-list { border-radius: 4px; border: 1px solid var(--ace-border-color); padding: 8px 16px; } #js-cpanel .ui-sortable .ui-sortable-list h4 { background: var(--ace-white); border-bottom: 1px solid var(--ace-border-color); box-sizing: border-box; border-radius: 4px 4px 0 0; margin-left: -16px; margin-right: -16px; margin-top: -8px; padding: 8px 16px; justify-content: space-between; width: auto; } #js-cpanel .ui-sortable .ui-sortable-list h4::before, #js-cpanel .ui-sortable .ui-sortable-list h4::after { display: none; } #js-cpanel .ui-sortable-placeholder, #js-cpanel .ui-sortable-helper, #js-cpanel .ui-sortable-placeholder > a, #js-cpanel .ui-sortable-helper > a { cursor: move !important; } #js-cpanel .profile-user-info { margin: 0 12px; } #js-cpanel .profile-info-row { position: relative; } #js-cpanel .profile-info-name { position: absolute; width: 110px; text-align: right; padding: 6px 10px 6px 0; left: 0; top: 0; bottom: 0; font-weight: normal; color: #667e99; background-color: transparent; border-top: 1px dotted #d5e4f1; } #js-cpanel .profile-info-value { padding: 6px 4px 6px 6px; margin-left: 120px; border-top: 1px dotted #d5e4f1; } #js-cpanel .profile-info-value > span + span:before { display: inline; content: ","; margin-left: 1px; margin-right: 3px; color: #666; border-bottom: 1px solid #fff; } #js-cpanel .profile-info-value > span + span.editable-container:before { display: none; } #js-cpanel .profile-info-row:first-child .profile-info-name { border-top: 0; } #js-cpanel .profile-info-row:first-child .profile-info-value { border-top: 0; } #js-cpanel .profile-user-info-striped { border: 1px solid #dcebf7; } #js-cpanel .profile-user-info-striped .profile-info-name { color: #336199; background-color: #edf3f4; border-top: 1px solid #f7fbff; } #js-cpanel .profile-user-info-striped .profile-info-value { border-top: 1px dotted #dcebf7; padding-left: 12px; } #js-cpanel .profile-picture { border: 1px solid #ccc; background-color: #fff; padding: 4px; display: inline-block; max-width: 100%; -moz-box-sizing: border-box; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); } #js-cpanel .profile-activity { padding: 10px 4px; border-bottom: 1px dotted #d0d8e0; position: relative; border-left: 1px dotted #fff; border-right: 1px dotted #fff; } #js-cpanel .profile-activity:first-child { border-top: 1px dotted transparent; } #js-cpanel .profile-activity:first-child:hover { border-top-color: #d0d8e0; } #js-cpanel .profile-activity:hover { background-color: #f4f9fd; border-left: 1px dotted #d0d8e0; border-right: 1px dotted #d0d8e0; } #js-cpanel .profile-activity img { border: 2px solid #c9d6e5; border-radius: 100%; max-width: 36px; margin-right: 10px; margin-left: 0; box-shadow: none; } #js-cpanel .profile-activity .thumbicon { background-color: #74abd7; display: inline-block; width: 40px; height: 40px; border-radius: 100%; color: #fff; font-size: 18px; text-align: center; line-height: 40px; margin-right: 10px; margin-left: 0; text-shadow: none !important; } #js-cpanel .profile-activity .time { display: block; margin-top: 4px; color: #777; } #js-cpanel .profile-activity a.user { font-weight: bold; color: #9585bf; } #js-cpanel .profile-activity .tools { position: absolute; right: 12px; bottom: 8px; display: none; } #js-cpanel .profile-activity:hover .tools { display: block; } #js-cpanel .user-profile .ace-thumbnails li { border: 1px solid #ccc; padding: 3px; margin: 6px; } #js-cpanel .user-profile .ace-thumbnails li .tools { left: 3px; right: 3px; } #js-cpanel .user-profile .ace-thumbnails li:hover .tools { bottom: 3px; } #js-cpanel .user-profile .user-title-label:hover { text-decoration: none; } #js-cpanel .user-profile .user-title-label + .dropdown-menu { margin-left: -12px; } #js-cpanel .profile-contact-links { padding: 4px 2px 5px; border: 1px solid #e0e2e5; background-color: #f8fafc; } #js-cpanel .profile-contact-info .btn-link:hover > [class*="icon-"], #js-cpanel .profile-contact-info .btn-link:focus > [class*="icon-"] { text-decoration: none; } #js-cpanel .profile-social-links > a { margin: 0 1px; } #js-cpanel .profile-social-links > a:hover > [class*="icon-"] { text-decoration: none; } #js-cpanel .profile-skills .progress { height: 24px; margin-bottom: 2px; background-color: transparent; } #js-cpanel .profile-skills .progress .bar { line-height: 24px; font-size: 13px; font-weight: bold; font-family: "Open Sans"; padding: 0 8px; } #js-cpanel .profile-users .user { display: block; position: static; text-align: center; width: auto; } #js-cpanel .profile-users .user img { padding: 2px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid #aaa; max-width: none; width: 64px; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; } #js-cpanel .profile-users .user img:hover { -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.33); -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.33); box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.33); } #js-cpanel .profile-users .memberdiv { background-color: #fff; width: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0; text-align: center; margin: 0 8px 24px; } #js-cpanel .profile-users .memberdiv .name a:hover [class*="icon-"] { text-decoration: none; } #js-cpanel .profile-users .memberdiv .body { display: inline-block; margin: 8px 0 0 0; } #js-cpanel .profile-users .memberdiv .popover { visibility: hidden; min-width: 150px; margin-left: 0; margin-right: 0; top: -5%; left: auto; right: auto; z-index: -1; opacity: 0; display: none; -webkit-transition: visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s linear 0s; -moz-transition: visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s linear 0s; -o-transition: visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s linear 0s; transition: visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s linear 0s; } #js-cpanel .profile-users .memberdiv .popover.right { left: 100%; right: auto; display: block; } #js-cpanel .profile-users .memberdiv .popover.left { left: auto; right: 100%; display: block; } #js-cpanel .profile-users .memberdiv > :first-child:hover .popover { visibility: visible; opacity: 1; z-index: 1010; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } #js-cpanel .profile-users .memberdiv .tools { position: static; display: block; width: 100%; margin-top: 2px; } #js-cpanel .profile-users .memberdiv .tools > a { margin: 0 2px; } #js-cpanel .profile-users .memberdiv .tools > a:hover { text-decoration: none; } #js-cpanel .user-status { display: inline-block; width: 5px; height: 5px; background-color: #fff; border: 3px solid #aaa; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; vertical-align: middle; margin-right: 1px; } #js-cpanel .user-status.status-online { border-color: #8ac16c; } #js-cpanel .user-status.status-busy { border-color: #e07f69; } #js-cpanel .user-status.status-idle { border-color: #ffb752; } #js-cpanel .tab-content.profile-edit-tab-content { border: 1px solid #ddd; padding: 8px 32px 32px; -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2); background-color: #fff; } #js-cpanel .user-profile .form-horizontal .control-label { width: 125px; } #js-cpanel .user-profile .form-horizontal .controls { margin-left: 140px; } #js-cpanel .fc-header-title > h2 { font-size: 22px; color: #65a0ce; } #js-cpanel .fc-widget-header, #js-cpanel .fc-widget-content { border: 1px solid #bcd4e5; } #js-cpanel .fc-state-highlight { background: #ffc; } #js-cpanel .fc-event-skin { border: none !important; background-color: #abbac3; padding: 0 0 1px 2px; } .label-yellow #js-cpanel .fc-event-skin { color: #963; } .label-light #js-cpanel .fc-event-skin { color: #888; } [class*="label-"] > #js-cpanel .fc-event-skin, [class*="label-"] > #js-cpanel .fc-event-skin > .fc-event-skin.fc-event-head { background-color: inherit; } #js-cpanel .fc-event-skin.ui-draggable-dragging { cursor: move; } #js-cpanel .fc-event-skin.fc-event-vert, .fc-event-vert > #js-cpanel .fc-event-skin { padding: 0 0 1px; } #js-cpanel .fc-grid .fc-day-number { color: #2e6589; } #js-cpanel .fc-widget-header { background: #ecf2f7; color: #8090a0; } #js-cpanel .fc-grid th, #js-cpanel th.fc-widget-header { height: 28px; vertical-align: middle !important; } #js-cpanel .fc-event-hori, #js-cpanel .fc-event-vert { border-radius: 0 !important; border-color: transparent; } #js-cpanel .fc-event-vert .fc-event-content { padding-left: 1px; padding-right: 1px; } #js-cpanel .fc-event-vert .fc-event-time { padding: 0; } #js-cpanel .fc-state-default { border: 0; } #js-cpanel .fc-state-default, #js-cpanel .fc-state-default .fc-button-inner { border: 0; background-color: #abbac3; color: #fff; background-image: none; box-shadow: none; text-shadow: none; border-radius: 0 !important; margin-left: 2px; } #js-cpanel .fc-state-default .fc-button-effect { display: none; } #js-cpanel .fc-state-disabled, #js-cpanel .fc-state-disabled .fc-button-inner { opacity: 0.75; filter: alpha(opacity=75); color: #34495e; } #js-cpanel .fc-state-active, #js-cpanel .fc-state-active .fc-button-inner { border-color: #4f99c6; background-color: #6fb3e0; } #js-cpanel .fc-state-hover, #js-cpanel .fc-state-hover .fc-button-inner { background-color: #8b9aa3; } #js-cpanel .external-event { margin: 6px 0; padding: 0; cursor: default; display: block; color: #fff; background-color: #abbac3; font-size: 13px; line-height: 28px; } #js-cpanel .external-event:hover { opacity: 1; filter: alpha(opacity=100); } #js-cpanel .external-event.ui-draggable-dragging { cursor: move; } #js-cpanel .external-event > [class*="icon-"]:first-child { display: inline-block; height: 32px; width: 32px; text-align: center; line-height: 30px; margin-right: 5px; font-size: 15px; border-right: 1px solid #fff; } #js-cpanel .fc-header-left span.fc-corner-left { line-height: 27px; } #js-cpanel .fc-header-left span.fc-corner-right { line-height: 27px; } #js-cpanel .fc-header-left span.fc-button-today { line-height: 25px; } #js-cpanel .widget-main .fc { position: relative; } #js-cpanel .widget-main .fc > .fc-header { position: relative; z-index: 10; } #js-cpanel .widget-main .fc .fc-header-space { padding-left: 2px; } #js-cpanel .widget-main .fc-header-title > h2 { font-size: 18px; line-height: 5px; } #js-cpanel .widget-main .fc-content { z-index: 11; } #js-cpanel .widget-main .fc-button-content { height: 37px; line-height: 36px; } #js-cpanel .chzn-container + .help-inline { vertical-align: middle; } #js-cpanel .chzn-select { display: inline !important; visibility: hidden; opacity: 0; position: absolute; z-index: -1; } #js-cpanel .chzn-container, #js-cpanel [class*="chzn-container"] { vertical-align: middle; } #js-cpanel .chzn-container > .chzn-single, #js-cpanel [class*="chzn-container"] > .chzn-single { background: #fafafa; box-shadow: none; height: 26px; line-height: 26px; } #js-cpanel .chzn-choices { box-shadow: none !important; } #js-cpanel .chzn-container-single .chzn-single abbr { background: 0; } #js-cpanel .chzn-container-single .chzn-single abbr:after { content: "\f00d"; display: inline-block; color: #888; font-family: FontAwesome; font-size: 13px; position: absolute; right: 0; top: -7px; } #js-cpanel .chzn-container-single .chzn-single abbr:hover:after { color: #464646; } #js-cpanel .chzn-container-single.chzn-disabled .chzn-single abbr:hover:after { color: #464646; } #js-cpanel .chzn-single div b { background: none !important; } #js-cpanel .chzn-single div b:before { content: "\f0d7"; display: none; color: #888; font-family: FontAwesome; font-size: 12px; position: relative; top: -1px; left: 1px; } #js-cpanel .chzn-container-active.chzn-with-drop .chzn-single div b:before { content: "\f0d8"; } #js-cpanel .chzn-container-single .chzn-search { position: relative; } #js-cpanel .chzn-container-single .chzn-search input { background: 0; border-radius: 0; line-height: 28px; height: 28px; } #js-cpanel .chzn-container-single .chzn-search:after { content: "\f002"; display: inline-block; color: #888; font-family: FontAwesome; font-size: 14px; position: absolute; top: 8px; right: 12px; } #js-cpanel .chzn-container-multi .chzn-choices .search-choice .search-choice-close { background: 0; } #js-cpanel .chzn-container-multi .chzn-choices .search-choice .search-choice-close:before { content: "\f00d"; display: none; color: #888; font-family: FontAwesome; font-size: 13px; position: absolute; right: 2px; top: -1px; } #js-cpanel .chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover { text-decoration: none; } #js-cpanel .chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover:before { color: #464646; } #js-cpanel .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close:before { color: #464646; } #js-cpanel .chzn-container .chzn-results-scroll-down span, #js-cpanel .chzn-container .chzn-results-scroll-up span { background: 0; } #js-cpanel .chzn-container .chzn-results-scroll-down span:before, #js-cpanel .chzn-container .chzn-results-scroll-up span:before { content: "\f0d7"; display: inline-block; color: #888; font-family: FontAwesome; font-size: 12px; position: relative; top: -1px; left: 1px; } #js-cpanel .chzn-container .chzn-results-scroll-up span:before { content: "\f0d8"; } #js-cpanel .chzn-container-active .chzn-single-with-drop div b:before { content: "\f0d8"; } #js-cpanel .chzn-rtl .chzn-search input { background: 0; } #js-cpanel .chzn-rtl .chzn-search:after { content: ""; display: none; } #js-cpanel .chzn-rtl .chzn-search:before { content: "\f002"; display: inline-block; color: #888; font-family: FontAwesome; font-size: 14px; position: absolute; top: 9px; left: 12px; } #js-cpanel .chzn-container-single .chzn-single { border-radius: 0; } #js-cpanel .chzn-container .chzn-results .highlighted { background: #86bd6f; background: #4492c9; background: #316ac5; color: #fff; } #js-cpanel .chzn-container-single .chzn-drop { border-radius: 0; border-bottom: 3px solid #4492c9; border-color: #4492c9; } #js-cpanel .chzn-single.chzn-single-with-drop, #js-cpanel .chzn-container-active .chzn-single { border-color: #4492c9; } .control-group.error #js-cpanel .chzn-single { border-color: #f09784 !important; } .control-group.info #js-cpanel .chzn-single { border-color: #64a6bc !important; } .control-group.warning #js-cpanel .chzn-single { border-color: #e0c43a !important; } .control-group.success #js-cpanel .chzn-single { border-color: #92bf65 !important; } #js-cpanel .chzn-rtl .chzn-container-single-nosearch .chzn-search { left: -9999px; } #js-cpanel .chzn-rtl .chzn-drop { left: -9999px; } #js-cpanel .chzn-container-active.chzn-with-drop .chzn-single { border-color: #4492c9; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) { #js-cpanel .chzn-rtl .chzn-search input, #js-cpanel .chzn-container-single .chzn-single abbr, #js-cpanel .chzn-container-single .chzn-single div b, #js-cpanel .chzn-container-single .chzn-search input, #js-cpanel .chzn-container-multi .chzn-choices .search-choice .search-choice-close, #js-cpanel .chzn-container .chzn-results-scroll-down span, #js-cpanel .chzn-container .chzn-results-scroll-up span { background-image: none !important; background-repeat: no-repeat !important; background-size: auto !important; } } #js-cpanel .select2-container .select2-choice { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #js-cpanel .select2-container.select2-drop-above .select2-choice { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #js-cpanel .select2-container .select2-choice abbr, #js-cpanel .select2-search-choice-close { background: 0; } #js-cpanel .select2-container .select2-choice abbr:before, #js-cpanel .select2-search-choice-close:before { font-family: FontAwesome; font-size: 12px; display: inline; content: "\f00d"; color: #888; position: relative; top: -1px; } #js-cpanel .select2-container .select2-choice abbr:hover:before, #js-cpanel .select2-search-choice-close:hover:before { color: #555; } #js-cpanel .select2-container .select2-choice abbr:before { top: -7px; } #js-cpanel .select2-search-choice-close:hover { text-decoration: none !important; } #js-cpanel .select2-drop { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 1px solid #4492c9; border-width: 0 1px 3px; } #js-cpanel .select2-drop.select2-drop-above { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #js-cpanel .select2-container .select2-choice { background: #fafafa none; } #js-cpanel .select2-container-active .select2-choice, #js-cpanel .select2-container-active .select2-choices, #js-cpanel .select2-dropdown-open.select2-drop-above .select2-choice, #js-cpanel .select2-dropdown-open.select2-drop-above .select2-choices, #js-cpanel .select2-container-multi.select2-container-active .select2-choices { border-color: #4492c9; } #js-cpanel .select2-results .select2-highlighted { background: #316ac5; } #js-cpanel .select2-container .select2-choice .select2-arrow { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: transparent none; border: 0; } #js-cpanel .select2-container .select2-choice .select2-arrow b { background: 0; } #js-cpanel .select2-container .select2-choice .select2-arrow b:before { font-family: FontAwesome; font-size: 12px; display: inline; content: "\f0d7"; color: #888; position: relative; left: 5px; } #js-cpanel .select2-dropdown-open .select2-choice .select2-arrow b:before { content: "\f0d8"; } #js-cpanel .select2-search input { background: #fff none; } #js-cpanel .select2-search:after { font-family: FontAwesome; font-size: 14px; display: inline; content: "\f002"; color: #777; position: relative; top: 2px; left: -20px; z-index: 0; } #js-cpanel .select2-container-active .select2-choice, #js-cpanel .select2-container-active .select2-choices, #js-cpanel .select2-container-multi.select2-container-active .select2-choices, #js-cpanel .select2-dropdown-open.select2-drop-above .select2-choice, #js-cpanel .select2-dropdown-open.select2-drop-above .select2-choices { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #js-cpanel .select2-search input.select2-active { background-color: #fff; position: relative; z-index: 1; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { #js-cpanel .select2-search input, #js-cpanel .select2-search-choice-close, #js-cpanel .select2-container .select2-choice abbr, #js-cpanel .select2-container .select2-choice div b { background-image: none !important; background-size: auto !important; } #js-cpanel .select2-search input { background-position: auto !important; } } #js-cpanel .select2-container-active.select2-dropdown-open .select2-choice { background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #eee, #fff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#fff)); background-image: -webkit-linear-gradient(top, #eee, #fff); background-image: -o-linear-gradient(top, #eee, #fff); background-image: linear-gradient(to bottom, #eee, #fff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffffffff', GradientType=0); } #js-cpanel .select2-container-active.select2-drop-above .select2-choice { background-color: #f8f8f8; background-image: -moz-linear-gradient(top, #fff, #eee); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee)); background-image: -webkit-linear-gradient(top, #fff, #eee); background-image: -o-linear-gradient(top, #fff, #eee); background-image: linear-gradient(to bottom, #fff, #eee); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0); } .control-group.error #js-cpanel .select2-choice { border-color: #f09784 !important; } .control-group.info #js-cpanel .select2-choice { border-color: #64a6bc !important; } .control-group.warning #js-cpanel .select2-choice { border-color: #e0c43a !important; } .control-group.success #js-cpanel .select2-choice { border-color: #92bf65 !important; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { #js-cpanel .select2-search input, #js-cpanel .select2-search-choice-close, #js-cpanel .select2-container .select2-choice abbr, #js-cpanel .select2-container .select2-choice .select2-arrow b { background-image: none !important; background-repeat: no-repeat !important; background-size: auto !important; } #js-cpanel .select2-search input { background-position: auto !important; } } #js-cpanel #colorbox:focus, #js-cpanel #colorbox:active { outline: 0; } #js-cpanel #cboxTopLeft, #js-cpanel #cboxTopCenter, #js-cpanel #cboxTopRight, #js-cpanel #cboxMiddleLeft, #js-cpanel #cboxMiddleRight, #js-cpanel #cboxBottomLeft, #js-cpanel #cboxBottomCenter, #js-cpanel #cboxBottomRight { background: none !important; opacity: 0; } #js-cpanel #cboxContent { border: 12px solid #000; background-color: #fff; padding: 7px; } #js-cpanel #cboxOverlay { background: rgba(0, 0, 0, 0.95); background: #000; } #js-cpanel #cboxCurrent { left: 61px; margin-bottom: 5px; } #js-cpanel #cboxTitle { margin-bottom: 4px; } #js-cpanel #cboxNext, #js-cpanel #cboxPrevious, #js-cpanel #cboxClose { background: 0; text-indent: 0; width: 20px; height: 20px; line-height: 14px; padding: 0 4px; text-align: center; border: 2px solid #999; border-radius: 16px; color: #666; font-size: 12px; margin-left: 7px; margin-bottom: 7px; } #js-cpanel #cboxNext:hover, #js-cpanel #cboxPrevious:hover { color: #333; border-color: #666; } #js-cpanel #cboxContent { overflow: visible; } #js-cpanel #cboxClose { background-color: #000; color: #fff; border: 2px solid #fff; border-radius: 32px; font-size: 20px; height: 24px; width: 24px; padding-bottom: 2px; right: -14px; top: -14px; margin-left: 0; } #js-cpanel #cboxLoadingOverlay { background: none !important; } #js-cpanel #cboxLoadingGraphic { background: #fff none !important; text-align: center; } #js-cpanel #cboxLoadingGraphic > [class*="icon-"] { display: inline-block; background-color: #fff; border-radius: 8px; width: 32px; height: 32px; position: relative; top: 48%; text-align: center; vertical-align: middle; -moz-animation: spin 1.5s infinite linear; -webkit-animation: spin 1.5s infinite linear; -o-animation: spin 1.5s infinite linear; -ms-animation: spin 1.5s infinite linear; animation: spin 1.5s infinite linear; font-size: 24px; color: #fe7e3e; } #js-cpanel .ace-spinner { display: inline-block; } #js-cpanel .ace-spinner .spinner-buttons { min-width: 18px; } #js-cpanel .ace-spinner .spinner-buttons > .btn { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; font-size: 10px; padding: 0; width: 18px; height: 14px; line-height: 14px; } #js-cpanel .ace-spinner .spinner-buttons > .btn:first-child { margin-top: 0; } #js-cpanel .ace-spinner .spinner-buttons > .btn > [class*="icon-"] { font-size: 10px; margin: 0; padding: 0; } #js-cpanel .ace-spinner .spinner-buttons > button.btn:active { left: auto; top: auto; } #js-cpanel .ace-spinner .spinner-input { text-align: center; height: 19px; line-height: 19px; color: #777; } #js-cpanel .wizard-steps { list-style: none; display: block; width: 100%; padding: 0; margin: 0; position: relative; } #js-cpanel .wizard-steps li { display: block; text-align: center; float: left; } #js-cpanel .wizard-steps li .step { border: 5px solid #ced1d6; color: #546474; font-size: 15px; border-radius: 100%; background-color: #fff; position: relative; z-index: 2; display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; } #js-cpanel .wizard-steps li:before { display: block; content: ""; width: 100%; height: 1px; font-size: 0; overflow: hidden; border-top: 4px solid #ced1d6; position: relative; top: 21px; z-index: 1; } #js-cpanel .wizard-steps li:last-child:before { max-width: 50%; width: 50%; } #js-cpanel .wizard-steps li:first-child:before { max-width: 51%; left: 50%; } #js-cpanel .wizard-steps li.active:before, #js-cpanel .wizard-steps li.complete:before, #js-cpanel .wizard-steps li.active .step, #js-cpanel .wizard-steps li.complete .step { border-color: #5293c4; } #js-cpanel .wizard-steps li.complete .step { cursor: default; color: #fff; -webkit-transition: transform ease 0.1s; -moz-transition: transform ease 0.1s; -o-transition: transform ease 0.1s; transition: transform ease 0.1s; } #js-cpanel .wizard-steps li.complete .step:before { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; line-height: 30px; text-align: center; border-radius: 100%; content: "\f00c"; background-color: #fff; z-index: 3; font-family: FontAwesome; font-size: 17px; color: #87ba21; } #js-cpanel .wizard-steps li.complete:hover .step { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); border-color: #80afd4; } #js-cpanel .wizard-steps li.complete:hover:before { border-color: #80afd4; } #js-cpanel .wizard-steps li .title { display: block; margin-top: 4px; max-width: 100%; color: #949ea7; font-size: 14px; z-index: 104; text-align: center; table-layout: fixed; word-wrap: break-word; } #js-cpanel .wizard-steps li.complete .title, #js-cpanel .wizard-steps li.active .title { color: #2b3d53; } #js-cpanel .step-content .step-pane { display: none; min-height: 200px; padding: 4px 8px 12px; } #js-cpanel .step-content .active { display: block; } #js-cpanel .wizard-actions { text-align: right; } #js-cpanel .tree { padding-left: 9px; overflow-x: hidden; overflow-y: auto; position: inherit; } #js-cpanel .tree:before { display: inline-block; content: ""; position: absolute; top: -20px; bottom: 16px; left: 0; border: 1px dotted #67b2dd; border-width: 0 0 0 1px; z-index: 1; } #js-cpanel .tree .tree-folder { width: auto; min-height: 20px; cursor: pointer; } #js-cpanel .tree .tree-folder .tree-folder-header { position: relative; height: 20px; line-height: 20px; } #js-cpanel .tree .tree-folder .tree-folder-header:hover { background-color: #f0f7fc; } #js-cpanel .tree .tree-folder .tree-folder-header .tree-folder-name, #js-cpanel .tree .tree-item .tree-item-name { display: inline; z-index: 2; } #js-cpanel .tree .tree-folder .tree-folder-header > [class*="icon-"]:first-child, #js-cpanel .tree .tree-item > [class*="icon-"]:first-child { display: inline-block; position: relative; z-index: 2; top: -1px; } #js-cpanel .tree .tree-folder .tree-folder-header .tree-folder-name { margin-left: 2px; } #js-cpanel .tree .tree-folder .tree-folder-header > [class*="icon-"]:first-child { margin: -2px 0 0 -2px; } #js-cpanel .tree .tree-folder:last-child:after { display: inline-block; content: ""; position: absolute; z-index: 1; top: 15px; bottom: 0; left: -15px; border-left: 1px solid #fff; } #js-cpanel .tree .tree-folder .tree-folder-content { margin-left: 23px; position: relative; } #js-cpanel .tree .tree-folder .tree-folder-content:before { display: inline-block; content: ""; position: absolute; z-index: 1; top: -14px; bottom: 16px; left: -14px; border: 1px dotted #67b2dd; border-width: 0 0 0 1px; } #js-cpanel .tree .tree-item { position: relative; height: 20px; line-height: 20px; cursor: pointer; } #js-cpanel .tree .tree-item:hover { background-color: #f0f7fc; } #js-cpanel .tree .tree-item .tree-item-name { margin-left: 3px; } #js-cpanel .tree .tree-item .tree-item-name > [class*="icon-"]:first-child { margin-right: 3px; } #js-cpanel .tree .tree-item > [class*="icon-"]:first-child { margin-top: -1px; } #js-cpanel .tree .tree-folder, #js-cpanel .tree .tree-item { position: relative; } #js-cpanel .tree .tree-folder:before, #js-cpanel .tree .tree-item:before { display: inline-block; content: ""; position: absolute; top: 14px; left: -13px; width: 18px; height: 0; border-top: 1px dotted #67b2dd; z-index: 1; } #js-cpanel .tree .tree-selected { background-color: rgba(98, 168, 209, 0.1); color: #6398b0; } #js-cpanel .tree .tree-selected:hover { background-color: rgba(98, 168, 209, 0.1); } #js-cpanel .tree .tree-item, #js-cpanel .tree .tree-folder { border: 1px solid #fff; } #js-cpanel .tree .tree-folder .tree-folder-header { border-radius: 0; } #js-cpanel .tree .tree-item, #js-cpanel .tree .tree-folder .tree-folder-header { margin: 0; padding: 5px; color: #4d6878; } #js-cpanel .tree .tree-item > [class*="icon-"]:first-child { color: #f9e8ce; width: 13px; height: 13px; line-height: 13px; font-size: 11px; text-align: center; border-radius: 3px; background-color: #fafafa; border: 1px solid #ccc; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } #js-cpanel .tree .tree-selected > [class*="icon-"]:first-child { background-color: #f9a021; border-color: #f9a021; color: #fff; } #js-cpanel .tree .icon-plus[class*="icon-"]:first-child, #js-cpanel .tree .icon-minus[class*="icon-"]:first-child { border: 1px solid #ddd; vertical-align: middle; height: 11px; width: 11px; text-align: center; border: 1px solid #8baebf; line-height: 10px; background-color: #fff; position: relative; z-index: 1; } #js-cpanel .tree .icon-plus[class*="icon-"]:first-child:before { display: block; content: "+"; font-family: "Open Sans"; font-size: 16px; position: relative; z-index: 1; } #js-cpanel .tree .icon-minus[class*="icon-"]:first-child:before { content: ""; display: block; width: 7px; height: 0; border-top: 1px solid #4d6878; position: absolute; top: 5px; left: 2px; } #js-cpanel .tree .tree-unselectable .tree-item > [class*="icon-"]:first-child { color: #5084a0; width: 13px; height: 13px; line-height: 13px; font-size: 10px; text-align: center; border-radius: 0; background-color: transparent; border: 0; box-shadow: none; } #js-cpanel .tree [class*="icon-"][class*="-down"] { transform: rotate(-45deg); } #js-cpanel .tree .icon-spin { height: auto; } #js-cpanel .tree .tree-loading { margin-left: 36px; } #js-cpanel .tree img { display: inline; veritcal-align: middle; } #js-cpanel .gritter-item-wrapper { background-image: none !important; box-shadow: 0 2px 10px rgba(50, 50, 50, 0.5); background: rgba(50, 50, 50, 0.92); } #js-cpanel .gritter-item-wrapper.gritter-info { background: rgba(49, 81, 133, 0.92); } #js-cpanel .gritter-item-wrapper.gritter-error { background: rgba(153, 40, 18, 0.92); } #js-cpanel .gritter-item-wrapper.gritter-success { background: rgba(89, 131, 75, 0.92); } #js-cpanel .gritter-item-wrapper.gritter-warning { background: rgba(190, 112, 31, 0.92); } #js-cpanel .gritter-item-wrapper.gritter-light { background: rgba(245, 245, 245, 0.95); border: 1px solid #bbb; } #js-cpanel .gritter-item-wrapper.gritter-light.gritter-info { background: rgba(232, 242, 255, 0.95); } #js-cpanel .gritter-item-wrapper.gritter-light.gritter-info .gritter-item { color: #4a577d; } #js-cpanel .gritter-item-wrapper.gritter-light.gritter-error { background: rgba(255, 235, 235, 0.95); } #js-cpanel .gritter-item-wrapper.gritter-light.gritter-error .gritter-item { color: #894a38; } #js-cpanel .gritter-item-wrapper.gritter-light.gritter-success { background: rgba(239, 250, 227, 0.95); } #js-cpanel .gritter-item-wrapper.gritter-light.gritter-success .gritter-item { color: #416131; } #js-cpanel .gritter-item-wrapper.gritter-light.gritter-warning { background: rgba(252, 248, 227, 0.95); } #js-cpanel .gritter-item-wrapper.gritter-light.gritter-warning .gritter-item { color: #946446; } #js-cpanel .gritter-top, #js-cpanel .gritter-bottom, #js-cpanel .gritter-item { background-image: none; } #js-cpanel .gritter-close { left: auto; right: 3px; background-image: none; width: 18px; height: 18px; line-height: 17px; text-align: center; border: 2px solid transparent; border-radius: 16px; color: #e17b67; } #js-cpanel .gritter-close:before { font-family: FontAwesome; font-size: 16px; content: "\f00d"; } #js-cpanel .gritter-info .gritter-close { color: #ffa500; } #js-cpanel .gritter-error .gritter-close, #js-cpanel .gritter-success .gritter-close, #js-cpanel .gritter-warning .gritter-close { color: #ffea07; } #js-cpanel .gritter-close:hover { color: #fff !important; } #js-cpanel .gritter-title { text-shadow: none; } #js-cpanel .gritter-light .gritter-item, #js-cpanel .gritter-light .gritter-bottom, #js-cpanel .gritter-light .gritter-top, #js-cpanel .gritter-light .gritter-close { background-image: none; color: #444; } #js-cpanel .gritter-light .gritter-title { text-shadow: none; } #js-cpanel .gritter-light .gritter-close:hover { color: #8a3104 !important; } #js-cpanel .gritter-center { position: fixed; left: 33%; right: 33%; top: 33%; } #js-cpanel .ui-slider { background-color: #ccc; } #js-cpanel .ui-slider-horizontal { height: 9px; } #js-cpanel .ui-slider-vertical { width: 9px; } #js-cpanel .ui-slider-handle { border-radius: 0; background-color: #f5f5f5; border: 1px solid; } #js-cpanel .ui-slider-handle:before { display: inline-block; content: "|||"; font-size: 7px; font-family: Arial, Helvetica, sans-serif; position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; line-height: 14px; } #js-cpanel .ui-slider-handle:hover { background-color: #fff; } #js-cpanel .ui-slider-handle:hover, #js-cpanel .ui-slider-handle:focus, #js-cpanel .ui-slider-handle:active { outline: 0; box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3); text-decoration: none; } #js-cpanel .ui-slider-handle:hover:before, #js-cpanel .ui-slider-handle:focus:before, #js-cpanel .ui-slider-handle:active:before { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } #js-cpanel .ui-slider-small.ui-slider-horizontal { height: 5px; } #js-cpanel .ui-slider-small.ui-slider-vertical { width: 5px; } #js-cpanel .ui-slider-small .ui-slider-handle { border-radius: 24px; width: 14px; height: 14px; top: -5px; } #js-cpanel .ui-slider-small .ui-slider-handle:before { font-size: 6px; line-height: 13px; } #js-cpanel .ui-slider-range { background-color: #4aa4ce; } #js-cpanel .ui-slider-handle { outline: none !important; } #js-cpanel .ui-slider-handle, #js-cpanel .ui-slider-handle:hover, #js-cpanel .ui-slider-handle:focus, #js-cpanel .ui-slider-handle:active { border-color: #4aa4ce; color: #4aa4ce; } #js-cpanel .ui-slider-green .ui-slider-range { background-color: #8bbc67; } #js-cpanel .ui-slider-green .ui-slider-handle, #js-cpanel .ui-slider-green .ui-slider-handle:hover, #js-cpanel .ui-slider-green .ui-slider-handle:focus, #js-cpanel .ui-slider-green .ui-slider-handle:active { border-color: #8bbc67; color: #8bbc67; } #js-cpanel .ui-slider-red .ui-slider-range { background-color: #d36e6e; } #js-cpanel .ui-slider-red .ui-slider-handle, #js-cpanel .ui-slider-red .ui-slider-handle:hover, #js-cpanel .ui-slider-red .ui-slider-handle:focus, #js-cpanel .ui-slider-red .ui-slider-handle:active { border-color: #d36e6e; color: #d36e6e; } #js-cpanel .ui-slider-purple .ui-slider-range { background-color: #ac68ba; } #js-cpanel .ui-slider-purple .ui-slider-handle, #js-cpanel .ui-slider-purple .ui-slider-handle:hover, #js-cpanel .ui-slider-purple .ui-slider-handle:focus, #js-cpanel .ui-slider-purple .ui-slider-handle:active { border-color: #ac68ba; color: #ac68ba; } #js-cpanel .ui-slider-orange .ui-slider-range { background-color: #efad62; } #js-cpanel .ui-slider-orange .ui-slider-handle, #js-cpanel .ui-slider-orange .ui-slider-handle:hover, #js-cpanel .ui-slider-orange .ui-slider-handle:focus, #js-cpanel .ui-slider-orange .ui-slider-handle:active { border-color: #efad62; color: #efad62; } #js-cpanel .ui-slider-dark .ui-slider-range { background-color: #606060; } #js-cpanel .ui-slider-dark .ui-slider-handle, #js-cpanel .ui-slider-dark .ui-slider-handle:hover, #js-cpanel .ui-slider-dark .ui-slider-handle:focus, #js-cpanel .ui-slider-dark .ui-slider-handle:active { border-color: #606060; color: #606060; } #js-cpanel .ui-slider-pink .ui-slider-range { background-color: #d6487e; } #js-cpanel .ui-slider-pink .ui-slider-handle, #js-cpanel .ui-slider-pink .ui-slider-handle:hover, #js-cpanel .ui-slider-pink .ui-slider-handle:focus, #js-cpanel .ui-slider-pink .ui-slider-handle:active { border-color: #d6487e; color: #d6487e; } #js-cpanel .wysiwyg-editor { max-height: 250px; height: 250px; background-color: #f7f8fa; border-collapse: separate; border: 1px solid #bbc0ca; padding: 4px; box-sizing: content-box; overflow-y: scroll; overflow-x: hidden; outline: 0; } #js-cpanel .wysiwyg-editor:focus { background-color: #fff; } #js-cpanel .wysiwyg-toolbar { line-height: 32px; margin: 0 !important; } #js-cpanel .wysiwyg-toolbar .dropdown-menu { text-align: left; } #js-cpanel .wysiwyg-toolbar .btn-group > .btn { padding-left: 0; padding-right: 0; text-align: center; } #js-cpanel .wysiwyg-toolbar .btn-group > .btn > [class*="icon-"]:first-child { font-size: 14px; width: 25px; max-width: 25px; display: inline-block; border-width: 1px !important; } #js-cpanel .wysiwyg-toolbar .btn-group > .btn.dropdown-toggle > [class*="icon-"]:last-child { margin-right: 4px; } #js-cpanel .wysiwyg-toolbar .btn-group > .btn.active:after { border-color: transparent; border-style: solid; border-top-color: inherit; border-width: 6px 14px; bottom: -13px; left: 0; right: 0; } #js-cpanel .wysiwyg-style1 .btn-group > .btn, #js-cpanel .wysiwyg-style2 .btn-group > .btn { margin: 0 !important; background: #fff !important; border: none !important; color: #adb3be !important; text-shadow: none !important; } #js-cpanel .wysiwyg-style1 .btn-group > .btn.active, #js-cpanel .wysiwyg-style2 .btn-group > .btn.active { color: #5b80ce !important; } #js-cpanel .wysiwyg-style1 .btn-group > .btn.active:after, #js-cpanel .wysiwyg-style2 .btn-group > .btn.active:after { display: none; } #js-cpanel .wysiwyg-style1 .btn-group, #js-cpanel .wysiwyg-style2 .btn-group { position: relative; } #js-cpanel .wysiwyg-style1 .btn-group:after, #js-cpanel .wysiwyg-style2 .btn-group:after { display: block; content: ""; position: absolute; left: -2px; width: 0; max-width: 0; top: 6px; bottom: 6px; border-left: 1px solid #e1e6ea; } #js-cpanel .wysiwyg-style1 .btn-group:first-child:after, #js-cpanel .wysiwyg-style2 .btn-group:first-child:after { display: none; } #js-cpanel .wysiwyg-style2 { background-color: #e5e5e5; } #js-cpanel .wysiwyg-style2 + .wysiwyg-editor { border-color: #ddd; background-color: #fff; border-top: 0; } #js-cpanel .wysiwyg-style2 .btn-group > .btn { margin: 0 1px 0 0 !important; background: #fff !important; border: none !important; color: #8d939e !important; text-shadow: none !important; } #js-cpanel .wysiwyg-style2 .btn-group > .btn.active { color: #fff !important; background: #6aaedf !important; } #js-cpanel .wysiwyg-style2 .btn-group:after { display: none; } #js-cpanel .wysiwyg-toolbar .btn-colorpicker { width: 24px; height: 24px; position: relative; background: #87b87f; background: -moz-linear-gradient( top, #cf3e73 10%, #fff 20%, #2283c5 30%, #fff 40%, #87b87f 50%, #fff 60%, #ffb752 70%, #fff 80%, #d15b47 90%, #fff 100% ); background: -webkit-gradient( linear, left top, left bottom, color-stop(10%, #cf3e73), color-stop(20%, #fff), color-stop(30%, #2283c5), color-stop(40%, #fff), color-stop(50%, #87b87f), color-stop(60%, #fff), color-stop(70%, #ffb752), color-stop(80%, #fff), color-stop(90%, #d15b47), color-stop(100%, #fff) ); background: -webkit-linear-gradient( top, #cf3e73 10%, #fff 20%, #2283c5 30%, #fff 40%, #87b87f 50%, #fff 60%, #ffb752 70%, #fff 80%, #d15b47 90%, #fff 100% ); background: -o-linear-gradient( top, #cf3e73 10%, #fff 20%, #2283c5 30%, #fff 40%, #87b87f 50%, #fff 60%, #ffb752 70%, #fff 80%, #d15b47 90%, #fff 100% ); background: -ms-linear-gradient( top, #cf3e73 10%, #fff 20%, #2283c5 30%, #fff 40%, #87b87f 50%, #fff 60%, #ffb752 70%, #fff 80%, #d15b47 90%, #fff 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CF3E73', endColorstr='#FFB752', GradientType=0); background: linear-gradient( top, #cf3e73 10%, #fff 20%, #2283c5 30%, #fff 40%, #87b87f 50%, #fff 60%, #ffb752 70%, #fff 80%, #d15b47 90%, #fff 100% ); } #js-cpanel .wysiwyg-toolbar input[type="file"] { position: fixed; z-index: -2; opacity: 0; } #js-cpanel .wysiwyg-toolbar .wysiwyg-choose-file { display: inline-block; width: auto; margin: 4px auto 0; padding-left: 5px; padding-right: 5px; } #js-cpanel .wysiwyg-toolbar .dropdown-menu input[type="text"] { margin-left: 8px; } #js-cpanel .wysiwyg-toolbar .dropdown-menu .btn { margin-right: 8px; } #js-cpanel .wysiwyg-style1 .btn-colorpicker { width: 20px; height: 20px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { #js-cpanel .wysiwyg-editor img { display: inline !important; } #js-cpanel .wysiwyg-editor .ui-wrapper { border: 1px dotted #d00; overflow: visible !important; display: inline-block !important; vertical-align: middle; } #js-cpanel .wysiwyg-editor .ui-wrapper:after { content: ""; display: block; position: absolute; right: -3px; bottom: -3px; width: 7px; height: 7px; border: 1px solid #d00; background-color: #fff; z-index: 1; } } #js-cpanel .widget-header .wysiwyg-toolbar { background-color: transparent; } #js-cpanel .widget-header .wysiwyg-toolbar .btn-group > .btn { border-color: transparent; background: rgba(255, 255, 255, 0.25) !important; color: #fff !important; margin-top: 1px; } #js-cpanel .widget-header .wysiwyg-toolbar .btn-group > .btn.active { background: rgba(0, 0, 0, 0.25) !important; } #js-cpanel .widget-body .wysiwyg-editor { border: 0; } #js-cpanel .wysiwyg-speech-input { width: 20px !important; color: transparent !important; background: transparent none !important; border: none !important; -moz-transform: scale(2, 2); -webkit-transform: scale(2, 2); -o-transform: scale(2, 2); -ms-transform: scale(2, 2); transform: scale(2, 2); -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; cursor: pointer; } #js-cpanel .wysiwyg-speech-input:focus { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } #js-cpanel .widget-body .md-header { margin-top: -30px; margin-left: 9px; } #js-cpanel .widget-body .md-header .btn { border-color: transparent; background: rgba(255, 255, 255, 0.25) !important; color: #fff !important; text-align: center; padding-left: 0; padding-right: 0; border-width: 1px !important; } #js-cpanel .widget-body .md-header .btn > [class*="icon-"] { font-size: 14px; width: 25px; max-width: 25px; display: inline-block; } #js-cpanel .widget-body .md-header .btn-inverse { background: rgba(0, 0, 0, 0.25) !important; padding-right: 5px; } #js-cpanel .widget-body .md-preview { padding: 8px; min-height: 200px; } #js-cpanel .widget-body .md-input { border: none !important; box-shadow: none !important; display: block; margin-bottom: 0; background-color: rgba(48, 126, 204, 0.07); padding: 8px; } #js-cpanel .widget-body .md-input:focus { background-color: #fff; box-shadow: none !important; } #js-cpanel .editable-container .popover-title { color: #438eb9; } #js-cpanel .editable { border-bottom: 1px dashed #bbb; cursor: pointer; font-weight: normal; } img#js-cpanel .editable { border: 1px dotted #bbb; } #js-cpanel .editable:hover { border-color: #08c; color: #08c; } img#js-cpanel .editable:hover { opacity: 0.75; filter: alpha(opacity=75); } #js-cpanel .editable-buttons, #js-cpanel .editable-input { display: inline-block; } #js-cpanel .editable-buttons { margin-left: 1px; } #js-cpanel .editable-buttons .btn { padding: 0; width: 28px; line-height: 24px; border-width: 3px; font-size: 12px; margin: 0 1px 0 0; } #js-cpanel .editable-buttons .btn > [class*="icon-"] { margin: 0; } #js-cpanel .editable-clear-x { cursor: pointer; color: #888; background: 0; } #js-cpanel .editable-clear-x:hover { color: #d15b47; } #js-cpanel .editable-clear-x:before { display: inline-block; content: "\f057"; font-family: FontAwesome; font-size: 15px; position: absolute; margin-top: -9px; width: 16px; height: 30px; line-height: 30px; text-align: center; } #js-cpanel .editable-input .ace-spinner { margin-right: 8px; } #js-cpanel .editable-inline .editable-slider { margin-top: 10px; margin-right: 4px; } #js-cpanel .editable-popup .editable-slider { display: block; margin-bottom: 16px; margin-top: 4px; } #js-cpanel .editable-slider input { display: none; } #js-cpanel .editable-input .ace-file-input { display: block; } #js-cpanel .editable-image .ace-file-multiple label.selected { border-color: transparent; } #js-cpanel .editable-image + .editable-buttons, #js-cpanel .editable-wysiwyg + .editable-buttons { display: block; text-align: center; margin-top: 8px; } #js-cpanel .editable-wysiwyg { width: 95%; } #js-cpanel .editable-wysiwyg .wysiwyg-editor { height: auto; overflow-y: hidden; } #js-cpanel .editableform .input-append.dropdown-menu { display: none; } #js-cpanel .editableform .open .input-append.dropdown-menu { display: block; } #js-cpanel .editable-container .editableform { margin-bottom: 10px; } #js-cpanel .editable-inline .editableform { margin-bottom: 0; } #js-cpanel .editableform-loading { background: 0; } #js-cpanel .editableform-loading [class*="icon-"], #js-cpanel .editableform-loading .progress { position: relative; top: 35%; } #js-cpanel .icon-animated-bell { display: inline-block; -moz-animation: ringing 2s 5 ease 1s; -webkit-animation: ringing 2s 5 ease 1s; -o-animation: ringing 2s 5 ease 1s; -ms-animation: ringing 2s 5 ease 1s; animation: ringing 2s 5 ease 1s; -moz-transform-origin: 50% 0; -webkit-transform-origin: 50% 0; -o-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; } @-moz-keyframes ringing { 0% { -moz-transform: rotate(-15deg); } 2% { -moz-transform: rotate(15deg); } 4% { -moz-transform: rotate(-18deg); } 6% { -moz-transform: rotate(18deg); } 8% { -moz-transform: rotate(-22deg); } 10% { -moz-transform: rotate(22deg); } 12% { -moz-transform: rotate(-18deg); } 14% { -moz-transform: rotate(18deg); } 16% { -moz-transform: rotate(-12deg); } 18% { -moz-transform: rotate(12deg); } 20% { -moz-transform: rotate(0deg); } } @-webkit-keyframes ringing { 0% { -webkit-transform: rotate(-15deg); } 2% { -webkit-transform: rotate(15deg); } 4% { -webkit-transform: rotate(-18deg); } 6% { -webkit-transform: rotate(18deg); } 8% { -webkit-transform: rotate(-22deg); } 10% { -webkit-transform: rotate(22deg); } 12% { -webkit-transform: rotate(-18deg); } 14% { -webkit-transform: rotate(18deg); } 16% { -webkit-transform: rotate(-12deg); } 18% { -webkit-transform: rotate(12deg); } 20% { -webkit-transform: rotate(0deg); } } @-ms-keyframes ringing { 0% { -ms-transform: rotate(-15deg); } 2% { -ms-transform: rotate(15deg); } 4% { -ms-transform: rotate(-18deg); } 6% { -ms-transform: rotate(18deg); } 8% { -ms-transform: rotate(-22deg); } 10% { -ms-transform: rotate(22deg); } 12% { -ms-transform: rotate(-18deg); } 14% { -ms-transform: rotate(18deg); } 16% { -ms-transform: rotate(-12deg); } 18% { -ms-transform: rotate(12deg); } 20% { -ms-transform: rotate(0deg); } } @keyframes ringing { 0% { transform: rotate(-15deg); } 2% { transform: rotate(15deg); } 4% { transform: rotate(-18deg); } 6% { transform: rotate(18deg); } 8% { transform: rotate(-22deg); } 10% { transform: rotate(22deg); } 12% { transform: rotate(-18deg); } 14% { transform: rotate(18deg); } 16% { transform: rotate(-12deg); } 18% { transform: rotate(12deg); } 20% { transform: rotate(0deg); } } #js-cpanel .icon-animated-vertical { display: inline-block; -moz-animation: vertical 2s 5 ease 2s; -webkit-animation: vertical 2s 5 ease 2s; -o-animation: vertical 2s 5 ease 2s; -ms-animation: vertical 2s 5 ease 2s; animation: vertical 2s 5 ease 2s; } @-moz-keyframes vertical { 0% { -moz-transform: translate(0, -3px); } 4% { -moz-transform: translate(0, 3px); } 8% { -moz-transform: translate(0, -3px); } 12% { -moz-transform: translate(0, 3px); } 16% { -moz-transform: translate(0, -3px); } 20% { -moz-transform: translate(0, 3px); } 22% { -moz-transform: translate(0, 0); } } @-webkit-keyframes vertical { 0% { -webkit-transform: translate(0, -3px); } 4% { -webkit-transform: translate(0, 3px); } 8% { -webkit-transform: translate(0, -3px); } 12% { -webkit-transform: translate(0, 3px); } 16% { -webkit-transform: translate(0, -3px); } 20% { -webkit-transform: translate(0, 3px); } 22% { -webkit-transform: translate(0, 0); } } @-ms-keyframes vertical { 0% { -ms-transform: translate(0, -3px); } 4% { -ms-transform: translate(0, 3px); } 8% { -ms-transform: translate(0, -3px); } 12% { -ms-transform: translate(0, 3px); } 16% { -ms-transform: translate(0, -3px); } 20% { -ms-transform: translate(0, 3px); } 22% { -ms-transform: translate(0, 0); } } @keyframes vertical { 0% { transform: translate(0, -3px); } 4% { transform: translate(0, 3px); } 8% { transform: translate(0, -3px); } 12% { transform: translate(0, 3px); } 16% { transform: translate(0, -3px); } 20% { transform: translate(0, 3px); } 22% { transform: translate(0, 0); } } #js-cpanel .icon-animated-hand-pointer { display: inline-block; -moz-animation: hand-pointer 2s 4 ease 2s; -webkit-animation: hand-pointer 2s 4 ease 2s; -o-animation: hand-pointer 2s 4 ease 2s; -ms-animation: hand-pointer 2s 4 ease 2s; animation: hand-pointer 2s 4 ease 2s; } @-moz-keyframes hand-pointer { 0% { -moz-transform: translate(0, 0); } 6% { -moz-transform: translate(5px, 0); } 12% { -moz-transform: translate(0, 0); } 18% { -moz-transform: translate(5px, 0); } 24% { -moz-transform: translate(0, 0); } 30% { -moz-transform: translate(5px, 0); } 36% { -moz-transform: translate(0, 0); } } #js-cpanel .icon-animated-wrench { display: inline-block; -moz-animation: wrenching 2.5s 4 ease; -webkit-animation: wrenching 2.5s 4 ease; -o-animation: wrenching 2.5s 4 ease; -ms-animation: wrenching 2.5s 4 ease; animation: wrenching 2.5s 4 ease; -moz-transform-origin: 90% 35%; -webkit-transform-origin: 90% 35%; -o-transform-origin: 90% 35%; -ms-transform-origin: 90% 35%; transform-origin: 90% 35%; } @-moz-keyframes wrenching { 0% { -moz-transform: rotate(-12deg); } 8% { -moz-transform: rotate(12deg); } 10% { -moz-transform: rotate(24deg); } 18% { -moz-transform: rotate(-24deg); } 20% { -moz-transform: rotate(-24deg); } 28% { -moz-transform: rotate(24deg); } 30% { -moz-transform: rotate(24deg); } 38% { -moz-transform: rotate(-24deg); } 40% { -moz-transform: rotate(-24deg); } 48% { -moz-transform: rotate(24deg); } 50% { -moz-transform: rotate(24deg); } 58% { -moz-transform: rotate(-24deg); } 60% { -moz-transform: rotate(-24deg); } 68% { -moz-transform: rotate(24deg); } 75% { -moz-transform: rotate(0deg); } } @-webkit-keyframes wrenching { 0% { -webkit-transform: rotate(-12deg); } 8% { -webkit-transform: rotate(12deg); } 10% { -webkit-transform: rotate(24deg); } 18% { -webkit-transform: rotate(-24deg); } 20% { -webkit-transform: rotate(-24deg); } 28% { -webkit-transform: rotate(24deg); } 30% { -webkit-transform: rotate(24deg); } 38% { -webkit-transform: rotate(-24deg); } 40% { -webkit-transform: rotate(-24deg); } 48% { -webkit-transform: rotate(24deg); } 50% { -webkit-transform: rotate(24deg); } 58% { -webkit-transform: rotate(-24deg); } 60% { -webkit-transform: rotate(-24deg); } 68% { -webkit-transform: rotate(24deg); } 75% { -webkit-transform: rotate(0deg); } } @-o-keyframes wrenching { 0% { -o-transform: rotate(-12deg); } 8% { -o-transform: rotate(12deg); } 10% { -o-transform: rotate(24deg); } 18% { -o-transform: rotate(-24deg); } 20% { -o-transform: rotate(-24deg); } 28% { -o-transform: rotate(24deg); } 30% { -o-transform: rotate(24deg); } 38% { -o-transform: rotate(-24deg); } 40% { -o-transform: rotate(-24deg); } 48% { -o-transform: rotate(24deg); } 50% { -o-transform: rotate(24deg); } 58% { -o-transform: rotate(-24deg); } 60% { -o-transform: rotate(-24deg); } 68% { -o-transform: rotate(24deg); } 75% { -o-transform: rotate(0deg); } } @-ms-keyframes wrenching { 0% { -ms-transform: rotate(-12deg); } 8% { -ms-transform: rotate(12deg); } 10% { -ms-transform: rotate(24deg); } 18% { -ms-transform: rotate(-24deg); } 20% { -ms-transform: rotate(-24deg); } 28% { -ms-transform: rotate(24deg); } 30% { -ms-transform: rotate(24deg); } 38% { -ms-transform: rotate(-24deg); } 40% { -ms-transform: rotate(-24deg); } 48% { -ms-transform: rotate(24deg); } 50% { -ms-transform: rotate(24deg); } 58% { -ms-transform: rotate(-24deg); } 60% { -ms-transform: rotate(-24deg); } 68% { -ms-transform: rotate(24deg); } 75% { -ms-transform: rotate(0deg); } } @keyframes wrenching { 0% { transform: rotate(-12deg); } 8% { transform: rotate(12deg); } 10% { transform: rotate(24deg); } 18% { transform: rotate(-24deg); } 20% { transform: rotate(-24deg); } 28% { transform: rotate(24deg); } 30% { transform: rotate(24deg); } 38% { transform: rotate(-24deg); } 40% { transform: rotate(-24deg); } 48% { transform: rotate(24deg); } 50% { transform: rotate(24deg); } 58% { transform: rotate(-24deg); } 60% { transform: rotate(-24deg); } 68% { transform: rotate(24deg); } 75% { transform: rotate(0deg); } } #js-cpanel .ace-settings-container { position: absolute; right: 0; top: 50px; z-index: 12; } .breadcrumbs-fixed #js-cpanel .ace-settings-container { top: 9px; } #js-cpanel .btn.ace-settings-btn { float: left; display: inline-block; width: 42px !important; text-align: center; -webkit-border-radius: 6px 0 0 6px !important; -moz-border-radius: 6px 0 0 6px !important; border-radius: 6px 0 0 6px !important; opacity: 0.55; filter: alpha(opacity=55); vertical-align: top; margin: 0; } #js-cpanel .btn.ace-settings-btn:hover, #js-cpanel .btn.ace-settings-btn.open { opacity: 1; filter: alpha(opacity=100); } #js-cpanel .ace-settings-box { display: none; float: left; width: 140px; padding: 0 14px; background-color: #fff; border: 2px solid #ffb34b; } #js-cpanel .ace-settings-box.open { display: inline-block; } #js-cpanel .ace-settings-box > div { margin: 6px 0; color: #444; max-height: 24px; } #js-cpanel .ace-settings-box > div > label { font-size: 13px; } #js-cpanel .btn-scroll-up { border: 0; position: absolute; right: 2px; bottom: 2px; line-height: 20px; padding-bottom: 4px; } #js-cpanel .grid2, #js-cpanel .grid3, #js-cpanel .grid4 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; margin: 0; float: left; border-left: 1px solid #e3e3e3; } #js-cpanel .grid2:first-child, #js-cpanel .grid3:first-child, #js-cpanel .grid4:first-child { border-left: none; } #js-cpanel .grid2 { width: 48%; padding: 0 2%; } #js-cpanel .grid3 { width: 33%; padding: 0 2%; } #js-cpanel .grid4 { width: 23%; margin: 0 1%; padding: 0 1%; } #js-cpanel .draggable-placeholder { border: 2px dashed #d9d9d9 !important; background-color: #f7f7f7 !important; } #js-cpanel .slimScrollBar { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } #js-cpanel .slimScrollRail { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } #js-cpanel .datepicker td, #js-cpanel .daterangepicker td, #js-cpanel .datepicker th, #js-cpanel .daterangepicker th { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } #js-cpanel .datepicker td.active, #js-cpanel .daterangepicker td.active, #js-cpanel .datepicker td.active:hover, #js-cpanel .daterangepicker td.active:hover { background: #2283c5 !important; } #js-cpanel .datepicker td.active.disabled, #js-cpanel .daterangepicker td.active.disabled, #js-cpanel .datepicker td.active.disabled:hover, #js-cpanel .daterangepicker td.active.disabled:hover { background: #8b9aa3 !important; } #js-cpanel .bootstrap-timepicker-widget table td a:hover { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #js-cpanel .well .datepicker table tr td.day:hover { background-color: #7d8893; color: #fff; } #js-cpanel .easyPieChart { position: relative; text-align: center; } #js-cpanel .easyPieChart canvas { position: absolute; top: 0; left: 0; } #js-cpanel .knob-container { direction: ltr; text-align: left; } #js-cpanel .navbar .navbar-inner, #js-cpanel .navbar .btn-navbar { filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important; } #js-cpanel .dropdown-menu li > a, #js-cpanel .dropdown-submenu > a { filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important; } #js-cpanel .btn { filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important; } #js-cpanel .progress, #js-cpanel .progress .bar { filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important; } #js-cpanel .spinner-preview { width: 100px; height: 100px; text-align: center; margin-top: 60px; } #js-cpanel .dropdown-preview { margin: 0 5px; display: inline-block; } #js-cpanel .dropdown-preview > .dropdown-menu { display: block; position: static; margin-bottom: 5px; } #js-cpanel .tags { display: inline-block; padding: 4px 6px; color: #777; vertical-align: middle; background-color: #fff; border: 1px solid #d5d5d5; width: 206px; } #js-cpanel .tags:hover { border-color: #b5b5b5; } #js-cpanel .tags-hover, #js-cpanel .tags-hover:hover { border-color: #f59942; outline: 0; outline: thin dotted \9; } #js-cpanel .tags[class*="span"] { float: none; margin-left: 0; } #js-cpanel .tags input[type="text"], #js-cpanel .tags input[type="text"]:focus { border: 0; display: inline; outline: 0; margin: 0; padding: 0; line-height: 14px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 100%; } #js-cpanel .tags .tag { display: inline-block; position: relative; font-size: 13px; font-weight: normal; vertical-align: baseline; white-space: nowrap; background-color: #91b8d0; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); padding: 4px 22px 5px 9px; margin-bottom: 3px; margin-right: 3px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #js-cpanel .tags .tag:empty { display: none; } #js-cpanel .tags .tag-important { background-color: #d15b47; } #js-cpanel .tags .tag-warning { background-color: #ffb752; } #js-cpanel .tags .tag-success { background-color: #87b87f; } #js-cpanel .tags .tag-info { background-color: #6fb3e0; } #js-cpanel .tags .tag-inverse { background-color: #555; } #js-cpanel .tags .tag .close { font-size: 15px; line-height: 20px; opacity: 1; color: #fff; text-shadow: none; float: none; position: absolute; right: 0; top: 0; bottom: 0; width: 18px; text-align: center; } #js-cpanel .tags .tag .close:hover { background-color: rgba(0, 0, 0, 0.2); } #js-cpanel .rtl ul, #js-cpanel .rtl ol { margin-left: 0; margin-right: 25px; } #js-cpanel .rtl ul.unstyled, #js-cpanel .rtl ol.unstyled, #js-cpanel .rtl ul.inline, #js-cpanel .rtl ol.inline { margin-right: 0; } #js-cpanel .rtl dd { margin-left: 0; margin-right: 10px; } #js-cpanel .rtl .dl-horizontal dt { float: right; clear: right; text-align: left; } #js-cpanel .rtl .dl-horizontal dd { margin-left: 0; margin-right: 180px; } #js-cpanel .rtl blockquote p, #js-cpanel .rtl blockquote small { text-align: left; } #js-cpanel .rtl blockquote small:before { content: ""; } #js-cpanel .rtl blockquote small:after { content: "\00A0 \2014"; } #js-cpanel .rtl blockquote.pull-right p, #js-cpanel .rtl blockquote.pull-right small { text-align: right; } #js-cpanel .rtl blockquote.pull-right small:after { content: ""; } #js-cpanel .rtl blockquote.pull-right small:before { content: "\2014 \00A0"; } #js-cpanel .rtl .radio, #js-cpanel .rtl .checkbox { padding-left: 0; padding-right: 20px; } #js-cpanel .rtl .radio input[type="radio"], #js-cpanel .rtl .checkbox input[type="checkbox"] { float: right; margin-left: 0; margin-right: -20px; } #js-cpanel .rtl .radio.inline + .radio.inline, #js-cpanel .rtl .checkbox.inline + .checkbox.inline { margin-left: 0; margin-right: 10px; } #js-cpanel .rtl .help-inline { padding-left: 0; padding-right: 5px; } #js-cpanel .rtl .input-prepend .add-on, #js-cpanel .rtl .input-prepend .btn { margin-right: 0; margin-left: -1px; } #js-cpanel .rtl .input-append .add-on, #js-cpanel .rtl .input-append .btn, #js-cpanel .rtl .input-append .btn-group { margin-left: 0; margin-right: -1px; } #js-cpanel .rtl .input-prepend.input-append .add-on:first-child, #js-cpanel .rtl .input-prepend.input-append .btn:first-child { margin-left: -1px; margin-right: 0; } #js-cpanel .rtl .input-prepend.input-append .add-on:last-child, #js-cpanel .rtl .input-prepend.input-append .btn:last-child { margin-left: 0; margin-right: -1px; } #js-cpanel .rtl .input-prepend.input-append .btn-group:first-child { margin-right: 0; } #js-cpanel .rtl input.search-query { padding-left: 14px; padding-left: 4px \9; padding-right: 14px; padding-right: 4px \9; } #js-cpanel .rtl .form-search .radio, #js-cpanel .rtl .form-search .checkbox, #js-cpanel .rtl .form-inline .radio, #js-cpanel .rtl .form-inline .checkbox { padding-right: 0; } #js-cpanel .rtl .form-search .radio input[type="radio"], #js-cpanel .rtl .form-search .checkbox input[type="checkbox"], #js-cpanel .rtl .form-inline .radio input[type="radio"], #js-cpanel .rtl .form-inline .checkbox input[type="checkbox"] { float: right; margin-right: 0; margin-left: 3px; } #js-cpanel .rtl .form-horizontal .control-label { float: right; text-align: left; } #js-cpanel .rtl .form-horizontal .controls { *padding-left: 0; *padding-right: 20px; margin-left: 0; margin-right: 180px; *margin-right: 0; } #js-cpanel .rtl .form-horizontal .controls:first-child { *padding-left: 0; *padding-right: 180px; } #js-cpanel .rtl .form-horizontal .form-actions { padding-left: 0; padding-right: 180px; } #js-cpanel .rtl .table th, #js-cpanel .rtl .table td { text-align: right; } #js-cpanel .rtl .table th.center, #js-cpanel .rtl .table td.center, #js-cpanel .rtl .table th.center-align, #js-cpanel .rtl .table td.center-align { text-align: center; } #js-cpanel .rtl .table th.left-align, #js-cpanel .rtl .table td.left-align { text-align: left; } #js-cpanel .rtl .table th.right-align, #js-cpanel .rtl .table td.right-align { text-align: right; } #js-cpanel .rtl .btn-group + .btn-group { margin-left: auto; margin-right: 5px; } #js-cpanel .rtl .dropdown-menu { margin: 2px 0 0; } #js-cpanel .rtl .dropdown-submenu > .dropdown-menu { left: auto; right: 100%; } #js-cpanel .rtl .dropdown-submenu.pull-left > .dropdown-menu { left: auto; right: -100%; margin-left: auto; margin-right: 5px; } #js-cpanel .rtl .dropdown-submenu > a:after { float: left; margin-right: 0; margin-left: -10px; } #js-cpanel .rtl .dropdown-submenu > a:after { border-color: transparent #ccc transparent transparent; border-width: 5px 5px 5px 0; } #js-cpanel .rtl .dropdown-submenu:hover > a:after { border-right-color: #fff; } #js-cpanel .rtl .dropdown-light .dropdown-submenu:hover > a:after, #js-cpanel .rtl .dropdown-lighter .dropdown-submenu:hover > a:after { border-right-color: #444; } #js-cpanel .rtl .dropdown .caret { margin-left: 0; margin-right: 2px; } #js-cpanel .rtl .close { float: left; } #js-cpanel .rtl .table-header .close { margin-right: auto; margin-left: 6px; } #js-cpanel .rtl .alert { padding-right: 14px; padding-left: 35px; } #js-cpanel .rtl .alert .close { left: -21px; right: auto; } #js-cpanel .rtl .nav { margin-right: 0; } #js-cpanel .rtl .nav-tabs > li, #js-cpanel .rtl .nav-pills > li { float: right; } #js-cpanel .rtl .nav-pills > li > a { margin-right: 0; margin-left: 2px; } #js-cpanel .rtl .nav-stacked > li { float: none; } #js-cpanel .rtl .nav-tabs > li > a { margin-right: 0; margin-left: -1px; } #js-cpanel .rtl .tabs-left > .nav-tabs > li, #js-cpanel .rtl .tabs-right > .nav-tabs > li { float: none; } #js-cpanel .rtl .navbar { direction: rtl; text-align: right; } #js-cpanel .rtl .navbar .brand { float: right; margin-left: 0; margin-right: -20px; } #js-cpanel .rtl .navbar .divider-vertical { border-left: 1px solid #fff; border-right: 1px solid #f2f2f2; } #js-cpanel .rtl .navbar-search { float: right; } #js-cpanel .rtl .navbar .nav > li { float: right; } #js-cpanel .rtl .navbar .btn-navbar { float: left; } #js-cpanel .rtl .pagination ul { margin-right: 0; } #js-cpanel .rtl .pagination ul > li > a, #js-cpanel .rtl .pagination ul > li > span { float: right; } #js-cpanel .rtl .pager { margin-right: 0; } #js-cpanel .rtl .pager .next > a, #js-cpanel .rtl .pager .next > span { float: left; } #js-cpanel .rtl .pager .previous > a, #js-cpanel .rtl .pager .previous > span { float: right; } #js-cpanel .rtl .modal { direction: rtl; text-align: right; } #js-cpanel .rtl .modal-footer { text-align: left; } #js-cpanel .rtl .modal-footer .btn + .btn { margin-left: 0; margin-right: 5px; } #js-cpanel .rtl .popover.bottom .arrow:after, #js-cpanel .rtl .popover.top .arrow:after { margin-right: -10px; margin-left: auto; } #js-cpanel .rtl .popover-content, #js-cpanel .rtl .tooltip-inner { text-align: right; direction: rtl; } #js-cpanel .rtl .thumbnails { margin-left: 0; margin-right: -20px; } #js-cpanel .rtl .row-fluid .thumbnails { margin-right: 0; } #js-cpanel .rtl .thumbnails > li { float: right; margin-left: 0; margin-right: 20px; } #js-cpanel .rtl .media-list { margin-right: 0; } #js-cpanel .rtl .main-container { direction: rtl; text-align: right; } #js-cpanel .rtl .main-content { margin-right: 190px; margin-left: 0; } #js-cpanel .rtl li > ul.margin, #js-cpanel .rtl li > ol.margin { margin-left: 0; margin-right: 18px; } #js-cpanel .rtl .ace-nav > li { border-left: none; border-right: 1px solid #ddd; } #js-cpanel .rtl .ace-nav > li:first-child { border-right: 0; } #js-cpanel .rtl .ace-nav > li > a > .badge { left: auto; right: 2px; } #js-cpanel .rtl .ace-nav > li.no-border { border: 0; } #js-cpanel .rtl .ace-nav > li.margin-4 { margin-left: 0; margin-right: 4px; } #js-cpanel .rtl .ace-nav > li.margin-3 { margin-left: 0; margin-right: 3px; } #js-cpanel .rtl .ace-nav > li.margin-2 { margin-left: 0; margin-right: 2px; } #js-cpanel .rtl .ace-nav > li.margin-1 { margin-left: 0; margin-right: 1px; } #js-cpanel .rtl .ace-nav .nav-user-photo { margin: -4px 0 0 8px; } #js-cpanel .rtl .ace-nav .dropdown-menu.dropdown-closer { left: 0; } #js-cpanel .rtl .breadcrumbs { padding: 0 0 0 12px; } #js-cpanel .rtl .breadcrumbs.fixed { position: fixed; left: 0; right: 190px; } #js-cpanel .rtl .breadcrumb { margin: 0 12px 0 22px; } #js-cpanel .rtl .breadcrumb .icon-home { margin-left: 2px; margin-right: 4px; } #js-cpanel .rtl .nav-search { left: 22px; right: auto; } #js-cpanel .rtl .sidebar > .nav-search.menu-min .nav-search .form-search { left: auto; right: 5px; } #js-cpanel .rtl .sidebar { border-right: 0; border-left: 1px solid #fcfcfc; } #js-cpanel .rtl .sidebar:before { border-right: 0; border-left: 1px solid #fcfcfc; } #js-cpanel .rtl .sidebar.fixed { left: auto; right: 0; } #js-cpanel .rtl .sidebar.fixed:before { left: auto; right: 0; } #js-cpanel .rtl .nav-list > li > a { padding: 0 7px 0 16px; } #js-cpanel .rtl .nav-list > li > a:hover:before { left: auto; right: 0; } #js-cpanel .rtl .nav-list > li a > .arrow { left: 9px; right: auto; } #js-cpanel .rtl .nav-list > li.active:after { left: -2px; right: auto; border-right: 0; border-left: 2px solid #fcfcfc; } #js-cpanel .rtl .nav-list > li .submenu > li { margin-left: 0; margin-right: 0; } #js-cpanel .rtl .nav-list > li .submenu > li > a { padding: 7px 37px 8px 0; } #js-cpanel .rtl .nav-list > li .submenu > li a > [class*="icon-"]:first-child { left: auto; right: 10px; } #js-cpanel .rtl .nav-list > li > .submenu > li:before { left: auto; right: 18px; } #js-cpanel .rtl .nav-list > li > .submenu:before { left: auto; right: 18px; border-left: none; border-right: 1px solid #ecf0f1; } #js-cpanel .rtl .nav-list > li.active > .submenu:before { border-right-color: #ecf0f1; } #js-cpanel .rtl .nav-list li.active > a:after { left: 0; right: auto; border-left-color: #fcfcfc; border-right-color: transparent; } #js-cpanel .rtl .nav-list a .badge, #js-cpanel .rtl .nav-list a .label { right: auto; left: 11px; } #js-cpanel .rtl .nav-list a.dropdown-toggle .badge, #js-cpanel .rtl .nav-list a.dropdown-toggle .label { right: auto; left: 28px; } #js-cpanel .rtl .menu-min .nav-list a .badge, #js-cpanel .rtl .menu-min .nav-list a .label { left: auto; right: 4px; } #js-cpanel .rtl .sidebar.menu-min + .main-content { margin-left: auto; margin-right: 43px; } #js-cpanel .rtl .sidebar.menu-min + .main-content .breadcrumbs.fixed { left: 0; right: 43px; } #js-cpanel .rtl .menu-min .nav-list > li > a > .menu-text { left: auto; right: 41px; padding-left: 0; padding-right: 12px; -webkit-box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, 0.2); } #js-cpanel .rtl .menu-min .nav-list > li > a.dropdown-toggle > .menu-text { left: auto; right: 42px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #js-cpanel .rtl .menu-min .nav-list > li.active > a > .menu-text { border-left-color: none; border-right-color: #fcfcfc; } #js-cpanel .rtl .menu-min .nav-list > li > .submenu { -webkit-box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, 0.2); left: auto; right: 41px; } #js-cpanel .rtl .menu-min .nav-list > li > .submenu li > a { margin-left: auto; margin-right: 0; padding-left: 0; padding-right: 24px; } #js-cpanel .rtl .menu-min .nav-list > li > .submenu li > a > [class*="icon-"]:first-child { left: auto; right: 4px; } #js-cpanel .rtl .menu-min .nav-list > li.active > .submenu { border-left-color: none; border-right-color: #fcfcfc; } #js-cpanel .rtl .menu-min .sidebar-shortcuts-large { -webkit-box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, 0.2); left: auto; right: 42px; } #js-cpanel .rtl .nav-list > li > .submenu a > .arrow { left: 11px; right: auto; } #js-cpanel .rtl .nav-list > li > .submenu li > .submenu > li > a > .arrow { left: 12px; right: auto; } #js-cpanel .rtl .nav-list > li > .submenu li > .submenu > li > a { margin-left: auto; padding-left: 0; margin-right: 20px; padding-right: 22px; } #js-cpanel .rtl .nav-list > li > .submenu li > .submenu > li > .submenu > li > a { margin-left: auto; padding-left: 0; margin-right: 20px; padding-right: 38px; } #js-cpanel .rtl .menu-min .nav-list > li > .submenu li > .submenu > li > a { margin-right: 0; padding-right: 30px; } #js-cpanel .rtl .menu-min .nav-list > li > .submenu li > .submenu > li > .submenu > li > a { margin-right: 0; padding-right: 45px; } #js-cpanel .rtl button.btn:active { left: -1px; } #js-cpanel .rtl .btn.disabled:active, #js-cpanel .rtl .btn[disabled]:active { left: 0; } #js-cpanel .rtl .btn > [class*="icon-"] { margin-left: 4px; margin-right: 0; } #js-cpanel .rtl .btn > [class*="icon-"].icon-on-right { margin-left: 0; margin-right: 4px; } #js-cpanel .rtl .btn > [class*="icon-"].icon-only { margin: 0; } #js-cpanel .rtl .btn-large > [class*="icon-"] { margin-left: 6px; margin-right: 0; } #js-cpanel .rtl .btn-large > [class*="icon-"].icon-on-right { margin-left: 0; margin-right: 6px; } #js-cpanel .rtl .btn-small > [class*="icon-"] { margin-left: 3px; margin-right: 0; } #js-cpanel .rtl .btn-small > [class*="icon-"].icon-on-right { margin-left: 0; margin-right: 3px; } #js-cpanel .rtl .btn-mini > [class*="icon-"], #js-cpanel .rtl.btn-minier > [class*="icon-"] { margin-left: 2px; margin-right: 0; } #js-cpanel .rtl .btn-mini > [class*="icon-"].icon-on-right, #js-cpanel .rtl.btn-minier > [class*="icon-"].icon-on-right { margin-left: 0; margin-right: 2px; } #js-cpanel .rtl .btn-group > .btn > .caret { margin-left: 0; margin-right: 1px; } #js-cpanel .rtl .dropdown-menu.dropdown-icon-only > li { float: right; } #js-cpanel .rtl .dropdown-light .dropdown-submenu:hover > a:after, #js-cpanel .rtl .dropdown-lighter .dropdown-submenu:hover > a:after { border-left-color: transparent; border-right-color: #444; } #js-cpanel .rtl .dropdown-submenu > a:after { margin-left: -5px; margin-right: auto; } #js-cpanel .rtl .dropdown-navbar > li > [class*="icon-"], #js-cpanel .rtl .dropdown-navbar > li > a > [class*="icon-"] { margin-right: 0 !important; margin-left: 5px !important; } #js-cpanel .rtl .dropdown-navbar [class*="btn"][class*="icon-"] { margin: 0 0 0 5px; } #js-cpanel .rtl .dropdown-navbar .msg-photo { margin-left: 6px; margin-right: 0; } #js-cpanel .rtl .dropdown-navbar .user-menu > li > a > [class*="icon-"] { margin-left: 6px; margin-right: 0; } #js-cpanel .rtl .help-button { margin-left: 0; margin-right: 4px; } #js-cpanel .rtl .form-search .radio [type="radio"] + label, #js-cpanel .rtl .form-inline .radio [type="radio"] + label, #js-cpanel .rtl .form-search .checkbox [type="checkbox"] + label, #js-cpanel .rtl .form-inline .checkbox [type="checkbox"] + label { float: right; margin-left: 0; margin-right: -20px; } .form-search #js-cpanel .rtl .form-search .radio [type="radio"] + label, .form-search #js-cpanel .rtl .form-inline .radio [type="radio"] + label, .form-search #js-cpanel .rtl .form-search .checkbox [type="checkbox"] + label, .form-search #js-cpanel .rtl .form-inline .checkbox [type="checkbox"] + label, .form-inline #js-cpanel .rtl .form-search .radio [type="radio"] + label, .form-inline #js-cpanel .rtl .form-inline .radio [type="radio"] + label, .form-inline #js-cpanel .rtl .form-search .checkbox [type="checkbox"] + label, .form-inline #js-cpanel .rtl .form-inline .checkbox [type="checkbox"] + label { margin-right: 0; margin-left: 3px; } #js-cpanel .rtl .input-prepend > .btn + .btn, #js-cpanel .rtl .input-append > .btn + .btn { margin-left: 0; margin-right: 1px; } #js-cpanel .rtl input[type="checkbox"] + .lbl::before, #js-cpanel .rtl input[type="radio"] + .lbl::before { margin-right: 0; margin-left: 1px; } #js-cpanel .rtl input[type="checkbox"].ace-switch + .lbl::before, #js-cpanel .rtl input[type="radio"].ace-switch + .lbl::before { direction: ltr; text-align: left; } #js-cpanel .rtl .ace-file-input label:before { right: auto; left: 0; } #js-cpanel .rtl .ace-file-input label span { padding-left: 0; padding-right: 30px; } #js-cpanel .rtl .ace-file-input label.selected { left: 16px; right: 0; } #js-cpanel .rtl .ace-file-input label [class*="icon-"] { right: 0; left: auto; } #js-cpanel .rtl .ace-file-input .remove { left: -8px; right: auto; } #js-cpanel .rtl .ace-file-multiple label.selected span [class*="icon-"] { right: 0; left: auto; } #js-cpanel .rtl .ace-file-multiple label span { padding: 0; text-align: right; } #js-cpanel .rtl .ace-file-multiple label span img { margin: 4px 1px 4px 8px; } #js-cpanel .rtl .ace-file-multiple label span.large { text-align: center; } #js-cpanel .rtl .ace-file-multiple label span.large img { margin: 0; } #js-cpanel .rtl .ace-file-multiple .remove { left: -11px; right: auto; } #js-cpanel .rtl .ace-file-multiple label.selected span [class*="icon-"] { margin-left: 4px; margin-right: 2px; } #js-cpanel .rtl .nav-tabs.padding-24 { padding-left: 0; padding-right: 24px; } #js-cpanel .rtl .nav-tabs.padding-20 { padding-left: 0; padding-right: 20px; } #js-cpanel .rtl .nav-tabs.padding-16 { padding-left: 0; padding-right: 16px; } #js-cpanel .rtl .nav-tabs.padding-12 { padding-left: 0; padding-right: 12px; } #js-cpanel .rtl .nav-tabs.padding-8 { padding-left: 0; padding-right: 8px; } #js-cpanel .rtl .nav-tabs.padding-4 { padding-left: 0; padding-right: 4px; } #js-cpanel .rtl .nav-tabs.padding-22 { padding-left: 0; padding-right: 22px; } #js-cpanel .rtl .nav-tabs.padding-18 { padding-left: 0; padding-right: 18px; } #js-cpanel .rtl .nav-tabs.padding-14 { padding-left: 0; padding-right: 14px; } #js-cpanel .rtl .nav-tabs.padding-10 { padding-left: 0; padding-right: 10px; } #js-cpanel .rtl .nav-tabs.padding-6 { padding-left: 0; padding-right: 6px; } #js-cpanel .rtl .nav-tabs.padding-2 { padding-left: 0; padding-right: 2px; } #js-cpanel .rtl .tabs-right > .nav-tabs[class*="padding-"], #js-cpanel .rtl .tabs-left > .nav-tabs[class*="padding-"] { padding-right: 0; } #js-cpanel .rtl .tabs-left > .nav-tabs { margin-left: auto; margin-right: -1px; } #js-cpanel .rtl .tabs-left > .nav-tabs > li > a, #js-cpanel .rtl .tabs-left > .nav-tabs > li > a:hover, #js-cpanel .rtl .tabs-left > .nav-tabs > li > a:focus { margin: 0 -1px 0 0; } #js-cpanel .rtl .tabs-left > .nav-tabs > li.active > a, #js-cpanel .rtl .tabs-left > .nav-tabs > li.active > a:hover, #js-cpanel .rtl .tabs-left > .nav-tabs > li.active > a:focus { margin: 0 -1px; } #js-cpanel .rtl .accordion-heading .accordion-toggle:after { left: 6px; right: auto; } #js-cpanel .rtl .accordion-heading .accordion-toggle.collapsed:after { content: "\f105"; } #js-cpanel .rtl .table thead:first-child tr th [class*="icon-"]:first-child { margin-left: 2px; margin-right: 0; } #js-cpanel .rtl .widget-main.no-padding .table-bordered th:first-child, #js-cpanel .rtl .widget-main.padding-0 .table-bordered th:first-child, #js-cpanel .rtl .widget-main.no-padding .table-bordered td:first-child, #js-cpanel .rtl .widget-main.padding-0 .table-bordered td:first-child { border-left-width: 1px; } #js-cpanel .rtl .widget-main.no-padding .table-bordered th:last-child, #js-cpanel .rtl .widget-main.padding-0 .table-bordered th:last-child, #js-cpanel .rtl .widget-main.no-padding .table-bordered td:last-child, #js-cpanel .rtl .widget-main.padding-0 .table-bordered td:last-child { border-left-width: 0; } #js-cpanel .rtl .table-header { padding-left: 0; padding-right: 12px; } #js-cpanel .rtl .dataTables_length { margin-left: 0; margin-right: 8px; } #js-cpanel .rtl .dataTables_filter { margin-left: 8px; margin-right: 0; text-align: left; } #js-cpanel .rtl .dataTables_info { margin: 0 12px 0 0; } #js-cpanel .rtl .dataTables_paginate { text-align: left; } #js-cpanel .rtl .dataTable th[class*="sort"]:after { float: left; margin-right: 0; margin-left: 4px; } #js-cpanel .rtl .dataTables_wrapper > .row-fluid > .span6 { float: right; margin-left: 0; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #js-cpanel .rtl .widget-header { padding-left: 0; padding-right: 12px; text-align: left; } #js-cpanel .rtl .widget-header-large { padding-left: 0; padding-right: 18px; } #js-cpanel .rtl .widget-header-small { padding-left: 0; padding-right: 10px; } #js-cpanel .rtl .widget-header > .widget-caption, #js-cpanel .rtl .widget-header > :first-child { float: right; text-align: right; } #js-cpanel .rtl .widget-header > .widget-caption > [class*="icon-"], #js-cpanel .rtl .widget-header > :first-child > [class*="icon-"] { margin-right: 0; margin-left: 5px; } #js-cpanel .rtl .widget-toolbar { text-align: right; } #js-cpanel .rtl .widget-toolbar:before { left: auto; right: -1px; border-width: 0 0 0 1px; } #js-cpanel .rtl .widget-toolbar > [data-action] > [class*="icon-"] { margin-right: auto; margin-left: 0; } #js-cpanel .rtl .widget-box.transparent > .widget-header { padding-left: 0; padding-right: 3px; } #js-cpanel .rtl .widget-box.transparent > .widget-header-large { padding-left: 0; padding-right: 5px; } #js-cpanel .rtl .widget-box.transparent > .widget-header-small { padding-left: 0; padding-right: 1px; } #js-cpanel .rtl [class*="header-color-"] > .widget-toolbar > .nav-tabs > li > a { margin-right: 0; margin-left: 1px; } #js-cpanel .rtl .infobox { padding: 8px 9px 6px 3px; text-align: right; } #js-cpanel .rtl .infobox > .infobox-icon > [class*="icon-"] { padding: 1px 2px 0 1px; } #js-cpanel .rtl .infobox > .infobox-data { text-align: right; padding-left: 0; padding-right: 8px; } #js-cpanel .rtl .infobox > .stat { left: 20px; right: auto; padding-left: 18px; padding-right: 0; } #js-cpanel .rtl .infobox > .stat:before { left: 4px; right: auto; } #js-cpanel .rtl .infobox > .stat:after { left: 1px; right: auto; } #js-cpanel .rtl .infobox > .badge { left: 20px; right: auto; } #js-cpanel .rtl .infobox.infobox-dark > .badge { left: 2px; right: auto; } #js-cpanel .rtl .infobox-small { text-align: right; } #js-cpanel .rtl .infobox-small > .infobox-data { text-align: right; } #js-cpanel .rtl .infobox-small > .infobox-chart > .sparkline { margin-left: auto; margin-right: 2px; } #js-cpanel .rtl .infobox-small .percentage { margin-left: auto; margin-right: 2px; } #js-cpanel .rtl .pricing-box .widget-header > .widget-caption, #js-cpanel .rtl .pricing-box .widget-header > :first-child { margin-right: -9px; margin-left: 0; text-align: center; float: none; } #js-cpanel .rtl .pricing-table-header { text-align: right; } #js-cpanel .rtl .pricing-table-header > li { padding: 7px 11px 7px 0; } #js-cpanel .rtl .pricing-box-small { margin-left: 0; margin-right: -2px; } #js-cpanel .rtl .pricing-span[class*="span"] { float: right !important; } #js-cpanel .rtl .pricing-span-header:first-child { float: right; } #js-cpanel .rtl.login-layout .main-content, #js-cpanel .rtl.login-layout #main-content { margin-right: 0; } #js-cpanel .rtl.login-layout .login-box .toolbar > div:first-child { float: right; text-align: right; } #js-cpanel .rtl.login-layout .login-box .toolbar > div:first-child > a { margin-left: 0; margin-right: 11px; } #js-cpanel .rtl.login-layout .login-box .toolbar > div:first-child + div { float: left; text-align: left; } #js-cpanel .rtl.login-layout .login-box .toolbar > div:first-child + div > a { margin-left: 11px; margin-right: 0; } #js-cpanel .rtl .ace-thumbnails { margin-right: 0; } #js-cpanel .rtl .ace-thumbnails > li { float: right; } #js-cpanel .rtl .ace-thumbnails > li .tags { direction: ltr; } #js-cpanel .rtl .ace-thumbnails > li .tags > .label { margin: 1px 0 0 1px; direction: rtl; text-align: right; } #js-cpanel .rtl .itemdiv { padding-right: 0; padding-left: 3px; } #js-cpanel .rtl .itemdiv > .user { left: auto; right: 0; } #js-cpanel .rtl .itemdiv > .body { margin-right: 50px; margin-left: 12px; } #js-cpanel .rtl .itemdiv > .body > .time { right: auto; left: 9px; } #js-cpanel .rtl .itemdiv > .body > .text { padding-left: 0; padding-right: 7px; } #js-cpanel .rtl .itemdiv > .body > .text:after { right: 16px; left: -12px; } #js-cpanel .rtl .itemdiv > .body > .text > [class*="icon-quote-"]:first-child { margin-left: 4px; margin-right: 0; } #js-cpanel .rtl .itemdiv.dialogdiv:before { left: auto; right: 19px; } #js-cpanel .rtl .itemdiv.dialogdiv > .body { border-left-width: 1px; border-right-width: 2px; margin-left: 1px; } #js-cpanel .rtl .itemdiv.dialogdiv > .body:before { left: auto; right: -7px; border-width: 2px 2px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #js-cpanel .rtl .itemdiv.dialogdiv > .body > .time { float: left; } #js-cpanel .rtl .itemdiv.dialogdiv > .body > .text { padding-right: 0; } #js-cpanel .rtl .itemdiv.memberdiv { float: right; } #js-cpanel .rtl .itemdiv .tools { right: auto; left: 4px; } #js-cpanel .rtl .itemdiv.commentdiv .tools { right: auto; left: 9px; } #js-cpanel .rtl .item-list { margin: 0; } #js-cpanel .rtl .item-list > li { border-left-width: 1px; border-right-width: 3px; border-left-color: #ddd; } #js-cpanel .rtl .item-list > li.item-orange { border-right-color: #eccb71; } #js-cpanel .rtl .item-list > li.item-red { border-right-color: #e05656; } #js-cpanel .rtl .item-list > li.item-green { border-right-color: #9ecf6a; } #js-cpanel .rtl .item-list > li.item-blue { border-right-color: #569add; } #js-cpanel .rtl .item-list > li.item-pink { border-right-color: #dd56c0; } #js-cpanel .rtl .item-list > li.item-black { border-right-color: #505050; } #js-cpanel .rtl .item-list > li.item-grey { border-right-color: #999; } #js-cpanel .rtl .item-list > li.item-brown { border-right-color: #a52a2a; } #js-cpanel .rtl .item-list > li.item-default { border-right-color: #abbac3; } #js-cpanel .rtl .profile-info-name { text-align: left; padding-right: 0; padding-left: 10px; left: auto; right: 0; } #js-cpanel .rtl .profile-info-value { padding-right: 6px; padding-left: 4px; margin-left: auto; margin-right: 120px; } #js-cpanel .rtl .profile-info-value > span + span:before { margin-left: 3px; margin-right: 1px; } #js-cpanel .rtl .profile-user-info-striped .profile-info-value { padding-left: 0; padding-right: 12px; } #js-cpanel .rtl .profile-activity img, #js-cpanel .rtl .profile-activity .thumbicon { margin-right: 0; margin-left: 10px; } #js-cpanel .rtl .profile-activity .tools { left: 12px; right: auto; } #js-cpanel .rtl .user-profile .user-title-label + .dropdown-menu { margin-left: auto; margin-right: -12px; } #js-cpanel .rtl .user-status { margin-right: auto; margin-left: 1px; } #js-cpanel .rtl .user-profile .form-horizontal .controls { margin-left: auto; margin-right: 140px; } #js-cpanel .rtl .tab-content.profile-edit-tab-content { -webkit-box-shadow: -1px 1px 0 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: -1px 1px 0 0 rgba(0, 0, 0, 0.2); box-shadow: -1px 1px 0 0 rgba(0, 0, 0, 0.2); } #js-cpanel .rtl .ace-settings-container { left: 0; right: auto; } #js-cpanel .rtl .btn.ace-settings-btn { float: right; -webkit-border-radius: 0 6px 6px 0 !important; -moz-border-radius: 0 6px 6px 0 !important; border-radius: 0 6px 6px 0 !important; } #js-cpanel .rtl .ace-settings-box { float: right; } #js-cpanel .rtl .btn-scroll-up { right: auto; left: 2px; } #js-cpanel .rtl .grid2, #js-cpanel .rtl .grid3, #js-cpanel .rtl .grid4 { float: right; border-left: none; border-right: 1px solid #e3e3e3; } #js-cpanel .rtl .grid2:first-child, #js-cpanel .rtl .grid3:first-child, #js-cpanel .rtl .grid4:first-child { border-right: 0; } #js-cpanel .rtl .easyPieChart canvas { left: auto; right: 0; } #js-cpanel .rtl .external-event > [class*="icon-"]:first-child { margin-right: 0; margin-left: 5px; border-right: 0; border-left: 1px solid #fff; } #js-cpanel .rtl #cboxCurrent { left: auto; right: 61px; } #js-cpanel .rtl #cboxNext, #js-cpanel .rtl #cboxPrevious { margin-left: 0; margin-right: 7px; } #js-cpanel .rtl #cboxPrevious { left: auto; right: 27px; } #js-cpanel .rtl #cboxNext { left: auto; right: 0; } #js-cpanel .rtl .ace-spinner .spinner-buttons > button.btn:active { left: auto; top: auto; } #js-cpanel .rtl .wizard-steps { margin-right: 0; } #js-cpanel .rtl .wizard-steps li { float: right; } #js-cpanel .rtl .wizard-steps li:first-child:before { left: auto; right: 50%; } #js-cpanel .rtl .wizard-actions { text-align: left; } #js-cpanel .rtl .tree { padding-left: 0; padding-right: 9px; } #js-cpanel .rtl .tree:before { left: auto; right: 0; border-width: 0 1px 0 0; } #js-cpanel .rtl .tree .tree-folder .tree-folder-header .tree-folder-name { margin-left: 0; margin-right: 2px; } #js-cpanel .rtl .tree .tree-folder .tree-folder-header > [class*="icon-"]:first-child { margin: -2px -2px 0 0; } #js-cpanel .rtl .tree .tree-folder:last-child:after { left: auto; right: -15px; border-left: none; border-right: 1px solid #fff; } #js-cpanel .rtl .tree .tree-folder .tree-folder-content { margin-left: 0; margin-right: 23px; } #js-cpanel .rtl .tree .tree-folder .tree-folder-content:before { left: auto; right: -14px; border-width: 0 1px 0 0; } #js-cpanel .rtl .tree .tree-item .tree-item-name { margin-left: 0; margin-right: 3px; } #js-cpanel .rtl .tree .tree-item .tree-item-name > [class*="icon-"]:first-child { margin-right: 0; margin-left: 3px; } #js-cpanel .rtl .tree .tree-folder:before, #js-cpanel .rtl .tree .tree-item:before { left: auto; right: -13px; } #js-cpanel .rtl .tree .tree-loading { margin-left: 0; margin-right: 36px; } #js-cpanel .rtl #gritter-notice-wrapper { text-align: right; direction: rtl; left: 20px; right: auto; } #js-cpanel .rtl .gritter-close { right: auto; left: 3px; } #js-cpanel .rtl .gritter-image { float: right; } #js-cpanel .rtl .gritter-with-image, #js-cpanel .rtl .gritter-without-image { float: left; } #js-cpanel .rtl .wysiwyg-toolbar .dropdown-menu { text-align: right; } #js-cpanel .rtl .wysiwyg-toolbar .btn-group > .btn.dropdown-toggle > [class*="icon-"]:last-child { margin-right: 0; margin-left: 4px; } #js-cpanel .rtl .wysiwyg-toolbar .wysiwyg-choose-file { margin-left: auto; } #js-cpanel .rtl .wysiwyg-style1 .btn-group:after, #js-cpanel .rtl .wysiwyg-style2 .btn-group:after { left: auto; border-left: none; right: -2px; border-right: 1px solid #e1e6ea; } #js-cpanel .rtl .wysiwyg-style2 .btn-group > .btn { margin: 0 0 0 1px !important; } #js-cpanel .rtl .wysiwyg-toolbar .dropdown-menu input[type="text"] { margin-left: 0; margin-right: 8px; } #js-cpanel .rtl .wysiwyg-toolbar .dropdown-menu .btn { margin-right: 0; margin-left: 8px; } #js-cpanel .rtl .widget-body .md-header { margin-left: 0; margin-right: 9px; } #js-cpanel .rtl .widget-body .md-header .btn-inverse { padding-right: 0; padding-left: 5px; } #js-cpanel .rtl .select2-container .select2-choice { padding-left: 0; padding-right: 8px; } #js-cpanel .rtl .select2-container.select2-allowclear .select2-choice .select2-chosen { margin-right: auto; margin-left: 42px; } #js-cpanel .rtl .select2-container .select2-choice > .select2-chosen { margin-left: 26px; margin-right: auto; } #js-cpanel .rtl .select2-container .select2-choice abbr { right: auto; left: 20px; } #js-cpanel .rtl .select2-container .select2-choice .select2-arrow { right: auto; left: 0; } #js-cpanel .rtl .select2-container .select2-choice .select2-arrow b:before { right: 5px; left: auto; } #js-cpanel .rtl .select2-container-multi .select2-choices li { float: right; } #js-cpanel .rtl .select2-container-multi .select2-choices .select2-search-choice { margin: 3px 5px 3px 0; padding: 3px 18px 3px 5px; } #js-cpanel .rtl .select2-results { margin-right: 0; } #js-cpanel .rtl .select2-drop { direction: rtl; text-align: right; } #js-cpanel .rtl .select2-drop input { padding-right: 5px; padding-left: 20px; } #js-cpanel .rtl .select2-drop .select2-results { padding-right: 4px; padding-left: 0; } #js-cpanel .rtl .select2-search:after { right: -20px; left: auto; } #js-cpanel .rtl .select2-search input.select2-active { background-position: 0 0; } #js-cpanel .rtl .editable-buttons { margin-left: auto; margin-right: 1px; } #js-cpanel .rtl .editable-buttons .btn { margin: 0 0 0 1px; } #js-cpanel .rtl .editable-input .ace-spinner { margin-right: auto; margin-left: 8px; } #js-cpanel .rtl .editable-inline .editable-slider { margin-right: auto; margin-left: 4px; } #js-cpanel .rtl .tags .tag { padding-left: 22px; padding-right: 9px; text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15); } #js-cpanel .rtl .tags .tag .close { float: none; left: 0; right: auto; } #js-cpanel .rtl .limiterBox { direction: rtl; text-align: right; } #js-cpanel .rtl ol.linenums { margin-right: 33px; } #js-cpanel .rtl ol.linenums li { padding-left: 0; padding-right: 12px; } #js-cpanel .rtl .prettyprint.linenums { -webkit-box-shadow: -40px 0 0 #fbfbfc inset, -41px 0 0 #ececf0 inset; -moz-box-shadow: -40px 0 0 #fbfbfc inset, -41px 0 0 #ececf0 inset; box-shadow: -40px 0 0 #fbfbfc inset, -41px 0 0 #ececf0 inset; } #js-cpanel .g_header_table { color: #ecf0f1; font-weight: normal; background: #34495e; } #js-cpanel input[type="checkbox"], #js-cpanel input[type="radio"] { height: 18px; opacity: 0; position: absolute; width: 18px; z-index: 12; } /* Fixed: Switcher on Joomla 4.x & Joomla 5.x */ #js-cpanel .switcher input[type="radio"] { height: 28px; width: 62px; } #js-cpanel .switcher input[type="radio"] { z-index: 22; } #js-cpanel .switcher input[type="radio"]:checked { z-index: 21; } #js-cpanel .controls { display: flex; align-items: center; } /* Filter bar */ #js-cpanel .gru-filter-bar { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: calc(var(--ace-spacing) * 3); } #js-cpanel .gru-filter-bar .gru-filter-item { margin-right: calc(var(--ace-spacing) * 2); margin-bottom: var(--ace-spacing); } @media (min-width: 1600px) { #js-cpanel .gru-filter-bar .gru-filter-item { margin-bottom: 0; } } /* DASHBOARD --------------------------------------- */ #js-cpanel .g_inner_shell { display: flex; flex-wrap: wrap; align-items: stretch; } #js-cpanel .g_inner_shell > div { margin-right: var(--ace-spacing); } #js-cpanel .dash-cell .infobox { border-radius: 4px; height: 100%; padding: calc(var(--ace-spacing) * 2) calc(var(--ace-spacing) * 2) var(--ace-spacing) calc(var(--ace-spacing) * 8); position: relative; text-align: left; } #js-cpanel .dash-cell .infobox-icon { position: absolute; left: calc(var(--ace-spacing) * 2); top: calc(var(--ace-spacing) * 2); } #js-cpanel .dash-cell .infobox-data { font-size: 32px; } #js-cpanel .dash-cell .infobox-footer { font-weight: 500; letter-spacing: 0.5px; margin-top: var(--ace-spacing); } div.demo-container { background: var(--ace-white); border: 1px solid var(--ace-border-color); border-radius: var(--ace-input-border-radius); } .statistic-zone { display: grid; grid-template-columns: repeat(1, 1fr); gap: calc(var(--ace-spacing) * 3); } @media (min-width: 768px) { .statistic-zone { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1200px) { .statistic-zone { grid-template-columns: repeat(4, 1fr); } } .span3 { flex-basis: 33.33%; padding: var(--ace-spacing); } .g_header_table { border-radius: 4px 4px 0 0; } #js-cpanel .page-desc { margin-bottom: 1rem; } /* Pagination */ #js-cpanel table.adminlist .pagination__wrapper, #js-cpanel table.adminlist .pagination-toolbar { float: right; margin: 0; } #js-cpanel table.adminlist .pagination__wrapper .pagination, #js-cpanel table.adminlist .pagination__wrapper ul.pagination { margin: 0 !important; } #js-cpanel #editcell div.pagination { float: right; } #js-cpanel #editcell .pagination { margin: 0; } #js-cpanel #editcell ul.pagination { margin-bottom: 0 !important; } /* Certificatate page ------------------------------------ */ #g_certificate_manager > #adminForm { padding-left: calc(var(--gru-gutter-x) / 2); padding-right: calc(var(--gru-gutter-x) / 2); } #js-cpanel #g_certificate_manager .tab-content { border: 0; padding: calc(var(--ace-spacing) * 3) 0; } .tbl-wrap { margin-bottom: calc(var(--ace-spacing) * 3); max-width: 100%; overflow: auto; } @media (max-width: 1200px) { .tbl-wrap { width: calc(100% - 48px); } } /* Gugu about */ .installed-wrap { display: flex; flex-wrap: wrap; } .installed-wrap .installed-item { border: 1px solid var(--ace-border-color); border-radius: var(--ace-border-radius); padding: var(--ace-spacing) calc(var(--ace-spacing) * 2); margin: calc(var(--ace-spacing) / 2); } .installed-wrap .installed-item:first-child { margin-left: 0; } .installed-wrap .installed-item:last-child { margin-right: 0; } .installed-wrap .installed, .installed-wrap .not-installed { color: #16a34a; display: block; font-size: 13px; margin-bottom: calc(var(--ace-spacing) / 2); } .installed-wrap .not-installed { color: #dc2626; } .installed-wrap .installed i, .installed-wrap .not-installed i { margin-right: 4px; } #js-cpanel .installed-wrap h5 { font-size: 16px; font-weight: 600; margin: 0; margin-bottom: calc(var(--ace-spacing) / 2); } #js-cpanel .installed-wrap .ext-version { font-size: 13px; } /* Grid compatible */ .main-content .row, .main-content .row-fluid, .main-content .row--fluid, .main-content .row-flow { display: flex; flex-wrap: wrap; align-items: stretch; margin-left: calc(var(--gru-gutter-x) / -2); margin-right: calc(var(--gru-gutter-x) / -2); } .main-content .row-fluid + .row-fluid { margin-top: 1.5rem; } .main-content .row-fluid > .row-fluid { padding-right: calc(var(--gru-gutter-x) * 0.5); padding-left: calc(var(--gru-gutter-x) * 0.5); } .main-content .row > .span1, .main-content .row > .span2, .main-content .row > .span3, .main-content .row > .span4, .main-content .row > .span5, .main-content .row > .span6, .main-content .row > .span7, .main-content .row > .span8, .main-content .row > .span9, .main-content .row > .span10, .main-content .row > .span11, .main-content .row > .span12, .main-content .row-fluid > .span1, .main-content .row-fluid > .span2, .main-content .row-fluid > .span3, .main-content .row-fluid > .span4, .main-content .row-fluid > .span5, .main-content .row-fluid > .span6, .main-content .row-fluid > .span7, .main-content .row-fluid > .span8, .main-content .row-fluid > .span9, .main-content .row-fluid > .span10, .main-content .row-fluid > .span11, .main-content .row-fluid > .span12, .main-content .row-fluid > .control-group, .main-content .row--fluid > [class*="span"], .main-content .row-flow > * { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--gru-gutter-x) * 0.5); padding-left: calc(var(--gru-gutter-x) * 0.5); margin-left: 0; /* margin-top: var(--bs-gutter-y); */ } @media (min-width: 768px) { .span1 { flex: 0 0 auto; flex-basis: 8.33333333%; margin-left: 0; width: 8.33333333%; } .span2 { flex: 0 0 auto; flex-basis: 16.66666667%; width: 16.66666667%; } .span3 { flex: 0 0 auto; flex-basis: 25%; width: 25%; } .span4 { flex: 0 0 auto; flex-basis: 33.33333333%; margin-left: 0; width: 33.33333333%; } .span5 { flex: 0 0 auto; flex-basis: 41.66666667%; width: 41.66666667%; } .main-content .row > .span6, .main-content .row-fluid > .span6 { flex: 0 0 auto; flex-basis: 50%; width: 50%; } .span7 { flex: 0 0 auto; flex-basis: 58.33333333%; width: 58.33333333%; } .span8 { flex: 0 0 auto; flex-basis: 66.66666667%; width: 66.66666667%; } .span9 { flex: 0 0 auto; flex-basis: 75%; width: 75%; } .span10 { flex: 0 0 auto; flex-basis: 83.33333333%; width: 83.33333333%; } .span11 { flex: 0 0 auto; flex-basis: 91.66666667%; width: 91.66666667%; } .span12 { flex: 0 0 auto; flex-basis: 100%; width: 100%; } } .age-stats { display: flex; align-items: center; justify-content: center; gap: .5rem; margin-top: 1rem; } #js-cpanel .age-stats img { border-radius: 50%; } #js-cpanel .age-stats h3 { font-weight: 500; margin-bottom: 0; } table.fc-border-separate { border-collapse: collapse; border-spacing: 0; }
| ver. 1.1 | |
.
| PHP 8.4.18 | Ð“ÐµÐ½ÐµÑ€Ð°Ñ†Ð¸Ñ Ñтраницы: 0.02 |
proxy
|
phpinfo
|
ÐаÑтройка