/** * Nicoka - Global Orix CSS * * - Orix 1.0.37 - Fixing issue with ui-live-form * - Orix 1.0.31 - Fixing Carrier Site * - Orix 1.0.30 - Moving to fontawesome pro version */ :root { --main-text-color: #414c56; --secondary-text-color: #fff; --main-bg-color: #285b7d; --main-color-candidate: #53bee6; --main-color-customer: #01a356; --main-color-supplier: #41CAC0; --main-color-company: #8BC34A; --main-color-contact: #23c1c7; --main-color-contact: #23c1c7; --main-color-project: #285b7d; --main-color-ticket: #285b7d; --main-color-hsedomain: #00750a; --main-color-activity: #07abb1; --main-color-document: #09405e; --hyperlink-color:#0A3E59; --hyperlink-active-color:#4791cd; --main-pin-activity-color: #41cac0; --main-pin-all-activity-color: #ff6c60; --btn-action-bg-color:#ffff; --btn-action-border-color:#ccc; --btn-action-color:#4791cd; --btn-info-bg-color:#ffff; --btn-info-border-color:#ccc; --btn-info-color:#4791cd; --panel-border-color:#ddd; --color-danger:#FF6C60; --cell-highlight:#FFEFB0; --main-menu-bg-color:rgb(233, 233, 233); --main-menu-bg-hover-color: rgb(223, 227, 235); --main-menu-color:rgb(45,62,80); --main-menu-active-color:#448ecf;/*rgb(0, 120, 212);*/ --main-menu-height:48px; --nk-input-readonly-bg-color:var(--bs-secondary-bg); --left-menu-bg-first-color: rgb(42, 53, 66); --left-menu-bg-second-color: rgb(32, 67, 89); --left-menu-bg-third-color: rgb(22, 81, 112); --bs-body-font-size :1rem; --bs-body-font-family:Lexend Deca, Helvetica, Arial, sans-serif; --bs-modal-padding: 1rem; --bs-progress-bar-bg:#448ecf; --bs-progress-bar-color:#ffff; --color-red-50: oklch(97.1% .013 17.38); --color-red-400: oklch(70.4% .191 22.216); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-800: oklch(47.6% .114 61.907); --color-green-50: oklch(98.2% .018 155.826); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-blue-50: oklch(97% .014 254.604); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-700: oklch(48.8% .243 264.376); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-700: oklch(45.7% .24 277.023); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-700: oklch(49.6% .265 301.924); --color-pink-50: oklch(97.1% .014 343.198); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-700: oklch(52.5% .223 3.958); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-900: oklch(21% .034 264.665); --color-white: #fff; } html:has(body.nk-theme) {height: 100%;} body {position: relative;height: 100%;color: var(--main-text-color);background:#f4f4f76b;font-family:var(--bs-body-font-family);padding: 0px !important;margin: 0px !important;font-size:var(--bs-body-font-size)} header.main-header {position: fixed;left: 0;right: 0;z-index: 1002;padding: 0;top: 0;display:inline-block} @media print { header.main-header,#sidebar,.nav-bk,.btn-group,.site-footer,span.tools {display:none} a[href]:after {content: none !important} } /*------------------------------------------------------------*/ /*- @Bootstrap Reset -*/ /*------------------------------------------------------------*/ a, a:hover, a:focus {text-decoration: none;outline: none} a{color:var(--hyperlink-color)}a:hover{color:var(--hyperlink-active-color)} .panel{border:none;box-shadow:none;}.panel-heading{border-color:#eff2f7;font-size:16px;font-weight:400;display: flex;justify-content: space-between;}.panel-title{color:#2A3542;font-size:14px;font-weight:400;margin-bottom:0;margin-top:0;font-family:'Open Sans',sans-serif;}.label{padding:0.5em 0.8em;}.label-default{background-color:#a1a1a1;}.label-primary{background-color:#59ace2;}.label-success{background-color:#A9D86E;}.label-info{background-color:#8175c7;}.label-warning{background-color:#FCB322;}.label-danger{background-color:#FF6C60;}.label-inverse{background-color:#344860;}.text-danger{color:#FF6C60;}.text-muted{color:#a1a1a1;}.text-primary{color:#59ace2;}.text-warning{color:#FCB322;}.text-success{color:#A9D86E;}.text-info{color:#8175c7;}.modal-content{box-shadow:none;border:none;} input,textarea,select,button{outline:none!important;}ul{padding-left:0;}.btn-default{background-color:#bec3c7;border-color:#bec3c7;color:#fff;}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-color:#b0b5b9;border-color:#b0b5b9;color:#fff;}.btn-primary{background-color:#41cac0;border-color:#41cac0;color:#FFFFFF;}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-color:#39b2a9;border-color:#39b2a9;color:#FFFFFF;}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-color:#6dbb4a;border-color:#6dbb4a;color:#FFFFFF;} .btn-info {background-color: #ffff;border-color: #ccc;color:var(--hyperlink-color)} .btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-color:var(--hyperlink-color);border-color:var(--hyperlink-color);color:#FFFFFF;}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-color:#e4ba00;border-color:#e4ba00;color:#FFFFFF;}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-color:#ec6459;border-color:#ec6459;color:#FFFFFF;} .btn-white{box-shadow:none!important;}.btn-round{border-radius:30px;-webkit-border-radius:30px;}.btn-shadow.btn-default{box-shadow:0 4px #9c9c9c;}.btn-shadow.btn-primary{box-shadow:0 4px #29b392;}.btn-shadow.btn-success{box-shadow:0 4px #61a642;}.btn-shadow.btn-info{box-shadow:0 4px #1caadc;}.btn-shadow.btn-warning{box-shadow:0 4px #cab03f;}.btn-shadow.btn-danger{box-shadow:0 4px #d1595a;}.btn-group.open .dropdown-toggle,.btn-white.active,.btn:active,.btn.active{box-shadow:none;}.btn-white{background-clip:padding-box;background-color:#FFFFFF;border-color:rgba(150,160,180,0.3);box-shadow:0 -1px 1px rgba(0,0,0,0.05) inset;} .breadcrumb{background-color:#fff;}.nav-tabs>li>a{margin-right:1px;}.panel-default>.panel-heading{background-color:#FFFFFF;border-color:#DDDDDD;color:#797979;}.navbar-inverse{background-color:#7087A3;border-color:#7087A3;}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#61748d;}.navbar-inverse .navbar-nav>li a:hover{color:#2A3542;}.navbar-inverse .navbar-nav>li>ul>li a:hover{color:#fff;}.navbar-inverse .navbar-brand{color:#FFFFFF;}.navbar-inverse .navbar-nav>li>a{color:#fff;}.navbar-inverse .navbar-nav>.dropdown>a .caret{border-bottom-color:#fff;border-top-color:#fff;}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#000;}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;} .nav-justified{width:auto!important;}.nav-justified li:last-child>a:hover,.nav-justified li.active:last-child>a{border-radius:0 4px 0 0!important;-webkit-border-radius:0 4px 0 0!important;}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{background-color:#00A8B3;border-color:#00A8B3;color:#FFFFFF;z-index:2;}.list-group-item-heading{font-weight:600;}.progress{box-shadow:none;background:#f0f2f7;} /*.alert-success,.alert-danger,.alert-info,.alert-warning{border:none;}*/ .table thead>tr>th,.table tbody>tr>th,.table tfoot>tr>th,.table thead>tr>td,.table tbody>tr>td,.table tfoot>tr>td{padding:5px;} .btn-danger{background-color:#FFFFFF;border-color:#ff6c60;color:#ff6c60} .btn-warning{background-color:#FFFFFF;border-color:#f1c500;color:#f1c500} .btn-success{background-color:#FFFFFF;border-color:#78CD51;color:#1d5c00;} .modal-header{background:var(--main-bg-color);color:#fff;border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-bottom:none;} .gd-panel tbody tr:last-of-type .dropdown-menu{bottom: 10px;top: auto} .input-xs {width:45px!important} .input-mini{width:65px;}.input-small{width:90px;}.input-medium{width:150px;}.input-large{width:210px;} .input-xlarge{width:270px;max-width: -webkit-fill-available;max-width: -moz-fill-available;}.input-xxlarge{width:400px;max-width: -webkit-fill-available;max-width: -moz-fill-available;}.input-full {width:100%;} .col-md-6 .form-group .input-xxlarge {width:350px} input.error {background-color:#f2dede;border-color:#ebccd1;color:#b94a48;} .fieldset .row {margin-left:0;margin-right:0;} .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {color: #777;cursor: not-allowed;background-color: #eee;} .widget-frame .list-group {margin-bottom:0} @media (min-width: 1600px) { .col-xl-2 {width: 16%;float: left;} .col-xl-10 {width: 83.33333333333334%;float: left;} } .nav-collapse.collapse {height: auto;display: block;visibility: visible;} .public .panel {border:1px solid #ddd} .panel .panel-body .panel-footer {margin-left: -15px;margin-bottom: -15px;margin-right: -15px;overflow: hidden;} .square {border-radius: 10% !important} .bdr0 {border-radius:0 !important} ul li {list-style: none} ::selection {background: #FF6C60;color: #fff;} ::-moz-selection {background: #FF6C60;color: #fff;} .alert-error {background-color: #f2dede;border-color: #ebccd1;color: #b94a48;} .alert-error hr {border-top-color: #e4b9c0;} .alert-error .alert-link {color: #953b39;} .dropdown-menu.drop-right {right:0;left:auto} .dropdown-menu.scrollable {overflow-y:auto;overflow-x:hidden;max-height: max(calc(100vh - 350px),150px)} .modal-backdrop.in {z-index: 1011;} .modal-footer:empty {display: none;} .modal-backdrop.ui-panel {position:absolute;border-radius:3px;width:100%;height:100%} .modal-backdrop.ui-panel.in {opacity: 0.2} .modal.modal-no-overlay {position:absolute;top:initial;bottom:initial;right:initial;left:initial} .tooltip-inner {white-space: normal;} .popover {z-index: 1090;max-width:600px} .inl.collapse.in {display:inline} .btn-group-justified>.btn, .btn-group-justified>.btn-group {text-overflow: ellipsis;overflow: hidden} .tleft {text-align:left!important} .badge.bg-primary {background: #8075c4;}.badge.bg-success {background: #a9d86e;}.badge.bg-warning {background: #FCB322;}.badge.bg-important {background: #ff6c60;}.badge.bg-info {background: #41cac0;}.badge.bg-inverse {background: #2A3542;} .tip.badge {opacity:0.5;cursor:help}.tip.badge:hover {opacity:1;} .btn {text-overflow: ellipsis;overflow: hidden;} i.fa, i.fa-solid, i.fa-regular {height: inherit;line-height: inherit} .flex {display: flex !important;align-items: center} .justify-content-space {justify-content: space-between} .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {float:none} .btn-toolbar {margin-bottom: 10px} .nk-theme .tab-content {background: white;border: 1px solid #ddd;border-top: 0;} .nk-theme .tab-content .wrapper {margin:0} .nk-theme .tab-content {padding: 10px;} .nk-theme h1 {margin-top:5px;font-size:20px} .nk-theme .page-header {margin:0;margin-bottom: 9px;padding-bottom:0;border-bottom: 1px solid #ddd;} .nk-theme .page-title {line-height: 10px;} /*------------------------------------------------------------*/ /*- @Tailwin -*/ /*------------------------------------------------------------*/ .nk-badge { /* Base styles - flat design */ border: none !important; box-shadow: none !important; font-weight: 500 !important; font-size: 0.75rem !important; line-height: 1 !important; padding: 0.25rem 0.5rem !important; border-radius: 0.375rem !important; text-transform: none !important; letter-spacing: 0 !important; display: inline-flex; align-items: center; gap: 0.25rem; } /* Outline variants */ .nk-badge.badge-outline { background-color: transparent !important; border: 1px solid !important; } .nk-badge.badge-outline.label-default { border-color: #d1d5db !important; color: #374151 !important; background-color: #f3f4f6 !important; } .nk-badge.badge-outline.label-danger { border-color: #fca5a5 !important; color: #dc2626 !important; } .nk-badge.badge-outline.label-warning { border-color: #fcd34d !important; color: #d97706 !important; } .nk-badge.badge-outline.label-success { border-color: #86efac !important; color: #16a34a !important; background-color: #f0fdf4 !important; } .nk-badge.badge-outline.label-primary { border-color: #93c5fd !important; color: #2563eb !important; } .nk-badge.badge-outline.label-indigo { border-color: #a5b4fc !important; color: #4f46e5 !important; } .nk-badge.badge-outline.label-purple { border-color: #c4b5fd !important; color: #9333ea !important; } .nk-badge.badge-outline.label-pink { border-color: #f9a8d4 !important; color: #ec4899 !important; } /*------------------------------------------------------------*/ /*- @App -*/ /*------------------------------------------------------------*/ #screenshot {height: 210px;} #screenshot canvas {background: #eee;margin-bottom: 10px;border-radius: 3px;} #screenshot canvas {width: 100%;height: 200px;} /*------------------------------------------------------------*/ /*- @Public -*/ /*------------------------------------------------------------*/ .job-social-network {display:block;float:right;margin-right:5px} .job-social-network i,.job-social-network em {width: 35px;height: 35px;line-height: 35px;text-align: center;font-size: 18px;background: #eee;border-radius: 50%;overflow: hidden;} .public .sales-doc-header .block a.legend-label {font-size: 14px;} .public .sales-doc-header .form-group {display: flex;margin-top: 1rem;} /*------------------------------------------------------------*/ /*- @Short Cuts -*/ /*------------------------------------------------------------*/ .fixed {position:fixed;} .fullw {width:100%!important;max-width:100%}.width-auto{width:auto!important}.maxw {max-width:100%!important} .fx-sep {height: 30px;} .right {text-align:right} .fss {font-size:smaller!important}.fsm{font-size:13px!important}.fsl{font-size:18px!important}.fsxl{font-size:24px!important} .flr{float:right}.nfl{float:none!important} .dib {display:inline-block!important}.dbl {display:block!important} .nwp {white-space: nowrap}.white-space-pre{white-space:pre} .smpad td,.smpad tr {padding:3px!important} .center {text-align:center!important}.baseline{vertical-align:baseline} .fleft,.fll {float:left!important} .nowrap {white-space: nowrap;} .clickable,.action,.toggleable{cursor:pointer}.noclick {cursor: default !important;} .spd {padding: 5px !important} .scrolling {overflow-x:hidden;overflow-y:auto;} .scroll-md {overflow-x:hidden;overflow-y:auto;height:450px} .nrd{border-radius:0!important}.rds{border-radius:3px} .nrz {resize:none} .mwl {min-width:150px!important} .nbd {border:0 !important}.bbt{border-bottom: 1px solid #ddd;}.blf{border-left:1px solid #ddd;}.bri{border-right:1px solid #ddd;}.bbn{border-bottom:0 !important}.bt0{border-top:0 !important} .spd{padding:5px}.mpd {padding:10px}.lpd {padding:15px} .rps{padding-right:5px}.rpm {padding-right:10px}.rpl{padding-right:20px!important} .lps{padding-left:6px}.lpm {padding-left:20px}.lpl{padding-left:20px} .pbn{padding-bottom:0!important} .ml0{margin-left:0} .mts{margin-top:5px}.mtm {margin-top:15px}.mtl{margin-top:25px} .mls{margin-left:5px!important}.mlm {margin-left:15px!important}.mll{margin-left:25px!important} .mrs{margin-right:5px!important}.mrm{margin-right:15px!important}.mrm{margin-right:25px!important} .mbn{margin-bottom:0!important}.mbs{margin-bottom:5px!important}.mbm {margin-bottom:15px}.mbl{margin-bottom:30px} .brg {border:1px solid #ccc}.brl{border-left:1px solid #ccc}.brb{border-bottom:1px solid #ccc}.brt{border-top:1px solid #ccc}.bra{border: 1px solid #ddd;} .bd-light {border:1px solid #ddd} .half {width:50%} .til {text-indent:15px} .nopad {padding:0!important}.pt0 {padding-top:0!important} .nomrg {margin:0!important} .strike {text-decoration: line-through}.uppercase {text-transform: uppercase}.underline {text-decoration: underline}.italic {font-style:italic} .lbold {font-weight:500}.bold {font-weight: bold} .disable {cursor: not-allowed;background-color: #eee !important;opacity: 1;} .nosel {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none} .disable input,.disable select,.disable input,.disable .redactor-box, .disable .token-input-list {background-color: #eee !important;opacity: 0.3} .label-danger.token-input-token {background-color: #FF6C60 !important; color: white} .splitl {width: 41% !important;float: left;} .splitr {width: 53% !important;float: left;} .white {color:#fff!important} .chip {height:1.5em;margin-right:5px;width:1.5em} .badge.bg-green {background: #a9d86e;} .bg-red {background: #ff6c60}.bg-yellow {background: #fcb322;} .dragger,.ui-draggable-handle {cursor: move;} .clear {clear:both} .scrollx {overflow-x:auto!important} .relative,.rel {position: relative} .abs {position: absolute} .running {cursor: not-allowed;background-color: #eee;opacity: 0.5;} .ui-resizable-e {cursor: e-resize;width: 7px;right: -5px;top: 0;height: 100%;position: absolute;} .unsel {-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none;} a.toggleable:hover i:before {font-family: "Font Awesome 5 Pro";font-weight:600;content: "\f00c";} ul.disc li {list-style-type: disc;margin-left: 15px!important;} .table-row {display:table-row!important;} .table-cell {display:table-cell!important} .maxh-sm {max-height: 22px} .v-auto-scroll-md {overflow-x: auto;max-height: 250px} .cell-highlight {background-color:var(--cell-highlight)} .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} .ui-resizable-handle.ui-icon{ background: var(--btn-color-info); transform: scaleX(-1); font-size: 0.8em; padding: 2px; } .ui-resizable-handle.ui-icon::before{ content: "\e0a0"; font: var(--fa-font-solid); font-size: 8px; color: #fff; display: block; } .ui-cell .image-picked-div{ width: fit-content; max-width: 100%; } .truncate-text {hyphens: none;overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap !important;} /*------------------------------------------------------------*/ /*- @Themes -*/ /*------------------------------------------------------------*/ .white-bg {background: #fff;border-bottom: 1px solid #f1f2f7;box-shadow: 0 2px 4px rgba(0,0,0,.07);} .label-validate {background-color:#4caf50} .notify-row .badge { position: absolute; right: -10px; top: -10px; z-index: 100; } .dropdown-menu.tasks-bar .task-info .desc { font-size: 13px; font-weight: normal; } .dropdown-menu.tasks-bar .task-info .percent { display: inline-block; font-size: 13px; font-weight: 600; padding-left: 10px; margin-top: -4px; } .dropdown-menu.extended .progress { margin-bottom: 0 !important; height: 10px; } .dropdown-menu.inbox li a .photo img { border-radius: 2px 2px 2px 2px; float: left; height: 40px; margin-right: 4px; width: 40px; } /*------------------------------------------------------------*/ /*- Social Network -*/ /*------------------------------------------------------------*/ .sn-profile .panel-body {padding:5px} .sn-grp .panel-body {padding:0} .sn-grp .panel-body {box-shadow: 0 2px 4px rgba(0,0,0,.07)} .sn-grp-hd {padding: 16px;background: #58c9f3;border-radius: 5px 5px 0px 0px;border-bottom:0;position:relative} .sn-grp-hd .logo {float: left;margin-right: 15px;width: 60px;height: 60px;border: 3px solid rgba(255, 255, 255, 0.3)} .sn-grp-hd .logo.top-menu-logo {margin-top: -5px;} .sn-grp-hd a i.customize {display:none} .sn-grp-hd a:hover i.customize {display:inline-block} .sn-profile-hd {padding: 16px;background: #a9d86e;border-radius: 5px 5px 0px 0px;border-bottom:0;} .sn-grp-hd .thumbnail,.sn-profile-hd .thumbnail {float: left;width: 100px;height: 100px;margin-bottom: 0;margin: 0 15px 0 0;} .sn-grp-hd .header-content h2 a {color:#fff} .sn-grp-hd .header-content h2,.sn-profile-hd .header-content h2 {margin-top:auto;color: white;margin-bottom:0;border:0} .sn-grp-hd .header-content,.sn-profile-hd .header-content {min-height:45px;margin-bottom: 0;} .sn-grp-hd .header-content .header-cell-container,.sn-profile-hd .header-content .header-cell-container{vertical-align: middle;position: relative;} .sn-grp-hd .grp-members {position: absolute;width: 245px;right: 5px;top:5px;padding-right: 20px;text-align:right} .sn-grp-hd .grp-members .counter a {color: #fff;} .sn-grp-hd .grp-members .grp-mb-role {font-size:10px;bottom:0px;position: absolute;background: #000;opacity: .75;color: #fff;width:35px;display: block;text-align:center} .sn-grp-hd .grp-members .thumbs ul {margin: 0;float: right;} .sn-grp-hd .grp-members .thumbs ul li {text-align: center;border:1px solid #666;float: left;margin-right: 1px;width: 37px;height: 38px;} .sn-grp-hd .grp-members .thumbs ul .add {color: #666;background:white;margin: 0 0 0 4px;padding-top: 10px;} .sn-grp-hd .grp-members .thumbs ul li a {display:block;width: 35px;height: 35px;} ul.ft-link {margin: 0;padding: 0;} ul.ft-link li {border-right: 1px solid #E6E7EC;display: inline-block;line-height: 30px;padding: 0px 10px;text-align: center;width: 24%;} ul.ft-link li:last-child {border-right:0} ul.ft-link li a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} ul.ft-link li .underline {background: var(--main-color-candidate);display: none;bottom: 4px;height: 3px;margin-bottom: -3px;padding: 0 3px;position: relative;width: 100%;} ul.ft-link li a div.menu-text-label {padding-bottom: 2px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .sn-profile ul.ft-link li .underline {background: #a9d86e;} ul.ft-link li a:hover .underline,ul.ft-link li a.active .underline {display:block} .p-text-area {border:0} .publisher-fake .publisher-placeholder {background-color: #fff;border: 1px solid #ccc;color: #767676;display: block;font-size: 14px;font-size: 1.4rem;line-height: 45px;line-height: 4.5rem;padding: 0 4px 0 14px;text-decoration: none;} .cover-photo {position: relative;} .fb-timeline-img img {width: 100%;border-radius: 4px 4px 0 0;-webkit-border-radius: 4px 4px 0 0;} .profile-thumb img {width: 140px;height: 140px;border-radius: 50%;-webkit-border-radius: 50%;margin-top: -90px;border: 3px solid #fff;} .profile-thumb {float: left;position: relative;} .fb-user-mail {margin: 10px 0 0 20px;display: inline-block;} .fb-name {bottom: 5px;left: 175px;position: absolute;} .fb-name h2 a {color: #FFFFFF;text-rendering: optimizelegibility;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);font-size: 25px;} .fb-user-thumb {float: left;width: 48px;margin-right:15px;} .fb-user-thumb img {width: 48px;height: 48px;border-radius: 50%; -webkit-border-radius: 50%;} .fb-user-details h3 {margin:0;font-size:16px;font-weight:bold;} .fb-user-details p {color: #c3c3c3;} .fb-user-status {padding: 10px 0;line-height: 20px;} .fb-time-action {padding: 15px 0;} .fb-border {border-top:1px solid #ebeef5;} .fb-time-action span, .fb-time-action a {margin-right: 5px;} .fb-time-action span.date {font-size: 12px;color: #ccc;} .fb-time-action a {color: #2972a1;} .fb-time-action a:hover {text-decoration: underline;} .fb-time-action span {color: #5a5a5a;} .fb-status-container, .fb-comments li {margin: 0 -15px 0 -15px;padding: 0 15px;} .fb-gray-bg {background: #f6f6f6;} .fb-comments li {border-top:1px solid #ebeef5;padding: 15px;} .fb-comments .cmt-thumb {width: 50px;float: left;margin-right: 15px;} .fb-comments .cmt-thumb img {width: 50px;} .fb-comments .cmt-details {padding-top: 5px;} .fb-comments .cmt-details a {font-size: 14px;font-weight: bold;} .fb-comments .cmt-details a.like-link {font-size: 12px;font-weight: normal;} .cmt-form {display: inline-block;width: 90%;} .cmt-form textarea{height: 50px;line-height: 35px;} .fb-timeliner h2 {background: #828283;color: #fff;margin-top: 0;padding: 10px 15px;font-size: 16px;border-radius: 4px;-webkit-border-radius: 4px;font-weight: 300;} .fb-timeliner ul {margin-left:15px;margin-bottom: 20px;} .fb-timeliner ul li {margin-bottom: 3px;} .fb-timeliner ul li a{color: #999797;border-left: 4px solid #d3d7dd;padding-left:10px;padding-top: 3px;padding-bottom: 3px;display: block;} .fb-timeliner ul li a:hover{color: #999797;border-left: 4px solid #b1b1b1;padding-left:10px;} .fb-timeliner ul li.active a{color: #7a7a7a;border-left: 4px solid #7a7a7a;padding-left:10px;} .timeline-desk .panel:hover {background-color:#ddd} .avatar-small {border-radius: 2px 2px 2px 2px;height: 35px;width: 35px;} .event-post {border:1px solid #ddd;margin-bottom: 20px;} .ui-state-active {background: #41CAC0;} /*------------------------------------------------------------*/ /*- Publication -*/ /*------------------------------------------------------------*/ .edu-publication-list li {padding:10px;background: #F4F4F4;border-radius:5px} .edu-publication-list h1 {font-size: 16px;color: #39B6AE;font-weight: 300;margin: 0 0 5px;} /*------------------------------------------------------------*/ /*- Skills & Languages -*/ /*------------------------------------------------------------*/ .skills-section {margin-top: 20px;margin-left:15px; margin-bottom: 0px;} .endorse-item {margin-top: 0px;margin-bottom: 6px;overflow: hidden;} .skills-section .hr-line {border-top: 1px solid #f4f4f4;margin-top: 15px;margin-bottom: 0px;margin-left: 10px;margin-right: 0px;overflow: hidden;height: 12px;display: block;} .endorsers-container {overflow: hidden;} .endorsers-pics {line-height: 24px;float: right;overflow: visible;margin-left: 10px;margin-right: 0px;height: 27px;} .endorsers-pics li {float: left;margin-left: 1px;margin-right: 0px;height: 24px;} img.endorser {margin-right:5px;width:24px;height:24px} /*------------------------------------------------------------*/ /*- Disposal -*/ /*------------------------------------------------------------*/ body.ncd {background-color: #f1f2f7;padding: 1px;background-image: linear-gradient(90deg, var(--left-menu-bg-first-color) 20%, var(--left-menu-bg-third-color) 100%) ! important;} #main-content {padding-bottom: 20px;min-height:600px;transition: 0.5s ease;height: 100%;} #main-content .wrapper {margin-bottom:-10px;padding: 15px 15px 0 15px;} .ncd #main-content {margin-left:auto;min-height:100px} .nk-theme #ascrail2000 {top:61px;left:0!important} .nk-theme #main-content {margin-bottom:0;padding:0;} .nk-theme #main-content .wrapper {top:var(--main-menu-height);position:relative;height: calc(100% - var(--main-menu-height));overflow: auto;} .ncd #main-content .wrapper {z-index:auto} .ncd #main-content .wrapper {margin-top:auto!important;padding:0} @media all and (max-width: 480px) { :root { --left-menu-width:0px; } } @media all and (min-width: 481px) { :root { --left-menu-width:58px; } .sidebar-open { --left-menu-width:180px; } } :root { --left-menu-closed-width: 58px; --left-menu-open-width: 180px; --left-menu-font: rubik; } .ncd { --left-menu-width:0; --main-menu-height:0 } /*------------------------------------------------------------*/ /*- @News -*/ /*------------------------------------------------------------*/ /*------------------------------------------------------------*/ /*- @Footer -*/ /*------------------------------------------------------------*/ #footer-help-btn-container {position: fixed;z-index:99999;right:10px;bottom:0px;letter-spacing: .8px;line-height: 1.25;display: inline-block;user-select: none;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;text-align: center;transition: .35s;vertical-align: middle} #footer-help-btn-container.open {bottom:65px;} #footer-help-btn {position:fixed;opacity:0.7;bottom: 0;right:5px;border-radius: 50%;width: 2.5em;height: 2.5em;margin-bottom: 0.6em;z-index: 10002;justify-content: center;user-select: none;background-size: 200% auto;color: #fff;border: 3px solid #fff;display: flex;align-items: center;padding: 0.6em 0em;font-size: 1.5em;font-weight: 600;cursor: pointer;box-shadow: 0 0 3px rgb(188 205 215 / 20%), 0 1px 5px rgb(188 205 215 / 20%), 0 3px 1px -1px rgb(188 205 215 / 20%)} #footer-help-btn:hover {opacity:1} #footer-help-btn:after {display: none ;} #footer-help-btn-container ul.list-group {padding:0;display:none;margin:0;box-shadow: 0 3px 1px -1px rgb(188 205 215 / 20%)} #footer-help-btn-container.open ul.list-group {display:block;margin:0} #footer-help-btn-container ul.list-group li a, #footer-help-btn-container ul.list-group li#server-status{width: 100%;display: flex;flex-flow: row;align-items: start;position: relative;padding-top: 1em;padding-bottom: 1em;word-wrap: break-word;white-space: pre-wrap;word-break: break-word} #footer-help-btn-container ul.list-group li a i {font-size:15px;padding-right: 1rem;width: 2em} #footer-help-btn-container ul.list-group a:hover{background-color: var(--main-bg-color);color:white} #footer-help-btn-container.open ul.list-group.dropdown-menu {position: relative;} /*------------------------------------------------------------*/ /*- @Theme -*/ /*------------------------------------------------------------*/ .nk-theme .popup .caption,.nk-career-portal .popup .caption {background: var(--main-bg-color);color: #fff} .nk-theme .main-header,.nk-career-portal .main-header {background-color: var(--main-top-menu-bg-color);} .nk-theme .nk-layout-page-menu,.nk-theme-beach .nk-layout-page-menu {max-height: calc(100vh - 300px);min-height:100px;overflow-y: auto;} .nk-theme .nk-layout-page-subcontent, .nk-theme-beach .nk-layout-page-subcontent {overflow-x: hidden;min-height:400px;height:calc(100vh - 135px);overflow-y: auto;} .nk-theme .nk-layout-page-subcontent.nk-page-activities {overflow:hidden;max-height:100%} .nk-theme .nk-layout-page-subcontent .activities {max-height: calc(100vh - 180px);overflow-y: auto;min-height:400px} .nk-theme .profile-contact .nk-layout-page-menu,.nk-theme .profile-customer .nk-layout-page-menu {max-height: calc(100vh - 370px)} /*.nk-theme .nk-theme .nk-layout-page-menu {border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;border: 1px solid #ccc;border-top: 0;}*/ .o365sx-navbar {width: 100%;display: flex;border-spacing: 0;white-space: nowrap;background-position: left top;} .o365sx-navbar-left-region {align-items: center;justify-content: space-between;margin: 0;padding: 0;text-align: center;height: 100%;} .o365sx-navbar-left-region button {background: transparent;border-width: 0;width: auto;height: 100%;box-sizing: border-box;overflow: visible;display: block;position: relative;margin: 0;padding: 0;min-width: 48px;text-align: center;cursor: pointer;outline-offset: -1px;line-height: 48px} .o365cs-base .o365sx-waffle {color: #FFFFFF;margin-left: 5px;} .o365sx-appName {height: 100%;display: flex;vertical-align: middle;outline-offset: -1px;padding: 0px;text-decoration: none;} .o365sx-appName-text {display: inline-block;font-weight: 600;font-family: SegoeUI-SemiBold-final,Segoe UI Semibold,SegoeUI-Regular-final,Segoe UI,"Segoe UI Web (West European)",Segoe,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Tahoma,Helvetica,Arial,sans-serif;font-size: 16px;line-height: 48px;text-transform: uppercase;-webkit-font-smoothing: antialiased} #nk-app-name, a.o365sx-appBrandLink{background: url(images/nicoka-logo-white.svg);background-repeat: no-repeat;text-indent: -500px;width: 110px;background-position-y: center;background-position-x: center;} .o365-profile-button {background: transparent;border-width: 0;width: auto;height: 100%;box-sizing: border-box;overflow: visible;display: block;position: relative;margin: 0;padding: 0;min-width: 48px;text-align: center;cursor: pointer;outline-offset: -1px;} .o365-profile-img-canva {width: 32px;height: 32px;overflow: hidden;display: inline-block;border-radius: 50%;vertical-align: middle;font-size: 6px;} .o365-profile-img-initials {background-color: transparent!important;border: 1px solid;color: inherit!important;box-sizing: border-box;font-size: 13px!important;font-family: SegoeUI-Regular-final,Segoe UI,"Segoe UI Web (West European)",Segoe,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Tahoma,Helvetica,Arial,sans-serif;line-height: normal!important;display: flex;align-items: center;justify-content: center;position: absolute;left: 0;top: 0;border-radius: 50%;width: 100%;height: 100%;text-align: center;} @media (min-width:640px) { .o365-profile-button {max-width: 176px;text-decoration: none} } @media (max-width:640px) { #o365-nav-header{box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 5px;} #container:has(.main-left-menu-container.open) #o365-nav-header {box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 5px;} } .o365-profile-wrapper{position: relative;margin: 0;padding: 0;min-width: 48px;text-align: center;cursor: pointer;outline-offset: -1px;border-spacing: 0;white-space: nowrap;text-size-adjust: 100%;background: transparent;border-width: 0;width: auto;height: 100%;box-sizing: border-box;overflow: visible;line-height: 48px;border-left-width: 0!important;vertical-align: middle;display: flex;align-items: center;justify-content: center} .o365-navbar-flex {height: 48px;display: flex} .o365-navbar-button-wrapper {height: 100%;line-height: 48px;display: flex} .o365-navbar-button-wrapper .o365sx-button {transition: all 0.3s ease;font-size:16px; line-height: 48px;display: block;position: relative;margin: 0;padding: 0;min-width: 48px;text-align: center;cursor: pointer;outline-offset: -1px;background: transparent;border-width: 0;width: auto;height: 100%;box-sizing: border-box;overflow: visible} .o365-navbar-button-badge {font-size: 10px;position: absolute;width: 16px;height: 16px;line-height: 15px;border-radius: 1em;box-sizing: border-box;text-align: center;border:1px solid;border-color: #0D557C} .o365sx-button:hover .o365-navbar-button-badge {background-color: white;color: rgb(16, 110, 190);} .o365cs-base .o365sx-appName {color: #FFFFFF; } .o365cs-base .o365sx-button { color: #FFFFFF;/* background-color: rgba(49,127,168,.6); }*/} .o365cs-base .o365sx-waffle { color: #FFFFFF; /*background-color: rgba(49,127,168,.6); */} .o365cs-base .o365sx-badge { color: #FFFFFF; background-color: #0A3E59; } .o365cs-base .o365sx-badge {max-width: 16px;text-overflow: ellipsis;overflow: hidden} .o365cs-base .o365sx-shyHeader { background-color: #FFFFFF; } .o365cs-base .o365sx-highContrastButton { @media screen and (-ms-high-contrast: black-on-white) { color: black; -ms-high-contrast-adjust: none; background-color: white; } @media screen and (-ms-high-contrast: white-on-black) { color: white; -ms-high-contrast-adjust: none; background-color: black; } } .o365cs-base .o365sx-activeButton { color: #252423; background-color: #F3F2F1; } .o365cs-base .o365sx-accent-link { background-color: #0D557C; } .o365cs-base .o365sx-accent-font { background-color: #0D557C; } .o365cs-base .o365sx-accent-background { background-color: #0D557C; } .o365cs-base .o365sx-accent-border { border-color: #0D557C; } .o365cs-base .o365sx-darker-link, .o365cs-base .o365sx-darker-link:hover, .o365cs-base .o365sx-darker-link:visited, .o365cs-base .o365sx-darker-hover-link:hover { color: #0A3E59; } .o365cs-base .o365sx-darker-font, .o365cs-base .o365sx-darker-hover-font:hover { color: #0A3E59; } .o365cs-base .o365sx-darker-background, .o365cs-base .o365sx-darker-hover-background:hover { background-color: #0A3E59; } .o365cs-base .o365sx-darker-border, .o365cs-base .o365sx-darker-hover-border:hover { border-color: #0A3E59; } .o365cs-base .o365sx-dark-link, .o365cs-base .o365sx-dark-link:hover, .o365cs-base .o365sx-dark-link:visited, .o365cs-base .o365sx-dark-hover-link:hover { color: #0D557C; } .o365cs-base .o365sx-dark-font, .o365cs-base .o365sx-dark-hover-font:hover { color: #0D557C; } .o365cs-base .o365sx-dark-background, .o365cs-base .o365sx-dark-hover-background:hover { background-color: #0D557C; } .o365cs-base .o365sx-dark-border, .o365cs-base .o365sx-dark-hover-border:hover { border-color: #0D557C; } .o365cs-base .o365sx-darkAlt-link, .o365cs-base .o365sx-darkAlt-link:hover, .o365cs-base .o365sx-darkAlt-link:visited, .o365cs-base .o365sx-darkAlt-hover-link:hover { color: #0D557C; } .o365cs-base .o365sx-darkAlt-font, .o365cs-base .o365sx-darkAlt-hover-font:hover { color: #0D557C; } .o365cs-base .o365sx-darkAlt-background, .o365cs-base .o365sx-darkAlt-hover-background:hover { background-color: #0D557C; } .o365cs-base .o365sx-darkAlt-border, .o365cs-base .o365sx-darkAlt-hover-border:hover { border-color: #0D557C; } .o365cs-base .o365sx-primary-link, .o365cs-base .o365sx-primary-link:hover, .o365cs-base .o365sx-primary-link:visited, .o365cs-base .o365sx-primary-hover-link:hover { color: #116FA0; } .o365cs-base .o365sx-primary-font, .o365cs-base .o365sx-primary-hover-font:hover { color: #116FA0; } .o365cs-base .o365sx-primary-background, .o365cs-base .o365sx-primary-hover-background:hover { background-color: #116FA0; } .o365cs-base .o365sx-primary-border, .o365cs-base .o365sx-primary-hover-border:hover { border-color: #116FA0; } .o365cs-base .o365sx-secondary-link, .o365cs-base .o365sx-secondary-link:hover, .o365cs-base .o365sx-secondary-link:visited, .o365cs-base .o365sx-secondary-hover-link:hover { color: #317FA8; } .o365cs-base .o365sx-secondary-font, .o365cs-base .o365sx-secondary-hover-font:hover { color: #317FA8; } .o365cs-base .o365sx-secondary-background, .o365cs-base .o365sx-secondary-hover-background:hover { background-color: #317FA8; } .o365cs-base .o365sx-secondary-border, .o365cs-base .o365sx-secondary-hover-border:hover { border-color: #317FA8; } .o365cs-base .o365sx-tertiary-link, .o365cs-base .o365sx-tertiary-link:hover, .o365cs-base .o365sx-tertiary-link:visited, .o365cs-base .o365sx-tertiary-hover-link:hover { color: #76A9C5; } .o365cs-base .o365sx-tertiary-font, .o365cs-base .o365sx-tertiary-hover-font:hover { color: #76A9C5; } .o365cs-base .o365sx-tertiary-background, .o365cs-base .o365sx-tertiary-hover-background:hover { background-color: #76A9C5; } .o365cs-base .o365sx-tertiary-border, .o365cs-base .o365sx-tertiary-hover-border:hover { border-color: #76A9C5; } .o365cs-base .o365sx-light-link, .o365cs-base .o365sx-light-link:hover, .o365cs-base .o365sx-light-link:visited, .o365cs-base .o365sx-light-hover-link:hover { color: #A3C6D8; } .o365cs-base .o365sx-light-font, .o365cs-base .o365sx-light-hover-font:hover { color: #A3C6D8; } .o365cs-base .o365sx-light-background, .o365cs-base .o365sx-light-hover-background:hover { background-color: #A3C6D8; } .o365cs-base .o365sx-light-border, .o365cs-base .o365sx-light-hover-border:hover { border-color: #A3C6D8; } .o365cs-base .o365sx-lighter-link, .o365cs-base .o365sx-lighter-link:hover, .o365cs-base .o365sx-lighter-link:visited, .o365cs-base .o365sx-lighter-hover-link:hover { color: #D1E2EC; } .o365cs-base .o365sx-lighter-font, .o365cs-base .o365sx-lighter-hover-font:hover { color: #D1E2EC; } .o365cs-base .o365sx-lighter-background, .o365cs-base .o365sx-lighter-hover-background:hover { background-color: #D1E2EC; } .o365cs-base .o365sx-lighter-border, .o365cs-base .o365sx-lighter-hover-border:hover { border-color: #D1E2EC; } .o365cs-base .o365sx-lighterAlt-link, .o365cs-base .o365sx-lighterAlt-link:hover, .o365cs-base .o365sx-lighterAlt-link:visited, .o365cs-base .o365sx-lighterAlt-hover-link:hover { color: #EFF5F8; } .o365cs-base .o365sx-lighterAlt-font, .o365cs-base .o365sx-lighterAlt-hover-font:hover { color: #EFF5F8; } .o365cs-base .o365sx-lighterAlt-background, .o365cs-base .o365sx-lighterAlt-hover-background:hover { background-color: #EFF5F8; } .o365cs-base .o365sx-lighterAlt-border, .o365cs-base .o365sx-lighterAlt-hover-border:hover { border-color: #EFF5F8; } .o365cs-base .o365sx-neutral-foreground-link, .o365cs-base .o365sx-neutral-foreground-link:hover, .o365cs-base .o365sx-neutral-foreground-link:visited, .o365cs-base .o365sx-neutral-foreground-hover-link:hover { color: #FFFFFF; } .o365cs-base .o365sx-neutral-foreground-font, .o365cs-base .o365sx-neutral-foreground-hover-font:hover { color: #FFFFFF; } .o365cs-base .o365sx-neutral-foreground-background, .o365cs-base .o365sx-neutral-foreground-hover-background:hover { background-color: #FFFFFF; } .o365cs-base .o365sx-neutral-foreground-border, .o365cs-base .o365sx-neutral-foreground-hover-border:hover { border-color: #FFFFFF; } .o365cs-base .o365sx-neutral-foregroundAlt-link, .o365cs-base .o365sx-neutral-foregroundAlt-link:hover, .o365cs-base .o365sx-neutral-foregroundAlt-link:visited, .o365cs-base .o365sx-neutral-foregroundAlt-hover-link:hover { color: #FFFFFF; } .o365cs-base .o365sx-neutral-foregroundAlt-font, .o365cs-base .o365sx-neutral-foregroundAlt-hover-font:hover { color: #FFFFFF; } .o365cs-base .o365sx-neutral-foregroundAlt-background, .o365cs-base .o365sx-neutral-foregroundAlt-hover-background:hover { background-color: #FFFFFF; } .o365cs-base .o365sx-neutral-foregroundAlt-border, .o365cs-base .o365sx-neutral-foregroundAlt-hover-border:hover { border-color: #FFFFFF; } .o365cs-base .o365sx-neutral-staticAccent-link, .o365cs-base .o365sx-neutral-staticAccent-link:hover, .o365cs-base .o365sx-neutral-staticAccent-link:visited, .o365cs-base .o365sx-neutral-staticAccent-hover-link:hover { color: #0D557C; } .o365cs-base .o365sx-neutral-staticAccent-font, .o365cs-base .o365sx-neutral-staticAccent-hover-font:hover { color: #0D557C; } .o365cs-base .o365sx-neutral-staticAccent-background, .o365cs-base .o365sx-neutral-staticAccent-hover-background:hover { background-color: #0D557C; } .o365cs-base .o365sx-neutral-staticAccent-border, .o365cs-base .o365sx-neutral-staticAccent-hover-border:hover { border-color: #0D557C; } .o365cs-base .o365sx-neutral-accent-link, .o365cs-base .o365sx-neutral-accent-link:hover, .o365cs-base .o365sx-neutral-accent-link:visited, .o365cs-base .o365sx-neutral-accent-hover-link:hover { color: #0D557C; } .o365cs-base .o365sx-neutral-accent-font, .o365cs-base .o365sx-neutral-accent-hover-font:hover { color: #0D557C; } .o365cs-base .o365sx-neutral-accent-background, .o365cs-base .o365sx-neutral-accent-hover-background:hover { background-color: #0D557C; } .o365cs-base .o365sx-neutral-accent-border, .o365cs-base .o365sx-neutral-accent-hover-border:hover { border-color: #0D557C; } .o365cs-base .o365sx-neutral-light-link, .o365cs-base .o365sx-neutral-light-link:hover, .o365cs-base .o365sx-neutral-light-link:visited, .o365cs-base .o365sx-neutral-light-hover-link:hover { color: #E1DFDD; } .o365cs-base .o365sx-neutral-light-font, .o365cs-base .o365sx-neutral-light-hover-font:hover { color: #E1DFDD; } .o365cs-base .o365sx-neutral-light-background, .o365cs-base .o365sx-neutral-light-hover-background:hover { background-color: #E1DFDD; } .o365cs-base .o365sx-neutral-light-border, .o365cs-base .o365sx-neutral-light-hover-border:hover { border-color: #E1DFDD; } .o365cs-base .o365sx-neutral-lightAlt-link, .o365cs-base .o365sx-neutral-lightAlt-link:hover, .o365cs-base .o365sx-neutral-lightAlt-link:visited, .o365cs-base .o365sx-neutral-lightAlt-hover-link:hover { color: #EDEBE9; } .o365cs-base .o365sx-neutral-lightAlt-font, .o365cs-base .o365sx-neutral-lightAlt-hover-font:hover { color: #EDEBE9; } .o365cs-base .o365sx-neutral-lightAlt-background, .o365cs-base .o365sx-neutral-lightAlt-hover-background:hover { background-color: #EDEBE9; } .o365cs-base .o365sx-neutral-lightAlt-border, .o365cs-base .o365sx-neutral-lightAlt-hover-border:hover { border-color: #EDEBE9; } .o365cs-base .o365sx-neutral-lighter-link, .o365cs-base .o365sx-neutral-lighter-link:hover, .o365cs-base .o365sx-neutral-lighter-link:visited, .o365cs-base .o365sx-neutral-lighter-hover-link:hover { color: #F3F2F1; } .o365cs-base .o365sx-neutral-lighter-font, .o365cs-base .o365sx-neutral-lighter-hover-font:hover { color: #F3F2F1; } .o365cs-base .o365sx-neutral-lighter-background, .o365cs-base .o365sx-neutral-lighter-hover-background:hover { background-color: #F3F2F1; } .o365cs-base .o365sx-neutral-lighter-border, .o365cs-base .o365sx-neutral-lighter-hover-border:hover { border-color: #F3F2F1; } .o365cs-base .o365sx-neutral-lighterAlt-link, .o365cs-base .o365sx-neutral-lighterAlt-link:hover, .o365cs-base .o365sx-neutral-lighterAlt-link:visited, .o365cs-base .o365sx-neutral-lighterAlt-hover-link:hover { color: #FAF9F8; } .o365cs-base .o365sx-neutral-lighterAlt-font, .o365cs-base .o365sx-neutral-lighterAlt-hover-font:hover { color: #FAF9F8; } .o365cs-base .o365sx-neutral-lighterAlt-background, .o365cs-base .o365sx-neutral-lighterAlt-hover-background:hover { background-color: #FAF9F8; } .o365cs-base .o365sx-neutral-lighterAlt-border, .o365cs-base .o365sx-neutral-lighterAlt-hover-border:hover { border-color: #FAF9F8; } .o365cs-base .o365sx-neutral-dark-link, .o365cs-base .o365sx-neutral-dark-link:hover, .o365cs-base .o365sx-neutral-dark-link:visited, .o365cs-base .o365sx-neutral-dark-hover-link:hover { color: #252423; } .o365cs-base .o365sx-neutral-dark-font, .o365cs-base .o365sx-neutral-dark-hover-font:hover { color: #252423; } .o365cs-base .o365sx-neutral-dark-background, .o365cs-base .o365sx-neutral-dark-hover-background:hover { background-color: #252423; } .o365cs-base .o365sx-neutral-dark-border, .o365cs-base .o365sx-neutral-dark-hover-border:hover { border-color: #252423; } .o365cs-base .o365sx-neutral-primary-link, .o365cs-base .o365sx-neutral-primary-link:hover, .o365cs-base .o365sx-neutral-primary-link:visited, .o365cs-base .o365sx-neutral-primary-hover-link:hover { color: #BEBBB8; } .o365cs-base .o365sx-neutral-primary-font, .o365cs-base .o365sx-neutral-primary-hover-font:hover { color: #BEBBB8; } .o365cs-base .o365sx-neutral-primary-background, .o365cs-base .o365sx-neutral-primary-hover-background:hover { background-color: #BEBBB8; } .o365cs-base .o365sx-neutral-primary-border, .o365cs-base .o365sx-neutral-primary-hover-border:hover { border-color: #BEBBB8; } .o365cs-base .o365sx-neutral-secondary-link, .o365cs-base .o365sx-neutral-secondary-link:hover, .o365cs-base .o365sx-neutral-secondary-link:visited, .o365cs-base .o365sx-neutral-secondary-hover-link:hover { color: #484644; } .o365cs-base .o365sx-neutral-secondary-font, .o365cs-base .o365sx-neutral-secondary-hover-font:hover { color: #484644; } .o365cs-base .o365sx-neutral-secondary-background, .o365cs-base .o365sx-neutral-secondary-hover-background:hover { background-color: #484644; } .o365cs-base .o365sx-neutral-secondary-border, .o365cs-base .o365sx-neutral-secondary-hover-border:hover { border-color: #484644; } .o365cs-base .o365sx-neutral-tertiary-link, .o365cs-base .o365sx-neutral-tertiary-link:hover, .o365cs-base .o365sx-neutral-tertiary-link:visited, .o365cs-base .o365sx-neutral-tertiary-hover-link:hover { color: #605E5C; } .o365cs-base .o365sx-neutral-tertiary-font, .o365cs-base .o365sx-neutral-tertiary-hover-font:hover { color: #605E5C; } .o365cs-base .o365sx-neutral-tertiary-background, .o365cs-base .o365sx-neutral-tertiary-hover-background:hover { background-color: #605E5C; } .o365cs-base .o365sx-neutral-tertiary-border, .o365cs-base .o365sx-neutral-tertiary-hover-border:hover { border-color: #605E5C; } .o365cs-base .o365sx-neutral-darkRed-link, .o365cs-base .o365sx-neutral-darkRed-link:hover, .o365cs-base .o365sx-neutral-darkRed-link:visited, .o365cs-base .o365sx-neutral-darkRed-hover-link:hover { color: #A80000; } .o365cs-base .o365sx-neutral-darkRed-font, .o365cs-base .o365sx-neutral-darkRed-hover-font:hover { color: #A80000; } .o365cs-base .o365sx-neutral-darkRed-background, .o365cs-base .o365sx-neutral-darkRed-hover-background:hover { background-color: #A80000; } .o365cs-base .o365sx-neutral-darkRed-border, .o365cs-base .o365sx-neutral-darkRed-hover-border:hover { border-color: #A80000; } .o365cs-base .o365sx-appBrandLink:focus { outline: #FFFFFF 1px solid; } .o365cs-base .o365sx-button:hover { color: #FFFFFF; background-color: rgba(13,85,124,.9); } .o365cs-base .o365sx-button:focus { color: #FFFFFF; background-color: rgba(13,85,124,.6); } .o365cs-base .o365sx-navbar-left-region .o365sx-button:focus{background-color: transparent;} .o365cs-base .o365sx-button:focus { outline: #FFFFFF 1px solid; } .o365cs-base .o365sx-highContrastButton:hover { @media screen and (-ms-high-contrast: white-on-black) { background-color: #1AEBFF; } @media screen and (-ms-high-contrast: black-on-white) { background-color: #37006E; } } .o365cs-base .o365sx-highContrastButton :focus { @media screen and (-ms-high-contrast: white-on-black) { background-color: #1AEBFF; } @media screen and (-ms-high-contrast: black-on-white) { background-color: #37006E; } } .o365cs-base .o365sx-activeButton:focus { outline: #116FA0 1px solid} .o365sx-navbar .notify-arrow {display:none!important} .nk-theme .ox-header-nav-dropdown-items > li {line-height: 14px} .nk-theme .ox-search-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row nowrap;flex-flow: row nowrap;overflow: hidden;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-item-align: center;align-self: center;-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;height: 32px;width: 100%;border-radius: 10px;} .ox-search-wrapper-input-parts {display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row nowrap;flex-flow: row nowrap;overflow: hidden;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;height: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;background:rgba(255,255,255,0.9)} .ox-search-icon-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row nowrap;flex-flow: row nowrap;overflow: hidden;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: #0A3E59;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;font-size: 16px;height: 100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 44px;line-height: 34px;font-size: 15px;} .nk-theme .input-search-helper{margin-right: 0.5em;} .nk-theme .ox-search-input-wrapper .tooltip{width: 30vw;max-width: 300px;} .nk-theme .ox-search-input-wrapper .tooltip-inner{max-width: 100%;} .nk-theme .ox-search-input-wrapper a{visibility:hidden;} .nk-theme .ox-search-input-wrapper:hover a{visibility:visible;} .nk-theme .ox-search-input-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row nowrap;flex-flow: row nowrap;overflow: hidden;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;-ms-flex-pack: distribute;justify-content: space-around;height: 24px} .nk-theme .ox-search-input:focus {width:300px} .nk-theme ul.sidebar-menu {margin-top:55px} .nk-theme.w-alert-header ul.sidebar-menu {margin-top:75px} .nk-theme .footer-copywrite,.nk-theme .go-top {display:none!important} /* ======================================== Variables per theme ======================================== */ .nk-theme { --o365-appname-color: #ffffff; } .nk-theme-o365 { --main-bg-color: #026d9f; --main-menu-bg-color: #2a3542; --main-menu-bg-hover-color: #35404d; --main-menu-color: #aeb2b7; --main-menu-active-color: #fff; --main-top-menu-bg-color: #026d9f; --main-pin-activity-color: #41cac0; --main-pin-all-activity-color: #ff6c60; --left-menu-color: rgb(227, 231, 236); --left-menu-hover-color: rgb(234, 239, 247); --left-menu-bg-first-color: rgb(42, 53, 66); --left-menu-bg-second-color: rgb(32, 67, 89); --left-menu-bg-third-color: rgb(22, 81, 112); /* Boutons & Gradients */ --btn-feedback-gradient: linear-gradient(90deg, var(--main-menu-bg-color) 0, var(--main-top-menu-bg-color) 50%, var(--main-menu-bg-color) 100%); --header-gradient: linear-gradient(90deg, var(--main-menu-bg-color) 20%, var(--main-top-menu-bg-color) 100%); /* User heads */ --user-head-bg: var(--left-menu-bg-second-color); --user-head-color: #fff; --inbox-head-bg: var(--left-menu-bg-third-color); /* Headers */ --header-bg: linear-gradient(90deg, var(--main-menu-bg-color) 20%, var(--main-top-menu-bg-color) 100%); --header-border: initial; /* O365 */ --o365-button-bg: transparent; --o365-button-hover-bg: #0a5c80; --o365-appname-bg: transparent; --o365-badge-bg: transparent; --o365-badge-color: inherit; --o365-badge-border: inherit; --o365-navbar-bg: var(--main-menu-bg-color); --o365-navbar-bg-image: linear-gradient(90deg, var(--main-menu-bg-color) 20%, var(--main-top-menu-bg-color) 100%); /* Bootstrap */ --bs-dropdown-link-hover-color: #fff; --bs-dropdown-link-hover-bg: var(--main-bg-color); --bs-dropdown-link-active-bg: var(--main-bg-color); /* List & buttons */ --list-active-bg: #026d9f; --list-active-border: #026d9f; --btn-info-hover-bg: #0a5c80; --btn-info-hover-border: #0c5e83; --popup-caption-bg: #026d9f; } .nk-theme-deep-purple { --main-bg-color: rgb(54, 7, 69); --btn-color-info: rgb(54, 7, 69); --left-menu-color: rgb(253, 250, 253); --left-menu-hover-color: rgb(255, 255, 255); --left-menu-bg-first-color: rgb(54, 7, 69); --left-menu-bg-second-color: rgb(79, 17, 97); --left-menu-bg-third-color: rgb(105, 28, 125); --btn-feedback-gradient: linear-gradient(90deg, var(--left-menu-bg-first-color) 0, var(--left-menu-bg-third-color) 50%, var(--left-menu-bg-first-color) 100%); --user-head-bg: var(--left-menu-bg-second-color); --user-head-color: #fff; --inbox-head-bg: var(--left-menu-bg-third-color); --mail-user-head-bg: #517bb5; --header-bg: linear-gradient(90deg, var(--left-menu-bg-first-color) 20%, var(--left-menu-bg-third-color) 100%); --header-border-color: #9587e6; --o365-button-bg: transparent; --o365-button-hover-bg: rgba(255, 255, 255, 0.2); --o365-appname-bg: transparent; --o365-navbar-left-focus-bg: transparent; --btn-info-hover-bg: var(--left-menu-bg-second-color); } .nk-theme-purple { --main-bg-color: rgb(104, 107, 171); --btn-color-info: rgb(104, 107, 171); --main-menu-bg-color: #0a0a0a; --main-menu-color: #adadad; --main-menu-active-color: rgb(79, 97, 143); --main-pin-activity-color: rgb(104, 107, 171); --main-pin-all-activity-color: rgb(79, 97, 143); --left-menu-color: rgb(253, 250, 253); --left-menu-hover-color: rgb(255, 255, 255); --left-menu-bg-first-color: rgb(129, 117, 199); --left-menu-bg-second-color: rgb(104, 107, 171); --left-menu-bg-third-color: rgb(79, 97, 143); --btn-feedback-gradient: linear-gradient(90deg, var(--left-menu-bg-third-color) 0, var(--left-menu-bg-first-color) 50%, var(--left-menu-bg-third-color) 100%); --btn-feedback-hover-gradient: linear-gradient(90deg, #517bb5 0, var(--left-menu-bg-first-color) 50%, #517bb5 100%); --user-head-bg: var(--left-menu-bg-second-color); --user-head-color: #fff; --inbox-head-bg: var(--left-menu-bg-first-color); --mail-user-head-bg: var(--left-menu-bg-second-color); --header-bg: var(--left-menu-bg-first-color); --header-border: 1px solid var(--left-menu-bg-first-color); --header-border-color: var(--left-menu-bg-first-color); --o365-button-bg: transparent; --o365-button-hover-bg: var(--left-menu-bg-second-color); --o365-appname-bg: transparent; --o365-badge-bg: var(--left-menu-bg-first-color); --o365-badge-color: white; --o365-badge-border: var(--left-menu-bg-third-color); --btn-info-hover-bg: var(--left-menu-bg-first-color); --btn-info-hover-border: var(--left-menu-bg-first-color); } .nk-theme-raspberry { --main-bg-color: #9C1851; --btn-color-info: #C2185B; --main-menu-bg-color: #1a1a1a; --main-menu-color: #f5d7e8; --main-menu-active-color: #E91E63; --main-pin-activity-color: #C2185B; --main-pin-all-activity-color: #E91E63; --left-menu-color: rgb(252, 226, 238); --left-menu-hover-color: rgb(255, 255, 255); --left-menu-bg-first-color: rgb(107, 15, 45); --left-menu-bg-second-color: rgb(156, 24, 81); --left-menu-bg-third-color: rgb(194, 24, 91); --btn-feedback-gradient: linear-gradient(90deg, var(--left-menu-bg-first-color) 0, var(--left-menu-bg-third-color) 50%, var(--left-menu-bg-first-color) 100%); --user-head-bg: var(--left-menu-bg-first-color); --user-head-color: #fff; --inbox-head-bg: var(--left-menu-bg-second-color); --mail-user-head-bg: var(--left-menu-bg-first-color); --header-bg: linear-gradient(90deg, var(--left-menu-bg-first-color) 20%, var(--left-menu-bg-third-color) 100%); --o365-button-bg: transparent; --o365-button-hover-bg: rgba(194, 24, 91, 0.3); --o365-badge-bg: var(--left-menu-bg-first-color); --o365-badge-color: white; --o365-badge-border: var(--left-menu-bg-third-color); } .nk-theme-pink { --main-bg-color: #be2367; --btn-color-info: #bb5a84; --main-menu-bg-color: #8e1654; --main-menu-color: #f5d7e3; --main-menu-active-color: #e80a4d; --main-pin-activity-color: #bb5a84; --main-pin-all-activity-color: #e80a4d; --left-menu-color: rgb(252, 231, 238); --left-menu-hover-color: rgb(255, 255, 255); --left-menu-bg-first-color: rgb(142, 22, 84); --left-menu-bg-second-color: rgb(190, 35, 103); --left-menu-bg-third-color: rgb(232, 10, 77); --btn-feedback-gradient: linear-gradient(90deg, var(--main-bg-color) 0, var(--main-menu-active-color) 50%, var(--main-bg-color) 100%); --user-head-bg: var(--left-menu-bg-first-color); --user-head-color: #fff; --inbox-head-bg: var(--left-menu-bg-second-color); --mail-user-head-bg: var(--left-menu-bg-first-color); --header-bg: linear-gradient(90deg, var(--left-menu-bg-first-color) 20%, var(--left-menu-bg-third-color) 100%); --header-border: 0; --o365-button-bg: transparent; --o365-button-hover-bg: rgba(232, 10, 77, 0.3); --o365-badge-bg: var(--left-menu-bg-first-color); --o365-badge-color: white; --o365-badge-border: var(--main-menu-active-color); } .nk-theme-coral { --main-bg-color: #ff5f5f; --btn-color-info: #FF7F50; --main-menu-bg-color: #D84654; --main-menu-color: #FFF5F5; --main-menu-active-color: #FE8A71; --main-pin-activity-color: #FF7F50; --main-pin-all-activity-color: #ff5f5f; --left-menu-color: rgb(255, 245, 245); --left-menu-hover-color: rgb(255, 255, 255); --left-menu-bg-first-color: rgb(216, 70, 84); --left-menu-bg-second-color: rgb(255, 95, 95); --left-menu-bg-third-color: rgb(254, 138, 113); --btn-feedback-gradient: linear-gradient(90deg, var(--left-menu-bg-first-color) 0, var(--left-menu-bg-third-color) 50%, var(--left-menu-bg-first-color) 100%); --user-head-bg: var(--left-menu-bg-first-color); --user-head-color: #fff; --inbox-head-bg: var(--left-menu-bg-second-color); --mail-user-head-bg: var(--left-menu-bg-first-color); --header-bg: linear-gradient(90deg, var(--left-menu-bg-first-color) 20%, var(--left-menu-bg-third-color) 100%); --header-border: 0; --o365-button-bg: transparent; --o365-button-hover-bg: rgba(254, 138, 113, 0.3); --o365-badge-bg: var(--left-menu-bg-first-color); --o365-badge-color: white; --o365-badge-border: var(--left-menu-bg-third-color); --btn-info-hover-bg: var(--left-menu-bg-third-color); --btn-info-hover-border: var(--left-menu-bg-third-color); } .nk-theme-orange { --main-bg-color: #CC5803; --btn-color-info: #E2711D; --main-menu-bg-color: #CC5803; --main-menu-color: #adadad; --main-menu-active-color: #FFB627; --main-pin-activity-color: #FF9505; --main-pin-all-activity-color: #FFB627; --left-menu-color: rgb(232, 233, 234); --left-menu-hover-color: rgb(255, 255, 255); --left-menu-bg-first-color: #c95700; --left-menu-bg-second-color: #E2711D; --left-menu-bg-third-color: #FF9505; --btn-feedback-gradient: linear-gradient(90deg, var(--main-bg-color) 0, var(--main-menu-active-color) 50%, var(--main-bg-color) 100%); --user-head-bg: var(--left-menu-bg-first-color); --user-head-color: #fff; --inbox-head-bg: var(--left-menu-bg-second-color); --mail-user-head-bg: var(--left-menu-bg-first-color); --header-bg: linear-gradient(90deg, var(--left-menu-bg-first-color) 20%, var(--left-menu-bg-third-color) 100%); --o365-button-bg: transparent; --o365-button-hover-bg: rgba(0, 0, 0, 0.2); --o365-appname-bg: transparent; --o365-badge-bg: var(--left-menu-bg-first-color); --o365-badge-color: white; --o365-badge-border: var(--left-menu-bg-third-color); } .nk-theme-white { --main-bg-color: #0078d4; --btn-color-info: #b54f6e; --main-menu-bg-color: #fff; --main-pin-activity-color: #41cac0; --main-pin-all-activity-color: #ff6c60; --left-menu-color: rgb(38, 39, 44); --left-menu-hover-color: rgb(0, 0, 0); --left-menu-bg-first-color: rgb(255, 255, 255); --left-menu-bg-second-color: rgb(241, 242, 247); --left-menu-bg-third-color: rgb(221, 222, 227); --main-focus-color: rgb(38, 39, 44); --btn-feedback-gradient: linear-gradient(90deg, #8b8b8b 0, #b5a6a7 50%, #8b8b8b 100%); --header-gradient: linear-gradient(90deg, #0a5c80 0, #337ab7 50%, #0a5c80 100%); --mail-user-head-bg: #00a8b3; --user-head-color: #fff; --o365-button-bg: transparent; --o365-button-hover-bg: var(--left-menu-bg-second-color); --o365-appname-bg: transparent; --o365-appname-color: var(--left-menu-color); --o365-badge-bg: transparent; --o365-badge-color: var(--left-menu-color); --o365-badge-border: #6c6c6c; --o365-navbar-bg: #fff; --o365-filter: invert(100%) sepia(100%) saturate(100%) brightness(100%) contrast(80%); --search-bg: var(--left-menu-bg-second-color); --search-color: var(--left-menu-color); --placeholder-color: var(--left-menu-color); --placeholder-opacity: 1; --footer-hover-bg: #8b8b8b; --left-menu-hover-weight: 500; --left-menu-normal-weight: normal; } .nk-theme-green { --left-menu-color: inherit; --left-menu-hover-color: inherit; --left-menu-bg-first-color: #116FA0; --left-menu-bg-second-color: inherit; --left-menu-bg-third-color: inherit; --header-gradient: linear-gradient(90deg, #0a5c80 0, #337ab7 50%, #0a5c80 100%); --mail-user-head-bg: #00a8b3; --user-head-color: #fff; --o365-navbar-bg: #116FA0; --o365-navbar-bg-image: url(themes/green/banner.png); --o365-button-bg: rgba(79, 168, 93, .6); --o365-button-hover-bg: rgba(43, 129, 59, .6); --o365-appname-bg: rgba(79, 168, 93, .6); --o365-appname-visited-bg: rgba(43, 129, 59, .6); --o365-appname-visited-color: #6c6c6c; --o365-badge-bg: rgba(79, 168, 93, .6); --o365-badge-color: #ffffff; --o365-badge-border: #6c6c6c; --search-bg: #c5c5c5; --search-color: white; --placeholder-color: white; --placeholder-opacity: 1; } .nk-theme-saphir { --left-menu-color: rgb(252, 231, 238); --left-menu-hover-color: rgb(255, 255, 255); --left-menu-bg-first-color: rgb(5, 30, 59); --left-menu-bg-second-color: rgb(20, 75, 136); --left-menu-bg-third-color: rgb(95, 149, 195); --header-gradient: linear-gradient(90deg, #0a5c80 0, #337ab7 50%, #0a5c80 100%); --mail-user-head-bg: #00a8b3; --user-head-color: #fff; --o365-navbar-bg: linear-gradient(12deg, rgba(5,30,59,1) 19%, rgba(20,75,136,1) 37%, rgba(95,149,195,1) 62%, rgba(224,233,241,0.83) 94%); --o365-button-hover-bg: rgba(20, 75, 136, 0.5); --o365-appname-visited-bg: rgba(20, 75, 136, 0.5); --o365-appname-visited-color: #6c6c6c; --o365-profile-initials-color: rgb(5, 30, 59); --search-bg: #c5c5c5; --search-color: white; --placeholder-color: white; --placeholder-opacity: 1; --customer-portal-profile-bg: var(--left-menu-bg-first-color); --customer-portal-border: 5px solid var(--left-menu-bg-first-color); } .nk-theme-beach { --main-bg-color: #b54f6e; --btn-color-info: #b54f6e; --main-menu-color: #aeb2b7; --main-menu-active-color: #ff828a; --main-menu-bg-color: #0a0a0a; --main-top-menu-bg-color: #b54f6e; --main-pin-activity-color: #b54f6e; --main-pin-all-activity-color: #ff6c60; --left-menu-color: rgb(255, 241, 241); --left-menu-hover-color: rgb(255, 255, 255); --left-menu-bg-first-color: rgb(181, 79, 110); --left-menu-bg-second-color: rgb(188, 96, 124); --left-menu-bg-third-color: rgb(195, 113, 138); --btn-feedback-gradient: linear-gradient(90deg, #b54f6e 0, #db5a63 50%, #b54f6e 100%); --user-head-bg: var(--main-top-menu-bg-color); --user-head-color: #fff; --inbox-head-bg: color-mix(in srgb, var(--main-top-menu-bg-color) 90%, transparent); --mail-user-head-bg: var(--main-top-menu-bg-color); --header-bg: linear-gradient(90deg, var(--left-menu-bg-first-color) 0, rgb(232, 10, 77) 50%, rgb(190, 35, 103) 100%); --o365-button-bg: #b54f6e80; --o365-button-hover-bg: #b54f6e; --o365-appname-bg: #b54f6e80; --o365-badge-bg: #b54f6e80; --o365-badge-color: #fff; --o365-badge-border: #fff; --o365-navbar-bg-image: url(themes/beach/headerbgmaing2.gif); --btn-info-hover-bg: #db5a63; --btn-info-hover-border: #db5a63; --left-menu-btn-info-bg: #4791cd; --left-menu-btn-info-border: #5493c7; --left-menu-btn-info-hover-bg: #0a5c80; --left-menu-btn-info-hover-border: #0c5e83; } .nk-theme-dark { --main-bg-color: #191e24; --btn-color-info: #b54f6e; --main-top-menu-bg-color: #191e24; --main-menu-bg-color: #191e24; --main-menu-bg-hover-color: #35404d; --main-menu-color: #aeb2b7; --main-menu-active-color: #fff; --hyperlink-color: #191e24; --main-pin-activity-color: #41cac0; --main-pin-all-activity-color: #ff6c60; --left-menu-color: rgb(232, 233, 234); --left-menu-hover-color: rgb(255, 255, 255); --left-menu-bg-first-color: rgb(25, 30, 36); --left-menu-bg-second-color: rgb(45, 50, 56); --left-menu-bg-third-color: rgb(65, 70, 76); --btn-feedback-gradient: linear-gradient(90deg, var(--main-top-menu-bg-color) 0, #337ab7 50%, var(--main-top-menu-bg-color) 100%); --btn-feedback-hover-gradient: linear-gradient(90deg, #0a5c80 0, #337ab7 50%, #0a5c80 100%); --header-gradient: linear-gradient(90deg, var(--main-top-menu-bg-color) 0, #337ab7 50%, #0a5c80 100%); --user-head-bg: var(--main-top-menu-bg-color); --user-head-color: #fff; --inbox-head-bg: color-mix(in srgb, var(--main-top-menu-bg-color) 90%, transparent); --mail-user-head-bg: var(--main-top-menu-bg-color); --o365-navbar-bg: var(--main-top-menu-bg-color); --o365-button-bg: transparent; --o365-button-hover-bg: color-mix(in srgb, currentColor 10%, transparent); --o365-appname-bg: transparent; --o365-badge-bg: rgba(0, 0, 0, 0.75); --o365-badge-color: white; --o365-badge-border: #fff; --list-active-bg: var(--main-top-menu-bg-color); --list-active-border: #026d9f; --popup-caption-bg: #026d9f; --card-body-bg: var(--main-top-menu-bg-color); --left-menu-font-weight: 100; } .nk-theme-forest { --main-bg-color: rgb(5, 74, 41); --btn-color-info: #bb5a84; --main-menu-bg-color: #0a0a0a; --main-menu-color: #adadad; --main-menu-active-color: #e80a4d; --main-pin-activity-color: #bb5a84; --main-pin-all-activity-color: #e80a4d; --left-menu-color: rgb(232, 242, 237); --left-menu-hover-color: rgb(255, 255, 255); --left-menu-bg-first-color: rgb(5, 74, 41); --left-menu-bg-second-color: rgb(19, 117, 71); --left-menu-bg-third-color: rgb(33, 160, 101); --btn-feedback-gradient: linear-gradient(90deg, var(--left-menu-bg-first-color) 0, var(--left-menu-bg-third-color) 50%, var(--left-menu-bg-first-color) 100%); --user-head-bg: var(--left-menu-bg-first-color); --user-head-color: #fff; --inbox-head-bg: var(--left-menu-bg-second-color); --mail-user-head-bg: var(--left-menu-bg-first-color); --header-bg: linear-gradient(90deg, var(--left-menu-bg-first-color) 20%, var(--left-menu-bg-third-color) 100%); --o365-button-bg: transparent; --o365-button-hover-bg: rgba(0, 0, 0, 0.2); --o365-appname-bg: transparent; --o365-badge-bg: var(--left-menu-bg-first-color); --o365-badge-color: white; --o365-badge-border: var(--left-menu-bg-third-color); } /* ======================================== Generic Styles ======================================== */ /* Dropdown Bootstrap */ [class*="nk-theme-"] .dropdown-menu { --bs-dropdown-link-hover-color: var(--bs-dropdown-link-hover-color, inherit); --bs-dropdown-link-hover-bg: var(--bs-dropdown-link-hover-bg, inherit); --bs-dropdown-link-active-bg: var(--bs-dropdown-link-active-bg, inherit); } /* List groups */ [class*="nk-theme-"] .list-group-item.active, [class*="nk-theme-"] .list-group-item.active:hover, [class*="nk-theme-"] .list-group-item.active:focus { background-color: var(--list-active-bg, var(--main-bg-color)); border-color: var(--list-active-border, var(--main-bg-color)); color: #FFFFFF; } /* O365 Navbar */ [class*="nk-theme-"] .o365sx-navbar { background-color: var(--o365-navbar-bg, transparent); background-image: var(--o365-navbar-bg-image, none); background-position: left top; } /* Headers & Gradients */ [class*="nk-theme-"] .sn-grp-hd, [class*="nk-theme-"] ul.ft-link li .underline { background-image: var(--header-gradient, var(--btn-feedback-gradient)); color: #fff; } /* Popup */ [class*="nk-theme-"] .popup .caption { background-color: var(--popup-caption-bg, var(--main-bg-color)); } /* Boutons feedback */ [class*="nk-theme-"] .btn-feedback { background-image: var(--btn-feedback-gradient); background-size: 200% auto; transition: .5s; } [class*="nk-theme-"] .btn-feedback:active, [class*="nk-theme-"] .btn-feedback:hover { background-image: var(--btn-feedback-hover-gradient, var(--btn-feedback-gradient)) !important; background-position: right center; } /* User heads */ [class*="nk-theme-"] .ui-customizing-panel .sm-side .user-head { background: var(--user-head-bg, var(--main-bg-color)); color: var(--user-head-color, #fff); } [class*="nk-theme-"] .inbox-head { background: var(--inbox-head-bg, var(--user-head-bg)); } [class*="nk-theme-"] .mail-box .sm-side .user-head { background: var(--mail-user-head-bg, var(--user-head-bg)); color: var(--user-head-color, #fff); } /* Headers */ [class*="nk-theme-"] header.main-header { background: var(--header-bg, transparent); background-image: var(--header-bg, none); border-bottom: var(--header-border, initial); } [class*="nk-theme-"] .main-header ul.top-menu > li > a, [class*="nk-theme-"] .main-header .search { border-color: var(--header-border-color, transparent) !important; color: var(--user-head-color, #fff); } /* Boutons Info */ [class*="nk-theme-"] .btn-info:hover, [class*="nk-theme-"] .btn-info:focus, [class*="nk-theme-"] .btn-info:active, [class*="nk-theme-"] .btn-info.active, [class*="nk-theme-"] .open .dropdown-toggle.btn-info { background-color: var(--btn-info-hover-bg, var(--main-bg-color)); color: #FFFFFF; border-color: var(--btn-info-hover-border, var(--btn-info-hover-bg)); } /* O365 Buttons */ [class*="nk-theme-"] .o365cs-base .o365sx-button, [class*="nk-theme-"] .o365cs-base .o365sx-appName, [class*="nk-theme-"] .o365cs-base .o365sx-appName:visited { background-color: var(--o365-button-bg, transparent); color: var(--o365-appname-color, inherit); } [class*="nk-theme-"] .o365cs-base .o365sx-button:hover, [class*="nk-theme-"] .o365cs-base .o365sx-button:active, [class*="nk-theme-"] .o365cs-base .o365sx-button:focus { background-color: var(--o365-button-hover-bg, rgba(255, 255, 255, 0.1)); } [class*="nk-theme-"] .o365cs-base .o365sx-accent-border, [class*="nk-theme-"] .o365cs-base .o365sx-badge { color: var(--o365-badge-color, white); border-color: var(--o365-badge-border, transparent); background-color: var(--o365-badge-bg, transparent); } /* O365 App Name visited */ [class*="nk-theme-"] .o365cs-base .o365sx-appName:visited { background-color: var(--o365-appname-visited-bg, var(--o365-appname-bg)); color: var(--o365-appname-visited-color, inherit); } /* O365 Filters & Special */ [class*="nk-theme-"] .o365cs-base #nk-app-name { filter: var(--o365-filter, none); } [class*="nk-theme-"] .o365-profile-img-initials { color: var(--o365-profile-initials-color, inherit) !important; } [class*="nk-theme-"] .o365sx-navbar-left-region .o365sx-button:focus { background-color: var(--o365-navbar-left-focus-bg, transparent); } /* Search & Placeholders */ [class*="nk-theme-"] ._2BJrr7ZW18iMaVb_GyqbrA, [class*="nk-theme-"] ._3wQTSNV_3E8J5WJX_ST4dS { background-color: var(--search-bg, transparent); color: var(--search-color, inherit); } [class*="nk-theme-"] .ox-search-input-wrapper ::placeholder { color: var(--placeholder-color, inherit); opacity: var(--placeholder-opacity, 1); } /* Footer */ [class*="nk-theme-"] #footer-help-btn-container ul.list-group a:hover { background-color: var(--footer-hover-bg, rgba(0, 0, 0, 0.1)); } /* Menu */ [class*="nk-theme-"] .main-left-menu-container { font-weight: var(--left-menu-font-weight, normal); } [class*="nk-theme-"] .main-left-menu-container li:hover span, [class*="nk-theme-"] .main-left-menu-container li:hover .main-left-submenu li:hover span { font-weight: var(--left-menu-hover-weight, normal); } [class*="nk-theme-"] .main-left-menu-container li:hover .main-left-submenu li span { font-weight: var(--left-menu-normal-weight, normal); } /* Card body */ [class*="nk-theme-"] .card-body { background: var(--card-body-bg, transparent); } /* ======================================== Custom Styles ======================================== */ /* Beach - Boutons left menu spécifiques */ .nk-theme-beach .main-left-menu-container .btn-info { background-color: var(--left-menu-btn-info-bg); border-color: var(--left-menu-btn-info-border); } .nk-theme-beach .main-left-menu-container .btn-info:hover { background-color: var(--left-menu-btn-info-hover-bg); color: #FFFFFF; border-color: var(--left-menu-btn-info-hover-border); } /* Saphir - Customer portal */ .nk-customer-portal.nk-theme-saphir .profile-nav .user-heading { background-color: var(--customer-portal-profile-bg); } .nk-customer-portal.nk-theme-saphir .profile-nav ul > li > a:hover, .nk-customer-portal.nk-theme-saphir .profile-nav ul > li > a:focus, .nk-customer-portal.nk-theme-saphir .profile-nav ul li.active a { border-left: var(--customer-portal-border) !important; } .nk-customer-portal {background:white} .nk-customer-portal .o365sx-appName {min-width: 162px;} .nk-customer-portal .profile-nav .user-heading {background-color: #63b458} .nk-customer-portal .profile-nav ul>li>a:hover,.nk-customer-portal .profile-nav ul>li>a:focus,.nk-customer-portal .profile-nav ul li.active a { border-left: 5px solid #63b458!important; } .nk-career-portal .popup {background-color: #fff;border: 1px solid #999;border: 1px solid rgba(0,0,0,.2);border-radius: 6px;-webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);box-shadow: 0 3px 9px rgb(0 0 0 / 50%);background-clip: padding-box;outline: 0;} .nk-career-portal .popup .caption {background-color:#026d9f;padding: 10px;} .nk-career-portal .popup .popup-container {padding:10px} /*------------------------------------------------------------*/ /*- @Custom Layout -*/ /*------------------------------------------------------------*/ .logo {font-size: 21px;color: #2e2e2e;float: left;margin-left:5px;margin-top: 15px;text-transform: uppercase;margin-right: 40px;} a.logo:hover, a.logo:focus {text-decoration: none;outline: none;} a.logo span {color: #FF6C60;} a.logo {text-indent: -500px;background: url(images/nicoka-logo-grey-text-only.svg);height:48px;width: 100px;background-repeat: no-repeat;background-position: center;margin-right: 0;margin: 0} a.candidate-portal-logo {background-image: url(images/nicoka-logo-white-text-only.svg);height: 60px;width: 100px} /*------------------------------------------------------------*/ /*- @FontAwesome -*/ /*------------------------------------------------------------*/ .fa-brand-apec {content: url(brands/apec.png);max-width: 25px;max-height: 25px} .fa-brand-cadre-emploi {content: url(brands/cadreemploi.png);max-width:25px;max-height: 25px} .fa-brand-cvaden {content: url(brands/cvaden.jpg);max-width: 25px;max-height: 25px} .fa-brand-figaro-classifieds {content: url(brands/figaro-classifieds.png);max-width: 25px;max-height: 25px} .fa-brand-indeed {content: url(brands/indeed.png);max-width: 25px;max-height: 25px} .fa-brand-keljob {content: url(brands/keljob.png);max-width: 25px;max-height: 25px} .fa-brand-pole-emploi {content: url(brands/pole-emploi.png);max-width:25px;max-height: 25px} .fa-brand-meteojob {content: url(brands/meteojob.png);max-width:25px;max-height: 25px} .fa-brand-monster {content: url(brands/monster.png);max-width:25px;max-height: 25px} .fa-brand-regionsjob {content: url(brands/regionsjob.png);max-width:25px;max-height: 25px} .fa-brand-viadeo {content: url(brands/viadeo.png);max-width:25px;max-height: 25px} .fa-brand-linkedin {content: url(brands/linkedin.png);max-width: 25px;max-height: 25px} .fa-brand-assessfirst {content: url(brands/assessfirst.png);max-width: 25px;max-height: 25px} .fa-brand-assessfirst-svg {content: url(brands/assessfirst.svg);max-width: 25px;max-height: 25px} .activity .fa, .activity .fa-solid, .activity .fa-regular, .ov_activity .fa, .ov_activity .fa-solid, .ov_activity .fa-regular {max-width:fit-content;max-height:fit-content} .fa-stack.fa-small{width: auto;height: auto;line-height: inherit} .action.active .far {font-weight: 900} /*------------------------------------------------------------*/ /*- @Layout -*/ /*------------------------------------------------------------*/ .area {background: #e2e2e2;width: 100%;height: 100%} .no-touch .scrollable.hover {overflow-y:hidden} .no-touch .scrollable.hover:hover {overflow-y:auto;overflow:visible} .wrapper {display: inline-block;padding:15px 15px 0 15px;width: 100%;} #container {width: 100%;height: 100%;margin-left:0;position:relative;isolation:isolate} /*------------------------------------------------------------*/ /*- @Menu -*/ /*------------------------------------------------------------*/ .main-menu:hover,nav.main-menu.expanded {width:210px;overflow:visible} .main-menu {position: fixed;z-index:5;background: #2a3542;width:40px;overflow:hidden;-webkit-transition:width .05s linear;transition:width .05s linear;height: 100%;transform:translateZ(0) scale(1,1);z-index:1000} .main-menu>ul {margin:7px 0;margin-top: 75px;} .main-menu li {position:relative;display:block;width:210px;} .main-menu li>a {position:relative;display:table;border-collapse:collapse;border-spacing:0;color:#999;font-family: arial;font-size: 14px;text-decoration:none;transform:translateZ(0) scale(1,1);-webkit-transition:all .1s linear;transition:all .1s linear; } .main-menu .nav-icon {position:relative;display:table-cell;min-width:40px;width:40px;height:36px;text-align:center;vertical-align:middle;font-size:18px} .main-menu .nav-text {position:relative;display:table-cell;vertical-align:middle;width:190px;} .main-menu li:hover>nav.main-menu li.active>a,.no-touch .dashboard-page nav.dashboard-menu ul li:hover a {color:#fff;background-color:#5fa2db;} .main-menu li a .icon {vertical-align: middle;height: 36px;font-size: 11px;line-height: 36px;position: absolute;border-radius: 3px;right: 10px;} .main-menu li a .icon:before {content: "\f068"} .main-menu li a.collapsed .icon:before {content: "\f067"} .main-menu .sub.collapse.in {display:none} .main-menu:hover .sub.collapse.in {display:block} .main-menu li.sub-menu ul li a {padding-left:40px;height: 36px;line-height: 36px;position: relative;display: block;width: 100%;} #top_menu .nav>li, ul.top-menu>li {float: left;} ul.top-menu>li>a {color: #666666;font-size: 16px;border-radius: 4px;border: 1px solid #f0f0f8 !important;padding: 2px 6px;margin-right: 15px;} ul.top-menu>li>a:hover, ul.top-menu>li>a:focus {border: 1px solid #f0f0f8 !important;background-color: #fff !important;border-color: #f0f0f8 !important;text-decoration: none;border-radius: 4px;color: #2E2E2E !important;} .nav-collapse.collapse {display: inline;} #sidebar {width: 210px;height: 100%;position: fixed;z-index:5;background:var(--main-menu-bg-color);overflow: hidden;outline: none;} #sidebar ul li {position: relative;} #sidebar .sub-menu>.sub li {padding-left: 32px;} #sidebar .sub-menu>.sub li:last-child {padding-bottom: 10px;} ul.sidebar-menu {margin-top: 70px;padding: 0;} ul.sidebar-menu .icon {display:flex;font-family: "Font Awesome 6 Pro"} ul.sidebar-menu .icon:before {content: "\f078";position: absolute;right: 3px;padding: 10px;top: 1px;} ul.sidebar-menu li.open a .icon:before {content:"\f077"} ul.sidebar-menu li ul.sub {margin: -2px 0 0;padding: 0;} ul.sidebar-menu li ul.sub li {background:inherit;margin-bottom: 0;margin-left: 0;margin-right: 0;} ul.sidebar-menu li ul.sub li:last-child {border-radius: 0 0 4px 4px;} ul.sidebar-menu li ul.sub li a {font-size: 12px;padding: 6px 0;line-height: 30px;height: 30px;color:var(--main-menu-color);} ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a {color:var(--main-menu-active-color)} ul.sidebar-menu li ul.sub li.readonly {color: #aeb2b7;cursor: not-allowed;font-size: 12px;} ul.sidebar-menu li {margin-bottom: 5px;margin-left: 5px;margin-right: 10px;} ul.sidebar-menu li.sub-menu {line-height: 15px;} ul.sidebar-menu li a span {display: inline-block;} ul.sidebar-menu li a {color:var(--main-menu-color);text-decoration: none;display: block;padding: 10px 0 10px 10px;font-size: 12px;outline: none;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} ul.sidebar-menu li a.active,ul.sidebar-menu li.open, a ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus{color:var(--main-menu-active-color);display: block;border-radius: 4px;} ul.sidebar-menu li a i {font-size: 15px;padding-right: 6px;width: 25px;text-align: center;} ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i {color:var(--main-menu-active-color)} ul.sidebar-menu li a.active i {color:var(--main-menu-active-color)} /* .nk-theme-green li a {color:#707070!important} */ .nk-theme-green ul.sidebar-menu li a.active i,.nk-theme-green ul.sidebar-menu li a:hover i,.nk-theme-green ul.sidebar-menu li a:focus i {color:rgb(79 168 93)!important} .nk-theme-green ul.sidebar-menu li a.active,.nk-theme-green ul.sidebar-menu li a:hover,.nk-theme-green ul.sidebar-menu li a:focus { background:#ebebeb;color:#707070 } .nk-theme-green #sidebar {box-shadow:0 0 2px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.14)} .nk-theme.nk-theme-green.w-alert-header ul.sidebar-menu { margin-top: 80px; } .sidebar-closed>#sidebar>ul {display: none;} .nk-theme-white .site-footer {display:none;background: #5b6e84;color: #2A3542!important;z-index:99999;margin-left:0;padding: 10px 0;position:fixed;width:100%;bottom:0;z-index:2;overflow:hidden} .footer-actions {margin-right: 1%;} .go-top {background-color: #b0b5b9;width: 21px;height: 21px;border-radius: 50%;font-size: 10px;padding: 2px;} .go-top i {color: #2A3542;} .dropdown-menu.extended {min-width: 200px !important;top: 42px;width:400px;padding: 0;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important;border: none !important;border-radius: 4px;} .dropdown-menu.extended li p {line-height: 20px;background-color: #F1F2F7;color: #666666;margin: 0;padding: 10px;border-radius: 4px 4px 0px 0px;} .dropdown-menu.extended li p.green {background-color: #a9d86e;color: #fff;} .dropdown-menu.extended li p.red {background-color: #ff6c60;color: #fff;} .dropdown-menu.extended li p.yellow {background-color: #fcb322;color: #fff;} .dropdown-menu.extended li a {line-height: 20px;border-bottom: 1px solid #EBEBEB !important;font-size: 12px;list-style: none;padding: 15px 10px !important;width: 100%;display: inline-block;} .dropdown-menu.extended li a:hover {background-color: #F7F8F9 !important;color: #2E2E2E;} .dropdown-menu.extended.logout>li {float: left;text-align: center;width: 33.3%;} .dropdown-menu.extended.logout>li:last-child {float: left;text-align: center;width: 100%;background:var(--color-danger);border-radius: 0 0 3px 3px;} .dropdown-menu.extended.logout>li:last-child>a, .dropdown-menu.extended.logout>li:last-child>a:hover{color: #fff;border-bottom: none !important;text-transform: uppercase;} .dropdown-menu.extended.logout>li:last-child>a:hover>i {color: #fff;} .dropdown-menu.extended.logout>li>a {color: #a4abbb;border-bottom: none !important;} .full-width .dropdown-menu.extended.logout>li>a:hover {background: none !important;color: #50c8ea !important;} .dropdown-menu.extended.logout>li>a:hover {background: none !important;} .dropdown-menu.extended.logout>li>a:hover i {color: #50c8ea;} .dropdown-menu.extended.logout>li>a i {font-size: 17px;} .dropdown-menu.extended.logout>li>a>i {display: block;} .dropdown-menu.extended.notification .scrolling {max-height: 400px!important;} @media (max-height:480px) { #sidebar {width: 100%;position:relative} #main-content {min-height: 720px} .sidebar-closed #sidebar {display:none} #sidebar>ul>li{margin:0 10px 5px 10px;} .nk-theme-white .site-footer {display:none} .nk-theme-white .sidebar-closed .site-footer {background:transparent;display:block} .nav.top-menu li {position:initial!important} .dropdown-menu.extended {width:99%!important;left:1px;top:50px;} .dropdown-menu.extended.notification .scrolling {max-height: 200px!important;} } @media (max-width:480px) { .sidebar-open .nav.notify-row {float: right;margin-left: 0} .sidebar-closed .nav.notify-row {float: left;margin-left: 5px} .nav.top-menu li {position:initial!important} .dropdown-menu.extended {width:99%!important;left:1px;top:50px} #sidebar {width: 100%;position:relative} .sidebar-closed #sidebar {display:none} #sidebar>ul>li{margin:0 10px 5px 10px;} .nk-theme-white .site-footer {display:none} .nk-theme-white .sidebar-closed .site-footer {background:transparent;display:block} .fullwidth-xs {width:100%!important} } @media (min-width: 481px) and (max-width:1024px) and (min-height:481px) { ul.sidebar-menu li input {display:none!important} ul.sidebar-menu li a {text-align:center;padding-left:0} ul.sidebar-menu li a i {font-size: 15px;padding-right:0} ul.sidebar-menu {margin-top: 65px;} #sidebar {width: 40px; overflow-x: overlay !important} #sidebar>ul>li {margin:0} #sidebar>ul>li>a>span {display:none} #main-content .row.fixed { margin-left: -5px;padding-right: 30px;} #main-content .col-md-3.fixed {width:30%} ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {border-radius:0} #sidebar>ul>li.open>ul.sub {margin-left:0;display:block} #sidebar .sub-menu>.sub li {padding-left:0} #sidebar>ul>li>ul.sub li a {line-height: 20px;font-size: 10px;width:40px;text-align:center} #sidebar>ul>li.open>ul.sub li:last-child {border-radius:0;padding-bottom:5px} } @media (min-width: 1025px) { .sidebar-open #main-content .row.fixed {padding-right: 215px;} .sidebar-open #main-content .col-md-push-3.col-md-9 {width: 72%;margin-left:3%;} #sidebar>ul>li{margin:0 10px 5px 5px;} ul.sidebar-menu li ul.sub li a {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;} ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a{display: block;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;} ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus{display: block;border-radius: 4px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;} ul.sidebar-menu li a {text-decoration: none;display: block;padding: 10px 0 10px 10px;font-size: 12px;outline: none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;} } @media (min-width: 769px) and (max-width: 979px) { ul.sidebar-menu li input {display:none!important} ul.sidebar-menu li a {text-align:center;padding-left:0} ul.sidebar-menu li a i {font-size: 15px;padding-right:0} .sidebar-open #main-content .row.fixed { margin-left: -5px;padding-right: 30px;} .sidebar-open #main-content .col-md-3.fixed {width:30%} .sidebar-open #main-content .col-md-push-3.col-md-9 {width: 70%;margin-left: 30%;left:0} #sidebar {width: 40px; overflow-y: hidden !important;} #sidebar>ul>li>a{height:35px;line-height:35px;padding:0 10px;text-align:left;} #sidebar ul > li > a .arrow, #sidebar > ul > li > a .arrow.open {margin-right: 10px; margin-top: 15px;} #sidebar ul > li.active > a .arrow, #sidebar ul > li > a:hover .arrow, #sidebar ul > li > a:focus .arrow, #sidebar > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open, #sidebar > ul > li > a:focus .arrow.open{margin-top: 15px;} #sidebar > ul > li > a, #sidebar > ul > li > ul.sub > li {width: 100%;} #sidebar > ul > li > ul.sub > li > a {background: transparent !important ;} #sidebar .btn-navbar.collapsed .arrow {display: none;} #sidebar .btn-navbar .arrow {position: absolute;right: 35px;width: 0;height: 0;top:48px;border-bottom: 15px solid #282e36;border-left: 15px solid transparent;border-right: 15px solid transparent;} } @media (max-width: 797px){ .dropdown-backdrop {position: static;} } .high-density .form-horizontal .form-group {margin-bottom:0;min-height: 26px;} .high-density .form-horizontal .control-label {padding-top:2px} .high-density .ui-form .ui-cell-editable {margin-top:2px;min-height: 20px;} .high-density .form-horizontal .block .legend {padding: 5px 15px;} .ui-cell-editable.ui-live-upd[placeholder]:empty::before { content: attr(placeholder); color: #555; } .ui-cell-editable.ui-live-upd[placeholder]:empty:focus::before { content: ""; } .ui-cell-editable .rx-container{ text-align: left; white-space: normal; } ul.notification li a .headline {display: block;} ul.notification li a .headline .from {font-size: 13px;font-weight:500} ul.notification li a .headline .time {font-size: 11px;font-style:italic;position:absolute;right:10px} ul.notification li a .subject {display: block !important;font-size:11px} ul.notification li a .message {display: block !important;color:#c6cad6;font-size:11px;font-weight: normal} ul.notification li a.bold .headline .from {font-weight:700} ul.notification li a.bold .subject {font-weight:700} ul.notification li a.bold .message {font-weight:600} ul.notification li a .bullet {display:none} ul.notification li a.bold .bullet {display:inline} ul.notification li .message-actions .message-action.message-remove,ul.notification li .message-actions .message-action.message-archive {display:none} ul.notification li:hover .message-actions .message-action.message-remove { height: 100%; font-size: 38px; position: absolute; background: #F44336; opacity: 0.5; right: 0px; width: 50px; padding-top: 8px; text-align: center; cursor: pointer; color: white; display:block } ul.notification li:hover .message-actions .message-action.message-archive { height: 100%; font-size: 38px; position: absolute; background: #2196F3; opacity: 0.5; right: 50px; width: 50px; padding-top: 8px; text-align: center; cursor: pointer; color: white;display:block } ul.notification li:hover .message-actions .message-action.message-remove:hover {opacity:1} ul.notification li:hover .message-actions .message-action.message-archive:hover {opacity:1} /*------------------------------------------------------------*/ /*- @Top Menu -*/ /*------------------------------------------------------------*/ .top-nav {margin-top: 7px;margin-right: 5px;} .top-nav ul.top-menu>li .dropdown-menu.logout {width: 268px !important;} .top-nav li.dropdown .dropdown-menu {float: right;right: 0;left: auto;} .notify-row {float: left;margin-top: 12px;margin-left:15px;display: flex;align-items: center;justify-content: center;} .ui-notif-icon {width:7px} .top-nav .username {font-size: 13px;color: #555555;margin-left: 3px;} .top-nav ul.top-menu>li>a {border: 1px solid #eeeeee;border-radius:4px;padding: 2px;background:none;margin-right: 0} .top-nav ul.top-menu>li {margin-left: 10px} .top-nav ul.top-menu>li>a:hover, .top-nav ul.top-menu>li>a:focus {border: 1px solid #F1F2F7;background: #F1F2F7;} .top-nav .dropdown-menu.extended.logout {top: 50px;} .top-nav .nav .caret {border-bottom-color: #A4AABA;border-top-color: #A4AABA;} .top-nav ul.top-menu>li>a:hover .caret {border-bottom-color: #000;border-top-color: #000;} .notify-arrow {border-style: solid;border-width: 0 9px 9px;height: 0;margin-top: 0;opacity: 0;position: absolute;left: 7px;top: -18px;transition: all 0.25s ease 0s;width: 0;z-index: 10;margin-top: 10px;opacity: 1;} .notify-arrow-yellow {border-color: transparent transparent #FCB322;border-bottom-color: #FCB322 !important;border-top-color: #FCB322 !important;} .notify-arrow-red {border-color: transparent transparent #ff6c60;border-bottom-color: #ff6c60 !important;border-top-color: #ff6c60 !important;} .notify-arrow-green {border-color: transparent transparent #a9d86e;border-bottom-color: #a9d86e !important;border-top-color: #a9d86e !important;} .search {width: 20px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;border: 1px solid #fff;box-shadow: none;color: #fff;} .search {background: url("../img/search-icon.jpg") no-repeat 10px 8px;} .search:focus {width: 180px;border: 1px solid #eaeaea;box-shadow: none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;color: #c8c8c8;font-weight: 300;} @media screen and (-webkit-min-device-pixel-ratio:0) { .dropdown-menu.extended {box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important;} } .nk-sidebar-toggle { background: transparent; border-width: 0; width: auto; height: 100%; box-sizing: border-box; overflow: visible; } .sidebar-toggle-box {float: left;cursor: pointer;padding: 2px;margin: 0;line-height: 48px;height:48px;text-align: center;display: flex;align-items: center;justify-content: center;width: 40px;color:#2a3542} .sidebar-toggle-box i {font-size: 20px;} .tasks-bar .scrolling {max-height: 400px!important;} #notifications .notify-row span.label {display: inline-block;height: 18px;width: 20px;padding: 5px;} /*------------------------------------------------------------*/ /*- @Button -*/ /*------------------------------------------------------------*/ .ui-input-clear {position: absolute;right: 0;top: 50%;font-size: 24px;z-index: 2;line-height: 30px;margin: -14px .3125;border: 0;} .hasfilter .ui-input-clear {right:40px} .btn-sm {min-width:3em}.btn-xs {min-width: 2em} .btn-r-default {background-color: white;color: #b0b5b9;border-color: #bec3c7;} .btn-r-default:hover {background-color: #b0b5b9;color: white;border-color: #bec3c7;} .btn-transparent {color:white} .btn-transparent:hover {background:#9e9e9e7a;color:white} .btn-feedback {position:fixed;display:none;right:15px;bottom:0px;z-index:5000; opacity:0.75;} .btn-feedback:hover, .btn-feedback:active, .open .btn-feedback{opacity: 1;} .modal-open .btn-feedback {display:block} .modal-open .footer-actions {display:none} .btn-outline-primary {color: #007bff;border-color: #007bff;} .btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {color: #fff;background-color: #007bff;border-color: #007bff;} .btn-outline-primary:hover {color: #fff;background-color: #007bff;border-color: #007bff;} .btn-outline-info-light {border: 1px solid #17a2b8;} .btn-outline-info-light:hover {border: 1px solid #17a2b8;color: #212529;background-color: #f8f9fa;} .btn-outline-info-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show>.btn-outline-light.dropdown-toggle { color: #212529; background-color: #58c9f373; border-color: #17a2b8; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border: 1px solid #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show>.btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-primary { color: #007bff; border-color: #007bff } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff } .btn-outline-primary.focus,.btn-outline-primary:focus { box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) } .btn-outline-primary.disabled,.btn-outline-primary:disabled { color: #007bff; background-color: transparent } .btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff } .btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) } .btn-outline-secondary { color: #6c757d; border-color: #6c757d } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-outline-secondary.focus,.btn-outline-secondary:focus { box-shadow: 0 0 0 .2rem rgba(108,117,125,.5) } .btn-outline-secondary.disabled,.btn-outline-secondary:disabled { color: #6c757d; background-color: transparent } .btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(108,117,125,.5) } .btn-outline-success { color: #28a745; border-color: #28a745 } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745 } .btn-outline-success.focus,.btn-outline-success:focus { box-shadow: 0 0 0 .2rem rgba(40,167,69,.5) } .btn-outline-success.disabled,.btn-outline-success:disabled { color: #28a745; background-color: transparent } .btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745 } .btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(40,167,69,.5) } .btn-outline-info { color: #17a2b8; border-color: #17a2b8 } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-outline-info.focus,.btn-outline-info:focus { box-shadow: 0 0 0 .2rem rgba(23,162,184,.5) } .btn-outline-info.disabled,.btn-outline-info:disabled { color: #17a2b8; background-color: transparent } .btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(23,162,184,.5) } .btn-outline-warning { color: #ffc107; border-color: #ffc107 } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107 } .btn-outline-warning.focus,.btn-outline-warning:focus { box-shadow: 0 0 0 .2rem rgba(255,193,7,.5) } .btn-outline-warning.disabled,.btn-outline-warning:disabled { color: #ffc107; background-color: transparent } .btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107 } .btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255,193,7,.5) } .btn-outline-danger { color: #dc3545; border-color: #dc3545 } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-outline-danger.focus,.btn-outline-danger:focus { box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) } .btn-outline-danger.disabled,.btn-outline-danger:disabled { color: #dc3545; background-color: transparent } .btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa } .btn-outline-light.focus,.btn-outline-light:focus { box-shadow: 0 0 0 .2rem rgba(248,249,250,.5) } .btn-outline-light.disabled,.btn-outline-light:disabled { color: #f8f9fa; background-color: transparent } .btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa } .btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(248,249,250,.5) } .btn-outline-dark { color: #343a40; border-color: #343a40 } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40 } .btn-outline-dark.focus,.btn-outline-dark:focus { box-shadow: 0 0 0 .2rem rgba(52,58,64,.5) } .btn-outline-dark.disabled,.btn-outline-dark:disabled { color: #343a40; background-color: transparent } .btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40 } .btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(52,58,64,.5) } .ui-worklow-actions .btn {color:white} .pulse { overflow: visible; position: relative } .pulse::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: inherit; border-radius: inherit; -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s; transition: opacity .3s, transform .3s, -webkit-transform .3s; -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite; animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite; z-index: -1; } .pulse.pulse-slow::before { animation-duration: 3s; } .pulse.pulse-5::before { animation-iteration-count: 5; } @-webkit-keyframes pulse-animation { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } 50% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5) } 100% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5) } } @keyframes pulse-animation { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } 50% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5) } 100% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5) } } /*------------------------------------------------------------*/ /*- @Loading -*/ /*------------------------------------------------------------*/ .ui-input-loading-xs {background: transparent url("../img/loading-xs.gif") center center no-repeat} .ui-loading-xs {width: 14px;height: 20px;display: block;background: transparent url("../img/loading-xs.gif") center center no-repeat;} .ui-loading-sm {width: 40px;height: 40px;display: block;margin: auto;background: transparent url("../img/loading-sm.gif") center center no-repeat;} .ui-loading-l,.ui-loading-lg {background: url("../img/loading-large.gif") center center no-repeat;min-height: 46px;} .nicoka-logo-loading {background: url("../img/nicoka-logo-spinner.gif") center center no-repeat;min-height:200px;} .matching-calcul-loading { width: 90px; height: 14px; box-shadow: 0 3px 0#fff; position: relative; clip-path: inset(-40px 0 -5px)} .matching-calcul-loading:before { content: ""; position: absolute; inset: auto calc(50% - 17px) 0; height: 50px; --g:no-repeat linear-gradient(var(--main-bg-color) 0 0); background: var(--g),var(--g),var(--g),var(--g); background-size: 16px 14px; animation: l7-1 2s infinite linear, l7-2 2s infinite linear;}@keyframes l7-1 { 0%, 100% {background-position: 0 -50px,100% -50px} 17.5% {background-position: 0 100%,100% -50px,0 -50px,100% -50px} 35% {background-position: 0 100%,100% 100% ,0 -50px,100% -50px} 52.5% {background-position: 0 100%,100% 100% ,0 calc(100% - 16px),100% -50px} 70%, 98% {background-position: 0 100%,100% 100% ,0 calc(100% - 16px),100% calc(100% - 16px)}}@keyframes l7-2 { 0%,70% {transform:translate(0)} 100% {transform:translate(200%)}} /*------------------------------------------------------------*/ /*- @Pace -*/ /*------------------------------------------------------------*/ .pace .pace-progress {background: #29d;position: fixed;z-index: 2000;top: 0;left: 0;height: 2px;-webkit-transition: width 1s;-moz-transition: width 1s;-o-transition: width 1s;transition: width 1s;} .pace-inactive {display: none} /*------------------------------------------------------------*/ /*- @TimeLine Experience -*/ /*------------------------------------------------------------*/ .timeline.xp {margin-left: 15%;width:85%} .timeline.xp:before {left: 0;} .timeline.xp .timeline-desk {width: 1%;} .timeline-title {padding-bottom: 5px;border-bottom: 1px solid #ddd} /*------------------------------------------------------------*/ /*- @Panel -*/ /*------------------------------------------------------------*/ .bs-callout{padding:20px;margin:20px 0;border:1px solid #ddd;border-left-width:5px;border-radius:3px}.bs-callout h4{margin-top:0;margin-bottom:5px}.bs-callout p:last-child{margin-bottom:0}.bs-callout code{border-radius:3px}.bs-callout+.bs-callout{margin-top:-5px}.bs-callout-danger{border-left-color:#ce4844}.bs-callout-danger h4{color:#ce4844}.bs-callout-warning{border-left-color:#aa6708}.bs-callout-warning h4{color:#aa6708}.bs-callout-info{border-left-color:#1b809e}.bs-callout-info h4{color:#1b809e} .f-message .bs-callout {background-color:white} .bs-callout ul li {margin-left:10px} .bs-callout ul {padding-bottom:10px} .bs-panel {margin-top:10px;background-color: #fff;border-radius: 4px;padding-bottom: 5px;} .bs-panel .caption {border-color: #eff2f7;font-size: 16px;font-weight:400;padding: 10px 15px;border-bottom: 1px solid #eff2f7;border-top-right-radius: 3px;border-top-left-radius: 3px;} .widget-frame .bs-panel {margin-top:0} .block-outer .bs-callout {margin:0;margin-bottom: 8px;} .customizing-icon {font-size:45px;padding: 0;text-align:center} .public .panel img {max-width:100%} .panel-heading.small {font-size:12px} .panel-heading a.collapsed .fa-chevron-down:before {content:"\f077"} /*------------------------------------------------------------*/ /*- @Screen Builder -*/ /*------------------------------------------------------------*/ .ox-screen-builder {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(51,51,51,0.95);z-index: 1039;color: #fff;overflow-y: auto;overflow-x: hidden;} .ox-screen-builder .ox-table {display: table;width: 100%;height: 100%;border-spacing: 30px} .ox-screen-builder .ox-table .ox-column {display: table-cell;vertical-align: top;height: 100%;border: 2px dashed #666;padding: 5px 15px;border-radius: 6px} .ox-screen-builder .ox-fields-header {margin-top: 15px;padding-bottom: 5px;border-bottom: 1px solid #ddd;text-align: center;} /*------------------------------------------------------------*/ /*- @Wizard -*/ /*------------------------------------------------------------*/ .wizard,.tabcontrol{display: block;width: 100%;overflow: hidden;} .wizard.form-horizontal .block {border:0} .wizard a,.tabcontrol a {outline: 0;} .wizard ul,.tabcontrol ul {list-style: none !important;padding: 0;margin: 0;} .wizard ul > li,.tabcontrol ul > li {display: block;padding: 0;} .wizard > .steps .current-info,.tabcontrol > .steps .current-info {position: absolute;left: -999em;} .wizard > .content > .title,.tabcontrol > .content > .title {position: absolute;left: -999em;} .wizard > .steps {position: relative;display: block;width: 100%;} .wizard.vertical > .steps {display: inline} .wizard > .steps .number {margin-right: 5px} .wizard > .steps > ul > li {width: 25%;} .wizard > .steps > ul > li,.wizard > .actions > ul > li {float: left;} .wizard.vertical > .steps > ul > li {float: none;width: 100%;} .wizard > .steps a,.wizard > .steps a:hover,.wizard > .steps a:active {display: block;width: auto;margin: 0 0.5em 0.5em;padding: 1em 1em;text-decoration: none;border-radius: 5px;} .wizard > .steps .disabled a,.wizard > .steps .disabled a:hover,.wizard > .steps .disabled a:active {background: #eee;color: #aaa;cursor: default;} .wizard > .steps .current a,.wizard > .steps .current a:hover,.wizard > .steps .current a:active {background: #A9D86E;color: #fff;cursor: default;} .wizard > .steps .done a,.wizard > .steps .done a:hover,.wizard > .steps .done a:active {background: #ccc;color: #fff;} .wizard > .steps .error a,.wizard > .steps .error a:hover,.wizard > .steps .error a:active {background: #ff6c60;color: #fff;} .wizard > .content {border: 1px solid #eee;display: block;margin: 0.5em;min-height: 350px;overflow: hidden;position: relative;width: auto;padding: 20px;border-radius: 5px;} .wizard.vertical > .content {display: inline;margin: 0 2.5% 0.5em 2.5%;} .wizard > .content > .body{float: left;position: absolute;width: 95%;height: 95%;} .wizard > .content > .body ul{list-style: disc !important;} .wizard > .content > .body ul > li {display: list-item;} .wizard > .content > .body > iframe {border: 0 none;width: 100%;height: 100%;} .wizard > .content > .body input {display: block;border: 1px solid #ccc;} .wizard > .content > .body input[type="checkbox"] {display: inline-block;} .wizard > .content > .body input.error {background: rgb(251, 227, 228);border: 1px solid #fbc2c4;color: #ff6c60;font-weight: normal;} .wizard > .content > .body label {display: inline-block;margin-bottom: 0px;padding-top: 7px;font-weight: normal;} .wizard > .content > .body label.error{color: #ff6c60;display: inline-block;font-weight: normal;} .wizard > .actions{position: relative;display: block;text-align: right;width: 100%;} .wizard.vertical > .actions{display: inline;margin: 0 2.5%;} .wizard > .actions > ul{display: inline-block;text-align: right;} .wizard > .actions > ul > li{margin: 0 0.5em;} .wizard.vertical > .actions > ul > li{margin: 0 0 0 1em;} .wizard > .actions a,.wizard > .actions a:hover,.wizard > .actions a:active{background: var(--main-color-candidate);color: #fff;display: block;padding: 0.5em 1em;text-decoration: none;border-radius: 5px;} .wizard > .actions .disabled a,.wizard > .actions .disabled a:hover,.wizard > .actions .disabled a:active{background: #eee;color: #aaa;} /* SmartWizard Theme: Dots */ .sw-main {position: relative;display: block;margin: 0;padding: 0;border-radius: .25rem!important} .sw-main .sw-container {display: block;margin: 0;padding: 0;position: relative} .sw-main .step-content {display: none;position: relative;margin: 0} .sw-main .sw-toolbar {margin-left: 0} /* SmartWizard Theme: Arrows */ .sw-theme-arrows {border-radius: 5px;border: 1px solid #ddd} .sw-theme-arrows > .sw-container {min-height: 200px} .sw-theme-arrows .step-content {padding: 0 10px;border: 0px solid #D4D4D4;background-color: #FFF;text-align: left} .sw-theme-arrows .sw-toolbar {padding: 10px;margin-bottom: 0 !important} .sw-theme-arrows > ul.step-anchor {border: 0;border-bottom: 0px solid #ddd;padding: 0px;background: #f5f5f5;border-radius: 0;border-top-right-radius: 5px;list-style: none;overflow: hidden;} .sw-theme-arrows > ul.step-anchor li+li:before {padding: 0;} .sw-theme-arrows > ul.step-anchor > li > a, .sw-theme-arrows > ul.step-anchor > li > a:hover {color: #bbb;text-decoration: none;padding: 10px 0 10px 45px;position: relative;display: block;border: 0 !important;border-radius: 0;outline-style: none;background: #f5f5f5;} .sw-theme-arrows > ul.step-anchor > li > a:after {content: " ";display: block;width: 0;height: 0;border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 30px solid #f5f5f5;position: absolute;top: 50%;margin-top: -50px;left: 100%;z-index: 2} .sw-theme-arrows > ul.step-anchor > li > a:before {content: " ";display: block;width: 0;height: 0;border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 30px solid #ddd;position: absolute;top: 50%;margin-top: -50px;margin-left: 1px;left: 100%;z-index: 1} .sw-theme-arrows > ul.step-anchor > li:first-child > a {padding-left: 15px} .sw-theme-arrows > ul.step-anchor > li > a:hover {color: #bbb;text-decoration: none;outline-style: none;background: #f5f5f5;border-color: #f5f5f5} .sw-theme-arrows > ul.step-anchor > li > a:hover:after {border-left-color: #f5f5f5} .sw-theme-arrows > ul.step-anchor > li.clickable > a:hover {color: #4285F4 !important;background: #46b8da !important} .sw-theme-arrows > ul.step-anchor > li.active > a {border-color: #5cb85c !important;color: #fff !important;background: #5cb85c !important} .sw-theme-arrows > ul.step-anchor > li.active > a:after {border-left: 30px solid #5cb85c !important} .sw-theme-arrows > ul.step-anchor > li.done > a {border-color: #b1dfbb !important;color: #fff !important;background: #b1dfbb !important} .sw-theme-arrows > ul.step-anchor > li.done > a:after {border-left: 30px solid #b1dfbb} .sw-theme-arrows > ul.step-anchor > li.danger > a {border-color: #d9534f !important;color: #fff !important;background: #d9534f !important} .sw-theme-arrows > ul.step-anchor > li.danger > a:after {border-left: 30px solid #d9534f !important} .sw-theme-arrows > ul.step-anchor > li.disabled > a, .sw-theme-arrows > ul.step-anchor > li.disabled > a:hover {color: #eee !important} /* Responsive CSS */ @media screen and (max-width: 768px) { .sw-theme-arrows > ul.step-anchor {border: 0;background: #ddd !important} .sw-theme-arrows > .nav-tabs > li {float: none !important;margin-bottom: 0} .sw-theme-arrows > ul.step-anchor > li > a, .sw-theme-arrows > ul.step-anchor > li > a:hover {padding-left: 15px;margin-right: 0;margin-bottom: 1px} .sw-theme-arrows > ul.step-anchor > li > a:after, .sw-theme-arrows > ul.step-anchor > li > a:before {display: none} } .sw-theme-arrows::before {border: 10px solid #f3f3f3;border-top: 10px solid #5cb85c;} /* Tabcontrol */ .tabcontrol > .steps { position: relative; display: block; width: 100%; } .tabcontrol > .steps > ul { position: relative; margin: 6px 0 0 0; top: 1px; z-index: 1; } .tabcontrol > .steps > ul > li { float: left; margin: 5px 2px 0 0; padding: 1px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .tabcontrol > .steps > ul > li:hover { background: #edecec; border: 1px solid #bbb; padding: 0; } .tabcontrol > .steps > ul > li.current { background: #fff; border: 1px solid #bbb; border-bottom: 0 none; padding: 0 0 1px 0; margin-top: 0; } .tabcontrol > .steps > ul > li > a{color: #5f5f5f;display: inline-block;border: 0 none;margin: 0;padding: 10px 30px;text-decoration: none;} .tabcontrol > .steps > ul > li > a:hover{text-decoration: none;} .tabcontrol > .steps > ul > li.current > a{padding: 15px 30px 10px 30px;} .tabcontrol > .content{position: relative;display: inline-block;width: 100%;height: 35em;overflow: hidden;border-top: 1px solid #bbb;padding-top: 20px;} .tabcontrol > .content > .body{float: left;position: absolute;width: 95%;height: 95%;padding: 2.5%;} .tabcontrol > .content > .body ul{list-style: disc !important;} .tabcontrol > .content > .body ul > li {display: list-item;} .nav-tabs .fx-tab-title{font-weight: 700;} .nav-tabs .fx-tab-title:hover{background: none;} /*------------------------------------------------------------*/ /*- @Inputs -*/ /*------------------------------------------------------------*/ .form-horizontal.screen {padding-bottom:5px;} .screen.disable {background-color:initial !important} .ui-smart-search .block {border:0!important} .ui-smart-search .filter.active {color:#78CD51} .ui-entity-assignment .tagsinput .tag {border-radius: 4px;line-height: 11px;margin-left:3px;background-color: #41cac0;color: #ffffff;cursor: pointer;position: relative;display: inline-block;padding: 6px;} .ui-entity-assignment .tagsinput .tag:hover {line-height: 11px;} .ui-entity-assignment .tagsinput .tag .tagsinput-remove-link {top:4px} label.control-label em {color:#F44336} .messages .alert {margin-bottom: 5px;} .controls {position:relative} .controls .readonly { display: block;height: auto;font-size: 13px;line-height: 1.428571429;margin-bottom:0;color: #555;} .controls input.readonly {cursor: not-allowed;background-color:var(--nk-input-readonly-bg-color)} .controls .readonly.checkbox,.controls span.readonly {margin-left:5px} .sub .controls select.readonly {margin-bottom:0} .form-sub-label {margin-top: 0.25rem;font-style: italic;font-size: .9em;color:#212529bf;max-width: 95%;} .sub .ui-sub-pad {padding: 5px 10px} .form-group .sub .ai-sm {margin-bottom: 2px} .form-control[readonly] {background-color: var(--nk-input-readonly-bg-color);cursor: not-allowed;opacity: 1} .form-group .ui-sub-label {vertical-align: middle;line-height:28px;margin-left:2px} textarea.autosize {min-height:30px!important;resize:none;max-height:300px!important} td textarea.autosize {min-height:23px!important;} input.number,input.amount {text-align:right;max-width:104px} input.qty {text-align:center} .input-grid .control-label {width:100% !important;float:none!important;margin-bottom:5px} .control-label .badge {opacity:0.5} .input-grid ul li span {display:inline-block;margin-left:10px;vertical-align: middle;position: relative;} .input-grid ul li div.text {line-height: 30px;height: 30px} td .input-grid ul li div.text {line-height:auto;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width:150px} .input-grid input.form-control[type="checkbox"] {width:auto!important} .input-grid input.time,.input-grid input.rate {width:70px!important} .wrap.noheight {clear:both;} .form-group img {max-width: 100%;} .icons i.icon-ok {display: inline-block;font-family: "Font Awesome 5 Pro";font-style: normal;font-weight: 900;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .icon-ok:before {content: "\f00c"} .fix-amount-m {width:75px;text-align:right} /*.tip.btn-warning {border-radius: 50%; background-color: #fff;color:#f1c500;line-height: 30px;height: 30px;vertical-align: middle;border: 0;}*/ .ui-menu {list-style:none;padding: 2px;margin: 0;display:block;float: left;} .ui-menu .ui-menu {margin-top: -3px;} .ui-menu .ui-menu-item {margin:0;padding: 0;zoom: 1;float: left;clear: left;width: 100%;} .ui-menu .ui-menu-item a {text-decoration:none;display:block;padding:.2em .4em;line-height:1.5;zoom:1;} .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {font-weight: normal;margin: -1px;} .ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item.ui-state-focus {background:#6ccac9} .ui-widget { font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd;color: #362b36; } .ui-widget-content a { color: #362b36; } .ui-widget-header { border: 1px solid #aed0ea; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } .ui-helper-hidden-accessible {display:none!important} .ui-cell-editable {min-height: 22px;width: auto;cursor: pointer;min-width:20px;position: relative;border: 1px solid transparent; display: inline-block;} .hovering-textarea-container .ui-cell-editable ul {margin-left:15px} .hovering-textarea-container .ui-cell-editable ul > li {list-style-type:disc;margin-left:15px} .ui-cell-editable.sm {min-width:20px;} .ui-form .ui-cell-editable {display: inline-block;margin-top: 7px;padding: 0px 4px} .ui-form .ui-cell-editable select {border: 0;background: transparent;height: auto;line-height: 20px;cursor:pointer;padding: 0px 10px;} .ui-form .ui-cell-editable.ui-live-textarea {display:block;margin-top:0;padding:0;float:none;white-space:break-spaces} li:hover .ui-cell-editable,li .active .ui-cell-editable,td .ui-cell-editable:hover, .ui-form .ui-cell-editable:hover,.ui-form .form-group:hover .ui-cell-editable{border: 1px dashed #337ab7!important;background:#F5F5F5;} .ui-form.ui-live-form .form-horizontal .block .controls.sub {margin-top:0} .ui-form.ui-live-form .input-interval .input-sep {padding: 2px 5px;height:auto} .ui-live-textarea.no-wysiwyg {white-space:pre} .ui-off,.ui-on {font-size: 17px;line-height: 28px;} .ui-live-form .ui-live-upd.off .ui-on {display:none} .ui-live-form .ui-live-upd.on .ui-off {display:none} .form-horizontal .block .form-group.dib .controls.sub {margin-top:0} .ui-live-grid .ui-live-grid-row {display:table-row} .ui-live-grid .ui-live-grid-row-cell {min-width:70px;display:table-cell} .ui-live-grid:hover {border: 1px dashed #337ab7;background:#F5F5F5;} .ui-live-grid .delrow,.ui-live-grid .ui-grid-add-row {display:none} .ui-live-grid.ui-live-grid-inputs .delrow,.ui-live-grid.ui-live-grid-inputs .ui-grid-add-row {display:block} td .ui-cell-editable {min-width: 15px} td span.ui-cell-editable {border:1px solid transparent;display:inline-block} td span.ui-cell-editable.cell:hover {display:inline-block} .table>tbody>tr>td {position:relative;vertical-align: middle} td.link-danger a {color:#FF6C60} .ui-cell-editable>.input {height: 20px;min-width:20px;border: 0;background: #eee;padding: 1px 0px;border-radius: 0;font-size: 13px;} .ui-cell-editable .errors {display: inline;color: white;padding: 0px 5px;} .control-label.tip {cursor:help}.control-label.auto {width:auto!important;margin-right:5px} .label i.tip {border-radius: 50%;background-color: rgba(0, 0, 0, 0.15);padding: 2px 6px;font-size:10px;cursor: help;} .caret {display: inline-block;margin-top: -2px;margin-left: 2px;vertical-align: middle;border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;} .collapsed .caret {border-bottom: 4px solid;border-top:0} textarea.ui-live-input {width: 100%;max-width: 100%;border: 0;text-align: left;height: auto;padding:3px} .html-content ul {list-style: disc;margin-left: 15px;} .html-content ul li {list-style: inherit} .ui-variant-search {position: relative;z-index: 1010;margin: 0;padding: 3px 8px;white-space: nowrap} .ui-variant-search-input { padding: 4px 5px 4px 20px;box-sizing: border-box;margin: 1px 0;width: 100%;height: auto;outline: 0;border: 1px solid #aaa;font-size: 1em;font-family: sans-serif;line-height: normal;border-radius:3px;font-weight: normal} .ui-variant-search:before {content: "\f002";font: normal normal normal 14px/1 "Font Awesome 5 Pro";font-weight: 600;position: absolute;margin-top: 6px;margin-left: 3px} .ui-variant-result>li>a,.ui-variant-actions>li>a {display: block;padding: 3px 20px;clear: both;font-weight: 400;line-height:2em;color: #333;white-space: nowrap} .ui-variant-result {max-height: 200px;overflow-y: auto;margin-bottom: 5px;} .ui-variant-actions {border-top: 1px solid var(--bs-border-color);margin:0;padding-top:5px} .ui-variant-result>li>a:hover,.ui-variant-actions>li>a:hover {background-color: #495d74;color: #FFFFFF;text-decoration: none} /* Variant AI suggestion */ .ui-suggested-searches .suggestion-button {background-color: #f7f7f7;border: 1px solid #e0e0e0;border-radius: 20px;padding: 5px 12px;font-size: 0.9em;cursor: pointer;transition: all 0.2s ease-in-out;} .ui-suggested-searches .suggestion-button:hover {background-color: #e9e9e9;border-color: #d0d0d0;transform: translateY(-1px);box-shadow: 0 2px 4px rgba(0,0,0,0.05);} .ui-suggested-searches .suggestion-button i {opacity: 0.8;} /*checkbox & radio style*/ .checkboxes label {display: block;cursor: pointer;line-height: 20px;padding-bottom: 7px;font-weight: 300} .nk-radio-vertical {display:block!important} .checkbox-menu li label { display: block; padding: 3px 10px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; margin:0; transition: background-color .4s ease; } .checkbox-menu li input { margin: 0px 5px; top: 2px; position: relative; } .checkbox-menu li.active label { background-color: #cbcbff; font-weight:bold; } .checkbox-menu li label:hover, .checkbox-menu li label:focus { background-color: #f5f5f5; } .checkbox-menu li.active label:hover, .checkbox-menu li.active label:focus { background-color: #b8b8ff; } /*------------------------------------------------------------*/ /*- @Popup -*/ /*------------------------------------------------------------*/ .popup {position: relative;margin: auto;margin-top:5px;max-width: min(1280px, 95vw);min-width:min(380px, 98vw)} .ui-shlp .bs-panel {padding-bottom:0} .popup-container {padding: 0px;max-height: 480px;overflow-y: auto;position:relative} .popup .close, .modal-header .close,.nk-side-panel .close { font-weight: 100; font-family: 'Font Awesome 5 Pro'; font-size: 1.5rem; color: #fff; opacity: 1; width: 2rem; height: 2rem; border-radius: 100px; padding: 0.3rem; margin-left: auto; transition: background-color 0.3s; } .popup .close:hover, .modal-header .close:hover,.nk-side-panel .close:hover { background-color: rgba(255, 255, 255, 0.15); } .popup .ui-title, .modal-header .modal-title { line-height: 1.5rem; font-size: 1.1rem; } .popup form .form-foot{ padding-top: 1rem; margin-bottom: 0.5rem; border-top: 1px solid var(--panel-border-color); } .popup-container:not(:has(.form-foot))>div, .popup-container:not(:has(.form-foot))>p{ padding: 10px 10px 10px 10px; } .popup {background-color: #fff;border: 1px solid #999;border: 1px solid rgba(0,0,0,.2);border-radius: 6px;-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);box-shadow: 0 3px 9px rgba(0,0,0,.5);background-clip: padding-box;outline: 0;} .popup .caption { font-size: 14px; display: flex; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-bottom: none; width: 100%; align-items: center; justify-content: flex-end; } .nk-theme .popup .caption {padding: 0.1rem 1em;flex-direction: row-reverse} .nk-theme .popup .form-horizontal .block {border:0;margin-bottom:0} .nk-theme .popup .form-horizontal input[type=checkbox] {display: inline-block;} .nk-theme .popup .footer {min-height:0} .no-scroll .popup-container {overflow-y:visible;max-height:100%} .popup-container img {max-width:100%} .private-checkbox{user-select:none;align-items:center;display:flex;font-size:1rem;min-height:32px;position:relative} @media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){ .private-checkbox:after{content:" ";display:inline-block;min-height:32px}} @supports (-ms-ime-align:auto){.private-checkbox:after{display:none}} .private-checkbox__label{cursor:pointer;display:block;max-width:100%;font-weight: inherit} .private-checkbox__label:hover .private-checkbox__indicator:not(.private-radio__indicator){background-color:#eaf0f6} .private-checkbox__label:hover .private-radio__circle{fill:#eaf0f6} .private-checkbox__desc{margin-left:1ch;max-width:100%;position:relative;top:.0625em} .private-checkbox--stack-contents{align-items:flex-start;flex-direction:column;flex-wrap:wrap;margin-top:6px} .private-checkbox--stack-contents:first-child{margin-top:0}.private-checkbox--stack-contents:after{display:none} .private-checkbox--stack-contents+.private-checkbox--stack-contents{margin-top:16px} .private-checkbox--stack-contents.private-checkbox--small .private-checkbox__desc{padding-left:25px} .private-checkbox--stack-contents .private-checkbox__desc{margin-left:0;padding-left:32px} .private-checkbox--small{font-size:92%;margin-top:0}.private-checkbox--flush{min-height:0} .private-checkbox--flush:after{display:none} .private-checkbox--unlabeled{display:block;height:1.25em;min-height:0;width:1.25em} .private-checkbox--inline{display:inline-flex;min-height:32px} .private-checkbox--inline+.private-checkbox--inline{margin-left:1.25em} .private-checkbox__inner{align-items:flex-start;display:flex} .private-checkbox--align-baseline .private-checkbox__inner{align-items:baseline} .private-checkbox--align-center .private-checkbox__inner{align-items:center} .private-checkbox--align-end .private-checkbox__inner{align-items:flex-end} .private-checkbox__indicator{flex-shrink:0;border-radius:3px;transition:all .15s ease-out;background-color:#fff;border:2px solid #cbd6e2;color:#cbd6e2;height:1.25em;left:.0625em;position:relative;width:1.25em} .private-checkbox__icon{align-items:center;display:flex;justify-content:center;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0} .private-checkbox__icon>svg{fill:currentColor;width:94%}.private-checkbox__icon .private-checkbox__icon__inner{fill:currentColor;width:1em} .private-checkbox__input:checked+.private-checkbox__indicator{color:#00a4bd} .private-checkbox__input:checked+.private-checkbox__indicator .private-checkbox__check{fill:#00a4bd;opacity:1} .private-checkbox__input:checked+.private-checkbox__indicator .private-checkbox__dash{opacity:0} .private-checkbox__input:checked+.private-checkbox__indicator .private-radio__dot{fill:currentColor} .private-checkbox__input.indeterminate:not(:checked)+.private-checkbox__indicator .private-checkbox__check{opacity:0} .private-checkbox__input.indeterminate:not(:checked)+.private-checkbox__indicator .private-checkbox__dash{fill:#00a4bd;opacity:1} .private-checkbox__input.indeterminate:not(:checked)+.private-checkbox__indicator .private-checkbox__dash>svg{width:100%} .private-checkbox__input.indeterminate:not(:checked)+.private-checkbox__indicator .private-radio__dot{fill:#fff} .private-checkbox__input.indeterminate+.private-checkbox__indicator,.private-checkbox__input:checked+.private-checkbox__indicator{border-color:currentColor;color:#46d6db} .private-checkbox__input:focus:not(:checked)+.private-checkbox__indicator{border-color:#cbd6e2} .nicoka-enable-focus-styles .private-checkbox__input:focus:not([readonly])+.private-checkbox__indicator{border-color:rgba(0,208,228,.5);box-shadow:0 0 4px 1px rgba(0,208,228,.3),0 0 0 1px #00d0e4;outline:0;background-color:#eaf0f6;border-color:currentColor} .nicoka-enable-focus-styles .private-checkbox__input:focus[readonly]+.private-checkbox__indicator{outline:auto} .private-checkbox__text{font-size:16px;line-height:normal;max-width:100%;padding-left:.75em;position:relative;top:.0625em} .private-checkbox__text .private-microcopy.is--text--help{margin-top:2px}.private-checkbox__text--small{font-size:14px;padding-left:9px;top:auto} .private-radio .private-radio__circle{fill:#fff}.private-radio .private-radio__indicator{border:0;border-radius:100%} .private-radio.private-checkbox--small.private-checkbox--flush{font-size:.915em;margin-right:9px;vertical-align:baseline} .private-radio.private-checkbox--flush{display:inline-block;font-size:1.143em;margin-right:12px;vertical-align:text-bottom} .private-checkbox--readonly .private-checkbox__indicator{background-color:#eaf0f6!important;border-color:#eaf0f6!important;color:#33475b!important;cursor:auto;color:#99acc2!important} .private-checkbox--readonly .private-radio__circle{fill:#eaf0f6;stroke:#eaf0f6}.private-checkbox--readonly .private-checkbox__label{cursor:default} .private-checkbox--disabled .private-checkbox__indicator:not(.private-radio__indicator){background-color:#eaf0f6;color:#99acc2!important} .private-checkbox--disabled .private-checkbox__label{cursor:not-allowed}.private-checkbox--disabled .private-checkbox__text{color:#99acc2} /*------------------------------------------------------------*/ /*- @Filter -*/ /*------------------------------------------------------------*/ .filter-list-wrapper { /*height: 77%;*/margin-top:13px; } .filter-list-wrapper > ul.filter-list { height:100%; overflow-y:auto; overflow-x:hidden; } .filter-list-wrapper > ul.filter-list {/*height:250px;*/background: #f8f8f8;border: solid #afafaf 1px;border-radius: 3px;box-shadow: inset 0px 1px 3px -1px rgba(0,0,0,.4);margin-top: 5px;} .filter-list-wrapper ul.filter-list > li {text-align: left;position:relative;border-top:solid transparent 1px;border-bottom:solid transparent 1px;padding: 0px;clear:both;} .filter-list-wrapper ul.filter-list li > div.drop-filter {background:none;color:#777;cursor:pointer;padding: 7px 0 7px 19px;font-weight:600;width:100%;} .filter-list-wrapper > ul.filter-list li:last-child > div.drop-filter { padding: 8px 0 8px 19px; } .filter-list-wrapper ul.filter-list li:hover > div.drop-filter { color:#006ec2; } .filter-list-wrapper ul.filter-list li > div.drop-filter > span:first-child { font-weight:400; color:#777; } .filter-list-wrapper ul.filter-list > li:hover .drop-filter.collapsed:before {content: '';display: inline-block;height: 0px;width: 0px;border: solid transparent 4px;border-left-color: #555;position: absolute;top: 11px;left: 7px;} .filter-list-wrapper > ul.filter-list > li:not(.open):hover {border-top:solid #d9d9d9 1px;border-bottom:solid #efefef 1px;background:#f8f8f8;} .filter-list-wrapper > ul.filter-list > li:not(.open):hover +li { border-top:solid #d9d9d9 1px; } .filter-list-wrapper > ul.filter-list > li:not(.open):last-child:hover { border-bottom:solid #d9d9d9 1px; } .filter-list-wrapper ul.filter-list ul.filter-list li { background:none; border:none; } .filter-list-wrapper ul.filter-list > li.open { background:#fff; border-top:solid #d9d9d9 1px; } .filter-list-wrapper ul.filter-list > li.open + li { border-top:solid #d9d9d9 1px; } .filter-list-wrapper ul.filter-list > li:last-child { border-bottom:none; } .filter-list-wrapper ul.filter-list > li.open:last-child { border-bottom:solid #d9d9d9 1px; } .filter-list-wrapper ul.filter-list > li.open + li.open:last-child { border-bottom:none; } .filter-list-wrapper ul.filter-list > li.open > .drop-filter, .filter-list-wrapper ul.filter-list > li.open:hover > .drop-filter { color:#000; } .filter-list-wrapper .filter-list li > div.drop-filter:not(.collapsed):before {content: '';display: inline-block;height: 0px;width: 0px;border: solid transparent 4px;border-top-color: #555;position: absolute;top: 13px;left: 7px;} .filter-list-wrapper label.all { margin-bottom: 5px; } .filter-list-wrapper ul.filter-list ul.filter-list {margin: -1px 0 0px 20px;padding: 0 0 10px 0px;width:95%;height:auto;max-height: 100px;overflow-y:auto;} .filter-list-wrapper ul.filter-list ul.filter-list li {padding: 3px 0px;} .filter-list-wrapper ul.filter-list ul.filter-list li.col2 {float:left;width:50%;height:auto;clear:none;} .filter-list-wrapper ul.filter-list ul.filter-list li.col2 label {padding-left: 20px;display: inline-block;margin-bottom:0px;max-width: 230px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .filter-list-wrapper ul.filter-list ul.filter-list li.col2 label > span { margin-left:-20px; } .filter-list-wrapper ul.filter-list ul.filter-list li.allRow {width:100%;margin-bottom:3px;} .filter-list-wrapper #numEmployees.warning { font-weight:700; color:#e88801; } .filter-error { color:#b42f06 !important; } .filter-list-wrapper ul.filter-list > li > .filter-option {padding: 7px 9px 0px 10px;float: left;} .filter-list-wrapper ul.filter-list > li > .filter-option label { margin-bottom: 5px; } .filter-list-wrapper ul.filter-list div[id^='div_'] {float: left;margin-top: 7px;} .filter-list-wrapper ul.filter-list.options > li:hover, .filter-list-wrapper ul.filter-list.options > li:last-child:hover, .filter-list-wrapper ul.filter-list.options > li:hover + li {border-color: transparent;background:none;} #filter_by .dynamic_component div.controls {display: inline-block !important;margin: 0 !important;padding: 0;vertical-align: middle;} .smart-filter-panel { background-color: #fff; border-radius: 4px; padding-bottom: 0 !important; } .smart-filter-panel .ui-smart-filters.collapse.in { padding-bottom: 5px; } /*------------------------------------------------------------*/ /*- @Trees -*/ /*------------------------------------------------------------*/ .tree-item:before {content: "";width:15px;height:15px;display:inline-block;margin-right:5px;border-bottom:1px dotted #666;border-left:1px dotted #666;} .elbow,.elbow.plus,.elbow.minus {cursor: pointer;} .elbow:before {content: "";width:12px;height:15px;display:inline-block;margin-left:6px;border-bottom:1px dotted #666;border-left:1px dotted #666;} .elbow.end:before {content: "";width:12px;height:15px;display:inline-block;margin-left:6px;border-bottom:1px dotted #666;border-left:1px dotted #666;} .elbow.minus:before,.elbow-nl.minus:before {margin-left: 0;border:0;height: 16px;width: 16px;line-height: 16px;vertical-align: middle;display: inline-block;background: url("../img/tree-icons.png") no-repeat;background-position: 0 -23px;content: "";} .elbow.plus:before,.elbow-nl.plus:before {margin-left: 0;border:0;height: 16px;width: 16px;line-height: 16px;vertical-align: middle;display: inline-block;background: url("../img/tree-icons.png") no-repeat;background-position: 0 0px;content: "";} .tree-cell {margin-left: 5px;} .xv-tree-icon {height: 16px;width: 16px;display: inline-block;cursor:pointer} .xv-tree-selected {background-color: #D9E8FB;} .xv-tree-coche .xv-grid-input{height: 20px;line-height: 20px;margin:0;vertical-align: bottom;text-align: center;padding-left:1px;padding-right:2px;} .tree {padding-left: 14px;overflow:auto;position:relative;} .tree-solid-line {padding-left: 12px;display: block;} .tree.tree-no-line {padding-left: 0;} .tree:before{width: 1px;z-index:1;display:block;content:"";position:absolute;top:-21px;bottom:16px;left:0;border-left:1px dotted #666;} .tree.tree-solid-line:before {border-left:1px solid #999;} .tree.tree-no-line:before {display: none;} .tree .tree-folder{width:auto;min-height:20px;cursor:pointer;} .tree .tree-folder.disabled {text-decoration: line-through;background-color:#fff!important;font-style: italic;} .tree .tree-folder.disabled .tree-folder-content {display:none} .tree-folder.active > .tree-folder-content {display:block!important} .tree .tree-folder .tree-folder-header{position:relative;min-height:20px;line-height:20px;min-width: 100px;display:block} .tree .tree-folder.ui-sortable-handle,tr.ui-sortable-handle {cursor:move;} tr.ui-sortable-handle.ui-sortable-helper {background:white;display: table;} .ui-sortable-helper.table-row::before, .ui-sortable-helper.table-row{display:flex!important;} .tree .tree-folder .tree-folder-header .folder-open {display:none} .tree .tree-folder .tree-folder-header.active .folder-open {display:inline} .tree .tree-folder .tree-folder-header.active .folder {display:none} .tree .tree-folder .tree-folder-header:hover,.tree .tree-folder.disable .tree-folder-header{background-color:#F1F2F7;border-radius: 4px;} .tree .tree-folder .tree-folder-header .tree-folder-name, .tree .tree-item .tree-item-name {display:inline;z-index:2;} .tree .tree-folder img {margin-left: 4px;} .tree .tree-folder .tree-folder-header .tree-folder-name{margin-left:2px;} .tree .tree-folder .tree-folder-content{margin-left:23px;position:relative} .tree .tree-folder .tree-folder-content:before{display:inline-block;content:"";position:absolute;width: 1px;z-index:1;top:-9px;bottom:16px;left:-12px;border-left:1px dotted #666;} .tree.tree-solid-line .tree-folder .tree-folder-content:before {border-left:1px solid #999;} .tree.tree-no-line .tree-folder .tree-folder-content:before {display: none;} .tree .tree-item{position:relative;min-height:20px;line-height:20px;min-width: 100px;cursor:pointer} .tree .tree-item:hover{background-color:#F1F2F7;border-radius: 4px;} .tree .tree-item .tree-item-name{margin-left:2px;} .tree .tree-folder,.tree .tree-item {position:relative;} .tree .tree-folder:before,.tree .tree-item:before {display:inline-block;content:"";position:absolute;top:14px;left:-13px;width:18px;height:0;border-top:1px dotted #666;z-index:1;} .tree.tree-solid-line .tree-folder:before, .tree.tree-solid-line .tree-item:before {border-top:1px solid #999;} .tree.tree-no-line .tree-folder:before, .tree.tree-no-line .tree-item:before {display: none;} .tree .tree-selected{background-color: #F1F2F7;color:#6398b0;border-radius: 4px;} .tree .tree-selected:hover{background-color:#e1e1e1;border-radius: 4px;} .tree .tree-item,.tree .tree-folder{border:1px solid #FFF} .tree .tree-item,.tree .tree-folder .tree-folder-header{margin:0;padding:4px 5px 6px 5px;color:#333;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} .tree .tree-item .tree-item-name > i,.tree .tree-folder .tree-folder-header > i {color: #666;} .tree .tree-item.tree-selected > i,.tree .tree-item .tree-item-name > i{margin-left: -2px;width: 14px;display: inline-block;text-align: center;margin-right: 1px;color: #666;} .tree.tree-plus-minus .tree-folder-header .fa-folder-open:before {height: 16px;width: 16px;line-height: 16px;vertical-align: middle;display: inline-block;background: url("../img/tree-icons.png") no-repeat;background-position: 0 -23px;content: "";} .tree.tree-plus-minus .tree-folder-header .fa-folder:before {height: 16px;width: 16px;line-height: 16px;vertical-align: middle;display: inline-block;background: url("../img/tree-icons.png") no-repeat;background-position: 0 0px;content: "";} .ie .tree.tree-plus-minus .tree-folder-header .fa-folder:before, .ie .tree.tree-plus-minus .tree-folder-header .fa-folder-open:before {margin-top: -5px;} .tree.tree-plus-minus .tree-folder-name {margin-left: 0px !important;} .tree .tree-actions {display: none;position: absolute;margin-top: 1px;right: 4px;} .tree .tree-actions .switch { margin-top:0;padding-top:0;line-height: inherit;} .tree .tree-actions.wsw {top: 3px; margin-top:0} .tree .tree-item:hover .tree-actions, .tree .tree-folder-header:hover .tree-actions {display: inline-block;} .tree .tree-actions > i {padding: 1px 3px;text-align: center;font-size: 14px;color: #999;margin-right: 6px;margin-top: 0px;display: inline-block;} .tree .tree-actions > i:hover {color: #666;} .ui-grid-dropzone {min-height: 200px;} .ui-dropzone .ui-drop-help {display:none;text-align: center;padding: 150px;font-size: 20px;font-weight: bold;} .ui-dropzone.hover {background:#f1f2f7;border:2px dashed #ccc;} .ui-dropzone.hover .ui-folders-breadcrumb,.ui-dropzone.hover .ui-help-blank,.ui-dropzone.hover .ui-files {display:none} .ui-dropzone.hover .ui-drop-help {display:block} .ui-dropzone.fade,.ui-inline-dropzone.fade {-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;opacity: 1;} .ui-inline-dropzone {width: 450px;height: 40px;line-height: 22px;text-align: center;border: 2px #ccc dashed;float: right} .ui-inline-dropzone.hover {background:#f1f2f7} .scrollVertical tbody>tr>td {max-width:500px;text-overflow: ellipsis;overflow: hidden} table.table-sticky-header {max-width:100% !important;overflow:auto} table.table-sticky-header th {top:0;background:white;z-index:2;position: -webkit-sticky !important;position: sticky !important} table.table-sticky-header thead{position: sticky;top: 0;z-index:15} table tbody.scroll {overflow-y: auto;overflow-y: overlay;} table.table-sticky-header tbody.scroll,table.table-sticky-header tbody {display:table-row-group;overflow:initial} td.table-sticky-left-colum,th.table-sticky-left-colum {position: -webkit-sticky !important;position: sticky !important;z-index: 10!important} .table-sticky-left-colum {background:white} .table-striped>tbody> tr:nth-of-type(odd) > td.table-sticky-left-colum { background-color: #f9f9f9; } /*------------------------------------------------------------*/ /*- @Switch -*/ /*------------------------------------------------------------*/ .has-switch {overflow: hidden;border-radius: 30px;padding-top:2px;display: inline-block;cursor: pointer;line-height: 1.231;position: relative;text-align: left;width: 80px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;} .has-switch.deactivate {opacity: 0.5;filter: alpha(opacity=50);cursor: default !important;} .has-switch.deactivate label, .has-switch.deactivate span {cursor: default !important;} .has-switch > div {width: 162%;position: relative;top: 0;} .has-switch > div.switch-animate {-webkit-transition: left 0.25s ease-out;-moz-transition: left 0.25s ease-out;-o-transition: left 0.25s ease-out;transition: left 0.25s ease-out;} .has-switch > div.switch-off {left: -63%;} .has-switch > div.switch-off label {background-color: #7f8c9a;border-color: #bdc3c7;box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);} .has-switch div.switch-off .switch-handle-on {background-color: transparent;} .has-switch div.switch-on .switch-handle-off {background-color: transparent;} .has-switch > div.switch-on {left: 0%;} .has-switch > div.switch-on label {background-color: #41cac0;} .has-switch input[type=checkbox] {display: none;} .has-switch span {cursor: pointer;font-size: 14.994px;font-weight: 700;float: left;height: 25px;line-height: 19px;margin: 0;padding-top: 3px;position: relative;text-align: center;width: 50%;z-index: 1;box-sizing: border-box;-webkit-transition: 0.25s ease-out;-moz-transition: 0.25s ease-out;-o-transition: 0.25s ease-out;transition: 0.25s ease-out;backface-visibility: hidden;} .has-switch span.switch-left {border-radius: 30px 0 0 30px;background-color: #2A3542;color: #41cac0;border-left: 1px solid transparent;} .has-switch span.switch-right {border-radius: 0 30px 30px 0;background-color: #bdc3c7;color: #ffffff;text-indent: 7px;} .has-switch span.switch-handle-on {border-radius: 30px 0 0 30px;background-color: #2A3542;color: #41cac0;border-left: 1px solid transparent;} .has-switch span.switch-handle-off {border-radius: 0 30px 30px 0;background-color: #bdc3c7;color: #ffffff;text-indent: 7px;} .has-switch span.switch-handle-off [class*="fui-"] {text-indent: 0;} .has-switch label {border: 4px solid #2A3542;border-radius: 50%;float: left;height: 25px;margin: 0 -21px 0 -14px;padding: 0;position: relative;vertical-align: middle;width: 29px;z-index:2;-webkit-transition: 0.25s ease-out;-moz-transition: 0.25s ease-out;-o-transition: 0.25s ease-out;transition: 0.25s ease-out;backface-visibility: hidden;} .switch-square > div.switch-off label {border-color: #7f8c9a;border-radius: 4px 0 0 4px;} .switch-square span.switch-handle-on {border-radius: 4px 0 0 4px;} .switch-square span.switch-handle-on [class*="fui-"] {text-indent: -10px;} .switch-square span.switch-handle-off {border-radius: 0 6px 6px 0;} .switch-square span.switch-handle-off [class*="fui-"] {text-indent: 5px;} .switch-square label {border-radius: 0 6px 6px 0;border-color: #41cac0;} /*------------------------------------------------------------*/ /*- @Slidebar -*/ /*------------------------------------------------------------*/ .ox-slidebar {margin-top: 48px;padding-bottom: 5vh;height: calc(100% - 48px);overflow-x: hidden;overflow-y: auto;position: fixed;top: 0;z-index: 0;visibility: hidden;background-color: #fff !important;} .nk-theme-white .ox-slidebar {padding-bottom:120px;margin-top: 60px} .w-alert-header .ox-slidebar {margin-top: 85px} .ox-slidebar-right {right: 0} .ox-slidebar.active {transform:translate(-257px)!important;visibility: visible;border-left: 1px solid #ddd} .ox-slidebar.ox-style-overlay {z-index: 9999} .ox-slidebar {width: 30%} .ox-slidebar h5 {padding: 10px 15px;margin: 0;border-bottom: 1px dashed var(--main-bg-color);text-transform: uppercase;color: var(--main-bg-color);} .ox-slidebar .subtitle {display:block;padding: 8px 20px;text-transform: uppercase;font-size: 13px;color: var(--main-bg-color);margin:0;border-bottom: 1px dashed var(--main-bg-color);} .ox-slidebar .subtitle:hover {opacity:1;cursor:pointer;background: var(--main-bg-color);color: #fff} .ox-slidebar ul {padding: 5px 10px 0px 10px} .ox-width-thin {width: 15%} .ox-width-wide {width: 45%} .ox-slidebar-footer {text-align:center;padding-top: 3vh;} @media (max-width: 480px) { /* Slidebar width on extra small screens. */ .ox-slidebar {width: 70%} .ox-width-thin {width: 55%;} .ox-width-wide {width: 85%;} } @media (min-width: 481px) { /* Slidebar width on small screens. */ .ox-slidebar {width: 55%;} .ox-width-thin {width: 40%;} .ox-width-wide {width: 70%;} } @media (min-width: 768px) { .ox-slidebar {width: 40%} .ox-width-thin {width: 25%} .ox-width-wide {width: 55%} } @media (min-width: 992px) { .ox-slidebar {width: 30%} .ox-width-thin {width: 15%} .ox-width-wide {width: 45%} } @media (min-width: 1200px) { .ox-slidebar {width: 20%;} .ox-width-thin {width: 5%} .ox-width-wide {width: 35%} } .ox-slide, #ox-site, .ox-site, .ox-slidebar { -webkit-transition: -webkit-transform 400ms ease; -moz-transition: -moz-transform 400ms ease; -o-transition: -o-transform 400ms ease; transition: transform 400ms ease; transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */ backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */ } .ui-widget-content { background: #f0f2f7 !important; border: none !important; border-radius: 15px !important; -webkit-border-radius: 15px !important; } .ui-slider-horizontal {height: 8px !important;} .ui-slider-horizontal .ui-slider-handle {top: -0.57em !important;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #fff !important; border: 3px solid #22bacf !important; border-radius: 50% !important; -webkit-border-radius: 50% !important; } .ui-slider-vertical { width: 8px !important; } .ui-slider-vertical .ui-slider-handle { left: -0.5em !important; } .ui-slider .ui-slider-handle { cursor: default; height: 1.6em; position: absolute; width: 1.6em; z-index: 2; } .bound-s { width: 90px; margin-bottom: 15px; } /*state overview*/ .state-overview .symbol, .state-overview .value { display: inline-block; text-align: center; } .state-overview .value { float: right; } .state-overview .value h1, .state-overview .value p { margin: 0; padding: 0; color: #c6cad6; } .state-overview .value h1 { font-weight: 300; } .state-overview .symbol i { color: #fff; font-size: 50px; } .state-overview .symbol { width: 40%; padding: 25px 15px; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; } .state-overview .value { width: 58%; padding-top: 21px; } .state-overview .terques { background: #6ccac9; } .state-overview .red { background: #ff6c60; } .state-overview .yellow { background: #f8d347; } .state-overview .blue { background: #57c8f2; } .panel.green-chart .chart-tittle .value { float: right; color: #c0f080; } .panel.green-chart { background: #a9d96c; color: #fff; } .panel.terques-chart { background: #41cac0; color: #fff; } .panel.terques-chart .chart-tittle .value { float: right; color: #fff; } .panel.terques-chart .chart-tittle .value a { color: #fff; font-size: 12px; } .panel.terques-chart .chart-tittle .value a:hover, .panel.terques-chart .chart-tittle .value a.active { color: #55f2e7; font-size: 12px; } .panel.terques-chart .chart-tittle { font-size: 16px; padding: 15px; display: inline-block; font-weight: normal; background: #39b7ac; width: 100%; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; } .inline-block { display: inline-block; } /*------------------------------------------------------------*/ /*- @Slider -*/ /*------------------------------------------------------------*/ .ui-slider {position: relative;text-align: left} .ui-slider .ui-slider-range {position: absolute;z-index: 1;font-size: .7em;display: block;border: 0;background-position: 0 0;} .ui-slider-horizontal .ui-slider-range {top: 0;height: 100%;} .ui-slider-horizontal {height: 8px !important;} .ui-slider-horizontal .ui-slider-handle {margin-left: -.6em;} .slider-info {text-align:center} .slider-range { --slider-active-track-color: var(--main-bg-color, #007bff); --slider-inactive-track-color: var(--nk-input-readonly-bg-color, #e9ecef); --slider-thumb-color: var(--slider-active-track-color); --thumb-color: #22bacf; -webkit-appearance: none; width: 100%; height: 8px; border-radius: 15px; background: #f0f2f7; outline: none; opacity: 0.7; text-align:left; -webkit-transition: .2s; transition: opacity .2s; } .slider-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 1.6em; height: 1.6em; border-radius: 50%; border: 3px solid var(--thumb-color); background: #fff; cursor: pointer; } .slider-range::-moz-range-thumb { width: 25px; height: 25px; border-radius: 50%; border: 3px solid var(--thumb-color); background: #04AA6D; cursor: pointer; } .ui-gradient-slider .ui-slider {background-color: #1ABC9C !important;background-image: -webkit-linear-gradient(left, #E74C3C 0%, #F1C40F 50%,#1ABC9C 100%) !important;background-image: linear-gradient(to right,#E74C3C 0%, #F1C40F 50%,#1ABC9C 100%) !important;} .ui-gradient-slider .ui-slider .slider-range-inverse {background: #CCC;position: absolute;right: 0;height: 16px;border-radius: 50px;} .ui-gradient-slider .ui-slider-horizontal {height: 16px !important;} .ui-gradient-slider .ui-slider * {outline: none;} .ui-gradient-slider .ui-slider .ui-slider-range {background: transparent;} .ui-gradient-slider .ui-slider .ui-slider-handle {width: 28px;height: 28px;cursor: pointer;box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);background: #FFF;top: -6px !important;border-radius: 50%;border-width: 0!important;} .ui-gradient .ui-slider .ui-slider-handle:active {box-shadow: 0 3px 20px rgba(0, 0, 0, 0.5);} .ui-gradient-slider .ui-slider .ui-slider-handle .dot {width: 18px;height: 18px;border-radius: 50%;position: absolute;top: 5px;left: 5px;background: transparent;overflow: hidden;} .ui-gradient-slider .ui-slider .ui-slider-handle .dot .handle-track {display: block;height: 18px;background-color: #1ABC9C;background-image: -webkit-linear-gradient(left, #E74C3C 0%, #F1C40F 50%,#1ABC9C 100%);background-image: linear-gradient(to right,#E74C3C 0%, #F1C40F 50%,#1ABC9C 100%);position: absolute;padding-right: 18px;} /*------------------------------------------------------------*/ /*- @DatePicker -*/ /*------------------------------------------------------------*/ .ui-datepicker-unselectable {color:#ddd} .ui-state-active {background: #41CAC0;} /*------------------------------------------------------------*/ /*- @ImagePicker -*/ /*------------------------------------------------------------*/ .ox-image-picker-images a.close {display: block;opacity:0.5;font-size:30px;top: -12px;right: -12px;text-align: center;line-height: 16px;width: 16px;height: 16px;border: 3px solid #ffffff;color: #ffffff;position: absolute;border-radius: 50%;background-color: #f93043;} .ox-image-picker-images a.close:hover {opacity:1} .ox-image-picker-images .image img {max-height:200px; min-height:100px;} .ox-image-picker-images a.close{--bs-btn-close-bg: unset} /*------------------------------------------------------------*/ /*- @Notes -*/ /*------------------------------------------------------------*/ .note-footer {display:none} .note-post {padding-bottom: 15px;} .open .note-footer {display:block} .comment-note {margin-bottom: 10px;position: relative;padding: 10px 10px 10px 0;border: solid #ccc 1px;background: white;border-radius:3px} .comment-note img {vertical-align: top;display: inline;margin: 8px 0 0 17px} .comment-note-info { margin: 0 0px 0 14px; float: left;} .comment-note-info .user { margin-bottom: 5px;} .comment-note-info strong {padding-right: 5px;} .comment-note-info .date {color: #777;font-size: 12px;} .comment-note-info .label {padding: 0.2em 0.5em;padding-right: 0.8em;margin-left: 10px;} .comment-note-content p {line-height: 1.4em;margin: 3px 0 10px;} .comment-note .actions {display:none} .comment-note:hover .actions {display:block} /*------------------------------------------------------------*/ /*- @Modules -*/ /*------------------------------------------------------------*/ .store-module .panel-body {height:140px} .store-module .symbol {width: 100%;height: 90px;line-height: 90px;border-radius: 5%;background: #eee;text-align: center;color: #fff;font-size: 45px} /*------------------------------------------------------------*/ /*- @Custom Ui -*/ /*------------------------------------------------------------*/ h2.page-header {border:0} /*------------------------------------------------------------*/ /*- @Tasks -*/ /*------------------------------------------------------------*/ .task-list li.list-primary {border-left: 3px solid #41CAC0;} .task-list li.list-success {border-left: 3px solid #78CD51;} .task-list li.list-danger {border-left: 3px solid #FF6C60;} .task-list li.list-warning {border-left: 3px solid #F1C500;} .task-list li.list-info {border-left: 3px solid #58C9F3;} .task-list li.list-inverse {border-left: 3px solid #000;} .tasks-widget .task-content:after {clear: both;} .tasks-widget .task-footer { margin-top: 5px;} .tasks-widget .task-footer:after, .tasks-widget .task-footer:before {content: "";display: table;line-height: 0;} .tasks-widget .task-footer:after {clear: both;} .tasks-widget .task-list {padding:0;margin:0;} .tasks-widget .task-list > li {position:relative;padding:10px 5px !important;border-bottom:1px dashed #eaeaea;} .tasks-widget .task-list #rlbox {display:inline} .tasks-widget .task-list li .badge {padding: 3px 7px;margin-left:10px;cursor: pointer;} .tasks-widget .task-list li i.popover-dismiss {padding: 2px 2px;} .tasks-widget .task-list li .input,.tasks-widget .task-list li select {border: 1px solid #e2e2e4;padding: 0.1em 0.4em;padding-right:0;height: 27px;} .tasks-widget .task-list li.last-line {border-bottom:none;} .tasks-widget .task-list li > .task-bell {margin-left:10px;} .tasks-widget .task-list li > .task-checkbox {float:left;width:30px;} .tasks-widget .task-list .task-checkbox input {vertical-align: sub;} .tasks-widget .task-list li > .task-title {overflow:hidden;margin-right:10px;} .tasks-widget .task-list li > .task-config {position:absolute;top:10px;right:10px;} .tasks-widget .task-list li .task-title .task-title-sp {margin-right:5px;} .tasks-widget .task-list li.task-done .task-title-sp {text-decoration:line-through;color: #bbbbbb;} .tasks-widget .task-list li.task-done {background:#f6f6f6;} .tasks-widget .task-list li.task-done:hover {background:#f4f4f4;} .tasks-widget .task-list li:hover {background:#f9f9f9;} .tasks-widget .task-list li .task-config {display:none;} .tasks-widget .task-list li:hover > .task-config {display:block;margin-bottom:0 !important;} @media only screen and (max-width: 320px) { .tasks-widget .task-config-btn {float:inherit;display:block;} .tasks-widget .task-list-projects li > .label {margin-bottom:5px;} } .ui-slider-label {width:130px} .ui-slider-info {padding-top:10px} .ui-slider-info input {border:0} .row .center.ui-slider-info{ min-width: 50px; } .nk-theme .form-horizontal .row.ui-gradient-slider .col-md-12{ width: 100%; } .nk-theme .form-horizontal .row.ui-gradient-slider .control-label{ width: 100%; } .row.ui-gradient-slider .row:has(div.ui-slider){ display: flex; width: 100%; } /*------------------------------------------------------------*/ /*- @Mail widget -*/ /*------------------------------------------------------------*/ .flex-between-list{ display: flex; justify-content: space-between; } /*------------------------------------------------------------*/ /*- @Demo -*/ /*------------------------------------------------------------*/ .header-alert {background-color: #ff6c60;color: white;height:25px;line-height:25px;font-size: 11px;} .header-alert .page {box-sizing: border-box;margin: 0 auto;text-align: left;padding: 0;position: relative;} .header-alert .left {float: left;padding-left: 15px;} .header-alert .right {float:right;padding-right: 15px;} .header-alert a {color:white;font-weight:bold} .header-alert a:hover {text-decoration:underline} .header-alert span.day {font-weight: bold;} .w-alert-header .sidebar-menu {margin-top:100px} .w-alert-header .left-menu-round-corner {margin-top:20px} .w-alert-header .left-menu-round-corner::after {top: 73px} .w-alert-header .top-nav ul.top-menu>li {margin-bottom:5px} /*------------------------------------------------------------*/ /*- Map -*/ /*------------------------------------------------------------*/ .surface-canevas {height:500px} .fc-event {cursor:pointer} tr.calendar-category td {background: #59ace2;padding: 5px;color: white;} tr.event-wrap td {padding:3px} .action-toolbar a {width:25px;margin-right:5px} /*------------------------------------------------------------*/ /*- @Lock -*/ /*------------------------------------------------------------*/ .lock-screen {background: #02bac6 url("images/lock-bg.jpg");background-size: cover;background-repeat: repeat;color:white} .lock-wrapper {margin: 10% auto;max-width: 330px;} .lock-box {background: rgba(255,255,255,.3);padding: 20px;border-radius: 10px;position: relative;} .lock-wrapper i {font-size: 45px;color: white;} .lock-wrapper h1 {text-align: center;color: #fff;font-size: 18px;text-transform: uppercase;padding: 20px 0 0 0;} /*------------------------------------------------------------*/ /*- @Activities -*/ /*------------------------------------------------------------*/ .activity.alt {width: 100%;float: right;margin-bottom: 10px;} .activity .pin, .ov_activity .pin { color: #fff; position: absolute; right: -10px; top: -7px; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 11px; padding: 0; transform: rotate(45deg);} .activity span.icon {float: left;} .activity.alt span.icon {float: right;} .activity span.icon, .activity.alt span.icon {width: 45px;height: 45px;line-height: 45px;border-radius: 50%;background: #eee;text-align: center;color: #fff;font-size: 16px;} .activity h4 {margin-top:0 ;font-size: 16px;} .activity p {margin-bottom: 0;font-size: 13px;white-space: pre-wrap;} /*.activity .activity-desk i, .activity.alt .activity-desk i {float: left;font-size: 18px;margin-right: 10px;color: #bebebe;}*/ .activity .activity-desk i.icon {float:none;font-size: 10px;margin-right:2px;color:white} .activity .activity-desk {margin-left: 70px;position: relative;} .activity.alt .activity-desk {margin-right: 70px;position: relative;} .activity.alt .activity-desk .panel {float: right;position: relative;} .activity-desk .panel {background: #F4F4F4 ;display: inline-block;} .activity .activity-desk .arrow {border-right: 8px solid #F4F4F4 !important;} .activity .activity-desk .arrow {border-bottom: 8px solid transparent;border-top: 8px solid transparent;display: block;height: 0;left: -7px;position: absolute;top: 13px;width: 0;} .activity-desk .arrow-alt {border-left: 8px solid #F4F4F4 !important;} .activity-desk .arrow-alt {border-bottom: 8px solid transparent;border-top: 8px solid transparent;display: block;height: 0; right: -7px;position: absolute;top: 13px;width: 0;} .activity-desk .date {font-size: 12px;font-style:italic} .activities .activity .activity-desk {margin-left:60px} #notes-list .activity .selectEmote:not(.no-reaction) {left: -80px;} .activities .activity-desk .panel {border-radius: 10px;padding: 1px;border: 1px solid white;display: block;margin-bottom: 0;} .activities .activity-desk .panel .action i, .activity .activity-header a.dropdown-item i, .ov_activity a.dropdown-item i {margin-right: 10px;} .activities .activity h4 {font-size:14px; line-height: 22px} .activity a.activity-task.running i {background:#f1f2f7 url("../img/loading-xs.gif") center center no-repeat !important;} .activity a.activity-task.running i:before {content:""} figure img {max-width:100%} .activities-toolbar {padding: 5px;border: 1px solid #ddd;border-radius: 5px;background: #fff;margin-bottom: 10px} .activities-toolbar .btn-default {color: #333;background-color: #fff;border-color: #ddd; border-right-width: 0} .activities-toolbar .btn-default:hover {color: #333;background-color: #e6e6e6;border-color: #adadad} .activities-toolbar>.btn:last-child{border-right-width: 1px} .activity-desk .activity-comments svg[data-test-msg-cross-pillar-message-sending-indicator-presenter__sending-indicator--sent] {display: none;} .activity {width: 100%; margin-bottom: 10px; position: relative;} .activity h3 {font-size: 13.5px; margin: 0;} .reactions > a, .addreact > a { padding: 5px 7px; background: #fff; box-shadow: 0px 3px 7px #0000002e; border-radius: 13%; } .addreact a { font-size: 15px;} .addreact {position: relative;} .listreacts { position: absolute; font-size: 19px; left: 10px;} .ov_activity .listreacts {font-size: inherit; bottom: -10px;} .activity-time {text-align: right; font-size: 10px; position: absolute; right: 20px;} .activity:not(.no-toggle), .ov_activity:not(.no-toggle) { position: relative;} .activity-container {margin-bottom: 30px;} .activity:not(.no-toggle):not(.expanded) .activity-header, .activity:not(.no-toggle):not(.expanded) .activity-content, .activity:not(.no-toggle):not(.expanded) .activity-expand {cursor: pointer;} .ov_activity .activity-content p {margin: 0;} .activity-content { line-height: 1.5em; transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out; overflow: hidden; max-height: 50px;} .activity:not(.expanded) .activity-content {margin: 8px; padding: 8px; border: solid 1px transparent;} .activity:not(.expanded):not(.no-toggle) .activity-content::after, .ov_activity:not(.expanded):not(.no-toggle) .activity-content::after { content: ""; position: absolute; bottom: 47px; left: 0; width: 100%; height: 30px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); opacity: 1; transition: opacity 0.4s ease-in-out;} .ov_activity:not(.expanded):not(.no-toggle) .activity-content::after { bottom: 56px; } .activity a.activity-task, .activity a.activity-task.completed:hover {background: #f1f2f7;} .activity a.activity-task:hover, .activity a.activity-task.completed {background: #dbadff; color: #fff;} .activity.expanded .activity-content { max-height: inherit; opacity: 1; padding: 8px; margin: 8px; border: 1px solid transparent;} .ov_activity .activity-content {max-height: inherit; opacity: 1;border: 1px solid transparent; padding: 4px; margin: 4px;} .ov_activity:not(.expanded) .activity-content { margin: 4px; padding: 4px; border: solid 1px transparent;} .activity .activity-content a.btn-activity-edit, .ov_activity.expanded .activity-content a.btn-activity-edit {display: none;} .activity.expanded .activity-content.editable:hover a.btn-activity-edit, .activity.no-toggle .activity-content.editable:hover a.btn-activity-edit, .ov_activity.expanded .activity-content.editable:hover a.btn-activity-edit, .ov_activity.no-toggle .activity-content.editable:hover a.btn-activity-edit { content: "\f044"; font-family: "Font Awesome 5 Pro"; font-weight: 900; position: absolute; right: -6px; top: 70px; background: var(--left-menu-bg-third-color); color: #fff; padding: 5px; border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; font-size: 12px; z-index: 10; box-shadow: 0 2px 5px rgba(0,0,0,0.3);} .activity .badge {border-radius: 5px;} .activity .activity-header a.dropdown-item i {margin-right: 10px;} .activity .activity-files i {margin-right: 5px;} .activity .activity-header-time {text-align: right; font-size: 10px;} .activity .activity-time {text-align: right; font-size: 10px; position: absolute; right: 20px;} .activity .selectEmote, .ov_activity .selectEmote { position: absolute; top: -45px; z-index: 99; padding: 5px 10px; background: #fff; box-shadow: -2px 2px 7px 0px #00000047; border-radius:3px; display: none; align-items: center; justify-content: center; min-width: 190px;} .activity .selectEmote.visible, .ov_activity .selectEmote.visible {display: flex;} .activity .selectEmote.no-reaction {left: -25px;} .ov_activity .selectEmote.no-reaction {left: -15px;} .ov_activity .selectEmote.no-reaction::after {left: 16% !important;} .activity .selectEmote.no-reaction::after {left: 21%;} .activity .selectEmote::after, .ov_activity .selectEmote::after { content: ""; position: absolute; bottom: -7px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #ffffff; z-index: -1;} .activity-expand {font-size: 17px; transition: transform 0.3s ease; opacity: 0.8;} .activity:not(.expanded):not(.no-toggle) .activity-expand {transform: rotate(180deg); transition: transform 0.3s ease;} .activity.no-toggle .activity-expand, .activity.expanded .activity-expand {display: none;} .activity-files {display: flex ; position: absolute; right: 5px; max-width: 800px;} .activity-files > a, .activity-files a.dropdown {text-overflow: ellipsis; max-width: 100px; margin-right: 10px; overflow: hidden; padding: 5px 7px; background: #fff; box-shadow: 0px 3px 7px #0000002e; border-radius: 5px;} .activity-files a.dropdown {min-width: 25px;} .activity-files a.dropdown i {font-size: 11px; margin: 0;} .activity-files a:hover {background: #fff;} .js-sort-by li.active a {color: var(--left-menu-bg-second-color) !important;} /*------------------------------------------------------------*/ /*- @Charts -*/ /*------------------------------------------------------------*/ .custom-bar-chart {height: 290px;margin-top: 20px;margin-left: 10px;position: relative;border-bottom: 1px solid #c9cdd7;} .custom-bar-chart .bar {height: 100%;position: relative;width: 4.3%;margin: 0px 2%;float: left;text-align: center;border-radius: 5px 5px 0 0;z-index: 2;} .custom-bar-chart .bar .title {position: absolute;bottom: -30px;width: 100%;text-align: center;font-size: 12px;} .custom-bar-chart .bar .value {position: absolute;bottom: 0;background: #bfc2cd;color: #bfc2cd;width: 100%;border-radius: 5px 5px 0 0;transition: all .3s ease;} .custom-bar-chart .bar .value:hover {background: #e8403f;color: #fff;} .y-axis {color: #555555;position: absolute;text-align: right;width: 100%;} .y-axis li {border-top: 1px dashed #dbdce0;display: block;height: 29px;width: 100%;} .y-axis li:last-child {border-top: none;} .y-axis li span {display: block;margin: -10px 0 0 -25px;padding: 0 10px;width: 40px;} .y-axis {color: #555555;text-align: right;} .chart-legend ul {margin-bottom:0;position: absolute;right: 5px;text-align:left;background: #fff;border: 1px solid #ddd;padding: 5px;} .chart-legend li span {display: inline-block;width: 12px;height: 12px;margin-right: 5px;} .ui-stat-indicators ul li {display: inline-block;text-align: center;border-right: 1px solid #e6e6e6;display: inline-block} .ui-stat-indicators ul li:last-child {border: none} .ui-stat-indicators .small {font-size: 12px;margin-left: 5px;line-height: 20px;vertical-align: bottom;color: inherit;} /*------------------------------------------------------------*/ /*- @Profile -*/ /*------------------------------------------------------------*/ :root{--profile-side-menu-color:var(--main-bg-color)} .profile-nav .heading {color: #fff;border-radius: 4px 4px 0 0;padding: 30px;text-align: center} .profile-nav .user-heading {background: var(--main-bg-color)} .profile-nav .heading a.round {border-radius: 50%;border: 10px solid rgba(255, 255, 255, 0.3);display: inline-block} .profile-nav .heading a img {width: 100%;/*height: 100%;*/border-radius: 50%;max-width: 150px;} .profile-nav .heading h1 {font-size: 22px;font-weight: 300;margin-bottom: 5px;overflow-wrap: anywhere;} .profile-nav .heading h3 {font-size: 18px; margin: 0;font-weight: 300;margin:0; padding-bottom: 5px;} .profile-nav .heading p,.profile-nav .heading p a {font-size: 12px;color: #fff;margin:0;max-width: 100%;text-overflow: ellipsis;overflow: hidden} .profile-nav .heading a.ui-remove {position: absolute;bottom:0;width: 20px;height: 20px;border-radius: 5px;background: rgb(32, 37, 43);bottom:1px;left: 44%;display:none} .profile-nav .heading a.ui-rotate {position: absolute;width: 20px;height: 20px;border-radius: 5px;background: rgb(32, 37, 43);top: 65px;display:none} .profile-nav .heading .round:hover a.ui-rotate, .profile-nav .heading .round:hover a.ui-remove {display:block;color:white} .profile-nav ul {margin-top: 1px;} .profile-nav ul>li {border-bottom: 1px solid #ebeae6;margin-top: 0;line-height:15px;} .profile-nav ul>li:last-child {border-bottom: none;} .profile-nav ul>li>a {border-radius: 0;color: #89817f;border-left: 5px solid transparent} .profile-nav ul>li>a:hover, .profile-nav ul>li>a:focus, .profile-nav ul li.active a {background: #f8f7f5 !important;border-left: 5px solid var(--profile-side-menu-color);color: #89817f !important;} .profile-nav ul>li:last-child>a:last-child {border-radius: 0 0 4px 4px;} .profile-nav ul>li>a>i {font-size: 16px;padding-right: 10px;color: #bcb3aa;width: 26px;margin-left: -5px} .profile-nav.mini ul>li>a {text-align:center} .profile-nav.mini .hidden-phone {display:none} .profile-nav.mini .nav .first {border-top: 1px solid #ddd} .profile-nav.mini .nav .first, .profile-nav.mini .nav .first a {border-top-left-radius: 5px;border-top-right-radius: 5px} .profile-nav.mini .nav .last {border-bottom: 1px solid #ddd;} .profile-nav.mini .nav .last,.profile-nav.mini .nav .last a {border-bottom-left-radius: 5px;border-bottom-right-radius: 5px} .profile-nav.mini .nav li {border-left: 1px solid #ddd;border-right: 1px solid #ddd} .profile-nav .nav .ui-menu-item {display:flex} .profile-nav .nav .ui-menu-itm-label {text-overflow: ellipsis;width: calc( 100% - 50px);white-space: nowrap;overflow: hidden} .profile-nav .nav .ui-menu-itm-counter {position: absolute;right: 15px} .profile-nav.mini .ui-menu-itm-counter {display:block;right: 3px;font-size:8px} /*------------------------------------------------------------*/ /*- @Campaign -*/ /*------------------------------------------------------------*/ .md1-blue {background: #7998aa;border: 1px solid #698ca0;} .dark-blue {background: #33566a;border: 1px solid #2b4859;} .campaign-process {background: #E0E0E0;height:50px;width: 100%;border-radius: 5px; margin-bottom: 10px;} .campaign-process .itm-box-out {float: left;box-sizing: border-box;height: 30px;margin-left: 1%;margin-right: 1%;opacity: 0.75;} .campaign-process .itm-box-out:hover,.campaign-process .itm-box-out.active {opacity:1;} .campaign-process .itm-box-out:hover .itm-box-in, .campaign-process .itm-box-out.active .itm-box-in {background: green;} .campaign-process .itm-box-in {width: 100%;height:40px;min-height:30px;margin: 4px auto;display: inline-block;text-align: center;color: #fff;text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);cursor: pointer;} .campaign-process .itm-box-in .count {font-size: 2em;padding-left: 0px;font-weight: 600;display: block;margin-top: -7px;line-height: 2.5em;} .campaign-process .itm-box-in .box-text {display: block;font-size: 12px;margin-top: -13px;text-align: center;text-transform: uppercase;font-weight: 600;} #c__filter_by label {width:400px!important} #c__values .multiple {clear:none!important;float: left;padding-left: 10px;} .lead-add-blk {height: 300px;overflow-y: scroll !important;overflow-x: hidden !important;} /*------------------------------------------------------------*/ /*- @Ticketing -*/ /*------------------------------------------------------------*/ #projects-container {padding:0} #actionToolBar .center {margin:0} .nk-theme .ticket-header.form-horizontal .block .controls span.label {padding-top: 3px;} .event-post button.running {background: url("../img/loading-xs.gif") center center no-repeat;text-indent: -500px;} /*------------------------------------------------------------*/ /*- @Documents -*/ /*------------------------------------------------------------*/ .ox-attachment-viewer {width: 100%;height: 100%;z-index: 1003;position: relative;} .ox-attachment {top: 0;left: 0;right: 315px;bottom: 62px;padding: 42px 67px 0;min-width: 410px;min-height: 307px;z-index: 1003;text-align: center;overflow:hidden} .ox-attachment-image, .ox-attachment-file {min-width: 520px;} .ox-attachment .ox-attachment-image, .ox-attachment .ox-attachment-file-no-preview {display: inline;vertical-align: middle;} .ox-attachment .ox-attachment-file iframe {width: 100%;height: 100%;min-height:max(calc(100vh - 150px),500px);position: relative;background-color: white;} .ox-attachment .ox-attachment-file {padding-top: 1px;display: block;width: 100%;height: 100%;white-space: nowrap;} .ox-attachment-image img {max-width: 100%;max-height: 100%;vertical-align: middle;position: relative;} .ox-attachment-viewer .close {position: absolute;top: 0;font-size: 55px;right: 18px;display: inline-block;vertical-align: text-top;} .ox-attachment-viewer .ox-attachment-toolbar {z-index: 1004;position: absolute;width:100%;background: #343A41;bottom: 0;height: 62px;clear: both;padding: 0 20px;color: #fff;} .ox-attachment-toolbar>div {width: 49%;max-width: 49%;height: inherit;} .ox-attachment-toolbar .ox-attachment-name {color: #a8b0bd;max-width: 99%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 1.3em;} .ox-attachment-toolbar span {display: inline-block;vertical-align: middle;} .ox-attachment-toolbar .flr {width: auto;} .ox-attachment-toolbar .ox-action {display: inline-block;vertical-align: middle;color: #dde0e6;padding: 0 21px;line-height: 62px;} .ox-attachment-viewer .ox-vate {height: 100%;display: inline-block;vertical-align: middle;} .ui-folders-breadcrumb .breadcrumb {margin-bottom: 10px;padding-left: 0;border:0;border-bottom: 1px solid #eff2f7;} .ui-folders-breadcrumb .breadcrumb li {max-width:100px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;} .ui-folders,.ui-files {display: inline-block;margin-bottom: 8px;width: 100%;} .ui-folder {height: 40px;box-sizing: border-box;border:1px solid #ddd;width: calc(25% - 16px);display: inline-block;margin-right: 10px;} .ui-folder-icon {display: block;background-color: #fafafa;font-size: 30px;text-align: center;border-bottom-left-radius: 1px;border-top-left-radius: 1px;float: left;height: 100%;width: 44px;} .ui-folder-name {white-space: nowrap;text-overflow: ellipsis;background-color: #fff;line-height: 40px;padding-left: 5px;border-bottom-right-radius: 1px;border-top-right-radius: 1px;height: 100%;overflow:hidden;position: relative;} .ui-file {position:relative;border:1px solid #ddd;width: calc(25% - 16px);float: left;margin-right: 10px;} .ui-file:hover,.ui-folder:hover {box-shadow: 0 2px 8px 0 rgba(0,0,0,.25);} .ui-file .close {position: absolute;right: 2px;display:none} .ui-file:hover .close {display:block} .ui-file-icon {font-size: 40px;text-align: center;height: 60px;line-height: 60px;display:block} .ui-file-name {padding: 3px; padding: 3px;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} /*------------------------------------------------------------*/ /*- @CRM -*/ /*------------------------------------------------------------*/ .profile-nav .contact-heading, .profile-nav.profile-contact .label-danger {background: var(--main-color-contact)} .profile-nav .customer-heading, .profile-nav.profile-customer .label-danger {background: var(--main-color-customer)} .profile-nav .project-heading, .profile-nav.profile-project .label-danger {background: var(--main-color-project)} .profile-nav .customer-heading.heading a img, .profile-nav .project-heading.heading a img {border-radius: 0%;background: #fff;} .profile-nav .supplier-heading {background:var(--main-color-supplier)} .profile-nav .customer-heading.heading a.round,.profile-nav .company-heading.heading a.round, .profile-nav .project-heading.heading a.round {border-radius: 10%;} .profile-nav .customer-heading.heading a img,.profile-nav .company-heading.heading a img, .profile-nav .project-heading.heading a img {border-radius: 0%;background: #fff} .breadcrumb .nav,.breadcrumb .btn-group {margin-top:-2px!important} /* align droplist and label in breadcrimb */ .breadcrumb .nav .btn {float:none;height:22px;line-height:14px} /*------------------------------------------------------------*/ /*- @Choosen -*/ /*------------------------------------------------------------*/ /* Chosen v1.1.0 | (c) 2011-2013 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md change by Orinea to be used with FontAwesome (no png) */ .chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;zoom:1;-webkit-user-select:none;-moz-user-select:none;user-select:none} .chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;box-sizing:border-box;width:100%;border:1px solid var(--bs-border-color);border-top:0;background-color:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}.chosen-container.chosen-with-drop .chosen-drop{left:0}.chosen-container a{cursor:pointer}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height: 1.95rem;line-height: 1.95rem;border:1px solid #aaa;border-radius:5px;background-color:#fff;background-clip:padding-box;color:#444;text-decoration:none;white-space:nowrap}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%} .chosen-container-single .chosen-single div b {display: inline-block;margin-top: -2px;margin-left: 2px;vertical-align: middle;border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;} .chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap} .chosen-container-single .chosen-search input[type=text]{box-sizing:border-box;margin:1px 0;padding:4px 5px 4px 20px;width:100%;height:auto;outline:0;border:1px solid #aaa;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0} .chosen-container-single .chosen-search:before {content: "\f002";font: normal normal normal 14px/1 "Font Awesome 5 Pro";font-weight:600;position: absolute;margin-top: 6px;margin-left: 3px;} .chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}.chosen-container .chosen-results{position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;background:#fff;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline} .chosen-container-multi .chosen-choices{position:relative;overflow:hidden;box-sizing:border-box;margin:0;padding:0;width:100%;height:auto!important;height:1%;border:1px solid #aaa;background-color:inherit;cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:5px;height:20px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#666;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-multi .chosen-choices li.search-field .default{color:#999}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 0 3px 5px;padding:3px 20px 3px 5px;border:1px solid #aaa;border-radius:3px;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default} .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {position:absolute;top:3px;right:3px;display:block;width:12px;height:12px;} .search-choice-close:before {content: "\f00d";font: normal normal normal 14px/1 "Font Awesome 5 Pro";font-weight:600} .chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666} .chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#111!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0} .chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;direction:rtl}.chosen-container-multi .chosen-choices li.search-field {min-height: 26px;}.chosen-container-multi .chosen-results {width:100%}.chosen-container-multi {width:auto!important;min-width:150px;min-height: 1.95rem;line-height: 1.95rem;}.chosen-container-multi .chosen-choices {border: 1px solid #e2e2e4;font-size: 11px;border-radius: 4px;min-height: 30px;} .chosen-container {width: auto;min-width: 210px;max-width: 100%;} .maximize .chosen-container {width: 100%!important} .chosen-container-single .chosen-default,.chosen-container-single .chosen-single {font-size: 12px;border: 1px solid var(--bs-border-color);box-shadow: none;border-radius: 3px;color:#555;} #currency_chosen {min-width:100px;width: auto} li.js-grid-row .chosen-container {display:flex} /*------------------------------------------------------------*/ /*- @TOAST -*/ /*------------------------------------------------------------*/ .toast-title{font-weight:700} .toast-message{-ms-word-wrap:break-word;word-wrap:break-word} .toast-message a,.toast-message label{color:#fff} .toast-message a:hover{color:#ccc;text-decoration:none} .toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)} .toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)} button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none} .toast-top-center{position: absolute; margin-left: auto;margin-right: auto;top:0;left: 0;right: 0;width: fit-content;} .toast-bottom-center{position: absolute; margin-left: auto;margin-right: auto;bottom:0;left: 0;right: 0;width: fit-content;} .toast-top-full-width{top:0;right:0;width:100%} .toast-bottom-full-width{bottom:0;right:0;width:100%} .toast-top-left{top:12px;left:12px} .toast-top-right{top:12px;right:12px} .toast-bottom-right{right:12px;bottom:12px} .toast-bottom-left{bottom:12px;left:12px} #toast-container{position:fixed;z-index:999999} #toast-container *{box-sizing:border-box} #toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)} #toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer} #toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important} #toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important} #toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important} #toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important} #toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin:auto} #toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin:auto} .toast{background-color:#030303} .toast-success{background-color:#51a351} .toast-error{background-color:#bd362f} .toast-info{background-color:#2f96b4} .toast-warning{background-color:#f89406} .toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)} @media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}} @media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}} @media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}} .toast-bottom-right{right:12px;bottom:36px} .toast-top-center{top:55px} /*------------------------------------------------------------*/ /*- @Forms -*/ /*------------------------------------------------------------*/ .form-group .controls {align-items: center;max-width: 100%} .form-horizontal .form-group {margin-bottom: 10px;margin-right: 0;margin-left: 0;} .form-horizontal .block {margin-bottom:5px;background-color: #fff;border: 1px solid var(--bs-border-color);border-radius: var(--bs-border-radius)} .form-horizontal .block .legend {margin-bottom: 0;border-color: #eff2f7;font-size: 14px;font-weight: 400;border-top-right-radius: 3px;border-top-left-radius: 3px;padding: 10px 15px} .form-horizontal .block .column {margin-left:15px;margin-right:15px} .form-horizontal .block .controls,.form-horizontal .block .controls.left, .form-group .controls {display:inline-flex} .form-horizontal .block input[type=file] {display:inline} .form-horizontal .block .controls.sub {margin-left:5px;position: relative} .form-horizontal .sub-input .form-group {margin:0;display: inline-block;margin-left:5px} .form-horizontal .block .input-interval input,.form-horizontal .block .input-interval span {float:left} .form-horizontal .block-outer.collapse.show, .form-horizontal .block-outer.collapsing {padding-top:10px;padding-bottom:10px} .form-horizontal .nolabel .block-outer.collapse.show {padding-top:10px;padding-bottom:10px} .form-horizontal.ui-filterable .block {margin-bottom: 5px; background-color: transparent; border:0} .form-horizontal .control-label {width:150px} .form-horizontal .control-label.label-sm {width:75px} .nk-theme .form-horizontal .control-label { float: left; width: 150px; text-align: left; } .nk-theme .form-horizontal .form-sub-label{font-weight: 400;} .nk-theme .form-horizontal .form-group {margin-left:0;margin-right:0} .nk-theme .form-horizontal.ui-live-form .block .controls span.readonly {padding-top:3px;display:block} .nk-theme .form-horizontal .block input[type=file] {display:inline} .nk-theme .form-horizontal .sub-input .form-group {margin:0;margin-left:5px} .nk-theme .table {margin-bottom: 5px;} .nk-theme .breadcrumb {background-color: #fff;border: 1px solid #ddd;} .nk-theme .breadcrumb .nav {margin-top:-6px} .nk-theme .input-small {width:90px;} .input-medium {width:150px;} .nk-theme .input-large {width:210px;} .tab-panel {margin-bottom:10px} .add-input .errors {margin-left:130px;margin-top:2px} .form-group .sub-input {margin-left: 10px;} .pt0 fieldset.nolabel {padding-top:0} input.rate {width:5em} input.date {width: 7.5em} input.ui-date-month-year {width: 6em} input.time {width: 5em} fieldset.nolabel {padding-top: 10px} .form-group .btn.action {margin-left:2px} .block a.legend-label {display:block} .block-divider {display: flex;align-items: center;padding: 3px 15px;margin-bottom: 3px;} .block-divider:before, .block-divider:after {content: '';flex: 0 1 100%;border-bottom: 2px dotted #ccc;margin: 0 1rem;} .block-divider:before {margin-left: 0} .block-divider:after {margin-right: 0} .block-divider[text-position="right"]:after,.block-divider[text-position="left"]:before {content: none;} @media (max-width:768px){ .nk-theme .form-horizontal p.form-group.btn-toolbar{ display: flex; justify-content: center; flex-direction: column; } .nk-theme .form-horizontal p.form-group.btn-toolbar span.abs{ position: relative; margin: 5px; } } /*------------------------------------------------------------*/ /*- @ShorLink -*/ /*------------------------------------------------------------*/ .copy-field input {font-size: 12px;width: 200px;height: 24px;line-height: 24px;background: none;border: 1px dashed #ccc;} /*------------------------------------------------------------*/ /*- @Breadcrumb -*/ /*------------------------------------------------------------*/ .breadcrumb {width: inherit;} .breadcrumb li.tool {float:right;margin-right:10px} .breadcrumb li.tool:before {content:""} .breadcrumb li .dropdown-menu {font-size:12px} /*------------------------------------------------------------*/ /*- @Grid -*/ /*------------------------------------------------------------*/ .ui-table-th-nowrap th {white-space:nowrap} .caption .btn,.caption-btn .btn-group {float:right} .caption-btn > .btn-group > .btn {float:left} .caption-btn .dropdown-menu .btn {float:none} .caption .ui-toggle-layout {font-size: 13px;} .caption .ui-toggle-layout .btn {padding-left: 8px;padding-right: 8px;padding-top: 1px;} .caption .ui-pagination .btn-default {color: #797979;background-color: #fff;border-color: #ccc;} .caption .btn-white {border-color: #ccc;color:var(--hyperlink-color)} .caption .ui-pagination .btn-default:hover {color: #333;background-color: #e6e6e6;border-color: #adadad;} .caption .ui-toggle-layout .btn.active {background-color: #e6e6e6} .bs-panel.warning {border-color: #FFEFB0} .bs-panel.warning .caption {background-color: #f1c500;color:white} .bs-panel.success {border-color:var(--bs-success-border-subtle)} .bs-panel.success .caption {background-color: var(--bs-success);color:white} .grid-column-mng {max-height: 250px;overflow: auto;} .grid-column-mng .fa-sort {display:none} .grid-column-mng a:hover .fa-sort {display:inline-block} .gd-container.ui-loading-lg {opacity:0.5} .grid-tree .ui-sortable-handle {cursor: move} table {font-size: 13px} table.scrollable {max-width: calc(100% - 10px)} .grid-fixed-header td {padding:5px} td.center {text-align:center !important} td.center input {margin:auto} td select,td textarea,td input {width:auto;max-width:250px;text-align:inherit} td input.xv-dats {width:100px} tr.subtotal td {background-color:var(--cell-highlight)!important} tr.ui-grid-total td {background-color:#FFEB3B!important} td.liveUpdate {position:relative} td.liveUpdate span {white-space: nowrap;} td.liveUpdate span.liveWrapper {min-width:30px;border:2px solid transparent} td.liveUpdate span.liveWrapper:hover {padding: 2px 5px;margin:-2px -5px;border:2px dashed #ddd;cursor: pointer;background-color: #eee} td.text-success a {color: #A9D86E;} td.liveUpdate:hover span.liveWrapper:after {position:absolute;font-family: "Font Awesome 5 Pro";font-weight: 900;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);content: "\f303";margin-left: 10px;} td.liveUpdate {position:relative} td.ui-gd-textarea span {max-width:100px;white-space:normal} .ui-gd-multiple .addrow {margin-left:10px} .ui-gd-multiple-group {border: 1px dashed #dddd;padding: 10px 5px;border-radius: 3px} .ui-gd-multiple select.input-sm {max-width:300px;min-width:60px} .ui-gd-multiple .ui-sortable-handle {cursor:move} .ui-gd-multiple .ui-sortable-handle:before {font-family:"Font Awesome 5 Pro";font-weight: 900;position:relative;content: "\f0c9";padding-top:5px}/*@fa-bars*/ .ui-gd-multiple .table-cell {padding: 0px 5px} .ui-gd-multiple .table-cell.grid-table-label { font-weight: 600; font-size: 13px; text-align: left; } .table-cell input,td .form-control,td ul.token-input-list {width: fit-content;font-size: .875rem;padding: .25rem 0.2rem 0.25rem 0.25rem} td textarea.form-control {width:100%} /*.gd-container.scrollable {overflow-y:hidden}*/ .widget-frame .fxgdp .gd-panel,.ox-sub-content .fxgdp .gd-panel {overflow-x: auto} .fxgdp.noScroll .gd-panel {overflow-x: visible} .gd-footer {margin-top: 5px;} .gd-footer.btn-toolbar {margin-left: 15px;} .grid-fixed-header {table-layout: fixed;margin: 0em;top: 0px;} .grid-fixed-footer {table-layout: fixed;margin: 0em;bottom:0px;} .grid-fixed-header,.grid-fixed-footer {empty-cells: show;border-collapse: collapse;border-spacing: 0;} .fixed-header-wrapper {border-bottom: 2px solid #ddd;} .bs-panel.w-border {border: 1px solid #ddd;} .tab-content .bs-panel.w-border {border:0} tbody.scroll,thead.scroll,tfoot.scroll,tbody.scroll tr.nodata,tbody.scroll tr.nodata td {display:block;} .scrollVertical tbody {overflow-y: auto;overflow-x: hidden;} .scrollVertical table.noscroll tbody {overflow: initial;height:auto} table.resized tbody.scroll {min-height:200px} table.table-bordered.scrollable {border:0} table.table-bordered.scrollable thead tr {border-top:1px solid #ddd} /* table tbody::-webkit-scrollbar {width:5px;background-color:#cccccc;} table tbody::-webkit-scrollbar-thumb {background-color: rgb(232, 64, 63);border-radius:10px;} table tbody::-webkit-scrollbar-thumb:hover{background-color: rgb(232, 64, 63);border:1px solid #333333} table tbody::-webkit-scrollbar-thumb:active{background-color: rgb(232, 64, 63);border:1px solid #333333} */ table.ui-grid-tiny-sb tbody::-webkit-scrollbar {width:5px;background-color:#cccccc;} table.ui-grid-tiny-sb tbody::-webkit-scrollbar-thumb{background-color: rgb(232, 64, 63);border-radius:10px;} table.ui-grid-tiny-sb tbody::-webkit-scrollbar-thumb:hover{background-color: rgb(232, 64, 63);border:1px solid #333333} table.ui-grid-tiny-sb tbody::-webkit-scrollbar-thumb:active{background-color: rgb(232, 64, 63);border:1px solid #333333} table.table-bordered th.nbd:first-child {border-left: 1px solid #ddd !important;} th.ui-gd-check {max-width:20px} td.nowrap a{ white-space: normal; text-wrap: wrap; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .form-horizontal .ui-gd-multiple .form-group {margin:0} .gd-no-scroll .gd-panel {overflow: initial !important;} .ui-gd-modal-list {overflow-x:hidden} .ui-gd-ck-sm,.ui-gd-col-xs {width:20px!important} .ui-gd-col-sm {width:40px!important} .ui-gd-col-auto {width:auto!important} .ui-gd-modal-header {border-color: #eff2f7;font-size: 16px;font-weight:400;padding: 10px 15px;border-bottom: 1px solid #eff2f7;border-top-right-radius: 3px;border-top-left-radius: 3px;} .ox-grid-colmng-filter input {height: 30px;padding: 3px 6px;text-indent: 20px} .ox-grid-colmng-filter:before {color: #ddd;font-family: "Font Awesome 5 Pro";font-weight: 900;content: "\f002";position: absolute;font-size: 16px;padding: 5px} .ox-grid-colmng ul {position: relative;overflow-x: hidden;overflow-y: auto;background: #fff;margin-top: 10px;border: 1px solid #ccc;height: calc(100vh - 150px);} .ox-grid-colmng ul li {padding: 5px 6px;list-style: none;margin: 0;display: list-item;cursor: pointer;line-height: 15px;position: relative;background-color: #fff;border-bottom: 1px solid #ddd;} .ox-grid-colmng ul li .dragger {margin-right:10px} .ox-grid-colmng ul li a {color: #555;} .ox-grid-colmng ul li:hover {background:#d9edf7} /*------------------------------------------------------------*/ /*- @ScrollBar -*/ /*------------------------------------------------------------*/ ::-webkit-scrollbar { width: 20px; } ::-webkit-scrollbar-track { background-color: transparent; } ::-webkit-scrollbar-thumb { background-color: #d6dee1; } ::-webkit-scrollbar-thumb:hover { background-color: #a8bbbf; } ::-webkit-scrollbar-thumb { background-color: #d6dee1; border-radius: 20px; } ::-webkit-scrollbar-thumb { background-color: #d6dee1; border-radius: 20px; border: 6px solid transparent; background-clip: content-box; } /*------------------------------------------------------------*/ /*- @Autocomplete -*/ /*------------------------------------------------------------*/ @media (max-width:768px) { #ui-id-1.ui-autocomplete.ui-front{ position: absolute; width: 95vw !important; } .activities-toolbar .dropdown-menu{max-width: 75vw;overflow: hidden;} } @media (min-width:768px) { #ui-id-1.ui-autocomplete.ui-front{ position: fixed; width: 360px !important; } .ui-autocomplete{ box-shadow: 0 4px 8px -1px rgb(0 0 0 / 10%); } } .ui-autocomplete { cursor: default; border-radius:5px !important; max-height: 70vh; overflow-y: auto; overflow-x: hidden } ul.ui-autocomplete {z-index:10000} .ui-autocomplete li.ui-autocomplete-row { cursor: pointer; height: 3.1em; justify-content: center; align-items: center; display: flex; } .ui-autocomplete .ui-state-active { background: #edecea; } .ui-autocomplete li.ui-autocomplete-row:hover { background: #edecea; } .ui-autocomplete li.ui-autocomplete-row.inactive { opacity: 0.5; } .ui-autocomplete-loading {background: white url("../img/loading.gif") right center no-repeat;} .ui-autocomplete-input.ui-autocomplete-loading {background-image:url("../img/loading-xs.gif");background-repeat: no-repeat;background-position:center} .ui-autocomplete-category div{ font-size: 1.1em; font-weight: 500; font-family: SegoeUI-Regular-final,Segoe UI,"Segoe UI Web (West European)",Segoe,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Tahoma,Helvetica,Arial,sans-serif; } .ui-autocomplete-category{ padding: 0.5rem 1rem 0.5rem 1rem; } .ui-autocomplete-category.ui-autocomplete-history { padding: 0 1rem 0.5rem 1rem; border-bottom: 1px solid #dcdcdc; } .ui-autocomplete-category.ui-autocomplete-history-category div { font-size: 1em; } .ui-autocomplete .ui-autocomplete-history ~ li.ui-autocomplete-row > div > a:not(.ui-autocomplete-remove-history) { width: calc(100% - 60px); } .ui-autocomplete.ui-widget-content { background:#fff !important; border:1px solid #ddd; padding: 0.5rem 0rem 0.5rem 0rem; } .ui-autocomplete .ui-menu-item,.ui-autocomplete.ui-widget-content {border-radius:0!important;} .ui-autocomplete .ui-menu-item div { position: relative; display: flex; margin: 0px; box-sizing: border-box; align-items: center; min-width: 0%; flex-grow: 1; padding: 0.5rem 1rem 0.5rem 1rem; flex-shrink: 1; } .ui-autocomplete .ui-menu-item div a{ font-size: 1em; line-height: 1.25; padding: 0 0.4em; } .ui-autocomplete-initials{ height: 2.7em; width: 2.7em; min-width: 2.7em; line-height: 1.5rem; display: flex; align-items: center; font-weight: 600; justify-content: center; font-size: 0.9em; color: white; overflow: hidden; } .ui-autocomplete-rounded-initials{ border-radius: 50%; } .ui-autocomplete-icon .ui-ticket-color { color: var(--main-color-ticket) } .ui-autocomplete-icon .ui-supplier-color { color: var(--main-color-supplier) } .ui-autocomplete-icon i{ height: fit-content; font-size: 2rem; } .ui-autocomplete-history-icon i { height: fit-content; font-size: 1.4rem; color: var(--hyperlink-color); } .ui-autocomplete-sublabel{ display: block;font-size: 0.85em;color: #999;max-width: 350px; -webkit-line-clamp: 1;max-height: 1.25em; } .ui-bg-company{ background-color: var(--main-color-company)!important; } .ui-bg-candidate{ background-color: var(--main-color-candidate)!important; } .ui-bg-contact{ background-color: var(--main-color-contact)!important; } .ui-bg-supplier{ background-color: var(--main-color-supplier)!important; } .ui-bg-contact{ background-color: var(--main-color-contact)!important; } .ui-bg-collab{ background-color: var(--main-bg-color)!important; } .ui-bg-hsedomain{ background-color: var(--main-color-hsedomain)!important; } .ui-bg-activity{ background-color: var(--main-color-activity)!important; } .ui-bg-document{ background-color: var(--main-color-document)!important; } /*-----------------ui autocomplete attendees------------------*/ .ui-autocomplete li.ui-autocomplete-row.ui-autocomplete-attendees-row div.ui-autocomplete-attendees{ font-size: 1em; padding: 0.5rem 1rem 0.5rem 2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-autocomplete li.ui-autocomplete-row.ui-autocomplete-attendees-row{ height: 2.2em; } .ui-autocomplete .ui-autocomplete-attendees-sublabel{ color: #999; overflow: hidden; text-overflow: ellipsis; padding-left: 0.5em; } /*---------------ui autocomplete render-as-html-----------------------*/ .ui-autocomplete .render-as-html{ flex-direction: column; align-items: flex-start !important; } .ui-autocomplete .render-as-html .render-as-html-label{ padding-bottom: 0; padding-top: 0; flex-wrap: wrap; } .ui-autocomplete .render-as-html .render-as-html-sublabel{ font-size: 0.8em; color: #999; flex-direction: column; align-items: flex-start; padding-top: 0; padding-bottom: 0; } .ui-autocomplete .render-as-html:hover{ cursor: pointer; } /*------------------------------------------------------------*/ /*- @Wysiwyg -*/ /*------------------------------------------------------------*/ .cke_toolbar_break {clear:none!important} /*------------------------------------------------------------*/ /*- @Filter -*/ /*------------------------------------------------------------*/ .drop-filter .markall {margin-left:15px;font-size:11px} .drop-filter.collapsed .markall {display:none} /*------------------------------------------------------------*/ /*- @FieldSelector -*/ /*------------------------------------------------------------*/ .ms-container:after{content: ".";display: block;height: 0;line-height: 0;font-size: 0;clear: both;min-height: 0;visibility: hidden;} .ms-container .ms-selectable, .ms-container .ms-selection{background: #fff;color: #555555;float: left;width: 45%;} .ms-container .ms-selection{float: right;} .ms-container .ms-list{overflow-x: hidden;transition: border linear 0.2s, box-shadow linear 0.2s;border: 1px solid #ccc;border-radius: 3px;position: relative;height: 200px;padding: 0;overflow-y: auto;} .ms-container ul{margin: 0;list-style-type: none;padding: 0} .ms-container .ms-optgroup-container{width: 100%} .ms-container .ms-optgroup-label {margin: 0;padding: 5px 0px 0px 5px;cursor: pointer;color: #999} .ms-container li {border-bottom: 1px #eee solid;padding: 2px 10px;color: #555;font-size: 14px} .ms-container li:hover {color: #fff;text-decoration: none;background-color: #00A8B3} .ms-container .ms-selectable li:hover {cursor: pointer} .ms-container .ms-selection li:hover {cursor:move} .ms-container li.disabled{background-color: #eee;color: #aaa;cursor: text;} /*------------------------------------------------------------*/ /*- @WidgetSelector -*/ /*------------------------------------------------------------*/ .ws-container:after{content: ".";display: block;height: 0;line-height: 0;font-size: 0;clear: both;min-height: 0;visibility: hidden;} .ws-container .ws-selectable, .ws-container .ws-selection{background: #fff;color: #555555;float: left;} .ws-container .ws-selectable {width: 40%;} .ws-container .ws-selection{float: right;width: 55%;} .ws-container .ws-list{overflow-x: hidden;transition: border linear 0.2s, box-shadow linear 0.2s;border: 1px solid #ccc;border-radius: 3px;position: relative;height: 200px;padding: 0;overflow-y: auto;} .ws-container ul{margin: 0;list-style-type: none;padding: 0} .ws-container .ws-optgroup-container{width: 100%} .ws-container .ws-optgroup-label {margin: 0;padding: 5px 0px 0px 5px;cursor: pointer;color: #999} .ws-container li {border-bottom: 1px #eee solid;padding: 2px 10px;color: #555;font-size: 14px} .ws-container li:hover {color: #fff;text-decoration: none;background-color: #00A8B3} .ws-container .ws-selectable li:hover {cursor: pointer} .ws-container .ws-selection li:hover {cursor:move} .ws-container li.disabled{background-color: #eee;color: #aaa;cursor: text;} .ws-container .ws-layout-container{height: 240px;overflow-y: overlay;overflow-x: hidden;} /*------------------------------------------------------------*/ /*- @TimeLine (Version) -*/ /*------------------------------------------------------------*/ .timeline {border-collapse: collapse;border-spacing: 0;display: table;position: relative;table-layout: fixed;width: 100%;} .timeline:before {background-color: #C7CBD6;bottom: 0px;content: "";left: 50%;position: absolute;top: 0;width: 2px;z-index: 0;} h3.timeline-title {margin: 0;font-size: 20px;font-weight: 400;margin: 0 0 5px;text-transform: uppercase;} .t-info {color: #C8CCD7;} .timeline-item:before, .timeline-item.alt:after {content: "";display: block;width: 50%;} .timeline-item {display: table-row;} .timeline-desk {display: table-cell;vertical-align: top;width: 50%;} .timeline-desk h1 {font-size: 16px;font-weight: 300;margin: 0 0 5px;} .timeline-desk .panel {display: block;margin-left: 25px;position: relative;text-align: left;background: #F4F4F4;} .timeline-item .timeline-desk .arrow {border-bottom: 8px solid transparent;border-top: 8px solid transparent;display: block;height: 0;left: -7px;position: absolute;top: 13px;width: 0;} .timeline-item .timeline-desk .arrow {border-right: 8px solid #F4F4F4 !important;} .timeline-item.alt .timeline-desk .arrow-alt {border-bottom: 8px solid transparent;border-top: 8px solid transparent;display: block;height: 0;right: -7px;position: absolute;top: 13px;width: 0;left: auto;} .timeline-item.alt .timeline-desk .arrow-alt {border-left: 8px solid #F4F4F4 !important;} .timeline .timeline-icon {left: -30px;position: absolute;top: 15px;} .timeline .timeline-icon {background: #C7CBD6;box-shadow: 0 0 0 3px #C7CBD6;} .timeline-desk span a {text-transform: uppercase;} .timeline-desk h1.red, .timeline-desk span a.red,.timeline-desk h1.red a {color: #EF6F66;} .timeline-desk h1.green, .timeline-desk span a.green,.timeline-desk h1.green a {color: #39B6AE} .timeline-desk h1.blue, .timeline-desk span a.blue,.timeline-desk h1.blue a {color: #56C9F5} .timeline-desk h1.orange, .timeline-desk span a.orange,.timeline-desk h1.orange a {color:#FCB322} .timeline-desk h1.purple, .timeline-desk span a.purple,.timeline-desk h1.purple a {color: #8074C6;} .timeline-desk h1.light-green, .timeline-desk span a.light-green, .timeline-desk h1.light-green a {color: #A8D76F;} .timeline .timeline-icon {border: 3px solid #FFFFFF;border-radius: 50%;display: block;height: 12px;width: 12px;} .timeline .timeline-icon.red {background: #EF6F66;box-shadow: 0 0 0 3px #EF6F66;} .timeline .timeline-icon.green {background: #39B6AE;box-shadow: 0 0 0 3px #39B6AE;} .timeline .timeline-icon.orange {background: #FCB322;box-shadow: 0 0 0 3px #FCB322;} .timeline .timeline-icon.blue {background: #56C9F5;box-shadow: 0 0 0 3px #56C9F5;} .timeline .timeline-icon.purple {background: #8074C6;box-shadow: 0 0 0 3px #8074C6;} .timeline .timeline-icon.light-green {background: #A8D76F;box-shadow: 0 0 0 3px #A8D76F;} .timeline-item.alt .timeline-icon {left: auto;right: -32px;} .timeline .time-icon:before {font-size: 16px;margin-top: 5px;} .timeline .timeline-date {left: -200px;position: absolute;text-align: right;top: 12px;width: 150px;} .timeline-desk h5 span {color: #999999;display: block;font-size: 12px;margin-bottom: 4px;} .timeline-item.alt:before {display: none;} .timeline-item:before, .timeline-item.alt:after {content: "";display: block;width: 50%;} .timeline-desk p {font-size: 12px;margin-bottom: 0;} .timeline-desk a {color: #EF6F66;} .timeline-desk p.subtitle a {color:grey} .timeline-desk .panel {margin-bottom: 5px;} .timeline-desk .album {margin-top: 20px;} .timeline-desk .album a {margin-right: 5px;float: left;} .timeline-desk .notification {background: none repeat scroll 0 0 #FFFFFF;margin-top: 20px;padding: 8px;} .timeline-item.alt .panel {margin-left: 0;margin-right: 25px;} .timeline-item.alt .timeline-date {left: auto;right: -200px;text-align: left;} .timeline-desk .fieldchanges,.timeline-desk .branchechanges {background: white;padding: 5px;margin-top:3px;border-radius: 3px;} .timeline-desk .branchechanges li {margin-left:8px;} .twt-feed {border-radius: 4px 4px 0 0;-webkit-border-radius: 4px 4px 0 0;color: #FFFFFF;padding: 10px;position: relative;text-align: center} .twt-feed.blue-bg {background: #58C9F3} .twt-feed h1 {font-size: 22px;font-weight: 300;margin-bottom: 5px} .twt-feed a {border: 8px solid #fff;border-radius: 50%;display: inline-block;margin-bottom: -55px} .twt-feed a img {height: 112px;width: 112px;border-radius: 50%} .twt-category {display: inline-block;margin-bottom: 11px;margin-top: 55px;width: 100%} .twt-category ul li {color: #89817f;font-size: 13px} .twt-category h5 {font-size: 20px;font-weight: 300} .twt-write .t-text-area {border: 1px solid #eeeeee;border-radius: 0} .twt-write {margin-bottom: 10px} .twt-footer {padding: 10px 15px} /*------------------------------------------------------------*/ /*- @ColorPicker -*/ /*------------------------------------------------------------*/ .color-picker .palette-inline { padding:5px; } .color-picker .palette-inline .colorPickerInput, .popover .colorPickerInput{ width: 0px; height: 0px; visibility: hidden; } .color-picker .palette-inline .colorPickerSpan, .popover .colorPickerSpan { width: 100%; height: 20px; background: linear-gradient(to left, #1a2a6c, #b21f1f, #fdbb2d, #22C1c3, rgba(0,255,255)); display:block; } .color-picker.open>.dropdown-menu{padding:5px;} .color-picker .dropdown-menu .palette-inline-column {display: flex;flex-direction: row} .color-picker .palette-inline a.color {display: block;width: 20px;height: 20px;padding: 5px;float: left;} .color-picker .palette-inline a.color:hover {opacity:0.7} /*------------------------------------------------------------*/ /*- @QWL -*/ /*------------------------------------------------------------*/ .btn-bounce {transition: all 500ms ease; } @keyframes bounce { 0%, 20%, 60%, 100% {-webkit-transform: translateY(0);transform: translateY(0);} 40% {-webkit-transform: translateY(-20px);transform: translateY(-20px);} 80% {-webkit-transform: translateY(-10px);transform: translateY(-10px);} } .btn-bounce:hover {animation: bounce 1s} .btn-white:hover {background-color:#ddd} /*------------------------------------------------------------*/ /*- @IconPicker -*/ /*------------------------------------------------------------*/ .icon-picker .palette-inline {padding:5px} .icon-picker .palette-inline a.icon {display: block;width: 20px;height: 20px;padding: 5px;float: left;} .icon-picker .palette-inline a.icon {opacity:0.7} /*------------------------------------------------------------*/ /*- @File Ajax Upload -*/ /*------------------------------------------------------------*/ .ajaxfile-button {margin-bottom:10px} .ajaxfile-button input {position: absolute;top: 0;left: 0;height: 30px;width: 100px;display: block;margin: 0;opacity: 0;font-size: 200px;direction: ltr;cursor: pointer} /*------------------------------------------------------------*/ /*- @File Ajax Upload -*/ /*------------------------------------------------------------*/ .tags {padding: 6px 1px 1px 6px;overflow-y: auto;text-align: left;} .tags .tag {color: var(--hyperlink-color);background-color:var(--btn-info-bg-color);border:1px solid var(--btn-info-border-color);cursor: pointer;border-radius: 4px;margin-right: 5px;margin-bottom: 5px;overflow: hidden;line-height: 10px;padding: 6px 13px 8px 19px;position: relative;vertical-align:middle;display: inline-block;zoom: 1;} .tags .tag .close {font-size: 15px;opacity: 1;font-size: 19px;line-height: 10px;} .tags .tag.danger {background-color:var(--color-danger)} .tags .tag.addfile {padding: 6px 10px 6px 10px;border:0} .tags .tag a {color: var(--hyperlink-color)} .ui-file-tokens {padding: 0px 1px 1px 6px;overflow-y: auto;text-align: left;margin:0;display:inline-block} .ui-file-tokens .ui-file-token {color: var(--hyperlink-color);background-color:var(--btn-info-bg-color);border:1px solid var(--btn-info-border-color);height: 24px;line-height: 14px;padding: 4px 10px 4px 10px;border-radius: 4px;cursor: pointer;margin-right: 5px;margin-bottom: 5px;position: relative;vertical-align:middle;display:inline-flex;zoom: 1} .ui-file-tokens .ui-file-token .ui-file-token-filename {text-overflow: ellipsis;max-width: 300px;white-space: nowrap;overflow: hidden;} .ui-file-token.btn {display:inline-block} .ui-file-tokens .ui-file-token .close {display:flex;line-height: 15px;margin-left:5px;color: var(--hyperlink-color);opacity: 1;width: 1em;height: 1em;font-weight: normal;padding: 0;} .ui-file-tokens .ui-file-token.danger,.ui-file-tokens .ui-file-token.danger a {background-color:var(--color-danger);color:white} .ui-file-token a {color: var(--hyperlink-color);line-height: 15px;max-width:200px;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block} .ui-file-tokens.ui-file-token-single .addfile {margin:0} /*------------------------------------------------------------*/ /*- @Tag Input -*/ /*------------------------------------------------------------*/ .tagsinput {padding-top: 6px;} .tagsinput .tag {padding-top:1px;padding-bottom: 2px;overflow: hidden;position: relative;vertical-align: middle;display: inline-block;zoom: 1;display: inline;transition: 0.14s linear;backface-visibility: hidden;} .tagsinput .tag:hover {background-color: #39b1a8;color: #ffffff;padding-left: 12px;padding-right: 20px;} .tagsinput .tag:hover .tagsinput-remove-link {color: #ffffff;opacity: 1;display: block\9;} .tagsinput-remove-link {bottom: 0;color: #ffffff;cursor: pointer;font-size: 12px;opacity: 0;padding: 1px 7px 5px 0;position: absolute;right: 0;text-align: right;text-decoration: none;top: 0;width: 100%;z-index: 2;display: none\9;} .tagsinput-remove-link:before {color: #ffffff;content: "\f00d";font-family: "Font Awesome 5 Pro";font-weight:600} .nk-tag {font-size: 75%;font-weight: 700;padding: 0.5em 0.8em;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25em} .nk-tag:empty {display: none} a.nk-tag:hover {color:#fff} /*------------------------------------------------------------*/ /*- @Address -*/ /*------------------------------------------------------------*/ .ui-addr-zipcode {width:100px !important} .ui-addr-number {width:50px !important} .ui-addr-street {width: 340px !important;} .ui-addr-city {width: 290px !important;} .ui-addr-state {width: 190px !important;} .ui-addr-country {width: 200px !important;} .ui-address-btn {margin-left:0} select.ui-phone-region,input.ui-phone-ext,.ui-phone-region-b {width:55px!important;padding:2px} select.ui-phone-region {opacity: 0;cursor: pointer;position: absolute!important;} /*------------------------------------------------------------*/ /*- @Documents -*/ /*------------------------------------------------------------*/ .ui-help-blank {box-sizing: border-box;border: 2px dashed #ccc;padding: 40px;text-align: center;position: relative;border-radius: 4px;} /*------------------------------------------------------------*/ /*- @Token Input -*/ /*------------------------------------------------------------*/ ul.token-input-list {margin: 0;padding: 0;overflow: hidden; height: auto !important; min-width: 210px;border: 1px solid #e2e2e4;cursor: text;font-size: 12px;min-height: 1px;z-index:2;background-color: #fff;list-style-type: none;clear: left;} ul.token-input-list li input {border: 0;width: 100px;min-width:100px!important;padding: 3px 8px;background-color: white;margin: 2px 0} li.token-input-token {float:left;display:flex;height: 26px;line-height: 26px;margin-left: 2px;margin-right: 5px;margin-bottom: 1px;margin-top: 1px;padding-left: 5px;padding-right: 5px;vertical-align: middle;position: relative;overflow: hidden;cursor: default;font-size: 11px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;white-space: nowrap;-webkit-transition: 0.14s linear;-moz-transition: 0.14s linear;-o-transition: 0.14s linear;transition: 0.14s linear;backface-visibility: hidden;} li.token-input-token {border: 1px solid var(--btn-info-border-color);color:var(--hyperlink-color)} li.token-input-token p {display: inline;padding: 0;margin: 0;} li.token-input-token span {color:#00000080;font-weight: bold;cursor: pointer;} li.token-input-token span.token-input-delete-token {margin-left: 5px} li.token-input-token.label-danger span {color:#ffffffab} li.token-input-highlighted-token span {display:inline !important} li.row.token-input-highlighted-token span {display:inline-block !important} li.token-input-input-token {float: left;margin: 0;padding: 0;list-style-type: none} div.token-input-dropdown {position: absolute;width: 400px;background-color: #fff;overflow: hidden;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;cursor: default;font-size: 11px;font-family: Verdana;z-index: 9900;max-height:300px;overflow-y: auto;overflow-x: hidden} div.token-input-dropdown p {margin: 0;padding: 5px;font-weight: bold;color: #777;} div.token-input-dropdown ul {margin: 0;padding: 0;} div.token-input-dropdown ul li {background-color: #fff;padding: 3px;margin: 0;list-style-type: none;} div.token-input-dropdown ul li.token-input-dropdown-item {background-color: #fff;} div.token-input-dropdown ul li.token-input-dropdown-item2 {background-color: #fff;} div.token-input-dropdown ul li em {font-weight: bold;font-style: normal;} div.token-input-dropdown ul li.token-input-selected-dropdown-item {background-color: #3b5998;color: #fff;} div.token-input-dropdown ul li.token-input-dropdown-category, div.token-input-dropdown ul li.token-input-dropdown-category:hover {background-color: var(--panel-border-color); font-weight: bold; color:inherit;} ul.token-input-list {border-radius:4px} ul.token-input-list li.token-input-input-token {line-height:26px;height:26px} td.token-sm ul.token-input-list,.widget-frame ul.token-input-list {min-width:200px!important;width:200px} td ul.token-input-list li.token-input-token {height: 20px;line-height: 20px;} td ul.token-input-list li.token-input-input-token {height: 21px;line-height: 21px} td div.token-input-dropdown {left:5px !important;width:200px;top: auto !important} .small li.token-input-token {line-height:22px;height:22px} .ui-gd-multiple ul.token-input-list li.token-input-input-token {height: 28px;line-height: 28px} .ui-gd-multiple li.token-input-token {height: 25px;line-height: 25px} .ui-gd-multiple li.token-input-token span {line-height: 20px;height: 20px} .token-input-input-token input {line-height:17px;height:17px} li.token-input-token.ui-sortable-handle p {cursor:move} ul.token-input-list .token-input-token:hover {background-color: #f0f0f0;padding-left: 5px;padding-right: 5px;} ul .receiver-property {padding: 0.5em} ul .token-input-token .receiver-property {padding:0} ul .receiver-property .receiver-title {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;font-size: 0.95em;font-weight: bold;margin-bottom: 0;padding: 0;} ul .receiver-property .receiver-title .receiver-category{font-size: 0.95em;color: #999;font-weight: normal} div.token-input-dropdown ul li.token-input-selected-dropdown-item .receiver-property *{color: #fff;} ul .receiver-property .receiver-subtitle{ font-size: 0.85em; margin-top: 0; font-weight: normal; padding: 0; } /*------------------------------------------------------------*/ /*- @DateTimepicker -*/ /*------------------------------------------------------------*/ /*! * Datetimepicker for Bootstrap v3 * https://github.com/Eonasdan/bootstrap-datetimepicker/ */ .bootstrap-datetimepicker-widget{top:0;left:0;width:250px;padding:4px;margin-top:1px;z-index:99999 !important;border-radius:4px}.bootstrap-datetimepicker-widget.timepicker-sbs{width:600px}.bootstrap-datetimepicker-widget.bottom:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);position:absolute;top:-7px;left:7px}.bootstrap-datetimepicker-widget.bottom:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:8px}.bootstrap-datetimepicker-widget.top:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.top:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;position:absolute;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget .dow{width:14.2857%}.bootstrap-datetimepicker-widget.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget>ul{list-style-type:none;margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{width:4px;padding:0;margin:0}.bootstrap-datetimepicker-widget .datepicker>div{display:block}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget td,.bootstrap-datetimepicker-widget th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget td.day:hover,.bootstrap-datetimepicker-widget td.hour:hover,.bootstrap-datetimepicker-widget td.minute:hover,.bootstrap-datetimepicker-widget td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget td.old,.bootstrap-datetimepicker-widget td.new{color:#999}.bootstrap-datetimepicker-widget td.today{position:relative}.bootstrap-datetimepicker-widget td.today:before{content:'';display:inline-block;border-left:7px solid transparent;border-bottom:7px solid #428bca;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget td.active,.bootstrap-datetimepicker-widget td.active:hover{background-color:#428bca;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget td.disabled,.bootstrap-datetimepicker-widget td.disabled:hover{background:none;color:#999;cursor:not-allowed} .bootstrap-datetimepicker-widget td span{overflow: hidden;text-overflow: ellipsis; white-space: nowrap;display:block;width:54px;height:54px;line-height:54px;float:left;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget td span:hover{background:#eee}.bootstrap-datetimepicker-widget td span.active{background-color:#428bca;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget td span.old{color:#999}.bootstrap-datetimepicker-widget td span.disabled,.bootstrap-datetimepicker-widget td span.disabled:hover{background:none;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget th.switch{width:145px}.bootstrap-datetimepicker-widget th.next,.bootstrap-datetimepicker-widget th.prev{font-size:21px}.bootstrap-datetimepicker-widget th.disabled,.bootstrap-datetimepicker-widget th.disabled:hover{background:none;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget thead tr:first-child th:hover{background:#eee}.input-group.date .input-group-addon span{display:block;cursor:pointer;width:16px;height:16px}.bootstrap-datetimepicker-widget.left-oriented:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.left-oriented:after{left:auto;right:7px}.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody>tr>td{padding:0 !important}@media screen and (max-width:767px){.bootstrap-datetimepicker-widget.timepicker-sbs{width:283px}} /*------------------------------------------------------------*/ /*- @Datepicker -*/ /*------------------------------------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {font-size:20px;font-weight:600;font-family: "Font Awesome 5 Pro";position:absolute; top: 2px; width: 20px; height:20px } .ui-datepicker .ui-datepicker-prev { left:6px;} .ui-datepicker .ui-datepicker-prev .ui-icon,.ui-datepicker .ui-datepicker-next .ui-icon {display:none} .ui-datepicker .ui-datepicker-next { right:-2px; } .ui-datepicker-prev:before {content: "\f104";} .ui-datepicker-next:before {content: "\f105";} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto;} .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover {display: none; /*sorry for IE5*/display/**/: block; /*sorry for IE5*/position: absolute; z-index: -1; filter: mask();top: -4px;left: -4px;width: 200px;height: 200px; } .ui-datepicker-calendar {background:white;} #ui-datepicker-div {z-index: 1020!important;display:none;background:#fff!important;padding: 4px;margin-top: 1px;border-radius: 1px!important;direction: ltr;border:1px solid #ccc !important} #ui-datepicker-div .ui-state-default {border-color:white !important;} #ui-datepicker-div a.ui-state-default:hover,#ui-datepicker-div .ui-state-active {background-color:#eee !important;border-radius:4px!important} .ui-year {width:65px} /*------------------------------------------------------------*/ /*- @MailBox -*/ /*------------------------------------------------------------*/ .ui-customizing-panel { border-collapse: collapse;border-spacing: 0;width: 100%;min-height: 500px;background:#e5e8ef;border-radius:10px} .ui-customizing-panel.row {margin:0} .ui-customizing-panel .aside {height: 100%;padding: 0;vertical-align: top;} .ui-customizing-panel .sm-side {background: #e5e8ef;min-height: 500px} .ui-customizing-panel .lg-side {background: #fff;min-height: 500px; border-radius: 0px 10px 0px 0} .ui-customizing-panel .sm-side .user-head {overflow: hidden;background: #00a8b3;border-radius: 10px 0px 0px 0;-webkit-border-radius: 10px 0px 0px 0;padding: 10px;color: #fff;height:90px;} .user-head .inbox-avatar {width: 60px;padding:0;text-align:center} .user-head .inbox-avatar {border-radius: 4px;-webkit-border-radius: 4px;font-size:45px;line-height:70px} .user-head .user-name {padding:0;display: inline-block;margin:0} .user-head .user-name h5 {color: #fff;font-size: 14px;margin-top:5px;margin-bottom: 0;font-weight: 300;} .user-head .user-name span {font-size: 11px;font-style:italic} a.mail-dropdown {background: #80d3d9;padding:3px 5px;font-size: 10px;color: #01a7b3;border-radius: 2px;margin-top: 20px;} .inbox-body {padding: 5px 20px;} .btn-compose {background: #ff6c60;padding: 12px 0;text-align: center;width: 100%;color: #fff;} .btn-compose:hover {background: #f5675c;color: #fff;} ul.inbox-nav {display: inline-block;width: 100%;margin: 0;padding: 0;} .inbox-divider {border-bottom: 1px solid #d5d8df;} .labels-info.inbox-divider {border-top: 1px solid #d5d8df;border-bottom:0} ul.inbox-nav li {display: inline-block;width: 100%;} ul.inbox-nav li a {color: #6a6a6a;line-height: 35px;width: 100%;display: inline-block;padding: 0 10px;} ul.inbox-nav li a:hover, ul.inbox-nav li.active a,ul.inbox-nav li a.active, ul.inbox-nav li a:focus {color: #6a6a6a;background: #d5d7de;} ul.inbox-nav li .nav-sub a {padding-left:35px} ul.inbox-nav li a i {padding-right: 10px;font-size: 16px;color: #6a6a6a;} ul.inbox-nav li a span.label {margin-top: 13px;} ul.labels-info li h4 {padding-left:15px;padding-right:15px;padding-top: 5px;color: #5c5c5e;font-size: 13px;text-transform: uppercase;} ul.labels-info li {margin: 0;} ul.labels-info li a {color: #6a6a6a;border-radius: 0;} ul.labels-info li a:hover, ul.labels-info li a:focus {color: #6a6a6a;background: #d5d7de;} ul.labels-info li a i {padding-right: 10px;} .nav.nav-pills.nav-stacked.labels-info p {margin-bottom: 0;padding: 0 22px;color: #9d9f9e;font-size: 11px;} .inbox-head {padding:20px;background: #41cac0;color: #fff;border-radius: 0 10px 0 0;min-height: 90px;} .inbox-head h3 {margin: 0;display: inline-block;padding-top: 6px;font-weight: 300;} .inbox-head .sr-input {height: 40px;border: none;box-shadow: none;padding: 0 10px;float: left;border-radius: 4px 0 0 4px;color: #8a8a8a;} .inbox-head .sr-btn {height: 40px;border: none;background: #00a6b2;color: #fff;padding: 0 20px;border-radius: 0 4px 4px 0;} .table-inbox {border: 1px solid #d3d3d3;margin-bottom: 0;} .table-inbox tr td{padding: 12px !important;} .table-inbox tr td:hover{cursor: pointer;} .table-inbox tr td .fa-star.inbox-started ,.table-inbox tr td .fa-star:hover{color: #f78a09;} .table-inbox tr td .fa-star{color: #d5d5d5;} .table-inbox tr.unread td {font-weight: 600;background: #f7f7f7;} .fileinput-button {border: 1px solid #e6e6e6;background: #eeeeee;} .inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea{border: 1px solid #e6e6e6;box-shadow: none;} .inbox-body #inbox-table tr .author-label{display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;align-items: baseline;} .btn-send, .btn-send:hover {background: #00A8B3;color: #fff;} .btn-send:hover {background: #009da7;} .modal-header h4.modal-title {font-weight: 300;font-family: 'Open Sans', sans-serif;} .heading-inbox h4 {font-size: 18px;color: #444;border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-top: 20px;} .sender-info {margin-bottom: 20px;} .sender-info img {width: 30px;height: 30px;} .sender-dropdown {background: #eaeaea;padding:0 3px;color: #777;font-size: 10px;} .view-mail a {color: #FF6C60;} .attachment-mail {margin-top: 30px;} .attachment-mail ul {width: 100%;display: inline-block;margin-bottom: 30px;} .attachment-mail ul li {float: left;width: 150px;margin-right: 10px;margin-bottom: 10px;} .attachment-mail ul li img {width: 100%;} .attachment-mail ul li span {float: right;} .attachment-mail .file-name {float: left;} .attachment-mail .links {width: 100%;display: inline-block;} /*------------------------------------------------------------*/ /*- @Redactor -*/ /*------------------------------------------------------------*/ .redactor-styles {max-height: 500px} .readonly.redactor {white-space: pre-line} .nk-theme { --rx-toolbar-button-width:32px; --rx-toolbar-button-height: 32px; --rx-toolbar-height:32px; --rx-toolbar-padding:0 } textarea.rx-visually-hidden {display:none} .rx-context-line a {color:white;padding: 5px} .form-group .rx-content ,.form-group .rx-content *,.form-group .rx-content blockquote p {font-size:1rem} .rx-content div+* {margin:0!important} .rx-content .rx-ai-footer {margin-top: 16px !important;} .rx-content a.btn-group {text-decoration: none} .rx-dropdown-separator {border-top: 1px solid #ccc; margin: 10px auto !important; padding: 0 !important; pointer-events: none; width: 90% !important;} .rx-ai-item-disabled {opacity: 0.5; color: #888; cursor: not-allowed; pointer-events: none; background-color: transparent !important;} /*------------------------------------------------------------*/ /*- @Report Painter -*/ /*------------------------------------------------------------*/ .rppa .popover-content button {width:100%;margin-bottom: 15px;} .rppa .popover-content .btn-toolbar button {width:auto;margin-bottom:3px} .rppa .popover-content .btn-toolbar { margin-bottom: 0;} .rppa .panel-heading {margin-bottom:10px} .rppa .panel-heading .collapsed .fa-chevron-down:before {content:"\f077"} .rppa fieldset {border:1px dashed #ddd;border-radius: 3px;margin-bottom: 5px;} .rppa legend {float: none; width: auto;margin: 0;padding-left: 5px;padding-right: 5px;font-size: 14px;text-transform: uppercase; border: 1px solid #e5e5e5;background-color: #eee;text-align: center;} .rppa .head {min-height: 100px;} .rppa .body {min-height: 300px;} .rppa .foot {min-height: 70px;} .rppa {margin-bottom: 15px;} .rppa .ui-wrapper {cursor:pointer;padding:10px} .rppa .ui-wrapper:hover {background:#eee;} .rppa .ui-table {min-height: 50px;border: 1px solid #ddd; margin-bottom: 5px;border-radius: 3px;padding: 10px;} .rppa .ui-table th.ui-table-cell {font-weight:bold;height:30px;background:#ccc;font-size:12px;vertical-align: middle;} .rppa .ui-table td.ui-table-cell {height:30px;font-size: 11px;} .rppa .ui-table th.ui-table-cell:hover {background-color: #CAE1FF} .rppa .ui-row:hover .ui-table td {background:white} .rppa .ui-table .ui-table-fields {padding: 0 0 0 5px;width: 97%;margin:0;display:inline-flex} .rppa .ui-row {margin-left:0;margin-right:0;margin-bottom: 5px;min-height: 45px;border: 1px dashed #ddd;background-color: white;padding:5px} .rppa .ui-row .ui-selector {width:40px;font-size: 21px;margin: 0;padding: 0;text-align: center;cursor:move} .rppa .ui-row .ui-component { margin: 0;width:calc(100% - 42px);padding: 0;} .rppa .ui-row:hover {background:#ccc;} .rppa .ui-row .ui-cell { line-height: 28px;border: 1px dashed #ddd;min-height: 30px;background-color: white;} .rppa .ui-row .ui-cell:hover {background:#aaa;} .rppa .ui-row .ui-page-break {background-color: #ddd;border:0;text-align:center} .rppa span.ui-field.ui-draggable {cursor: move;} .rppa .ui-table-fields{ position:static!important; } .rppa .ui-field {border-radius: 2px;background: #ccc;color: white!important;z-index:auto;position: relative;display: inline-block !important;margin-bottom: 6px !important;margin-right: 6px !important;padding: 8px;line-height: 10px;font-size: 10px;font-weight: 700;} .rppa .ui-state-hover.ui-state-active {background-color:#FF6C60!important} .rppa .ui-row .ui-field,.rppa .ui-table .ui-field {margin: 0!important;padding: 5px;height: 30px;line-height: 20px;height: 25px;line-height: 15px;font-size: 10px;font-family: 'Open Sans', sans-serif;} .rppa .ui-table .ui-field {margin-left: 5px !important;} .rppa .tagsinput-remove-link {opacity:1;padding: 7px 3px 5px 7px;position:relative;text-decoration: none;} .btn.tool-border span {width: 10px;height: 10px;border: 1px solid #fff;} .btn.tool-border .b-top,.rppa .b-top {border-top:1px solid #000!important} .btn.tool-border .b-bottom,.rppa .b-bottom {border-bottom:1px solid #000!important} .btn.tool-border .b-right,.rppa .b-right {border-right:1px solid #000!important} .btn.tool-border .b-left,.rppa .b-left {border-left:1px solid #000!important} .rppa .fs-xs,.rppa .fs-xs .ui-field {font-size:8px!important} .rppa .fs-sm,.rppa .fs-sm .ui-field {font-size:10px!important} .rppa .fs-md,.rppa .fs-md .ui-field {font-size:12px!important} .rppa .fs-lg,.rppa .fs-lg .ui-field {font-size:14px!important} .rppa .fs-xl,.rppa .fs-xl .ui-field {font-size:18px!important} .rppa .fs-xxl,.rppa .ui-row .fs-xxl .ui-field {font-size:32px!important} .rppa .subject {min-height:40px} .rppa .email .ui-field {line-height: 4px;} .rppa .ui-droppable-active .ui-field:active { box-shadow: rgba(40, 41, 40, 0.473) 0px 5px 15px; z-index: 1000; } .rppa strong .ui-field { font-weight: 800;font-size: 11px;} .rppa strong .ui-field.tag-del {text-decoration: line-through;} .rppa .ui-field dt,.rppa .ui-field dd {display: inline!important;line-height: 10px!important;margin-left:0!important} .rppa a.btn-group .btn-sm {padding:2px 10px;height: 23px;} .rppa a.btn-group .ui-field {height: 15px;} .rppa .btn-sm .ui-field {margin-bottom: 0 !important;padding: 0;} td .rppa .ui-field {background-color:#59ace2} .rppa dl.ui-field {margin: 0px !important;padding:6px} .rppa .js-wp-subject .ui-field {margin: 0 !important} .rppa .ui-field a.dropdown-toggle {font-size: 10px} .rppa .ui-field .dropdown-menu {max-height: 250px;overflow-y: scroll} .rppa .ui-field .tagsinput-remove-link {display:none} .rppa .ui-field:hover .tagsinput-remove-link {display:inline} .rppa .affix {top: 60px;padding-right:25px} .sidebar-closed .rppa .affix {width: inherit} .rppa .affix .ui-list-of-fields {max-height: 250px;overflow: auto;} .ss-desc [contentEditable=true]:empty:not(:focus):before{content:attr(data-placeholder)} .rppa .ui-cell-filter:before {content: "\f0b0";font: normal normal normal 14px/1 "Font Awesome 5 Pro";font-weight:600;color: #fff;padding-right: 10px} .rppa .js-wp-body .ui-field {outline:none!important;margin-right:1px!important;margin-bottom:1px!important;line-height:6px} .rppa .rx-editor [data-rx-focusable].ui-field.rx-block-focus {outline: none !important} .rppa .rx-editor [data-rx-focusable].ui-field {outline: none !important} .rppa .redactor-box {z-index:auto} .search-container-template { width: 100%; display: flex; padding: 10px;margin-bottom: 10px;} /*------------------------------------------------------------*/ /*- @Survey -*/ /*------------------------------------------------------------*/ .hovering-textarea-container {padding: 5px;} .hovering-textarea-container textarea {border: 1px solid #fff;} .hovering-textarea-container:hover {background-color: #f5f5f5;position: relative;} .hovering-textarea-container:hover textarea {border: 1px solid #d9d9d9;border-top: 1px solid #c0c0c0;} .hovering-textarea-container:hover textarea:focus {border: 1px solid #4d90fe;} .toggle-label.w-free-text {margin-top: 15%;} .toggle-label:not(#foo) label {color: white;font-size: 11px;font-weight: bold;text-transform: uppercase;color: #999;margin: 0;padding: 2px 8px;display: inline-block;border-radius: 2px;cursor:pointer;} .toggle-label:not(#foo) input[type="radio"] {position: absolute;opacity: 0;filter: alpha(opacity=0);} .toggle-label:not(#foo) input[type="radio"]:checked+label {color: #fff;cursor: default} .toggle-label:not(#foo) .toggle-option:hover label {background: #f2f2f2;} .toggle-label:not(#foo) .blue input[type="radio"]:checked+label {background: #236690;color: white;} .toggle-label:not(#foo) .green input[type="radio"]:checked+label{background: #67942a;color: white;} .toggle-label:not(#foo) .red input[type="radio"]:checked+label {background: #ba474a;color: white;} .toggle-label:not(#foo) .orange input[type="radio"]:checked+label {background: #FCB322;color: white;} .toggle-label .toggle-option {margin-right: 5px;} .ui-tl {cursor:pointer;border: 2px solid #777;background: #eee;border-radius: 50% !important;padding: 2px 8px !important;width: 3em;height: 3em;} .ui-tl.green:hover {background:#A9D86E!important;} .ui-tl.orange:hover {background:#FCB322!important;} .ui-tl.red:hover {background:#FF6C60!important;} .ui-survey-form-question {position: relative;padding:10px;margin-left:15px;margin-right:15px;margin-top: 5px;background: #f8f8f8;border-radius: 4px;} .ui-survey-form-question .control-group--nested {border: none;padding: 15px 30px 0 90px;} .ui-survey-form-question .control-group--nested .control-label {margin: 5px 0 0 -90px;font-size: 13px;float: left;width: 90px;} .ui-survey-form-question-form {display:none} ul.ui-survey-question-choices li:first-child .js-remove-choice {display:none} .modify .ui-survey-form-question-form {display:block} .ui-survey .ui-fieldset {border: 1px dashed #ddd; border-radius: 3px;margin-bottom: 5px;} .ui-survey .ui-legend {width: auto;margin: 0; padding-left: 5px;padding-right: 5px;font-size: 14px;text-transform: uppercase;border: 1px solid #e5e5e5;background-color: #eee;text-align: center;} .ui-survey .body {min-height:90px;padding:10px} .ui-survey .toggle-label {position: absolute;top: 10px;right:30px;} .ui-star-rating-wrapper {overflow: hidden;display:inline-block;position:relative;border-radius: 3px;margin-top: 5px;background-color:#efefee;width:100%} .ui-survey-eval .ui-star-rating-wrapper {padding:5px;width:auto} .ui-rating-star {display: block;float: left;font-size:28px;text-align:center;height: 42px;width: 20%;cursor:pointer} .ui-star-rating-wrapper-sm {padding:5px;width:auto;background-color:inherit} .ui-star-rating-wrapper-sm .ui-rating-star {width: 36px;font-size: 28px;float:right;text-align:center} .ui-evaluation-address legend {font-size:14px} .ui-evaluation-address .form-group .controls {display:block} .ui-rating-input {position: absolute;left: 0;top: -50px;} .ui-survey-eval .ui-rating-star {width: auto;margin-right: 5px;font-size: 15px;height: 11px;line-height: 15px;} .ui-rating-star:hover i,.ui-rating-star:hover ~ .ui-rating-star i,.ui-rating-input:checked ~ .ui-rating-star i { content: "\f005";color: #F5A623;font-weight: 600; } .ui-rating-star:hover i:before,.ui-rating-star:hover ~ .ui-rating-star,.ui-rating-input:checked ~ .ui-rating-star i:before { content: "\f005";color: #F5A623;font-weight: 600; } ul.ox-zebra li.table-row:not(.table-row-group):nth-child(odd) { /* Styles for odd rows */ background-color: #f2f2f2; /* Light gray background */ } /*------------------------------------------------------------*/ /*- @HoverCard -*/ /*------------------------------------------------------------*/ .nk-hovercard-main-details { border-bottom: 1px solid var(--panel-border-color); display: flex; align-items: center; padding: 0.5rem 4px 1rem 4px; } .nk-hovercard .nk-hovercard-pic { font-weight: 600; font-size: 1.25rem; color: white; overflow: hidden; float: left; line-height: .9em; margin-right: 10px; text-align: center; margin-top: 0; border-radius: 50%; width: 3em; height: 3em; background-color: var(--main-bg-color); align-items: center; display: flex; justify-content: center; } .nk-hovercard .nk-hovercard-pic img {display: block;height: 3em; width: 3em;} .nk-avatar {position: relative;width: 48px;height: 48px;line-height: 48px;} .nk-hovercard .nk-avatar--inital { border: none; color: white; } .yj-hovercard .yj-avatar { position: relative; display: block; } .nk-hovercard-title {margin: 0 20px 0 0;font-weight: 700;width: 90%;line-height: 14px;} .nk-hovercard .yj-hovercard-subtitle {color: #495361;font-weight: 400;margin-top: 4px;} .nk-hovercard--details {border-bottom: none;padding: 1rem 4px 0.5rem 4px;} .nk-hovercard p {margin: 0} .nk-hovercard i{ margin-right: 10px; width: 2.35em; font-size: 1em; text-align: center; } .nk-hovercard .nk-hovercard--details div{ display: flex; align-items: center; } /*------------------------------------------------------------*/ /*- @Calculator -*/ /*------------------------------------------------------------*/ .ox-calculator-wrapper { position: relative; } .ox-calculator { background: #232323; width: 208px; z-index: 1500; display: none; position: absolute; top: 30px; right: 0; border: 3px solid #2a3542; border-radius: 3px; } .ox-calculator span { cursor: pointer; color: #fff; float: left; display: block; width: 50px; height: 50px; line-height: 50px; font-size: 12px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-right: 1px solid #000; border-bottom: 1px solid #000; text-align:center; } .ox-calculator span:active {line-height: 52px;} .ox-calculator .operation {background: #191919;font-size: 15px;} .ox-calculator .operation.equal {background: #eb0934;} /*------------------------------------------------------------*/ /*- @TimeSheets -*/ /*------------------------------------------------------------*/ .ts-cell:hover {background: #FF6C60} .stars {background:url(images/stars.png) repeat top center} .ts-wkd {color: #000000;background-color: #C0C0C0;width:10px;cursor: not-allowed;} .ts-sub-title {font-style: italic;} .ts-table thead>tr>th, .ts-table tbody>tr>th, .ts-table thead>tr>td,.ts-table tfoot>tr>td, .ts-table tbody>tr>td {padding: 2px;text-align:center} .ts-table tbody>tr>td {min-width:30px;} .ts-table select {border: 0;text-align: center;margin: 0;padding: 0;width: auto;width: 32px;-webkit-appearance: none;-moz-appearance: none;appearance: none;} .ts-table .ts-cell {margin:0;padding:0} .ts-cell {cursor:pointer!important;} .ts-locked {background: #eee;cursor: not-allowed!important} .ts-title {line-height: 50px;} .ts-previous {float: left;margin: 10px 5px;} .ts-next {float: right;margin: 10px 5px;} .ts-comments {width: 100%;margin-top: 5px;border: 1px dashed #ddd;padding: 5px;} /*------------------------------------------------------------*/ /*- @CMS -*/ /*------------------------------------------------------------*/ .vgl{ cursor: pointer; margin: 16px 32px 0px 32px; position: relative; transition: all .2s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; overflow: hidden; } .vgl:first-child{ margin-top: 32px; } .vgl .vjl{ display: block; width: 100%; color: #fff; background: #333; padding: 8px 16px; font-size: 13px; } .vgl img{ width: 100%; } .vgl .vgj{ right: 0; height: 25px; width: auto; position: absolute; bottom: 8px; right: 5px; } .vgl.vih{ display: block !important; height: 0 !important; margin-top: 0; } /*------------------------------------------------------------*/ /*- @Responsive -*/ /*------------------------------------------------------------*/ @media (max-width:600px) { .input-xxlarge,.popup {width:420px !important;} .profile-nav ul > li {float: left} .ui-customizing-panel .sm-side {min-height:auto;margin-bottom:10px} } @media (max-width:480px) { .profile-nav .heading {padding:5px} .popup {width:320px !important;} .input-xlarge,.input-xxlarge {width: auto !important;} } @media (max-width:320px) { .popup {width:300px !important} .input-xxlarge,.input-xlarge {width:auto !important;} } /*-----------------------------------------------------------*/ /*- @Copy paste action -*/ /*-----------------------------------------------------------*/ a.copy-paste-action { cursor: pointer; color: #ffffff; font-size: inherit; opacity: 0; margin-left: 5px; } .copy-paste-item:hover .copy-paste-action { opacity: 0.6; } .copy-paste-item:hover a.copy-paste-action:focus,.copy-paste-item:hover a.copy-paste-action:hover { opacity: 1; } /*-----------------------------------------------------------*/ /*- @kanban -*/ /*-----------------------------------------------------------*/ .nk-kanban-wrapper { display: flex; flex: 1; min-height: 0; position: relative; width: 100%; max-height: calc(100vh - 140px) } .nk-kanban { display: flex; flex-direction: row; gap: 12px; overflow-x: auto; flex: 1; min-height: 0; padding-bottom: 12px; width: 100%; } .nk-kanban-column { display: flex; flex-direction: column; background-color: #ffffff6b; border-radius: 8px; border: 1px solid #e8ebf3; padding: 8px 0; flex: 1; min-height: 0; min-width: 276px; max-width: 276px; gap: 8px; width: 276px; position: relative; } .nk-kanban-column.ui-droppable-hover { border-color:rgba(59, 130, 246, .5); background-color:rgba(218, 228, 241,1); z-index:2 } .nk-kanban-header { display: flex; padding: 0 8px; width: 100%; } .nk-kanban-header-card { background-color: white; box-shadow: 0px 2px 4px rgba(119, 154, 203, .06), 0px 4px 6px rgba(119, 154, 203, .1); border-radius: 8px; display: flex; align-items: center; padding: 12px; width: 100%; } .nk-kanban-column-tags { padding: 8px; height: calc(100vh - 250px); overflow: hidden; overflow-x: hidden; overflow-y: auto; } .nk-kanban-application-card { z-index:3; margin-bottom:10px; background-color: white; border: 1px solid var(--bs-gray-100); border-radius: 8px; box-shadow: var(--bs-box-shadow-sm); padding: 12px; min-height: 64px; display: flex; flex-direction: column; align-items: flex-start; position: relative; width: 100%; } .js-step-disqualify, .nk-kanban-disqualify { cursor: pointer; } .js-step-disqualify:hover { background-color: rgb(193, 29, 21, 0.15) !important; } .nk-kanban-disqualify:hover, .nk-kanban-disqualify:hover .js-step-disqualify { background-color: rgba(193, 29, 21, 0.15) !important; } .nk-kanban-application-card.hired { background: #a9d86e69; border: 0; } .nk-kanban-application-card:hover { border: transparent; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); cursor: pointer; padding-left: 20px; } .nk-kanban-application-card .action, .nk-kanban-application-card:hover .stepDisqualify { transition: all 0.5s; } .nk-kanban-application-card:hover .nk-kanban-application-hover { display: flex; transition: all 0.5s; } .nk-kanban-application-hover { cursor: grab; width: 13px; height: 100%; border-radius: 8px 0 0 8px; background-color: var(--left-menu-bg-first-color); color: #fff; top: 0; left: 0; font-size: 2.5px; display: none; transition: all 0.5s; } .nk-kanban-application .nk-kanban-application-card:hover { background-color: var(--bs-gray-500); cursor: pointer } .nk-kanban-application .nk-kanban-application-card:active { cursor: grabbing } .kb-candidate-initials { display: flex; align-items: center; justify-content: center; border-radius: 9999px; font-weight: 500; text-transform: uppercase; color: rgba(255, 255, 255, 1); } .job-step-label-and-counter { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius:6px; } .job-step-label,.job-step-counter { display: flex; flex-direction: row; align-items: center; font-size:0.75em; line-height:1rem; padding: 3px 7px; font-weight: 500; white-space: nowrap; } /*-----------------------------------------------------------*/ /*- @News Drop Down -*/ /*-----------------------------------------------------------*/ #news-menu {right: 36px;width: 500px} #news-menu {overflow: hidden;padding-top: 0;border: 1px;left: auto;padding-bottom: 0px;background-color: #f9fafb; box-shadow: 0 0 3px rgb(188 205 215 / 20%), 0 1px 5px rgb(188 205 215 / 20%), 0 3px 1px -1px rgb(188 205 215 / 20%) } #news-menu i, #help-menu i {padding-right: 1rem;width: 2em} #news-menu div.news-title {padding: 12px;background-color: var(--main-bg-color);border-color:var(--main-bg-color)} #news-menu div.news-title a{color: #fff} .ox-news-card-image-preview { width: 8.5em; min-width: 8.5em; height: 5em; border-radius: 8px; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #f3f5f6; margin-right: 1.6rem; border: 1px solid var(--panel-border-color); align-self: center; } .ox-news-article {width: 100%;display: flex;flex-flow: row;align-items: start;position: relative;padding-top: 1em;padding-bottom: 1em;word-wrap: break-word;white-space: pre-wrap} .news-article-summary{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; } /*! * perfect-scrollbar v1.4.0 * (c) 2018 Hyunje Jun * @license MIT */ .ps__rail-x,.ps__rail-y{display:none;opacity:0;position:absolute}.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0}.ps__rail-y{transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{opacity:.6}.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{background-color:#eee;opacity:.9}.ps__thumb-x,.ps__thumb-y{background-color:#aaa;border-radius:6px;position:absolute}.ps__thumb-x{transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px}.ps__thumb-y{transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px}.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{background-color:#999;height:11px}.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style:none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps{overflow:auto!important}} /*------------------------------------------------------------*/ /*- @HSE -*/ /*------------------------------------------------------------*/ .hse-search-input-wrapper #hse-autocomplete { width: 100%; } /*------------------------------------------------------------*/ /*- @Orx stepper -*/ /*------------------------------------------------------------*/ .orx-stepper-steps { display: flex; flex-flow: wrap; justify-content: center; padding: 15px; } .orx-stepper-step { display: flex; gap: 1.25em; position: relative; align-items: center; max-width: max(15vw, 150px); } .popup .orx-stepper-step { max-width: max(33%, 150px); } .popup .orx-stepper-step:not(:last-child):after { content: ''; max-width: 20%; /* Width of the connector line */ height: 2px; /* Height of the connector line */ border-bottom: 1px solid #aaa; /* Color of the connector line */ z-index: -1; /* Ensure it's behind the step numbers */ } .orx-badge { line-height: 2em; width: 2em; height: 2em; display: inline-block; border-radius: 20%; text-align: center; font-size: 0.9em; margin-bottom: 8px; font-weight: bold; background: #fff; color: #919395; } .orx-stepper-step-title { margin: 0px; line-height: 2em; font-weight: bold; font-size: 1em; } .orx-stepper-step:not(:last-child):after { content: ''; width: max(20vw, 250px); /* Width of the connector line */ height: 2px; /* Height of the connector line */ border-bottom: 1px dashed #aaa; /* Color of the connector line */ z-index: -1; /* Ensure it's behind the step numbers */ } .orx-stepper-step-number{ margin: 0px; } /* Active and completed steps */ .orx-stepper-step.active .orx-stepper-step-number,.orx-stepper-step.completed .orx-stepper-step-number { background: var(--main-bg-color); color: #fff; } .orx-stepper-step.active .orx-stepper-step-title,.orx-stepper-step.completed .orx-stepper-step-title { color: var(--main-bg-color); } /* Stepper content */ .orx-stepper-wrapper-items { padding: 2em; /* Padding around the content */ } .orx-stepper-item { display: none; /* Hide all steps by default */ } .orx-stepper-item.active { display: block; /* Only display the active step */ } .block .fieldset .legend { display: flex; align-items: center; justify-content: space-between; } .block .fieldset .legend .action-block .btn { margin-bottom: 0px; height: 20px; width: 20px; line-height: 20px; padding: 0px; } .block .fieldset .legend .action-block { align-self: flex-end; margin-left: auto; } @media all and (min-width: 769px) { .orx-stepper-wrapper-items { margin: 0 min(10vw, 200px); padding: 0.5em; } .popup .orx-stepper-wrapper-items { margin:0px; padding:0; } } @media all and (max-width: 768px) { .orx-stepper-wrapper-items { margin: 0px; } .popup .orx-stepper-wrapper-items { margin: 0px; } } /*------------------------------------------------------------*/ /*- @Main Left Menu -*/ /*------------------------------------------------------------*/ #container.sidebar-open #main-content {margin-left: var(--left-menu-width);width:calc(100% - var(--left-menu-width))} #container.sidebar-closed #main-content{margin-left: var(--left-menu-width);width:calc(100% - var(--left-menu-width))} .std #main-content {margin-left: var(--left-menu-width);width:calc(100% - var(--left-menu-width))} .left-menu-round-corner{position: relative;} /** safari only rule for the menu */ body.is-safari #main-left-menu:has(.main-left-submenu.in){ overflow: hidden; } .main-left-menu-container {height: 100%;width: var(--left-menu-closed-width);position: fixed;z-index: 1001; outline: none;background-color: var(--left-menu-bg-first-color);overflow: scroll; color: var(--left-menu-color);font-family: var(--left-menu-font)} .sidebar-closed .main-left-menu-container {transition: width 0.5s} .main-left-menu-container::-webkit-scrollbar {display:none} .main-left-menu-container span {display: none;} .sidebar-open .main-left-menu-container {width: var(--left-menu-open-width);transition: width 0.5s;} .sidebar-open .main-left-menu-container span {display: block;} .main-left-menu-container ul {padding-top: 50px;padding-bottom: 20px;} .main-left-menu-container li {margin: 2px 0px;color: var(--left-menu-color);} .main-left-menu-container li a {cursor: pointer;display: flex;flex-direction: row;color: var(--left-menu-color);margin: 5px 10px;padding: 10px 9px;align-items: center;border-radius: 6px} .main-left-menu-container li a span {padding-left: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .main-left-menu-container:hover {width: var(--left-menu-open-width);/*box-shadow: rgba(0, 0, 0, 0.25) 8px 50px 4px -4px;*/} .main-left-menu-container:hover span {display: inline-block} .main-left-menu-container li:hover>a,.main-left-menu-container li.activeSubMenu >a, .main-left-menu-container li a.active {background-color: var(--left-menu-bg-second-color);color: var(--left-menu-hover-color)} .main-left-menu-container li > a span.nav-text {font-weight:normal} /* Round border */ .left-menu-round-corner::after {width: 18px;height: 18px;top: 48px;left: var(--left-menu-closed-width);position: fixed;border-top-left-radius: 50%;content: "";box-shadow: var(--left-menu-bg-first-color) -9px -1px 0px 0px;} .sidebar-closed .left-menu-round-corner::after {transition: left 0.5s} .sidebar-open .left-menu-round-corner::after {transition: left 0.5s} #container.sidebar-open .left-menu-round-corner::after,.left-menu-round-corner:has(.main-left-menu-container:hover)::after {left: var(--left-menu-open-width);} .main-left-submenu.activeSubMenu::before {width: 18px;height: 18px;top: 48px;left: var(--left-menu-open-width);position: fixed;border-top-left-radius: 50%;content: "";box-shadow: var(--left-menu-bg-first-color) -9px -1px 0px 0px;} /* Search Menu */ .main-left-menu-container li .searchmenu {display: flex;flex-direction: row;color: var(--left-menu-color);margin: 5px 10px;padding: 10px 4px;align-items: center;border-radius: 6px;} .sidebar-open .main-left-menu-container li .searchmenu,.main-left-menu-container:hover li .searchmenu {padding: 0px;margin: 0px;} #sgkeyw {margin: 10px;width: 90%;z-index: 2;position: relative;} .main-left-menu-container .navLeftIcon i {margin-left: auto;margin-right: auto; width: 20px;height: 20px;text-align: center} .main-left-menu-container .nextIcon {position: absolute;right: 20px} .main-left-menu-container .nextIcon.mobile {display: none} /* Secondary Menu */ .main-left-submenu {position: fixed;left: var(--left-menu-open-width);top: 0;padding-top:5px;background-color: var(--left-menu-bg-second-color);list-style-type: none;width: calc(var(--left-menu-open-width) + 30px);height: 100%;overflow: hidden auto;padding-bottom: 50px;box-shadow: rgba(0, 0, 0, 0.25) 8px 0px 4px -4px;} .main-left-menu-container .main-left-submenu::-webkit-scrollbar {display: none;} .main-left-submenu.activeSubMenu {display: block} .main-left-submenu ul {padding-top: 70px;padding-bottom: 20px} .main-left-submenu li:hover a, .main-left-submenu li a.active {background-color: var(--left-menu-bg-third-color)} /* Log out and preferences Buttons */ .main-left-menu-container .btn a {text-align: center;color: #fff;display: block;margin: 0px 10px;line-height: 1} .main-left-menu-container .btn span {display: none} .main-left-menu-container:hover .btn span,.sidebar-open .main-left-menu-container .btn span {display: inline-block} /* Divider */ .main-left-menu-container hr {margin-bottom: 0} @media screen and (max-width : 480px) { #container.sidebar-closed #main-content {padding-left: 0px;width:100vw;} .main-left-menu-container {display: none;} .left-menu-round-corner::after {display: none} .sidebar-open .main-left-menu-container {display: block;width: 100vw;position: fixed;font-size: 15px;} .sidebar-open .main-left-menu-container span {display: inline-block;} .main-left-menu-container ul {padding-bottom: 40px;padding-left: 5px;padding-right: 5px;} .sidebar-open .main-left-menu-container li {padding: 1px 4px} .main-left-menu-container li a {margin: 5px 0px;} .main-left-menu-container li a span {padding-left: 30px;} /* Round border */ /* Secondary Menu */ .main-left-submenu {position: relative;width: 100%;left: 0;padding-bottom: 0px;margin: 0px 0px;} .main-left-submenu ul {padding-top: 0px;} .main-left-submenu.activeSubMenu ul {padding: 0px 0px 0px 10px;} .sidebar-open .main-left-menu-container .nextIcon {display: none} .sidebar-open .main-left-menu-container .nextIcon.mobile {display: block;right: 30px} /* Search Menu */ .main-left-menu-container .searchmenu,.main-left-menu-container .searchmenu span {margin: 0px} .main-left-menu-container li.searchmenu,#sgkeyw {margin: 0px 5px;width:100%;} /* Log out and preferences Buttons */ .main-left-menu-container .btn span {padding-left: 10px} }