| Server IP : 54.36.91.62 / Your IP : 216.73.217.112 Web Server : Apache System : Linux webm013.cluster127.gra.hosting.ovh.net 5.15.206-ovh-vps-grsec-zfs-classid #1 SMP Fri May 15 02:41:25 UTC 2026 x86_64 User : coopiak ( 151928) PHP Version : 8.3.23 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/coopiak/amisdesseniors-fr/brest/administrator/components/com_community/assets/css/ |
Upload File : |
@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;
}