4403 lines
114 KiB
CSS
4403 lines
114 KiB
CSS
@import "../vendor/jcrop/css/jquery.Jcrop.min.css";
|
|
@import "../../../system/assets/vendor/prettify/prettify.css";
|
|
@import "../../../system/assets/vendor/prettify/theme-desert.css";
|
|
@-webkit-keyframes showSweetAlert {
|
|
0% {
|
|
transform: scale(0.7);
|
|
-webkit-transform: scale(0.7);
|
|
}
|
|
45% {
|
|
transform: scale(1.05);
|
|
-webkit-transform: scale(1.05);
|
|
}
|
|
80% {
|
|
transform: scale(0.95);
|
|
-webkit-tranform: scale(0.95);
|
|
}
|
|
100% {
|
|
transform: scale(1);
|
|
-webkit-transform: scale(1);
|
|
}
|
|
}
|
|
@keyframes showSweetAlert {
|
|
0% {
|
|
transform: scale(0.7);
|
|
-webkit-transform: scale(0.7);
|
|
}
|
|
45% {
|
|
transform: scale(1.05);
|
|
-webkit-transform: scale(1.05);
|
|
}
|
|
80% {
|
|
transform: scale(0.95);
|
|
-webkit-tranform: scale(0.95);
|
|
}
|
|
100% {
|
|
transform: scale(1);
|
|
-webkit-transform: scale(1);
|
|
}
|
|
}
|
|
@-webkit-keyframes hideSweetAlert {
|
|
0% {
|
|
transform: scale(1);
|
|
-webkit-transform: scale(1);
|
|
}
|
|
100% {
|
|
transform: scale(0.5);
|
|
-webkit-transform: scale(0.5);
|
|
}
|
|
}
|
|
@keyframes hideSweetAlert {
|
|
0% {
|
|
transform: scale(1);
|
|
-webkit-transform: scale(1);
|
|
}
|
|
100% {
|
|
transform: scale(0.5);
|
|
-webkit-transform: scale(0.5);
|
|
}
|
|
}
|
|
.showSweetAlert {
|
|
-webkit-animation: showSweetAlert 0.3s;
|
|
animation: showSweetAlert 0.3s;
|
|
}
|
|
.hideSweetAlert {
|
|
-webkit-animation: hideSweetAlert 0.2s;
|
|
animation: hideSweetAlert 0.2s;
|
|
}
|
|
@-webkit-keyframes animateSuccessTip {
|
|
0% {
|
|
width: 0;
|
|
left: 1px;
|
|
top: 19px;
|
|
}
|
|
54% {
|
|
width: 0;
|
|
left: 1px;
|
|
top: 19px;
|
|
}
|
|
70% {
|
|
width: 50px;
|
|
left: -8px;
|
|
top: 37px;
|
|
}
|
|
84% {
|
|
width: 17px;
|
|
left: 21px;
|
|
top: 48px;
|
|
}
|
|
100% {
|
|
width: 25px;
|
|
left: 14px;
|
|
top: 45px;
|
|
}
|
|
}
|
|
@keyframes animateSuccessTip {
|
|
0% {
|
|
width: 0;
|
|
left: 1px;
|
|
top: 19px;
|
|
}
|
|
54% {
|
|
width: 0;
|
|
left: 1px;
|
|
top: 19px;
|
|
}
|
|
70% {
|
|
width: 50px;
|
|
left: -8px;
|
|
top: 37px;
|
|
}
|
|
84% {
|
|
width: 17px;
|
|
left: 21px;
|
|
top: 48px;
|
|
}
|
|
100% {
|
|
width: 25px;
|
|
left: 14px;
|
|
top: 45px;
|
|
}
|
|
}
|
|
@-webkit-keyframes animateSuccessLong {
|
|
0% {
|
|
width: 0;
|
|
right: 46px;
|
|
top: 54px;
|
|
}
|
|
65% {
|
|
width: 0;
|
|
right: 46px;
|
|
top: 54px;
|
|
}
|
|
84% {
|
|
width: 55px;
|
|
right: 0px;
|
|
top: 35px;
|
|
}
|
|
100% {
|
|
width: 47px;
|
|
right: 8px;
|
|
top: 38px;
|
|
}
|
|
}
|
|
@keyframes animateSuccessLong {
|
|
0% {
|
|
width: 0;
|
|
right: 46px;
|
|
top: 54px;
|
|
}
|
|
65% {
|
|
width: 0;
|
|
right: 46px;
|
|
top: 54px;
|
|
}
|
|
84% {
|
|
width: 55px;
|
|
right: 0px;
|
|
top: 35px;
|
|
}
|
|
100% {
|
|
width: 47px;
|
|
right: 8px;
|
|
top: 38px;
|
|
}
|
|
}
|
|
@-webkit-keyframes rotatePlaceholder {
|
|
0% {
|
|
transform: rotate(-45deg);
|
|
-webkit-transform: rotate(-45deg);
|
|
}
|
|
5% {
|
|
transform: rotate(-45deg);
|
|
-webkit-transform: rotate(-45deg);
|
|
}
|
|
12% {
|
|
transform: rotate(-405deg);
|
|
-webkit-transform: rotate(-405deg);
|
|
}
|
|
100% {
|
|
transform: rotate(-405deg);
|
|
-webkit-transform: rotate(-405deg);
|
|
}
|
|
}
|
|
@keyframes rotatePlaceholder {
|
|
0% {
|
|
transform: rotate(-45deg);
|
|
-webkit-transform: rotate(-45deg);
|
|
}
|
|
5% {
|
|
transform: rotate(-45deg);
|
|
-webkit-transform: rotate(-45deg);
|
|
}
|
|
12% {
|
|
transform: rotate(-405deg);
|
|
-webkit-transform: rotate(-405deg);
|
|
}
|
|
100% {
|
|
transform: rotate(-405deg);
|
|
-webkit-transform: rotate(-405deg);
|
|
}
|
|
}
|
|
.animateSuccessTip {
|
|
-webkit-animation: animateSuccessTip 0.75s;
|
|
animation: animateSuccessTip 0.75s;
|
|
}
|
|
.animateSuccessLong {
|
|
-webkit-animation: animateSuccessLong 0.75s;
|
|
animation: animateSuccessLong 0.75s;
|
|
}
|
|
.icon.success.animate::after {
|
|
-webkit-animation: rotatePlaceholder 4.25s ease-in;
|
|
animation: rotatePlaceholder 4.25s ease-in;
|
|
}
|
|
@-webkit-keyframes animateErrorIcon {
|
|
0% {
|
|
transform: rotateX(100deg);
|
|
-webkit-transform: rotateX(100deg);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
transform: rotateX(0deg);
|
|
-webkit-transform: rotateX(0deg);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes animateErrorIcon {
|
|
0% {
|
|
transform: rotateX(100deg);
|
|
-webkit-transform: rotateX(100deg);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
transform: rotateX(0deg);
|
|
-webkit-transform: rotateX(0deg);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.animateErrorIcon {
|
|
-webkit-animation: animateErrorIcon 0.5s;
|
|
animation: animateErrorIcon 0.5s;
|
|
}
|
|
@-webkit-keyframes animateXMark {
|
|
0% {
|
|
transform: scale(0.4);
|
|
-webkit-transform: scale(0.4);
|
|
margin-top: 26px;
|
|
opacity: 0;
|
|
}
|
|
50% {
|
|
transform: scale(0.4);
|
|
-webkit-transform: scale(0.4);
|
|
margin-top: 26px;
|
|
opacity: 0;
|
|
}
|
|
80% {
|
|
transform: scale(1.15);
|
|
-webkit-transform: scale(1.15);
|
|
margin-top: -6px;
|
|
}
|
|
100% {
|
|
transform: scale(1);
|
|
-webkit-transform: scale(1);
|
|
margin-top: 0;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes animateXMark {
|
|
0% {
|
|
transform: scale(0.4);
|
|
-webkit-transform: scale(0.4);
|
|
margin-top: 26px;
|
|
opacity: 0;
|
|
}
|
|
50% {
|
|
transform: scale(0.4);
|
|
-webkit-transform: scale(0.4);
|
|
margin-top: 26px;
|
|
opacity: 0;
|
|
}
|
|
80% {
|
|
transform: scale(1.15);
|
|
-webkit-transform: scale(1.15);
|
|
margin-top: -6px;
|
|
}
|
|
100% {
|
|
transform: scale(1);
|
|
-webkit-transform: scale(1);
|
|
margin-top: 0;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.animateXMark {
|
|
-webkit-animation: animateXMark 0.5s;
|
|
animation: animateXMark 0.5s;
|
|
}
|
|
@-webkit-keyframes pulseWarning {
|
|
0% {
|
|
border-color: #F8D486;
|
|
}
|
|
100% {
|
|
border-color: #F8BB86;
|
|
}
|
|
}
|
|
@keyframes pulseWarning {
|
|
0% {
|
|
border-color: #F8D486;
|
|
}
|
|
100% {
|
|
border-color: #F8BB86;
|
|
}
|
|
}
|
|
.pulseWarning {
|
|
-webkit-animation: pulseWarning 0.75s infinite alternate;
|
|
animation: pulseWarning 0.75s infinite alternate;
|
|
}
|
|
@-webkit-keyframes pulseWarningIns {
|
|
0% {
|
|
background-color: #F8D486;
|
|
}
|
|
100% {
|
|
background-color: #F8BB86;
|
|
}
|
|
}
|
|
@keyframes pulseWarningIns {
|
|
0% {
|
|
background-color: #F8D486;
|
|
}
|
|
100% {
|
|
background-color: #F8BB86;
|
|
}
|
|
}
|
|
.pulseWarningIns {
|
|
-webkit-animation: pulseWarningIns 0.75s infinite alternate;
|
|
animation: pulseWarningIns 0.75s infinite alternate;
|
|
}
|
|
.sweet-overlay {
|
|
background-color: rgba(0, 0, 0, 0.4);
|
|
position: fixed;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
display: none;
|
|
z-index: 8050;
|
|
}
|
|
.sweet-alert {
|
|
background-color: #f9f9f9;
|
|
width: 478px;
|
|
padding: 17px;
|
|
border-radius: 5px;
|
|
text-align: center;
|
|
position: fixed;
|
|
left: 50%;
|
|
top: 50%;
|
|
margin-left: -256px;
|
|
margin-top: -200px;
|
|
overflow: hidden;
|
|
display: none;
|
|
z-index: 9050;
|
|
}
|
|
.sweet-alert h4 {
|
|
margin: 30px 0;
|
|
word-wrap: break-word;
|
|
}
|
|
@media all and (max-width: 767px) {
|
|
.sweet-alert {
|
|
width: auto;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
left: 15px;
|
|
right: 15px;
|
|
}
|
|
}
|
|
.sweet-alert .icon {
|
|
width: 80px;
|
|
height: 80px;
|
|
border: 4px solid gray;
|
|
border-radius: 50%;
|
|
margin: 20px auto;
|
|
position: relative;
|
|
box-sizing: content-box;
|
|
}
|
|
.sweet-alert .icon.error {
|
|
border-color: #d43f3a;
|
|
}
|
|
.sweet-alert .icon.error .x-mark {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
.sweet-alert .icon.error .line {
|
|
position: absolute;
|
|
height: 5px;
|
|
width: 47px;
|
|
background-color: #d9534f;
|
|
display: block;
|
|
top: 37px;
|
|
border-radius: 2px;
|
|
}
|
|
.sweet-alert .icon.error .line.left {
|
|
-webkit-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
left: 17px;
|
|
}
|
|
.sweet-alert .icon.error .line.right {
|
|
-webkit-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
right: 16px;
|
|
}
|
|
.sweet-alert .icon.warning {
|
|
border-color: #eea236;
|
|
}
|
|
.sweet-alert .icon.warning .body {
|
|
position: absolute;
|
|
width: 5px;
|
|
height: 47px;
|
|
left: 50%;
|
|
top: 10px;
|
|
border-radius: 2px;
|
|
margin-left: -2px;
|
|
background-color: #f0ad4e;
|
|
}
|
|
.sweet-alert .icon.warning .dot {
|
|
position: absolute;
|
|
width: 7px;
|
|
height: 7px;
|
|
border-radius: 50%;
|
|
margin-left: -3px;
|
|
left: 50%;
|
|
bottom: 10px;
|
|
background-color: #f0ad4e;
|
|
}
|
|
.sweet-alert .icon.info {
|
|
border-color: #46b8da;
|
|
}
|
|
.sweet-alert .icon.info::before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 5px;
|
|
height: 29px;
|
|
left: 50%;
|
|
bottom: 17px;
|
|
border-radius: 2px;
|
|
margin-left: -2px;
|
|
background-color: #5bc0de;
|
|
}
|
|
.sweet-alert .icon.info::after {
|
|
content: "";
|
|
position: absolute;
|
|
width: 7px;
|
|
height: 7px;
|
|
border-radius: 50%;
|
|
margin-left: -3px;
|
|
top: 19px;
|
|
background-color: #5bc0de;
|
|
}
|
|
.sweet-alert .icon.success {
|
|
border-color: #4cae4c;
|
|
}
|
|
.sweet-alert .icon.success::before,
|
|
.sweet-alert .icon.success::after {
|
|
content: '';
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
width: 60px;
|
|
height: 120px;
|
|
background: white;
|
|
-webkit-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
.sweet-alert .icon.success::before {
|
|
border-radius: 120px 0 0 120px;
|
|
top: -7px;
|
|
left: -33px;
|
|
-webkit-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
-webkit-transform-origin: 60px 60px;
|
|
transform-origin: 60px 60px;
|
|
}
|
|
.sweet-alert .icon.success::after {
|
|
border-radius: 0 120px 120px 0;
|
|
top: -11px;
|
|
left: 30px;
|
|
-webkit-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
-webkit-transform-origin: 0px 60px;
|
|
transform-origin: 0px 60px;
|
|
}
|
|
.sweet-alert .icon.success .placeholder {
|
|
width: 80px;
|
|
height: 80px;
|
|
border: 4px solid rgba(92, 184, 92, 0.2);
|
|
border-radius: 50%;
|
|
box-sizing: content-box;
|
|
position: absolute;
|
|
left: -4px;
|
|
top: -4px;
|
|
z-index: 2;
|
|
}
|
|
.sweet-alert .icon.success .fix {
|
|
width: 5px;
|
|
height: 90px;
|
|
background-color: #f9f9f9;
|
|
position: absolute;
|
|
left: 28px;
|
|
top: 8px;
|
|
z-index: 1;
|
|
-webkit-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
}
|
|
.sweet-alert .icon.success .line {
|
|
height: 5px;
|
|
background-color: #5cb85c;
|
|
display: block;
|
|
border-radius: 2px;
|
|
position: absolute;
|
|
z-index: 2;
|
|
}
|
|
.sweet-alert .icon.success .line.tip {
|
|
width: 25px;
|
|
left: 14px;
|
|
top: 46px;
|
|
-webkit-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
.sweet-alert .icon.success .line.long {
|
|
width: 47px;
|
|
right: 8px;
|
|
top: 38px;
|
|
-webkit-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
}
|
|
.sweet-alert .icon.custom {
|
|
background-size: contain;
|
|
border-radius: 0;
|
|
border: none;
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.sweet-alert .btn-default:focus {
|
|
border-color: #e3e3e3;
|
|
outline: 0;
|
|
}
|
|
.sweet-alert .btn-success:focus {
|
|
border-color: #4cae4c;
|
|
outline: 0;
|
|
}
|
|
.sweet-alert .btn-info:focus {
|
|
border-color: #46b8da;
|
|
outline: 0;
|
|
}
|
|
.sweet-alert .btn-danger:focus {
|
|
border-color: #d43f3a;
|
|
outline: 0;
|
|
}
|
|
.sweet-alert .btn-warning:focus {
|
|
border-color: #eea236;
|
|
outline: 0;
|
|
}
|
|
.sweet-alert button::-moz-focus-inner {
|
|
border: 0;
|
|
}
|
|
.sweet-alert {
|
|
text-align: right;
|
|
}
|
|
.sweet-alert h4 {
|
|
word-break: word-break;
|
|
word-wrap: break-word;
|
|
max-height: 350px;
|
|
overflow-y: auto;
|
|
margin: 10px 0 17px 0;
|
|
color: #2b3e50;
|
|
text-align: left;
|
|
font-size: 15px;
|
|
line-height: 23px;
|
|
}
|
|
.sweet-alert p {
|
|
margin: 0;
|
|
}
|
|
.sweet-alert p.text-muted {
|
|
margin-bottom: 20px;
|
|
color: #555555;
|
|
}
|
|
.control-simplelist {
|
|
font-size: 13px;
|
|
}
|
|
.control-simplelist ul {
|
|
padding-left: 15px;
|
|
}
|
|
.control-simplelist.form-control ul {
|
|
margin-bottom: 0;
|
|
}
|
|
.control-simplelist.form-control li {
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
}
|
|
.control-simplelist.with-icons ul,
|
|
.control-simplelist.with-checkboxes ul,
|
|
.control-simplelist.is-divided ul,
|
|
.control-simplelist.is-selectable ul {
|
|
list-style-type: none;
|
|
padding-left: 0;
|
|
}
|
|
.control-simplelist.is-sortable li.placeholder {
|
|
position: relative;
|
|
}
|
|
.control-simplelist.is-sortable li.placeholder:before {
|
|
top: -10px;
|
|
position: absolute;
|
|
content: '';
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 4.5px solid transparent;
|
|
border-bottom: 4.5px solid transparent;
|
|
border-left: 5px solid #999999;
|
|
}
|
|
.control-simplelist.is-sortable li.dragged {
|
|
position: absolute;
|
|
opacity: 0.5;
|
|
filter: alpha(opacity=50);
|
|
z-index: 2000;
|
|
color: #e67e22;
|
|
width: auto !important;
|
|
}
|
|
.control-simplelist.is-scrollable {
|
|
height: 200px;
|
|
}
|
|
.control-simplelist.is-scrollable.size-tiny {
|
|
min-height: 250px;
|
|
}
|
|
.control-simplelist.is-scrollable.size-small {
|
|
min-height: 300px;
|
|
}
|
|
.control-simplelist.is-scrollable.size-large {
|
|
min-height: 400px;
|
|
}
|
|
.control-simplelist.is-scrollable.size-huge {
|
|
min-height: 450px;
|
|
}
|
|
.control-simplelist.is-scrollable.size-giant {
|
|
min-height: 550px;
|
|
}
|
|
.control-simplelist.is-divided li,
|
|
.control-simplelist.is-selectable li {
|
|
padding: 5px 10px;
|
|
border-bottom: 1px solid #e2e2e2;
|
|
}
|
|
.control-simplelist.is-divided li .heading,
|
|
.control-simplelist.is-selectable li .heading {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
.control-simplelist.is-divided li:last-child,
|
|
.control-simplelist.is-selectable li:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.control-simplelist.is-selectable li a {
|
|
padding: 5px 10px;
|
|
margin: -5px -10px;
|
|
display: block;
|
|
color: #333333;
|
|
}
|
|
.control-simplelist.is-selectable li:hover {
|
|
background: #4da7e8;
|
|
cursor: pointer;
|
|
}
|
|
.control-simplelist.is-selectable li:hover,
|
|
.control-simplelist.is-selectable li:hover a {
|
|
color: white;
|
|
}
|
|
.control-simplelist.is-selectable li:hover a {
|
|
text-decoration: none;
|
|
}
|
|
.control-simplelist.is-selectable li.active a {
|
|
background: #f0f0f0;
|
|
}
|
|
.control-simplelist.is-selectable li.active a:hover {
|
|
background: #4da7e8;
|
|
}
|
|
.list-preview .control-simplelist.is-selectable ul {
|
|
margin-bottom: 0;
|
|
}
|
|
.drag-noselect {
|
|
user-select: none;
|
|
-o-user-select: none;
|
|
-moz-user-select: none;
|
|
-khtml-user-select: none;
|
|
-webkit-user-select: none;
|
|
}
|
|
.control-scrollbar {
|
|
position: relative;
|
|
overflow: hidden;
|
|
height: 100%;
|
|
-webkit-transform: translateZ(0);
|
|
-ms-transform: translateZ(0);
|
|
transform: translateZ(0);
|
|
}
|
|
.control-scrollbar > div {
|
|
-webkit-transform: translateZ(0);
|
|
-ms-transform: translateZ(0);
|
|
transform: translateZ(0);
|
|
}
|
|
.control-scrollbar > .scrollbar-scrollbar {
|
|
position: absolute;
|
|
z-index: 100;
|
|
}
|
|
.control-scrollbar > .scrollbar-scrollbar .scrollbar-track {
|
|
background-color: transparent;
|
|
position: relative;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
.control-scrollbar > .scrollbar-scrollbar .scrollbar-track .scrollbar-thumb {
|
|
background-color: #aaaaaa;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
}
|
|
.control-scrollbar > .scrollbar-scrollbar.disabled {
|
|
display: none !important;
|
|
}
|
|
.control-scrollbar.vertical > .scrollbar-scrollbar {
|
|
right: 0;
|
|
width: 4px;
|
|
}
|
|
.control-scrollbar.vertical > .scrollbar-scrollbar .scrollbar-track {
|
|
height: 100%;
|
|
width: 4px;
|
|
}
|
|
.control-scrollbar.vertical > .scrollbar-scrollbar .scrollbar-track .scrollbar-thumb {
|
|
height: 20px;
|
|
width: 4px;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.control-scrollbar.vertical > .scrollbar-scrollbar:active,
|
|
.control-scrollbar.vertical > .scrollbar-scrollbar:hover {
|
|
width: 6px;
|
|
-webkit-transition: width 0.3s;
|
|
transition: width 0.3s;
|
|
}
|
|
.control-scrollbar.vertical > .scrollbar-scrollbar:active .scrollbar-track,
|
|
.control-scrollbar.vertical > .scrollbar-scrollbar:hover .scrollbar-track,
|
|
.control-scrollbar.vertical > .scrollbar-scrollbar:active .scrollbar-thumb,
|
|
.control-scrollbar.vertical > .scrollbar-scrollbar:hover .scrollbar-thumb {
|
|
width: 6px;
|
|
-webkit-transition: width 0.3s;
|
|
transition: width 0.3s;
|
|
}
|
|
.control-scrollbar.horizontal > .scrollbar-scrollbar {
|
|
margin: 0 0 5px;
|
|
clear: both;
|
|
height: 4px;
|
|
}
|
|
.control-scrollbar.horizontal > .scrollbar-scrollbar .scrollbar-track {
|
|
width: 100%;
|
|
height: 4px;
|
|
}
|
|
.control-scrollbar.horizontal > .scrollbar-scrollbar .scrollbar-track .scrollbar-thumb {
|
|
height: 4px;
|
|
margin: 2px 0;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
.control-scrollbar.horizontal > .scrollbar-scrollbar:active,
|
|
.control-scrollbar.horizontal > .scrollbar-scrollbar:hover {
|
|
height: 6px;
|
|
-webkit-transition: height 0.3s;
|
|
transition: height 0.3s;
|
|
}
|
|
.control-scrollbar.horizontal > .scrollbar-scrollbar:active .scrollbar-track,
|
|
.control-scrollbar.horizontal > .scrollbar-scrollbar:hover .scrollbar-track,
|
|
.control-scrollbar.horizontal > .scrollbar-scrollbar:active .scrollbar-thumb,
|
|
.control-scrollbar.horizontal > .scrollbar-scrollbar:hover .scrollbar-thumb {
|
|
height: 6px;
|
|
-webkit-transition: height 0.3s;
|
|
transition: height 0.3s;
|
|
}
|
|
.no-touch .control-scrollbar > .scrollbar-scrollbar {
|
|
opacity: 0;
|
|
-webkit-transition: opacity 0.3s;
|
|
transition: opacity 0.3s;
|
|
}
|
|
.no-touch .control-scrollbar:active > .scrollbar-scrollbar,
|
|
.no-touch .control-scrollbar:hover > .scrollbar-scrollbar {
|
|
opacity: 1;
|
|
}
|
|
@media (max-width: 768px) {
|
|
.responsive-sidebar > .layout-cell:last-child .control-scrollbar {
|
|
overflow: visible;
|
|
height: auto;
|
|
}
|
|
.responsive-sidebar > .layout-cell:last-child .control-scrollbar .scrollbar-scrollbar {
|
|
display: none !important;
|
|
}
|
|
}
|
|
.control-filelist p.no-data {
|
|
padding: 18px 0;
|
|
margin: 0;
|
|
color: #666666;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
font-weight: 400;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px;
|
|
}
|
|
.control-filelist ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.control-filelist ul li {
|
|
font-weight: 300;
|
|
line-height: 150%;
|
|
position: relative;
|
|
list-style: none;
|
|
}
|
|
.control-filelist ul li a:hover {
|
|
background: #dddddd;
|
|
}
|
|
.control-filelist ul li.active > a {
|
|
background: #dddddd;
|
|
position: relative;
|
|
}
|
|
.control-filelist ul li.active > a:after {
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 4px;
|
|
left: 0;
|
|
top: 0;
|
|
background: #e67e22;
|
|
display: block;
|
|
content: ' ';
|
|
}
|
|
.control-filelist ul li a {
|
|
display: block;
|
|
padding: 10px 40px 10px 20px;
|
|
outline: none;
|
|
}
|
|
.control-filelist ul li a:hover,
|
|
.control-filelist ul li a:focus,
|
|
.control-filelist ul li a:active {
|
|
text-decoration: none;
|
|
}
|
|
.control-filelist ul li a span {
|
|
display: block;
|
|
}
|
|
.control-filelist ul li a span.title {
|
|
font-weight: 500;
|
|
color: #405261;
|
|
font-size: 12px;
|
|
}
|
|
.control-filelist ul li a span.description {
|
|
color: #8f8f8f;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
}
|
|
.control-filelist ul li a span.description strong {
|
|
color: #405261;
|
|
font-weight: 500;
|
|
}
|
|
.control-filelist ul li.group > h4,
|
|
.control-filelist ul li.group > div.group > h4 {
|
|
font-weight: 500;
|
|
font-size: 12px;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
display: relative;
|
|
}
|
|
.control-filelist ul li.group > h4 a,
|
|
.control-filelist ul li.group > div.group > h4 a {
|
|
padding: 10px 20px 10px 53px;
|
|
color: #405261;
|
|
position: relative;
|
|
outline: none;
|
|
}
|
|
.control-filelist ul li.group > h4 a:hover,
|
|
.control-filelist ul li.group > div.group > h4 a:hover {
|
|
background: transparent;
|
|
}
|
|
.control-filelist ul li.group > h4 a:before,
|
|
.control-filelist ul li.group > div.group > h4 a:before,
|
|
.control-filelist ul li.group > h4 a:after,
|
|
.control-filelist ul li.group > div.group > h4 a:after {
|
|
width: 10px;
|
|
height: 10px;
|
|
display: block;
|
|
position: absolute;
|
|
top: 1px;
|
|
}
|
|
.control-filelist ul li.group > h4 a:after,
|
|
.control-filelist ul li.group > div.group > h4 a:after {
|
|
left: 34px;
|
|
font-family: FontAwesome;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
text-decoration: inherit;
|
|
-webkit-font-smoothing: antialiased;
|
|
*margin-right: .3em;
|
|
content: "\f07b";
|
|
color: #a1aab1;
|
|
font-size: 14px;
|
|
top: 9px;
|
|
}
|
|
.control-filelist ul li.group > h4 a:before,
|
|
.control-filelist ul li.group > div.group > h4 a:before {
|
|
left: 20px;
|
|
top: 9px;
|
|
color: #cfcfcf;
|
|
font-family: FontAwesome;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
text-decoration: inherit;
|
|
-webkit-font-smoothing: antialiased;
|
|
*margin-right: .3em;
|
|
content: "\f0da";
|
|
-webkit-transform: rotate(90deg) translate(5px, 0);
|
|
-ms-transform: rotate(90deg) translate(5px, 0);
|
|
transform: rotate(90deg) translate(5px, 0);
|
|
-webkit-transition: all 0.1s ease;
|
|
transition: all 0.1s ease;
|
|
}
|
|
.control-filelist ul li.group > ul > li > a {
|
|
padding-left: 52px;
|
|
}
|
|
.control-filelist ul li.group > ul > li.group {
|
|
padding-left: 20px;
|
|
}
|
|
.control-filelist ul li.group > ul > li.group > ul > li > a {
|
|
padding-left: 324px;
|
|
margin-left: -270px;
|
|
}
|
|
.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li > a {
|
|
padding-left: 297px;
|
|
margin-left: -243px;
|
|
}
|
|
.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a {
|
|
padding-left: 270px;
|
|
margin-left: -216px;
|
|
}
|
|
.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a {
|
|
padding-left: 243px;
|
|
margin-left: -189px;
|
|
}
|
|
.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a {
|
|
padding-left: 216px;
|
|
margin-left: -162px;
|
|
}
|
|
.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a {
|
|
padding-left: 189px;
|
|
margin-left: -135px;
|
|
}
|
|
.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a {
|
|
padding-left: 162px;
|
|
margin-left: -108px;
|
|
}
|
|
.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a {
|
|
padding-left: 135px;
|
|
margin-left: -81px;
|
|
}
|
|
.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a {
|
|
padding-left: 108px;
|
|
margin-left: -54px;
|
|
}
|
|
.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a {
|
|
padding-left: 81px;
|
|
margin-left: -27px;
|
|
}
|
|
.control-filelist ul li.group[data-status=collapsed] > h4 a:before,
|
|
.control-filelist ul li.group[data-status=collapsed] > div.group > h4 a:before {
|
|
-webkit-transform: rotate(0deg) translate(3px, 0);
|
|
-ms-transform: rotate(0deg) translate(3px, 0);
|
|
transform: rotate(0deg) translate(3px, 0);
|
|
}
|
|
.control-filelist ul li.group[data-status=collapsed] > ul,
|
|
.control-filelist ul li.group[data-status=collapsed] > div.subitems {
|
|
display: none;
|
|
}
|
|
.control-filelist ul li > div.controls {
|
|
position: absolute;
|
|
right: 19px;
|
|
top: 6px;
|
|
}
|
|
.control-filelist ul li > div.controls .dropdown {
|
|
width: 14px;
|
|
height: 21px;
|
|
}
|
|
.control-filelist ul li > div.controls .dropdown.open a.control {
|
|
display: block !important;
|
|
}
|
|
.control-filelist ul li > div.controls .dropdown.open a.control:before {
|
|
visibility: visible;
|
|
display: block;
|
|
}
|
|
.control-filelist ul li > div.controls a.control {
|
|
color: #405261;
|
|
font-size: 14px;
|
|
visibility: hidden;
|
|
overflow: hidden;
|
|
width: 14px;
|
|
height: 21px;
|
|
display: none;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
padding: 0;
|
|
opacity: 0.5;
|
|
filter: alpha(opacity=50);
|
|
}
|
|
.control-filelist ul li > div.controls a.control:before {
|
|
visibility: visible;
|
|
display: block;
|
|
margin-right: 0;
|
|
}
|
|
.control-filelist ul li > div.controls a.control:hover {
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
.control-filelist ul li:hover > div.controls,
|
|
.control-filelist ul li:hover > a.control {
|
|
display: block !important;
|
|
}
|
|
.control-filelist ul li:hover > div.controls > a.control,
|
|
.control-filelist ul li:hover > a.control > a.control {
|
|
display: block !important;
|
|
}
|
|
.control-filelist ul li .checkbox {
|
|
position: absolute;
|
|
top: 13px;
|
|
right: 17px;
|
|
}
|
|
.control-filelist ul li .checkbox label {
|
|
margin-right: 0;
|
|
}
|
|
.control-filelist ul li .checkbox label:before {
|
|
border-color: #cccccc;
|
|
}
|
|
.control-filelist.single-line ul li a span.title {
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
.control-filelist.hero ul li {
|
|
background: #ffffff;
|
|
border-bottom: none;
|
|
}
|
|
.control-filelist.hero ul li > a {
|
|
padding: 16px 45px 15px 50px;
|
|
font-size: 13px;
|
|
border-bottom: 1px solid #ecf0f1;
|
|
}
|
|
.control-filelist.hero ul li > a span.title {
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
color: #2b3e50;
|
|
}
|
|
.control-filelist.hero ul li > a .list-icon {
|
|
position: absolute;
|
|
left: 14px;
|
|
top: 20px;
|
|
font-size: 22px;
|
|
color: #b7c0c2;
|
|
}
|
|
.control-filelist.hero ul li > a:hover {
|
|
background: #58b6f7;
|
|
border-bottom: 1px solid #58b6f7 !important;
|
|
}
|
|
.control-filelist.hero ul li > a:hover span.title,
|
|
.control-filelist.hero ul li > a:hover span.description {
|
|
color: #ffffff !important;
|
|
}
|
|
.control-filelist.hero ul li > a:hover .list-icon {
|
|
color: #ffffff !important;
|
|
}
|
|
.control-filelist.hero ul li .checkbox {
|
|
top: 17px;
|
|
right: 17px;
|
|
}
|
|
.control-filelist.hero ul li.active > a {
|
|
border-bottom: 1px solid #dddddd;
|
|
}
|
|
.control-filelist.hero ul li.active > a:after {
|
|
top: -1px;
|
|
bottom: -1px;
|
|
height: auto;
|
|
}
|
|
.control-filelist.hero ul li.active > a > span.borders:before {
|
|
content: ' ';
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 1px;
|
|
display: block;
|
|
left: 0;
|
|
background-color: #dddddd;
|
|
}
|
|
.control-filelist.hero ul li.active > a > span.borders:before {
|
|
top: -1px;
|
|
}
|
|
.control-filelist.hero ul li.active > a:hover > span.borders:before {
|
|
background-color: #58b6f7;
|
|
}
|
|
.control-filelist.hero ul li > h4 {
|
|
padding-top: 7px;
|
|
padding-bottom: 6px;
|
|
border-bottom: 1px solid #ecf0f1;
|
|
}
|
|
.control-filelist.hero ul li > div.controls {
|
|
display: none;
|
|
position: absolute;
|
|
right: 16px;
|
|
top: 15px;
|
|
}
|
|
.control-filelist.hero ul li > div.controls > a.control {
|
|
width: 16px;
|
|
height: 23px;
|
|
background: transparent;
|
|
overflow: hidden;
|
|
display: inline-block;
|
|
color: #ffffff !important;
|
|
padding: 0;
|
|
}
|
|
.control-filelist.hero ul li > div.controls > a.control:before {
|
|
font-size: 17px;
|
|
}
|
|
.control-filelist.hero ul li:hover > div.controls {
|
|
display: block;
|
|
}
|
|
.control-filelist.hero ul > li.group > ul > li > a {
|
|
padding-left: 66px;
|
|
}
|
|
.control-filelist.hero.single-level ul li:hover {
|
|
background: #58b6f7;
|
|
}
|
|
.control-filelist.hero.single-level ul li:hover > a {
|
|
background: #58b6f7;
|
|
border-bottom: 1px solid #58b6f7 !important;
|
|
}
|
|
.control-filelist.hero.single-level ul li:hover > a span.title,
|
|
.control-filelist.hero.single-level ul li:hover > a span.description {
|
|
color: #ffffff !important;
|
|
}
|
|
.control-filelist.hero.single-level ul li:hover > a .list-icon {
|
|
color: #ffffff !important;
|
|
}
|
|
.touch .control-filelist li:not(.active) a:hover {
|
|
background: transparent;
|
|
}
|
|
.control-scrollpanel {
|
|
position: relative;
|
|
background: #ecf0f1;
|
|
}
|
|
.control-scrollpanel .control-scrollbar.vertical > .scrollbar-scrollbar {
|
|
right: 0;
|
|
}
|
|
.tooltip .tooltip-inner {
|
|
text-align: left;
|
|
padding: 5px 8px;
|
|
}
|
|
.tooltip.in {
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
.oc-logo-white {
|
|
background-image: url(../images/october-logo-white.svg);
|
|
background-position: 50% 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
}
|
|
.oc-bg-logo {
|
|
background-image: url(../images/october-logo-transparent.svg);
|
|
background-position: 50% 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: 50% auto;
|
|
}
|
|
.report-widget {
|
|
padding: 15px;
|
|
background: white;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px;
|
|
}
|
|
.report-widget h3 {
|
|
font-size: 14px;
|
|
color: #7e8c8d;
|
|
text-transform: uppercase;
|
|
font-weight: 600;
|
|
margin-top: 0;
|
|
margin-bottom: 30px;
|
|
}
|
|
.report-widget .height-100 {
|
|
height: 100px;
|
|
}
|
|
.report-widget .height-200 {
|
|
height: 200px;
|
|
}
|
|
.report-widget .height-300 {
|
|
height: 300px;
|
|
}
|
|
.report-widget .height-400 {
|
|
height: 400px;
|
|
}
|
|
.report-widget .height-500 {
|
|
height: 500px;
|
|
}
|
|
.report-widget p.report-description {
|
|
margin-bottom: 0;
|
|
margin-top: 15px;
|
|
font-size: 12px;
|
|
line-height: 190%;
|
|
color: #7e8c8d;
|
|
}
|
|
.report-widget p.flash-message.static {
|
|
margin-bottom: 0;
|
|
}
|
|
.control-treelist ol {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
.control-treelist ol ol {
|
|
margin: 0;
|
|
margin-left: 15px;
|
|
padding-left: 15px;
|
|
border-left: 1px solid #dbdee0;
|
|
}
|
|
.control-treelist > ol > li > div.record:before {
|
|
display: none;
|
|
}
|
|
.control-treelist li {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.control-treelist li > div.record {
|
|
margin: 0;
|
|
font-size: 12px;
|
|
margin-bottom: 5px;
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
.control-treelist li > div.record:before {
|
|
color: #bdc3c7;
|
|
font-family: FontAwesome;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
text-decoration: inherit;
|
|
-webkit-font-smoothing: antialiased;
|
|
*margin-right: .3em;
|
|
content: "\f111";
|
|
font-size: 6px;
|
|
position: absolute;
|
|
left: -18px;
|
|
top: 11px;
|
|
}
|
|
.control-treelist li > div.record > a.move {
|
|
display: inline-block;
|
|
padding: 7px 0 7px 10px;
|
|
text-decoration: none;
|
|
color: #bdc3c7;
|
|
}
|
|
.control-treelist li > div.record > a.move:hover {
|
|
color: #4da7e8;
|
|
}
|
|
.control-treelist li > div.record > a.move:before {
|
|
font-family: FontAwesome;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
text-decoration: inherit;
|
|
-webkit-font-smoothing: antialiased;
|
|
*margin-right: .3em;
|
|
content: "\f0c9";
|
|
}
|
|
.control-treelist li > div.record > span {
|
|
color: #666666;
|
|
display: inline-block;
|
|
padding: 7px 15px 7px 5px;
|
|
}
|
|
.control-treelist li.dragged {
|
|
position: absolute;
|
|
z-index: 2000;
|
|
width: auto !important;
|
|
height: auto !important;
|
|
}
|
|
.control-treelist li.dragged > div.record {
|
|
opacity: 0.5;
|
|
filter: alpha(opacity=50);
|
|
background: #4da7e8 !important;
|
|
}
|
|
.control-treelist li.dragged > div.record > a.move:before,
|
|
.control-treelist li.dragged > div.record > span {
|
|
color: white;
|
|
}
|
|
.control-treelist li.dragged > div.record:before {
|
|
display: none;
|
|
}
|
|
.control-treelist li.placeholder {
|
|
display: inline-block;
|
|
position: relative;
|
|
background: #4da7e8 !important;
|
|
height: 25px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.control-treelist li.placeholder:before {
|
|
display: block;
|
|
position: absolute;
|
|
font-family: FontAwesome;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
text-decoration: inherit;
|
|
-webkit-font-smoothing: antialiased;
|
|
*margin-right: .3em;
|
|
content: "\f053";
|
|
color: #d35714;
|
|
left: -10px;
|
|
top: 8px;
|
|
z-index: 2000;
|
|
}
|
|
.control-treeview {
|
|
margin-bottom: 40px;
|
|
/*
|
|
* Light version of the treeview - transparent background, no bottom borders,
|
|
* smaller paddings, inline submenu
|
|
*/
|
|
}
|
|
.control-treeview ol {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
background: #ffffff;
|
|
}
|
|
.control-treeview ol > li {
|
|
-webkit-transition: width 1s;
|
|
transition: width 1s;
|
|
}
|
|
.control-treeview ol > li > div {
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
background: #ffffff;
|
|
border-bottom: 1px solid #ecf0f1;
|
|
position: relative;
|
|
}
|
|
.control-treeview ol > li > div > a {
|
|
color: #2b3e50;
|
|
padding: 16px 45px 15px 61px;
|
|
display: block;
|
|
line-height: 150%;
|
|
text-decoration: none;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.control-treeview ol > li > div:before {
|
|
content: ' ';
|
|
background-image: url(../images/treeview-icons.png);
|
|
background-position: 0px -28px;
|
|
background-repeat: no-repeat;
|
|
background-size: 42px auto;
|
|
position: absolute;
|
|
width: 21px;
|
|
height: 22px;
|
|
left: 28px;
|
|
top: 20px;
|
|
}
|
|
.control-treeview ol > li > div span.comment {
|
|
display: block;
|
|
font-weight: 400;
|
|
color: #95a5a6;
|
|
font-size: 12px;
|
|
margin-top: 2px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.control-treeview ol > li > div > span.expand {
|
|
font: 0/0 a;
|
|
color: transparent;
|
|
text-shadow: none;
|
|
background-color: transparent;
|
|
border: 0;
|
|
display: none;
|
|
position: absolute;
|
|
left: 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
top: 24px;
|
|
left: 2px;
|
|
cursor: pointer;
|
|
color: #bdc3c7;
|
|
-webkit-transition: transform 0.1s ease;
|
|
transition: transform 0.1s ease;
|
|
}
|
|
.control-treeview ol > li > div > span.expand:before {
|
|
font-family: FontAwesome;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
text-decoration: inherit;
|
|
-webkit-font-smoothing: antialiased;
|
|
*margin-right: .3em;
|
|
content: "\f0da";
|
|
line-height: 100%;
|
|
font-size: 15px;
|
|
position: relative;
|
|
left: 8px;
|
|
top: 2px;
|
|
}
|
|
.control-treeview ol > li > div > span.drag-handle {
|
|
font: 0/0 a;
|
|
color: transparent;
|
|
text-shadow: none;
|
|
background-color: transparent;
|
|
border: 0;
|
|
-webkit-transition: opacity 0.4s;
|
|
transition: opacity 0.4s;
|
|
position: absolute;
|
|
right: 24px;
|
|
bottom: 5px;
|
|
width: 14px;
|
|
height: 14px;
|
|
cursor: move;
|
|
color: #bdc3c7;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
}
|
|
.control-treeview ol > li > div > span.drag-handle:before {
|
|
font-family: FontAwesome;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
text-decoration: inherit;
|
|
-webkit-font-smoothing: antialiased;
|
|
*margin-right: .3em;
|
|
content: "\f0c9";
|
|
font-size: 14px;
|
|
}
|
|
.control-treeview ol > li > div span.borders {
|
|
font-size: 0;
|
|
}
|
|
.control-treeview ol > li > div > ul.submenu {
|
|
position: absolute;
|
|
left: 20px;
|
|
bottom: -37px;
|
|
padding: 0;
|
|
list-style: none;
|
|
z-index: 200;
|
|
height: 37px;
|
|
display: none;
|
|
margin-left: 15px;
|
|
background: transparent url(../images/treeview-submenu-tabs.png) repeat-x left -39px;
|
|
}
|
|
.control-treeview ol > li > div > ul.submenu:before,
|
|
.control-treeview ol > li > div > ul.submenu:after {
|
|
background: transparent url(../images/treeview-submenu-tabs.png) no-repeat left top;
|
|
content: ' ';
|
|
display: block;
|
|
width: 20px;
|
|
height: 37px;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
.control-treeview ol > li > div > ul.submenu:before {
|
|
left: -20px;
|
|
}
|
|
.control-treeview ol > li > div > ul.submenu:after {
|
|
background-position: -100px top;
|
|
right: -20px;
|
|
}
|
|
.control-treeview ol > li > div > ul.submenu li {
|
|
font-size: 12px;
|
|
}
|
|
.control-treeview ol > li > div > ul.submenu li a {
|
|
display: block;
|
|
padding: 4px 3px 0 3px;
|
|
color: #ffffff;
|
|
text-decoration: none;
|
|
outline: none;
|
|
}
|
|
.control-treeview ol > li > div > ul.submenu li a i {
|
|
margin-right: 5px;
|
|
}
|
|
.control-treeview ol > li > div:hover > ul.submenu {
|
|
display: block;
|
|
}
|
|
.control-treeview ol > li > div .checkbox {
|
|
position: absolute;
|
|
top: 19px;
|
|
right: 17px;
|
|
}
|
|
.control-treeview ol > li > div .checkbox label {
|
|
margin-right: 0;
|
|
}
|
|
.control-treeview ol > li > div .checkbox label:before {
|
|
border-color: #cccccc;
|
|
}
|
|
.control-treeview ol > li > div.popover-highlight {
|
|
background-color: #58b6f7 !important;
|
|
}
|
|
.control-treeview ol > li > div.popover-highlight:before {
|
|
background-position: 0px -80px;
|
|
}
|
|
.control-treeview ol > li > div.popover-highlight > a {
|
|
color: #ffffff !important;
|
|
cursor: default;
|
|
}
|
|
.control-treeview ol > li > div.popover-highlight span {
|
|
color: #ffffff !important;
|
|
}
|
|
.control-treeview ol > li > div.popover-highlight > ul.submenu,
|
|
.control-treeview ol > li > div.popover-highlight > span.drag-handle {
|
|
display: none !important;
|
|
}
|
|
.control-treeview ol > li.dragged div,
|
|
.control-treeview ol > li > div:hover {
|
|
background-color: #58b6f7 !important;
|
|
}
|
|
.control-treeview ol > li.dragged div > a,
|
|
.control-treeview ol > li > div:hover > a {
|
|
color: #ffffff !important;
|
|
}
|
|
.control-treeview ol > li.dragged div:before,
|
|
.control-treeview ol > li > div:hover:before {
|
|
background-position: 0px -80px;
|
|
}
|
|
.control-treeview ol > li.dragged div:after,
|
|
.control-treeview ol > li > div:hover:after {
|
|
top: 0 !important;
|
|
bottom: 0 !important;
|
|
}
|
|
.control-treeview ol > li.dragged div span,
|
|
.control-treeview ol > li > div:hover span {
|
|
color: #ffffff !important;
|
|
}
|
|
.control-treeview ol > li.dragged div span.drag-handle,
|
|
.control-treeview ol > li > div:hover span.drag-handle {
|
|
cursor: move;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
.control-treeview ol > li.dragged div span.borders,
|
|
.control-treeview ol > li > div:hover span.borders {
|
|
display: none;
|
|
}
|
|
.control-treeview ol > li[data-no-drag-mode] div:hover span.drag-handle {
|
|
cursor: default !important;
|
|
opacity: 0.3 !important;
|
|
filter: alpha(opacity=30) !important;
|
|
}
|
|
.control-treeview ol > li.dragged li.has-subitems > div:before,
|
|
.control-treeview ol > li.dragged.has-subitems > div:before {
|
|
background-position: 0px -52px;
|
|
}
|
|
.control-treeview ol > li.dragged div > ul.submenu {
|
|
display: none !important;
|
|
}
|
|
.control-treeview ol > li > ol {
|
|
padding-left: 20px;
|
|
}
|
|
.control-treeview ol > li[data-status=collapsed] > ol {
|
|
display: none;
|
|
}
|
|
.control-treeview ol > li.has-subitems > div:before {
|
|
background-position: 0 0;
|
|
width: 23px;
|
|
height: 26px;
|
|
left: 26px;
|
|
}
|
|
.control-treeview ol > li.has-subitems > div:hover:before,
|
|
.control-treeview ol > li.has-subitems > div.popover-highlight:before {
|
|
background-position: 0px -52px;
|
|
}
|
|
.control-treeview ol > li.has-subitems > div span.expand {
|
|
display: block;
|
|
}
|
|
.control-treeview ol > li.placeholder {
|
|
height: 0;
|
|
position: relative;
|
|
border-bottom: 1px dotted #c03f31;
|
|
}
|
|
.control-treeview ol > li.placeholder:before {
|
|
font-family: FontAwesome;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
text-decoration: inherit;
|
|
-webkit-font-smoothing: antialiased;
|
|
*margin-right: .3em;
|
|
content: "\f0da";
|
|
font-size: 23px;
|
|
color: white;
|
|
position: absolute;
|
|
left: -11px;
|
|
top: -17px;
|
|
z-index: 1900;
|
|
}
|
|
.control-treeview ol > li.placeholder:after {
|
|
font-family: FontAwesome;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
text-decoration: inherit;
|
|
-webkit-font-smoothing: antialiased;
|
|
*margin-right: .3em;
|
|
content: "\f0da";
|
|
font-size: 21px;
|
|
color: #c03f31;
|
|
position: absolute;
|
|
left: -10px;
|
|
top: -14px;
|
|
z-index: 1901;
|
|
}
|
|
.control-treeview ol > li.dragged {
|
|
position: absolute;
|
|
z-index: 2000;
|
|
opacity: 0.5;
|
|
filter: alpha(opacity=50);
|
|
}
|
|
.control-treeview ol > li.dragged > div {
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
.control-treeview ol > li.drop-target > div {
|
|
background-color: #2581b8 !important;
|
|
}
|
|
.control-treeview ol > li.drop-target > div > a {
|
|
color: #ffffff;
|
|
}
|
|
.control-treeview ol > li.drop-target > div > a > span.comment {
|
|
color: #ffffff;
|
|
}
|
|
.control-treeview ol > li.drop-target > div:before {
|
|
background-position: 0px -80px;
|
|
}
|
|
.control-treeview ol > li.drop-target.has-subitems > div:before {
|
|
background-position: 0px -52px;
|
|
}
|
|
.control-treeview ol > li[data-status=expanded] > div > span.expand {
|
|
-webkit-transform: rotate(90deg) translate(0, 0);
|
|
-ms-transform: rotate(90deg) translate(0, 0);
|
|
transform: rotate(90deg) translate(0, 0);
|
|
}
|
|
.control-treeview ol > li.drag-ghost {
|
|
background-color: transparent;
|
|
box-sizing: content-box;
|
|
}
|
|
.control-treeview ol > li.active > div {
|
|
background: #dddddd;
|
|
}
|
|
.control-treeview ol > li.active > div:after {
|
|
position: absolute;
|
|
width: 4px;
|
|
left: 0;
|
|
top: -1px;
|
|
bottom: -1px;
|
|
background: #e67e22;
|
|
display: block;
|
|
content: ' ';
|
|
}
|
|
.control-treeview ol > li.active > div > span.comment,
|
|
.control-treeview ol > li.active > div > span.expand {
|
|
color: #8f8f8f;
|
|
}
|
|
.control-treeview ol > li.active > div > span.borders:before,
|
|
.control-treeview ol > li.active > div > span.borders:after {
|
|
content: ' ';
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 1px;
|
|
display: block;
|
|
left: 0;
|
|
background-color: #dddddd;
|
|
}
|
|
.control-treeview ol > li.active > div > span.borders:before {
|
|
top: -1px;
|
|
}
|
|
.control-treeview ol > li.active > div > span.borders:after {
|
|
bottom: -1px;
|
|
}
|
|
.control-treeview ol > li.no-data {
|
|
padding: 18px 0;
|
|
margin: 0;
|
|
color: #666666;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
font-weight: 400;
|
|
}
|
|
.control-treeview ol > li > ol > li > div {
|
|
margin-left: -20px;
|
|
padding-left: 71px;
|
|
}
|
|
.control-treeview ol > li > ol > li > div > a {
|
|
margin-left: -71px;
|
|
padding-left: 71px;
|
|
}
|
|
.control-treeview ol > li > ol > li > div:before {
|
|
margin-left: 10px;
|
|
}
|
|
.control-treeview ol > li > ol > li > div > span.expand {
|
|
left: 12px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > div {
|
|
margin-left: -40px;
|
|
padding-left: 81px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > div > a {
|
|
margin-left: -81px;
|
|
padding-left: 81px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > div:before {
|
|
margin-left: 20px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > div > span.expand {
|
|
left: 22px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > div {
|
|
margin-left: -60px;
|
|
padding-left: 91px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > div > a {
|
|
margin-left: -91px;
|
|
padding-left: 91px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > div:before {
|
|
margin-left: 30px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > div > span.expand {
|
|
left: 32px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > div {
|
|
margin-left: -80px;
|
|
padding-left: 101px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > div > a {
|
|
margin-left: -101px;
|
|
padding-left: 101px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > div:before {
|
|
margin-left: 40px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > div > span.expand {
|
|
left: 42px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div {
|
|
margin-left: -100px;
|
|
padding-left: 111px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > a {
|
|
margin-left: -111px;
|
|
padding-left: 111px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div:before {
|
|
margin-left: 50px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > span.expand {
|
|
left: 52px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div {
|
|
margin-left: -120px;
|
|
padding-left: 121px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > a {
|
|
margin-left: -121px;
|
|
padding-left: 121px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div:before {
|
|
margin-left: 60px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > span.expand {
|
|
left: 62px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div {
|
|
margin-left: -140px;
|
|
padding-left: 131px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > a {
|
|
margin-left: -131px;
|
|
padding-left: 131px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div:before {
|
|
margin-left: 70px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > span.expand {
|
|
left: 72px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div {
|
|
margin-left: -160px;
|
|
padding-left: 141px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > a {
|
|
margin-left: -141px;
|
|
padding-left: 141px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div:before {
|
|
margin-left: 80px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > span.expand {
|
|
left: 82px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div {
|
|
margin-left: -180px;
|
|
padding-left: 151px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > a {
|
|
margin-left: -151px;
|
|
padding-left: 151px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div:before {
|
|
margin-left: 90px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > span.expand {
|
|
left: 92px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div {
|
|
margin-left: -200px;
|
|
padding-left: 161px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > a {
|
|
margin-left: -161px;
|
|
padding-left: 161px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div:before {
|
|
margin-left: 100px;
|
|
}
|
|
.control-treeview ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > div > span.expand {
|
|
left: 102px;
|
|
}
|
|
.control-treeview p.no-data {
|
|
padding: 18px 0;
|
|
margin: 0;
|
|
color: #666666;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
font-weight: 400;
|
|
}
|
|
.control-treeview a.menu-control {
|
|
display: block;
|
|
margin: 20px;
|
|
padding: 13px 15px;
|
|
border: dotted 2px #ebebeb;
|
|
color: #bdc3c7;
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
vertical-align: middle;
|
|
}
|
|
.control-treeview a.menu-control:hover {
|
|
text-decoration: none;
|
|
background-color: #58b6f7 !important;
|
|
color: #ffffff !important;
|
|
border: none;
|
|
padding: 15px 17px;
|
|
}
|
|
.control-treeview a.menu-control i {
|
|
margin-right: 10px;
|
|
font-size: 14px;
|
|
}
|
|
.control-treeview.light {
|
|
margin-bottom: 0;
|
|
margin-top: 20px;
|
|
}
|
|
.control-treeview.light ol {
|
|
background-color: transparent;
|
|
}
|
|
.control-treeview.light ol > li > div {
|
|
background-color: transparent;
|
|
border-bottom: none;
|
|
}
|
|
.control-treeview.light ol > li > div:before {
|
|
top: 15px;
|
|
}
|
|
.control-treeview.light ol > li > div > a {
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
.control-treeview.light ol > li > div span.expand {
|
|
top: 19px;
|
|
}
|
|
.control-treeview.light ol > li > div > span.drag-handle {
|
|
top: 0;
|
|
right: 0;
|
|
bottom: auto;
|
|
height: 100%;
|
|
width: 60px;
|
|
background: #2581b8;
|
|
-webkit-transition: none !important;
|
|
transition: none !important;
|
|
}
|
|
.control-treeview.light ol > li > div > span.drag-handle:before {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
margin-left: -6px;
|
|
}
|
|
.control-treeview.light ol > li > div > ul.submenu {
|
|
right: 60px;
|
|
left: auto;
|
|
bottom: auto;
|
|
top: 0;
|
|
height: 100%;
|
|
margin: 0;
|
|
background: transparent;
|
|
white-space: nowrap;
|
|
font-size: 0;
|
|
}
|
|
.control-treeview.light ol > li > div > ul.submenu:before,
|
|
.control-treeview.light ol > li > div > ul.submenu:after {
|
|
display: none;
|
|
}
|
|
.control-treeview.light ol > li > div > ul.submenu li {
|
|
height: 100%;
|
|
display: inline-block;
|
|
background: #2581b8;
|
|
border-right: 1px solid #328ec8;
|
|
}
|
|
.control-treeview.light ol > li > div > ul.submenu li p {
|
|
display: table;
|
|
height: 100%;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.control-treeview.light ol > li > div > ul.submenu li p a {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
height: 100%;
|
|
padding: 0 20px;
|
|
font-size: 13px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.control-treeview.light ol > li > div > ul.submenu li p a i.control-icon {
|
|
font-size: 22px;
|
|
margin-right: 0;
|
|
}
|
|
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
|
|
.control-treeview ol > li > div:before {
|
|
background-position: 0px -79px;
|
|
background-size: 21px auto;
|
|
}
|
|
.control-treeview ol > li.has-subitems > div:before {
|
|
background-position: 0px -52px;
|
|
}
|
|
.control-treeview ol > li.has-subitems > div:hover:before,
|
|
.control-treeview ol > li.has-subitems > div.popover-highlight:before {
|
|
background-position: 0px -102px;
|
|
}
|
|
.control-treeview ol > li.dragged > div:before,
|
|
.control-treeview ol > li.dragged li > div:before,
|
|
.control-treeview ol > li > div:hover:before,
|
|
.control-treeview ol > li > div.popover-highlight:before {
|
|
background-position: 0px -129px;
|
|
}
|
|
.control-treeview ol > li.dragged li.has-subitems > div:before,
|
|
.control-treeview ol > li.dragged.has-subitems > div:before {
|
|
background-position: 0px -102px;
|
|
}
|
|
.control-treeview ol > li.drop-target > div:before {
|
|
background-position: 0px -129px;
|
|
}
|
|
.control-treeview ol > li.drop-target.has-subitems > div:before {
|
|
background-position: 0px -102px;
|
|
}
|
|
}
|
|
.sidenav-tree {
|
|
width: 280px;
|
|
background: #34495e;
|
|
}
|
|
.sidenav-tree .control-toolbar {
|
|
height: auto;
|
|
padding: 20px 0 20px 20px;
|
|
}
|
|
.sidenav-tree .control-toolbar input.form-control {
|
|
border: none;
|
|
}
|
|
.sidenav-tree ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
.sidenav-tree div.scrollbar-thumb {
|
|
background: #2b3e50 !important;
|
|
}
|
|
.sidenav-tree ul.top-level > li[data-status=collapsed] > div.group h3:before {
|
|
-webkit-transform: rotate(0deg) translate(3px, 0);
|
|
-ms-transform: rotate(0deg) translate(3px, 0);
|
|
transform: rotate(0deg) translate(3px, 0);
|
|
}
|
|
.sidenav-tree ul.top-level > li[data-status=collapsed] ul {
|
|
display: none;
|
|
}
|
|
.sidenav-tree ul.top-level > li > div.group h3 {
|
|
background: #2b3e50;
|
|
color: #ecf0f1;
|
|
text-transform: uppercase;
|
|
font-size: 14px;
|
|
padding: 15px 15px 15px 33px;
|
|
margin: 0;
|
|
position: relative;
|
|
cursor: pointer;
|
|
}
|
|
.sidenav-tree ul.top-level > li > div.group h3:before {
|
|
width: 10px;
|
|
height: 10px;
|
|
display: block;
|
|
position: absolute;
|
|
top: 1px;
|
|
}
|
|
.sidenav-tree ul.top-level > li > div.group h3:before {
|
|
left: 13px;
|
|
top: 15px;
|
|
color: #cfcfcf;
|
|
font-family: FontAwesome;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
text-decoration: inherit;
|
|
-webkit-font-smoothing: antialiased;
|
|
*margin-right: .3em;
|
|
content: "\f0da";
|
|
-webkit-transform: rotate(90deg) translate(5px, 0);
|
|
-ms-transform: rotate(90deg) translate(5px, 0);
|
|
transform: rotate(90deg) translate(5px, 0);
|
|
-webkit-transition: all 0.1s ease;
|
|
transition: all 0.1s ease;
|
|
}
|
|
.sidenav-tree ul.top-level > li > ul li a {
|
|
display: block;
|
|
position: relative;
|
|
padding: 15px 15px 15px 40px;
|
|
background: #3d5265;
|
|
margin-bottom: 1px;
|
|
color: rgba(255, 255, 255, 0.26);
|
|
text-decoration: none !important;
|
|
}
|
|
.sidenav-tree ul.top-level > li > ul li a:hover {
|
|
text-decoration: none;
|
|
}
|
|
.sidenav-tree ul.top-level > li > ul li a i {
|
|
position: absolute;
|
|
left: 15px;
|
|
top: 17px;
|
|
font-size: 16px;
|
|
}
|
|
.sidenav-tree ul.top-level > li > ul li a span {
|
|
display: block;
|
|
line-height: 150%;
|
|
}
|
|
.sidenav-tree ul.top-level > li > ul li a span.header {
|
|
color: rgba(255, 255, 255, 0.74);
|
|
font-size: 14px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.sidenav-tree ul.top-level > li > ul li a span.description {
|
|
color: rgba(255, 255, 255, 0.64);
|
|
font-size: 12px;
|
|
font-weight: 100;
|
|
}
|
|
.sidenav-tree ul.top-level > li > ul li.active a {
|
|
background: #34495e;
|
|
color: rgba(255, 255, 255, 0.91);
|
|
}
|
|
.sidenav-tree ul.top-level > li > ul li.active a:before {
|
|
content: ' ';
|
|
position: absolute;
|
|
width: 4px;
|
|
background: #e67e22;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
}
|
|
.sidenav-tree ul.top-level > li > ul li.active a span.header {
|
|
color: #ffffff;
|
|
}
|
|
.sidenav-tree ul.top-level > li > ul li.active a span.description {
|
|
color: rgba(255, 255, 255, 0.91);
|
|
}
|
|
.sidenav-tree ul.top-level > li > ul li:last-child a {
|
|
margin-bottom: 0;
|
|
}
|
|
.sidenav-tree ul.top-level > li > ul li:hover a {
|
|
background-color: #34495e;
|
|
}
|
|
.sidenav-tree .back-link {
|
|
display: none;
|
|
}
|
|
@media (max-width: 768px) {
|
|
.sidenav-tree {
|
|
width: 100%;
|
|
height: auto !important;
|
|
display: block !important;
|
|
}
|
|
.sidenav-tree > .layout {
|
|
display: none;
|
|
}
|
|
.sidenav-tree-root .sidenav-tree {
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
display: table-cell !important;
|
|
}
|
|
.sidenav-tree-root .sidenav-tree .back-link {
|
|
display: none !important;
|
|
}
|
|
.sidenav-tree-root .sidenav-tree > .layout {
|
|
display: table !important;
|
|
}
|
|
.sidenav-tree-root #layout-body {
|
|
display: none;
|
|
}
|
|
body.has-sidenav-tree .sidenav-tree .back-link {
|
|
display: block;
|
|
padding: 13px 15px;
|
|
background: #2b3e50;
|
|
color: #bdc3c7;
|
|
font-size: 14px;
|
|
line-height: 14px;
|
|
text-transform: uppercase;
|
|
}
|
|
body.has-sidenav-tree .sidenav-tree .back-link i {
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
}
|
|
body.has-sidenav-tree .sidenav-tree .back-link:hover {
|
|
text-decoration: none;
|
|
}
|
|
body.has-sidenav-tree #layout-body {
|
|
display: block !important;
|
|
}
|
|
}
|
|
div.panel {
|
|
padding: 20px;
|
|
/*
|
|
* Panel sections
|
|
*/
|
|
}
|
|
div.panel.no-padding {
|
|
padding: 0;
|
|
}
|
|
div.panel.no-padding-bottom {
|
|
padding-bottom: 0;
|
|
}
|
|
div.panel.padding-top {
|
|
padding-top: 20px;
|
|
}
|
|
div.panel.padding-less {
|
|
padding: 15px;
|
|
}
|
|
div.panel.transparent {
|
|
background: transparent;
|
|
}
|
|
div.panel.border-left {
|
|
border-left: 1px solid #e8eaeb;
|
|
}
|
|
div.panel.border-right {
|
|
border-right: 1px solid #e8eaeb;
|
|
}
|
|
div.panel.border-bottom {
|
|
border-bottom: 1px solid #e8eaeb;
|
|
}
|
|
div.panel.border-top {
|
|
border-top: 1px solid #e8eaeb;
|
|
}
|
|
div.panel.triangle-down {
|
|
position: relative;
|
|
}
|
|
div.panel.triangle-down:after {
|
|
content: '';
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 7.5px solid transparent;
|
|
border-right: 7.5px solid transparent;
|
|
border-top: 8px solid #ffffff;
|
|
border-bottom-width: 0;
|
|
position: absolute;
|
|
left: 15px;
|
|
bottom: -8px;
|
|
z-index: 101;
|
|
}
|
|
div.panel.triangle-down:before {
|
|
content: '';
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 8.5px solid transparent;
|
|
border-right: 8.5px solid transparent;
|
|
border-top: 9px solid #e8eaeb;
|
|
border-bottom-width: 0;
|
|
position: absolute;
|
|
left: 14px;
|
|
bottom: -9px;
|
|
z-index: 100;
|
|
}
|
|
div.panel h3.section,
|
|
div.panel > label {
|
|
text-transform: uppercase;
|
|
color: #95a5a6;
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
margin: 0 0 15px 0;
|
|
}
|
|
div.panel > label {
|
|
margin-bottom: 5px;
|
|
}
|
|
.nav.selector-group {
|
|
font-size: 13px;
|
|
letter-spacing: 0.01em;
|
|
margin-bottom: 20px;
|
|
}
|
|
.nav.selector-group li a {
|
|
padding: 7px 20px 7px 23px;
|
|
color: #95a5a6;
|
|
}
|
|
.nav.selector-group li.active {
|
|
border-left: 3px solid #e6802b;
|
|
padding-left: 0;
|
|
}
|
|
.nav.selector-group li.active a {
|
|
padding-left: 20px;
|
|
color: #2b3e50;
|
|
}
|
|
.nav.selector-group li i[class^="icon-"] {
|
|
font-size: 17px;
|
|
margin-right: 6px;
|
|
position: relative;
|
|
top: 1px;
|
|
}
|
|
div.panel .nav.selector-group {
|
|
margin: 0 -20px 20px -20px;
|
|
}
|
|
ul.tree-path {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
ul.tree-path li {
|
|
display: inline-block;
|
|
margin-right: 1px;
|
|
font-size: 13px;
|
|
}
|
|
ul.tree-path li:after {
|
|
font-family: FontAwesome;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
text-decoration: inherit;
|
|
-webkit-font-smoothing: antialiased;
|
|
*margin-right: .3em;
|
|
content: "\f105";
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
margin-left: 5px;
|
|
position: relative;
|
|
top: 1px;
|
|
color: #95a5a6;
|
|
}
|
|
ul.tree-path li:last-child a {
|
|
cursor: default;
|
|
}
|
|
ul.tree-path li:last-child:after {
|
|
display: none;
|
|
}
|
|
ul.tree-path li.go-up {
|
|
font-size: 12px;
|
|
margin-right: 7px;
|
|
}
|
|
ul.tree-path li.go-up a {
|
|
color: #95a5a6;
|
|
}
|
|
ul.tree-path li.go-up a:hover {
|
|
color: #0181b9;
|
|
}
|
|
ul.tree-path li.go-up:after {
|
|
display: none;
|
|
}
|
|
ul.tree-path li.root a {
|
|
font-weight: 600;
|
|
color: #405261;
|
|
}
|
|
ul.tree-path li a {
|
|
color: #95a5a6;
|
|
}
|
|
ul.tree-path li a:hover {
|
|
text-decoration: none;
|
|
}
|
|
table.name-value-list {
|
|
border-collapse: collapse;
|
|
font-size: 13px;
|
|
}
|
|
table.name-value-list th,
|
|
table.name-value-list td {
|
|
padding: 4px 0 4px 0;
|
|
vertical-align: top;
|
|
}
|
|
table.name-value-list tr:first-child th,
|
|
table.name-value-list tr:first-child td {
|
|
padding-top: 0;
|
|
}
|
|
table.name-value-list th {
|
|
font-weight: 600;
|
|
color: #95a5a6;
|
|
padding-right: 15px;
|
|
text-transform: uppercase;
|
|
}
|
|
table.name-value-list td {
|
|
color: #2b3e50;
|
|
word-wrap: break-word;
|
|
}
|
|
.scrollpad-scrollbar-size-tester {
|
|
width: 50px;
|
|
height: 50px;
|
|
overflow-y: scroll;
|
|
position: absolute;
|
|
top: -200px;
|
|
left: -200px;
|
|
}
|
|
.scrollpad-scrollbar-size-tester div {
|
|
height: 100px;
|
|
}
|
|
.scrollpad-scrollbar-size-tester::-webkit-scrollbar {
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
div.control-scrollpad {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
div.control-scrollpad > div {
|
|
overflow: hidden;
|
|
overflow-y: scroll;
|
|
height: 100%;
|
|
}
|
|
div.control-scrollpad > div::-webkit-scrollbar {
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
div.control-scrollpad[data-direction=horizontal] > div {
|
|
overflow-x: scroll;
|
|
overflow-y: hidden;
|
|
width: 100%;
|
|
}
|
|
div.control-scrollpad[data-direction=horizontal] > div::-webkit-scrollbar {
|
|
width: auto;
|
|
height: 0;
|
|
}
|
|
div.control-scrollpad > .scrollpad-scrollbar {
|
|
z-index: 199;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 11px;
|
|
background-color: transparent;
|
|
opacity: 0;
|
|
overflow: hidden;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
-webkit-transition: opacity 0.3s;
|
|
transition: opacity 0.3s;
|
|
}
|
|
div.control-scrollpad > .scrollpad-scrollbar .drag-handle {
|
|
position: absolute;
|
|
right: 2px;
|
|
min-height: 10px;
|
|
width: 7px;
|
|
background-color: #aaaaaa;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
div.control-scrollpad > .scrollpad-scrollbar:hover {
|
|
opacity: 0.7;
|
|
-webkit-transition: opacity 0 linear;
|
|
transition: opacity 0 linear;
|
|
}
|
|
div.control-scrollpad > .scrollpad-scrollbar[data-visible] {
|
|
opacity: 0.7;
|
|
}
|
|
div.control-scrollpad > .scrollpad-scrollbar[data-hidden] {
|
|
display: none;
|
|
}
|
|
div.control-scrollpad[data-direction=horizontal] > .scrollpad-scrollbar {
|
|
top: auto;
|
|
left: 0;
|
|
width: auto;
|
|
height: 11px;
|
|
}
|
|
div.control-scrollpad[data-direction=horizontal] > .scrollpad-scrollbar .drag-handle {
|
|
right: auto;
|
|
top: 2px;
|
|
height: 7px;
|
|
min-height: 0;
|
|
min-width: 10px;
|
|
width: auto;
|
|
}
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
src: url('../font/OpenSans-Light.eot');
|
|
src: url('../font/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Light.svg#open_sanslight') format('svg'), url('../font/OpenSans-Light.woff') format('woff'), url('../font/OpenSans-Light.ttf') format('truetype');
|
|
font-style: normal;
|
|
font-weight: 300;
|
|
}
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
src: url('../font/OpenSans-Regular.eot');
|
|
src: url('../font/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Regular.svg#open_sansregular') format('svg'), url('../font/OpenSans-Regular.woff') format('woff'), url('../font/OpenSans-Regular.ttf') format('truetype');
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
}
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
src: url('../font/OpenSans-Semibold.eot');
|
|
src: url('../font/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Semibold.svg#open_sanssemibold') format('svg'), url('../font/OpenSans-Semibold.woff') format('woff'), url('../font/OpenSans-Semibold.ttf') format('truetype');
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
}
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
src: url('../font/OpenSans-Bold.eot');
|
|
src: url('../font/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Bold.svg#open_sansbold') format('svg'), url('../font/OpenSans-Bold.woff') format('woff'), url('../font/OpenSans-Bold.ttf') format('truetype');
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
}
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
src: url('../font/OpenSans-LightItalic.eot');
|
|
src: url('../font/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-LightItalic.svg#open_sanslight_italic') format('svg'), url('../font/OpenSans-LightItalic.woff') format('woff'), url('../font/OpenSans-LightItalic.ttf') format('truetype');
|
|
font-style: italic;
|
|
font-weight: 300;
|
|
}
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
src: url('../font/OpenSans-Italic.eot');
|
|
src: url('../font/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Italic.svg#open_sansitalic') format('svg'), url('../font/OpenSans-Italic.woff') format('woff'), url('../font/OpenSans-Italic.ttf') format('truetype');
|
|
font-style: italic;
|
|
font-weight: 400;
|
|
}
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
src: url('../font/OpenSans-SemiboldItalic.eot');
|
|
src: url('../font/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-SemiboldItalic.svg#open_sanssemibold_italic') format('svg'), url('../font/OpenSans-SemiboldItalic.woff') format('woff'), url('../font/OpenSans-SemiboldItalic.ttf') format('truetype');
|
|
font-style: italic;
|
|
font-weight: 600;
|
|
}
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
src: url('../font/OpenSans-Light.eot');
|
|
src: url('../font/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Light.woff') format('woff'), url('../font/OpenSans-Light.svg#open_sanslight') format('svg'), url('../font/OpenSans-Light.ttf') format('truetype');
|
|
font-style: normal;
|
|
font-weight: 300;
|
|
}
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
src: url('../font/OpenSans-Regular.eot');
|
|
src: url('../font/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Regular.woff') format('woff'), url('../font/OpenSans-Regular.svg#open_sansregular') format('svg'), url('../font/OpenSans-Regular.ttf') format('truetype');
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
}
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
src: url('../font/OpenSans-Semibold.eot');
|
|
src: url('../font/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Semibold.woff') format('woff'), url('../font/OpenSans-Semibold.svg#open_sanssemibold') format('svg'), url('../font/OpenSans-Semibold.ttf') format('truetype');
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
}
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
src: url('../font/OpenSans-Bold.eot');
|
|
src: url('../font/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Bold.woff') format('woff'), url('../font/OpenSans-Bold.svg#open_sansbold') format('svg'), url('../font/OpenSans-Bold.ttf') format('truetype');
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
}
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
src: url('../font/OpenSans-LightItalic.eot');
|
|
src: url('../font/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-LightItalic.woff') format('woff'), url('../font/OpenSans-LightItalic.svg#open_sanslight_italic') format('svg'), url('../font/OpenSans-LightItalic.ttf') format('truetype');
|
|
font-style: italic;
|
|
font-weight: 300;
|
|
}
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
src: url('../font/OpenSans-Italic.eot');
|
|
src: url('../font/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Italic.woff') format('woff'), url('../font/OpenSans-Italic.svg#open_sansitalic') format('svg'), url('../font/OpenSans-Italic.ttf') format('truetype');
|
|
font-style: italic;
|
|
font-weight: 400;
|
|
}
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
src: url('../font/OpenSans-SemiboldItalic.eot');
|
|
src: url('../font/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-SemiboldItalic.woff') format('woff'), url('../font/OpenSans-SemiboldItalic.svg#open_sanssemibold_italic') format('svg'), url('../font/OpenSans-SemiboldItalic.ttf') format('truetype');
|
|
font-style: italic;
|
|
font-weight: 600;
|
|
}
|
|
@-webkit-keyframes fadeIn {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes fadeIn {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.fadeIn {
|
|
-webkit-animation-name: fadeIn;
|
|
animation-name: fadeIn;
|
|
}
|
|
@-webkit-keyframes fadeInDown {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
}
|
|
}
|
|
@keyframes fadeInDown {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
-ms-transform: translate3d(0, -100%, 0);
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
-ms-transform: none;
|
|
transform: none;
|
|
}
|
|
}
|
|
.fadeInDown {
|
|
-webkit-animation-name: fadeInDown;
|
|
animation-name: fadeInDown;
|
|
}
|
|
@-webkit-keyframes fadeInLeft {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
}
|
|
}
|
|
@keyframes fadeInLeft {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
-ms-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
-ms-transform: none;
|
|
transform: none;
|
|
}
|
|
}
|
|
.fadeInLeft {
|
|
-webkit-animation-name: fadeInLeft;
|
|
animation-name: fadeInLeft;
|
|
}
|
|
@-webkit-keyframes fadeInRight {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
}
|
|
}
|
|
@keyframes fadeInRight {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
-ms-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
-ms-transform: none;
|
|
transform: none;
|
|
}
|
|
}
|
|
.fadeInRight {
|
|
-webkit-animation-name: fadeInRight;
|
|
animation-name: fadeInRight;
|
|
}
|
|
@-webkit-keyframes fadeInUp {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
}
|
|
}
|
|
@keyframes fadeInUp {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
-ms-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
-ms-transform: none;
|
|
transform: none;
|
|
}
|
|
}
|
|
.fadeInUp {
|
|
-webkit-animation-name: fadeInUp;
|
|
animation-name: fadeInUp;
|
|
}
|
|
@-webkit-keyframes fadeInUpBig {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 2000px, 0);
|
|
transform: translate3d(0, 2000px, 0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
}
|
|
}
|
|
@-webkit-keyframes fadeOut {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes fadeOut {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.fadeOut {
|
|
-webkit-animation-name: fadeOut;
|
|
animation-name: fadeOut;
|
|
}
|
|
@-webkit-keyframes fadeOutDown {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
}
|
|
@keyframes fadeOutDown {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
-ms-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
}
|
|
.fadeOutDown {
|
|
-webkit-animation-name: fadeOutDown;
|
|
animation-name: fadeOutDown;
|
|
}
|
|
@-webkit-keyframes fadeOutLeft {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
}
|
|
@keyframes fadeOutLeft {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
-ms-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
}
|
|
.fadeOutLeft {
|
|
-webkit-animation-name: fadeOutLeft;
|
|
animation-name: fadeOutLeft;
|
|
}
|
|
@-webkit-keyframes fadeOutRight {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
}
|
|
@keyframes fadeOutRight {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
-ms-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
}
|
|
.fadeOutRight {
|
|
-webkit-animation-name: fadeOutRight;
|
|
animation-name: fadeOutRight;
|
|
}
|
|
@-webkit-keyframes fadeOutUp {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
}
|
|
@keyframes fadeOutUp {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
-ms-transform: translate3d(0, -100%, 0);
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
}
|
|
.fadeOutUp {
|
|
-webkit-animation-name: fadeOutUp;
|
|
animation-name: fadeOutUp;
|
|
}
|
|
body.drag * {
|
|
cursor: drag !important;
|
|
cursor: -webkit-grab !important;
|
|
cursor: -moz-grab !important;
|
|
}
|
|
body.dragging,
|
|
body.dragging * {
|
|
cursor: move !important;
|
|
}
|
|
body.loading,
|
|
body.loading * {
|
|
cursor: wait !important;
|
|
}
|
|
body.no-select {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
cursor: default !important;
|
|
}
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
/* The html and body elements cannot have any padding or margin. */
|
|
}
|
|
body {
|
|
webkit-font-smoothing: antialiased;
|
|
font-family: 'Open Sans', Arial, sans-serif;
|
|
background: #f9f9f9;
|
|
}
|
|
#layout-canvas {
|
|
min-height: 100%;
|
|
height: 100%;
|
|
}
|
|
.control-tabs.primary-tabs > ul.nav-tabs,
|
|
.control-tabs.primary-tabs > div > ul.nav-tabs,
|
|
.control-tabs.primary-tabs > div > div > ul.nav-tabs {
|
|
margin-left: -20px;
|
|
margin-right: -20px;
|
|
}
|
|
.control-tabs.primary-tabs.tabs-no-inset > ul.nav-tabs,
|
|
.control-tabs.primary-tabs.tabs-no-inset > div > ul.nav-tabs,
|
|
.control-tabs.primary-tabs.tabs-no-inset > div > div > ul.nav-tabs {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
.layout {
|
|
display: table;
|
|
table-layout: fixed;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.layout > .layout-row {
|
|
display: table-row;
|
|
vertical-align: top;
|
|
height: 100%;
|
|
}
|
|
.layout > .layout-row > .layout-cell {
|
|
display: table-cell;
|
|
vertical-align: top;
|
|
height: 100%;
|
|
}
|
|
.layout > .layout-row > .layout-cell.width-100 {
|
|
width: 100px;
|
|
}
|
|
.layout > .layout-row > .layout-cell.width-120 {
|
|
width: 120px;
|
|
}
|
|
.layout > .layout-row > .layout-cell.width-200 {
|
|
width: 200px;
|
|
}
|
|
.layout > .layout-row > .layout-cell.width-300 {
|
|
width: 300px;
|
|
}
|
|
.layout > .layout-row > .layout-cell.layout-container,
|
|
.layout > .layout-row > .layout-cell .layout-container,
|
|
.layout > .layout-row > .layout-cell.padded-container,
|
|
.layout > .layout-row > .layout-cell .padded-container {
|
|
padding: 20px 20px 0 20px;
|
|
}
|
|
.layout > .layout-row > .layout-cell.layout-container .container-flush,
|
|
.layout > .layout-row > .layout-cell .layout-container .container-flush,
|
|
.layout > .layout-row > .layout-cell.padded-container .container-flush,
|
|
.layout > .layout-row > .layout-cell .padded-container .container-flush {
|
|
padding-top: 0;
|
|
}
|
|
.layout > .layout-row > .layout-cell .layout-relative {
|
|
position: relative;
|
|
height: 100%;
|
|
}
|
|
.layout > .layout-row > .layout-cell .layout-absolute {
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.layout > .layout-row > .layout-cell.min-size {
|
|
width: 0;
|
|
}
|
|
.layout > .layout-row > .layout-cell.min-height {
|
|
height: 0;
|
|
}
|
|
.layout > .layout-row > .layout-cell.center {
|
|
text-align: center;
|
|
}
|
|
.layout > .layout-row > .layout-cell.middle {
|
|
vertical-align: middle;
|
|
}
|
|
.layout > .layout-row > .layout-cell.width-100 {
|
|
width: 100px;
|
|
}
|
|
.layout > .layout-row > .layout-cell.width-120 {
|
|
width: 120px;
|
|
}
|
|
.layout > .layout-row > .layout-cell.width-200 {
|
|
width: 200px;
|
|
}
|
|
.layout > .layout-row > .layout-cell.width-300 {
|
|
width: 300px;
|
|
}
|
|
.layout > .layout-row > .layout-cell.layout-container,
|
|
.layout > .layout-row > .layout-cell .layout-container,
|
|
.layout > .layout-row > .layout-cell.padded-container,
|
|
.layout > .layout-row > .layout-cell .padded-container {
|
|
padding: 20px 20px 0 20px;
|
|
}
|
|
.layout > .layout-row > .layout-cell.layout-container .container-flush,
|
|
.layout > .layout-row > .layout-cell .layout-container .container-flush,
|
|
.layout > .layout-row > .layout-cell.padded-container .container-flush,
|
|
.layout > .layout-row > .layout-cell .padded-container .container-flush {
|
|
padding-top: 0;
|
|
}
|
|
.layout > .layout-row > .layout-cell .layout-relative {
|
|
position: relative;
|
|
height: 100%;
|
|
}
|
|
.layout > .layout-row > .layout-cell .layout-absolute {
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.layout > .layout-row > .layout-cell.min-size {
|
|
width: 0;
|
|
}
|
|
.layout > .layout-row > .layout-cell.min-height {
|
|
height: 0;
|
|
}
|
|
.layout > .layout-row > .layout-cell.center {
|
|
text-align: center;
|
|
}
|
|
.layout > .layout-row > .layout-cell.middle {
|
|
vertical-align: middle;
|
|
}
|
|
.layout > .layout-row.min-size {
|
|
height: 0;
|
|
}
|
|
.layout > .layout-cell {
|
|
display: table-cell;
|
|
vertical-align: top;
|
|
height: 100%;
|
|
}
|
|
.layout > .layout-cell.width-100 {
|
|
width: 100px;
|
|
}
|
|
.layout > .layout-cell.width-120 {
|
|
width: 120px;
|
|
}
|
|
.layout > .layout-cell.width-200 {
|
|
width: 200px;
|
|
}
|
|
.layout > .layout-cell.width-300 {
|
|
width: 300px;
|
|
}
|
|
.layout > .layout-cell.layout-container,
|
|
.layout > .layout-cell .layout-container,
|
|
.layout > .layout-cell.padded-container,
|
|
.layout > .layout-cell .padded-container {
|
|
padding: 20px 20px 0 20px;
|
|
}
|
|
.layout > .layout-cell.layout-container .container-flush,
|
|
.layout > .layout-cell .layout-container .container-flush,
|
|
.layout > .layout-cell.padded-container .container-flush,
|
|
.layout > .layout-cell .padded-container .container-flush {
|
|
padding-top: 0;
|
|
}
|
|
.layout > .layout-cell .layout-relative {
|
|
position: relative;
|
|
height: 100%;
|
|
}
|
|
.layout > .layout-cell .layout-absolute {
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.layout > .layout-cell.min-size {
|
|
width: 0;
|
|
}
|
|
.layout > .layout-cell.min-height {
|
|
height: 0;
|
|
}
|
|
.layout > .layout-cell.center {
|
|
text-align: center;
|
|
}
|
|
.layout > .layout-cell.middle {
|
|
vertical-align: middle;
|
|
}
|
|
.whiteboard {
|
|
background: white;
|
|
}
|
|
.layout-cell.width-fix > form,
|
|
[data-calculate-width] > form,
|
|
.layout-cell.width-fix > div,
|
|
[data-calculate-width] > div {
|
|
display: inline-block;
|
|
}
|
|
body.compact-container .layout.layout-container,
|
|
body.compact-container .layout .layout-container {
|
|
padding: 0 !important;
|
|
}
|
|
body.slim-container .layout.layout-container,
|
|
body.slim-container .layout .layout-container {
|
|
padding-left: 0 !important;
|
|
padding-right: 0 !important;
|
|
}
|
|
@media (max-width: 768px) {
|
|
.layout .hide-on-small {
|
|
display: none;
|
|
}
|
|
.layout.responsive-sidebar > .layout-cell:first-child {
|
|
display: table-footer-group;
|
|
height: auto;
|
|
}
|
|
.layout.responsive-sidebar > .layout-cell:first-child .control-breadcrumb {
|
|
display: none;
|
|
}
|
|
.layout.responsive-sidebar > .layout-cell:last-child {
|
|
display: table-header-group;
|
|
width: auto;
|
|
height: auto;
|
|
}
|
|
.layout.responsive-sidebar > .layout-cell:last-child .layout-absolute {
|
|
position: static;
|
|
}
|
|
}
|
|
body.mainmenu-open {
|
|
overflow: hidden;
|
|
}
|
|
nav#layout-mainmenu.navbar {
|
|
background-color: #111111;
|
|
height: auto;
|
|
padding: 0 0 0 20px;
|
|
line-height: 0;
|
|
white-space: nowrap;
|
|
}
|
|
nav#layout-mainmenu.navbar a {
|
|
text-decoration: none;
|
|
}
|
|
nav#layout-mainmenu.navbar a:focus {
|
|
background: transparent;
|
|
}
|
|
nav#layout-mainmenu.navbar ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
float: left;
|
|
font-weight: 600;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
nav#layout-mainmenu.navbar ul li {
|
|
color: #555555;
|
|
display: inline-block;
|
|
margin-right: 30px;
|
|
position: relative;
|
|
}
|
|
nav#layout-mainmenu.navbar ul li:last-child {
|
|
margin-right: 0;
|
|
}
|
|
nav#layout-mainmenu.navbar ul li.active:after {
|
|
content: ' ';
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 50%;
|
|
margin-left: -8.5px;
|
|
}
|
|
nav#layout-mainmenu.navbar ul li.icon {
|
|
margin-right: 0;
|
|
}
|
|
nav#layout-mainmenu.navbar ul li.icon i {
|
|
margin-right: 0;
|
|
}
|
|
nav#layout-mainmenu.navbar ul li.icon a {
|
|
padding: 14px;
|
|
}
|
|
nav#layout-mainmenu.navbar ul li.power-off i,
|
|
nav#layout-mainmenu.navbar ul li.preview i {
|
|
font-size: 20px;
|
|
}
|
|
nav#layout-mainmenu.navbar ul li.power-off a,
|
|
nav#layout-mainmenu.navbar ul li.preview a {
|
|
padding: 22px 20px 20px 20px;
|
|
}
|
|
nav#layout-mainmenu.navbar ul li.account {
|
|
margin-right: 0;
|
|
line-height: 23px;
|
|
}
|
|
nav#layout-mainmenu.navbar ul li.account a {
|
|
padding-right: 20px;
|
|
position: relative;
|
|
z-index: 590;
|
|
}
|
|
nav#layout-mainmenu.navbar ul li.account img {
|
|
width: 25px;
|
|
margin-right: 7px;
|
|
position: relative;
|
|
top: -2px;
|
|
}
|
|
nav#layout-mainmenu.navbar ul.nav {
|
|
display: inline-block;
|
|
}
|
|
nav#layout-mainmenu.navbar .menu-toggle {
|
|
display: none;
|
|
}
|
|
nav#layout-mainmenu.navbar .toolbar-item {
|
|
padding-right: 0;
|
|
}
|
|
nav#layout-mainmenu.navbar .toolbar-item:before,
|
|
nav#layout-mainmenu.navbar .toolbar-item:after {
|
|
margin-top: 0;
|
|
}
|
|
nav#layout-mainmenu.navbar .toolbar-item:before {
|
|
left: -12px;
|
|
}
|
|
nav#layout-mainmenu.navbar .toolbar-item:after {
|
|
right: -12px;
|
|
}
|
|
nav#layout-mainmenu.navbar .toolbar-item.scroll-active-before:before {
|
|
color: #ffffff;
|
|
}
|
|
nav#layout-mainmenu.navbar .toolbar-item.scroll-active-after:after {
|
|
color: #ffffff;
|
|
}
|
|
nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu {
|
|
position: fixed;
|
|
top: 63px;
|
|
right: 0;
|
|
background: #2b3e50;
|
|
z-index: 590;
|
|
display: none;
|
|
}
|
|
nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu.active {
|
|
display: block;
|
|
}
|
|
nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu:after {
|
|
content: '';
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 11px solid transparent;
|
|
border-right: 11px solid transparent;
|
|
border-bottom: 12px solid #2b3e50;
|
|
right: 40px;
|
|
top: -12px;
|
|
position: absolute;
|
|
}
|
|
nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu ul {
|
|
float: none;
|
|
display: block;
|
|
}
|
|
nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu li {
|
|
padding: 0;
|
|
margin: 0;
|
|
font-weight: 400;
|
|
text-align: left;
|
|
display: block;
|
|
}
|
|
nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu li a {
|
|
display: block;
|
|
padding: 12px 30px;
|
|
text-align: left;
|
|
}
|
|
nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu li:hover {
|
|
background: #3d5265 !important;
|
|
}
|
|
nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu li.divider {
|
|
height: 1px;
|
|
width: 100%;
|
|
background-color: #4b6372;
|
|
}
|
|
@media (max-width: 768px) {
|
|
nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu:after {
|
|
right: 71px;
|
|
}
|
|
}
|
|
nav#layout-mainmenu.navbar ul li a,
|
|
nav#layout-mainmenu .menu-toggle,
|
|
.mainmenu-collapsed li a {
|
|
padding: 14px 0;
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
color: inherit;
|
|
outline: none;
|
|
}
|
|
nav#layout-mainmenu.navbar ul li a:hover,
|
|
nav#layout-mainmenu .menu-toggle:hover,
|
|
.mainmenu-collapsed li a:hover {
|
|
background-color: transparent !important;
|
|
}
|
|
nav#layout-mainmenu.navbar ul li a:active,
|
|
nav#layout-mainmenu .menu-toggle:active,
|
|
.mainmenu-collapsed li a:active,
|
|
nav#layout-mainmenu.navbar ul li a:focus,
|
|
nav#layout-mainmenu .menu-toggle:focus,
|
|
.mainmenu-collapsed li a:focus {
|
|
text-decoration: none;
|
|
color: #555555;
|
|
}
|
|
nav#layout-mainmenu.navbar ul li a i,
|
|
nav#layout-mainmenu .menu-toggle i,
|
|
.mainmenu-collapsed li a i {
|
|
line-height: 1;
|
|
font-size: 35px;
|
|
vertical-align: middle;
|
|
margin-right: 10px;
|
|
}
|
|
.mainmenu-collapsed li a i {
|
|
width: 40px;
|
|
text-align: left;
|
|
display: inline-block;
|
|
}
|
|
nav#layout-mainmenu.navbar ul li:hover a:active,
|
|
.mainmenu-collapsed li:hover a:active,
|
|
nav#layout-mainmenu.navbar ul li:hover a:focus,
|
|
.mainmenu-collapsed li:hover a:focus {
|
|
color: #ffffff !important;
|
|
}
|
|
.touch .mainmenu-collapsed li a:hover {
|
|
color: #555555;
|
|
}
|
|
nav#layout-mainmenu.navbar ul li.active,
|
|
.mainmenu-collapsed li.active,
|
|
nav#layout-mainmenu.navbar ul li.highlight,
|
|
.mainmenu-collapsed li.highlight {
|
|
color: #ffffff !important;
|
|
font-weight: 600;
|
|
}
|
|
nav#layout-mainmenu.navbar ul li.active a,
|
|
.mainmenu-collapsed li.active a,
|
|
nav#layout-mainmenu.navbar ul li.highlight a,
|
|
.mainmenu-collapsed li.highlight a {
|
|
color: #ffffff !important;
|
|
}
|
|
nav#layout-mainmenu.navbar ul li:hover,
|
|
.mainmenu-collapsed li:hover {
|
|
color: #ffffff;
|
|
background: transparent;
|
|
}
|
|
body.drag nav#layout-mainmenu.navbar ul.nav li:hover,
|
|
body.drag .mainmenu-collapsed ul li:hover {
|
|
color: #555555;
|
|
}
|
|
@media (max-width: 769px) {
|
|
nav#layout-mainmenu.navbar ul.nav {
|
|
display: none;
|
|
}
|
|
nav#layout-mainmenu.navbar .menu-toggle {
|
|
display: inline-block;
|
|
color: #ffffff !important;
|
|
font-weight: 600;
|
|
}
|
|
.mainmenu-collapsed {
|
|
position: fixed;
|
|
height: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
width: 0;
|
|
background: #333333;
|
|
-webkit-box-shadow: inset -5px 0 3px rgba(0, 0, 0, 0.1);
|
|
box-shadow: inset -5px 0 3px rgba(0, 0, 0, 0.1);
|
|
margin: 0;
|
|
}
|
|
.mainmenu-collapsed > div {
|
|
display: relative;
|
|
height: 100%;
|
|
}
|
|
.mainmenu-collapsed > div ul {
|
|
overflow: hidden;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.mainmenu-collapsed > div ul li {
|
|
text-transform: uppercase;
|
|
list-style: none;
|
|
color: #555555;
|
|
}
|
|
.mainmenu-collapsed > div ul li a {
|
|
white-space: nowrap;
|
|
display: block;
|
|
padding: 15px 20px;
|
|
}
|
|
.mainmenu-collapsed > div ul li a:hover {
|
|
text-decoration: none;
|
|
}
|
|
.mainmenu-collapsed .scroll-marker {
|
|
position: absolute;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 10px;
|
|
display: none;
|
|
}
|
|
.mainmenu-collapsed .scroll-marker:after {
|
|
font-family: FontAwesome;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
text-decoration: inherit;
|
|
-webkit-font-smoothing: antialiased;
|
|
*margin-right: .3em;
|
|
content: "\f141";
|
|
display: block;
|
|
position: absolute;
|
|
left: 50%;
|
|
margin-left: -3px;
|
|
top: 0;
|
|
height: 9px;
|
|
font-size: 10px;
|
|
color: #555555;
|
|
}
|
|
.mainmenu-collapsed .scroll-marker.before {
|
|
top: 0;
|
|
}
|
|
.mainmenu-collapsed .scroll-marker.after {
|
|
bottom: 3px;
|
|
}
|
|
.mainmenu-collapsed .scroll-marker.after:after {
|
|
top: 2px;
|
|
}
|
|
.mainmenu-collapsed.scroll-before .scroll-marker.before {
|
|
display: block;
|
|
}
|
|
.mainmenu-collapsed.scroll-after .scroll-marker.after {
|
|
display: block;
|
|
}
|
|
}
|
|
body.mainmenu-open .mainmenu-collapsed ul {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 10px;
|
|
bottom: 10px;
|
|
}
|
|
@media (min-width: 770px) {
|
|
#layout-canvas {
|
|
position: static !important;
|
|
}
|
|
.mainmenu-collapsed {
|
|
display: none !important;
|
|
}
|
|
}
|
|
#layout-sidenav {
|
|
background-color: #34495e;
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 100%;
|
|
padding: 10px 0;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
#layout-sidenav ul {
|
|
position: relative;
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
#layout-sidenav ul li {
|
|
display: block;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
#layout-sidenav ul li a {
|
|
padding: 13px;
|
|
display: block;
|
|
font-size: 12px;
|
|
color: rgba(255, 255, 255, 0.35);
|
|
font-weight: normal;
|
|
}
|
|
#layout-sidenav ul li a:hover {
|
|
text-decoration: none;
|
|
background-color: transparent;
|
|
}
|
|
#layout-sidenav ul li a:focus {
|
|
background: transparent;
|
|
}
|
|
#layout-sidenav ul li a i {
|
|
color: rgba(255, 255, 255, 0.35);
|
|
display: block;
|
|
margin-bottom: 5px;
|
|
font-size: 28px;
|
|
}
|
|
#layout-sidenav ul li.active a,
|
|
#layout-sidenav ul li a:hover {
|
|
color: #ffffff;
|
|
}
|
|
#layout-sidenav ul li.active a i,
|
|
#layout-sidenav ul li a:hover i {
|
|
color: #ffffff;
|
|
}
|
|
#layout-sidenav ul li span.counter {
|
|
display: block;
|
|
position: absolute;
|
|
top: 15px;
|
|
right: 15px;
|
|
padding: 2px 6px 3px 4px;
|
|
background-color: #d9350f;
|
|
color: #ffffff;
|
|
font-size: 11px;
|
|
line-height: 100%;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
-webkit-transform: scale(1, );
|
|
-ms-transform: scale(1, );
|
|
transform: scale(1, );
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
}
|
|
#layout-sidenav ul li span.counter.empty {
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
-webkit-transform: scale(0, );
|
|
-ms-transform: scale(0, );
|
|
transform: scale(0, );
|
|
}
|
|
#layout-sidenav .scroll-marker {
|
|
position: absolute;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 10px;
|
|
display: none;
|
|
}
|
|
#layout-sidenav .scroll-marker:after {
|
|
font-family: FontAwesome;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
text-decoration: inherit;
|
|
-webkit-font-smoothing: antialiased;
|
|
*margin-right: .3em;
|
|
content: "\f141";
|
|
display: block;
|
|
position: absolute;
|
|
left: 50%;
|
|
margin-left: -3px;
|
|
top: 0;
|
|
height: 9px;
|
|
font-size: 10px;
|
|
color: rgba(255, 255, 255, 0.35);
|
|
}
|
|
#layout-sidenav .scroll-marker.before {
|
|
top: 0;
|
|
}
|
|
#layout-sidenav .scroll-marker.after {
|
|
bottom: 3px;
|
|
}
|
|
#layout-sidenav .scroll-marker.after:after {
|
|
top: 2px;
|
|
}
|
|
#layout-sidenav.scroll-before .scroll-marker.before {
|
|
display: block;
|
|
}
|
|
#layout-sidenav.scroll-after .scroll-marker.after {
|
|
display: block;
|
|
}
|
|
#layout-sidenav.layout-sidenav ul.drag li:not(.active) a:hover,
|
|
.touch #layout-sidenav.layout-sidenav li:not(.active) a:hover {
|
|
color: rgba(255, 255, 255, 0.35) !important;
|
|
}
|
|
#layout-sidenav.layout-sidenav ul.drag li:not(.active) a:hover i,
|
|
.touch #layout-sidenav.layout-sidenav li:not(.active) a:hover i {
|
|
color: rgba(255, 255, 255, 0.35) !important;
|
|
}
|
|
#layout-sidenav.layout-sidenav ul.drag li:not(.active) a:hover:after,
|
|
.touch #layout-sidenav.layout-sidenav li:not(.active) a:hover:after {
|
|
display: none !important;
|
|
}
|
|
#layout-side-panel .fix-button {
|
|
position: absolute;
|
|
right: 2px;
|
|
top: 1px;
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
font-size: 13px;
|
|
}
|
|
#layout-side-panel .fix-button i {
|
|
display: block;
|
|
text-align: center;
|
|
margin-top: 5px;
|
|
color: #aaaaaa;
|
|
}
|
|
#layout-side-panel .fix-button:hover {
|
|
text-decoration: none;
|
|
opacity: 1 !important;
|
|
filter: alpha(opacity=100) !important;
|
|
}
|
|
#layout-side-panel .fix-button-content-header .fix-button {
|
|
top: 9px;
|
|
right: 7px;
|
|
}
|
|
#layout-side-panel .fix-button-content-header .fix-button i {
|
|
color: #eeeeee;
|
|
}
|
|
#layout-side-panel .sidepanel-content-header {
|
|
background: #d35400;
|
|
color: white;
|
|
font-size: 14px;
|
|
padding: 8px 15px;
|
|
position: relative;
|
|
}
|
|
#layout-side-panel .sidepanel-content-header:after {
|
|
content: '';
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 7.5px solid transparent;
|
|
border-right: 7.5px solid transparent;
|
|
border-top: 8px solid #d35400;
|
|
border-bottom-width: 0;
|
|
position: absolute;
|
|
left: 14px;
|
|
bottom: -8px;
|
|
}
|
|
body.side-panel-not-fixed #layout-side-panel {
|
|
display: none;
|
|
}
|
|
body.side-panel-not-fixed #layout-side-panel .fix-button {
|
|
opacity: 0.5;
|
|
filter: alpha(opacity=50);
|
|
}
|
|
body.display-side-panel #layout-side-panel {
|
|
display: block;
|
|
position: absolute;
|
|
z-index: 500;
|
|
width: 300px;
|
|
-webkit-box-shadow: 2px 0px 2px 0 rgba(0, 0, 0, 0.3);
|
|
box-shadow: 2px 0px 2px 0 rgba(0, 0, 0, 0.3);
|
|
}
|
|
@media (min-width: 992px) {
|
|
body.side-panel-fix-shadow #layout-side-panel {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
}
|
|
.touch #layout-side-panel .fix-button {
|
|
display: none;
|
|
}
|
|
@media (max-width: 768px) {
|
|
#layout-side-panel .fix-button {
|
|
display: none;
|
|
}
|
|
}
|
|
#layout-footer {
|
|
width: 100%;
|
|
z-index: 100;
|
|
height: 60px;
|
|
position: fixed;
|
|
bottom: 0;
|
|
color: #666666;
|
|
background-color: rgba(255, 255, 255, 0.8);
|
|
border-top: 1px solid #dfdfdf;
|
|
}
|
|
#layout-footer .brand,
|
|
#layout-footer .tagline {
|
|
margin: 10px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
}
|
|
#layout-footer .brand {
|
|
float: left;
|
|
font-size: 16px;
|
|
}
|
|
#layout-footer .brand .logo {
|
|
margin: 0 10px;
|
|
}
|
|
#layout-footer .tagline {
|
|
float: right;
|
|
}
|
|
#layout-footer .tagline p {
|
|
color: #999999;
|
|
}
|
|
body.outer {
|
|
background: #2b3e50;
|
|
}
|
|
body.outer .layout > .layout-row.layout-head {
|
|
text-align: center;
|
|
background: #1d2d3d;
|
|
}
|
|
body.outer .layout > .layout-row.layout-head > .layout-cell {
|
|
height: 300px !important;
|
|
padding: 50px 0;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
vertical-align: middle;
|
|
}
|
|
body.outer .layout > .layout-row.layout-head > .layout-cell h1.oc-logo-white {
|
|
font: 0/0 a;
|
|
color: transparent;
|
|
text-shadow: none;
|
|
background-color: transparent;
|
|
border: 0;
|
|
display: inline-block;
|
|
width: 100%;
|
|
max-width: 410px;
|
|
height: 72px;
|
|
}
|
|
body.outer .layout > .layout-row > .layout-cell {
|
|
vertical-align: middle;
|
|
}
|
|
body.outer .layout > .layout-row > .layout-cell .outer-form-container {
|
|
margin: 0 auto;
|
|
width: 436px;
|
|
}
|
|
body.outer .layout > .layout-row > .layout-cell .outer-form-container h2 {
|
|
font-size: 18px;
|
|
margin: 20px 0;
|
|
color: #feffff;
|
|
}
|
|
body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form {
|
|
font-size: 0;
|
|
}
|
|
body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form input {
|
|
vertical-align: top;
|
|
margin-right: 9px;
|
|
display: inline-block;
|
|
border: none;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px;
|
|
}
|
|
body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form input.width-1 {
|
|
width: 160px;
|
|
}
|
|
body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form input.width-2 {
|
|
width: 323px;
|
|
}
|
|
body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form button {
|
|
background: #0181b9;
|
|
text-align: center;
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
height: 40px;
|
|
vertical-align: top;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form button.login-button {
|
|
display: inline-block;
|
|
width: 98px;
|
|
}
|
|
body.outer .layout > .layout-row > .layout-cell .outer-form-container .forgot-password {
|
|
margin-top: 30px;
|
|
font-size: 13px;
|
|
top: 8px;
|
|
}
|
|
body.outer .layout > .layout-row > .layout-cell .outer-form-container .forgot-password a {
|
|
color: rgba(255, 255, 255, 0.44);
|
|
}
|
|
body.outer .layout > .layout-row > .layout-cell .outer-form-container .forgot-password:before {
|
|
color: rgba(255, 255, 255, 0.44);
|
|
font-size: 14px;
|
|
position: relative;
|
|
margin-right: 5px;
|
|
}
|
|
html.csstransitions body.outer .outer-form-container {
|
|
-webkit-transition: all 0.5s ease-out;
|
|
transition: all 0.5s ease-out;
|
|
-webkit-transform: scale(1, 1);
|
|
-moz-transform: scale(1, 1);
|
|
-ms-transform: scale(1, 1);
|
|
-o-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
html.csstransitions body.outer.preload .outer-form-container {
|
|
-webkit-transform: scale(0.2, 0.2);
|
|
-moz-transform: scale(0.2, 0.2);
|
|
-ms-transform: scale(0.2, 0.2);
|
|
-o-transform: scale(0.2, 0.2);
|
|
transform: scale(0.2, 0.2);
|
|
}
|
|
/*
|
|
|
|
.outer-form-container {
|
|
width: 240px;
|
|
display: inline-block;
|
|
text-align: left;
|
|
|
|
h1 {
|
|
color: @color-outer-heading;
|
|
font-size: 39px;
|
|
font-weight: 400;
|
|
margin-bottom: 4px;
|
|
|
|
+ p {
|
|
font-size: 13px;
|
|
color: @color-outer-description;
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
|
|
.form-group.combine-fields {
|
|
input:first-child {
|
|
border-bottom: 1px solid lighten(@color-form-field-border, 5%);
|
|
.border-bottom-radius(0);
|
|
}
|
|
input:last-child {
|
|
border-top: none;
|
|
.border-top-radius(0);
|
|
}
|
|
|
|
&.october {
|
|
position: relative;
|
|
|
|
&:after {
|
|
content: '';
|
|
position: absolute;
|
|
display: block;
|
|
width: 145px;
|
|
height: 155px;
|
|
top: -149px;
|
|
right: -57px;
|
|
background: transparent url(../images/tree.png) no-repeat left top;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
*/
|
|
.fancy-layout .tab-collapse-icon {
|
|
position: absolute;
|
|
display: block;
|
|
text-decoration: none;
|
|
outline: none;
|
|
opacity: 0.6;
|
|
filter: alpha(opacity=60);
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
font-size: 12px;
|
|
color: #ffffff;
|
|
right: 11px;
|
|
}
|
|
.fancy-layout .tab-collapse-icon:hover {
|
|
text-decoration: none;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
.fancy-layout .tab-collapse-icon.primary {
|
|
color: #475354;
|
|
bottom: -25px;
|
|
z-index: 100;
|
|
-webkit-transform: scale(1, -1);
|
|
-moz-transform: scale(1, -1);
|
|
-ms-transform: scale(1, -1);
|
|
-o-transform: scale(1, -1);
|
|
transform: scale(1, -1);
|
|
}
|
|
.fancy-layout .tab-collapse-icon.primary i {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs,
|
|
.fancy-layout.control-tabs.master-tabs {
|
|
overflow: hidden;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs:before,
|
|
.fancy-layout.control-tabs.master-tabs:before,
|
|
.fancy-layout .control-tabs.master-tabs:after,
|
|
.fancy-layout.control-tabs.master-tabs:after {
|
|
top: 7px;
|
|
font-size: 14px;
|
|
color: rgba(255, 255, 255, 0.35);
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs:before,
|
|
.fancy-layout.control-tabs.master-tabs:before {
|
|
left: 8px;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs:after,
|
|
.fancy-layout.control-tabs.master-tabs:after {
|
|
right: 8px;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs.scroll-before:before,
|
|
.fancy-layout.control-tabs.master-tabs.scroll-before:before {
|
|
color: #ffffff;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs.scroll-after:after,
|
|
.fancy-layout.control-tabs.master-tabs.scroll-after:after {
|
|
color: #ffffff;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container,
|
|
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container {
|
|
background: #d35400;
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs,
|
|
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs {
|
|
margin-left: -8px;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li,
|
|
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li {
|
|
margin-left: -10px;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close,
|
|
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close {
|
|
top: 9px;
|
|
right: -3px;
|
|
left: auto;
|
|
z-index: 110;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close i,
|
|
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close i {
|
|
top: 4px;
|
|
right: 1px;
|
|
color: rgba(255, 255, 255, 0.3) !important;
|
|
font: 14px bold "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close i:hover,
|
|
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close i:hover {
|
|
color: #ffffff !important;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a,
|
|
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a {
|
|
border-bottom: none;
|
|
background: transparent;
|
|
font-size: 14px;
|
|
color: rgba(255, 255, 255, 0.35);
|
|
padding: 6px 0 0 0;
|
|
overflow: visible;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title,
|
|
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title {
|
|
position: relative;
|
|
display: inline-block;
|
|
padding: 8px 5px 9px 5px;
|
|
height: 31px;
|
|
font-size: 13px;
|
|
z-index: 100;
|
|
background-color: #b9530f;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:before,
|
|
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:before,
|
|
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:after,
|
|
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:after {
|
|
content: ' ';
|
|
position: absolute;
|
|
background: transparent url(../images/tab-shape.svg) no-repeat left -80px;
|
|
width: 20px;
|
|
display: block;
|
|
height: 30px;
|
|
top: 0;
|
|
z-index: 100;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:before,
|
|
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:before {
|
|
left: -20px;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:after,
|
|
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:after {
|
|
right: -20px;
|
|
background-position: -80px -80px;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a:before,
|
|
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a:before {
|
|
z-index: 110;
|
|
position: relative;
|
|
margin-right: -12px;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a[class*=icon] > span.title,
|
|
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a[class*=icon] > span.title {
|
|
padding-left: 18px;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a,
|
|
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a {
|
|
z-index: 107;
|
|
color: #ffffff;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active span.tab-close i,
|
|
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active span.tab-close i {
|
|
color: #ffffff;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title,
|
|
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title {
|
|
background-color: #e67e22;
|
|
z-index: 105;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title:before,
|
|
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title:before {
|
|
background-position: left -40px;
|
|
z-index: 107;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title:after,
|
|
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title:after {
|
|
background-position: -80px -40px;
|
|
z-index: 107;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li[data-modified] span.tab-close i,
|
|
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li[data-modified] span.tab-close i {
|
|
top: 4px;
|
|
font: 0/0 a;
|
|
color: transparent;
|
|
text-shadow: none;
|
|
background-color: transparent;
|
|
border: 0;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li[data-modified] span.tab-close i:before,
|
|
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li[data-modified] span.tab-close i:before {
|
|
font-family: FontAwesome;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
text-decoration: inherit;
|
|
-webkit-font-smoothing: antialiased;
|
|
*margin-right: .3em;
|
|
content: "\f111";
|
|
font-size: 9px;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li:first-child,
|
|
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs[data-closable] > div > div.tabs-container > ul.nav-tabs > li a > span.title,
|
|
.fancy-layout.control-tabs.master-tabs[data-closable] > div > div.tabs-container > ul.nav-tabs > li a > span.title {
|
|
padding-right: 10px;
|
|
}
|
|
.fancy-layout .control-tabs.master-tabs.has-tabs:before,
|
|
.fancy-layout.control-tabs.master-tabs.has-tabs:before,
|
|
.fancy-layout .control-tabs.master-tabs.has-tabs:after,
|
|
.fancy-layout.control-tabs.master-tabs.has-tabs:after {
|
|
display: block;
|
|
}
|
|
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs,
|
|
.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs {
|
|
background: #475354;
|
|
}
|
|
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li,
|
|
.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li {
|
|
border-right: none;
|
|
padding-right: 0;
|
|
margin-right: 0;
|
|
}
|
|
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li a,
|
|
.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li a {
|
|
background: transparent;
|
|
border: none;
|
|
padding: 8px 10px;
|
|
color: #919898;
|
|
}
|
|
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li.active a,
|
|
.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li.active a {
|
|
color: #ffffff;
|
|
}
|
|
.fancy-layout .control-tabs.secondary-tabs .tab-collapse-icon,
|
|
.fancy-layout.control-tabs.secondary-tabs .tab-collapse-icon {
|
|
position: absolute;
|
|
display: block;
|
|
text-decoration: none;
|
|
outline: none;
|
|
opacity: 0.6;
|
|
filter: alpha(opacity=60);
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
font-size: 12px;
|
|
color: #ffffff;
|
|
right: 11px;
|
|
}
|
|
.fancy-layout .control-tabs.secondary-tabs .tab-collapse-icon:hover,
|
|
.fancy-layout.control-tabs.secondary-tabs .tab-collapse-icon:hover {
|
|
text-decoration: none;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
.fancy-layout .control-tabs.secondary-tabs .tab-collapse-icon.primary,
|
|
.fancy-layout.control-tabs.secondary-tabs .tab-collapse-icon.primary {
|
|
color: #475354;
|
|
bottom: -25px;
|
|
z-index: 100;
|
|
-webkit-transform: scale(1, -1);
|
|
-moz-transform: scale(1, -1);
|
|
-ms-transform: scale(1, -1);
|
|
-o-transform: scale(1, -1);
|
|
transform: scale(1, -1);
|
|
}
|
|
.fancy-layout .control-tabs.secondary-tabs .tab-collapse-icon.primary i,
|
|
.fancy-layout.control-tabs.secondary-tabs .tab-collapse-icon.primary i {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
.fancy-layout .control-tabs.secondary-tabs .tab-collapse-icon.primary,
|
|
.fancy-layout.control-tabs.secondary-tabs .tab-collapse-icon.primary {
|
|
color: #ffffff;
|
|
top: 12px;
|
|
right: 11px;
|
|
bottom: auto;
|
|
}
|
|
.fancy-layout .control-tabs.secondary-tabs.primary-collapsed .tab-collapse-icon.primary,
|
|
.fancy-layout.control-tabs.secondary-tabs.primary-collapsed .tab-collapse-icon.primary {
|
|
-webkit-transform: scale(1, 1);
|
|
-moz-transform: scale(1, 1);
|
|
-ms-transform: scale(1, 1);
|
|
-o-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs,
|
|
.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs {
|
|
background: #f9f9f9;
|
|
}
|
|
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li,
|
|
.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li {
|
|
margin-left: -19px;
|
|
}
|
|
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li:first-child,
|
|
.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li:first-child {
|
|
margin-left: 0;
|
|
padding-left: 8px;
|
|
}
|
|
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a,
|
|
.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a {
|
|
padding: 8px 16px 0 16px;
|
|
font-weight: 400;
|
|
color: #2b3e50;
|
|
opacity: 0.6;
|
|
filter: alpha(opacity=60);
|
|
}
|
|
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title,
|
|
.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title {
|
|
position: relative;
|
|
display: inline-block;
|
|
padding: 4px 5px 9px 5px;
|
|
font-size: 13px;
|
|
z-index: 100;
|
|
height: 25px !important;
|
|
background-color: transparent;
|
|
}
|
|
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:before,
|
|
.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:before,
|
|
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:after,
|
|
.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:after {
|
|
content: ' ';
|
|
position: absolute;
|
|
background: transparent url(../images/secondary-tab-shape-content.svg) no-repeat left top;
|
|
width: 15px;
|
|
height: 25px;
|
|
top: 0;
|
|
z-index: 100;
|
|
display: none;
|
|
}
|
|
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:before,
|
|
.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:before {
|
|
left: -15px;
|
|
}
|
|
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:after,
|
|
.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:after {
|
|
right: -15px;
|
|
background-position: -60px 0;
|
|
}
|
|
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title span,
|
|
.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title span {
|
|
height: 18px;
|
|
font-size: 12px;
|
|
}
|
|
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a,
|
|
.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a {
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a > span.title,
|
|
.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a > span.title {
|
|
background-color: white;
|
|
}
|
|
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a > span.title:before,
|
|
.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a > span.title:before,
|
|
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a > span.title:after,
|
|
.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a > span.title:after {
|
|
display: block;
|
|
}
|
|
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs .tab-collapse-icon.primary,
|
|
.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs .tab-collapse-icon.primary {
|
|
color: #808c8d;
|
|
}
|
|
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed .tab-collapse-icon.primary,
|
|
.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed .tab-collapse-icon.primary {
|
|
color: white;
|
|
}
|
|
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs,
|
|
.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs {
|
|
background: #e67e22;
|
|
}
|
|
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs > li a,
|
|
.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs > li a {
|
|
color: white;
|
|
}
|
|
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs > li.active a,
|
|
.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs > li.active a {
|
|
color: #2b3e50;
|
|
}
|
|
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs,
|
|
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs {
|
|
background: #7f8c8d;
|
|
margin-left: 0 !important;
|
|
margin-right: 0 !important;
|
|
}
|
|
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs.master-area,
|
|
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs.master-area {
|
|
-webkit-transition: background-color 0.5s;
|
|
transition: background-color 0.5s;
|
|
background: #e67e22;
|
|
}
|
|
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs:before,
|
|
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs:before {
|
|
display: none;
|
|
}
|
|
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li,
|
|
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li {
|
|
background: transparent;
|
|
border-right: none;
|
|
}
|
|
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li:first-child,
|
|
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li:first-child {
|
|
margin-left: -5px;
|
|
}
|
|
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a,
|
|
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a {
|
|
background: transparent;
|
|
border: none;
|
|
padding: 12px 16px 0px;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
color: #95a5a6;
|
|
}
|
|
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title,
|
|
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title {
|
|
background: #d5d9d8;
|
|
border-top: none;
|
|
padding: 5px 5px 3px 5px;
|
|
}
|
|
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:before,
|
|
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:before,
|
|
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:after,
|
|
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:after {
|
|
top: 0;
|
|
}
|
|
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:before,
|
|
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:before {
|
|
background-position: left -92px;
|
|
}
|
|
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:after,
|
|
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:after {
|
|
background-position: -61px -92px;
|
|
}
|
|
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li.active a,
|
|
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a {
|
|
color: #808c8d;
|
|
}
|
|
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li.active a:before,
|
|
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a:before {
|
|
display: none;
|
|
}
|
|
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li.active a span.title,
|
|
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a span.title {
|
|
background: #fafafa;
|
|
}
|
|
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li.active a span.title:before,
|
|
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a span.title:before {
|
|
background-position: left -62px;
|
|
}
|
|
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li.active a span.title:after,
|
|
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a span.title:after {
|
|
background-position: -61px -62px;
|
|
}
|
|
.fancy-layout .control-tabs.primary-tabs > .tab-content > .tab-pane,
|
|
.fancy-layout.control-tabs.primary-tabs > .tab-content > .tab-pane {
|
|
padding: 15px 15px 0 15px;
|
|
}
|
|
.fancy-layout .control-tabs.primary-tabs > .tab-content > .tab-pane.pane-compact,
|
|
.fancy-layout.control-tabs.primary-tabs > .tab-content > .tab-pane.pane-compact {
|
|
padding: 0;
|
|
}
|
|
.fancy-layout .control-tabs.primary-tabs > .tab-content > .tab-pane .form-control,
|
|
.fancy-layout.control-tabs.primary-tabs > .tab-content > .tab-pane .form-control {
|
|
border-width: 1px;
|
|
}
|
|
.fancy-layout .control-tabs.primary-tabs.collapsed,
|
|
.fancy-layout.control-tabs.primary-tabs.collapsed {
|
|
display: none;
|
|
}
|
|
.fancy-layout .control-tabs > div.tab-content,
|
|
.fancy-layout.control-tabs > div.tab-content {
|
|
background: #f9f9f9;
|
|
}
|
|
.fancy-layout .control-tabs > div.tab-content > div.tab-pane,
|
|
.fancy-layout.control-tabs > div.tab-content > div.tab-pane {
|
|
padding: 0;
|
|
}
|
|
.fancy-layout .control-tabs > div.tab-content > div.tab-pane.padded-pane,
|
|
.fancy-layout.control-tabs > div.tab-content > div.tab-pane.padded-pane {
|
|
padding: 15px 15px 0 15px;
|
|
}
|
|
.fancy-layout .form-tabless-fields {
|
|
position: relative;
|
|
background: #e67e22;
|
|
padding: 18px 23px 0 23px;
|
|
-webkit-transition: all 0.5s;
|
|
transition: all 0.5s;
|
|
}
|
|
.fancy-layout .form-tabless-fields:before,
|
|
.fancy-layout .form-tabless-fields:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.fancy-layout .form-tabless-fields:after {
|
|
clear: both;
|
|
}
|
|
.fancy-layout .form-tabless-fields label {
|
|
text-transform: uppercase;
|
|
color: rgba(255, 255, 255, 0.5);
|
|
margin-bottom: 0;
|
|
}
|
|
.fancy-layout .form-tabless-fields input[type=text] {
|
|
background: transparent;
|
|
border: none;
|
|
color: #ffffff;
|
|
font-size: 35px;
|
|
font-weight: 100;
|
|
height: auto;
|
|
padding: 0;
|
|
}
|
|
.fancy-layout .form-tabless-fields input[type=text]::-moz-placeholder {
|
|
color: #f4c69e;
|
|
opacity: 1;
|
|
}
|
|
.fancy-layout .form-tabless-fields input[type=text]:-ms-input-placeholder {
|
|
color: #f4c69e;
|
|
}
|
|
.fancy-layout .form-tabless-fields input[type=text]::-webkit-input-placeholder {
|
|
color: #f4c69e;
|
|
}
|
|
.fancy-layout .form-tabless-fields input[type=text]:focus,
|
|
.fancy-layout .form-tabless-fields input[type=text]:hover {
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
.fancy-layout .form-tabless-fields .form-group {
|
|
padding-bottom: 0;
|
|
}
|
|
.fancy-layout .form-tabless-fields .form-group.is-required > label:after {
|
|
display: none;
|
|
}
|
|
.fancy-layout .form-tabless-fields .tab-collapse-icon {
|
|
position: absolute;
|
|
display: block;
|
|
text-decoration: none;
|
|
outline: none;
|
|
opacity: 0.6;
|
|
filter: alpha(opacity=60);
|
|
-webkit-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
font-size: 12px;
|
|
color: #ffffff;
|
|
right: 11px;
|
|
}
|
|
.fancy-layout .form-tabless-fields .tab-collapse-icon:hover {
|
|
text-decoration: none;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
.fancy-layout .form-tabless-fields .tab-collapse-icon.primary {
|
|
color: #475354;
|
|
bottom: -25px;
|
|
z-index: 100;
|
|
-webkit-transform: scale(1, -1);
|
|
-moz-transform: scale(1, -1);
|
|
-ms-transform: scale(1, -1);
|
|
-o-transform: scale(1, -1);
|
|
transform: scale(1, -1);
|
|
}
|
|
.fancy-layout .form-tabless-fields .tab-collapse-icon.primary i {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
.fancy-layout .form-tabless-fields .tab-collapse-icon.tabless {
|
|
top: 11px;
|
|
}
|
|
.fancy-layout .form-tabless-fields.collapsed {
|
|
padding: 5px 23px 0 10px;
|
|
}
|
|
.fancy-layout .form-tabless-fields.collapsed .tab-collapse-icon.tabless {
|
|
-webkit-transform: scale(1, -1);
|
|
-moz-transform: scale(1, -1);
|
|
-ms-transform: scale(1, -1);
|
|
-o-transform: scale(1, -1);
|
|
transform: scale(1, -1);
|
|
}
|
|
.fancy-layout .form-tabless-fields.collapsed .form-group:not(.collapse-visible) {
|
|
display: none;
|
|
}
|
|
.fancy-layout .form-tabless-fields.collapsed .form-buttons {
|
|
padding-bottom: 0;
|
|
}
|
|
.fancy-layout .form-tabless-fields .loading-indicator-container .loading-indicator {
|
|
background-color: #e67e22;
|
|
padding: 0 0 0 30px;
|
|
color: rgba(255, 255, 255, 0.5);
|
|
margin-top: 1px;
|
|
height: 90%;
|
|
font-size: 12px;
|
|
line-height: 100%;
|
|
}
|
|
.fancy-layout .form-tabless-fields .loading-indicator-container .loading-indicator > span {
|
|
left: -10px;
|
|
top: 18px;
|
|
}
|
|
.fancy-layout .form-buttons {
|
|
-webkit-transition: all 0.5s;
|
|
transition: all 0.5s;
|
|
padding-top: 2px;
|
|
padding-bottom: 5px;
|
|
margin-top: -6px;
|
|
}
|
|
.fancy-layout .form-buttons .btn {
|
|
margin-left: -11px;
|
|
background-color: transparent;
|
|
}
|
|
.fancy-layout .form-buttons .btn {
|
|
color: #ffffff;
|
|
opacity: 0.5;
|
|
filter: alpha(opacity=50);
|
|
-webkit-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
}
|
|
.fancy-layout .form-buttons .btn:hover {
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
.fancy-layout form.oc-data-changed .btn.save {
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
.fancy-layout .field-codeeditor {
|
|
border: none !important;
|
|
-webkit-border-radius: 0;
|
|
-moz-border-radius: 0;
|
|
border-radius: 0;
|
|
}
|
|
.fancy-layout .field-codeeditor .editor-code {
|
|
-webkit-border-radius: 0;
|
|
-moz-border-radius: 0;
|
|
border-radius: 0;
|
|
}
|
|
.fancy-layout .field-richeditor {
|
|
border: none;
|
|
border-left: 1px solid #e0e0e0 !important;
|
|
}
|
|
.fancy-layout .field-richeditor,
|
|
.fancy-layout .field-richeditor .redactor_box,
|
|
.fancy-layout .field-richeditor .redactor_toolbar {
|
|
-webkit-border-radius: 0;
|
|
-moz-border-radius: 0;
|
|
border-radius: 0;
|
|
border-top-right-radius: 0;
|
|
border-top-left-radius: 0;
|
|
}
|
|
.fancy-layout .field-richeditor .redactor-box textarea {
|
|
background: white;
|
|
padding: 20px !important;
|
|
color: #333333;
|
|
font-size: 14px;
|
|
}
|
|
.fancy-layout .secondary-content-tabs .field-richeditor .redactor-box .redactor-toolbar {
|
|
margin: 20px 20px 0 20px !important;
|
|
-webkit-border-radius: 3px !important;
|
|
-moz-border-radius: 3px !important;
|
|
border-radius: 3px !important;
|
|
}
|
|
body.side-panel-not-fixed .fancy-layout .field-richeditor {
|
|
border-left: none;
|
|
}
|
|
html.cssanimations .fancy-layout .form-tabless-fields .loading-indicator-container .loading-indicator > span {
|
|
-webkit-animation: spin 1s linear infinite;
|
|
animation: spin 1s linear infinite;
|
|
background-image: url('../../../system/assets/ui/images/loader-white.svg');
|
|
background-size: 20px 20px;
|
|
}
|
|
.flyout-container > .flyout {
|
|
overflow: hidden;
|
|
width: 0;
|
|
left: 0 !important;
|
|
-webkit-transition: width 0.1s;
|
|
transition: width 0.1s;
|
|
}
|
|
.flyout-overlay {
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
z-index: 5000;
|
|
position: absolute;
|
|
background-color: rgba(0, 0, 0, 0);
|
|
-webkit-transition: background-color 0.3s;
|
|
transition: background-color 0.3s;
|
|
}
|
|
.flyout-toggle {
|
|
position: absolute;
|
|
top: 20px;
|
|
left: 0;
|
|
width: 23px;
|
|
height: 25px;
|
|
background: #2b3e50;
|
|
cursor: pointer;
|
|
border-bottom-right-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
color: #bdc3c7;
|
|
font-size: 10px;
|
|
}
|
|
.flyout-toggle i {
|
|
margin: 7px 0 0 6px;
|
|
display: inline-block;
|
|
}
|
|
.flyout-toggle:hover i {
|
|
color: #ffffff;
|
|
}
|
|
body.flyout-visible {
|
|
overflow: hidden;
|
|
}
|
|
body.flyout-visible .flyout-overlay {
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
}
|