From a253d6fc57fb8041a942de498947c9b1fa81a100 Mon Sep 17 00:00:00 2001 From: alekseybobkov Date: Thu, 13 Aug 2015 20:26:11 -0700 Subject: [PATCH] Added customization options for the Table widget toolbar button labels --- modules/backend/assets/css/october.css | 5124 ++++++++++++++--- modules/backend/lang/en/lang.php | 1 + modules/backend/widgets/Table.php | 5 + .../widgets/table/assets/css/table.css | 13 + .../widgets/table/assets/js/build-min.js | 6 +- .../backend/widgets/table/assets/js/table.js | 11 +- .../widgets/table/assets/less/table.less | 17 + .../backend/widgets/table/partials/_table.htm | 6 +- 8 files changed, 4353 insertions(+), 830 deletions(-) diff --git a/modules/backend/assets/css/october.css b/modules/backend/assets/css/october.css index e71823563..7f1e615ee 100644 --- a/modules/backend/assets/css/october.css +++ b/modules/backend/assets/css/october.css @@ -1,871 +1,4351 @@ -@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)} +@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)} +@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)} +@-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)} +@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} +.showSweetAlert { + -webkit-animation: showSweetAlert 0.3s; + animation: showSweetAlert 0.3s; } -@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} +.hideSweetAlert { + -webkit-animation: hideSweetAlert 0.2s; + animation: hideSweetAlert 0.2s; } -@-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} +@-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 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 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 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)} +@-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 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 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; + } } -.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} +@-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 animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0} -100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1} +@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); + } } -.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} +.animateSuccessTip { + -webkit-animation: animateSuccessTip 0.75s; + animation: animateSuccessTip 0.75s; } -@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} +.animateSuccessLong { + -webkit-animation: animateSuccessLong 0.75s; + animation: animateSuccessLong 0.75s; } -.animateXMark{-webkit-animation:animateXMark 0.5s;animation:animateXMark 0.5s} -@-webkit-keyframes pulseWarning{0%{border-color:#F8D486} -100%{border-color:#F8BB86} +.icon.success.animate::after { + -webkit-animation: rotatePlaceholder 4.25s ease-in; + animation: rotatePlaceholder 4.25s ease-in; } -@keyframes pulseWarning{0%{border-color:#F8D486} -100%{border-color:#F8BB86} +@-webkit-keyframes animateErrorIcon { + 0% { + transform: rotateX(100deg); + -webkit-transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0deg); + -webkit-transform: rotateX(0deg); + opacity: 1; + } } -.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 animateErrorIcon { + 0% { + transform: rotateX(100deg); + -webkit-transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0deg); + -webkit-transform: rotateX(0deg); + opacity: 1; + } } -@keyframes pulseWarningIns{0%{background-color:#F8D486} -100%{background-color:#F8BB86} +.animateErrorIcon { + -webkit-animation: animateErrorIcon 0.5s; + animation: animateErrorIcon 0.5s; } -.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} +@-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; + } } -.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} -.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} +@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; + } } -.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 .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} -.sweet-alert{text-align:left} -.sweet-alert h4{margin:10px 0 20px 0;color:#2b3e50;font-size:18px} -.sweet-alert p.text-muted{margin-bottom:20px;color:#555555} -.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; } -.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} +.animateXMark { + -webkit-animation: animateXMark 0.5s; + animation: animateXMark 0.5s; } -.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} +@-webkit-keyframes pulseWarning { + 0% { + border-color: #F8D486; + } + 100% { + border-color: #F8BB86; + } } -div.panel{padding:20px; } -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 pulseWarning { + 0% { + border-color: #F8D486; + } + 100% { + border-color: #F8BB86; + } } -@keyframes fadeIn{0%{opacity:0} -100%{opacity:1} +.pulseWarning { + -webkit-animation: pulseWarning 0.75s infinite alternate; + animation: pulseWarning 0.75s infinite alternate; } -.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} +@-webkit-keyframes pulseWarningIns { + 0% { + background-color: #F8D486; + } + 100% { + background-color: #F8BB86; + } } -@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} +@keyframes pulseWarningIns { + 0% { + background-color: #F8D486; + } + 100% { + background-color: #F8BB86; + } } -.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} +.pulseWarningIns { + -webkit-animation: pulseWarningIns 0.75s infinite alternate; + animation: pulseWarningIns 0.75s infinite alternate; } -@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} +.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; } -.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} +.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; } -@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} +.sweet-alert h4 { + margin: 30px 0; + word-wrap: break-word; } -.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} +@media all and (max-width: 767px) { + .sweet-alert { + width: auto; + margin-left: 0; + margin-right: 0; + left: 15px; + right: 15px; + } } -@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} +.sweet-alert .icon { + width: 80px; + height: 80px; + border: 4px solid gray; + border-radius: 50%; + margin: 20px auto; + position: relative; + box-sizing: content-box; } -.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} +.sweet-alert .icon.error { + border-color: #d43f3a; } -@-webkit-keyframes fadeOut{0%{opacity:1} -100%{opacity:0} +.sweet-alert .icon.error .x-mark { + position: relative; + display: block; } -@keyframes fadeOut{0%{opacity:1} -100%{opacity:0} +.sweet-alert .icon.error .line { + position: absolute; + height: 5px; + width: 47px; + background-color: #d9534f; + display: block; + top: 37px; + border-radius: 2px; } -.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)} +.sweet-alert .icon.error .line.left { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + left: 17px; } -@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)} +.sweet-alert .icon.error .line.right { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + right: 16px; } -.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)} +.sweet-alert .icon.warning { + border-color: #eea236; } -@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)} +.sweet-alert .icon.warning .body { + position: absolute; + width: 5px; + height: 47px; + left: 50%; + top: 10px; + border-radius: 2px; + margin-left: -2px; + background-color: #f0ad4e; } -.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)} +.sweet-alert .icon.warning .dot { + position: absolute; + width: 7px; + height: 7px; + border-radius: 50%; + margin-left: -3px; + left: 50%; + bottom: 10px; + background-color: #f0ad4e; } -@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)} +.sweet-alert .icon.info { + border-color: #46b8da; } -.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)} +.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; } -@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)} +.sweet-alert .icon.info::after { + content: ""; + position: absolute; + width: 7px; + height: 7px; + border-radius: 50%; + margin-left: -3px; + top: 19px; + background-color: #5bc0de; } -.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%; } -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-fix > form,.layout > .layout-row > .layout-cell.width-fix > div{display:inline-block} -.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-fix > form,.layout > .layout-row > .layout-cell.width-fix > div{display:inline-block} -.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} -.layout > .layout-cell.width-fix > form,.layout > .layout-cell.width-fix > div{display:inline-block} -.whiteboard{background:white} -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} +.sweet-alert .icon.success { + border-color: #4cae4c; } -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{margin-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} +.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); } -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} +.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; } -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} +.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; } -#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:#95a5a6;color:white;font-size:14px;padding:10px 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 #95a5a6;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} +.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; } -.touch #layout-side-panel .fix-button{display:none} -@media (max-width:768px){#layout-side-panel .fix-button{display:none} +.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; +} +.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 .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; +} +.sweet-alert { + text-align: left; +} +.sweet-alert h4 { + margin: 10px 0 20px 0; + color: #2b3e50; + font-size: 18px; +} +.sweet-alert p.text-muted { + margin-bottom: 20px; + color: #555555; +} +.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-fix > form, +.layout > .layout-row > .layout-cell.width-fix > div { + display: inline-block; +} +.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-fix > form, +.layout > .layout-row > .layout-cell.width-fix > div { + display: inline-block; +} +.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; +} +.layout > .layout-cell.width-fix > form, +.layout > .layout-cell.width-fix > div { + display: inline-block; +} +.whiteboard { + background: white; +} +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 { + margin-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: #95a5a6; + color: white; + font-size: 14px; + padding: 10px 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 #95a5a6; + 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; + 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); } -#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)} - .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;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)} \ No newline at end of file diff --git a/modules/backend/lang/en/lang.php b/modules/backend/lang/en/lang.php index b470b2c41..f8d80ef8e 100644 --- a/modules/backend/lang/en/lang.php +++ b/modules/backend/lang/en/lang.php @@ -199,6 +199,7 @@ return [ 'select_none' => 'none', 'select_placeholder' => 'please select', 'insert_row' => 'Insert Row', + 'insert_row_below' => 'Insert Row Below', 'delete_row' => 'Delete Row', 'concurrency_file_changed_title' => 'File was changed', 'concurrency_file_changed_description' => "The file you're editing has been changed on disk by another user. You can either reload the file and lose your changes or override the file on the disk." diff --git a/modules/backend/widgets/Table.php b/modules/backend/widgets/Table.php index 39b74fcec..f3a0a03db 100644 --- a/modules/backend/widgets/Table.php +++ b/modules/backend/widgets/Table.php @@ -1,5 +1,6 @@ vars['height'] = $this->getConfig('height', false) ?: 'false'; $this->vars['dynamicHeight'] = $this->getConfig('dynamicHeight', false) ?: 'false'; + $this->vars['btnAddRowLabel'] = Lang::get($this->getConfig('btnAddRowLabel', 'backend::lang.form.insert_row')); + $this->vars['btnAddRowBelowLabel'] = Lang::get($this->getConfig('btnAddRowBelowLabel', 'backend::lang.form.insert_row_below')); + $this->vars['btnDeleteRowLabel'] = Lang::get($this->getConfig('btnDeleteRowLabel', 'backend::lang.form.delete_row')); + $isClientDataSource = $this->isClientDataSource(); $this->vars['clientDataSourceClass'] = $isClientDataSource ? 'client' : 'server'; diff --git a/modules/backend/widgets/table/assets/css/table.css b/modules/backend/widgets/table/assets/css/table.css index b8dfa97c2..65db3408e 100644 --- a/modules/backend/widgets/table/assets/css/table.css +++ b/modules/backend/widgets/table/assets/css/table.css @@ -304,6 +304,19 @@ .control-table td[data-column-type=dropdown] .content-container { outline: none; } +/* Frameless control styles start */ +.widget-field.frameless .control-table .table-container { + border-top: none; + border-left: none; + border-right: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.widget-field.frameless .control-table .toolbar { + background: transparent; +} +/* Frameless control styles end */ html.cssanimations .control-table td[data-column-type=dropdown] [data-view-container].loading:after { background-image: url('../../../../../../modules/system/assets/ui/images/loader-transparent.svg'); background-size: 15px 15px; diff --git a/modules/backend/widgets/table/assets/js/build-min.js b/modules/backend/widgets/table/assets/js/build-min.js index 240ff44e9..f38a900b3 100644 --- a/modules/backend/widgets/table/assets/js/build-min.js +++ b/modules/backend/widgets/table/assets/js/build-min.js @@ -81,7 +81,7 @@ if(this.options.adding){var addBelowButton=document.createElement('a') addBelowButton.setAttribute('class','btn add-table-row-below') addBelowButton.setAttribute('data-cmd','record-add-below') this.toolbar.appendChild(addBelowButton) -if(this.navigation.paginationEnabled()||!this.options.rowSorting){addBelowButton.textContent='Add row'}else{addBelowButton.textContent='Add row below' +if(this.navigation.paginationEnabled()||!this.options.rowSorting){addBelowButton.textContent=this.options.btnAddRowLabel}else{addBelowButton.textContent=this.options.btnAddRowBelowLabel var addAboveButton=document.createElement('a') addAboveButton.setAttribute('class','btn add-table-row-above') addAboveButton.textContent='Add row above' @@ -89,7 +89,7 @@ addAboveButton.setAttribute('data-cmd','record-add-above') this.toolbar.appendChild(addAboveButton)}} if(this.options.deleting){var deleteButton=document.createElement('a') deleteButton.setAttribute('class','btn delete-table-row') -deleteButton.textContent='Delete row' +deleteButton.textContent=this.options.btnDeleteRowLabel deleteButton.setAttribute('data-cmd','record-delete') this.toolbar.appendChild(deleteButton)} this.tableContainer.appendChild(this.toolbar)} @@ -367,7 +367,7 @@ Table.prototype.setCellValue=function(cellElement,value){var dataContainer=cellE if(dataContainer.value!=value){dataContainer.value=value this.markCellRowDirty(cellElement) this.notifyRowProcessorsOnChange(cellElement)}} -Table.DEFAULTS={clientDataSourceClass:'client',keyColumn:'id',recordsPerPage:false,data:null,postback:true,postbackHandlerName:'onSave',adding:true,deleting:true,toolbar:true,rowSorting:false,height:false,dynamicHeight:false} +Table.DEFAULTS={clientDataSourceClass:'client',keyColumn:'id',recordsPerPage:false,data:null,postback:true,postbackHandlerName:'onSave',adding:true,deleting:true,toolbar:true,rowSorting:false,height:false,dynamicHeight:false,btnAddRowLabel:'Add row',btnAddRowBelowLabel:'Add row below',btnDeleteRowLabel:'Delete row'} var old=$.fn.table $.fn.table=function(option){var args=Array.prototype.slice.call(arguments,1),result=undefined this.each(function(){var $this=$(this) diff --git a/modules/backend/widgets/table/assets/js/table.js b/modules/backend/widgets/table/assets/js/table.js index bb98d9eb0..b39dbda92 100644 --- a/modules/backend/widgets/table/assets/js/table.js +++ b/modules/backend/widgets/table/assets/js/table.js @@ -231,9 +231,9 @@ // When the pagination is enabled, or sorting is disabled, // new records can only be added to the bottom of the // table. - addBelowButton.textContent = 'Add row' + addBelowButton.textContent = this.options.btnAddRowLabel } else { - addBelowButton.textContent = 'Add row below' + addBelowButton.textContent = this.options.btnAddRowBelowLabel var addAboveButton = document.createElement('a') addAboveButton.setAttribute('class', 'btn add-table-row-above') @@ -246,7 +246,7 @@ if (this.options.deleting) { var deleteButton = document.createElement('a') deleteButton.setAttribute('class', 'btn delete-table-row') - deleteButton.textContent = 'Delete row' + deleteButton.textContent = this.options.btnDeleteRowLabel deleteButton.setAttribute('data-cmd', 'record-delete') this.toolbar.appendChild(deleteButton) } @@ -998,7 +998,10 @@ toolbar: true, rowSorting: false, height: false, - dynamicHeight: false + dynamicHeight: false, + btnAddRowLabel: 'Add row', + btnAddRowBelowLabel: 'Add row below', + btnDeleteRowLabel: 'Delete row' } // TABLE PLUGIN DEFINITION diff --git a/modules/backend/widgets/table/assets/less/table.less b/modules/backend/widgets/table/assets/less/table.less index 6b34401b1..86f9dd32b 100644 --- a/modules/backend/widgets/table/assets/less/table.less +++ b/modules/backend/widgets/table/assets/less/table.less @@ -366,6 +366,23 @@ } } +/* Frameless control styles start */ + +.widget-field.frameless .control-table { + .table-container { + border-top: none; + border-left: none; + border-right: none; + .border-radius(0); + } + + .toolbar { + background: transparent; + } +} + +/* Frameless control styles end */ + html.cssanimations { .control-table td[data-column-type=dropdown] { [data-view-container].loading:after { diff --git a/modules/backend/widgets/table/partials/_table.htm b/modules/backend/widgets/table/partials/_table.htm index ee7fd9513..8a0196206 100644 --- a/modules/backend/widgets/table/partials/_table.htm +++ b/modules/backend/widgets/table/partials/_table.htm @@ -13,4 +13,8 @@ data-key-column="" data-client-data-source-class="" data-dynamic-height="" - data-alias="alias) ?>"> \ No newline at end of file + data-alias="alias) ?>" + data-btn-add-row-label="", + data-btn-add-row-below-label="", + data-btn-delete-row-label="" +> \ No newline at end of file