/*! * SmartAdmin - Responsive WebApp * * Copyright 2014 bootstraphunter.com * Designed and built with all the love in the world by @bootstraphunt. */.tree{min-height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.tree li{list-style-type:none;margin:0;padding:5px;position:relative}.tree ul ul li:hover{background:rgba(0,0,0,.015)}.tree li:after,.tree li:before{content:'';left:-20px;position:absolute;right:auto}.tree li:before{border-left:1px solid #999;bottom:50px;height:100%;top:-11px;width:1px;-webkit-transition:"border-color 0.1s ease 0.1s";-moz-transition:"border-color 0.1s ease 0.1s";-o-transition:"border-color 0.1s ease 0.1s";transition:"border-color 0.1s ease 0.1s"}.tree li:after{border-top:1px solid #999;height:20px;top:18px;width:25px}.tree li span{-moz-border-radius:5px;-webkit-border-radius:5px;border:1px dotted #999;border-radius:5px;display:inline-block;padding:3px 8px;text-decoration:none;-webkit-transition:color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s;-moz-transition:color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s;-o-transition:color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s;transition:color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s}.tree li.parent_li>span{cursor:pointer;padding:7px}.tree>ul>li::after,.tree>ul>li:before{border:0}.tree li:last-child::before{height:30px}.tree li.parent_li>span:hover,.tree li.parent_li>span:hover+ul li span{background:#eee;border:1px solid #94a0b4;color:#000}.tree>ul{padding-left:0}.tree ul ul{padding-left:34px;padding-top:10px}.tree li.parent_li>span:hover{background-color:#DF8505;border:1px solid #C67605;color:#fff}.tree li.parent_li>span:hover+ul li::before{border-left-color:#F89406}.tree li.parent_li>span:hover+ul li::after{border-top-color:#F89406}.tree li.parent_li>span:hover+ul li span{background:#FDDFB3!important;border:1px solid #FAA937;color:#000}.tree .fa.icon-minus-sign:before{content:"\f056"!important}.tree .fa.icon-plus-sign:before{content:"\f055"!important}.bootstrap-duallistbox-container .buttons{width:100%;margin-bottom:-1px}.bootstrap-duallistbox-container label{display:block;margin-top:0!important;font-weight:400!important}.bootstrap-duallistbox-container .info{display:inline-block;margin-bottom:5px;font-size:11px}.bootstrap-duallistbox-container .btn-group .btn{border-bottom-left-radius:0;border-bottom-right-radius:0}.bootstrap-duallistbox-container select{border-top-left-radius:0;border-top-right-radius:0;width:100%;height:300px;padding:0}.bootstrap-duallistbox-container .filter{display:inline-block;width:100%;height:31px;margin:0 0 5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-duallistbox-container .filter.placeholder{color:#aaa}.bootstrap-duallistbox-container .clear1,.bootstrap-duallistbox-container .clear2{display:none;font-size:10px}.bootstrap-duallistbox-container .box1.filtered .clear1,.bootstrap-duallistbox-container .box2.filtered .clear2{display:inline-block}.bootstrap-duallistbox-container .move,.bootstrap-duallistbox-container .remove{width:60%}.bootstrap-duallistbox-container .moveall,.bootstrap-duallistbox-container .removeall{width:40%}.bootstrap-duallistbox-container.bs2compatible .btn-group>.btn+.btn{margin-left:0}.bootstrap-duallistbox-container.moveonselect .move,.bootstrap-duallistbox-container.moveonselect .remove{display:none}.bootstrap-duallistbox-container.moveonselect .moveall,.bootstrap-duallistbox-container.moveonselect .removeall{width:100%}.md-editor{display:block;border:1px solid #ddd}.md-editor .md-footer,.md-editor>.md-header{display:block;padding:6px 4px;background:#f5f5f5;margin:0}.md-editor>.md-header>:first-child{margin-left:0}.md-editor>.md-preview{background:#fff;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;min-height:10px;padding:10px}.md-editor>textarea{font-family:Monaco,Menlo,Consolas,"Courier New",monospace;font-size:13px;outline:0;margin:0;display:block;width:100%;border:0;padding:10px;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;border-radius:0;box-shadow:none;background:#eee}.md-editor>textarea:focus{box-shadow:none;background:#fff}.md-editor.active{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}/*! * Slider for Bootstrap * * Copyright 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */.slider{display:inline-block;vertical-align:middle;position:relative}.slider.slider-horizontal{width:100%!important;height:20px}.slider.slider-horizontal .slider-track{height:10px;width:100%;margin-top:-5px;top:50%;left:0}.slider.slider-horizontal .slider-selection{height:100%;top:0;bottom:0}.slider.slider-horizontal .slider-handle{margin-left:-10px;margin-top:-5px}.slider.slider-horizontal .slider-handle.triangle{width:20px;height:20px;filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);border:none;line-height:21px;color:#797777;text-shadow:0 1px 0 rgba(255,255,255,.8)}.slider.slider-horizontal .slider-handle.triangle:before{content:"\f0da";font-size:34px}.slider-horizontal .slider-selection+.slider-handle.triangle+.slider-handle.triangle:before{content:"\f0d9"}.slider.slider-vertical{height:210px;width:20px}.slider.slider-vertical .slider-track{width:10px;height:100%;margin-left:-5px;left:50%;top:0}.slider.slider-vertical .slider-selection{width:100%;left:0;top:0;bottom:0}.slider.slider-vertical .slider-handle{margin-left:-5px;margin-top:-10px}.slider.slider-vertical .slider-handle.triangle{width:20px;height:20px;filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);border:none;line-height:21px;color:#797777;text-shadow:0 -1px 0 rgba(255,255,255,.8)}.slider.slider-vertical .slider-handle.triangle:before{content:"\f0d7";font-size:32px;text-shadow:0 1px 0 rgba(255,255,255,.8)}.slider.slider-vertical .slider-selection+.slider-handle.triangle+.slider-handle.triangle:before{content:"\f0d8";text-shadow:0 -1px 0 rgba(255,255,255,.8)}.slider input{display:none}.slider .tooltip-inner{white-space:nowrap}.slider-track{position:absolute;cursor:pointer;background:#E5E5E5}.slider-selection{position:absolute;background:#3276b1}.slider-handle{position:absolute;width:20px;height:20px;border:1px solid #FFF;background:#858585;display:inline-block;font-family:'Font Awesome 6 Pro';font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;line-height:18px;font-size:10px;color:#BDBDBD;text-shadow:0 1px 0 rgba(77,77,77,.5);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.slider-handle:before{content:"\f0c9"}.slider-handle.round{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;width:20px;height:20px}.slider-handle.triangle{background:transparent none}.slider-danger+.slider-track>.slider-selection{background:#a90329}.slider-warning+.slider-track>.slider-selection{background:#c79121}.slider-info+.slider-track>.slider-selection{background:#57889c}.slider-success+.slider-track>.slider-selection{background:#739e73}.bootstrap-tagsinput{display:block;width:100%;min-height:32px;padding:1px 3px;font-size:13px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#FFF;border:1px solid #CCC;border-radius:0}.bootstrap-tagsinput>span{border-radius:0!important;font-weight:400;padding:3px 28px 4px 8px;font-size:13px;border:1px solid #285E8E;background:#3276B1}.bootstrap-tagsinput input{border:none;box-shadow:none;outline:0;background-color:transparent;padding:0;margin:0;width:auto!important;max-width:inherit}.bootstrap-tagsinput input:focus{border:none;box-shadow:none}.bootstrap-tagsinput .tag{color:#FFF;position:relative;margin:3px 0 3px 2px;display:inline-block}.bootstrap-tagsinput .tag [data-role=remove]{display:block;top:-1px;right:0;padding:3px 4px 3px 5px;width:23px;height:22px;position:absolute;cursor:pointer}.bootstrap-tagsinput .tag [data-role=remove]:hover{background:rgba(0,0,0,.3)}.bootstrap-tagsinput .tag [data-role=remove]:after{content:"\f057";font-family:'Font Awesome 6 Pro';padding:2px 1px;line-height:17px;font-size:15px;text-align:center}.bootstrap-tagsinput .tag [data-role=remove]:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.bootstrap-tagsinput .tag [data-role=remove]:hover:active{box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}/*! * Timepicker Component for Twitter Bootstrap * * Copyright 2013 Joris de Wit * * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors * * For the full copyright and license information, please view the LICENSE * file that was distributed with this source code. */.bootstrap-timepicker{position:relative}.modal-open .bootstrap-timepicker-widget.dropdown-menu.open{z-index:1051!important}.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu{left:auto;right:0}.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before{left:auto;right:12px}.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after{left:auto;right:13px}.bootstrap-timepicker .add-on{cursor:pointer}.bootstrap-timepicker .add-on i{display:inline-block;width:16px;height:16px}.bootstrap-timepicker-widget.dropdown-menu{padding:4px}.bootstrap-timepicker-widget.dropdown-menu.open{display:inline-block}.bootstrap-timepicker-widget.dropdown-menu:before{border-bottom:7px solid rgba(0,0,0,.2);border-left:7px solid transparent;border-right:7px solid transparent;content:"";display:inline-block;position:absolute}.bootstrap-timepicker-widget.dropdown-menu:after{border-bottom:6px solid #FFF;border-left:6px solid transparent;border-right:6px solid transparent;content:"";display:inline-block;position:absolute}.bootstrap-timepicker-widget.timepicker-orient-left:before{left:6px}.bootstrap-timepicker-widget.timepicker-orient-left:after{left:7px}.bootstrap-timepicker-widget.timepicker-orient-right:before{right:6px}.bootstrap-timepicker-widget.timepicker-orient-right:after{right:7px}.bootstrap-timepicker-widget.timepicker-orient-top:before{top:-7px}.bootstrap-timepicker-widget.timepicker-orient-top:after{top:-6px}.bootstrap-timepicker-widget.timepicker-orient-bottom:before{bottom:-7px;border-bottom:0;border-top:7px solid #999}.bootstrap-timepicker-widget.timepicker-orient-bottom:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.bootstrap-timepicker-widget a.btn,.bootstrap-timepicker-widget input{border-radius:4px}.bootstrap-timepicker-widget table{width:100%;margin:0}.bootstrap-timepicker-widget table td{text-align:center;height:30px;margin:0;padding:2px}.bootstrap-timepicker-widget table td:not(.separator){min-width:30px}.bootstrap-timepicker-widget table td span{width:100%}.bootstrap-timepicker-widget table td a{border:1px transparent solid;width:100%;display:inline-block;margin:0;padding:8px 0;outline:0;color:#333}.bootstrap-timepicker-widget table td a:hover{text-decoration:none;background-color:#eee;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border-color:#ddd}.bootstrap-timepicker-widget table td a i{margin-top:2px;font-size:18px}.bootstrap-timepicker-widget table td input{width:25px;margin:0;text-align:center}.bootstrap-timepicker-widget .modal-content{padding:4px}@media (min-width:767px){.bootstrap-timepicker-widget.modal{width:200px;margin-left:-100px}}@media (max-width:767px){.bootstrap-timepicker,.bootstrap-timepicker .dropdown-menu{width:100%}}.bv-form .help-block{margin-bottom:0}.bv-form .tooltip-inner{text-align:left}.nav-tabs li.bv-tab-success>a{color:#3c763d}.nav-tabs li.bv-tab-error>a{color:#a94442}[class^=col-]>.form-control+.form-control-feedback{right:13px}.has-feedback.has-success .radio-inline+.form-control-feedback{display:none!important}#buttonGroupForm .btn-group .form-control-feedback{top:0;right:-30px}#productForm .inputGroupContainer .form-control-feedback,#productForm .selectContainer .form-control-feedback{top:0;right:-15px}span.css-emoticon{font-family:"Trebuchet MS";font-size:.8em;font-weight:700;color:#000;display:inline-block;overflow:hidden;vertical-align:middle;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);width:1.54em;height:1.54em;text-align:center;padding:0;line-height:1.34em;-moz-border-radius:1.54em;-webkit-border-radius:1.54em;border-radius:1.54em;-moz-box-shadow:1px -1px 2px rgba(0,0,0,.2);-webkit-box-shadow:1px -1px 2px rgba(0,0,0,.2);box-shadow:1px -1px 2px rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.25);background-color:#fc0;background-image:-webkit-gradient(linear,right top,left top,color-stop(0.41,#ffb800),color-stop(0.56,#fd5),color-stop(1,#fea));background-image:-moz-linear-gradient(center right,#ffb800 41%,#fd5 56%,#fea 100%);-webkit-transition-property:color,background,transform;-webkit-transition-duration:1s,1s;-webkit-transition-timing-function:linear,ease-in;margin-top:-.4em}span.css-emoticon.spaced-emoticon{padding-left:.2em;width:1.34em}@media screen and (-webkit-min-device-pixel-ratio:0){span.css-emoticon.spaced-emoticon{width:1.4em}}span.css-emoticon.small-emoticon{font-size:.7em;width:1.82em;height:1.82em;line-height:1.72em;-moz-border-radius:1.82em;-webkit-border-radius:1.82em;border-radius:1.82em}span.css-emoticon.small-emoticon.spaced-emoticon{padding-left:0;width:1.82em;letter-spacing:.1em}span.css-emoticon.red-emoticon{background-color:#eb0542;background-image:-webkit-gradient(linear,right top,left top,color-stop(0.41,#ff7c7c),color-stop(0.56,#e79494),color-stop(1,#e78ba5));background-image:-moz-linear-gradient(center right,#ff7c7c 41%,#e79494 56%,#e78ba5 100%)}span.css-emoticon.pink-emoticon{background-color:#ff8fd4;background-image:-webkit-gradient(linear,right top,left top,color-stop(0.41,#ff8fd4),color-stop(0.56,#ff99d8),color-stop(1,#ffade1));background-image:-moz-linear-gradient(center right,#ff8fd4 41%,#ff99d8 56%,#ffade1 100%)}span.css-emoticon.no-rotate{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-moz-box-shadow:1px 1px 2px rgba(0,0,0,.5);-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:1px 1px 2px rgba(0,0,0,.5);font-size:.45em;width:2.2em;height:2.2em;line-height:1.9em;-moz-border-radius:2.2em;-webkit-border-radius:2.2em;border-radius:2.2em;background-image:-webkit-gradient(linear,right bottom,right top,color-stop(0.41,#fc0),color-stop(0.56,#fd5),color-stop(1,#fea));background-image:-moz-linear-gradient(center bottom,#fc0 41%,#fd5 56%,#fea 100%)}span.css-emoticon.no-rotate.red-emoticon{background-image:-webkit-gradient(linear,right bottom,right top,color-stop(0.41,#eb0542),color-stop(0.56,#eb265a),color-stop(1,#fa376e));background-image:-moz-linear-gradient(center bottom,#eb0542 41%,#eb265a 56%,#fa376e 100%)}span.css-emoticon.no-rotate.pink-emoticon{background-image:-webkit-gradient(linear,right bottom,right top,color-stop(0.41,#ff8fd4),color-stop(0.56,#ff99d8),color-stop(1,#ffade1));background-image:-moz-linear-gradient(center bottom,#ff8fd4 41%,#ff99d8 56%,#ffade1 100%)}span.css-emoticon.counter-rotated{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-moz-box-shadow:-1px 1px 2px rgba(0,0,0,.5);-webkit-box-shadow:-1px 1px 2px rgba(0,0,0,.5);box-shadow:-1px 1px 2px rgba(0,0,0,.5);background-image:-webkit-gradient(linear,left top,right top,color-stop(0.41,#fc0),color-stop(0.56,#fd5),color-stop(1,#fea));background-image:-moz-linear-gradient(center left,#fc0 41%,#fd5 56%,#fea 100%)}span.css-emoticon.counter-rotated.red-emoticon{background-image:-webkit-gradient(linear,left top,right top,color-stop(0.41,#eb0542),color-stop(0.56,#eb265a),color-stop(1,#fa376e));background-image:-moz-linear-gradient(center left,#eb0542 41%,#eb265a 56%,#fa376e 100%)}span.css-emoticon.counter-rotated.pink-emoticon{background-image:-webkit-gradient(linear,left top,right top,color-stop(0.41,#ff8fd4),color-stop(0.56,#ff99d8),color-stop(1,#ffade1));background-image:-moz-linear-gradient(center left,#ff8fd4 41%,#ff99d8 56%,#ffade1 100%)}span.css-emoticon.animated-emoticon:hover,span.css-emoticon.un-transformed-emoticon{letter-spacing:inherit;color:inherit;overflow:visible;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);background:0 0;background-image:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;border-color:transparent}span.css-emoticon.nintendo-controller{font-size:.8em;height:1.2em;line-height:1em;width:2.7em;vertical-align:bottom;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;background:-webkit-gradient(linear,left bottom,left top,color-stop(0.09,#74798c),color-stop(0.55,#a5aabd));background:-moz-linear-gradient(center bottom,#74798c 9%,#a5aabd 55%)}/*! * ClockPicker v{package.version} for Bootstrap (http://weareoutman.github.io/clockpicker/) * Copyright 2014 Wang Shenwei. * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/master/LICENSE) */.clockpicker .input-group-addon{cursor:pointer}.clockpicker-moving{cursor:move}.clockpicker-align-left.popover>.arrow{left:25px}.clockpicker-align-top.popover>.arrow{top:17px}.clockpicker-align-right.popover>.arrow{left:auto;right:25px}.clockpicker-align-bottom.popover>.arrow{top:auto;bottom:6px}.clockpicker-popover .popover-title{background-color:#fff;color:#999;font-size:24px;font-weight:700;line-height:30px;text-align:center}.clockpicker-popover .popover-title span{cursor:pointer}.clockpicker-popover .popover-content{background-color:#f8f8f8;padding:12px}.popover-content:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.clockpicker-plate{background-color:#fff;border:1px solid #ccc;border-radius:50%;width:200px;height:200px;overflow:visible;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.clockpicker-canvas,.clockpicker-dial{width:200px;height:200px;position:absolute;left:-1px;top:-1px}.clockpicker-minutes{visibility:hidden}.clockpicker-tick{border-radius:50%;color:#666;line-height:26px;text-align:center;width:26px;height:26px;position:absolute;cursor:pointer}.clockpicker-tick.active,.clockpicker-tick:hover{background-color:#c0e5f7;background-color:rgba(0,149,221,.25)}.clockpicker-button{background-image:none;background-color:#fff;border-width:1px 0 0;border-top-left-radius:0;border-top-right-radius:0;margin:0;padding:10px 0}.clockpicker-button:hover{background-image:none;background-color:#ebebeb}.clockpicker-button:focus{outline:0!important}.clockpicker-dial{-webkit-transition:-webkit-transform 350ms,opacity 350ms;-moz-transition:-moz-transform 350ms,opacity 350ms;-ms-transition:-ms-transform 350ms,opacity 350ms;-o-transition:-o-transform 350ms,opacity 350ms;transition:transform 350ms,opacity 350ms}.clockpicker-dial-out{opacity:0}.clockpicker-hours.clockpicker-dial-out{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}.clockpicker-minutes.clockpicker-dial-out{-webkit-transform:scale(0.8,.8);-moz-transform:scale(0.8,.8);-ms-transform:scale(0.8,.8);-o-transform:scale(0.8,.8);transform:scale(0.8,.8)}.clockpicker-canvas{-webkit-transition:opacity 175ms;-moz-transition:opacity 175ms;-ms-transition:opacity 175ms;-o-transition:opacity 175ms;transition:opacity 175ms}.clockpicker-canvas-out{opacity:.25}.clockpicker-canvas-bearing,.clockpicker-canvas-fg{stroke:none;fill:#0095dd}.clockpicker-canvas-bg{stroke:none;fill:#c0e5f7}.clockpicker-canvas-bg-trans{fill:rgba(0,149,221,.25)}.clockpicker-canvas line{stroke:#0095dd;stroke-width:1;stroke-linecap:round}/*! * Colorpicker for Bootstrap * * Copyright 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */.colorpicker-saturation{width:100px;height:100px;background-image:url(../img/saturation.png);cursor:crosshair;float:left}.colorpicker-saturation i{display:block;height:5px;width:5px;border:1px solid #000;position:absolute;top:0;left:0;margin:-4px 0 0 -4px}.colorpicker-saturation i b{display:block;height:5px;width:5px;border:1px solid #fff}.colorpicker-alpha,.colorpicker-hue{width:15px;height:100px;float:left;cursor:row-resize;margin-left:4px;margin-bottom:4px}.colorpicker-alpha i,.colorpicker-hue i{display:block;height:1px;background:#000;border-top:1px solid #fff;position:absolute;top:0;left:0;width:100%;margin-top:-1px}.colorpicker-hue{background-image:url(../img/hue.png)}.colorpicker-alpha{background-image:url(../img/alpha.png);display:none}.colorpicker{zoom:1;top:0;left:0;padding:4px;min-width:120px;margin-top:1px;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.colorpicker:after{clear:both}.colorpicker: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,.2);position:absolute;top:-7px;left:6px}.colorpicker: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:7px}.colorpicker div{position:relative}.colorpicker.alpha{min-width:140px}.colorpicker.alpha .colorpicker-alpha{display:block}.colorpicker-color{height:10px;margin-top:5px;clear:both;background-image:url(../img/alpha.png);background-position:0 100%}.colorpicker-color div{height:10px}.input-append.color .add-on i,.input-prepend.color .add-on i{display:block;cursor:pointer;width:16px;height:16px}div.dataTables_length label{font-weight:400;float:left;text-align:left}div.dataTables_length select{width:75px}div.dataTables_filter label{font-weight:400;float:right}div.dataTables_filter input{width:16em}div.dataTables_paginate{float:right;margin:0}div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}table.dataTable{clear:both;margin-top:6px!important;margin-bottom:6px!important;max-width:none!important}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_desc_disabled{cursor:pointer}table.dataTable thead>tr>th{padding-right:18px}table.dataTable th:active{outline:0}div.dataTables_scrollHead table{margin-bottom:0!important;border-bottom-left-radius:0;border-bottom-right-radius:0}div.dataTables_scrollHead table thead tr:last-child td:first-child,div.dataTables_scrollHead table thead tr:last-child th:first-child{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}div.dataTables_scrollBody table{border-top:none;margin-top:0!important;margin-bottom:0!important}div.dataTables_scrollBody tbody tr:first-child td,div.dataTables_scrollBody tbody tr:first-child th{border-top:none}div.dataTables_scrollFoot table{margin-top:0!important;border-top:none}table.table-bordered.dataTable{border-collapse:separate!important}table.table-bordered thead td,table.table-bordered thead th{border-left-width:0;border-top-width:0}table.table-bordered tbody td,table.table-bordered tbody th{border-left-width:0;border-bottom-width:0}table.table-bordered td:last-child,table.table-bordered th:last-child{border-right-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.DTTT .btn{color:#333!important;font-size:12px}div.DTTT .btn:hover{text-decoration:none!important}ul.DTTT_dropdown.dropdown-menu{z-index:2003}ul.DTTT_dropdown.dropdown-menu a{color:#333!important}ul.DTTT_dropdown.dropdown-menu li{position:relative}ul.DTTT_dropdown.dropdown-menu li:hover a{background-color:#08c;color:#fff!important}div.DTTT_print_info.modal{height:150px;margin-top:-75px;text-align:center}div.DTTT_print_info h6{font-weight:400;font-size:28px;line-height:28px;margin:1em}div.DTTT_print_info p{font-size:14px;line-height:20px}div.DTFC_LeftFootWrapper table,div.DTFC_LeftHeadWrapper table,div.DTFC_RightFootWrapper table,div.DTFC_RightHeadWrapper table,table.DTFC_Cloned tr.even{background-color:#fff;margin-bottom:0}div.DTFC_LeftHeadWrapper table,div.DTFC_RightHeadWrapper table{margin-bottom:0!important;border-top-right-radius:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child,div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}div.DTFC_LeftBodyWrapper table,div.DTFC_RightBodyWrapper table{border-top:none;margin:0!important}div.DTFC_LeftBodyWrapper tbody tr:first-child td,div.DTFC_LeftBodyWrapper tbody tr:first-child th,div.DTFC_LeftFootWrapper table,div.DTFC_RightBodyWrapper tbody tr:first-child td,div.DTFC_RightBodyWrapper tbody tr:first-child th,div.DTFC_RightFootWrapper table{border-top:none}div.FixedHeader_Cloned table{margin:0!important}table.DTCR_clonedTable{background-color:rgba(255,255,255,.7);z-index:202}div.DTCR_pointer{width:1px;background-color:#0259C4;z-index:201}div.ColVis{float:right}button.ColVis_Button,ul.ColVis_collection li{position:relative;float:left;margin-right:3px;padding:5px 8px;border:1px solid #999;cursor:pointer;*cursor:hand;font-size:.88em;color:#000!important;white-space:nowrap;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:1px 1px 3px #ccc;-moz-box-shadow:1px 1px 3px #ccc;-ms-box-shadow:1px 1px 3px #ccc;-o-box-shadow:1px 1px 3px #ccc;box-shadow:1px 1px 3px #ccc;background:#fff;background:-webkit-linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%);background:-moz-linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%);background:-ms-linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%);background:-o-linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%);background:linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0)}.ColVis_Button:hover,ul.ColVis_collection li:hover{border:1px solid #666;text-decoration:none!important;-webkit-box-shadow:1px 1px 3px #999;-moz-box-shadow:1px 1px 3px #999;-ms-box-shadow:1px 1px 3px #999;-o-box-shadow:1px 1px 3px #999;box-shadow:1px 1px 3px #999;background:#f3f3f3;background:-webkit-linear-gradient(top,#f3f3f3 0,#e2e2e2 89%,#f4f4f4 100%);background:-moz-linear-gradient(top,#f3f3f3 0,#e2e2e2 89%,#f4f4f4 100%);background:-ms-linear-gradient(top,#f3f3f3 0,#e2e2e2 89%,#f4f4f4 100%);background:-o-linear-gradient(top,#f3f3f3 0,#e2e2e2 89%,#f4f4f4 100%);background:linear-gradient(top,#f3f3f3 0,#e2e2e2 89%,#f4f4f4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4', GradientType=0)}button.ColVis_Button{height:30px;padding:3px 8px}button.ColVis_Button::-moz-focus-inner{border:none!important;padding:0}button.ColVis_Button:active{outline:0}div.ColVis_collectionBackground{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#000;z-index:1100}ul.ColVis_collection{padding:8px 8px 4px;margin:0;border:1px solid #ccc;border:1px solid rgba(0,0,0,.4);background-color:#f3f3f3;background-color:rgba(255,255,255,.3);overflow:hidden;z-index:2002;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:3px 3px 5px rgba(0,0,0,.3);-moz-box-shadow:3px 3px 5px rgba(0,0,0,.3);-ms-box-shadow:3px 3px 5px rgba(0,0,0,.3);-o-box-shadow:3px 3px 5px rgba(0,0,0,.3);box-shadow:3px 3px 5px rgba(0,0,0,.3)}ul.ColVis_collection li{position:relative;height:auto;left:0;right:0;padding:.5em;display:block;float:none;margin-bottom:4px;-webkit-box-shadow:1px 1px 3px #999;-moz-box-shadow:1px 1px 3px #999;-ms-box-shadow:1px 1px 3px #999;-o-box-shadow:1px 1px 3px #999;box-shadow:1px 1px 3px #999;text-align:left}ul.ColVis_collection li.ColVis_Button:hover{border:1px solid #999;background-color:#f0f0f0}ul.ColVis_collection li span{display:inline-block;padding-left:.5em;cursor:pointer}ul.ColVis_collection li.ColVis_Special{border-color:#555;background:#ededed;background:-webkit-linear-gradient(top,#ededed 0,#d6d6d6 77%,#e8e8e8 100%);background:-moz-linear-gradient(top,#ededed 0,#d6d6d6 77%,#e8e8e8 100%);background:-ms-linear-gradient(top,#ededed 0,#d6d6d6 77%,#e8e8e8 100%);background:-o-linear-gradient(top,#ededed 0,#d6d6d6 77%,#e8e8e8 100%);background:linear-gradient(to bottom,#ededed 0,#d6d6d6 77%,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#e8e8e8', GradientType=0)}ul.ColVis_collection li.ColVis_Special:hover{background:#e2e2e2;background:-webkit-linear-gradient(top,#d0d0d0 0,#d5d5d5 89%,#e2e2e2 100%);background:-moz-linear-gradient(top,#d0d0d0 0,#d5d5d5 89%,#e2e2e2 100%);background:-ms-linear-gradient(top,#d0d0d0 0,#d5d5d5 89%,#e2e2e2 100%);background:-o-linear-gradient(top,#d0d0d0 0,#d5d5d5 89%,#e2e2e2 100%);background:linear-gradient(top,#d0d0d0 0,#d5d5d5 89%,#e2e2e2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#e2e2e2', GradientType=0)}span.ColVis_radio{display:inline-block;width:20px}div.ColVis_catcher{position:absolute;z-index:1101}.disabled{color:#999}div.DTTT_container{position:relative;float:right;margin-bottom:1em}@media screen and (max-width:640px){div.DTTT_container{float:none!important;text-align:center}div.DTTT_container:after{visibility:hidden;display:block;content:"";clear:both;height:0}}a.DTTT_button,button.DTTT_button,div.DTTT_button{position:relative;display:inline-block;margin-right:3px;padding:5px 8px;border:1px solid #999;cursor:pointer;*cursor:hand;font-size:.88em;color:#000!important;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:1px 1px 3px #ccc;-moz-box-shadow:1px 1px 3px #ccc;-ms-box-shadow:1px 1px 3px #ccc;-o-box-shadow:1px 1px 3px #ccc;box-shadow:1px 1px 3px #ccc;background:#fff;background:-webkit-linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%);background:-moz-linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%);background:-ms-linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%);background:-o-linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%);background:linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0)}button.DTTT_button{height:30px;padding:3px 8px}.DTTT_button embed{outline:0}a.DTTT_button:hover,button.DTTT_button:hover,div.DTTT_button:hover{border:1px solid #666;text-decoration:none!important;-webkit-box-shadow:1px 1px 3px #999;-moz-box-shadow:1px 1px 3px #999;-ms-box-shadow:1px 1px 3px #999;-o-box-shadow:1px 1px 3px #999;box-shadow:1px 1px 3px #999;background:#f3f3f3;background:-webkit-linear-gradient(top,#f3f3f3 0,#e2e2e2 89%,#f4f4f4 100%);background:-moz-linear-gradient(top,#f3f3f3 0,#e2e2e2 89%,#f4f4f4 100%);background:-ms-linear-gradient(top,#f3f3f3 0,#e2e2e2 89%,#f4f4f4 100%);background:-o-linear-gradient(top,#f3f3f3 0,#e2e2e2 89%,#f4f4f4 100%);background:linear-gradient(top,#f3f3f3 0,#e2e2e2 89%,#f4f4f4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4', GradientType=0)}a.DTTT_disabled,button.DTTT_disabled,div.DTTT_disabled{color:#999;border:1px solid #d0d0d0;background:#fff;background:-webkit-linear-gradient(top,#fff 0,#f9f9f9 89%,#fafafa 100%);background:-moz-linear-gradient(top,#fff 0,#f9f9f9 89%,#fafafa 100%);background:-ms-linear-gradient(top,#fff 0,#f9f9f9 89%,#fafafa 100%);background:-o-linear-gradient(top,#fff 0,#f9f9f9 89%,#fafafa 100%);background:linear-gradient(top,#fff 0,#f9f9f9 89%,#fafafa 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0)}button.DTTT_button_collection span{padding-right:17px}button.DTTT_button_collection:hover span{padding-right:17px;background:#f0f0f0}table.DTTT_selectable tbody tr{cursor:pointer;*cursor:hand}table.dataTable tr.DTTT_selected.odd,table.dataTable tr.DTTT_selected.odd td.sorting_1,table.dataTable tr.DTTT_selected.odd td.sorting_2,table.dataTable tr.DTTT_selected.odd td.sorting_3{background-color:#9FAFD1}table.dataTable tr.DTTT_selected.even,table.dataTable tr.DTTT_selected.even td.sorting_1,table.dataTable tr.DTTT_selected.even td.sorting_2,table.dataTable tr.DTTT_selected.even td.sorting_3{background-color:#B0BED9}div.DTTT_collection{width:150px;padding:8px 8px 4px;border:1px solid #ccc;border:1px solid rgba(0,0,0,.4);background-color:#f3f3f3;background-color:rgba(255,255,255,.3);overflow:hidden;z-index:2002;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:3px 3px 5px rgba(0,0,0,.3);-moz-box-shadow:3px 3px 5px rgba(0,0,0,.3);-ms-box-shadow:3px 3px 5px rgba(0,0,0,.3);-o-box-shadow:3px 3px 5px rgba(0,0,0,.3);box-shadow:3px 3px 5px rgba(0,0,0,.3)}div.DTTT_collection_background{z-index:2001}div.DTTT_collection a.DTTT_button,div.DTTT_collection button.DTTT_button,div.DTTT_collection div.DTTT_button{position:relative;left:0;right:0;display:block;float:none;margin-bottom:4px;-webkit-box-shadow:1px 1px 3px #999;-moz-box-shadow:1px 1px 3px #999;-ms-box-shadow:1px 1px 3px #999;-o-box-shadow:1px 1px 3px #999;box-shadow:1px 1px 3px #999}.DTTT_print_info{position:fixed;top:50%;left:50%;width:400px;height:150px;margin-left:-200px;margin-top:-75px;text-align:center;color:#333;padding:10px 30px;background:#fff;background:-webkit-linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%);background:-moz-linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%);background:-ms-linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%);background:-o-linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%);background:linear-gradient(top,#fff 0,#f3f3f3 89%,#f9f9f9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);opacity:.95;border:1px solid #000;border:1px solid rgba(0,0,0,.5);-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0,0,0,.5);-moz-box-shadow:0 3px 7px rgba(0,0,0,.5);-ms-box-shadow:0 3px 7px rgba(0,0,0,.5);-o-box-shadow:0 3px 7px rgba(0,0,0,.5);box-shadow:0 3px 7px rgba(0,0,0,.5)}.DTTT_print_info h6{font-weight:400;font-size:28px;line-height:28px;margin:1em}.DTTT_print_info p{font-size:14px;line-height:20px}table.has-columns-hidden>tbody>tr>td>span.responsiveExpander{background:url(../img/plus.png) no-repeat 5px center;padding-left:32px;cursor:pointer}table.has-columns-hidden>tbody>tr.detail-show>td span.responsiveExpander{background:url(../img/minus.png) no-repeat 5px center}table.has-columns-hidden>tbody>tr.row-detail>td{background:#eee}table.has-columns-hidden>tbody>tr.row-detail>td>ul{list-style:none;margin:0;padding:0}table.has-columns-hidden>tbody>tr.row-detail>td>ul>li>span.columnTitle{font-weight:700}.dt-toolbar{display:block;position:relative;padding:6px 7px 1px;width:100%;float:left;border-bottom:1px solid #ccc;background:#fafafa}.dt-toolbar-footer{background:#fafafa;font-size:11px;overflow:hidden;padding:5px 10px;border-top:1px solid #ccc;-webkit-box-shadow:inset 0 1px #fff;-moz-box-shadow:inset 0 1px #fff;-ms-box-shadow:inset 0 1px #fff;box-shadow:inset 0 1px #fff}.dt-toolbar-footer>:first-child,.dt-toolbar>:first-child{padding-left:0!important}.dt-toolbar-footer>:last-child,.dt-toolbar>:last-child{padding-right:0!important}table.dataTable thead .sorting{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAgMAAAAPPt5fAAAACVBMVEUAAADIyMjl5eVIBBP/AAAAAXRSTlMAQObYZgAAAClJREFUCNdjwAYEwGQKiGDsBJFsTA5AUoJhAqZaiDhEDVg9RC/MHEwAANsMA91AQfd/AAAAAElFTkSuQmCC) no-repeat center right}table.dataTable thead .sorting_asc{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABVVVUT3Vn+AAAAAXRSTlMAQObYZgAAAB1JREFUCNdjwAkcgPgBAwPjBwYG5h8MDOx/GAgBAKRJBBCQbHkwAAAAAElFTkSuQmCC) no-repeat center right}table.dataTable thead .sorting_desc{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABVVVUT3Vn+AAAAAXRSTlMAQObYZgAAABxJREFUCNdjIATY/zAwMP9gYGD8AOQ8AGIHnEoBkNkEEEbbutQAAAAASUVORK5CYII=) no-repeat center right}table.dataTable thead .sorting_asc_disabled{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABUVFR8AzIeAAAAAnRSTlMAf7YpoZUAAAAdSURBVAjXY8AJHID4AQMD4wcGBuYfDAzsfxgIAQCkSQQQkGx5MAAAAABJRU5ErkJggg==) no-repeat center right}table.dataTable thead .sorting_desc_disabled{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABUVFR8AzIeAAAAAnRSTlMAf7YpoZUAAAAcSURBVAjXYyAE2P8wMDD/YGBg/ADkPABiB5xKAZDZBBBG27rUAAAAAElFTkSuQmCC) no-repeat center right}table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc{background-color:#eee}.dataTables_empty{padding:20px 10px!important;font-size:14px;text-align:center;color:#575757}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px 10px}table.dataTable tfoot>tr>th,table.dataTable thead>tr>th{padding-left:9px!important}table.dataTable tfoot>tr>th input,table.dataTable thead>tr>th input{width:100%!important;font-weight:400}table.dataTable thead>tr>th.hasinput{padding:6px!important}div.dataTables_info{padding-top:9px;font-size:13px;font-weight:700;font-style:italic;color:#969696}.dataTable thead>tr>th{border-left:none!important}.dataTable input[type=checkbox].checkbox,.dataTable input[type=radio].radiobox{left:-999px}table.dataTable thead>tr>th.sorting_disabled{padding-right:9px!important}.dataTables_filter{float:left;width:100%}.dataTables_filter .input-group-addon{width:32px;margin-top:0;float:left;height:32px;padding-top:8px}.dataTables_filter .input-group-addon+.form-control{float:left}.dt-toolbar>:first-child .DTTT,.dt-toolbar>:first-child .dataTables_filter>:only-child,.dt-toolbar>:first-child .dataTables_length,.dt-toolbar>:first-child .pagination{float:left!important}.dt-toolbar>:last-child .DTTT,.dt-toolbar>:last-child .dataTables_filter>:only-child,.dt-toolbar>:last-child .dataTables_length,.dt-toolbar>:last-child .pagination{float:right}.dt-toolbar-footer>:first-child .DTTT,.dt-toolbar-footer>:first-child .dataTables_filter>:only-child,.dt-toolbar-footer>:first-child .dataTables_length,.dt-toolbar-footer>:first-child .pagination{float:left}.dt-toolbar-footer>:last-child .DTTT,.dt-toolbar-footer>:last-child .dataTables_filter>:only-child,.dt-toolbar-footer>:last-child .dataTables_length,.dt-toolbar-footer>:last-child .pagination{float:right}body.DTTT_Print{background:#fff!important}.DTTT_Print #main{margin:0!important}.DTTT_PrintMessage{font-size:20px;display:block;width:100%;text-align:center;padding-top:10px;font-weight:700}.DTTT_Print table.dataTable{margin-top:0!important}.DTTT_Print .dataTables_wrapper table{border:1px solid #C7C7C7!important}div.ColVis{margin-bottom:0!important}ul.ColVis_collection{width:127px}ul.ColVis_collection li span{vertical-align:3px}ul.ColVis_collection li label{margin-bottom:0!important}.dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(25%,rgba(255,255,255,.9)),color-stop(75%,rgba(255,255,255,.9)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.9)25%,rgba(255,255,255,.9)75%,rgba(255,255,255,0)100%);background:-moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.9)25%,rgba(255,255,255,.9)75%,rgba(255,255,255,0)100%);background:-ms-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.9)25%,rgba(255,255,255,.9)75%,rgba(255,255,255,0)100%);background:-o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.9)25%,rgba(255,255,255,.9)75%,rgba(255,255,255,0)100%);background:linear-gradient(to right,rgba(255,255,255,0)0,rgba(255,255,255,.9)25%,rgba(255,255,255,.9)75%,rgba(255,255,255,0)100%)}.dataTable tbody .details-control{vertical-align:middle;text-align:center;cursor:pointer}.dataTable tbody .details-control:before{font-family:'Font Awesome 6 Pro';content:"\f055";font-size:1.4em;color:#739e73}.dataTable tbody .shown .details-control:before{content:"\f056";color:#a90329}.dataTable tbody .shown+tr>td{padding:0!important}.dataTable tbody .shown{background:rgba(205,209,98,.2)!important}.dataTable tbody .shown>td{background:none!important}.dataTable tbody .shown+tr>td>table>tbody>tr:last-child{border-bottom:1px solid #c2c2c2}.dataTable tbody .shown+tr>td>table tbody tr{background-color:rgba(205,209,98,.05)!important}.dataTable tbody .shown .table>tbody>tr>td{border:none!important}.table-bordered .progress{background:#fff!important;-webkit-box-shadow:0 1px 0 transparent,0 0 0 1px #D6D6D6 inset;-moz-box-shadow:0 1px 0 transparent,0 0 0 1px #D6D6D6 inset;box-shadow:0 1px 0 transparent,0 0 0 1px #D6D6D6 inset}.dataTables_scroll .dataTables_scrollBody,.dataTables_scroll .dataTables_scrollHead,.dataTables_scroll+.dt-toolbar-footer{float:left}.dataTables_scroll+.dt-toolbar-footer{width:100%}.dataTables_scroll .dataTables_scrollHeadInner{margin-top:-6px}.dataTables_scroll .dataTables_scrollHead{background:#f4f4f4}.dropzone.dz-drag-hover{border:5px dashed #ccc}.dropzone{min-height:360px;-webkit-border-radius:3px;border-radius:3px}.dropzone .dz-default.dz-message{opacity:1;-ms-filter:none;filter:none;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;background-repeat:no-repeat;background-position:0 0;position:absolute;width:428px;height:123px;margin-left:-214px;margin-top:-61.5px;top:50%;left:50%}.dropzone.dz-square .dz-default.dz-message{background-position:0 -123px;width:268px;margin-left:-134px;height:174px;margin-top:-87px}.dropzone.dz-drag-hover .dz-message{opacity:.15;-ms-filter:"alpha(Opacity=15)";filter:alpha(opacity=15)}.dropzone.dz-started .dz-message{opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0)}.dropzone .dz-preview,.dropzone-previews .dz-preview{-webkit-box-shadow:1px 1px 4px rgba(0,0,0,.16);box-shadow:1px 1px 4px rgba(0,0,0,.16);font-size:14px}.dropzone .dz-preview.dz-image-preview:hover .dz-details img,.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img{display:block;opacity:.1;-ms-filter:"alpha(Opacity=10)";filter:alpha(opacity=10)}.dropzone .dz-preview.dz-error .dz-error-mark,.dropzone .dz-preview.dz-success .dz-success-mark,.dropzone-previews .dz-preview.dz-error .dz-error-mark,.dropzone-previews .dz-preview.dz-success .dz-success-mark{opacity:1;-ms-filter:none;filter:none}.dropzone .dz-preview.dz-error .dz-progress .dz-upload,.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload{background:#ee1e2d}.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark,.dropzone-previews .dz-preview .dz-error-mark,.dropzone-previews .dz-preview .dz-success-mark{opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;-ms-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out;background-image:url(../img/dropzone/spritemap.png);background-repeat:no-repeat}.dropzone .dz-preview .dz-error-mark span,.dropzone .dz-preview .dz-success-mark span,.dropzone-previews .dz-preview .dz-error-mark span,.dropzone-previews .dz-preview .dz-success-mark span{display:none}.dropzone .dz-preview .dz-error-mark,.dropzone-previews .dz-preview .dz-error-mark{background-position:-268px -123px}.dropzone .dz-preview .dz-success-mark,.dropzone-previews .dz-preview .dz-success-mark{background-position:-268px -163px}.dropzone .dz-preview .dz-progress .dz-upload,.dropzone-previews .dz-preview .dz-progress .dz-upload{-webkit-animation:loading .4s linear infinite;-moz-animation:loading .4s linear infinite;-o-animation:loading .4s linear infinite;-ms-animation:loading .4s linear infinite;animation:loading .4s linear infinite;-webkit-transition:width .3s ease-in-out;-moz-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;-ms-transition:width .3s ease-in-out;transition:width .3s ease-in-out;-webkit-border-radius:2px;border-radius:2px;height:100%;background-image:url(../img/dropzone/spritemap.png);background-repeat:repeat-x;background-position:0 -400px}.dropzone .dz-preview.dz-success .dz-progress,.dropzone-previews .dz-preview.dz-success .dz-progress{display:block;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;-ms-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}.dropzone .dz-preview .dz-error-message,.dropzone-previews .dz-preview .dz-error-message{opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.dropzone .dz-preview:hover.dz-error .dz-error-message,.dropzone-previews .dz-preview:hover.dz-error .dz-error-message{opacity:1;-ms-filter:none;filter:none}.dropzone a.dz-remove,.dropzone-previews a.dz-remove{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#3883c5),color-stop(1,#4a90cc));background-image:-webkit-linear-gradient(top,#3883c5 0,#4a90cc 100%);background-image:-moz-linear-gradient(top,#3883c5 0,#4a90cc 100%);background-image:-o-linear-gradient(top,#3883c5 0,#4a90cc 100%);background-image:-ms-linear-gradient(top,#3883c5 0,#4a90cc 100%);background-image:linear-gradient(top,#3883c5 0,#4a90cc 100%);-webkit-border-radius:2px;border-radius:2px;border:1px solid #3276b1;text-decoration:none;display:block;padding:4px 5px;text-align:center;color:#fff;margin-top:26px}.dropzone a.dz-remove:hover,.dropzone-previews a.dz-remove:hover{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#357ebd),color-stop(1,#3e88c9));background-image:-webkit-linear-gradient(top,#357ebd 0,#3e88c9 100%);background-image:-moz-linear-gradient(top,#357ebd 0,#3e88c9 100%);background-image:-o-linear-gradient(top,#357ebd 0,#3e88c9 100%);background-image:-ms-linear-gradient(top,#357ebd 0,#3e88c9 100%);background-image:linear-gradient(top,#357ebd 0,#3e88c9 100%);color:#fff}@-moz-keyframes loading{0%{background-position:0 -400px}100%{background-position:-7px -400px}}@-webkit-keyframes loading{0%{background-position:0 -400px}100%{background-position:-7px -400px}}@-o-keyframes loading{0%{background-position:0 -400px}100%{background-position:-7px -400px}}@-ms-keyframes loading{0%{background-position:0 -400px}100%{background-position:-7px -400px}}@keyframes loading{0%{background-position:0 -400px}100%{background-position:-7px -400px}}.dropzone,.dropzone *,.dropzone-previews,.dropzone-previews *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.dropzone{position:relative;border:1px solid rgba(0,0,0,.08);background:rgba(0,0,0,.02);padding:1em}.dropzone.dz-clickable,.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message span{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone .dz-message{opacity:1;-ms-filter:none;filter:none}.dropzone.dz-drag-hover{border-color:rgba(0,0,0,.15);background:rgba(0,0,0,.04)}.dropzone.dz-started .dz-message{display:none}.dropzone .dz-preview,.dropzone-previews .dz-preview{background:rgba(255,255,255,.8);position:relative;display:inline-block;margin:17px;vertical-align:top;border:1px solid #acacac;padding:6px}.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail]{display:none}.dropzone .dz-preview .dz-details,.dropzone-previews .dz-preview .dz-details{width:100px;height:100px;position:relative;background:#ebebeb;padding:5px;margin-bottom:22px}.dropzone .dz-preview .dz-details .dz-filename,.dropzone-previews .dz-preview .dz-details .dz-filename{overflow:hidden;height:100%}.dropzone .dz-preview .dz-details img,.dropzone-previews .dz-preview .dz-details img{position:absolute;top:0;left:0;width:100px;height:100px}.dropzone .dz-preview .dz-details .dz-size,.dropzone-previews .dz-preview .dz-details .dz-size{position:absolute;bottom:-28px;left:3px;height:28px;line-height:28px}.dropzone .dz-preview.dz-error .dz-error-mark,.dropzone .dz-preview.dz-success .dz-success-mark,.dropzone-previews .dz-preview.dz-error .dz-error-mark,.dropzone-previews .dz-preview.dz-success .dz-success-mark{display:block}.dropzone .dz-preview:hover .dz-details img,.dropzone-previews .dz-preview:hover .dz-details img{display:none}.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark,.dropzone-previews .dz-preview .dz-error-mark,.dropzone-previews .dz-preview .dz-success-mark{display:none;position:absolute;width:40px;height:40px;font-size:30px;text-align:center;right:-10px;top:-10px}.dropzone .dz-preview .dz-success-mark,.dropzone-previews .dz-preview .dz-success-mark{color:#8cc657}.dropzone .dz-preview .dz-error-mark,.dropzone-previews .dz-preview .dz-error-mark{color:#ee162d}.dropzone .dz-preview .dz-progress,.dropzone-previews .dz-preview .dz-progress{position:absolute;top:100px;left:6px;right:6px;height:6px;background:#d7d7d7;display:none}.dropzone .dz-preview .dz-progress .dz-upload,.dropzone-previews .dz-preview .dz-progress .dz-upload{position:absolute;top:0;bottom:0;left:0;width:0;background-color:#8cc657}.dropzone .dz-preview.dz-processing .dz-progress,.dropzone-previews .dz-preview.dz-processing .dz-progress{display:block}.dropzone .dz-preview .dz-error-message,.dropzone-previews .dz-preview .dz-error-message{display:none;position:absolute;top:-5px;left:-20px;background:rgba(245,245,245,.8);padding:8px 10px;color:#800;min-width:140px;max-width:500px;z-index:500}.dropzone .dz-preview:hover.dz-error .dz-error-message,.dropzone-previews .dz-preview:hover.dz-error .dz-error-message{display:block}.easy-pie-title{display:inline-block;margin:10px 6px 0;font-size:12px;font-weight:400;text-transform:uppercase;width:100px;height:19px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.easy-pie-title .icon-color-bad,.easy-pie-title .icon-color-good{font-size:18px}.easy-pie-chart{display:inline-block;position:relative;vertical-align:middle}.easy-pie-chart .percent{color:#444;display:block;font-size:12px;font-weight:700;margin-top:-10px;position:absolute;top:50%;width:100%;text-align:center}.easy-pie-chart .percent .fa{display:none}.degree-sign:after,.percent-sign:after{content:" %";line-height:normal}.fd-form-element-hidden{display:none}.fd-slider{width:100%;height:20px;margin:0}.fd-slider-vertical{width:20px;height:100%;margin:0 10px 10px 0}.fd-slider,.fd-slider-vertical{display:block;position:relative;text-decoration:none;border:0 none;-moz-user-select:none;-khtml-user-select:none;-webkit-touch-callout:none;user-select:none}.fd-slider-inner{display:none}.fd-slider-bar{position:absolute;display:block;z-index:2;height:6px;width:100%;border:1px solid #bbb;border-bottom:1px solid #fff;border-right:1px solid #fff;margin:0;padding:0;overflow:hidden;line-height:4px;top:8px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#333}.fd-slider-range{position:absolute;display:block;z-index:3;height:6px;margin:0;padding:0 2px 0 0;overflow:hidden;top:9px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#eee}.fd-slider-handle{position:absolute;display:block;padding:0;margin:0 0 0 1px;z-index:3;top:5px;left:0;width:12px;height:12px;line-height:1px!important;outline:0 none;background:#eee;border:1px solid #aaa;border-radius:12px;-webkit-user-select:none;-webkit-touch-callout:none;-moz-user-select:none;-moz-user-focus:none;-moz-outline:0 none;user-select:none}.fd-slider-handle:focus{outline:0 none;border:0 none;-moz-user-focus:normal}button.fd-slider-handle:focus::-moz-focus-inner{border-color:transparent}body.fd-slider-drag-horizontal,body.fd-slider-drag-horizontal *,body.fd-slider-drag-vertical,body.fd-slider-drag-vertical *{-moz-user-select:none;-webkit-user-select:none;user-select:none}.fd-slider-handle:after,.fd-slider-handle:before{opacity:0;-moz-transition-property:opacity;-moz-transition-duration:1s;-moz-transition-delay:1s;-webkit-transition-property:opacity;-webkit-transition-duration:1s;-webkit-transition-delay:1s;-o-transition-property:opacity;-o-transition-duration:1s;-o-transition-delay:1s;transition-property:opacity;transition-duration:1s;transition-delay:1s}.fd-slider-active .fd-slider-handle:before,.fd-slider-focused .fd-slider-handle:before,.fd-slider-hover .fd-slider-handle:before{display:block;position:absolute;top:-21px;left:-8px;margin:0;width:20px;padding:3px;height:14px;line-height:12px;text-align:center;font-size:10px;font-weight:700;color:#fff;text-shadow:1px 1px 1px #1a3a95;background:#2f6ee0;z-index:1;content:attr(aria-valuetext);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-box-shadow:0 0 4px #aaa;-webkit-box-shadow:0 0 4px #aaa;box-shadow:0 0 4px #999;opacity:1}.fd-slider-active .fd-slider-handle:after,.fd-slider-focused .fd-slider-handle:after,.fd-slider-hover .fd-slider-handle:after{outline:0;content:"";display:block;position:absolute;top:-9px;left:50%;margin:0 0 0 -5px;background:#2f6ee0;z-index:2;width:10px;height:10px;overflow:hidden;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-moz-box-shadow:0 0 4px #aaa;-webkit-box-shadow:0 0 4px #aaa;box-shadow:0 0 4px #aaa;clip:rect(4px,14px,14px,4px);opacity:1}.oldie .fd-slider-handle:after,.oldie .fd-slider-handle:before{display:none}/*! * FullCalendar v2.0.2 Stylesheet * Docs & License: http://arshaw.com/fullcalendar/ * (c) 2013 Adam Shaw */.fc{direction:ltr;text-align:left}.fc table{border-collapse:collapse;border-spacing:0}.fc table,html .fc{font-size:1em}.fc td,.fc th{padding:0;vertical-align:top}.fc-header td{white-space:nowrap}.fc-header-left{width:25%;text-align:left}.fc-header-center{text-align:center}.fc-header-right{width:25%;text-align:right}.fc-header-title{display:inline-block;vertical-align:top}.fc-header-title h2{margin-top:0;white-space:nowrap}.fc .fc-header-space{padding-left:10px}.fc-header .fc-button{margin-bottom:1em;vertical-align:top;margin-right:-1px}.fc-header .fc-corner-right,.fc-header .ui-corner-right{margin-right:0}.fc-header .fc-state-hover,.fc-header .ui-state-hover{z-index:2}.fc-header .fc-state-down{z-index:3}.fc-header .fc-state-active,.fc-header .ui-state-active{z-index:4}.fc-content{position:relative;z-index:1;clear:both;zoom:1}.fc-view{position:relative;width:100%;overflow:hidden}.fc-widget-content,.fc-widget-header{border:1px solid #ddd}.fc-state-highlight{background:#fcf8e3}.fc-cell-overlay{background:#bce8f1;opacity:.3;filter:alpha(opacity=30)}.fc-button{position:relative;display:inline-block;padding:0 .6em;overflow:hidden;height:1.9em;line-height:1.9em;white-space:nowrap;cursor:pointer}.fc-state-default{border:1px solid}.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.fc-button .fc-icon{margin:0 .1em;font-size:2em;font-family:"Courier New",Courier,monospace;vertical-align:baseline}.fc-icon-left-single-arrow:after{content:"\02039";font-weight:700}.fc-icon-right-single-arrow:after{content:"\0203A";font-weight:700}.fc-icon-left-double-arrow:after{content:"\000AB"}.fc-icon-right-double-arrow:after{content:"\000BB"}.fc-button .ui-icon{position:relative;top:50%;float:left;margin-top:-8px}.fc-state-default{background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1)rgba(0,0,0,.1)rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;outline:0;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none}.fc-event-container>*{z-index:8}.fc-event-container>.ui-draggable-dragging,.fc-event-container>.ui-resizable-resizing{z-index:9}.fc-event{background-color:#3a87ad;color:#fff;font-size:.85em;cursor:default}a.fc-event{text-decoration:none}.fc-event-draggable,a.fc-event{cursor:pointer}.fc-rtl .fc-event{text-align:right}.fc-event-inner{width:100%;height:100%;overflow:hidden}.fc-event-time,.fc-event-title{padding:0 1px}.fc .ui-resizable-handle{display:block;position:absolute;z-index:99999;overflow:hidden;font-size:300%;line-height:50%}.fc-event-hori{border-width:1px 0;margin-bottom:1px}.fc-ltr .fc-event-hori.fc-event-start,.fc-rtl .fc-event-hori.fc-event-end{border-left-width:1px;border-top-left-radius:3px;border-bottom-left-radius:3px}.fc-ltr .fc-event-hori.fc-event-end,.fc-rtl .fc-event-hori.fc-event-start{border-top-right-radius:3px;border-bottom-right-radius:3px}.fc-event-hori .ui-resizable-e{top:0!important;right:-3px!important;width:7px!important;height:100%!important;cursor:e-resize}.fc-event-hori .ui-resizable-w{top:0!important;left:-3px!important;width:7px!important;height:100%!important;cursor:w-resize}.fc-event-hori .ui-resizable-handle{_padding-bottom:14px}table.fc-border-separate{border-collapse:separate}.fc-border-separate td,.fc-border-separate th{border-width:1px 0 0 1px}.fc-border-separate td.fc-last,.fc-border-separate th.fc-last{border-right-width:1px}.fc-border-separate tr.fc-last td,.fc-border-separate tr.fc-last th{border-bottom-width:1px}.fc-border-separate tbody tr.fc-first td,.fc-border-separate tbody tr.fc-first th{border-top-width:0}.fc-grid th{text-align:center}.fc .fc-week-number{width:22px;text-align:center}.fc .fc-week-number div{padding:0 2px}.fc-grid .fc-day-number{float:right;padding:0 2px}.fc-grid .fc-other-month .fc-day-number{opacity:.3;filter:alpha(opacity=30)}.fc-grid .fc-day-content{clear:both;padding:2px 2px 1px}.fc-grid .fc-event-time{font-weight:700}.fc-rtl .fc-grid .fc-day-number{float:left}.fc-rtl .fc-grid .fc-event-time{float:right}.fc-agenda table{border-collapse:separate}.fc-agenda-days th{text-align:center}.fc-agenda .fc-agenda-axis{width:50px;padding:0 4px;vertical-align:middle;text-align:right;font-weight:400}.fc-agenda-slots .fc-agenda-axis{white-space:nowrap}.fc-agenda .fc-week-number{font-weight:700}.fc-agenda .fc-day-content{padding:2px 2px 1px}.fc-agenda-days .fc-agenda-axis{border-right-width:1px}.fc-agenda-days .fc-col0{border-left-width:0}.fc-agenda-allday th{border-width:0 1px}.fc-agenda-allday .fc-day-content{min-height:34px;_height:34px}.fc-agenda-divider-inner{height:2px;overflow:hidden}.fc-widget-header .fc-agenda-divider-inner{background:#eee}.fc-agenda-slots th{border-width:1px 1px 0}.fc-agenda-slots td{border-width:1px 0 0;background:0 0}.fc-agenda-slots td div{height:20px}.fc-agenda-slots tr.fc-slot0 td,.fc-agenda-slots tr.fc-slot0 th{border-top-width:0}.fc-agenda-slots tr.fc-minor td,.fc-agenda-slots tr.fc-minor th{border-top-style:dotted}.fc-agenda-slots tr.fc-minor th.ui-widget-header{*border-top-style:solid}.fc-event-vert{border-width:0 1px}.fc-event-vert.fc-event-start{border-top-width:1px;border-top-left-radius:3px;border-top-right-radius:3px}.fc-event-vert.fc-event-end{border-bottom-width:1px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.fc-event-vert .fc-event-time{white-space:nowrap;font-size:10px}.fc-event-vert .fc-event-inner{position:relative;z-index:2}.fc-event-vert .fc-event-bg{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:#fff;opacity:.25;filter:alpha(opacity=25)}.fc-event-vert .ui-resizable-s{bottom:0!important;width:100%!important;height:8px!important;overflow:hidden!important;line-height:8px!important;font-size:11px!important;font-family:monospace;text-align:center;cursor:s-resize}.fc-agenda .ui-resizable-resizing{_overflow:hidden}.fc-event-title .fa{font-size:14px;margin-top:4px;margin-right:4px}.fc-grid .fc-event-time{display:block}.fc-event{border:none!important;border-right:none;border-left:6px solid rgba(0,0,0,.15)!important;padding-left:2px}.fc-event.fc-event-draggable{cursor:move}.fc-event-vert.fc-event-end,.fc-ltr .fc-event-hori.fc-event-end,.fc-rtl .fc-event-hori.fc-event-start{border-right-width:0;border-radius:0}.fc-event-vert.fc-event-end:active,.fc-ltr .fc-event-hori.fc-event-end:active,.fc-rtl .fc-event-hori.fc-event-start:active{opacity:.8}.irs{position:relative;display:block}.irs-line{position:relative;display:block;overflow:hidden}.irs-line-left,.irs-line-mid,.irs-line-right{position:absolute;display:block;top:0}.irs-line-left{left:0;width:10%}.irs-line-mid{left:10%;width:80%}.irs-line-right{right:0;width:10%}.irs-diapason{position:absolute;display:block;left:0;width:100%}.irs-slider{position:absolute;display:block;cursor:default;z-index:1}.irs-slider.single{left:10px}.irs-slider.single:before{position:absolute;display:block;content:"";top:-50%;left:-150%;width:400%;height:200%;background:rgba(0,0,0,0)}.irs-slider.from{left:100px}.irs-slider.from:before{position:absolute;display:block;content:"";top:-50%;left:-300%;width:400%;height:200%;background:rgba(0,0,0,0)}.irs-slider.to{left:300px}.irs-slider.to:before{position:absolute;display:block;content:"";top:-50%;left:0;width:400%;height:200%;background:rgba(0,0,0,0)}.irs-slider.last{z-index:2}.irs-min{position:absolute;display:block;left:0;cursor:default}.irs-max{position:absolute;display:block;right:0;cursor:default}.irs-from,.irs-single,.irs-to{position:absolute;display:block;top:0;left:0;cursor:default;white-space:nowrap}.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}.irs-with-grid .irs-grid{display:block}.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px}.irs-grid-pol.small{height:4px}.irs-grid-text{position:absolute;bottom:0;left:0;width:100px;white-space:nowrap;text-align:center;font-size:9px;line-height:9px}.irs{height:40px}.irs-with-grid{height:60px}.irs-line{height:8px;top:25px;background:#eee}.irs-line-left,.irs-line-mid,.irs-line-right{height:8px}.irs-diapason{height:8px;top:25px}.irs-slider{width:10px;height:22px;top:17px;border:1px solid #fff;background:#858585}.irs-slider:hover{background:#6c6c6c}#irs-active-slider{background:#686868;box-shadow:rgba(0,0,0,.3)1px 1px 1px 0;width:12px;height:24px;top:16px}.irs-max,.irs-min{color:#999;font-size:12px;line-height:1.333;text-shadow:none;top:0;padding:1px 3px;background:rgba(0,0,0,.1);border-radius:0}.lt-ie9 .irs-max,.lt-ie9 .irs-min{background:#bfbfbf}.irs-from,.irs-single,.irs-to{color:#fff;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background:rgba(0,0,0,.4);border-radius:0}.lt-ie9 .irs-from,.lt-ie9 .irs-single,.lt-ie9 .irs-to{background:#999}.irs-grid-pol{background:#99a4ac}.irs-grid-text{color:#99a4ac}.irs-diapason{background:#3276b1}article.sortable-grid{min-height:30px}.jarviswidget{margin:0 0 30px;position:relative;-moz-border-radius:0;-khtml-border-radius:0;-webkit-border-radius:0;border-radius:0;padding:0}.widget-content-padding{padding:20px}.widget-content-padding .well{margin-bottom:0}.jarviswidget>header{height:34px;padding:0;line-height:40px}.jarviswidget>header>.widget-icon{display:block;width:30px;height:32px;position:relative;float:left;font-size:111%;line-height:32px;text-align:center;margin-right:-10px}.jarviswidget>header h2{height:100%;width:auto;display:inline-block;font-size:14px;position:relative;margin:0;line-height:34px;font-weight:400;letter-spacing:0}.jarviswidget>header>h2{margin-left:10px;float:left}.jarviswidget>header>:first-child.widget-icon{margin-left:0}.jarviswidget>header .jarviswidget-icon{width:16px;height:16px;float:left;margin:12px 10px 0 0;display:block;zoom:1;z-index:4000}.ui-sortable .jarviswidget-sortable>header{cursor:move;-moz-border-radius:0;-khtml-border-radius:0;-webkit-border-radius:0;border-radius:0;line-height:normal;box-shadow:inset 0 -2px 0 rgba(0,0,0,.05);-moz-box-shadow:inset 0 -2px 0 rgba(0,0,0,.05);-webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,.05)}.ui-sortable .jarviswidget-sortable.jarviswidget-collapsed>header{-moz-border-radius:0;-khtml-border-radius:0;-webkit-border-radius:0;border-radius:0}.jarviswidget-ctrls{width:auto;float:right;padding:0;margin:0}.jarviswidget-ctrls .button-icon{min-width:30px;height:32px;float:left;position:relative;font-family:Arial,Helvetica,sans-serif;border-left:1px solid rgba(0,0,0,.09)}.jarviswidget-ctrls .button-icon:hover{background-color:rgba(0,0,0,.05)}.jarviswidget-loader{width:32px;height:32px;margin:0;float:right;background-repeat:no-repeat;background-position:center center;display:none;text-align:center;line-height:32px;font-size:111%}.jarviswidget>div{float:left;width:100%;position:relative;font-size:13px;-moz-border-radius:0;-khtml-border-radius:0;-webkit-border-radius:0;border-radius:0;margin:0;border-width:1px 1px 2px;border-style:solid;border-top:none;border-right-color:#CCC!important;border-bottom-color:#CCC!important;border-left-color:#CCC!important;padding:13px 13px 0;overflow:visible}.jarviswidget .widget-body{min-height:100px;position:relative;padding-bottom:13px}.jarviswidget .widget-body.widget-hide-overflow{overflow:hidden}.widget-toolbar.no-border{border-left:none}.widget-body.no-padding{margin:-13px -13px 0}.widget-body.no-padding .alert{margin:0 0 10px;padding:10px;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;border-width:0 0 1px!important;border-radius:0!important;-webkit-border-radius:0!important;-moz-border-radius:0!important}.jarviswidget.well.transparent .widget-body.no-padding{margin:0!important}.widget-body>table{margin-bottom:0}.no-padding .md-editor,.widget-body.no-padding .cke_chrome{border:none}.widget-toolbar>.smart-form{margin-top:2px}.widget-toolbar>.smart-form .toggle:last-child{font-size:12px;line-height:29px}.widget-toolbar>.smart-form .checkbox input+i,.widget-toolbar>.smart-form .radio input+i,.widget-toolbar>.smart-form .toggle input+i{border-width:1px;border-color:#C7C7C7!important;margin-top:1px;box-shadow:0 1px 1px #FFF,0 1px 1px #858585 inset;-webkit-box-shadow:0 1px 1px #FFF,0 1px 1px #858585 inset;-moz-box-shadow:0 1px 1px #FFF,0 1px 1px #858585 inset}.jarviswidget.well{margin:0 0 30px}.jarviswidget.well>div{border:none!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}.jarviswidget.well header{display:none}.widget-footer{display:block;min-height:32px;vertical-align:middle;position:relative;background-color:#F8F7F7;padding:5px;border-top:1px solid #E4E4E4;text-align:right;margin:0 -13px -13px}.no-padding .widget-footer{margin:0}.widget-footer.smart-form>label{margin-top:4px;display:block}.jarviswidget-editbox{display:none;padding:10px}.jarviswidget-timestamp{font-size:12px;color:#868686;font-style:italic;margin:10px 0 0}.jarviswidget-placeholder{-moz-border-radius:0;-khtml-border-radius:0;-webkit-border-radius:0;border-radius:0;margin-bottom:28px;padding:0;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}body.nooverflow{overflow:hidden;position:fixed;width:100%}#jarviswidget-fullscreen-mode{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1050}#jarviswidget-fullscreen-mode .jarviswidget{margin:0;-moz-border-radius:0;-khtml-border-radius:0;-webkit-border-radius:0;border-radius:0}#jarviswidget-fullscreen-mode .jarviswidget>div{overflow-y:scroll;-moz-border-radius:0;-khtml-border-radius:0;-webkit-border-radius:0;border-radius:0}#jarviswidget-fullscreen-mode>div>header{cursor:default}.smart-form.widget-body-toolbar,.widget-body-toolbar{display:block;padding:8px 10px;margin:-13px -13px 13px;min-height:42px;border-bottom:1px solid #ccc;background:#fafafa}.no-padding .smart-form.widget-body-toolbar,.no-padding .widget-body-toolbar,.no-padding.widget-body-toolbar{display:block;margin:0}.smart-form .widget-body-toolbar .inline-group,.widget-body-toolbar.smart-form .inline-group{float:left;margin-top:4px}.widget-body-toolbar .btn{vertical-align:middle}.widget-body-toolbar .btn-xs{margin-top:5px}.widget-body-ajax-loading::before{content:url(../img/ajax-loader.gif);padding-top:18%;text-align:center;font-weight:700;font-size:16px;color:#fff;display:block;background:rgba(255,255,255,.4);height:100%;z-index:1;width:100%;position:absolute}.widget-body-ajax-loading:hover{cursor:wait!important}.jarviswidget>header{color:#333;border:1px solid #C2C2C2;background:#fafafa}.jarviswidget>div{background-color:#fff!important}.jarviswidget-editbox{border-bottom:1px solid #B1B1B1;background-color:#fff;margin:-13px -13px 13px}.no-padding .jarviswidget-editbox{margin:0 0 10px}.jarviswidget-placeholder{background-color:#FFC;border:1px dashed #A7A7A7}.jarviswidget-remove-colors{color:#333!important;padding:0!important;background:none!important}.jarviswidget-color-magenta>header{border-color:#643167!important;background:#6e3671;color:#fff}.jarviswidget-color-magenta .nav-tabs li:not(.active) a,.jarviswidget-color-magenta>header>.jarviswidget-ctrls a{color:#fff!important}.jarviswidget-color-magenta .nav-tabs li a:hover{color:#333!important}.jarviswidget-color-pink>header{border-color:#a24d7f!important;background:#ac5287;color:#fff}.jarviswidget-color-pink .nav-tabs li:not(.active) a,.jarviswidget-color-pink>header>.jarviswidget-ctrls a{color:#fff!important}.jarviswidget-color-pink .nav-tabs li a:hover{color:#333!important}.jarviswidget-color-pinkDark>header{border-color:#a27998!important;background:#a8829f;color:#fff}.jarviswidget-color-pinkDark .nav-tabs li:not(.active) a,.jarviswidget-color-pinkDark>header>.jarviswidget-ctrls a{color:#fff!important}.jarviswidget-color-pinkDark .nav-tabs li a:hover{color:#333!important}.jarviswidget-color-yellow>header{border-color:#aa9452!important;background:#b09b5b;color:#fff}.jarviswidget-color-yellow .nav-tabs li:not(.active) a,.jarviswidget-color-yellow>header>.jarviswidget-ctrls a{color:#fff!important}.jarviswidget-color-yellow .nav-tabs li a:hover{color:#333!important}.jarviswidget-color-orange>header{border-color:#ba871f!important;background:#c79121;color:#fff}.jarviswidget-color-orange .nav-tabs li:not(.active) a,.jarviswidget-color-orange>header>.jarviswidget-ctrls a{color:#fff!important}.jarviswidget-color-orange .nav-tabs li a:hover{color:#333!important}.jarviswidget-color-orangeDark>header{border-color:#b1811d!important;background:#b6841e;color:#fff}.jarviswidget-color-orangeDark .nav-tabs li:not(.active) a,.jarviswidget-color-orangeDark>header>.jarviswidget-ctrls a{color:#fff!important}.jarviswidget-color-orangeDark .nav-tabs li a:hover{color:#333!important}.jarviswidget-color-darken>header{border-color:#383838!important;background:#404040;color:#fff}.jarviswidget-color-darken>.nav-tabs>li:not(.active)>a,.jarviswidget-color-darken>header>.jarviswidget-ctrls a{color:#fff!important}.jarviswidget-color-darken .nav-tabs li a:hover{color:#333!important}.jarviswidget-color-purple>header{border-color:#665271!important;background:#6e587a;color:#fff}.jarviswidget-color-purple .nav-tabs li:not(.active) a,.jarviswidget-color-purple>header>.jarviswidget-ctrls a{color:#fff!important}.jarviswidget-color-purple .nav-tabs li a:hover{color:#333!important}.jarviswidget-color-teal>header{border-color:#508180!important;background:#568a89;color:#fff}.jarviswidget-color-teal .nav-tabs li:not(.active) a,.jarviswidget-color-teal>header>.jarviswidget-ctrls a{color:#fff!important}.jarviswidget-color-teal .nav-tabs li a:hover{color:#333!important}.jarviswidget-color-blueDark>header{border-color:#45474b!important;background:#4c4f53;color:#fff}.jarviswidget-color-blueDark .nav-tabs li:not(.active) a,.jarviswidget-color-blueDark>header>.jarviswidget-ctrls a{color:#fff!important}.jarviswidget-color-blueDark .nav-tabs li a:hover{color:#333!important}.jarviswidget-color-blue>header{border-color:#45474b!important;background:#4c4f53;color:#fff}.jarviswidget-color-blue .nav-tabs li:not(.active) a,.jarviswidget-color-blue>header>.jarviswidget-ctrls a{color:#fff!important}.jarviswidget-color-blue .nav-tabs li a:hover{color:#333!important}.jarviswidget-color-blueLight>header{border-color:#a0aeb3!important;background:#cbd2d5;color:#000}.jarviswidget-color-blueLight .nav-tabs li a:hover,.jarviswidget-color-blueLight .nav-tabs li:not(.active) a,.jarviswidget-color-blueLight>header>.jarviswidget-ctrls a{color:#2b363c!important}.jarviswidget-color-red>header{border-color:#9a0325!important;background:#a90329;color:#fff}.jarviswidget-color-red .nav-tabs li:not(.active) a,.jarviswidget-color-red>header>.jarviswidget-ctrls a{color:#fff!important}.jarviswidget-color-red .nav-tabs li a:hover{color:#333!important}.jarviswidget-color-redLight>header{border-color:#9c5353!important;background:#a65858;color:#fff}.jarviswidget-color-redLight .nav-tabs li:not(.active) a,.jarviswidget-color-redLight>header>.jarviswidget-ctrls a{color:#fff!important}.jarviswidget-color-redLight .nav-tabs li a:hover{color:#333!important}.jarviswidget-color-white>header{border-color:#ccc!important;background:#fff;color:#666}.jarviswidget-color-white .nav-tabs li a:hover,.jarviswidget-color-white .nav-tabs li:not(.active) a,.jarviswidget-color-white>header>.jarviswidget-ctrls a{color:gray!important}.jarviswidget-color-greenDark>header{border-color:#436043!important;background:#496949;color:#fff}.jarviswidget-color-greenDark .nav-tabs li:not(.active) a,.jarviswidget-color-greenDark>header>.jarviswidget-ctrls a{color:#fff!important}.jarviswidget-color-greenDark .nav-tabs li a:hover{color:#333!important}.jarviswidget-color-green>header{border-color:#306430!important;background:#356e35;color:#fff}.jarviswidget-color-green .nav-tabs li:not(.active) a,.jarviswidget-color-green>header>.jarviswidget-ctrls a{color:#fff!important}.jarviswidget-color-green .nav-tabs li a:hover{color:#333!important}.jarviswidget-color-greenLight>header{border-color:#687a3a!important;background:#71843f;color:#fff}.jarviswidget-color-greenLight .nav-tabs li:not(.active) a,.jarviswidget-color-greenLight>header>.jarviswidget-ctrls a{color:#fff!important}.jarviswidget-color-greenLight .nav-tabs li a:hover{color:#333!important}.color-select{list-style:none;margin:0;padding:4px;min-width:166px;max-width:156px;right:-3px}.color-select li{display:block;margin:2px;float:left}.color-select li span:hover{border:3px solid rgba(0,0,0,.2)}.color-box,.color-select li span{display:block;width:22px;height:22px;padding:0;background:#333;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid rgba(0,0,0,.1);cursor:pointer}.color-box{position:relative;vertical-align:middle;border:1px solid rgba(255,255,255,.3)!important;outline:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.3)!important}.color-box:hover,.open .color-box{outline:1px solid rgba(0,0,0,.1)!important}.color-box:hover{-webkit-transform:scale(1.07);-moz-transform:scale(1.07)}.color-box:active{top:1px;left:1px}.widget-toolbar>.color-box{margin-top:7px;width:18px;height:18px;outline:1px solid rgba(0,0,0,.2)}.widget-toolbar .dropdown-menu.color-select{right:-1px}.widget-toolbar>.color-box:active,.widget-toolbar>.color-box:focus,.widget-toolbar>.color-box:hover{outline:1px solid rgba(0,0,0,.25)!important}.jarviswidget-ctrls a{text-decoration:none;font-size:14px;text-align:center;display:inline-block;line-height:32px;padding:0;margin:0;color:#333}.clearfix:after,.clearfix:before,.inner-spacer:after,.inner-spacer:before,.jarviswidget-editbox:after,.jarviswidget-editbox:before,.jarviswidget:after,.jarviswidget:before,.jarviswidget>div:after,.jarviswidget>div:before{content:"\0020";display:block;height:0;overflow:hidden;font-size:0;line-height:0;visibility:hidden}.clearfix:after,.inner-spacer:after,.jarviswidget-editbox:after,.jarviswidget:after,.jarviswidget>div:after{clear:both}.clearfix,.inner-spacer:after,.jarviswidget,.jarviswidget-editbox,.jarviswidget>div{zoom:1}.widget-toolbar{display:inline-block;float:right;width:auto;height:32px;line-height:32px;position:relative;border-left:1px solid rgba(0,0,0,.09);cursor:pointer;padding:0 8px;text-align:center}.widget-toolbar>:first-child{text-align:left}.jarviswidget header .nav-tabs{border-bottom-color:transparent}.jarviswidget header .nav-tabs>li>a{border-radius:0;border:none;padding:7px 15px 6px}.jarviswidget header:first-child .nav-tabs{float:left}.jarviswidget header:first-child .nav-tabs li{padding-left:0}.jarviswidget header:first-child .nav-tabs li a{color:#333}.jarviswidget header:first-child .nav-tabs.pull-right li:last-child a{margin-right:0!important;border-right:none!important}.jarviswidget header .nav-tabs>li.active>a,.jarviswidget header .nav-tabs>li.active>a:focus,.jarviswidget header .nav-tabs>li.active>a:hover{color:#555;background-color:#FFF;border:1px solid #C2C2C2;border-bottom-color:transparent;border-top:none;cursor:default}.jarviswidget header .nav-pills{margin:3px}.jarviswidget header .nav-pills>li>a{padding:3px 5px 4px}.widget-toolbar .btn-group{margin-top:-3px}.widget-toolbar>.btn{margin-top:-3px;font-size:12px!important;padding:1px 8px!important}.widget-toolbar .smart-form label.checkbox,.widget-toolbar .smart-form label.radio{line-height:29px}.widget-toolbar>.label{vertical-align:middle;margin-top:-3px;display:inline-block;text-align:center;font-size:12px;padding:4px 7px}.widget-toolbar>.badge{padding:5px;font-size:14px;border-radius:50%;font-weight:400;min-width:24px;text-align:center!important}.widget-toolbar .progress{width:130px;margin:7px 0 0;height:18px!important;font-size:12px;box-shadow:0 1px 0 rgba(0,0,0,0),0 0 0 1px #d1d1d1 inset;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0),0 0 0 1px #d1d1d1 inset;-moz-box-shadow:0 1px 0 transparent,0 0 0 1px #D1D1D1 inset}.widget-toolbar .progress-bar{font-size:12px}.widget-toolbar .pagination{margin:4px 0}.widget-toolbar .pagination>li>a{padding:2px 7px}.widget-toolbar .widget-text-input{max-width:220px}.widget-toolbar input[type=text]{height:28px!important;margin-top:2px}.widget-toolbar .smart-form .icon-append,.widget-toolbar .smart-form .icon-prepend,.widget-toolbar.smart-form .icon-append,.widget-toolbar.smart-form .icon-prepend{top:3px!important}#jarviswidget-fullscreen-mode .fc-grid .fc-day-number{padding:5px 12px;font-size:40px}.jcrop-holder{direction:ltr;text-align:left}.jcrop-hline,.jcrop-vline{background:#fff url(../img/jcrop/Jcrop.gif);font-size:0;position:absolute}.jcrop-vline{height:100%;width:1px!important}.jcrop-vline.right{right:0}.jcrop-hline{height:1px!important;width:100%}.jcrop-hline.bottom{bottom:0}.jcrop-tracker{height:100%;width:100%;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none}.jcrop-handle{background-color:#333;border:1px #eee solid;width:7px;height:7px;font-size:1px}.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0}.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px}.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%}.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%}.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0}.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0}.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0}.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px}.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%}.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px}.jcrop-dragbar.ord-n{margin-top:-4px}.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px}.jcrop-dragbar.ord-e{margin-right:-4px;right:0}.jcrop-dragbar.ord-w{margin-left:-4px}.jcrop-light .jcrop-hline,.jcrop-light .jcrop-vline{background:#fff;filter:alpha(opacity=70)!important;opacity:.7!important}.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#fff;border-radius:3px}.jcrop-dark .jcrop-hline,.jcrop-dark .jcrop-vline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important}.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#fff;border-color:#000;border-radius:3px}.solid-line .jcrop-hline,.solid-line .jcrop-vline{background:#fff}.jcrop-holder{display:inline-block;float:left;margin-bottom:20px}.modal .jcrop-holder{display:block;float:none!important;margin:0!important}.jcrop-holder img,img.jcrop-preview{max-width:none}.ui-jqgrid .ui-jqgrid-view{position:relative;left:0;top:0;padding:0;font-size:11px}.ui-jqgrid .ui-jqgrid-titlebar{padding:12px 13px;position:relative;font-size:12px;border-left:0 none;border-right:0 none;border-top:0 none;background-color:#f3f3f3;background-image:-moz-linear-gradient(top,#f3f3f3,#e2e2e2);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f3f3f3),to(#e2e2e2));background-image:-webkit-linear-gradient(top,#f3f3f3,#e2e2e2);background-image:-o-linear-gradient(top,#f3f3f3,#e2e2e2);background-image:linear-gradient(to bottom,#f3f3f3,#e2e2e2);background-repeat:repeat-x}.ui-jqgrid .ui-jqgrid-caption{text-align:left}.ui-jqgrid .ui-jqgrid-title{font-size:15px;color:#333}.ui-jqgrid .ui-jqgrid-titlebar-close{position:absolute;top:50%;width:19px;margin:-10px 0 0 0;padding:1px;right:10px!important;cursor:pointer}.ui-jqgrid .ui-jqgrid-titlebar-close span{display:block;margin:1px}.ui-jqgrid .ui-jqgrid-titlebar-close:hover{padding:0}.ui-jqgrid .ui-jqgrid-hdiv{position:relative;margin:0;padding:0;overflow-x:hidden;border-left:0 none!important;border-top:0 none!important;border-right:0 none!important}.ui-jqgrid .ui-jqgrid-hbox{float:left;padding-right:20px}.ui-jqgrid .ui-jqgrid-htable{table-layout:fixed;margin:0}.ui-jqgrid .ui-jqgrid-htable th{padding:0 2px}.ui-jqgrid .ui-jqgrid-htable th div{overflow:hidden;position:relative}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{background:0 0;border:none}tr.ui-jqgrid-labels{background-color:#eee;background-image:-webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#fafafa));background-image:-webkit-linear-gradient(top,#f2f2f2 0,#fafafa 100%);background-image:-moz-linear-gradient(top,#f2f2f2 0,#fafafa 100%);background-image:-ms-linear-gradient(top,#f2f2f2 0,#fafafa 100%);background-image:-o-linear-gradient(top,#f2f2f2 0,#fafafa 100%);background-image:-linear-gradient(top,#f2f2f2 0,#fafafa 100%);font-size:12px}.ui-jqgrid .ui-jqgrid-htable th.ui-th-column,.ui-th-column{overflow:hidden;white-space:nowrap;text-align:center;border-top:0 none;border-bottom:0 none}.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr,.ui-th-ltr{border-left:0 none}.ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl,.ui-th-rtl{border-right:0 none}.ui-first-th-ltr{border-right:1px solid}.ui-first-th-rtl{border-left:1px solid}.ui-jqgrid .ui-th-div-ie{white-space:nowrap;zoom:1}.ui-jqgrid .ui-jqgrid-resize{height:20px!important;position:relative;cursor:e-resize;display:inline;overflow:hidden}.ui-jqgrid .ui-grid-ico-sort{overflow:hidden;position:absolute;display:inline;cursor:pointer!important;right:0}.ui-jqgrid .ui-icon-asc{margin-top:-4px;right:-1px}.ui-jqgrid .ui-icon-desc{margin-top:3px;height:12px}.ui-jqgrid .ui-i-asc{margin-top:0;height:16px}.ui-jqgrid .ui-i-desc{margin-top:0;margin-left:13px;height:16px}.ui-jqgrid .ui-jqgrid-sortable{cursor:pointer}.ui-jqgrid tr.ui-search-toolbar th{border-top-width:1px!important;border-top-color:inherit!important;border-top-style:ridge!important}tr.ui-search-toolbar input,tr.ui-search-toolbar select{margin:1px 0 0}.ui-jqgrid .ui-jqgrid-bdiv{position:relative;margin:0;padding:0;overflow:auto;text-align:left}.ui-jqgrid .ui-jqgrid-btable{table-layout:fixed;margin:0;outline-style:none}.ui-jqgrid tr.jqgroup,.ui-jqgrid tr.jqgrow{outline-style:none}.ui-jqgrid tr.jqgrow td{font-weight:400;overflow:hidden;white-space:pre}.ui-jqgrid tr.jqgfirstrow td{padding:0 2px;border-right-width:1px;border-right-style:solid}.ui-jqgrid tr.jqgroup td{font-weight:400;overflow:hidden;white-space:pre}.ui-jqgrid tr.jqfoot td{font-weight:700;overflow:hidden;white-space:pre}.ui-jqgrid tr.ui-row-ltr td{text-align:left}.ui-jqgrid tr.ui-row-rtl td{text-align:right}.ui-jqgrid td.jqgrid-rownum{padding:0 2px;margin:0;border:0 none}.ui-jqgrid .ui-jqgrid-resize-mark{width:2px;left:0;background-color:#777;cursor:e-resize;cursor:col-resize;position:absolute;top:0;height:100px;overflow:hidden;display:none;border:0 none;z-index:99999}.ui-jqgrid .ui-jqgrid-sdiv{position:relative;margin:0;padding:0;overflow:hidden;border-left:0 none!important;border-top:0 none!important;border-right:0 none!important}.ui-jqgrid .ui-jqgrid-ftable{table-layout:fixed;margin-bottom:0}.ui-jqgrid tr.footrow td{font-weight:700;overflow:hidden;white-space:nowrap;height:21px;padding:0 2px}.ui-jqgrid tr.footrow-ltr td{text-align:left;border-right-width:1px;border-right-color:inherit;border-right-style:solid}.ui-jqgrid tr.footrow-rtl td{text-align:right;border-left-width:1px;border-left-color:inherit;border-left-style:solid}.ui-jqgrid .ui-jqgrid-pager{border-left:0 none!important;border-right:0 none!important;border-bottom:0 none!important;margin:0!important;position:relative;white-space:nowrap;overflow:hidden;border-top:1px solid #D3D3D3}.ui-jqgrid .ui-pager-control{position:relative}.ui-jqgrid .ui-pg-table{position:relative;padding-bottom:2px;width:auto;margin:0}.ui-jqgrid .ui-pg-table td{font-weight:400;vertical-align:middle;padding:1px}.ui-jqgrid .ui-pg-button span{display:block;margin:1px;float:left}.ui-jqgrid .ui-state-disabled:hover{padding:1px}.ui-jqgrid .ui-pg-input{margin:0}.ui-jqgrid .ui-pg-selbox{line-height:18px;display:block;margin:0}.ui-jqgrid .ui-separator{height:18px;border-left:1px solid #ccc;border-right:1px solid #ccc;margin:1px;float:right}.ui-jqgrid .ui-paging-info{font-weight:400;height:19px;margin-top:3px;margin-right:4px}.ui-jqgrid .ui-jqgrid-pager .ui-pg-div{padding:1px 0;float:left;position:relative}.ui-jqgrid .ui-jqgrid-pager .ui-pg-button{cursor:pointer}.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon{float:left;margin:0 2px}.ui-jqgrid td input,.ui-jqgrid td select .ui-jqgrid td textarea{margin:0}.ui-jqgrid td textarea{width:auto;height:auto}.ui-jqgrid .ui-jqgrid-toppager{border-left:0 none!important;border-right:0 none!important;border-top:0 none!important;margin:0!important;padding:0!important;position:relative;height:25px!important;white-space:nowrap;overflow:hidden}.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div{padding:1px 0;float:left;position:relative}.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button{cursor:pointer}.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.ui-icon{float:left;margin:0 2px}.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span{display:block}.ui-jqgrid .ui-subgrid{margin:0;padding:0;width:100%}.ui-jqgrid .ui-subgrid table{table-layout:fixed}.ui-jqgrid .ui-subgrid tr.ui-subtblcell td{height:18px;border-right-width:1px;border-right-color:inherit;border-right-style:solid;border-bottom-width:1px;border-bottom-color:inherit;border-bottom-style:solid}.ui-jqgrid .ui-subgrid td.subgrid-data{border-top:0 none!important}.ui-jqgrid .ui-subgrid td.subgrid-cell{border-width:0 0 1px}.ui-jqgrid .ui-th-subgrid{height:20px}.ui-jqgrid .loading{position:absolute;top:45%;left:45%;width:auto;z-index:101;padding:6px;margin:5px;text-align:center;font-weight:700;display:none;border-width:2px!important;font-size:11px}.ui-jqgrid .jqgrid-overlay{display:none;z-index:100}* .jqgrid-overlay iframe{position:absolute;top:0;left:0;z-index:-1}.ui-jqgrid .ui-userdata{border-left:0 none;border-right:0 none;height:21px;overflow:hidden}.ui-jqdialog{display:none;width:300px;position:absolute;padding:.2em;font-size:11px;overflow:visible}.ui-jqdialog .ui-jqdialog-titlebar{padding:.3em .2em;position:relative}.ui-jqdialog .ui-jqdialog-title{margin:.1em 0 .2em}.ui-jqdialog .ui-jqdialog-titlebar-close{position:absolute;top:50%;width:19px;margin:-10px 0 0 0;padding:1px;height:18px;cursor:pointer}.ui-jqdialog .ui-jqdialog-titlebar-close span{display:block;margin:1px}.ui-jqdialog .ui-jqdialog-titlebar-close:focus,.ui-jqdialog .ui-jqdialog-titlebar-close:hover{padding:0}.ui-jqdialog .ui-jqdialog-content,.ui-jqdialog-content{border:0;background:0 0;height:auto}.ui-jqdialog .ui-jqconfirm{padding:.4em 1em;border-width:3px;position:absolute;bottom:10px;right:10px;overflow:visible;display:none;height:80px;width:220px;text-align:center}.ui-jqdialog>.ui-resizable-se,.ui-jqgrid>.ui-resizable-se{bottom:-3px;right:-3px}.ui-jqdialog-content .FormGrid{margin:0}.ui-jqdialog-content .DelTable,.ui-jqdialog-content .EditTable{width:100%;margin-bottom:0}.EditTable td input,.EditTable td select,.EditTable td textarea{margin:0}.EditTable td textarea{width:auto;height:auto}.ui-jqdialog-content td.EditButton{text-align:right;border-top:0 none;border-left:0 none;border-right:0 none;padding-bottom:5px;padding-top:5px}.ui-jqdialog-content td.navButton{text-align:center;border-left:0 none;border-top:0 none;border-right:0 none;padding-bottom:5px;padding-top:5px}.ui-jqdialog-content input.FormElement,.ui-jqdialog-content select.FormElement{padding:.3em}.ui-jqdialog-content .data-line{padding-top:.1em;border:0 none}.ui-jqdialog-content .CaptionTD{vertical-align:middle;border:0 none;padding:2px;white-space:nowrap}.ui-jqdialog-content .DataTD{padding:2px;border:0 none;vertical-align:top}.ui-jqdialog-content .form-view-data{white-space:pre}.fm-button{display:inline-block;margin:0 4px 0 0;padding:.4em .5em;text-decoration:none!important;cursor:pointer;position:relative;text-align:center;zoom:1}.fm-button-icon-left{padding-left:1.9em}.fm-button-icon-right{padding-right:1.9em}.fm-button-icon-left .ui-icon{right:auto;left:.2em;margin-left:0;position:absolute;top:50%;margin-top:-8px}.fm-button-icon-right .ui-icon{left:auto;right:.2em;margin-left:0;position:absolute;top:50%;margin-top:-8px}#nData,#pData{float:left;margin:3px;padding:0;width:15px}.ui-jqgrid .selected-row,div.ui-jqgrid .selected-row td{font-style:normal;border-left:0 none}.ui-inline-cancel.ui-state-hover span,.ui-inline-del.ui-state-hover span,.ui-inline-edit.ui-state-hover span,.ui-inline-save.ui-state-hover span{margin:-1px}.ui-jqgrid .tree-wrap{float:left;position:relative;height:18px;white-space:nowrap;overflow:hidden}.ui-jqgrid .tree-leaf,.ui-jqgrid .tree-minus,.ui-jqgrid .tree-plus{position:absolute;height:18px;width:18px;overflow:hidden}.ui-jqgrid .treeclick{cursor:pointer}* iframe.jqm{position:absolute;top:0;left:0;z-index:-1}.ui-jqgrid-dnd tr td{border-right-width:1px;border-right-color:inherit;border-right-style:solid;height:20px}.ui-jqgrid .ui-jqgrid-caption-rtl{text-align:right}.ui-jqgrid .ui-jqgrid-hbox-rtl{float:right;padding-left:20px}.ui-jqgrid .ui-jqgrid-resize-ltr{float:right;margin:-2px -2px -2px 0}.ui-jqgrid .ui-jqgrid-resize-rtl{float:left;margin:-2px 0 -1px -3px}.ui-jqgrid .ui-sort-rtl{left:0}.ui-jqgrid .tree-wrap-ltr{float:left}.ui-jqgrid .tree-wrap-rtl{float:right}.ui-jqgrid .ui-ellipsis{-moz-text-overflow:ellipsis;text-overflow:ellipsis}.ui-search-menu{position:absolute;padding:2px 5px}.ui-jqgrid .ui-search-table{padding:0;border:0 none;height:20px;width:100%}.ui-jqgrid .ui-search-table .ui-search-oper{width:20px}a.clearsearchclass,a.g-menu-item,a.soptclass{cursor:pointer}.ui-jqgrid .ui-search-table .ui-search-input>input,.ui-jqgrid .ui-search-table .ui-search-input>select{display:block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.ui-jqgrid .ui-jqgrid-view button,.ui-jqgrid .ui-jqgrid-view input,.ui-jqgrid .ui-jqgrid-view select,.ui-jqgrid .ui-jqgrid-view textarea{font-size:11px}.ui-jqgrid{position:relative;border:1px solid #ccc!important;margin:0;overflow:hidden}.ui-jqgrid table,.ui-jqgrid tr.ui-row-ltr,.ui-jqgrid tr.ui-row-ltr td{border-left:none!important}.ui-jqgrid tr.ui-row-ltr td{padding:6px 4px;font-size:13px!important}.ui-jqgrid .ui-jqgrid-titlebar{border-bottom:1px solid #BEBEBE}.ui-jqgrid .ui-jqgrid-view input{margin:0!important}.ui-jqgrid .ui-jqgrid-htable th{background-color:#eee;background-image:-webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#fafafa));background-image:-webkit-linear-gradient(top,#f2f2f2 0,#fafafa 100%);background-image:-moz-linear-gradient(top,#f2f2f2 0,#fafafa 100%);background-image:-ms-linear-gradient(top,#f2f2f2 0,#fafafa 100%);background-image:-o-linear-gradient(top,#f2f2f2 0,#fafafa 100%);background-image:-linear-gradient(top,#f2f2f2 0,#fafafa 100%)}.ui-jqgrid .ui-jqgrid-htable th div{padding-right:0;padding-top:5px;padding-bottom:5px;font-weight:700;background:0 0}.ui-jqgrid .ui-jqgrid-pager{font-size:12px;height:auto;padding:4px!important}.ui-jqgrid tr.jqgrow{height:30px;font-size:12px}.jqgrid-new-row{color:#1B641B!important;background-color:#A8E798!important;border-color:#7E9E64!important}.ui-jqdialog-content .DataTD{padding-bottom:5px}.ui-jqdialog-content .DataTD:last-child{padding-bottom:10px}.ui-jqgrid .ui-jqgrid-bdiv{background:#fff}.ui-jqgrid .ui-state-hover td{background:#ecf3f8!important}.ui-jqgrid .ui-pg-button{height:auto!important}.ui-jqgrid .ui-pg-input,.ui-jqgrid .ui-pg-selbox{height:auto;font-size:inherit}.ui-jqgrid .ui-state-highlight td{color:#3a87ad!important;background-color:#d9edf7!important;border-color:#bce8f1!important}.ui-jqgrid .ui-state-highlight+.ui-widget-content>td{border-top-color:#bce8f1}.jvectormap-label{position:absolute;display:none;border:solid 1px #CDCDCD;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#292929;color:#fff;font-family:sans-serif,Verdana;font-size:smaller;padding:3px}.jvectormap-zoomin,.jvectormap-zoomout{position:absolute;background:#292929;padding:4px;width:22px;height:22px;cursor:pointer;line-height:10px;text-align:center;font-size:14px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.05);-moz-box-shadow:inset 0 -2px 0 rgba(0,0,0,.05);-webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,.05);background-color:#fff;border:1px solid #bfbfbf}.jvectormap-zoomin:hover,.jvectormap-zoomout:hover{background:#eee;border-color:#d9d9d9}.jvectormap-zoomin{top:0}.jvectormap-zoomout{top:24px}.vector-map{height:300px;width:100%;padding:10px}#heat-fill{display:block;position:relative;margin-bottom:20px;background:#333;height:7px;width:200px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAABCAIAAAAU3Xa1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMDE4MkZGMzMzOTgxMUUzODZBQUNFQUNFOTk0NEUxRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowMDE4MkZGNDMzOTgxMUUzODZBQUNFQUNFOTk0NEUxRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAwMTgyRkYxMzM5ODExRTM4NkFBQ0VBQ0U5OTQ0RTFGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAwMTgyRkYyMzM5ODExRTM4NkFBQ0VBQ0U5OTQ0RTFGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+rG8MDAAAAM5JREFUeNpUUtESwyAIg8ft9v8/W4ElBPWKV1AIiKEeEWVuVlWjINSVONBnirQDxukNgcuyTQsBzLHMDsLIQQw+nIL71JqNJ5GZJXApFNpmtlagQjfS2xGbkFA4Iwu+hu0sK3Wl3nOwNv7TvPrWk3X0eW9dK1pU9hK2eTuWb2ySJmlziutA3iBxmblPNvA5PNsuUpoDY80+Z0SW1IRpDEqwC58C14tsr1f8le8si0aojdADr/1UjaclsFashX8GGkL9wDxtRsV6ft/PX4ABADRzhOVIOJaAAAAAAElFTkSuQmCC)}.fill-a,.fill-b{width:20px;text-align:right;overflow:hidden;text-overflow:ellipsis;display:block;background:#fff;padding-right:4px;position:absolute;left:0;margin-top:-7px;font-weight:700}.fill-b{text-align:left;position:absolute;right:0;left:auto;top:0;width:60px;padding-left:4px;padding-right:0}.select2-container{margin:0;position:relative;display:inline-block;zoom:1;*display:inline;vertical-align:middle}.select2-container,.select2-drop,.select2-search,.select2-search input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.select2-container .select2-choice{display:block;height:32px;padding:0 0 0 8px;overflow:hidden;position:relative;border:1px solid #ccc;white-space:nowrap;line-height:32px;color:#444;text-decoration:none;background-clip:padding-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff}.select2-container.select2-drop-above .select2-choice{border-bottom-color:#ccc}.select2-container.select2-allowclear .select2-choice .select2-chosen{margin-right:42px}.select2-container .select2-choice>.select2-chosen{margin-right:26px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.select2-container .select2-choice abbr{display:none;width:12px;height:12px;position:absolute;right:24px;top:8px;font-size:1px;text-decoration:none;border:0;cursor:pointer;outline:0}.select2-container.select2-allowclear .select2-choice abbr{display:inline-block}.select2-container .select2-choice abbr:hover{cursor:pointer}.select2-drop-mask{border:0;margin:0;padding:0;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:9998;background:#fff;filter:alpha(opacity=0)}.select2-drop{margin-top:-1px;width:100%;position:absolute;z-index:9999;top:100%;background:#fff;color:#000;border:1px solid #ccc;border-top:0;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15)}.select2-drop-auto-width{border-top:1px solid #ccc;width:auto}.select2-drop-auto-width .select2-search{padding-top:4px}.select2-drop.select2-drop-above{margin-bottom:0;border-top:1px solid #5D98CC;border-top-width:3px;border-bottom:0;-webkit-box-shadow:0 -4px 5px rgba(0,0,0,.15);box-shadow:0 -4px 5px rgba(0,0,0,.15)}.select2-drop-active{border:1px solid #5D98CC;border-top:none;border-bottom-width:3px}.select2-drop.select2-drop-above.select2-drop-active{border-top-width:3px}.select2-container .select2-choice .select2-arrow{display:inline-block;width:34px;height:100%;position:absolute;right:0;top:0;border-left:1px solid #ccc;background:#eee}.select2-container .select2-choice .select2-arrow b{width:100%;height:100%;display:inline-block;font-family:'Font Awesome 6 Pro';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;font-size:14px}.select2-container .select2-choice .select2-arrow b:before{content:"\f107";width:100%;height:100%;text-align:center;display:block}.select2-search{display:inline-block;width:100%;min-height:26px;margin:0;padding-left:4px;padding-right:4px;position:relative;z-index:10000;white-space:nowrap}.select2-search input{width:100%;height:auto!important;min-height:29px;padding:6px 20px 5px 10px;margin:0;outline:0;font-family:sans-serif;font-size:1em;border:1px solid #aaa;-webkit-box-shadow:none;box-shadow:none;background:#fff;background:-webkit-gradient(linear,left bottom,left top,color-stop(0.85,#fff),color-stop(0.99,#eee));background:-webkit-linear-gradient(center bottom,#fff 85%,#eee 99%);background:-moz-linear-gradient(center bottom,#fff 85%,#eee 99%);background:linear-gradient(top,#fff 85%,#eee 99%)}.select2-search:before{display:inline-block;font-family:'Font Awesome 6 Pro';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;content:"\f002";top:25%;right:10px;color:#686868!important}.select2-drop.select2-drop-above .select2-search input{margin-top:4px}.select2-drop.select2-drop-above .select2-search:before{top:34%}.select2-search input.select2-active{background:#fff url(../img/select2-spinner.gif) no-repeat 100%;background:url(../img/select2-spinner.gif) no-repeat 100%,-webkit-gradient(linear,left bottom,left top,color-stop(0.85,#fff),color-stop(0.99,#eee));background:url(../img/select2-spinner.gif) no-repeat 100%,-webkit-linear-gradient(center bottom,#fff 85%,#eee 99%);background:url(../img/select2-spinner.gif) no-repeat 100%,-moz-linear-gradient(center bottom,#fff 85%,#eee 99%);background:url(../img/select2-spinner.gif) no-repeat 100%,linear-gradient(top,#fff 85%,#eee 99%)}.select2-container-active .select2-choice,.select2-container-active .select2-choices{border:1px solid #5D98CC;outline:0}.select2-dropdown-open .select2-choice{border-bottom-color:transparent;-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;border-bottom-left-radius:0;border-bottom-right-radius:0;background-color:#fff}.select2-dropdown-open.select2-drop-above .select2-choice,.select2-dropdown-open.select2-drop-above .select2-choices{border:1px solid #5D98CC;border-top-color:transparent}.select2-dropdown-open .select2-choice .select2-arrow{background:0 0;border-left:none;filter:none}.select2-dropdown-open .select2-choice .select2-arrow b{background-position:-18px 1px}.select2-results{max-height:200px;padding:0 0 0 4px;margin:4px 4px 4px 0;position:relative;overflow-x:hidden;overflow-y:auto;-webkit-tap-highlight-color:rgba(0,0,0,0)}.select2-results ul.select2-result-sub{margin:0;padding-left:0}.select2-results ul.select2-result-sub>li .select2-result-label{padding-left:20px}.select2-results ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left:40px}.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left:60px}.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left:80px}.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left:100px}.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left:110px}.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left:120px}.select2-results li{list-style:none;display:list-item;background-image:none}.select2-results li.select2-result-with-children>.select2-result-label{font-weight:700}.select2-results .select2-result-label{padding:3px 7px 4px;margin:0;cursor:pointer;min-height:1em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select2-results .select2-highlighted{background:#3276b1;color:#fff}.select2-results li em{background:#feffde;font-style:normal}.select2-results .select2-highlighted em{background:0 0}.select2-results .select2-highlighted ul{background:#fff;color:#000}.select2-results .select2-no-results,.select2-results .select2-searching,.select2-results .select2-selection-limit{background:#f4f4f4;display:list-item;padding:3px 5px}.select2-no-results{padding-left:20px}.select2-no-results:before{display:inline-block;font-family:'Font Awesome 6 Pro';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f05a";margin-right:5px}.select2-results .select2-disabled.select2-highlighted{color:#666;background:#f4f4f4;display:list-item;cursor:default}.select2-results .select2-disabled{background:#f4f4f4;display:list-item;cursor:default}.select2-results .select2-selected{display:none}.select2-more-results.select2-active{background:#f4f4f4 url(../img/select2-spinner.gif) no-repeat 100%}.select2-more-results{background:#f4f4f4;display:list-item}.select2-container.select2-container-disabled .select2-choice{background-color:#f4f4f4;background-image:none;border:1px solid #ddd;cursor:default}.select2-container.select2-container-disabled .select2-choice .select2-arrow{background-color:#f4f4f4;background-image:none;border-left:0}.select2-container.select2-container-disabled .select2-choice abbr{display:none}.select2-container-multi .select2-choices{height:auto!important;height:1%;margin:0;padding:0;position:relative;border:1px solid #ccc;cursor:text;overflow:hidden;background-color:#fff}.select2-locked{padding:3px 5px!important}.select2-container-multi .select2-choices{min-height:26px}.select2-container-multi.select2-container-active .select2-choices{border:1px solid #5D98CC;outline:0}.select2-container-multi .select2-choices li{float:left;list-style:none}.select2-container-multi .select2-choices .select2-search-field{margin:0;padding:0;white-space:nowrap}.select2-container-multi .select2-choices .select2-search-field input{padding:5px;margin:1px 0;font-family:sans-serif;font-size:100%;color:#666;outline:0;border:0;-webkit-box-shadow:none;box-shadow:none;background:transparent!important}.select2-container-multi .select2-choices .select2-search-field input.select2-active{background:#fff url(../img/select2-spinner.gif) no-repeat 100%!important}.select2-default{color:#999!important}.select2-container-multi .select2-choices .select2-search-choice{padding:1px 28px 1px 8px;margin:4px 0 3px 5px;position:relative;line-height:18px;color:#fff;cursor:default;border:1px solid #2a6395;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#3276b1}.select2-container-multi .select2-choices .select2-search-choice .select2-chosen{cursor:default}.select2-container-multi .select2-choices .select2-search-choice-focus{opacity:.8}.select2-search-choice-close{display:block;min-width:21px;min-height:20px;position:absolute;right:3px;top:3px;margin:0;padding:0;font-size:15px;text-decoration:none!important;font-family:'Font Awesome 6 Pro';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.select2-search-choice-close:before{color:#fff;content:"\f057"}.select2-container-multi .select2-search-choice-close{display:block;top:0;right:0;padding:3px 4px 3px 6px}.select2-container-multi .select2-search-choice-close:hover{background:rgba(0,0,0,.3)}.select2-container-multi.select2-container-disabled .select2-choices{background-color:#f4f4f4;background-image:none;border:1px solid #ddd;cursor:default}.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice{padding:3px 5px;border:1px solid #4a90cc;background-image:none;background-color:#86b4dd;cursor:not-allowed}.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close{display:none;background:0 0}.select2-result-selectable .select2-match,.select2-result-unselectable .select2-match{text-decoration:underline}.select2-offscreen,.select2-offscreen:focus{clip:rect(0 0 0 0)!important;width:1px!important;height:1px!important;border:0!important;margin:0!important;padding:0!important;overflow:hidden!important;position:absolute!important;outline:0!important;left:0!important;top:0!important}.select2-display-none{display:none}.select2-measure-scrollbar{position:absolute;top:-10000px;left:-10000px;width:100px;height:100px;overflow:scroll}.has-error .select2-choice,.has-error .select2-container .select2-choice .select2-arrow,.has-error .select2-container-multi .select2-choices{border-color:#b94a48}.has-error .select2-container .select2-choice .select2-arrow{background:#f2dede;color:#b94a48}.has-error .select2-dropdown-open .select2-choice{border-color:#5D98CC!important}.select2-drop.select2-drop-above.select2-drop-active{margin-top:2px}.ui-chatbox{position:fixed;bottom:0;box-shadow:rgba(0,0,0,.3)0 2px 6px;-webkit-box-shadow:rgba(0,0,0,.3)0 2px 6px;z-index:959}.ui-chatbox-titlebar{padding:0;height:36px;cursor:pointer;background:#474544!important;color:#fff!important;font-weight:400;line-height:normal;box-shadow:inset 0 -2px 0 rgba(0,0,0,.05);-moz-box-shadow:inset 0 -2px 0 rgba(0,0,0,.05);-webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,.05)}.ui-chatbox-titlebar>span{font-weight:400;font-size:14px;line-height:36px;margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:120px;display:inline-block;float:left}.ui-chatbox-titlebar>span>:first-child{display:inline-block;border-radius:50%;margin-right:7px;padding:5px}.ui-chatbox-titlebar.online>span>i{background:#54ce3c}.ui-chatbox-titlebar.busy>span>i{background:#f14b52}.ui-chatbox-titlebar.away>span>i{background:#ffc40d}.ui-chatbox-titlebar.incognito>span>i{background:#a19e9d}.ui-chatbox-titlebar.ui-state-focus{background:#201f1f!important;color:#fff}.ui-chatbox-content{padding:0;margin:0;border:0!important}.ui-chatbox-content>.alert-msg{border-bottom:1px dashed #D6D6D6;padding:4px 10px;color:#C20F16;font-size:11px;text-align:center;display:none}.ui-chatbox-content.true>.alert-msg{display:block!important}.ui-chatbox-log{padding:7px 10px;height:180px;overflow-y:auto;overflow-x:hidden;background:#fff;border:none!important}.ui-chatbox-log>:first-child{margin-top:0}.ui-chatbox-input{padding:3px;border-top:1px solid grey;overflow:hidden;width:100%!important;max-width:100%!important;border-width:0!important}.ui-chatbox-input-box{margin:2px;border:1px solid!important;border-color:#666 #ccc #ccc!important;padding:2px;height:50px;outline:0;resize:none;background-color:rgba(48,126,204,.05)!important}.ui-chatbox-icon{float:right;min-width:30px;height:36px;border-left:1px solid rgba(0,0,0,.09);font-size:14px;line-height:26px;color:#fff!important;padding:5px 9px}.ui-chatbox-icon.ui-state-hover{background-color:rgba(0,0,0,.07)!important;border-left:1px solid rgba(0,0,0,.09)!important}.ui-chatbox-input-focus{border-color:#5D98CC!important;background-color:#fff!important}.ui-chatbox-msg{margin-top:10px;float:left;clear:both;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.chat-users li:before,.chat-users>ul:before{border:none}.chat-users .display-users{display:block;padding:0 15px}.chat-users .display-users a[data-chat-id]{padding:4px 6px;font-size:13px;margin:1px 0}.chat-users .display-users [data-chat-id]:hover{background:rgba(255,255,255,.1)}.chat-users .display-users [data-chat-id]>i{display:inline-block;border-radius:50%;margin-right:7px;padding:5px;width:auto!important}.chat-users .display-users [data-chat-status=away]>i{background:#ffc40d}[data-chat-status=away]+.popover .usr-card>img{border-left-color:#ffc40d}.chat-users .display-users [data-chat-status=online]>i{background:#54ce3c}[data-chat-status=online]+.popover .usr-card>img{border-left-color:#54ce3c}.chat-users .display-users [data-chat-status=incognito]>i{background:#a19e9d}[data-chat-status=incognito]+.popover .usr-card>img{border-left-color:#a19e9d}.chat-users .display-users [data-chat-status=busy]>i{background:#f14b52}[data-chat-status=busy]+.popover .usr-card>img{border-left-color:#f14b52}.display-users>dl{margin:0}.chat-user-filter{margin-bottom:10px;margin-top:5px;height:27px;color:#fff;background-color:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:3px 4px;font-size:14px}[data-chat-id]+.popover{min-width:250px;margin-left:14px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.2);box-shadow:0 2px 8px rgba(0,0,0,.2);border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;font-weight:400!important}[data-chat-id]+.popover .popover-content{padding:8px}.usr-card{position:relative}.usr-card>img{display:inline-block;border-left:3px solid #fff}.usr-card-content{display:inline-block;vertical-align:top;margin-top:-3px;padding-left:5px;max-width:174px}.usr-card-content>:first-child{margin:0;font-size:14px;color:#3276b1;font-weight:700}.usr-card-content>p{margin:0}.usr-card-content>p>small{display:block;color:#7E7E7E}.sa-chat-learnmore-btn{margin-top:10px;display:block;font-weight:700;margin-bottom:5px;padding:3px 0!important;background:rgba(0,0,0,.2);border-color:rgba(0,0,0,.2);color:#C2C2C2;border-radius:5px}/*! X-editable - v1.5.0 * In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery * http://github.com/vitalets/x-editable * Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */.editableform{margin-bottom:0}.editableform .control-group{margin-bottom:0;white-space:nowrap}.editable-buttons{display:inline-block;vertical-align:top;margin-left:7px;zoom:1;*display:inline}.editable-buttons.editable-buttons-bottom{display:block;margin-top:7px;margin-left:0}.editable-input{vertical-align:top;display:inline-block;width:auto;white-space:normal;zoom:1;*display:inline}.editable-buttons .editable-cancel{margin-left:7px}.editable-buttons button.ui-button-icon-only{height:24px;width:30px}.editableform-loading{background:url(../img/loading.gif) center center no-repeat;height:25px;width:auto;min-width:25px}.editable-inline .editableform-loading{background-position:left 5px}.editable-error-block{max-width:300px;margin:5px 0 0;width:auto;white-space:normal}.editable-error-block.ui-state-error{padding:3px}.editable-error{color:red}.editableform .editable-date{padding:0;margin:0;float:left}.editable-inline .add-on .icon-th{margin-top:3px;margin-left:1px}.editable-checklist label input[type=checkbox],.editable-checklist label span{vertical-align:middle;margin:0}.editable-checklist label{white-space:nowrap}.editable-wysihtml5{width:566px;height:250px}.editable-clear{clear:both;font-size:.9em;text-decoration:none;text-align:right}.editable-clear-x{background:url(../img/clear.png) center center no-repeat;display:block;width:13px;height:13px;position:absolute;opacity:.6;z-index:100;top:50%;right:6px;margin-top:-6px}.editable-clear-x:hover{opacity:1}.editable-pre-wrapped{white-space:pre-wrap}.editable-container.editable-popup{max-width:none!important}.editable-container.popover{width:auto}.editable-container.editable-inline{display:inline-block;vertical-align:middle;width:auto;zoom:1;*display:inline}.editable-container.ui-widget{font-size:inherit;z-index:9990}.editable-click,a.editable-click,a.editable-click:hover{text-decoration:none;border-bottom:dashed 1px #08c}.editable-click.editable-disabled,a.editable-click.editable-disabled,a.editable-click.editable-disabled:hover{color:#585858;cursor:default;border-bottom:none}.editable-empty,.editable-empty:focus,.editable-empty:hover{font-style:italic;color:#D14;text-decoration:none}.editable-unsaved{font-weight:700}.editable-bg-transition{-webkit-transition:background-color 1400ms ease-out;-moz-transition:background-color 1400ms ease-out;-o-transition:background-color 1400ms ease-out;-ms-transition:background-color 1400ms ease-out;transition:background-color 1400ms ease-out}.form-horizontal .editable{padding-top:5px;display:inline-block}.editable-address{display:block;margin-bottom:5px}.editable-address span{width:70px;display:inline-block}/*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */.editable-input .datepicker{top:0;left:0;padding:4px}.editable-input .datepicker: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,.2);position:absolute;top:-7px;left:6px}.editable-input .datepicker: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:7px}.editable-input .datepicker>div{display:none}.editable-input .datepicker table{width:100%;min-width:214px;margin:0}.editable-input .datepicker td,.editable-input .datepicker th{text-align:center;width:24px;height:20px}.editable-input .datepicker td.day:hover{background:#eee;cursor:pointer}.editable-input .datepicker td.day.disabled,.editable-input .datepicker td.new,.editable-input .datepicker td.old{color:#555}.editable-input .datepicker td.active,.editable-input .datepicker td.active:hover{background:#3276b1;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);border-radius:3px}.editable-input .datepicker td span{display:block;width:47px;height:54px;line-height:54px;float:left;margin:2px;cursor:pointer}.editable-input .datepicker td span:hover{background:#eee}.editable-input .datepicker td span.active{background:#3276b1;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);border-radius:3px}.editable-input .datepicker td span.old{color:#555}.editable-input .datepicker th.switch{width:145px}.editable-input .datepicker th.next,.editable-input .datepicker th.prev{font-size:19.5px}.editable-input .datepicker thead tr:first-child th{cursor:pointer}.editable-input .datepicker thead tr:first-child th:hover{background:#eee}.input-append.date .add-on i,.input-prepend.date .add-on i{display:block;cursor:pointer;width:16px;height:16px}.datepicker .prev i,.editable-input .datepicker .next i{display:inline-block;font-family:'Font Awesome 6 Pro';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}.editable-input .datepicker .prev i:before{content:"\f060"}.editable-input .datepicker .next i:before{content:"\f061"}.divMessageBox{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.6);z-index:100000}.MessageBoxContainer{top:35%;color:#fff;position:relative;width:100%;background-color:#232323;background-color:rgba(0,0,0,.8);padding:20px}.MessageBoxMiddle{position:relative;left:20%;width:60%}.MessageBoxMiddle .MsgTitle{letter-spacing:-1px;font-size:24px;font-weight:300}.MessageBoxMiddle .pText{font-size:13px}.MessageBoxContainer input,.MessageBoxContainer select{width:50%;padding:5px}.MessageBoxButtonSection{width:100%;height:30px}.MessageBoxButtonSection button{float:right;margin-right:7px;padding-left:15px;padding-right:15px;font-size:14px;font-weight:700}.LoadingBoxContainer{top:20%;color:#fff;position:relative;width:100%;background-color:#232323}.LoadingBoxMiddle{position:relative;left:20%;width:50%;padding:10px}.LoadingBoxContainer .MsgTitle{font-size:26px}.LoadingBoxContainer .pText{font-size:13px}#LoadingPoints{position:absolute}.bigBox{position:fixed;right:10px;bottom:10px;background-color:#004d60;padding-left:10px;padding-top:10px;padding-right:10px;padding-bottom:5px;width:390px;height:150px;color:#fff;z-index:99999;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;border-left:5px solid rgba(0,0,0,.15);overflow:hidden}.bigBox span{font-size:17px;font-weight:300;letter-spacing:-1px;padding:5px 0!important;display:block}.bigBox p{font-size:13px;margin-top:10px}#divMiniIcons{position:fixed;width:415px;right:10px;bottom:180px;z-index:9999;float:right}.botClose{position:absolute;right:10px;height:16px;width:15px;cursor:pointer;font-size:18px;opacity:.5;display:block;top:15px}.botClose:hover{opacity:1}#divMiniIcons .cajita{text-align:center;vertical-align:middle;padding:4px 6px;color:#FFF;float:right;cursor:pointer;display:block;background-color:red;font-size:17px;margin-left:4px;margin-top:5px}#divMiniIcons .cajita:active{top:1px;left:1px;position:relative}.cajita img{width:23px;height:23px;padding-left:3px;padding-top:3px}.bigBox .bigboxicon{font-size:30px;text-align:left;position:absolute;top:120px;left:6px;z-index:0}.bigBox .bigboxnumber{width:100%;text-align:right;font-size:25px}#divSmallBoxes{position:fixed;right:0;top:0;z-index:9999}.SmallBox{position:absolute;right:5px;top:20px;width:420px;color:#fff;z-index:9999;overflow:hidden;border:1px solid transparent}.SmallBox:hover{border:1px solid #fff;cursor:pointer}.SmallBox .foto{font-size:50px;position:absolute;left:17px}.SmallBox .textoFull{width:93%;float:left;padding-left:20px}.SmallBox .textoFoto{width:78%;margin:3px 20px 3px 80px;float:left}.miniPic{position:absolute;bottom:8px;right:9px}.miniIcono{height:100%;font-size:20px}.SmallBox span{font-size:17px;font-weight:300;letter-spacing:-1px;display:block;margin:4px 0}.SmallBox p{font-size:13px;margin-top:2px}#pageslide{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:305px;padding:20px;background-color:#004d60;color:#FFF;-webkit-box-shadow:inset 0 0 5px 5px #222;-moz-shadow:inset 0 0 0 0 #222;box-shadow:inset 0 0 0 0 #222}.purehtml{color:#fff;font-size:16px}@media screen and (max-width:450px) and (max-width:767px){#divSmallBoxes{position:fixed;width:90%;right:0;top:0}.SmallBox{width:95%}.SmallBox:hover{box-shadow:0 0 10px #888;cursor:pointer}.SmallBox span{font-size:16px}.SmallBox p{font-size:12px;margin-top:2px}.SmallBox .textoFull{width:93%;float:left;padding-left:20px}.SmallBox .textoFoto{width:55%;margin:3px 20px 3px 80px;float:left}.bigBox{position:fixed;right:10px;bottom:10px;background-color:#004d60;padding-left:10px;padding-top:10px;padding-right:10px;padding-bottom:5px;width:88%;height:150px;color:#fff;z-index:99999}.divMessageBox{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.6);z-index:100000}.MessageBoxContainer{top:25%;color:#fff;position:relative;width:100%;background-color:#232323}.MessageBoxMiddle{position:relative;left:0;width:100%;padding:3px}.MessageBoxMiddle .MsgTitle{font-size:22px}.MessageBoxMiddle .pText{font-size:13px}.MessageBoxContainer input,.MessageBoxContainer select{width:50%;padding:5px}.MessageBoxButtonSection{width:100%;height:30px}.MessageBoxButtonSection button{float:right;margin-right:5px;padding-left:15px;padding-right:15px}}.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.animated.fast{-webkit-animation-duration:.4s;-moz-animation-duration:.4s;-ms-animation-duration:.4s;-o-animation-duration:.4s;animation-duration:.4s}.jqstooltip{padding:7px!important;border-radius:3px!important;-webkit-border-radius:3px!important;-moz-border-radius:3px!important;border:none!important;background-color:#000!important;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}.jqstooltip .jqsfield{font-family:"Segoe UI","Open Sans",Calibri,Candara,Arial,sans-serif;font-size:11px}#sparks{display:block;list-style:none;margin:10px 0 0;padding:0;text-align:right}#sparks li{display:inline-block;max-height:47px;overflow:hidden;text-align:left;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#sparks li h5{color:#555;float:left;font-size:11px;font-weight:400;margin:-3px 0 0 0;padding:0;border:none;text-transform:uppercase}#sparks li span{color:#636363;display:block}#sparks li{border-left:1px dotted #c7c7c7;padding:0 10px}#sparks li:last-child{padding-right:0}#sparks li:first-child{border-left:none;padding-left:0}.sparks-info{min-width:70px}.sparks-info span{font-size:18px;line-height:20px;margin:0;text-transform:none}.sparks-info .sparkline{display:block;float:right;margin:3px 0 0 20px}[data-sparkline-width="100%"]>canvas{width:100%!important}.dataTable [data-sparkline-width="100%"]>canvas{max-width:60px!important}.note-editor{border:1px solid #a9a9a9;position:relative}.note-editor .note-dropzone{position:absolute;display:none;z-index:1;border:2px dashed #87cefa;color:#87cefa;background-color:#fff;opacity:.95;pointer-event:none}.note-editor .note-dropzone .note-dropzone-message{display:table-cell;vertical-align:middle;text-align:center;font-size:28px;font-weight:700}.note-editor .note-dropzone.hover{border:2px dashed #098ddf;color:#098ddf}.note-editor.dragover .note-dropzone{display:table}.note-editor .note-toolbar{background-color:#f5f5f5;border-bottom:1px solid #a9a9a9}.note-editor.fullscreen{position:fixed;top:0;left:0;width:100%;z-index:1050}.note-editor.fullscreen .note-editable{background-color:#fff}.note-editor.codeview .note-editable,.note-editor.fullscreen .note-resizebar{display:none}.note-editor.codeview .note-codable{display:block}.note-editor .note-statusbar{background-color:#f5f5f5}.note-editor .note-statusbar .note-resizebar{height:8px;width:100%;cursor:ns-resize}.note-editor .note-statusbar .note-resizebar .note-icon-bar{width:20px;margin:1px auto;border-top:1px solid #a9a9a9}.note-editor .note-editable{padding:10px;overflow:auto;outline:0}.note-editor .note-editable[contenteditable=false]{background-color:#e5e5e5}.note-editor .note-codable{display:none;width:100%;padding:10px;border:none;box-shadow:none;font-family:Menlo,Monaco,monospace,sans-serif;font-size:14px;color:#ccc;background-color:#222;resize:none;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin-bottom:0}.note-air-editor{outline:0}.note-popover .popover{max-width:none}.note-popover .popover .popover-content a{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.note-popover .popover .arrow{left:20px}.note-popover .popover .popover-content,.note-toolbar{margin:0;padding:0 0 5px 5px}.note-popover .popover .popover-content>.btn-group,.note-toolbar>.btn-group{margin-top:5px;margin-left:0;margin-right:5px}.note-popover .popover .popover-content .note-table .dropdown-menu,.note-toolbar .note-table .dropdown-menu{min-width:0;padding:5px}.note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker,.note-toolbar .note-table .dropdown-menu .note-dimension-picker{font-size:18px}.note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher,.note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher{position:absolute!important;z-index:3;width:10em;height:10em;cursor:pointer}.note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted,.note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted{position:relative!important;z-index:1;width:5em;height:5em;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat}.note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted,.note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted{position:absolute!important;z-index:2;width:1em;height:1em;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat}.note-popover .popover .popover-content .note-style blockquote,.note-popover .popover .popover-content .note-style h1,.note-popover .popover .popover-content .note-style h2,.note-popover .popover .popover-content .note-style h3,.note-popover .popover .popover-content .note-style h4,.note-popover .popover .popover-content .note-style h5,.note-popover .popover .popover-content .note-style h6,.note-toolbar .note-style blockquote,.note-toolbar .note-style h1,.note-toolbar .note-style h2,.note-toolbar .note-style h3,.note-toolbar .note-style h4,.note-toolbar .note-style h5,.note-toolbar .note-style h6{margin:0}.note-popover .popover .popover-content .note-color .dropdown-toggle,.note-toolbar .note-color .dropdown-toggle{width:20px;padding-left:5px}.note-popover .popover .popover-content .note-color .dropdown-menu,.note-toolbar .note-color .dropdown-menu{min-width:340px}.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group,.note-toolbar .note-color .dropdown-menu .btn-group{margin:0}.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group:first-child,.note-toolbar .note-color .dropdown-menu .btn-group:first-child{margin:0 5px}.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title,.note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title{font-size:12px;margin:2px 7px;text-align:center;border-bottom:1px solid #eee}.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset{font-size:11px;margin:3px;padding:0 3px;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-row,.note-toolbar .note-color .dropdown-menu .btn-group .note-color-row{height:20px}.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset:hover,.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover{background:#eee}.note-popover .popover .popover-content .note-para .dropdown-menu,.note-toolbar .note-para .dropdown-menu{min-width:216px;padding:5px}.note-popover .popover .popover-content .note-para .dropdown-menu>div:first-child,.note-toolbar .note-para .dropdown-menu>div:first-child{margin-right:5px}.note-popover .popover .popover-content .dropdown-menu,.note-toolbar .dropdown-menu{min-width:90px}.note-popover .popover .popover-content .dropdown-menu.right,.note-toolbar .dropdown-menu.right{right:0;left:auto}.note-popover .popover .popover-content .dropdown-menu.right::before,.note-toolbar .dropdown-menu.right::before{right:9px;left:auto!important}.note-popover .popover .popover-content .dropdown-menu.right::after,.note-toolbar .dropdown-menu.right::after{right:10px;left:auto!important}.note-popover .popover .popover-content .dropdown-menu li a i,.note-toolbar .dropdown-menu li a i{color:#00bfff;visibility:hidden}.note-popover .popover .popover-content .dropdown-menu li a.checked i,.note-toolbar .dropdown-menu li a.checked i{visibility:visible}.note-popover .popover .popover-content .note-fontsize-10,.note-toolbar .note-fontsize-10{font-size:10px}.note-popover .popover .popover-content .note-color-palette,.note-toolbar .note-color-palette{line-height:1}.note-popover .popover .popover-content .note-color-palette div .note-color-btn,.note-toolbar .note-color-palette div .note-color-btn{width:20px;height:20px;padding:0;margin:0;border:1px solid #fff}.note-popover .popover .popover-content .note-color-palette div .note-color-btn:hover,.note-toolbar .note-color-palette div .note-color-btn:hover{border:1px solid #000}.note-dialog>div{display:none}.note-dialog .note-image-dialog .note-dropzone{min-height:100px;font-size:30px;line-height:4;color:#d3d3d3;text-align:center;border:4px dashed #d3d3d3;margin-bottom:10px}.note-dialog .note-help-dialog{font-size:12px;color:#ccc;background-color:#222!important;-webkit-opacity:.9;-khtml-opacity:.9;-moz-opacity:.9;opacity:.9;-ms-filter:alpha(opacity=90);filter:alpha(opacity=90);background:0 0;border:none}.note-dialog .note-help-dialog .modal-content{background:0 0;border:1px solid #fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.note-dialog .note-help-dialog a{font-size:12px;color:#fff}.note-dialog .note-help-dialog .title{color:#fff;font-size:14px;font-weight:700;padding-bottom:5px;border-bottom:#fff 1px solid}.note-dialog .note-help-dialog .modal-close{font-size:14px;color:#dd0;cursor:pointer}.note-dialog .note-help-dialog .note-shortcut-layout{width:100%}.note-dialog .note-help-dialog .note-shortcut-layout td{vertical-align:top}.note-dialog .note-help-dialog .note-shortcut{margin-top:8px}.note-dialog .note-help-dialog .note-shortcut th{text-align:left;font-size:13px;color:#dd0}.note-dialog .note-help-dialog .note-shortcut td:first-child{min-width:110px;font-family:"Courier New";color:#dd0;text-align:right;padding-right:10px}.note-handle .note-control-selection{position:absolute;display:none;border:1px solid #000}.note-handle .note-control-selection>div{position:absolute}.note-handle .note-control-selection .note-control-selection-bg{width:100%;height:100%;background-color:#000;-webkit-opacity:.3;-khtml-opacity:.3;-moz-opacity:.3;opacity:.3;-ms-filter:alpha(opacity=30);filter:alpha(opacity=30)}.note-handle .note-control-selection .note-control-handle,.note-handle .note-control-selection .note-control-holder{width:7px;height:7px;border:1px solid #000}.note-handle .note-control-selection .note-control-sizing{width:7px;height:7px;border:1px solid #000;background-color:#fff}.note-handle .note-control-selection .note-control-nw{top:-5px;left:-5px;border-right:none;border-bottom:none}.note-handle .note-control-selection .note-control-ne{top:-5px;right:-5px;border-bottom:none;border-left:none}.note-handle .note-control-selection .note-control-sw{bottom:-5px;left:-5px;border-top:none;border-right:none}.note-handle .note-control-selection .note-control-se{right:-5px;bottom:-5px;cursor:se-resize}.note-handle .note-control-selection .note-control-selection-info{right:0;bottom:0;padding:5px;margin:5px;color:#fff;background-color:#000;font-size:12px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-opacity:.7;-khtml-opacity:.7;-moz-opacity:.7;opacity:.7;-ms-filter:alpha(opacity=70);filter:alpha(opacity=70)}.no-padding .note-editor{border:none}.note-editor .note-editable{background-color:rgba(48,126,204,.05)}.note-editor .note-editable:focus{background-color:#fff}.note-editor .note-statusbar .note-resizebar{border-top:1px solid #DBDBDB}.note-editor .note-statusbar:hover{background:#EEE}.note-editor .note-statusbar:active{background:#eaeaea}.superbox *,.superbox :after,.superbox :before{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}.superbox-list{display:inline-block;*display:inline;zoom:1;width:12.5%;padding:5px;position:relative}.superbox-list.active:before{content:"\f0d8";font-family:'Font Awesome 6 Pro';display:block;position:absolute;left:43%;bottom:-34px;z-index:2;text-align:center;font-size:45px;color:#222}.superbox-img{max-width:100%;width:100%;cursor:pointer}.superbox-show{text-align:left;position:relative;background-color:#222;width:100%;float:left;padding:25px 0 12px 25px;display:none;margin:5px 0}.superbox-current-img{max-width:100%;float:left;padding-right:25px;padding-bottom:13px}.superbox-img:hover{opacity:.8}.superbox-float{float:left}.superbox-close{opacity:.7;cursor:pointer;position:absolute;top:15px;right:15px;transition:all .1s linear 0s}.superbox-close:hover{opacity:1}.superbox-imageinfo{display:inline-block;max-width:500px;color:#fff;padding:0 25px 0 0}.superbox-imageinfo span{font-size:13px;color:#a19994;margin-right:-2px;padding-top:10px;display:inline-block;padding-bottom:13px}.superbox-imageinfo>:first-child{margin-bottom:10px;font-weight:700}.superbox-imageinfo span p:last-child{margin-top:30px}@media only screen and (min-width:320px){.superbox-list{width:50%}}@media only screen and (min-width:486px){.superbox-list{width:25%}}@media only screen and (min-width:768px){.superbox-list{width:16.66666667%}}@media only screen and (min-width:1025px){.superbox-list{width:12.5%}}@media only screen and (min-width:1824px){.superbox-list{width:12.5%}}#speech-btn>:first-child{position:relative}.voice-command-active #speech-btn>:first-child>a{background:#0E70CA;border:1px solid #125A9C;color:rgba(255,255,255,.9)}.voice-command-active.service-not-allowed #speech-btn>:first-child>a{background:#a90329;border:1px solid #8B0913;color:rgba(255,255,255,.9)}.voice-command-active.service-allowed #speech-btn>:first-child>a{background:url(../img/voicecommand/active-btn.gif) no-repeat center center #0e70ca;border:1px solid #125A9C;color:rgba(255,255,255,.9)}#speech-btn>:first-child>a+.popover{display:none;top:42px;left:-113px;width:255px}#speech-btn>:first-child>a+.popover>.popover-content{padding:9px 12px}#speech-btn>:first-child>a+.popover .btn{padding:4px 12px}.vc-title{margin-bottom:10px!important;font-size:16px;line-height:20px;text-align:center}.vc-title-error{display:none}.service-not-allowed .popover .btn,.service-not-allowed .vc-title,.voice-command-active.service-not-allowed .popover .btn,.voice-command-active.service-not-allowed .vc-title{display:none!important}.voice-command-active.service-not-allowed .vc-title-error{display:block}.vc-title>small{font-size:80%} /*! * SmartAdmin - Responsive WebApp * * Copyright 2014 bootstraphunter.com * Designed and built with all the love in the world by @bootstraphunt. */.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.animated.fast{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@-moz-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@-o-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.animated.flash{-webkit-animation-name:flash;-moz-animation-name:flash;-o-animation-name:flash;animation-name:flash}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@-moz-keyframes shake{0%,100%{-moz-transform:translateX(0)}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px)}20%,40%,60%,80%{-moz-transform:translateX(10px)}}@-o-keyframes shake{0%,100%{-o-transform:translateX(0)}10%,30%,50%,70%,90%{-o-transform:translateX(-10px)}20%,40%,60%,80%{-o-transform:translateX(10px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.animated.shake{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes bounce{0%,100%,20%,50%,80%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-o-keyframes bounce{0%,100%,20%,50%,80%{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o-transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.animated.bounce{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-moz-keyframes tada{0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0)}}@-o-keyframes tada{0%{-o-transform:scale(1)}10%,20%{-o-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-o-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-o-transform:scale(1.1) rotate(-3deg)}100%{-o-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.animated.tada{-webkit-animation-name:tada;-moz-animation-name:tada;-o-animation-name:tada;animation-name:tada}@-webkit-keyframes swing{100%,20%,40%,60%,80%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@-moz-keyframes swing{20%{-moz-transform:rotate(15deg)}40%{-moz-transform:rotate(-10deg)}60%{-moz-transform:rotate(5deg)}80%{-moz-transform:rotate(-5deg)}100%{-moz-transform:rotate(0deg)}}@-o-keyframes swing{20%{-o-transform:rotate(15deg)}40%{-o-transform:rotate(-10deg)}60%{-o-transform:rotate(5deg)}80%{-o-transform:rotate(-5deg)}100%{-o-transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.animated.swing{-webkit-transform-origin:top center;-moz-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;-moz-animation-name:swing;-o-animation-name:swing;animation-name:swing}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%)}}@-moz-keyframes wobble{0%{-moz-transform:translateX(0%)}15%{-moz-transform:translateX(-25%) rotate(-5deg)}30%{-moz-transform:translateX(20%) rotate(3deg)}45%{-moz-transform:translateX(-15%) rotate(-3deg)}60%{-moz-transform:translateX(10%) rotate(2deg)}75%{-moz-transform:translateX(-5%) rotate(-1deg)}100%{-moz-transform:translateX(0%)}}@-o-keyframes wobble{0%{-o-transform:translateX(0%)}15%{-o-transform:translateX(-25%) rotate(-5deg)}30%{-o-transform:translateX(20%) rotate(3deg)}45%{-o-transform:translateX(-15%) rotate(-3deg)}60%{-o-transform:translateX(10%) rotate(2deg)}75%{-o-transform:translateX(-5%) rotate(-1deg)}100%{-o-transform:translateX(0%)}}@keyframes wobble{0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}.animated.wobble{-webkit-animation-name:wobble;-moz-animation-name:wobble;-o-animation-name:wobble;animation-name:wobble}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@-moz-keyframes pulse{0%{-moz-transform:scale(1)}50%{-moz-transform:scale(1.1)}100%{-moz-transform:scale(1)}}@-o-keyframes pulse{0%{-o-transform:scale(1)}50%{-o-transform:scale(1.1)}100%{-o-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.animated.pulse{-webkit-animation-name:pulse;-moz-animation-name:pulse;-o-animation-name:pulse;animation-name:pulse}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);-webkit-animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in}}@-moz-keyframes flip{0%{-moz-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-moz-animation-timing-function:ease-out}40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-moz-animation-timing-function:ease-out}50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function:ease-in}80%{-moz-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);-moz-animation-timing-function:ease-in}100%{-moz-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-moz-animation-timing-function:ease-in}}@-o-keyframes flip{0%{-o-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-o-animation-timing-function:ease-out}40%{-o-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-o-animation-timing-function:ease-out}50%{-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-o-animation-timing-function:ease-in}80%{-o-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);-o-animation-timing-function:ease-in}100%{-o-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-o-animation-timing-function:ease-in}}@keyframes flip{0%{transform:perspective(400px) translateZ(0) rotateY(0) scale(1);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);animation-timing-function:ease-in}100%{transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible!important;-webkit-animation-name:flip;-moz-backface-visibility:visible!important;-moz-animation-name:flip;-o-backface-visibility:visible!important;-o-animation-name:flip;backface-visibility:visible!important;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateX(-10deg)}70%{-moz-transform:perspective(400px) rotateX(10deg)}100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}}@-o-keyframes flipInX{0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateX(-10deg)}70%{-o-transform:perspective(400px) rotateX(10deg)}100%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.animated.flipInX{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInX;-moz-backface-visibility:visible!important;-moz-animation-name:flipInX;-o-backface-visibility:visible!important;-o-animation-name:flipInX;backface-visibility:visible!important;animation-name:flipInX}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@-moz-keyframes flipOutX{0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}}@-o-keyframes flipOutX{0%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}.animated.flipOutX{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;-moz-animation-name:flipOutX;-moz-backface-visibility:visible!important;-o-animation-name:flipOutX;-o-backface-visibility:visible!important;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateY(-10deg)}70%{-moz-transform:perspective(400px) rotateY(10deg)}100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}}@-o-keyframes flipInY{0%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateY(-10deg)}70%{-o-transform:perspective(400px) rotateY(10deg)}100%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}.animated.flipInY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInY;-moz-backface-visibility:visible!important;-moz-animation-name:flipInY;-o-backface-visibility:visible!important;-o-animation-name:flipInY;backface-visibility:visible!important;animation-name:flipInY}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}@-moz-keyframes flipOutY{0%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}}@-o-keyframes flipOutY{0%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}100%{transform:perspective(400px) rotateY(90deg);opacity:0}}.animated.flipOutY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipOutY;-moz-backface-visibility:visible!important;-moz-animation-name:flipOutY;-o-backface-visibility:visible!important;-o-animation-name:flipOutY;backface-visibility:visible!important;animation-name:flipOutY}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.animated.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.animated.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.animated.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.animated.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.animated.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUpBig{0%{opacity:0;-moz-transform:translateY(2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUpBig{0%{opacity:0;-o-transform:translateY(2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}100%{opacity:1;transform:translateY(0)}}.animated.fadeInUpBig{-webkit-animation-name:fadeInUpBig;-moz-animation-name:fadeInUpBig;-o-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDownBig{0%{opacity:0;-moz-transform:translateY(-2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDownBig{0%{opacity:0;-o-transform:translateY(-2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0)}}.animated.fadeInDownBig{-webkit-animation-name:fadeInDownBig;-moz-animation-name:fadeInDownBig;-o-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeftBig{0%{opacity:0;-moz-transform:translateX(-2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeftBig{0%{opacity:0;-o-transform:translateX(-2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}100%{opacity:1;transform:translateX(0)}}.animated.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;-moz-animation-name:fadeInLeftBig;-o-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRightBig{0%{opacity:0;-moz-transform:translateX(2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRightBig{0%{opacity:0;-o-transform:translateX(2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}100%{opacity:1;transform:translateX(0)}}.animated.fadeInRightBig{-webkit-animation-name:fadeInRightBig;-moz-animation-name:fadeInRightBig;-o-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.animated.fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;-o-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px)}}@-moz-keyframes fadeOutUp{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-20px)}}@-o-keyframes fadeOutUp{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}.animated.fadeOutUp{-webkit-animation-name:fadeOutUp;-moz-animation-name:fadeOutUp;-o-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px)}}@-moz-keyframes fadeOutDown{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(20px)}}@-o-keyframes fadeOutDown{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(20px)}}.animated.fadeOutDown{-webkit-animation-name:fadeOutDown;-moz-animation-name:fadeOutDown;-o-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px)}}@-moz-keyframes fadeOutLeft{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-20px)}}@-o-keyframes fadeOutLeft{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-20px)}}.animated.fadeOutLeft{-webkit-animation-name:fadeOutLeft;-moz-animation-name:fadeOutLeft;-o-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px)}}@-moz-keyframes fadeOutRight{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(20px)}}@-o-keyframes fadeOutRight{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(20px)}}.animated.fadeOutRight{-webkit-animation-name:fadeOutRight;-moz-animation-name:fadeOutRight;-o-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes fadeOutUpBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes fadeOutUpBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}.animated.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;-moz-animation-name:fadeOutUpBig;-o-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes fadeOutDownBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes fadeOutDownBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}}.animated.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;-moz-animation-name:fadeOutDownBig;-o-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes fadeOutLeftBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes fadeOutLeftBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.animated.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;-moz-animation-name:fadeOutLeftBig;-o-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes fadeOutRightBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes fadeOutRightBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}.animated.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;-moz-animation-name:fadeOutRightBig;-o-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(0.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(0.9)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(0.3)}50%{opacity:1;-moz-transform:scale(1.05)}70%{-moz-transform:scale(0.9)}100%{-moz-transform:scale(1)}}@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(0.3)}50%{opacity:1;-o-transform:scale(1.05)}70%{-o-transform:scale(0.9)}100%{-o-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(0.9)}100%{transform:scale(1)}}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes slideInDown{0%{opacity:0;-moz-transform:translateY(-2000px)}100%{-moz-transform:translateY(0)}}@-o-keyframes slideInDown{0%{opacity:0;-o-transform:translateY(-2000px)}100%{-o-transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-2000px)}100%{transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;-moz-animation-name:slideInDown;-o-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes slideInLeft{0%{opacity:0;-moz-transform:translateX(-2000px)}100%{-moz-transform:translateX(0)}}@-o-keyframes slideInLeft{0%{opacity:0;-o-transform:translateX(-2000px)}100%{-o-transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-2000px)}100%{transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;-moz-animation-name:slideInLeft;-o-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes slideInRight{0%{opacity:0;-moz-transform:translateX(2000px)}100%{-moz-transform:translateX(0)}}@-o-keyframes slideInRight{0%{opacity:0;-o-transform:translateX(2000px)}100%{-o-transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(2000px)}100%{transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;-moz-animation-name:slideInRight;-o-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes slideOutLeft{0%{-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes slideOutLeft{0%{-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;-moz-animation-name:slideOutLeft;-o-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes slideOutRight{0%{-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes slideOutRight{0%{-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes slideOutRight{0%{transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;-moz-animation-name:slideOutRight;-o-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes slideOutUp{0%{-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes slideOutUp{0%{-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes slideOutUp{0%{transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;-moz-animation-name:slideOutUp;-o-animation-name:slideOutUp;animation-name:slideOutUp}.animated.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px)}80%{-webkit-transform:translateY(10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInUp{0%{opacity:0;-moz-transform:translateY(2000px)}60%{opacity:1;-moz-transform:translateY(-30px)}80%{-moz-transform:translateY(10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInUp{0%{opacity:0;-o-transform:translateY(2000px)}60%{opacity:1;-o-transform:translateY(-30px)}80%{-o-transform:translateY(10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}100%{transform:translateY(0)}}.animated.bounceInUp{-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;-o-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-2000px)}60%{opacity:1;-moz-transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-2000px)}60%{opacity:1;-o-transform:translateY(30px)}80%{-o-transform:translateY(-10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}.animated.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px)}80%{-webkit-transform:translateX(-10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px)}60%{opacity:1;-moz-transform:translateX(30px)}80%{-moz-transform:translateX(-10px)}100%{-moz-transform:translateX(0)}}@-o-keyframes bounceInLeft{0%{opacity:0;-o-transform:translateX(-2000px)}60%{opacity:1;-o-transform:translateX(30px)}80%{-o-transform:translateX(-10px)}100%{-o-transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}100%{transform:translateX(0)}}.animated.bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-o-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px)}80%{-webkit-transform:translateX(10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInRight{0%{opacity:0;-moz-transform:translateX(2000px)}60%{opacity:1;-moz-transform:translateX(-30px)}80%{-moz-transform:translateX(10px)}100%{-moz-transform:translateX(0)}}@-o-keyframes bounceInRight{0%{opacity:0;-o-transform:translateX(2000px)}60%{opacity:1;-o-transform:translateX(-30px)}80%{-o-transform:translateX(10px)}100%{-o-transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}100%{transform:translateX(0)}}.animated.bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-o-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(0.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(0.3)}}@-moz-keyframes bounceOut{0%{-moz-transform:scale(1)}25%{-moz-transform:scale(0.95)}50%{opacity:1;-moz-transform:scale(1.1)}100%{opacity:0;-moz-transform:scale(0.3)}}@-o-keyframes bounceOut{0%{-o-transform:scale(1)}25%{-o-transform:scale(0.95)}50%{opacity:1;-o-transform:scale(1.1)}100%{opacity:0;-o-transform:scale(0.3)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(0.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(0.3)}}.animated.bounceOut{-webkit-animation-name:bounceOut;-moz-animation-name:bounceOut;-o-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(20px)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes bounceOutUp{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(20px)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px)}}.animated.bounceOutUp{-webkit-animation-name:bounceOutUp;-moz-animation-name:bounceOutUp;-o-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes bounceOutDown{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(-20px)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes bounceOutDown{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(-20px)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}.animated.bounceOutDown{-webkit-animation-name:bounceOutDown;-moz-animation-name:bounceOutDown;-o-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes bounceOutLeft{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(20px)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes bounceOutLeft{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(20px)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}.animated.bounceOutLeft{-webkit-animation-name:bounceOutLeft;-moz-animation-name:bounceOutLeft;-o-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes bounceOutRight{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(-20px)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes bounceOutRight{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(-20px)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}.animated.bounceOutRight{-webkit-animation-name:bounceOutRight;-moz-animation-name:bounceOutRight;-o-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateIn{0%{-moz-transform-origin:center center;-moz-transform:rotate(-200deg);opacity:0}100%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateIn{0%{-o-transform-origin:center center;-o-transform:rotate(-200deg);opacity:0}100%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}.animated.rotateIn{-webkit-animation-name:rotateIn;-moz-animation-name:rotateIn;-o-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.animated.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;-moz-animation-name:rotateInUpLeft;-o-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.animated.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;-moz-animation-name:rotateInDownLeft;-o-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.animated.rotateInUpRight{-webkit-animation-name:rotateInUpRight;-moz-animation-name:rotateInUpRight;-o-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.animated.rotateInDownRight{-webkit-animation-name:rotateInDownRight;-moz-animation-name:rotateInDownRight;-o-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}}@-moz-keyframes rotateOut{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0}}@-o-keyframes rotateOut{0%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:center center;-o-transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}}.animated.rotateOut{-webkit-animation-name:rotateOut;-moz-animation-name:rotateOut;-o-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}}.animated.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;-moz-animation-name:rotateOutUpLeft;-o-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}.animated.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;-moz-animation-name:rotateOutDownLeft;-o-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.animated.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;-moz-animation-name:rotateOutUpRight;-o-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}}.animated.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;-moz-animation-name:rotateOutDownRight;-o-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);opacity:0}}@-moz-keyframes hinge{0%{-moz-transform:rotate(0);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}20%,60%{-moz-transform:rotate(80deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}40%{-moz-transform:rotate(60deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}80%{-moz-transform:rotate(60deg) translateY(0);opacity:1;-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}100%{-moz-transform:translateY(700px);opacity:0}}@-o-keyframes hinge{0%{-o-transform:rotate(0);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}20%,60%{-o-transform:rotate(80deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}40%{-o-transform:rotate(60deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}80%{-o-transform:rotate(60deg) translateY(0);opacity:1;-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}100%{-o-transform:translateY(700px);opacity:0}}@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}100%{transform:translateY(700px);opacity:0}}.animated.hinge{-webkit-animation-name:hinge;-moz-animation-name:hinge;-o-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}}@-moz-keyframes rollIn{0%{opacity:0;-moz-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}}@-o-keyframes rollIn{0%{opacity:0;-o-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}}.animated.rollIn{-webkit-animation-name:rollIn;-moz-animation-name:rollIn;-o-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg)}}@-moz-keyframes rollOut{0%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-moz-transform:translateX(100%) rotate(120deg)}}@-o-keyframes rollOut{0%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-o-transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg)}100%{opacity:0;transform:translateX(100%) rotate(120deg)}}.animated.rollOut{-webkit-animation-name:rollOut;-moz-animation-name:rollOut;-o-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@-moz-keyframes lightSpeedIn{0%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-moz-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-moz-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}}@-o-keyframes lightSpeedIn{0%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-o-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-o-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-o-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(-20%) skewX(30deg);opacity:1}80%{transform:translateX(0%) skewX(-15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}}.animated.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-moz-animation-name:lightSpeedIn;-o-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}}@-moz-keyframes lightSpeedOut{0%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}100%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}}@-o-keyframes lightSpeedOut{0%{-o-transform:translateX(0%) skewX(0deg);opacity:1}100%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(100%) skewX(-30deg);opacity:0}}.animated.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-moz-animation-name:lightSpeedOut;-o-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:.25s;-moz-animation-duration:.25s;-o-animation-duration:.25s;animation-duration:.25s}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}/*! * jQuery UI Bootstrap (1.0 alpha) * http://addyosmani.github.io/jquery-ui-bootstrap/ * * Copyright 2012 - 2013, Addy Osmani * Dual licensed under the MIT or GPL Version 2 licenses. * * Portions copyright jQuery UI & Twitter Bootstrap */.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:after,.ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui-helper-clearfix{display:block;min-height:0}* html .ui-helper-clearfix{height:1%}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:alpha(opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;z-index:99999;display:block}.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .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-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-widget{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px}.ui-widget .ui-widget{font-size:13px}.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:inherit}.ui-widget-content{border:1px solid #aaa;background:#fff;color:#404040}.ui-widget-header{font-weight:700;background-color:#F5F5F5;border-color:#DDD;color:#333}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{color:#333;background-color:#fff;font-weight:400;border:1px solid #ccc}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{color:#333;background-color:#ebebeb;border-color:#adadad;text-decoration:none}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#333;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #adadad;font-weight:400;color:#333}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#333;text-decoration:none}.ui-widget :active{outline:0}.ui-state-default,.ui-state-error,.ui-state-highlight{position:relative;border-width:1px;border-style:solid}.ui-state-default p,.ui-state-error p,.ui-state-highlight p{font-size:13px;font-weight:400;line-height:18px;margin:7px 15px}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#2d6987}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error a,.ui-widget-header .ui-state-error-text{color:#953b39}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:alpha(opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:alpha(opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:alpha(opacity=35)}.ui-icon{width:16px;height:16px;background-image:url(../img/jqueryui/ui-icons_222222_256x240.png)}.ui-widget-content .ui-icon,.ui-widget-header .ui-icon{background-image:url(../img/jqueryui/ui-icons_222222_256x240.png)}.ui-state-default .ui-icon{background-image:url(../img/jqueryui/ui-icons_888888_256x240.png)}.ui-state-active .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{background-image:url(../img/jqueryui/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(../img/jqueryui/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(../img/jqueryui/ui-icons_f6cf3b_256x240.png)}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-first,.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui-corner-left,.ui-corner-tl,.ui-corner-top{-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px}.ui-corner-right,.ui-corner-top,.ui-corner-tr{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px}.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px}.ui-corner-bottom,.ui-corner-br,.ui-corner-right{-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px}.ui-widget-overlay{opacity:.3;filter:alpha(opacity=30);width:100%}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa;opacity:.3;filter:alpha(opacity=30);-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.ui-accordion{width:100%}.ui-accordion .ui-accordion-li-fix{display:inline}.ui-accordion .ui-accordion-header-active{border-bottom:0!important}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{border-top:0 none;margin-top:-3px;position:relative;top:1px;margin-bottom:2px;overflow:auto;display:none}.ui-accordion .ui-accordion-content-active{display:block}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid #ccc;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.ui-button:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ui-button:focus,.ui-button:hover{color:#333;background-color:#ebebeb;border-color:#adadad;text-decoration:none}fieldset[disabled] ui-button,fieldset[disabled] ui-button.ui-state-active,fieldset[disabled] ui-button:active,fieldset[disabled] ui-button:focus,fieldset[disabled] ui-button:hover,ui-button.disabled,ui-button.disabled.active,ui-button.disabled:active,ui-button.disabled:focus,ui-button.disabled:hover,ui-button[disabled],ui-button[disabled].active,ui-button[disabled]:active,ui-button[disabled]:focus,ui-button[disabled]:hover{background-color:#fff;border-color:#ccc}.ui-btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.ui-btn-sm,.ui-btn-xs{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.ui-btn-xs{padding:1px 5px}.ui-btn-block{display:block;width:100%;padding-right:0;padding-left:0}.ui-btn-block+.ui-btn-block{margin-top:5px}input[type=button].ui-btn-block,input[type=reset].ui-btn-block,input[type=submit].ui-btn-block{width:100%}.ui-button-text-icon-primary .ui-button-icon-primary{float:left}.ui-button-text-icon-primary{padding:2px 7px 3px}.ui-button-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.ui-button-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.ui-button-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.ui-button-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.ui-button-inverse{color:#fff;background-color:#222;border-color:#080808}.ui-button-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.ui-button-error{color:#fff;background-color:#c43c35;border-color:#882a25}.ui-button-danger:hover,.ui-button-info:hover,.ui-button-inverse:hover,.ui-button-primary:hover,.ui-button-success:hover,.ui-button-warning:hover{text-decoration:none}.ui-button-primary:focus,.ui-button-primary:hover{color:#fff;background-color:#3276b1;border-color:#285e8e}.ui-button-success:hover{color:#fff;background-color:#47a447;border-color:#398439}.ui-button-info:hover{color:#fff;background-color:#39b3d7;border-color:#269abc}.ui-button-danger:hover{color:#fff;background-color:#d2322d;border-color:#ac2925}.ui-button-warning:hover{color:#fff;background-color:#ed9c28;border-color:#d58512}.ui-button-inverse:hover{color:#fff;background-color:#363636;border-color:#000}.ui-button-icon-only{width:2.2em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button-text-icon-primary .ui-button-icon-primary.ui-icon{margin-top:5px}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999px;display:none}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-icons-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon{margin-bottom:0;margin-top:0;top:50%}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px;margin-right:-6px}.ui-button-icons-only .ui-button-icon-primary,.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary{left:.5em}.ui-button-icons-only .ui-button-icon-secondary,.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-state-active{color:#fff;background-color:#428bca;border-color:#357ebd}.ui-buttonset .ui-state-active.ui-state-hover{color:#fff;background-color:#3276b1;border-color:#285e8e}.ui-buttonset .ui-button{margin-left:0;margin-right:-.4em}button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-menu{list-style:none;margin:0;display:block;outline:0}.ui-menu .ui-menu{margin-top:-3px;position:absolute;list-style:none}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style:none;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:400}.ui-menu .ui-menu-item a.ui-corner-all{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui-menu .ui-menu-item a.ui-state-active,.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-widget-content{font-weight:700;margin:0;background-color:#428BCA;border-color:#357EBD;color:#FFF;display:block;white-space:nowrap}.ui-menu .ui-menu-item a.ui-state-active{padding:1px .4em}.ui-menu .ui-state-disabled{line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-menu{margin-bottom:2em}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:0 0;vertical-align:middle}.ui-spinner-button{height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-dialog{position:absolute;top:0;left:0;padding:0;width:300px;overflow:hidden;background-clip:padding-box;background-color:#fff;border-radius:6px;-moz-box-shadow:0 3px 7px rgba(0,0,0,.3);outline:medium none;z-index:1050}.ui-dialog .ui-dialog-titlebar{position:relative;border:0 0 0 1px solid;border-color:#fff;font-size:18px;text-decoration:none;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;border-bottom:1px solid #ccc}.ui-dialog .ui-dialog-title{float:left;color:#404040;font-weight:700;padding:5px;text-overflow:ellipsis;overflow:hidden}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:19px;margin:-20px 0 0 0;padding:1px;height:18px;font-size:20px;font-weight:700;line-height:13.5px;text-shadow:0 1px 0 #fff;filter:alpha(opacity=25);-khtml-opacity:.25;-moz-opacity:.25;opacity:.25;background:0 0;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui-dialog .ui-dialog-titlebar-close span{display:block;margin:1px;text-indent:9999px}.ui-dialog .ui-dialog-titlebar-close:focus,.ui-dialog .ui-dialog-titlebar-close:hover{padding:1px;filter:alpha(opacity=90);-moz-opacity:.9;opacity:.9}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0 0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{border-width:1px 0 0;background-image:none;margin:.5em 0 0;background-color:#fff;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #fff;-moz-box-shadow:inset 0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff;margin-bottom:0}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{cursor:pointer}.ui-dialog .ui-resizable-se{width:14px;height:14px;right:3px;bottom:3px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button{color:#fff;background-color:#428bca;border-color:#357ebd}.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-hover{color:#fff;background-color:#3276b1;border-color:#285e8e}.ui-dialog-buttonset .ui-button:not(:first-child){cursor:pointer;display:inline-block;color:#333;background-color:#fff;border:1px solid #ccc;-webkit-transition:.1s linear all;-moz-transition:.1s linear all;-o-transition:.1s linear all;transition:.1s linear all;overflow:visible}.ui-dialog-buttonset .ui-button:not(:first-child) .ui-state-hover{color:#333;background-color:#ebebeb;border-color:#adadad;text-decoration:none}.ui-dialog-buttonset .ui-button.ui-button-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.ui-dialog-buttonset .ui-button.ui-button-info.ui-state-hover{color:#fff;background-color:#39b3d7;border-color:#269abc}.ui-dialog-buttonset .ui-button.ui-button-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.ui-dialog-buttonset .ui-button.ui-button-success.ui-state-hover{color:#fff;background-color:#47a447;border-color:#398439}.ui-dialog-buttonset .ui-button.ui-button-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.ui-dialog-buttonset .ui-button.ui-button-warning.ui-state-hover{color:#fff;background-color:#ed9c28;border-color:#d58512}.ui-dialog-buttonset .ui-button.ui-button-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.ui-dialog-buttonset .ui-button.ui-button-danger.ui-state-hover{color:#fff;background-color:#d2322d;border-color:#ac2925}.ui-dialog-buttonset .ui-button.ui-button-inverse{color:#fff;background-color:#222;border-color:#080808}.ui-dialog-buttonset .ui-button.ui-button-inverse.ui-state-hover{color:#fff;background-color:#363636;border-color:#000}.ui-slider{position:relative;text-align:left}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:16px;height:18px;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0;color:#fff;background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(to bottom,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.ui-slider-horizontal{height:10px;background:#D5D5D5;border:none}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em;background-color:#fff;border-color:#CCC}.ui-slider-horizontal .ui-slider-handle:focus{background-color:#fff;border-color:#357EBD}.ui-slider-horizontal .ui-slider-handle:hover{background-color:#fff;border-color:#285E8E;outline:0}.ui-slider-horizontal .ui-slider-handle:active{background-color:#428BCA;border-color:#3276B1}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-tabs{position:relative;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui-tabs .ui-tabs-nav{border:solid #ddd;border-width:0 0 1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:0 0}.ui-tabs .ui-tabs-nav li{position:relative;top:0;float:left;margin-bottom:-1px;border:0;list-style:none;white-space:nowrap}.ui-tabs-nav .ui-state-default{border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui-tabs .ui-tabs-nav li a{float:left;-webkit-border-radius:4px 4px 0 0;padding:8px 12px;font-weight:400;text-decoration:none;outline:0;background:0 0}.ui-tabs .ui-tabs-nav li a:hover{border:1px solid #f5f5f5;border-bottom:1px solid #ddd;background-color:#f5f5f5}.ui-tabs .ui-tabs-nav li.ui-tabs-active a{border:1px solid #ddd;border-bottom:1px solid #fff;background-color:#fff;color:#555}.ui-tabs .ui-tabs-nav li.ui-tabs-active:hover{background:#fff;cursor:text}.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text}.ui-tabs .ui-tabs-panel{display:block;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:0 0}.ui-tabs .ui-tabs-hide{display:none!important}.ui-tabs .ui-tabs-nav li{filter:none}.ui-tooltip{display:block;font-size:11px;opacity:.8;position:absolute;visibility:visible;z-index:1024;max-width:200px;background:#000;border:1px solid #000;color:#FFF;padding:3px 8px;text-align:center;text-decoration:none;-webkit-box-shadow:inset 0 1px 0 #000;-moz-box-shadow:inset 0 1px 0 #000;box-shadow:inset 0 1px 0 #000;border-radius:4px}body .ui-tooltip{border-width:1px}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;border:0;font-weight:700;width:100%;padding:4px 0;background-color:#f5f5f5;color:gray}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev 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;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 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;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.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,.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%;font-size:0}.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,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker-cover{display:none;display:block;position:absolute;z-index:-1;filter:mask();top:-4px;left:-4px;width:200px;height:200px}.ui-datepicker th{font-weight:700;color:gray}.ui-datepicker-today a:hover{background-color:gray;color:#fff}.ui-datepicker-today a{background-color:#BFBFBF;cursor:pointer;padding:0 4px;margin-bottom:0}.ui-datepicker td a{margin-bottom:0;border:0}.ui-datepicker td:hover{color:#fff}.ui-datepicker td .ui-state-default{border:0;background:0 0;margin-bottom:0;padding:5px;color:gray;text-align:center;filter:none}.ui-datepicker td .ui-state-highlight{color:#fff;background-color:#A90329;text-shadow:0 -1px 0 rgba(0,0,0,.25);border-color:rgba(0,0,0,.1)rgba(0,0,0,.1)rgba(0,0,0,.25);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui-datepicker td .ui-state-active{color:#333;background-color:#ebebeb;margin-bottom:0;font-size:normal;text-shadow:0;border-color:rgba(0,0,0,.1)rgba(0,0,0,.1)rgba(0,0,0,.25);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui-datepicker td .ui-state-hover{color:#fff;background:#428bca;background-color:#428bca;text-shadow:0 -1px 0 rgba(0,0,0,.25);border-color:#357ebd;border-color:rgba(0,0,0,.1)rgba(0,0,0,.1)rgba(0,0,0,.25);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui-progressbar{height:2em;margin-bottom:20px;border:0;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.ui-progressbar .ui-progressbar-value{margin:0;height:100%;color:#fff;background-color:#428BCA;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;transition:width .6s ease}.ui-progressbar .ui-progressbar-overlay{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.15)),color-stop(0.75,rgba(255,255,255,.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-size:40px 40px;-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-toolbar{padding:7px 14px;margin:0 0 18px;background-color:#f5f5f5;background-repeat:repeat-x;background-image:-webkit-linear-gradient(top,#fff,#f5f5f5);background-image:-moz-linear-gradient(top,#fff,#f5f5f5);background-image:-o-linear-gradient(top,#fff,#f5f5f5);background-image:linear-gradient(top,#fff,#f5f5f5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 0 #fff;-moz-box-shadow:inset 0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff}.customfile-button{padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid #ccc;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}div.wijmo-wijmenu{padding:0 20px;background-color:#222;background-repeat:repeat-x;background-image:-webkit-linear-gradient(top,#333,#222);background-image:-moz-linear-gradient(top,#333,#222);background-image:-o-linear-gradient(top,#333,#222);background-image:linear-gradient(top,#333,#222);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25),inset 0 -1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25),inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.25),inset 0 -1px 0 rgba(0,0,0,.1)}.wijmo-wijmenu .ui-state-default .wijmo-wijmenu-text{color:#bfbfbf}.wijmo-wijmenu .ui-state-hover{background:#444;background:rgba(255,255,255,.05)}.wijmo-wijmenu .ui-state-hover .wijmo-wijmenu-text{color:#fff}div.wijmo-wijmenu .ui-widget-header h3{position:relative;margin-top:1px;padding:0}.wijmo-wijmenu h3 a{color:#fff;display:block;float:left;font-size:20px;font-weight:200;line-height:1;margin-left:-20px;margin-top:1px;padding:8px 20px 12px}.wijmo-wijmenu h3 a:hover{background-color:rgba(255,255,255,.05);color:#fff;text-decoration:none}.wijmo-wijmenu .ui-widget-header{border:0}.wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-child{padding:.3em 0}div.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child{background:#333;border:0;margin:0;padding:6px 0;width:160px;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);-moz-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2)}div.wijmo-wijmenu .wijmo-wijmenu-item{margin:0;border:0}.wijmo-wijmenu a.wijmo-wijmenu-link{margin:0;line-height:19px;padding:10px 10px 11px;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}div.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-link{display:block;float:none;padding:4px 15px;width:auto}div.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-text{float:none}.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child .ui-state-hover{background:#191919}.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-separator{padding:5px 0;background-image:none;background-color:#222;border-top:1px solid #444;border-bottom:0;border-left:0;border-right:0}.wijmo-wijmenu .wijmo-wijmenu-item input{-moz-transition:none 0s ease 0s;background-color:rgba(255,255,255,.3);border:1px solid #111;border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1)inset,0 1px 0 rgba(255,255,255,.25);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1)inset,0 1px 0 rgba(255,255,255,.25);box-shadow:0 1px 2px rgba(0,0,0,.1)inset,0 1px 0 rgba(255,255,255,.25);color:rgba(255,255,255,.75);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1;margin:5px 10px 0;padding:4px 9px;width:100px}.wijmo-wijmenu .wijmo-wijmenu-item input:hover{background-color:rgba(255,255,255,.5);color:#fff}.wijmo-wijmenu .wijmo-wijmenu-item input:focus{background-color:#fff;border:0 none;-webkit-box-shadow:0 0 3px rgba(0,0,0,.15);-moz-box-shadow:0 0 3px rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.15);color:#404040;outline:0 none;padding:5px 10px;text-shadow:0 1px 0 #fff}.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.wijmo-wijmenu .ui-state-default{text-shadow:none}.wijmo-wijmenu .ui-state-default{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:#bfbfbf;filter:none}.ui-button-icon-primary.ui-icon[class*=" icon-"]:before,.ui-button-icon-primary.ui-icon[class^=icon-]:before,.ui-button-icon-secondary.ui-icon[class*=" icon-"]:before,.ui-button-icon-secondary.ui-icon[class^=icon-]:before{font-size:inherit;margin-left:7px!important;margin-left:5px;display:inline;text-decoration:inherit;color:inherit}.ui-state-default .ui-icon[class*=" icon-"]{background:0 0;margin-left:-12px}.flag{width:16px;height:11px;background:url(../img/flags/flags.png) no-repeat;margin-top:-.18em;display:inline-block}.flag.flag-ad{background-position:-16px 0}.flag.flag-ae{background-position:-32px 0}.flag.flag-af{background-position:-48px 0}.flag.flag-ag{background-position:-64px 0}.flag.flag-ai{background-position:-80px 0}.flag.flag-al{background-position:-96px 0}.flag.flag-am{background-position:-112px 0}.flag.flag-an{background-position:-128px 0}.flag.flag-ao{background-position:-144px 0}.flag.flag-ar{background-position:-160px 0}.flag.flag-as{background-position:-176px 0}.flag.flag-at{background-position:-192px 0}.flag.flag-au{background-position:-208px 0}.flag.flag-aw{background-position:-224px 0}.flag.flag-az{background-position:-240px 0}.flag.flag-ba{background-position:0 -11px}.flag.flag-bb{background-position:-16px -11px}.flag.flag-bd{background-position:-32px -11px}.flag.flag-be{background-position:-48px -11px}.flag.flag-bf{background-position:-64px -11px}.flag.flag-bg{background-position:-80px -11px}.flag.flag-bh{background-position:-96px -11px}.flag.flag-bi{background-position:-112px -11px}.flag.flag-bj{background-position:-128px -11px}.flag.flag-bm{background-position:-144px -11px}.flag.flag-bn{background-position:-160px -11px}.flag.flag-bo{background-position:-176px -11px}.flag.flag-br{background-position:-192px -11px}.flag.flag-bs{background-position:-208px -11px}.flag.flag-bt{background-position:-224px -11px}.flag.flag-bv{background-position:-240px -11px}.flag.flag-bw{background-position:0 -22px}.flag.flag-by{background-position:-16px -22px}.flag.flag-bz{background-position:-32px -22px}.flag.flag-ca{background-position:-48px -22px}.flag.flag-catalonia{background-position:-64px -22px}.flag.flag-cd{background-position:-80px -22px}.flag.flag-cf{background-position:-96px -22px}.flag.flag-cg{background-position:-112px -22px}.flag.flag-ch{background-position:-128px -22px}.flag.flag-ci{background-position:-144px -22px}.flag.flag-ck{background-position:-160px -22px}.flag.flag-cl{background-position:-176px -22px}.flag.flag-cm{background-position:-192px -22px}.flag.flag-cn{background-position:-208px -22px}.flag.flag-co{background-position:-224px -22px}.flag.flag-cr{background-position:-240px -22px}.flag.flag-cu{background-position:0 -33px}.flag.flag-cv{background-position:-16px -33px}.flag.flag-cw{background-position:-32px -33px}.flag.flag-cy{background-position:-48px -33px}.flag.flag-cz{background-position:-64px -33px}.flag.flag-de{background-position:-80px -33px}.flag.flag-dj{background-position:-96px -33px}.flag.flag-dk{background-position:-112px -33px}.flag.flag-dm{background-position:-128px -33px}.flag.flag-do{background-position:-144px -33px}.flag.flag-dz{background-position:-160px -33px}.flag.flag-ec{background-position:-176px -33px}.flag.flag-ee{background-position:-192px -33px}.flag.flag-eg{background-position:-208px -33px}.flag.flag-eh{background-position:-224px -33px}.flag.flag-england{background-position:-240px -33px}.flag.flag-er{background-position:0 -44px}.flag.flag-es{background-position:-16px -44px}.flag.flag-et{background-position:-32px -44px}.flag.flag-eu{background-position:-48px -44px}.flag.flag-fi{background-position:-64px -44px}.flag.flag-fj{background-position:-80px -44px}.flag.flag-fk{background-position:-96px -44px}.flag.flag-fm{background-position:-112px -44px}.flag.flag-fo{background-position:-128px -44px}.flag.flag-fr{background-position:-144px -44px}.flag.flag-ga{background-position:-160px -44px}.flag.flag-gb{background-position:-176px -44px}.flag.flag-gd{background-position:-192px -44px}.flag.flag-ge{background-position:-208px -44px}.flag.flag-gf{background-position:-224px -44px}.flag.flag-gg{background-position:-240px -44px}.flag.flag-gh{background-position:0 -55px}.flag.flag-gi{background-position:-16px -55px}.flag.flag-gl{background-position:-32px -55px}.flag.flag-gm{background-position:-48px -55px}.flag.flag-gn{background-position:-64px -55px}.flag.flag-gp{background-position:-80px -55px}.flag.flag-gq{background-position:-96px -55px}.flag.flag-gr{background-position:-112px -55px}.flag.flag-gs{background-position:-128px -55px}.flag.flag-gt{background-position:-144px -55px}.flag.flag-gu{background-position:-160px -55px}.flag.flag-gw{background-position:-176px -55px}.flag.flag-gy{background-position:-192px -55px}.flag.flag-hk{background-position:-208px -55px}.flag.flag-hm{background-position:-224px -55px}.flag.flag-hn{background-position:-240px -55px}.flag.flag-hr{background-position:0 -66px}.flag.flag-ht{background-position:-16px -66px}.flag.flag-hu{background-position:-32px -66px}.flag.flag-ic{background-position:-48px -66px}.flag.flag-id{background-position:-64px -66px}.flag.flag-ie{background-position:-80px -66px}.flag.flag-il{background-position:-96px -66px}.flag.flag-im{background-position:-112px -66px}.flag.flag-in{background-position:-128px -66px}.flag.flag-io{background-position:-144px -66px}.flag.flag-iq{background-position:-160px -66px}.flag.flag-ir{background-position:-176px -66px}.flag.flag-is{background-position:-192px -66px}.flag.flag-it{background-position:-208px -66px}.flag.flag-je{background-position:-224px -66px}.flag.flag-jm{background-position:-240px -66px}.flag.flag-jo{background-position:0 -77px}.flag.flag-jp{background-position:-16px -77px}.flag.flag-ke{background-position:-32px -77px}.flag.flag-kg{background-position:-48px -77px}.flag.flag-kh{background-position:-64px -77px}.flag.flag-ki{background-position:-80px -77px}.flag.flag-km{background-position:-96px -77px}.flag.flag-kn{background-position:-112px -77px}.flag.flag-kp{background-position:-128px -77px}.flag.flag-kr{background-position:-144px -77px}.flag.flag-kurdistan{background-position:-160px -77px}.flag.flag-kw{background-position:-176px -77px}.flag.flag-ky{background-position:-192px -77px}.flag.flag-kz{background-position:-208px -77px}.flag.flag-la{background-position:-224px -77px}.flag.flag-lb{background-position:-240px -77px}.flag.flag-lc{background-position:0 -88px}.flag.flag-li{background-position:-16px -88px}.flag.flag-lk{background-position:-32px -88px}.flag.flag-lr{background-position:-48px -88px}.flag.flag-ls{background-position:-64px -88px}.flag.flag-lt{background-position:-80px -88px}.flag.flag-lu{background-position:-96px -88px}.flag.flag-lv{background-position:-112px -88px}.flag.flag-ly{background-position:-128px -88px}.flag.flag-ma{background-position:-144px -88px}.flag.flag-mc{background-position:-160px -88px}.flag.flag-md{background-position:-176px -88px}.flag.flag-me{background-position:-192px -88px}.flag.flag-mg{background-position:-208px -88px}.flag.flag-mh{background-position:-224px -88px}.flag.flag-mk{background-position:-240px -88px}.flag.flag-ml{background-position:0 -99px}.flag.flag-mm{background-position:-16px -99px}.flag.flag-mn{background-position:-32px -99px}.flag.flag-mo{background-position:-48px -99px}.flag.flag-mp{background-position:-64px -99px}.flag.flag-mq{background-position:-80px -99px}.flag.flag-mr{background-position:-96px -99px}.flag.flag-ms{background-position:-112px -99px}.flag.flag-mt{background-position:-128px -99px}.flag.flag-mu{background-position:-144px -99px}.flag.flag-mv{background-position:-160px -99px}.flag.flag-mw{background-position:-176px -99px}.flag.flag-mx{background-position:-192px -99px}.flag.flag-my{background-position:-208px -99px}.flag.flag-mz{background-position:-224px -99px}.flag.flag-na{background-position:-240px -99px}.flag.flag-nc{background-position:0 -110px}.flag.flag-ne{background-position:-16px -110px}.flag.flag-nf{background-position:-32px -110px}.flag.flag-ng{background-position:-48px -110px}.flag.flag-ni{background-position:-64px -110px}.flag.flag-nl{background-position:-80px -110px}.flag.flag-no{background-position:-96px -110px}.flag.flag-np{background-position:-112px -110px}.flag.flag-nr{background-position:-128px -110px}.flag.flag-nu{background-position:-144px -110px}.flag.flag-nz{background-position:-160px -110px}.flag.flag-om{background-position:-176px -110px}.flag.flag-pa{background-position:-192px -110px}.flag.flag-pe{background-position:-208px -110px}.flag.flag-pf{background-position:-224px -110px}.flag.flag-pg{background-position:-240px -110px}.flag.flag-ph{background-position:0 -121px}.flag.flag-pk{background-position:-16px -121px}.flag.flag-pl{background-position:-32px -121px}.flag.flag-pm{background-position:-48px -121px}.flag.flag-pn{background-position:-64px -121px}.flag.flag-pr{background-position:-80px -121px}.flag.flag-ps{background-position:-96px -121px}.flag.flag-pt{background-position:-112px -121px}.flag.flag-pw{background-position:-128px -121px}.flag.flag-py{background-position:-144px -121px}.flag.flag-qa{background-position:-160px -121px}.flag.flag-re{background-position:-176px -121px}.flag.flag-ro{background-position:-192px -121px}.flag.flag-rs{background-position:-208px -121px}.flag.flag-ru{background-position:-224px -121px}.flag.flag-rw{background-position:-240px -121px}.flag.flag-sa{background-position:0 -132px}.flag.flag-sb{background-position:-16px -132px}.flag.flag-sc{background-position:-32px -132px}.flag.flag-scotland{background-position:-48px -132px}.flag.flag-sd{background-position:-64px -132px}.flag.flag-se{background-position:-80px -132px}.flag.flag-sg{background-position:-96px -132px}.flag.flag-sh{background-position:-112px -132px}.flag.flag-si{background-position:-128px -132px}.flag.flag-sk{background-position:-144px -132px}.flag.flag-sl{background-position:-160px -132px}.flag.flag-sm{background-position:-176px -132px}.flag.flag-sn{background-position:-192px -132px}.flag.flag-so{background-position:-208px -132px}.flag.flag-somaliland{background-position:-224px -132px}.flag.flag-sr{background-position:-240px -132px}.flag.flag-ss{background-position:0 -143px}.flag.flag-st{background-position:-16px -143px}.flag.flag-sv{background-position:-32px -143px}.flag.flag-sx{background-position:-48px -143px}.flag.flag-sy{background-position:-64px -143px}.flag.flag-sz{background-position:-80px -143px}.flag.flag-tc{background-position:-96px -143px}.flag.flag-td{background-position:-112px -143px}.flag.flag-tf{background-position:-128px -143px}.flag.flag-tg{background-position:-144px -143px}.flag.flag-th{background-position:-160px -143px}.flag.flag-tj{background-position:-176px -143px}.flag.flag-tk{background-position:-192px -143px}.flag.flag-tl{background-position:-208px -143px}.flag.flag-tm{background-position:-224px -143px}.flag.flag-tn{background-position:-240px -143px}.flag.flag-to{background-position:0 -154px}.flag.flag-tr{background-position:-16px -154px}.flag.flag-tt{background-position:-32px -154px}.flag.flag-tv{background-position:-48px -154px}.flag.flag-tw{background-position:-64px -154px}.flag.flag-tz{background-position:-80px -154px}.flag.flag-ua{background-position:-96px -154px}.flag.flag-ug{background-position:-112px -154px}.flag.flag-um{background-position:-128px -154px}.flag.flag-us{background-position:-144px -154px}.flag.flag-uy{background-position:-160px -154px}.flag.flag-uz{background-position:-176px -154px}.flag.flag-va{background-position:-192px -154px}.flag.flag-vc{background-position:-208px -154px}.flag.flag-ve{background-position:-224px -154px}.flag.flag-vg{background-position:-240px -154px}.flag.flag-vi{background-position:0 -165px}.flag.flag-vn{background-position:-16px -165px}.flag.flag-vu{background-position:-32px -165px}.flag.flag-wales{background-position:-48px -165px}.flag.flag-wf{background-position:-64px -165px}.flag.flag-ws{background-position:-80px -165px}.flag.flag-ye{background-position:-96px -165px}.flag.flag-yt{background-position:-112px -165px}.flag.flag-za{background-position:-128px -165px}.flag.flag-zanzibar{background-position:-144px -165px}.flag.flag-zm{background-position:-160px -165px}.flag.flag-zw{background-position:-176px -165px}.flag+span{text-transform:capitalize;display:inline-block;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;margin-top:-3px}@media (min-width:768px) and (max-width:979px){.flag+span{max-width:30px!important}}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-none{cursor:none}.cursor-context-menu{cursor:context-menu}.cursor-help{cursor:help}.cursor-progress{cursor:progress}.cursor-wait{cursor:wait}.cursor-cell{cursor:cell}.cursor-crosshair{cursor:crosshair}.cursor-text{cursor:text}.cursor-vertical-text{cursor:vertical-text}.cursor-alias{cursor:alias}.cursor-copy{cursor:copy}.cursor-move{cursor:move}.cursor-no-drop{cursor:no-drop}.cursor-not-allowed{cursor:not-allowed}.cursor-all-scroll{cursor:all-scroll}.cursor-col-resize{cursor:col-resize}.cursor-row-resize{cursor:row-resize}.cursor-n-resize{cursor:n-resize}.cursor-e-resize{cursor:e-resize}.cursor-s-resize{cursor:s-resize}.cursor-w-resize{cursor:w-resize}.cursor-ns-resize{cursor:ns-resize}.cursor-ew-resize{cursor:ew-resize}.cursor-ne-resize{cursor:ne-resize}.cursor-nw-resize{cursor:nw-resize}.cursor-se-resize{cursor:se-resize}.cursor-sw-resize{cursor:sw-resize}.cursor-nesw-resize{cursor:nesw-resize}.cursor-nwse-resize{cursor:nwse-resize}:-webkit-full-screen #fullscreen>:first-child>a{background-color:#e8e8e8;background-image:-moz-linear-gradient(top,#5a5a5a 0,#686868 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5a5a5a),color-stop(100%,#686868));background-image:-webkit-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);background-image:-o-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);background-image:-ms-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);background-image:linear-gradient(to bottom,#5a5a5a 0,#686868 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0);-webkit-box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15);box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15);color:#fff;border-color:#494949}:-moz-full-screen #fullscreen>:first-child>a{background-color:#e8e8e8;background-image:-moz-linear-gradient(top,#5a5a5a 0,#686868 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5a5a5a),color-stop(100%,#686868));background-image:-webkit-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);background-image:-o-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);background-image:-ms-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);background-image:linear-gradient(to bottom,#5a5a5a 0,#686868 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0);-webkit-box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15);box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15);color:#fff;border-color:#494949}:-ms-fullscreen #fullscreen>:first-child>a{background-color:#e8e8e8;background-image:-moz-linear-gradient(top,#5a5a5a 0,#686868 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5a5a5a),color-stop(100%,#686868));background-image:-webkit-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);background-image:-o-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);background-image:-ms-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);background-image:linear-gradient(to bottom,#5a5a5a 0,#686868 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0);-webkit-box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15);box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15);color:#fff;border-color:#494949}:full-screen #fullscreen>:first-child>a{background-color:#e8e8e8;background-image:-moz-linear-gradient(top,#5a5a5a 0,#686868 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5a5a5a),color-stop(100%,#686868));background-image:-webkit-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);background-image:-o-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);background-image:-ms-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);background-image:linear-gradient(to bottom,#5a5a5a 0,#686868 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0);-webkit-box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15);box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15);color:#fff;border-color:#494949}:fullscreen #fullscreen>:first-child>a{background-color:#e8e8e8;background-image:-moz-linear-gradient(top,#5a5a5a 0,#686868 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5a5a5a),color-stop(100%,#686868));background-image:-webkit-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);background-image:-o-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);background-image:-ms-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);background-image:linear-gradient(to bottom,#5a5a5a 0,#686868 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0);-webkit-box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15);box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15);color:#fff;border-color:#494949}:-webkit-full-screen video{width:100%;height:100%}.ui-widget-overlay{background:#AAA;height:100%;z-index:949!important;position:fixed;top:0;left:0}.slider{margin-top:0;margin-bottom:30px}.slider.slider-vertical{margin-bottom:0;margin-right:5px}.ui-menu{width:155px;padding:2px;-webkit-box-shadow:0 2px 4px rgba(30,30,100,.25);-moz-box-shadow:0 2px 4px rgba(30,30,100,.25);box-shadow:0 2px 4px rgba(30,30,100,.25);background:#fff;border:1px solid rgba(0,0,0,.2);z-index:1}.ui-menu .ui-state-disabled{margin:.4em 0 .2em!important;background:none!important;color:#999!important;font-weight:400!important;cursor:default}.ui-icon-carat-1-e:before{content:"\f105";font-family:'Font Awesome 6 Pro';font-size:14px;display:inline}.ui-menu .ui-menu-item a .ui-menu-icon{width:auto;height:auto;top:0;left:auto;right:auto;bottom:auto;text-indent:0}.ui-tabs .ui-tabs-nav li a{border-radius:0;-moz-border-radius:0;background-color:#F5F5F5;border:1px solid #F5F5F5;border-bottom:1px solid #ddd;color:#838383}.ui-tabs .ui-tabs-nav li{margin-right:3px}.ui-tabs .ui-tabs-nav li.ui-tabs-active a{font-weight:700;border-top-width:0!important;margin-top:1px!important;-webkit-box-shadow:0 -2px 0 #57889c;-moz-box-shadow:0 -2px 0 #57889c;box-shadow:0 -2px 0 #57889c}.ui-tabs .ui-tabs-panel{border:1px solid #ddd;margin:0;padding:10px 13px;border-top:none}.ui-tabs .ui-tabs-nav{margin-bottom:0}.ui-accordion .ui-accordion-header{background-color:#fbfbfb;font-size:15px;padding:10px 15px 10px 36px!important}.ui-accordion .ui-accordion-content,.ui-accordion .ui-accordion-header{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}.ui-accordion .ui-accordion-content{padding:15px}.ui-accordion-header-active+.ui-accordion-content{border-top:1px solid #ddd}.ui-accordion .ui-accordion-header{margin-top:-2px}.ui-accordion .ui-accordion-header,.ui-accordion-content{border-color:#ddd!important}.ui-accordion-header-icon{text-indent:0!important;background-image:none!important;text-align:center;line-height:normal;left:12px!important;margin-top:-6px!important;font-size:14px!important}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{text-align:center;margin-top:2px}.ui-datepicker-next>:first-child,.ui-datepicker-prev>:first-child{text-indent:0!important}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{background:none!important}.noUi-target *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-touch-callout:none;-ms-touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:default}.noUi-base{width:100%;height:14px;position:relative;max-width:100%;max-height:100%;border:1px solid #bfbfbf;z-index:1}.noUi-origin-lower{background:#72a8d7}.noUi-handle{background:#858585;height:30px;width:16px;border:1px solid #fff;margin:-8px 0 0 -8px;cursor:default}.noUi-handle:hover{background:#6c6c6c}.noUi-active{cursor:default;box-shadow:rgba(0,0,0,.1)1px 1px 1px 0;background:#686868;height:32px;width:18px;margin:-9px 0 0 -8px;border:none}.noUi-active:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;content:"";display:block;height:100%;border:1px solid #ddd}.noUi-connect{background:#3276b1}.noUi-background{background:#eee;border:none}.noUi-origin{position:absolute;right:0;top:0;bottom:0;z-index:0}.noUi-origin-upper{background:inherit!important}.noUi-z-index{z-index:10}.noUi-vertical{width:10px;height:100%}.noUi-vertical .noUi-origin{bottom:0;left:0}.noUi-vertical .noUi-handle{margin:-8px 0 0 -3px}.noUi-target[disabled] .noUi-base{background:#999}.noUi-target[disabled] .noUi-connect{background:#BBB}.noUi-state-tap .noUi-origin{-webkit-transition:left .3s,top .3s;transition:left .3s,top .3s}.ui-spinner-input{margin:0!important;height:30px;padding:6px 24px 6px 12px}.ui-spinner-input.spinner-left{padding:6px 12px 6px 24px}.ui-spinner{width:100%}.ui-spinner-input.spinner-left+.ui-spinner-button,.ui-spinner-input.spinner-left+.ui-spinner-button+.ui-spinner-button{right:auto;left:0}.ui-spinner-down,.ui-spinner-up{background:#739e73;border-radius:0}.ui-spinner-up:active,.ui-spinner-up:focus,.ui-spinner-up:hover{background:#5b835b}.ui-spinner-down:active,.ui-spinner-down:focus,.ui-spinner-down:hover{background:#77021d}.ui-spinner-down{background:#c2032f}.ui-spinner-down:before,.ui-spinner-up:before{display:inline-block;font-family:'Font Awesome 6 Pro';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f067";color:#fff;font-size:14px;margin-top:1px}.ui-spinner-down:before{content:"\f068"}.ui-spinner-down>:first-child,.ui-spinner-up>:first-child{display:none}.ui-spinner-button{width:19px}.ui-spinner-input.spinner-both{padding:6px 30px}.ui-spinner-input.spinner-both+.ui-spinner-button+.ui-spinner-button{left:0;right:auto}.ui-spinner-input.spinner-both+.ui-spinner-button,.ui-spinner-input.spinner-both+.ui-spinner-button+.ui-spinner-button{height:30px;width:25px}.ui-spinner-input.spinner-both+.ui-spinner-up+.ui-spinner-down:before,.ui-spinner-input.spinner-both+.ui-spinner-up:before{margin-top:8px}.ui-dialog{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5);border:1px solid #999;border:1px solid rgba(0,0,0,.2)}.widget-header>:first-child{margin:13px 0}.ui-dialog .ui-dialog-titlebar{padding:0 10px;background:#fff;border-bottom-color:#eee}.ui-dialog .ui-dialog-title{margin:0}.ui-dialog .ui-dialog-titlebar-close{margin-top:-16px;margin-right:4px}.ui-dialog-titlebar-close:before{content:"\f00d";font-family:'Font Awesome 6 Pro';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13px}.ui-dialog .ui-dialog-buttonpane button{margin:0 .4em 0 0}.ui-dialog .ui-dialog-buttonpane{margin-top:13px;padding:19px 15px 20px;text-align:right;border-top:1px solid #eee}.ui-autocomplete{z-index:905!important}.the-price{background-color:rgba(220,220,220,.17);box-shadow:0 1px 0 #dcdcdc,inset 0 1px 0 #fff;padding:20px;margin:0}.the-price h1{line-height:1em;padding:0;margin:0}.subscript{font-size:21px;color:#999}.ribbon{position:absolute;right:9px;top:-4px}.pricing-big{border:none!important}.pricing-big .panel-heading{border-radius:5px 5px 0 0}.pricing-big .panel-title{text-transform:capitalize;font-size:18px;padding:20px 0;text-align:center;border-radius:5px 5px 0 0;margin:0;font-weight:700}.pricing-big .the-price{padding:20px 0;background:#333;text-align:center;font-size:24px;font-weight:700;color:#FFF;box-shadow:none!important;-moz-box-shadow:none!important}.pricing-big .subscript{font-size:18px;color:#999;margin-left:5px}.price-features{background:#FAFAFA;padding:20px 15px;min-height:230px;font-size:13.5px}.price-features li+li{margin-top:10px}.pricing-big .panel-footer{border-radius:0 0 5px 5px}.pricing-big .panel-footer .btn{padding:15px 0;border-radius:3px;font-weight:700;font-size:14px}.pricing-big .panel-footer .btn span{font-weight:400;font-style:italic}.pricing-big .panel-footer{background-color:#F2F2F2!important}.pricing-big .panel-footer>div{padding:15px 0 10px;display:block;font-size:13px}.pricing-big table{background:#FAFAFA;padding:20px 15px;height:230px;text-align:left}.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pace-inactive{display:none}.pace .pace-progress{background:#3276b1;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 .pace-progress-inner{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-moz-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);-o-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}.pace .pace-activity{display:block;position:fixed;z-index:2000;top:63px;right:40px;width:14px;height:14px;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:10px;-webkit-animation:pace-spinner 400ms linear infinite;-moz-animation:pace-spinner 400ms linear infinite;-ms-animation:pace-spinner 400ms linear infinite;-o-animation:pace-spinner 400ms linear infinite;animation:pace-spinner 400ms linear infinite}@-webkit-keyframes pace-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes pace-spinner{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes pace-spinner{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes pace-spinner{0%{-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes pace-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#chat-container *,#chat-container :after,#chat-container :before{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#chat-container input[type=text]{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}#chat-container{position:absolute;width:250px;height:270px;z-index:2;border-left:1px solid #CDCECF;right:-251px;top:0;background:#fff;transition-duration:.25s;-webkit-transition-duration:.25s;-moz-transition-duration:.25s;-o-transition-duration:.25s;-ms-transition-duration:.25s}#chat-container:hover,#chat-container:hover .chat-list-open-close{border-color:#A7A7A7}#chat-container.open{right:0;top:0}#chat-container .chat-list-open-close{display:block;width:25px;height:25px;border:1px solid #CDCECF;border-right:1px solid #f2f4f8!important;position:absolute;left:-32px;top:7%;border-radius:50% 0 0 50%;padding:3px 1px 3px 5px;font-size:21px;line-height:22px;cursor:pointer;color:#868686;box-shadow:inset 0 .2em 0 rgba(0,0,0,.05);-moz-box-shadow:inset 0 .2em 0 rgba(0,0,0,.05);background:#f2f4f8;text-align:center}#chat-container .chat-list-open-close b{position:absolute;right:0;background:#ed1c24;line-height:9px;height:10px;width:10px;top:3px;border:1px solid #FFF;border-radius:3px;font-size:9px;text-align:center;vertical-align:middle;color:#fff;font-weight:400}#chat-container.open .chat-list-open-close i:before{content:"\f00d"!important}#chat-container.open .chat-list-open-close b{display:none}#chat-container .chat-list-body{height:217px;overflow-y:scroll;overflow-x:hidden;display:block;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background:#f2f4f8}#chat-container #chat-users{list-style:none;margin:10px 0;padding:0}#chat-container #chat-users li{margin-bottom:3px;margin-left:5px}#chat-container #chat-users li a{display:block;font-size:13px;color:#3d3d3d;text-decoration:none!important;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:3px 8px 3px 3px;line-height:33px;vertical-align:middle}#chat-container #chat-users li a:hover{background:#e0e4ee}#chat-container #chat-users li a img{width:33px;height:auto;margin-right:10px}#chat-container #chat-users li a i{color:#ACACAC;font-size:8px;line-height:34px;font-style:normal}#chat-container #chat-users li a i.last-online{font-size:12px;letter-spacing:-1px}#chat-container .chat-list-footer{overflow:hidden;border-top:1px solid #CCC;padding:10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}#chat-container .chat-list-footer input[type=text]{border:1px solid #bababa!important}#chat-container .control-group{padding:0}.chat-body{background:#FAFAFA;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#fafafa 0,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fafafa),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#fafafa 0,#fff 100%);background:-o-linear-gradient(top,#fafafa 0,#fff 100%);background:-ms-linear-gradient(top,#fafafa 0,#fff 100%);background:linear-gradient(to bottom,#f5fcff 0,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0);box-shadow:inset 2px 2px 5px rgba(0,0,0,.04);-moz-box-shadow:inset -2px -2px 5px rgba(0,0,0,.04);display:block;height:270px;overflow-y:scroll;overflow-x:hidden;padding:10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border:1px solid #fff;border-top:none}.chat-body ul{margin:0;padding:0}.chat-body li.message{display:block;position:relative;margin:20px 20px 0}.chat-body li:first-child{margin-top:10px}.chat-body li.message img{display:inline-block;border-left:4px solid #fff;position:absolute}.chat-body li.message img.online{border-left-color:#00a300}.chat-body li.message img.offline{border-left-color:#ddd}.chat-body li.message img.busy{border-left-color:#A90329}.chat-body li.message img.away{border-left-color:#ffc40d}.chat-body li.message .message-text{display:inline-block;vertical-align:top;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:0;margin-left:65px;line-height:normal}.chat-body li.message .message-text time{position:absolute;top:1px;right:0;font-size:10px;line-height:10px;color:#AFAFAF}.chat-body li.message .message-text .chat-file:nth-child(3){margin-top:15px}.chat-body li.message .message-text .chat-file{display:block;margin:3px 0;padding:4px;border:1px dotted #ddd;background:rgba(0,0,0,.05);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;text-align:right;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.chat-body li.message .message-text .chat-file.row-fluid [class*=span]{min-height:10px!important}.chat-body li.message .message-text .chat-file b{font-style:italic;white-space:nowrap;width:250px;overflow:hidden;text-overflow:ellipsis;text-align:left}.chat-body li.message .message-text a.username{display:block;font-weight:700;margin-bottom:4px;vertical-align:top;line-height:14px;font-size:14px;letter-spacing:-1px;text-decoration:none!important}.profile-message{background:none!important;height:auto!important;box-shadow:none!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important;overflow:hidden}.profile-message li.message.message-reply{margin-left:85px!important;background:#F7F7F7;padding:10px;margin:3px 0 0 20px}.profile-message li.message.message-reply img{width:35px!important}.profile-message li.message.message-reply .message-text{margin-left:45px!important}.profile-message .wall-comment-reply{margin-left:85px;margin-bottom:20px}.chat-footer{border-top:1px solid rgba(0,0,0,.1);background:rgba(248,248,248,.9);padding:0 10px 15px;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.textarea-div{background-color:#FFF;border:1px solid #CCC;border-bottom:none;margin:10px 0 0}.typearea{cursor:text;overflow-x:hidden;overflow-y:auto;max-height:90px;padding:5px 25px 5px 5px;position:relative;border-bottom:1px solid #EEE}.typearea textarea{width:100%;border-color:transparent!important;box-sizing:border-box;box-shadow:none;-moz-box-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-box-shadow:none;overflow:hidden;padding:0;margin:0;-webkit-transition:height .2s;-moz-transition:height .2s;transition:height .2s;outline:0;resize:none;min-height:61px}textarea.clone{position:absolute;visibility:hidden}.textarea-controls{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:5px;display:block;background-color:#FFF;border:1px solid #CCC;border-top:none;height:43px;line-height:33px;overflow:hidden}.textarea-controls>label{margin:3px 10px 0}.textarea-controls .smart-form .checkbox{padding-left:22px!important}@media (min-width:768px) and (max-width:880px){.chat-body li.message .message-text .chat-file b{width:150px}}@media only screen and (min-width:320px) and (max-width:479px){.chat-body li.message .message-text .chat-file b{width:150px}}@media (max-width:480px){.chat-body li.message .message-text .chat-file b{width:150px}}.smart-form *,.smart-form :after,.smart-form :before{margin:0;padding:0;box-sizing:content-box;-moz-box-sizing:content-box}.smart-form .btn{box-sizing:border-box;-moz-box-sizing:border-box}.smart-form .checkbox+.checkbox,.smart-form .radio+.radio{margin-top:0}.smart-form footer .btn{float:right;height:31px;margin:10px 0 0 5px;padding:0 22px;font:300 15px/29px 'Open Sans',Helvetica,Arial,sans-serif;cursor:pointer}.smart-form legend{padding-top:15px}.smart-form{margin:0;outline:0;color:#666;position:relative}.smart-form header{display:block;padding:8px 0;border-bottom:1px dashed rgba(0,0,0,.2);background:#fff;font-size:16px;font-weight:300;color:#232323;margin:10px 14px 0}.smart-form fieldset{display:block;padding:25px 14px 5px;border:none;background:rgba(255,255,255,.9);position:relative}.smart-form fieldset+fieldset{border-top:1px solid rgba(0,0,0,.1)}.smart-form section{margin-bottom:15px;position:relative}.smart-form footer{display:block;padding:7px 14px 15px;border-top:1px solid rgba(0,0,0,.1);background:rgba(248,248,248,.9)}.smart-form footer:after{content:'';display:table;clear:both}.smart-form .label{display:block;margin-bottom:6px;line-height:19px;font-weight:400;font-size:13px;color:#333;text-align:left;white-space:normal}.smart-form .label.col{margin:0;padding-top:7px}.note,.smart-form .note{margin-top:6px;padding:0 1px;font-size:11px;line-height:15px;color:#999}.smart-form .note a{font-size:13px}.smart-form .button,.smart-form .checkbox,.smart-form .input,.smart-form .radio,.smart-form .select,.smart-form .textarea,.smart-form .toggle{position:relative;display:block;font-weight:400}.smart-form .input input,.smart-form .select select,.smart-form .textarea textarea{display:block;box-sizing:border-box;-moz-box-sizing:border-box;width:100%;height:32px;line-height:32px;padding:5px 10px;outline:0;border-width:1px;border-style:solid;border-radius:0;background:#fff;font:13px/16px 'Open Sans',Helvetica,Arial,sans-serif;color:#404040;appearance:normal;-moz-appearance:none;-webkit-appearance:none}.smart-form .input-file .button{position:absolute;top:4px;right:4px;float:none;height:22px;margin:0;padding:0 14px;font-size:13px;line-height:22px}.smart-form .input-file .button:hover{box-shadow:none}.smart-form .input-file .button input{position:absolute;top:0;right:0;padding:0;font-size:30px;cursor:pointer;opacity:0}.smart-form .select i{position:absolute;top:10px;right:11px;width:5px;height:11px;background:#fff;box-shadow:0 0 0 9px #fff}.smart-form .select i:after,.smart-form .select i:before{content:'';position:absolute;right:0;border-right:4px solid transparent;border-left:4px solid transparent}.smart-form .select i:after{bottom:0;border-top:4px solid #404040}.smart-form .select i:before{top:0;border-bottom:4px solid #404040}.smart-form .select-multiple select{height:auto}.smart-form .textarea textarea{height:auto;resize:none}.smart-form .textarea-resizable textarea{resize:vertical}.smart-form .textarea-expandable textarea{height:31px}.smart-form .textarea-expandable textarea:focus{height:auto}.smart-form .checkbox,.smart-form .radio{margin-bottom:4px;padding-left:25px;line-height:25px;color:#404040;cursor:pointer;font-size:13px}.smart-form .checkbox:last-child,.smart-form .radio:last-child{margin-bottom:0}.smart-form .checkbox input,.smart-form .radio input{position:absolute;left:-9999px}.smart-form .checkbox i,.smart-form .radio i{position:absolute;top:3px;left:0;display:block;width:17px;height:17px;outline:0;border-width:1px;border-style:solid;background:#FFF}.smart-form .radio i{border-radius:50%}.smart-form .checkbox input+i:after,.smart-form .radio input+i:after{position:absolute;opacity:0;transition:opacity .1s;-o-transition:opacity .1s;-ms-transition:opacity .1s;-moz-transition:opacity .1s;-webkit-transition:opacity .1s}.smart-form .radio input+i:after{content:'';top:4px;left:4px;width:9px;height:9px;border-radius:50%}.smart-form .checkbox input+i:after{content:'\f00c';top:-1px;left:1px;width:15px;height:15px;font:400 16px/19px 'Font Awesome 6 Pro';text-align:center}.smart-form .checkbox input:checked:hover+i:after{content:'\f00d'}.smart-form .checkbox input:checked:disabled:hover+i:after{content:'\f00c'}.smart-form .checkbox input:checked+i:after,.smart-form .radio input:checked+i:after{opacity:1}.smart-form .inline-group{margin:0 -15px -4px 0}.smart-form .inline-group:after{content:'';display:table;clear:both}.smart-form .inline-group .checkbox,.smart-form .inline-group .radio{float:left;margin-right:30px}.smart-form .inline-group .checkbox:last-child,.smart-form .inline-group .radio:last-child{margin-bottom:4px}.smart-form .toggle{margin-bottom:4px;padding-right:61px;font-size:15px;line-height:25px;color:#404040;cursor:pointer}.smart-form .toggle:last-child{margin-bottom:0}.smart-form .toggle input{position:absolute;left:-9999px}.smart-form .toggle i{content:'';position:absolute;top:4px;right:0;display:block;width:49px;height:17px;border-width:1px;border-style:solid;border-radius:12px;background:#fff}.smart-form .toggle i:after{content:attr(data-swchoff-text);position:absolute;top:2px;right:8px;left:8px;font-style:normal;font-size:9px;line-height:13px;font-weight:700;text-align:left;color:#5f5f5f}.smart-form .toggle i:before{content:'';position:absolute;z-index:1;top:4px;right:4px;display:block;width:9px;height:9px;border-radius:50%;opacity:1;transition:right .2s;-o-transition:right .2s;-ms-transition:right .2s;-moz-transition:right .2s;-webkit-transition:right .2s}.smart-form .toggle input:checked+i:after{content:attr(data-swchon-text);text-align:right}.smart-form .toggle input:checked+i:before{right:36px}.smart-form .rating{margin-bottom:4px;font-size:13px;line-height:25px;color:#404040}.smart-form .rating:last-child{margin-bottom:0}.smart-form .rating input{position:absolute;left:-9999px}.smart-form .rating label{display:block;float:right;height:17px;margin-top:5px;padding:0 2px;font-size:17px;line-height:17px;cursor:pointer}.smart-form .button{float:right;height:31px;overflow:hidden;margin:10px 0 0 5px;padding:0 25px;outline:0;border:0;font:300 15px/31px 'Open Sans',Helvetica,Arial,sans-serif;text-decoration:none;color:#fff;cursor:pointer}.smart-form .icon-append,.smart-form .icon-prepend{position:absolute;top:5px;width:22px;height:22px;font-size:14px;line-height:22px;text-align:center}.smart-form .icon-append{right:5px;padding-left:3px;border-left-width:1px;border-left-style:solid}.smart-form .icon-prepend{left:5px;padding-right:3px;border-right-width:1px;border-right-style:solid}.smart-form .input .icon-prepend+input,.smart-form .textarea .icon-prepend+textarea{padding-left:37px}.smart-form .input .icon-append+input,.smart-form .textarea .icon-append+textarea{padding-right:37px}.smart-form .input .icon-prepend+.icon-append+input,.smart-form .textarea .icon-prepend+.icon-append+textarea{padding-left:37px}.smart-form .row{margin:0 -15px}.smart-form .row:after{content:'';display:table;clear:both}.smart-form .col{float:left;min-height:1px;padding-right:15px;padding-left:15px;box-sizing:border-box;-moz-box-sizing:border-box}.smart-form .col-1{width:8.33%}.smart-form .col-2{width:16.66%}.smart-form .col-3{width:25%}.smart-form .col-4{width:33.33%}.smart-form .col-5{width:41.66%}.smart-form .col-6{width:50%}.smart-form .col-8{width:66.67%}.smart-form .col-9{width:75%}.smart-form .col-10{width:83.33%}@media screen and (max-width:600px){.smart-form .col{float:none;width:100%}}.smart-form .select select{padding:5px}.smart-form .tooltip{position:absolute;z-index:99999;left:-9999px;padding:2px 8px 3px;font-size:11px;line-height:16px;font-weight:400;background:rgba(0,0,0,.9);color:#fff;opacity:0;transition:margin .3s,opacity .3s;-o-transition:margin .3s,opacity .3s;-ms-transition:margin .3s,opacity .3s;-moz-transition:margin .3s,opacity .3s;-webkit-transition:margin .3s,opacity .3s}.smart-form .tooltip:after{content:'';position:absolute}.smart-form .input input:focus+.tooltip,.smart-form .textarea textarea:focus+.tooltip{opacity:1}.smart-form .tooltip-top-right{bottom:100%;margin-bottom:15px}.smart-form .tooltip-top-right:after{top:100%;right:11px;border-top:4px solid rgba(0,0,0,.9);border-right:4px solid transparent;border-left:4px solid transparent}.smart-form .input input:focus+.tooltip-top-right,.smart-form .textarea textarea:focus+.tooltip-top-right{right:0;left:auto;margin-bottom:5px}.smart-form .tooltip-top-left{bottom:100%;margin-bottom:15px}.smart-form .tooltip-top-left:after{top:100%;left:11px;border-top:4px solid rgba(0,0,0,.9);border-right:4px solid transparent;border-left:4px solid transparent}.smart-form .input input:focus+.tooltip-top-left,.smart-form .textarea textarea:focus+.tooltip-top-left{right:auto;left:0;margin-bottom:5px}.smart-form .tooltip-right{top:4px;white-space:nowrap;margin-left:15px}.smart-form .tooltip-right:after{top:6px;right:100%;border-top:4px solid transparent;border-right:4px solid rgba(0,0,0,.9);border-bottom:4px solid transparent}.smart-form .input input:focus+.tooltip-right,.smart-form .textarea textarea:focus+.tooltip-right{left:100%;margin-left:5px}.smart-form .tooltip-left{top:4px;white-space:nowrap;margin-right:15px}.smart-form .tooltip-left:after{top:6px;left:100%;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid rgba(0,0,0,.9)}.smart-form .input input:focus+.tooltip-left,.smart-form .textarea textarea:focus+.tooltip-left{right:100%;left:auto;margin-right:5px}.smart-form .tooltip-bottom-right{top:100%;margin-top:15px}.smart-form .tooltip-bottom-right:after{bottom:100%;right:11px;border-right:4px solid transparent;border-bottom:4px solid rgba(0,0,0,.9);border-left:4px solid transparent}.smart-form .input input:focus+.tooltip-bottom-right,.smart-form .textarea textarea:focus+.tooltip-bottom-right{right:0;left:auto;margin-top:5px}.smart-form .tooltip-bottom-left{top:100%;margin-top:15px}.smart-form .tooltip-bottom-left:after{bottom:100%;left:11px;border-right:4px solid transparent;border-bottom:4px solid rgba(0,0,0,.9);border-left:4px solid transparent}.smart-form .input input:focus+.tooltip-bottom-left,.smart-form .textarea textarea:focus+.tooltip-bottom-left{right:auto;left:0;margin-top:5px}.smart-form .checkbox i,.smart-form .icon-append,.smart-form .icon-prepend,.smart-form .input input,.smart-form .radio i,.smart-form .select select,.smart-form .textarea textarea,.smart-form .toggle i{border-color:#BDBDBD;transition:border-color .3s;-o-transition:border-color .3s;-ms-transition:border-color .3s;-moz-transition:border-color .3s;-webkit-transition:border-color .3s}.smart-form .toggle i:before{background-color:#3276B1}.smart-form .rating label{color:#ccc;transition:color .3s;-o-transition:color .3s;-ms-transition:color .3s;-moz-transition:color .3s;-webkit-transition:color .3s}.smart-form .button{background-color:#3276B1;opacity:.8;transition:opacity .2s;-o-transition:opacity .2s;-ms-transition:opacity .2s;-moz-transition:opacity .2s;-webkit-transition:opacity .2s}.smart-form .button.button-secondary{background-color:#b3b3b3}.smart-form .icon-append,.smart-form .icon-prepend{color:#A2A2A2}.smart-form .checkbox:hover i,.smart-form .input:hover input,.smart-form .radio:hover i,.smart-form .select:hover select,.smart-form .textarea:hover textarea,.smart-form .toggle:hover i{border-color:#5D98CC}.smart-form .rating input+label:hover,.smart-form .rating input+label:hover~label{color:#3276B1}.smart-form .button:hover{opacity:1}.smart-form .checkbox:hover i,.smart-form .radio:hover i,.smart-form .toggle:hover i{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.smart-form .checkbox:active i,.smart-form .radio:active i,.smart-form .toggle:active i{background:#F0F0F0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.smart-form .checkbox input:focus+i,.smart-form .input input:focus,.smart-form .radio input:focus+i,.smart-form .select select:focus,.smart-form .textarea textarea:focus,.smart-form .toggle input:focus+i{border-color:#3276B1}.smart-form .radio input+i:after{background-color:#3276B1}.smart-form .checkbox input+i:after{color:#3276B1}.smart-form .checkbox input:checked+i,.smart-form .radio input:checked+i,.smart-form .toggle input:checked+i{border-color:#3276B1}.smart-form .rating input:checked~label{color:#3276B1}.smart-form .checkbox.state-error i,.smart-form .radio.state-error i,.smart-form .state-error input,.smart-form .state-error select,.smart-form .state-error textarea,.smart-form .toggle.state-error i{background:#fff0f0;border-color:#A90329}.smart-form .toggle.state-error input:checked+i{background:#fff0f0}.smart-form .state-error+em{display:block;margin-top:6px;padding:0 1px;font-style:normal;font-size:11px;line-height:15px;color:#D56161}.smart-form .rating.state-error+em{margin-top:-4px;margin-bottom:4px}.smart-form .state-error select+i{background:#FFF0F0;box-shadow:0 0 0 9px #FFF0F0}.state-error .icon-append,.state-error .icon-prepend{color:#ed1c24}.smart-form .checkbox.state-success i,.smart-form .radio.state-success i,.smart-form .state-success input,.smart-form .state-success select,.smart-form .state-success textarea,.smart-form .toggle.state-success i{background:#f0fff0;border-color:#7DC27D}.smart-form .toggle.state-success input:checked+i{background:#f0fff0}.smart-form .note-success{color:#6fb679}.smart-form .state-success select+i{background:#f0fff0;box-shadow:0 0 0 9px #f0fff0}.smart-form .button.state-disabled,.smart-form .checkbox.state-disabled,.smart-form .input.state-disabled input,.smart-form .radio.state-disabled,.smart-form .select.state-disabled,.smart-form .textarea.state-disabled,.smart-form .toggle.state-disabled{cursor:default!important;opacity:.6!important}.smart-form .checkbox.state-disabled:hover i,.smart-form .input.state-disabled:hover input,.smart-form .radio.state-disabled:hover i,.smart-form .select.state-disabled:hover select,.smart-form .textarea.state-disabled:hover textarea,.smart-form .toggle.state-disabled:hover i{border-color:#e5e5e5!important}.smart-form .state-disabled.checkbox input+i:after,.smart-form .state-disabled.checkbox input:checked+i,.smart-form .state-disabled.radio input+i:after,.smart-form .state-disabled.radio input:checked+i,.smart-form .state-disabled.toggle input:checked+i{border-color:#e5e5e5!important;color:#333!important}.smart-form .state-disabled.radio input+i:after{background-color:#333}.smart-form .message{display:none;color:#6fb679}.smart-form .message i{display:block;margin:0 auto 20px;width:81px;height:81px;border:1px solid #6fb679;border-radius:50%;font-size:30px;line-height:81px}.smart-form.submited fieldset,.smart-form.submited footer{display:none}.smart-form.submited .message{display:block;padding:25px 30px;background:rgba(255,255,255,.9);font:300 18px/27px 'Open Sans',Helvetica,Arial,sans-serif;text-align:center}.smart-form .ui-widget-content .ui-spinner-input{margin:0;border:0;box-shadow:none!important;height:29px}.smart-form-modal{position:fixed;z-index:1;display:none;width:400px}.smart-form-modal-overlay{position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,.7)}.ui-timepicker-div .ui-widget-header{margin-bottom:8px}.ui-timepicker-div dl{text-align:left}.ui-timepicker-div dl dt{float:left;clear:left;padding:0 0 0 5px}.ui-timepicker-div dl dd{margin:17px 10px 12px 40%}.ui-timepicker-div td{font-size:90%}.ui-tpicker-grid-label{background:0 0;border:none;margin:0;padding:0}.ui-timepicker-rtl{direction:rtl}.ui-timepicker-rtl dl{text-align:right;padding:0 5px 0 0}.ui-timepicker-rtl dl dt{float:right;clear:right}.ui-timepicker-rtl dl dd{margin:0 40% 10px 10px}.smart-form input.input-lg{height:44px;padding:10px 16px;font-size:17px;line-height:1.33}.smart-form input.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5}.smart-form input.input-xs{height:24px;padding:2px 10px;font-size:11px;line-height:1.5}.smart-form select.input-sm{height:30px;line-height:15px;font-size:12px}.smart-form select.input-sm+i{height:10px}.smart-form select.input-lg{height:44px;line-height:22px;font-size:17px}.smart-form select.input-lg+i{height:11px;top:17px}.smart-form .checkbox input+input[type=hidden]+i:after{content:'\f00c';top:-1px;left:1px;width:15px;height:15px;font:400 16px/19px 'Font Awesome 6 Pro';text-align:center}.smart-form .checkbox input:checked:hover+input[type=hidden]+i:after{content:'\f00d'}.smart-form .checkbox input:checked:disabled:hover+input[type=hidden]+i:after{content:'\f00c'}.smart-form .checkbox input:checked+input[type=hidden]+i:after{opacity:1}.smart-form .toggle input:checked+input[type=hidden]+i:after{content:attr(data-swchon-text);text-align:right}.smart-form .toggle input:checked+input[type=hidden]+i:before{right:36px}.error-box{max-width:900px;margin:0 auto}.error-text{font-weight:400;color:#fff;letter-spacing:-4px;font-size:700%;margin-bottom:30px;text-shadow:0 1px 0 #ccc,0 2px 0 #bfbfbf,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15)}.error-search{width:300px;margin:0 auto 20px}.error-icon-shadow{text-shadow:0 1px 0 #803838,0 2px 0 #a85d5d,0 3px 0 #b86565,0 4px 0 #d86f6f,0 5px 0 #b3a5a5,0 6px 1px rgba(131,51,51,.1),0 0 5px rgba(102,30,30,.1),0 1px 3px rgba(95,15,15,.3),0 3px 5px rgba(100,23,23,.2),0 5px 10px rgba(114,30,30,.25),0 10px 10px rgba(94,15,15,.2),0 20px 20px rgba(121,38,38,.15)}.display-image{margin-top:-60px;margin-right:20px}.terms-body{max-height:400px;overflow:auto}#extr-page{background:#fff;overflow:visible}#extr-page .container{border:none}#extr-page #header{margin:0;height:71px;border-bottom:1px solid #eee!important;overflow:hidden;padding:0 30px;border-width:0;min-height:28px;background:#f4f4f4!important}#extr-page #main{padding-top:20px}#extr-page #header #logo{margin-top:22px;margin-left:0}#extr-page #header #logo img{width:137px}#extr-page-header-space{float:right;text-align:right;display:block;vertical-align:middle;line-height:71px}#extr-page-header-space>:first-child{font-size:13px;margin-right:14px;vertical-align:-3px;font-weight:400}#extr-page-header-space .btn{font-weight:700;text-transform:uppercase}#extr-page-header-space>*{display:inline-block}#extr-page #main{background:#fff;margin:0}#extr-page .hero{background-image:url(../img/gradient/login.png);background-repeat:no-repeat;background-position:0 137px;height:360px;width:100%;float:left}#extr-page h4.paragraph-header{color:#565656;font-size:15px;font-weight:400;line-height:22px;margin-top:15px;width:270px}#extr-page h5.about-heading{color:#565656;font-size:15px;font-weight:700;line-height:24px;margin:0 0 5px}#extr-page .login-header-big{font-weight:400}#extr-page .login-desc-box-l{min-height:350px;width:50%}#extr-page .login-app-icons{vertical-align:top;margin-top:90px;width:300px}@media (min-width:768px) and (max-width:880px){#extr-page #header{padding:0 5px!important}}@media only screen and (min-width:0) and (max-width:679px){#extr-page #header{padding:0 5px!important}#extr-page #header #logo img{width:135px}#extr-page #header #logo{margin-top:22px}}.dd{position:relative;display:block;margin:0;padding:0;max-width:600px;list-style:none;font-size:13px;line-height:20px}.dd-list{display:block;position:relative;margin:0;padding:0;list-style:none}.dd-list .dd-list{padding-left:30px}.dd-collapsed .dd-list{display:none}.dd-empty,.dd-item,.dd-placeholder{display:block;position:relative;margin:0;padding:0;min-height:20px;font-size:13px;line-height:20px}.dd-handle{display:block;font-size:15px;margin:5px 0;padding:7px 15px;color:#333;text-decoration:none;border:1px solid #cfcfcf;background:#fbfbfb}.dd-item>button{position:relative;cursor:pointer;float:left;width:25px;height:20px;margin:7px 10px;line-height:22px!important;padding:0;text-indent:100%;white-space:nowrap;overflow:hidden;border:0;background:rgba(0,0,0,0);text-align:center;display:inline-block;font-family:'Font Awesome 6 Pro';font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px}.dd-item>button:before{content:'\f055';display:block;position:absolute;width:100%;text-align:center;text-indent:0;color:#0091d9}.dd-item>button[data-action=collapse]:before{content:'\f056';color:#a90329}.dd-empty,.dd-placeholder{margin:5px 0;padding:0;min-height:30px;background:#f2fbff;border:1px dashed #b6bcbf;box-sizing:border-box;-moz-box-sizing:border-box}.dd-empty{border:1px dashed #bbb;min-height:100px;background-color:#eee;background-image:-webkit-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),-webkit-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);background-image:-moz-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),-moz-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);background-image:linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);background-size:60px 60px;background-position:0 0,30px 30px}.dd-dragel{position:absolute;pointer-events:none;z-index:9999}.dd-dragel>.dd-item .dd-handle{margin-top:0}.dd-dragel .dd-handle{-webkit-box-shadow:2px 4px 6px 0 rgba(0,0,0,.1);box-shadow:2px 4px 6px 0 rgba(0,0,0,.1)}.nestable-lists{display:block;clear:both;padding:30px 0;width:100%;border:0;border-top:2px solid #bfbfbf;border-bottom:2px solid #bfbfbf}#nestable-menu{padding:0;margin:10px 0 20px}#nestable-output,#nestable2-output{width:100%;padding:5px}@media only screen and (min-width:700px){.dd{float:left;width:100%}.dd+.dd{margin-left:2%}}.dd-hover>.dd-handle{background:#2ea8e5!important}.dd3-content{display:block;margin:5px 0;padding:6px 10px 8px 40px;font-size:15px;color:#333;text-decoration:none;border:1px solid #cfcfcf;background:#fbfbfb}.dd3-content:hover{color:#2ea8e5;background:#fff}.dd-dragel>.dd3-item>.dd3-content{margin:0}.dd3-item>button{margin-left:38px}.dd3-handle{position:absolute;margin:0;left:0;top:0;cursor:move;width:30px;text-indent:100%;white-space:nowrap;overflow:hidden;border:1px solid #aaa;background:#bfbfbf;background:-webkit-linear-gradient(top,#ddd 0,#bbb 100%);background:-moz-linear-gradient(top,#ddd 0,#bbb 100%);background:linear-gradient(top,#ddd 0,#bbb 100%);display:inline-block;font-family:'Font Awesome 6 Pro';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px;padding:8px 15px}.dd3-handle:before{content:'\f0c9';display:block;position:absolute;left:0;top:3px;width:100%;text-align:center;text-indent:0;color:#818181;font-weight:400;line-height:28px}.dd3-handle:hover:before{color:#C27616}.dd-handle:hover,.dd-handle:hover+.dd-list .dd-handle{background:#FDDFB3!important;border:1px solid #FAA937;color:#333!important}.dd-handle>span{font-size:13px;color:#777}.dd-dragel>.dd-item>.dd-handle{border-left-width:4px}.dd-dragel>li.dd-item.dd3-item{position:relative;top:10px;left:10px;z-index:999}#calendar-container{position:relative}.fc table,html .fc{font-size:12px}.dt-header.calender-spacer{height:46px;display:block}.jarviswidget #calendar{margin-top:-18px}.fc-widget-content,.fc-widget-header{border-right:none}tr td.fc-first,tr.fc-first th.fc-first{border-left:none}tr.fc-last td{border-bottom:none}.jarviswidget .fc-header-title h2{text-shadow:0 1px 0 #fff;margin-top:-12px;margin-left:10px;font-size:14px;font-weight:700;margin-bottom:0}.fc-event-time,.fc-event-title{padding:3px 0 2px 3px;display:inline-block;line-height:16px;font-weight:700;font-size:11px;box-sizing:border-box}#calendar-buttons{position:absolute;right:14px;top:5px}.dropzone,td.fc-other-month{background-image:-webkit-gradient(linear,left top,right bottom,color-stop(0.25,rgba(0,0,0,.03)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(0,0,0,.03)),color-stop(0.75,rgba(0,0,0,.03)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(135deg,rgba(0,0,0,.03)25%,transparent 25%,transparent 50%,rgba(0,0,0,.03)50%,rgba(0,0,0,.03)75%,transparent 75%,transparent);background-image:-moz-linear-gradient(135deg,rgba(0,0,0,.03)25%,transparent 25%,transparent 50%,rgba(0,0,0,.03)50%,rgba(0,0,0,.03)75%,transparent 75%,transparent);background-image:-ms-linear-gradient(135deg,rgba(0,0,0,.03)25%,transparent 25%,transparent 50%,rgba(0,0,0,.03)50%,rgba(0,0,0,.03)75%,transparent 75%,transparent);background-image:-o-linear-gradient(135deg,rgba(0,0,0,.03)25%,transparent 25%,transparent 50%,rgba(0,0,0,.03)50%,rgba(0,0,0,.03)75%,transparent 75%,transparent);background-image:linear-gradient(135deg,rgba(0,0,0,.03)25%,transparent 25%,transparent 50%,rgba(0,0,0,.03)50%,rgba(0,0,0,.03)75%,transparent 75%,transparent);background-color:#FAFCFD;background-size:16px 16px}.fc-corner-right .fc-event-inner{padding-right:15px}.btn-select-tick i{display:none}.btn-select-tick .btn:hover i{opacity:.3;display:block}.btn-select-tick .active i{display:block;opacity:1!important}#external-events>li{margin:6px 4px 6px 0;display:inline-block}#external-events>li>:first-child{padding:5px 10px 10px;cursor:move;display:block}#external-events>li>:first-child:after{color:#fff;color:rgba(255,255,255,.7);content:attr(data-description);font-size:11px;font-weight:400;display:block;line-height:0;margin:7px 0;text-transform:lowercase}.table-wrap{overflow:auto}.inbox-body{position:relative}.inbox-body .table-wrap{background:#fff;padding:10px 14px 7px;position:relative;margin-left:200px;overflow-x:hidden}.inbox-body.no-content-padding{margin-top:0;background:#fff;overflow:hidden}.inbox-nav-bar{height:70px;margin-bottom:0;padding:20px 14px;background:#fff}.inbox-nav-bar .page-title{display:inline-block;margin:0;width:196px;line-height:33px;vertical-align:middle}.inbox-footer{position:absolute;bottom:-53px}.inbox-footer .btn-group,.inbox-paging{margin-left:10px}#inbox-table{font-size:13px;border-top:none;border-left-color:transparent!important;border-right-color:transparent!important}#inbox-table tbody tr:hover{cursor:pointer;background:#E4E4E4}#inbox-table tr td{border-right:none;border-left:none;line-height:26px;padding:6px 4px 7px!important}#inbox-table .inbox-table-icon{padding-left:15px!important}#inbox-table tbody tr th{overflow:hidden}#inbox-table.table tbody>tr>td{border-color:#fff!important}#inbox-table .checkbox,#inbox-table .radio{margin-top:-1px;margin-bottom:0}.inbox-data-attachment,.inbox-table-icon{width:28px;text-align:left;padding-left:12px!important;padding-right:0!important}.inbox-data-from{width:200px}.inbox-data-from>:first-child{width:200px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-data-date{width:80px;padding-left:7px!important;padding-right:0!important}.inbox-data-message>:first-child{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:27px;color:#8A8A8A}.inbox-data-message>:first-child span{color:#111}.inbox-data-message>:first-child span.label{color:#fff}.inbox-data-message>:first-child>:first-child:after{content:" - "}.unread td{background:#fff}.unread .inbox-data-date>:first-child,.unread .inbox-data-from>:first-child,.unread .inbox-data-message>:first-child>:first-child{font-weight:700}tr.highlight td,tr.unread.highlight td{background:#ffc!important;color:#333}.inbox-checkbox-triggered{display:inline-block}.inbox-checkbox-triggered>.btn-group{margin-right:10px}.inbox-checkbox-triggered>.btn-group .btn{padding-left:14px;padding-right:14px}.inbox-side-bar{height:100%;position:absolute;background:#fff;display:block;width:200px;padding:10px 0 10px 14px;-webkit-overflow-scrolling:touch;z-index:1}.inbox-side-bar::-webkit-scrollbar{width:0!important}.inbox-side-bar h6{font-weight:400;font-size:11px;display:block;padding:0 15px;text-transform:uppercase;color:#838383}.inbox-side-bar h6 a{font-size:14px;margin-top:-2px}.inbox-side-bar h6 .tooltip{text-transform:none!important}.inbox-side-bar>.btn{margin-bottom:35px}.inbox-side-bar .input-group{margin-bottom:25px}#compose-mail-mini{margin-left:4px}.inbox-space{display:block;width:185px}.inbox-space>.progress{margin-top:5px}.inbox-menu-lg{list-style:none;padding:0;margin:0 0 20px}.inbox-menu-lg li a{display:block;padding:6px 15px 7px;font-size:13px;color:#333}.inbox-menu-lg li{display:block;width:100%}.inbox-menu-lg li a:hover{text-decoration:none;background:#f4f4f4}.inbox-menu-lg li.active a{font-weight:700;background:#F0F0F0;border-bottom:1px solid #E7E7E7;color:#3276b1}.inbox-menu-sm{list-style:none;padding:0;margin:0 0 20px}.inbox-menu-sm li a{display:block;padding:8px 15px 10px;font-size:13px;color:#333}.inbox-menu-sm li{display:block;width:100%}.inbox-menu-sm li a:hover{text-decoration:none;background:#f4f4f4}.inbox-menu-sm li.active a{font-weight:700;background:#F0F0F0;border-bottom:1px solid #E7E7E7;color:#3276b1}.email-open-header{margin:-10px 0 0 0;font-size:20px;border-bottom:1px solid #bfbfbf;border-top:1px solid #eee;padding:15px 3px}.email-open-header>span{font-size:10px;font-weight:400;padding:3px 5px;letter-spacing:normal;text-transform:uppercase;vertical-align:middle;line-height:33px;background:#ACACAC}.inbox-info-bar{padding:10px 0;border-bottom:1px solid #bfbfbf}.inbox-info-bar img{width:35px;height:auto;display:inline-block;vertical-align:middle;margin-right:7px;margin-left:2px;border-left:3px solid #fff}.inbox-download,.inbox-message{padding:15px 4px;border-bottom:1px solid #bfbfbf}.inbox-download-list{list-style:none;margin:5px 0 0;padding:0}.inbox-download-list li{display:inline-block;margin:0 5px 0 0;vertical-align:top}.inbox-download-list li>:first-child{margin-bottom:0;width:150px;overflow:hidden}.inbox-download-list li>:first-child:hover{background:#fff;border-color:silver}.inbox-download-list li>:first-child>:first-child{text-align:center;display:block;color:#D6D6D6}.inbox-download-list li>:first-child>:first-child>.fa{font-size:150px}.inbox-download-list li>:first-child>:first-child>img{max-width:120px}.inbox-compose-footer{padding:10px;background:#F5F5F5;border-bottom:1px solid #A9A9A9}.inbox-compose-footer,.inbox-download,.inbox-info-bar,.inbox-message{margin-right:240px;position:relative}.email-infobox{display:block;width:180px;border-bottom:1px solid #bfbfbf;padding-bottom:0;padding-top:15px;position:absolute;top:65px;right:15px}.inbox-info-bar .form-group{margin:0}.inbox-info-bar .form-group input,.inbox-info-bar .select2-container-multi .select2-choices{border-color:#fff!important}.inbox-info-bar .select2-choices>div{display:none}.inbox-info-bar .col-md-1,.inbox-info-bar .col-md-11{padding-left:0;padding-right:0}.fileinput{padding-top:3px}.hidden{display:none}.inbox-info-bar em{position:absolute;top:6px;right:20px;text-align:right;font-style:normal}.email-reply-text>div{border-left:1px solid #D6D6D6;padding-left:10px;margin-left:50px;color:#A9A9A9}.inbox-body .note-editor .note-editable{height:100% important}.email-reply-text>:first-child{padding-left:45px}@media (max-width:1280px){.inbox-compose-footer,.inbox-info-bar,.inbox-message{margin-right:0}.email-infobox{display:none}}@media (max-width:1024px){.inbox-side-bar{display:none!important}.inbox-body .table-wrap{margin-left:0!important}.inbox-info-bar .col-md-1,.inbox-info-bar .col-md-11{padding-left:26px;padding-right:26px}}#inbox-content .note-insert,#inbox-content [data-event=codeview],#inbox-content [data-event=showHelpDialog]{display:none!important}#inbox-content [data-event=fullscreen]{border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}#inbox-content .note-toolbar .btn-sm{padding:2px 6px 3px;font-size:14px}#inbox-content .note-toolbar .note-para .dropdown-menu{min-width:180px}.profile-pic{text-align:right}.profile-pic>img{border-radius:0;position:relative;border:5px solid #fff;top:-30px;left:10px;display:inline-block;text-align:right;z-index:4;max-width:100px;margin-bottom:-30px}.profile-carousel .carousel-inner{max-height:150px}.friends-list li{margin-bottom:10px;margin-right:3px;padding:0}.friends-list img{width:35px;border:1px solid #fff;outline:1px solid #bfbfbf}.profile-link-btn{color:#999;font-size:14px}time.icon{font-size:14px;display:block;position:relative;width:35px;height:43px;background-color:#fff;margin:3px auto;border-radius:7px;box-shadow:0 1px 0 #bdbdbd,0 2px 0 #fff,0 3px 0 #EEE9E9,0 4px 0 #fff,0 5px 0 #FFF,0 0 0 1px #D3D3D3;overflow:hidden}time.icon *{display:block;width:100%;font-size:10px;font-weight:700;font-style:normal;text-align:center}time.icon strong{position:absolute;top:0;padding:2px 0;color:#fff;background-color:#3a3633;-webkit-box-shadow:0 2px 0 #3a3633;box-shadow:0 2px 0 #3a3633;border-radius:6px 6px 0 0}time.icon em{position:absolute;bottom:3px;color:#3276b1}time.icon span{width:100%;font-size:15px;letter-spacing:-.05em;padding-top:21px;color:#2f2f2f}.user{display:block;float:left;width:170px;margin:0 15px 15px 0;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.user img{float:left;width:35px;margin-right:5px}.user .email{color:#999;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.search-results{padding:18px 5px}.search-results+.search-results{border-top:1px dashed #E3E3E3}.search-results>:first-child{margin-bottom:4px;font-weight:400}.search-results>:first-child a{text-decoration:underline}.search-results .url{font-style:normal;font-size:14px}.search-results img{display:inline-block;margin-top:4px;margin-right:4px;width:80px}.search-results>div{display:inline-block;vertical-align:top}.search-results .note{margin:0;line-height:normal}.search-results .note a{text-decoration:none!important;color:#333}.search-results .note a:hover{color:#ed1c24}.todo-group-title{margin:0;line-height:31px;padding:0 0 0 10px;background:#fafafa;border-bottom:1px solid #e7e7e7;border-top:1px solid #f4f4f4;color:#999}.todo{margin:0;padding:0;min-height:5px;list-style:none}.todo>li{display:block;position:relative;overflow:hidden;border-bottom:1px solid #e7e7e7;margin:0 5px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAQCAYAAADagWXwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RkQ1OEY4NTM4NUIxMUUzQjdCMUMxQzJCQUE3MTMxOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RkQ1OEY4NjM4NUIxMUUzQjdCMUMxQzJCQUE3MTMxOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRGRDU4RjgzMzg1QjExRTNCN0IxQzFDMkJBQTcxMzE4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRGRDU4Rjg0Mzg1QjExRTNCN0IxQzFDMkJBQTcxMzE4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pTD+wgAAACtJREFUeNpimDBhwn8gYABhdDYjiIELMDHgAUwTJ06Ea0VnjxpLO2MBAgwAGYZLegQbQ3UAAAAASUVORK5CYII=) 1px 11px no-repeat}.todo>li:last-child,.todo>li:only-child{border-bottom:none}.todo>li>:first-child{display:block;border-right:1px solid #FFE1EB;height:100%;padding:6px 11px 6px 18px;width:20px;vertical-align:top;position:absolute}.todo>li>:first-child:hover{cursor:move}.todo>li.complete>:first-child:hover{cursor:default}.todo>li.complete{background:0 0}.todo>li>p{height:100%;margin-left:52px;border-left:1px solid #FFE1EB;display:inline-block;padding:8px 0 6px 7px;margin-bottom:0;min-height:37px;line-height:normal;font-size:14px;font-weight:500;color:#333}.todo>li>p>span{display:block;line-height:12px;font-size:10px;font-weight:400}.todo>li>p>:first-child{margin-top:-5px;color:#999;margin-bottom:4px}.todo>li>p>.date{color:#bfbfbf}.todo>li.complete>*{text-decoration:line-through;font-style:italic}.todo>li.ui-sortable-helper{border-top:1px solid #eee;background:rgba(113,132,63,.1)}.smart-timeline{position:relative}.smart-timeline-list{list-style:none;margin:0;padding:0}.smart-timeline-list:after{content:" ";background-color:#eee;position:absolute;display:block;width:2px;top:0;left:95px;bottom:0;z-index:1}.smart-timeline-list li{position:relative;margin:0;padding:15px 0}.smart-timeline-list>li:hover{background-color:#f4f4f4}.smart-timeline-hover li:hover{background-color:#f9f9f9}.smart-timeline-icon{background:#3276b1;color:#fff;border-radius:50%;position:absolute;width:32px;height:32px;line-height:28px;font-size:14px;text-align:center;left:80px;top:10px;z-index:100;padding:2px}.smart-timeline-icon>img{height:32px;width:32px;border-radius:50%;margin-top:-2px;margin-left:-2px;border:2px solid #3276b1}.smart-timeline-time{float:left;width:70px;text-align:right}.smart-timeline-time>small{font-style:italic}.smart-timeline-content{margin-left:123px}.table-forum thead tr{background:none!important}.table-forum thead tr th{font-size:17px;font-weight:400;border-bottom-color:#F1F1F1}.table-forum tr td{border-top-style:dashed!important;padding-top:12px!important;padding-bottom:12px!important}.table-forum tr td h4{font-size:15px;font-weight:700}.table-forum tr td h4 small{font-size:13px;display:block;margin-top:2px}.table-forum tr td>i{margin-top:4px;padding-left:10px}.table-forum tr.locked h4>a:before{display:inline-block;font-family:'Font Awesome 6 Pro';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f023"}.table-forum tr.closed h4>a{text-decoration:line-through;color:#848484;cursor:not-allowed}.forum-attachment{margin-top:20px;display:block}.ajax-loading-error{margin-top:70px;display:block;text-align:center;font-size:23px;font-weight:700}.ajax-notifications .ajax-loading-error{text-align:center;margin-top:20px;font-size:15px}.ajax-notifications .ajax-loading-animation{font-size:15px;text-align:center;margin-top:70px}.project-members a{display:inline-block;overflow:hidden;margin:0 3px 0 0;border-radius:0}.smart-rtl.project-members a{margin:0 0 0 3px}.project-members img{width:25px;border-radius:0}.projects-table>tbody>tr>td{padding:7px 10px 3px!important}html{margin:0;padding:0;min-height:100%;background:url(../img/mybg.png) #fff;position:relative}body{margin:0;padding:0;min-height:100%;background:url(../img/mybg.png) #fff;direction:ltr}body.mobile-view-activated.hidden-menu{overflow-x:hidden}body.modal-open{overflow:hidden!important}a:active,a:focus,a:hover,button,button:active,button:focus,embed,input::-moz-focus-inner,object{outline:0}h1,h2,h3,h4{margin:0;font-family:"Open Sans",Arial,Helvetica,Sans-Serif;font-weight:300}.page-title{margin:12px 0 28px}.page-title span{font-size:16px;color:#333;display:inline-block;vertical-align:1px}label{font-weight:400}:focus{outline:0!important}a,button,input{-ms-touch-action:none!important}.uneditable-input:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{outline:0;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}.form-control,.input-lg,.input-sm,.input-xs{border-radius:0!important;-webkit-border-radius:0!important;-moz-border-radius:0!important}.input-xs{height:24px;padding:2px 10px;font-size:11px;line-height:1.5}.btn-xs{padding:1px 5px}.btn-sm{padding:6px 10px 5px}.btn-lg{padding:10px 16px}.no-space{margin:0}.no-space>[class*=col-]{margin:0!important;padding-right:0;padding-left:0}#content{padding:10px 14px;position:relative}body.container{position:absolute;left:0;right:0;padding:0;border-left:1px solid #bfbfbf;border-right:1px solid #bfbfbf;box-shadow:0 2px 70px rgba(0,0,0,.45)}body.container.hidden-menu:not(.mobile-view-activated){overflow:hidden}h1{letter-spacing:-1px;font-size:24px;margin:10px 0}h1 small{font-size:18px;font-weight:300;letter-spacing:-1px}.lead{font-size:19px}h2{letter-spacing:-1px;font-size:22px;margin:20px 0;line-height:normal}h3{display:block;font-size:19px;font-weight:400;margin:20px 0;line-height:normal}h4{line-height:normal}h5{font-size:17px;font-weight:300;margin:10px 0;line-height:normal}h6{font-size:15px;margin:10px 0;font-weight:700;line-height:normal}.row-seperator-header{margin:15px 14px 20px;border-bottom:none;display:block;color:#646464;font-size:20px;font-weight:400}.center-canvas,.center-child-canvas>canvas{display:block!important;margin:0 auto!important}.bordered{border:1px solid rgba(0,0,0,.2)}.bordered:hover{border:1px solid rgba(0,0,0,.4)}aside{display:block;background:#3a3633;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI5NyUiIHN0b3AtY29sb3I9IiMzYTM2MzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmEyNzI1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);background:-moz-linear-gradient(left,#3a3633 93%,#2a2725 100%);background:-webkit-gradient(linear,left top,right top,color-stop(93%,#3a3633),color-stop(100%,#2a2725));background:-webkit-linear-gradient(left,#3a3633 93%,#2a2725 100%);background:-o-linear-gradient(left,#3a3633 93%,#2a2725 100%);background:-ms-linear-gradient(left,#3a3633 93%,#2a2725 100%);background:linear-gradient(to right,#3a3633 93%,#2a2725 100%);min-height:100%}#header{display:block;height:49px;margin:0;padding:0 13px 0 0;background-color:#f3f3f3;background-image:-moz-linear-gradient(top,#f3f3f3,#e2e2e2);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f3f3f3),to(#e2e2e2));background-image:-webkit-linear-gradient(top,#f3f3f3,#e2e2e2);background-image:-o-linear-gradient(top,#f3f3f3,#e2e2e2);background-image:linear-gradient(to bottom,#f3f3f3,#e2e2e2);background-repeat:repeat-x;position:relative;z-index:905}#header>div{display:inline-block;vertical-align:middle;height:49px;float:left}#header>div.open{font-weight:700}.fixed-header #header{position:fixed;width:100%;z-index:905;top:0;border-bottom:2px solid #999;border-bottom:1px solid rgba(0,0,0,.3);box-shadow:-11px 12px 23px rgba(0,0,0,.1)}.fixed-header.fixed-ribbon #header{border-bottom:none;box-shadow:none}.container.fixed-header #header{max-width:1164px}.fixed-header #header .ajax-dropdown{z-index:906}.fixed-header #shortcut{position:fixed}.fixed-header #main{margin-top:49px}#logo-group>span{display:inline-block;height:39px;float:left}#logo-group span#activity{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;cursor:default!important;display:inline-block;font-weight:700;height:24px;width:24px;padding:2px;text-align:center;text-decoration:none!important;-moz-user-select:none;-webkit-user-select:none;background-color:#f8f8f8;background-image:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));background-image:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1);background-image:-moz-linear-gradient(top,#f8f8f8,#f1f1f1);background-image:-ms-linear-gradient(top,#f8f8f8,#f1f1f1);background-image:-o-linear-gradient(top,#f8f8f8,#f1f1f1);background-image:linear-gradient(top,#f8f8f8,#f1f1f1);border:1px solid #bfbfbf;color:#c4bab6;font-size:19px;margin:10px 0 0;position:relative}#logo-group span#activity:hover{border:1px solid #bfbfbf;transition:all 0s;cursor:pointer!important;-webkit-box-shadow:inset 0 0 4px 1px rgba(0,0,0,.08);box-shadow:inset 0 0 4px 1px rgba(0,0,0,.08)}#logo{display:inline-block;width:175px;margin-top:13px;margin-left:9px}#logo img{width:110px;height:auto;padding-left:3px}#logo-group>span b.badge{position:absolute;top:-5px;right:-5px;cursor:pointer;background:#0091d9;display:inline-block;font-size:10px;box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);color:#fff;font-weight:700;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;padding:2px 4px 3px;text-align:center;line-height:normal}#activity.active .badge{background:#006fa6!important}#project-context,.project-context{display:inline-block;padding:7px 13px 0;position:relative}#project-context>span,.project-context>span{display:block}#project-context>:first-child,.project-context>:first-child{display:block;color:#bfbfbf;font-size:10px;font-weight:700;text-transform:uppercase;text-shadow:0 0 1px #fff;padding-left:0;text-align:left}#project-selector,.project-selector{max-width:97%;white-space:nowrap;background:0 0;border:none;padding:0;text-align:left;color:#555;font-size:14px;cursor:pointer}#project-selector:hover,.project-selector:hover{color:#333}.header-search{position:relative}.header-search.pull-right{margin-left:6px}.header-search>input[type=text]{display:block;box-sizing:border-box;-moz-box-sizing:border-box;min-width:200px;width:100%;height:30px;padding:0 10px;outline:0;border-width:1px;border-style:solid;border-radius:0;border-color:#bfbfbf;background:#fff;color:#404040;appearance:normal;-moz-appearance:none;-webkit-appearance:none;margin-top:10px;line-height:normal}.header-search>button{background:0 0;border:none;color:#6D6A69;font-size:17px;height:30px;line-height:30px;margin:0;padding:0;position:absolute;right:0;top:10px;width:30px;z-index:2}#search-mobile{display:none}#cancel-search-js{position:absolute;display:none;background:#a90329;z-index:3;color:#fff;padding:0;right:10px;top:10px;text-align:center;height:29px;line-height:29px;width:30px;font-size:17px;text-decoration:none!important}#header>:first-child,aside{width:220px}#left-panel{position:absolute;top:0;left:0;z-index:904;padding-top:49px}#main{margin-left:220px;padding:0;padding-bottom:52px;min-height:500px;position:relative}#ribbon{min-height:40px;background:#474544;padding:0 13px;position:relative}#ribbon .breadcrumb{display:inline-block;margin:0;padding:11px 34px 11px 0!important;background:0 0;vertical-align:top}#ribbon .breadcrumb,#ribbon .breadcrumb a{color:#BBB!important;text-decoration:none!Important}#ribbon .breadcrumb li:last-child,#ribbon .breadcrumb>.active{color:#E4E4E4}.fixed-ribbon #ribbon{position:fixed;right:0;left:220px;top:49px;z-index:901}.container.fixed-ribbon #ribbon{width:944px;left:590px}.fixed-ribbon #content{padding-top:50px}.minified.fixed-ribbon #ribbon{left:45px}.hidden-menu.fixed-ribbon #ribbon{left:10px}.fixed-navigation #left-panel{height:100%;position:fixed}.fixed-navigation nav{-webkit-overflow-scrolling:touch;overflow-y:auto;height:100%;padding-bottom:49px}.fixed-navigation nav>ul{padding-right:15px;position:relative;height:100%;width:114%;overflow-x:hidden;overflow-y:scroll}.mobile-detected.fixed-navigation nav>ul{padding-right:30px!important}.minified.fixed-navigation nav{-webkit-overflow-scrolling:none;overflow:visible;height:auto;padding-bottom:0}.minified.fixed-navigation nav>ul{overflow:visible;padding-right:0;width:100%}nav ul li a:active{background:#616161!important}nav ul{width:100%;padding:40px 28px 25px 0;padding:0;margin:0;font-size:13px;line-height:.5em;list-style:none;position:relative}nav ul .active>a{color:#fff!important;position:relative}nav ul li.active>a:before{content:"\f0d9";font-family:'Font Awesome 6 Pro';display:block;height:27px;line-height:normal;width:27px;position:absolute;right:-21px;font-size:20px;color:#eee}nav ul li.active.open>a:before{content:""}nav>ul>li:last-child.open{border-bottom:1px solid rgba(255,255,255,.15)}nav ul li a{line-height:normal;font-size:14px;padding:10px 10px 10px 11px;color:#c0bbb7;display:block;font-weight:400;text-decoration:none!important;position:relative}nav>ul>li>ul>li>a,nav>ul>li>ul>li>ul>li>a{padding-top:7px;padding-bottom:7px}nav ul li a:focus{color:#c9c9c9}nav ul li a:hover{color:#fff;text-decoration:none}nav ul li a.inactive,nav ul li a.inactive:hover{opacity:.5;cursor:not-allowed;color:#c0bbb7}nav ul b{float:right;font-size:11px;margin-top:2px}nav ul span.menu-item-parent{display:inline-block;margin:0;padding:0}nav ul li.open>a,nav ul li.open>a b{color:#fff!important}nav>ul>li>a b{position:absolute!important;right:10px;top:10px}nav>ul>li>a>i{margin-right:5px;width:15px;display:inline-block;text-align:center;position:relative}nav>ul>li>a>i>em{font-size:9px;display:block;padding:2px;position:absolute;top:-8px;right:-6px;text-decoration:none;font-style:normal;background:#ED1C24;color:#fff;min-width:13px;border-radius:50%;max-height:13px;line-height:8px;font-weight:700;vertical-align:baseline;white-space:nowrap;text-align:center;border:1px solid rgba(255,255,255,.1)}nav ul li li{border-bottom:none;position:relative}nav>ul>li>ul::before{content:"";display:block;position:absolute;z-index:1;left:23px;top:0;bottom:0;border-left:1px solid #7A7A7A}nav>ul ul li::before{content:"";display:block;position:absolute;width:8px;left:23px;top:16px;border-top:1px solid #7A7A7A;z-index:1}nav>ul ul ul li::before{content:"";display:block;position:absolute;width:18px;left:10px;top:17px;border-top:1px solid transparent}nav>ul ul li a i{font-size:14px!important;width:18px!important;text-align:center!important;vertical-align:0!important;line-height:1!important}nav>ul>li:hover>ul::before,nav>ul>li:hover>ul>li::before{border-color:#ACACAC!important}nav ul ul{margin:0;display:none;background:rgba(69,69,69,.6);padding:7px 0}nav ul ul ul{background:0 0;padding:0}nav ul ul li{margin:0;padding:0}nav ul ul li>a{padding-left:42px;font-size:14px;font-weight:400;outline:0}nav ul ul li>a:hover{background-color:rgba(69,69,69,.8);color:#fff}nav ul ul ul li a{color:#bfbfbf;padding:8px 10px 8px 60px;font-size:14px}nav ul ul ul li a:hover{color:#fff}nav ul ul ul ul li a{padding-left:80px}nav ul ul ul ul ul li a{padding-left:100px}nav ul ul ul ul ul ul li a{padding-left:120px}nav ul ul b{color:#B3B3B3}nav ul ul>li:hover b{color:#D5D9E2}.header-dropdown-list{list-style:none;float:right;position:relative;margin:0;padding-left:0;padding-right:0}.header-dropdown-list>li{display:inline-block;padding-right:5px}.header-dropdown-list>li>.dropdown-toggle{margin-top:16px;display:block}.smart-accordion-default.panel-group{margin-bottom:0}.smart-accordion-default.panel-group .panel+.panel{margin-top:-1px}.smart-accordion-default.panel-group .panel-heading{padding:0}.smart-accordion-default.panel-group .panel-title a{display:block;padding:10px 15px;text-decoration:none!important}.panel-group .panel,.smart-accordion-default .panel-heading{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}.smart-accordion-default .panel-default>.panel-heading{background-color:#fcfcfc}.smart-accordion-default .panel-default{border-color:#c3c3c3}.smart-accordion-default .panel-title>a.collapsed>.fa,.smart-accordion-default .panel-title>a>:first-child{display:none}.smart-accordion-default .panel-title>a.collapsed>:first-child{display:inline-block}.no-padding .smart-accordion-default>div{border-left:none!important;border-right:none!important}.no-padding .smart-accordion-default>div:first-child{border-top:none!important}.no-padding .smart-accordion-default>div:last-child{border-bottom:none!important}.onoffswitch-container{margin-top:4px;margin-left:7px;display:inline-block}.onoffswitch{position:relative;width:50px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;margin-top:3px;margin-bottom:3px;margin-left:5px;display:inline-block;vertical-align:middle}.onoffswitch-checkbox{display:none}.onoffswitch-label{display:block;overflow:hidden;cursor:pointer;border:1px solid #626262;border-radius:50px;border-color:#adadad #b3b3b3 #9e9e9e;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.onoffswitch-inner{width:200%;margin-left:-100%;display:block}.onoffswitch-inner:after,.onoffswitch-inner:before{float:left;width:50%;height:15px;padding:0;line-height:15px;font-size:10px;font-family:Trebuchet,Arial,sans-serif;font-weight:700;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.onoffswitch-inner:before{content:attr(data-swchon-text);text-shadow:0 -1px 0 #333;padding-left:7px;background-color:#3276b1;color:#fff;box-shadow:inset 0 2px 6px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.05);text-align:left}.onoffswitch-inner:after{content:attr(data-swchoff-text);padding-right:7px;text-shadow:0 -1px 0 #fff;background-color:#fff;color:#555;text-align:right;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.onoffswitch-switch{width:19px;height:19px;margin:-2px;background:#fff;border:1px solid #9a9a9a;border-radius:50px;position:absolute;top:0;bottom:0;right:32px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;background-color:#f4f4f4;background-image:-moz-linear-gradient(top,#fff,#eee);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#eee));background-image:-webkit-linear-gradient(top,#fff,#eee);background-image:-o-linear-gradient(top,#fff,#eee);background-image:linear-gradient(to bottom,#fff,#eee);background-repeat:repeat-x;-webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,.3);box-shadow:1px 1px 4px 0 rgba(0,0,0,.3)}.onoffswitch-checkbox+.onoffswitch-label .onoffswitch-switch:before,.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch:before{content:"\f00d";color:#a90329;display:block;text-align:center;line-height:19px;font-size:10px;text-shadow:0 -1px 0 #fff;font-weight:700;font-family:'Font Awesome 6 Pro'}.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch:before{content:"\f00c";color:#57889c}.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner{margin-left:0;display:block}.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch{right:0}.onoffswitch-switch:hover{background-color:#eee}.onoffswitch-switch:active{background-color:#eee;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.onoffswitch-checkbox:checked:disabled+.onoffswitch-label .onoffswitch-inner:before,.onoffswitch-checkbox:disabled+.onoffswitch-label .onoffswitch-inner:after{text-shadow:0 1px 0 #fff;background:#bfbfbf;color:#333}.onoffswitch-checkbox:checked:disabled+.onoffswitch-label .onoffswitch-switch,.onoffswitch-checkbox:disabled+.onoffswitch-label .onoffswitch-switch{background-color:#f4f4f4;background-image:-moz-linear-gradient(top,#bfbfbf,#f4f4f4);background-image:-webkit-gradient(linear,0 0,0 100%,from(#bfbfbf),to(#f4f4f4));background-image:-webkit-linear-gradient(top,#bfbfbf,#f4f4f4);background-image:-o-linear-gradient(top,#bfbfbf,#f4f4f4);background-image:linear-gradient(to bottom,#bfbfbf,#f4f4f4);box-shadow:none!important}.onoffswitch-checkbox:checked:disabled+.onoffswitch-label .onoffswitch-label,.onoffswitch-checkbox:disabled+.onoffswitch-label{border-color:#ababab #999 #878787!important}.onoffswitch-checkbox:checked+.onoffswitch-label{border-color:#3276b1 #2a6395 #255681}.onoffswitch+span,.onoffswitch-title{display:inline-block;vertical-align:middle;margin-top:-5px}.form-control{box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}.form hr{margin-left:-13px;margin-right:-13px;border-color:rgba(0,0,0,.1);margin-top:20px;margin-bottom:20px}.form fieldset{display:block;border:none;background:rgba(255,255,255,.9);position:relative}fieldset{position:relative}.form-actions{display:block;padding:13px 14px 15px;border-top:1px solid rgba(0,0,0,.1);background:rgba(249,249,249,.9);margin-top:25px;margin-left:-13px;margin-right:-13px;margin-bottom:-13px;text-align:right}.well .form-actions{margin-left:-19px;margin-right:-19px;margin-bottom:-19px}.well.well-lg .form-actions{margin-left:-24px;margin-right:-24px;margin-bottom:-24px}.well.well-sm .form-actions{margin-left:-9px;margin-right:-9px;margin-bottom:-9px}.popover-content .form-actions{margin:0 -14px -9px;border-radius:0 0 3px 3px;padding:9px 14px}.no-padding .form .form-actions{margin:0;display:block;padding:13px 14px 15px;border-top:1px solid rgba(0,0,0,.1);background:rgba(248,248,248,.9);text-align:right;margin-top:25px}.bootstrap-duallistbox-container label,.form header,legend{display:block;padding:8px 0;border-bottom:1px dashed rgba(0,0,0,.2);background:#fff;font-size:16px;font-weight:300;color:#222;margin:25px 0 20px}.no-padding .form header{margin:25px 14px 0}.form header:first-child{margin-top:10px}legend{font-weight:400;margin-top:0;background:0 0}.input-group-addon{padding:6px 10px;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;transition:background-color .3s;-o-transition:background-color .3s;-ms-transition:background-color .3s;-moz-transition:background-color .3s;-webkit-transition:background-color .3s}.input-group-addon .fa{font-size:14px}.input-group-addon .fa-2x,.input-group-addon .fa-lg{font-size:2em}.input-group-addon .fa-3x,.input-group-addon .fa-4x,.input-group-addon .fa-5x{font-size:30px}input[type=text]:focus+.input-group-addon{border-color:#0091d9;background-color:#72a0ce;color:#fff}.has-warning input[type=text],.has-warning input[type=text]+.input-group-addon{border-color:#dbab57}.has-warning input[type=text]+.input-group-addon{background-color:#faf2cc;color:#c09853}.has-warning input[type=text]:focus,.has-warning input[type=text]:focus+.input-group-addon{border-color:#dbab57}.has-warning input[type=text]:focus+.input-group-addon{background-color:#e1c118;color:#fff}.has-error .input-group-addon{border-color:#b94a48;background:#f2dede;color:#b94a48}.has-error input[type=text],.has-error input[type=text]+.input-group-addon{border-color:#b94a48}.has-error input[type=text]+.input-group-addon{background-color:#f2dede;color:#b94a48}.has-error input[type=text]:focus,.has-error input[type=text]:focus+.input-group-addon{border-color:#c05e5e}.has-error input[type=text]:focus+.input-group-addon{background-color:#c05e5e;color:#fff}.has-success input[type=text]:focus+.input-group-addon{border-color:#468847;background-color:#468847;color:#fff}.form .form-group:last-child,.form .form-group:last-child .note,.form fieldset .form-group:last-child,.form fieldset .form-group:last-child .note{margin-bottom:0}.note{margin-top:6px;padding:0 1px;font-size:11px;line-height:15px;color:#999}.input-icon-right{position:relative}.input-icon-left>i,.input-icon-right>i{position:absolute;right:10px;top:30%;font-size:16px;color:#bfbfbf}.input-icon-left>i{right:auto;left:24px}.input-icon-right .form-control{padding-right:27px}.input-icon-left .form-control{padding-left:29px}input[type=color].ui-autocomplete-loading,input[type=date].ui-autocomplete-loading,input[type=datetime-local].ui-autocomplete-loading,input[type=datetime].ui-autocomplete-loading,input[type=email].ui-autocomplete-loading,input[type=month].ui-autocomplete-loading,input[type=number].ui-autocomplete-loading,input[type=password].ui-autocomplete-loading,input[type=search].ui-autocomplete-loading,input[type=tel].ui-autocomplete-loading,input[type=text].ui-autocomplete-loading,input[type=time].ui-autocomplete-loading,input[type=url].ui-autocomplete-loading,input[type=week].ui-autocomplete-loading{background-image:url(../img/select2-spinner.gif)!important;background-repeat:no-repeat;background-position:99% 50%;padding-right:27px}.input-group-addon .checkbox,.input-group-addon .radio{min-height:0;margin-right:0!important;padding-top:0}.input-group-addon label input[type=checkbox].checkbox+span,.input-group-addon label input[type=checkbox].checkbox+span:before,.input-group-addon label input[type=radio].radiobox+span,.input-group-addon label input[type=radio].radiobox+span:before{margin-right:0}.input-group-addon .onoffswitch,.input-group-addon .onoffswitch-label{margin:0}.timeline-seperator{display:block;text-align:center;color:#999;margin:20px 0 0}.timeline-seperator>:first-child{padding:4px 5px;border:1px dashed rgba(0,0,0,.1);background:#fff;font-size:11px;border-radius:4px}.timeline-seperator .btn,.timeline-seperator .btn+.dropdown-menu{margin-right:15px}.timeline-seperator:after{display:block;content:" ";margin:0 20px;border-bottom:1px dashed rgba(0,0,0,.1);margin-top:-8px}.alert{margin-bottom:20px;margin-top:0;color:#675100;border-width:0;border-left-width:5px;padding:10px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}.alert .close{top:0;right:-5px;line-height:20px}.alert-heading{font-weight:600}.alert-danger{border-color:#953b39;color:#fff;background-color:#c26565;text-shadow:none}.alert-warning{border-color:#dfb56c;color:#826430;background-color:#efe1b3}.alert-success{border-color:#8ac38b;color:#356635;background-color:#cde0c4}.alert-info{border-color:#9cb4c5;color:#305d8c;background-color:#d6dde7}.well{background-color:#fbfbfb;border:1px solid #ddd;box-shadow:0 1px 1px #ececec;-webkit-box-shadow:0 1px 1px #ececec;-moz-box-shadow:0 1px 1px #ececec;position:relative}.well.well-clean{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-color:transparent}.well.well-glass{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-color:transparent;background-color:rgba(255,255,255,.25);color:#fff}.well.well-light{background:#fff;border:1px solid #e2e2e2}.widget-body .well{margin-bottom:0}.well.transparent{border:none!important;background:none!important}.jarviswidget.well.transparent>div,.jarviswidget.well.transparent>div .widget-body{padding:0!important}.well[class*=" bg-"],.well[class^=bg-]{border:1px solid #555!important}.nav-tabs>li>a .badge{font-size:11px;padding:3px 5px;opacity:.5;margin-left:5px;min-width:17px;font-weight:400}.nav-tabs>li>a>.fa{opacity:.5}.tabs-left .nav-tabs>li>a .badge{margin-right:5px;margin-left:0}.nav-tabs>li>a .label{display:inline-block;font-size:11px;margin-left:5px;opacity:.5}.nav-tabs>li.active>a .badge,.nav-tabs>li.active>a .label,.nav-tabs>li.active>a>.fa{opacity:1}.nav-tabs>li>a{border-radius:0;color:#333}.nav-tabs>li.active>a{-webkit-box-shadow:0 -2px 0 #57889c;-moz-box-shadow:0 -2px 0 #57889c;box-shadow:0 -2px 0 #57889c;border-top-width:0!important;margin-top:1px!important;font-weight:700}.tabs-left .nav-tabs>li.active>a{-webkit-box-shadow:-2px 0 0 #57889c;-moz-box-shadow:-2px 0 0 #57889c;box-shadow:-2px 0 0 #57889c;border-top-width:1px!important;border-left:none!important;margin-left:1px!important}.tabs-left .nav-pills>li.active>a{border:none!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}.tabs-right .nav-tabs>li.active>a{-webkit-box-shadow:2px 0 0 #57889c;-moz-box-shadow:2px 0 0 #57889c;box-shadow:2px 0 0 #57889c;border-top-width:1px!important;border-right:none!important;margin-right:1px!important}.tabs-below .nav-tabs>li.active>a{-webkit-box-shadow:0 2px 0 #57889c;-moz-box-shadow:0 2px 0 #57889c;box-shadow:0 2px 0 #57889c;border-bottom-width:0!important;border-top:none!important;margin-top:0!important}.tabs-left>.nav-pills>li,.tabs-left>.nav-tabs>li,.tabs-right>.nav-pills>li,.tabs-right>.nav-tabs>li{float:none}.tabs-left>.nav-pills>li>a,.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-pills>li>a,.tabs-right>.nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px}.tabs-left>.nav-pills,.tabs-left>.nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd}.tabs-left>.nav-pills{border-right:none}.tabs-left>.nav-tabs>li>a{margin-right:-1px}.tabs-left>.nav-tabs>li>a:focus,.tabs-left>.nav-tabs>li>a:hover{border-color:#eee #d5d5d5 #eee #eee}.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:focus,.tabs-left>.nav-tabs .active>a:hover{border-color:#d5d5d5 transparent #d5d5d5 #ddd;*border-right-color:#fff}.tabs-left>.tab-content{margin-left:109px}.tabs-right>.nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd}.tabs-right>.nav-tabs>li>a{margin-left:-1px}.tabs-right>.nav-tabs>li>a:focus,.tabs-right>.nav-tabs>li>a:hover{border-color:#eee #eee #eee #ddd}.tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:focus,.tabs-right>.nav-tabs .active>a:hover{border-color:#ddd #ddd #ddd transparent;*border-left-color:#fff}.tabs-below>.nav-tabs,.tabs-left>.nav-tabs,.tabs-right>.nav-tabs{border-bottom:0}.pill-content>.pill-pane,.tab-content>.tab-pane{display:none}.pill-content>.active,.tab-content>.active{display:block}.tabs-below>.nav-tabs{border-top:1px solid #ddd}.tabs-below>.nav-tabs>li{margin-top:-1px;margin-bottom:0}.tabs-below>.nav-tabs>li>a:focus,.tabs-below>.nav-tabs>li>a:hover{border-top-color:#ddd;border-bottom-color:transparent}.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:focus,.tabs-below>.nav-tabs>.active>a:hover{border-color:transparent #ddd #ddd}.nav-tabs.bordered{background:#fff;border:1px solid #ddd}.nav-tabs.bordered>:first-child a{border-left-width:0!important}.nav-tabs.bordered+.tab-content{border:1px solid #ddd;border-top:none}.tabs-pull-right.nav-pills>li,.tabs-pull-right.nav-tabs>li{float:right}.tabs-pull-right.nav-pills>li:first-child>a,.tabs-pull-right.nav-tabs>li:first-child>a{margin-right:1px}.tabs-pull-right.bordered.nav-pills>li:first-child>a,.tabs-pull-right.bordered.nav-tabs>li:first-child>a{border-left-width:1px!important;margin-right:0;border-right-width:0}.jarviswidget>header>.nav-tabs.pull-left>li:first-child a{border-left-width:0!important}.btn,a:link,button{-webkit-tap-highlight-color:rgba(169,3,41,.5)}#logo-group *,.login-info,.login-info *,.minified .menu-item-parent{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.hidden-desktop{display:none!important}.dropdown-menu-xs{min-width:37px}.dropdown-menu-xs>li>a{padding:3px 10px}.dropdown-menu-xs>li>a:hover i{color:#fff!important}.dropdown-submenu{position:relative}.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#bfbfbf;margin-top:5px;margin-right:-10px}.dropdown-submenu:hover>a:after{border-left-color:#fff}.dropdown-submenu.pull-left{float:none}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px}.table.has-tickbox thead tr th:first-child{width:18px}.table.has-tickbox.smart-form tbody tr td:first-child .checkbox,.table.has-tickbox.smart-form tbody tr td:first-child .radio,.table.has-tickbox.smart-form thead tr th:first-child .checkbox,.table.has-tickbox.smart-form thead tr th:first-child .radio{padding:0!important}.fc-border-separate thead tr,.table thead tr{background-color:#eee;background-image:-webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#fafafa));background-image:-webkit-linear-gradient(top,#f2f2f2 0,#fafafa 100%);background-image:-moz-linear-gradient(top,#f2f2f2 0,#fafafa 100%);background-image:-ms-linear-gradient(top,#f2f2f2 0,#fafafa 100%);background-image:-o-linear-gradient(top,#f2f2f2 0,#fafafa 100%);background-image:-linear-gradient(top,#f2f2f2 0,#fafafa 100%);font-size:12px}.fc-border-separate thead tr th{padding:4px;line-height:1.428571429}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-width:1px}.no-padding>.table-bordered,.no-padding>.table-responsive>.table-bordered{border:none!important}.no-padding>.table-bordered tbody tr td:first-child,.no-padding>.table-bordered thead tr td:first-child,.no-padding>.table-bordered thead tr th:first-child,.no-padding>.table-responsive>.table-bordered tbody tr td:first-child,.no-padding>.table-responsive>.table-bordered thead tr td:first-child,.no-padding>.table-responsive>.table-bordered thead tr th:first-child{border-left-width:0!important}.no-padding>.table-bordered tbody tr td:last-child,.no-padding>.table-bordered thead tr th:last-child,.no-padding>.table-responsive>.table-bordered tbody tr td:last-child,.no-padding>.table-responsive>.table-bordered thead tr th:last-child{border-right-width:0!important}.no-padding>.table-bordered tbody tr:last-child td,.no-padding>.table-responsive>.table-bordered tbody tr:last-child td{border-bottom-width:0!important}.no-padding .table-responsive .table{margin-bottom:0}.no-padding .note-editable .table-bordered{border:1px solid #ddd!important}.smart-form.table td .checkbox i,.smart-form.table td .radio i,.smart-form.table th .checkbox i,.smart-form.table th .radio i{top:0!important}.table-condensed.table>tbody>tr>td,.table-condensed.table>tbody>tr>th,.table-condensed.table>tfoot>tr>td,.table-condensed.table>tfoot>tr>th,.table-condensed.table>thead>tr>td,.table-condensed.table>thead>tr>th{padding:5px 10px!important}.show-stats .progress{height:7px;border-radius:0;margin-top:3px;margin-bottom:15px}.show-stats{padding-top:6px!important}.show-stat-buttons{float:left;width:100%}.show-stats .show-stat-buttons>:first-child{padding-right:5px}.show-stats .show-stat-buttons>:last-child{padding-left:5px}.show-stat-microcharts{margin-left:-10px;margin-right:-10px}.show-stat-microcharts>div{border-right:1px solid #DADADA!important;border-top:1px solid #DADADA!important;margin-top:10px!important;height:65px;overflow:hidden;padding:7px 9px}.show-stat-microcharts>:last-child{border-right:none!important}.show-stat-microcharts .sparkline{margin-top:10px;margin-right:8px;opacity:.7}.show-stat-microcharts .sparkline:hover{opacity:1}.smaller-stat{margin:0;padding:0;list-style:none}.smaller-stat li{margin-top:3px;margin-right:0}.smaller-stat li:first-child{margin-top:8px}.smaller-stat span.label{width:40px;display:block;text-align:left;opacity:.5;cursor:default}.smaller-stat span.label:hover{opacity:1}.login-info{display:block;font-size:12px;height:39px;color:#fff;border:solid transparent;border-width:1px 0;box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);width:100%;margin:0!important;border-bottom:1px solid #525151}.login-info a{text-decoration:none!important;color:#c0bbb7;display:inline-block;margin-top:6px}.login-info a span{text-transform:capitalize;font-size:14px;display:inline-block;text-decoration:none;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.login-info a span+i{vertical-align:middle}.login-info a:hover{color:#fff}.login-info>span{height:38px;display:block;padding:0 10px;border-bottom:1px solid #1A1817}.login-info img{width:25px;height:auto;display:inline-block;vertical-align:middle;margin-top:1px;margin-right:5px;margin-left:0;border-left:3px solid #fff}img.away,img.busy,img.offline,img.online{border-left:3px solid #fff}img.online{border-left-color:#40ac2b!important}img.busy{border-left-color:#ed1c24!important}img.offline{border-left-color:#ddd!important}img.away{border-left-color:#ffc40d!important}.client-form header{padding:15px 13px;margin:0;border-bottom-style:solid;border-bottom-color:rgba(0,0,0,.1);background:rgba(248,248,248,.9)}.minified .inbox-badge{border-radius:50%;font-size:9px;padding:2px;position:absolute;top:6px;right:6px;background:#ED1C24;min-width:13px}.minifyme{border-bottom:1px solid #302F2F;background:#454545;color:#A8A8A8;text-align:center;padding:0;width:36px;height:28px;display:block;position:absolute;right:0;border-radius:5px 0 0 5px;cursor:pointer;margin-top:7px;font-size:19px;transition:all .1s linear 0s}.minifyme:hover{background:#646464;color:#E4E4E4;right:0;width:40px;padding-right:5px}.minified .minifyme{right:0;color:#A8A8A8;position:relative;width:100%;border-radius:0;margin:0;height:34px;font-size:23px}.minified .minifyme .fa:before{content:"\f0a9"}.minified .login-info a i,.minified .login-info a span{display:none}.minified .login-info span{padding:0 5px;text-align:center}.minified .login-info img{margin:-2px 0 0;width:30px}.minified .login-info{height:38px;border-bottom:1px solid #181818}.minified #left-panel{width:45px}.minified #main{margin-left:45px}.minified #left-panel,.minified nav>ul>li{overflow:visible}.minified nav>ul>ul{min-height:100px!important;max-height:180px!important;overflow-y:scroll;overflow-x:hidden;background:#ed1c24!important}.minified nav>ul>li,.minified nav>ul>li a{position:relative}.minified nav ul>li>a{padding:10px 11px;display:block}.minified nav>ul>li>a .fa.fa-fw{display:block;width:auto;text-align:center;padding:0}.minified nav>ul>li>a>i{text-align:center;margin:0;display:block}.minified nav>ul>li.active>a::before{content:"\f0d9"}.minified nav ul ul li a{padding-left:14px}.minified nav ul ul li li a{padding-left:25px}.minified nav>ul ul li::before,.minified nav>ul>li>ul::before{left:12px}.minified nav>ul>li>a .menu-item-parent,.minified nav>ul>li>a>b{display:none}.minified nav>ul>li>a>.menu-item-parent{display:none;position:absolute;left:40px;top:-3px;width:186px;height:38px;line-height:38px;background-color:#f5f5f5;color:#333;z-index:3;-webkit-box-shadow:2px 1px 2px 0 rgba(0,0,0,.2);-moz-box-shadow:2px 1px 2px 0 rgba(0,0,0,.2);box-shadow:2px 1px 2px 0 rgba(0,0,0,.2);border-left:1px solid #bfbfbf;border-top:1px solid #D8D4D4;border-bottom:1px solid #fff;padding-left:12px}.minified nav>ul>li>ul{display:none!important;position:absolute;left:40px;width:199px;z-index:5;border:1px solid #bfbfbf;min-height:180px;-webkit-box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);-moz-box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);background:#454545;margin-top:-3px;overflow:hidden}.minified nav ul>li>ul>li>ul{position:relative;left:13px;border:none;margin-left:-12px;width:197px}.minified nav>ul>li:hover>a>.menu-item-parent,.minified nav>ul>li:hover>ul{display:block!important}.minified nav>ul>li>ul>li{background-color:rgba(69,69,69,.9)}.minified nav>ul>li>ul>li>ul>li{background-color:#484B50}.minified nav>ul>li{border-bottom:1px solid #1A1817;border-top:1px solid #525151}.minified nav>ul>li>ul::before{border-left:none}.minified nav>ul ul li::before{border:none}.slimScrollDiv,.slimScrollDiv>:first-child{overflow:hidden}.minified .slimScrollDiv,.minified .slimScrollDiv>:first-child{overflow:visible!important}.minified .slimScrollBar,.minified .slimScrollRail{display:none}.minified nav>ul>li>ul>li>a,.minified nav>ul>li>ul>li>ul>li>a{padding-top:7px;padding-bottom:7px}.minified nav>ul>li>ul>li>ul>li a{padding-top:6px;padding-bottom:6px}.minified nav ul ul ul ul li a{padding-left:45px}.minified nav ul ul ul ul ul li a{padding-left:62px}.minified nav ul ul ul ul ul ul li a{padding-left:82px}.pagination.pagination-alt>li>a{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;border:none;margin-left:-1px}.pagination.pagination-alt>li:first-child>a{padding-left:0}.pagination>li>a,.pagination>li>span{box-shadow:inset 0 -2px 0 rgba(0,0,0,.05);-moz-box-shadow:inset 0 -2px 0 rgba(0,0,0,.05);-webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,.05)}.disabled{color:#fff}.btn-default.disabled{color:#999}.btn{border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.05);-moz-box-shadow:inset 0 -2px 0 rgba(0,0,0,.05);-webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,.05)}.btn.btn-ribbon{background-color:#707070;background-image:-moz-linear-gradient(top,#777,#666);background-image:-webkit-gradient(linear,0 0,0 100%,from(#777),to(#666));background-image:-webkit-linear-gradient(top,#777,#666);background-image:-o-linear-gradient(top,#777,#666);background-image:linear-gradient(to bottom,#777,#666);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff777777', endColorstr='#ff666666', GradientType=0);color:#fff;padding:0 5px;line-height:20px;vertical-align:middle;height:20px;display:block;border:none;float:left;margin:0 8px 0 0;cursor:pointer}.btn.btn-ribbon>i{font-size:111%}.ribbon-button-alignment{padding-top:10px;display:inline-block}.ribbon-button-alignment.pull-right>.btn.btn-ribbon{margin:0 0 0 8px}.panel-purple{border-color:#6e587a}.panel-purple>.panel-heading{color:#fff;background-color:#6e587a;border-color:#6e587a}.panel-greenLight{border-color:#71843f}.panel-greenLight>.panel-heading{color:#fff;background-color:#71843f;border-color:#71843f}.panel-greenDark{border-color:#496949}.panel-greenDark>.panel-heading{color:#fff;background-color:#496949;border-color:#496949}.panel-darken{border-color:#333}.panel-darken>.panel-heading{color:#fff;background-color:#404040;border-color:#404040}.panel-pink{border-color:#ac5287}.panel-pink>.panel-heading{color:#fff;background-color:#ac5287;border-color:#ac5287}.panel-green{border-color:#356e35}.panel-green>.panel-heading{color:#fff;background-color:#356e35;border-color:#356e35}.panel-blueLight{border-color:#92a2a8}.panel-blueLight>.panel-heading{color:#fff;background-color:#92a2a8;border-color:#92a2a8}.panel-pinkDark{border-color:#a8829f}.panel-pinkDark>.panel-heading{color:#fff;background-color:#a8829f;border-color:#a8829f}.panel-redLight{border-color:#a65858}.panel-redLight>.panel-heading{color:#fff;background-color:#a65858;border-color:#a65858}.panel-red{border-color:#a90329}.panel-red>.panel-heading{color:#fff;background-color:#a90329;border-color:#a90329}.panel-teal{border-color:#568a89}.panel-teal>.panel-heading{color:#fff;background-color:#568a89;border-color:#568a89}.panel-orange{border-color:#c79121}.panel-orange>.panel-heading{color:#fff;background-color:#c79121;border-color:#c79121}.panel-blueDark{border-color:#4c4f53}.panel-blueDark>.panel-heading{color:#fff;background-color:#4c4f53;border-color:#4c4f53}.panel-magenta{border-color:#6e3671}.panel-magenta>.panel-heading{color:#fff;background-color:#6e3671;border-color:#6e3671}.panel-blue{border-color:#57889c}.panel-blue>.panel-heading{color:#fff;background-color:#57889c;border-color:#57889c}.panel-footer>.btn-block{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;border-bottom:none;border-left:none;border-right:none}.btn-circle{width:30px;height:30px;text-align:center;padding:6px 0;font-size:12px;line-height:18px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}.btn-circle.btn-lg{width:50px;height:50px;padding:10px 15px;font-size:18px;line-height:30px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}.btn-circle.btn-xl{width:70px;height:70px;padding:10px 15px;font-size:24px;line-height:50px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}.btn-metro{margin:0 0 20px;padding-top:15px;padding-bottom:15px}.btn-metro>span{display:block;vertical-align:bottom;margin-top:10px;text-transform:uppercase}.btn-metro>span.label{position:absolute;top:0;right:0}.btn-label{position:relative;left:-12px;display:inline-block;padding:6px 12px;background:rgba(0,0,0,.15);border-radius:3px 0 0 3px}.btn-labeled{padding-top:0;padding-bottom:0}.btn-link{box-shadow:none;-webkit-box-shadow:none;font-size:14px}.nav-demo-btn{background-color:rgba(77,118,134,.5);border-color:#3a7775}.nav-demo-btn:active,.nav-demo-btn:hover{background-color:rgba(77,118,134,.7);border-color:#3a7775}#left-panel{-webkit-transition:250ms cubic-bezier(0.1,.57,.1,1);transition:250ms cubic-bezier(0.1,.57,.1,1);-webkit-transform:translate(0px,0) translateZ(0px)}.chart-large,.chart-small,.chart-xl{overflow:hidden}.chart-small{height:100px;width:100%}.chart-large{height:235px;width:100%}.chart-xl{height:297px;width:100%}#flotTip{padding:3px 5px;background-color:#fff;z-index:9999;color:#333;-webkit-box-shadow:0 1px 8px rgba(0,0,0,.1);-moz-box-shadow:0 1px 8px rgba(0,0,0,.1);box-shadow:0 1px 8px rgba(0,0,0,.1);font-size:14px;border:1px solid #C1C1C1;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}#flotTip span{color:#38812D;font-weight:700}.legendLabel span{display:block;margin:0 5px}.legendColorBox{padding-left:10px;vertical-align:top;padding-top:5px}.legendColorBox div>div{width:4px;height:4px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255,255,255,.8);border:solid 2px rgba(230,230,230,.8);font-family:sans-serif;font-size:12px;text-align:center}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:700;margin:.25em 0}.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:.1em 0}.morris-hover{position:absolute;z-index:903}.fixed-page-footer .morris-hover{z-index:900}.chart{overflow:hidden;height:220px;margin:20px 5px 10px 10px}.has-legend{margin-top:30px!important}.has-legend-unique{margin-top:19px!important}.icon-color-good{color:#40ac2b}.icon-color-bad{color:#ed1c24}.degree-sign:after,.percent-sign:after{content:" %";line-height:normal}.degree-sign:after{content:"°F"}.hidden-menu #left-panel{left:-210px;z-index:903}.hidden-menu #main{margin-left:10px}.hidden-menu #left-panel:hover{left:0}.hidden-menu .minifyme,.minified #hide-menu{display:none}.btn-header.pull-right{margin-left:6px}.btn-header a>span{font-size:13px;font-weight:400;line-height:30px;height:30px;display:inline-block}.btn-header>:first-child>a{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;cursor:default!important;display:inline-block;font-weight:700;height:30px;line-height:24px;min-width:30px;padding:2px;text-align:center;text-decoration:none!important;-moz-user-select:none;-webkit-user-select:none;background-color:#f8f8f8;background-image:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));background-image:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1);background-image:-moz-linear-gradient(top,#f8f8f8,#f1f1f1);background-image:-ms-linear-gradient(top,#f8f8f8,#f1f1f1);background-image:-o-linear-gradient(top,#f8f8f8,#f1f1f1);background-image:linear-gradient(top,#f8f8f8,#f1f1f1);border:1px solid #bfbfbf;color:#6D6A69;font-size:17px;margin:10px 0 0}.btn-header>:first-child>a:hover{border:1px solid #bfbfbf;color:#222;transition:all 0s;cursor:pointer;-webkit-box-shadow:inset 0 0 4px 1px rgba(0,0,0,.08);box-shadow:inset 0 0 4px 1px rgba(0,0,0,.08)}.btn-header>:first-child>a:active{background-color:#e8e8e8;background-image:-moz-linear-gradient(top,#e8e8e8 0,#ededed 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e8e8e8),color-stop(100%,#ededed));background-image:-webkit-linear-gradient(top,#e8e8e8 0,#ededed 100%);background-image:-o-linear-gradient(top,#e8e8e8 0,#ededed 100%);background-image:-ms-linear-gradient(top,#e8e8e8 0,#ededed 100%);background-image:linear-gradient(to bottom,#e8e8e8 0,#ededed 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#ededed', GradientType=0);-webkit-box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15);box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15)}.hidden-menu #hide-menu>:first-child>a{background-color:#e8e8e8;background-image:-moz-linear-gradient(top,#5a5a5a 0,#686868 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5a5a5a),color-stop(100%,#686868));background-image:-webkit-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);background-image:-o-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);background-image:-ms-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);background-image:linear-gradient(to bottom,#5a5a5a 0,#686868 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0);-webkit-box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15);box-shadow:inset 0 0 3px 1px rgba(0,0,0,.15);color:#fff;border-color:#494949}.full-screen #fullscreen>:first-child>a:active,.hidden-menu #hide-menu>:first-child>a:active{-webkit-box-shadow:inset 0 0 6px 1px rgba(0,0,0,.2);box-shadow:inset 0 0 6px 1px rgba(0,0,0,.2)}.ajax-dropdown>:first-child{margin:0 0 3px;padding:0 0 9px}.ajax-dropdown{position:absolute;display:none;z-index:905;top:48px;left:16px;width:344px;height:435px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-webkit-box-shadow:0 2px 4px rgba(30,30,100,.25);-moz-box-shadow:0 2px 4px rgba(30,30,100,.25);box-shadow:0 2px 4px rgba(30,30,100,.25);padding:10px;background:#fff;border:1px solid #b3b3b3}.ajax-dropdown:after,.ajax-dropdown:before{bottom:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ajax-dropdown:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:7px;left:50%;margin-left:-7px}.ajax-dropdown:before{border-color:rgba(131,131,131,0);border-bottom-color:#838383;border-width:8px;left:50%;margin-left:-8px}.ajax-dropdown .btn-group .btn{font-weight:700;text-transform:capitalize}.ajax-dropdown .btn-group>:nth-child(2){border-right-width:0;border-left-width:0}.ajax-dropdown .btn-group>:last-child{border-right-width:1px!important}.ajax-dropdown .btn-group .btn:active{top:0;left:0}.ajax-notifications{height:365px;display:block;overflow:auto;margin-right:-10px;margin-left:-10px;border-bottom:1px solid #CECECE;border-top:1px solid #CECECE;background:#E9E9E9}.ajax-notifications>.alert.alert-transparent{background-color:transparent;border-color:transparent;color:#757575;margin:13px 10px}.ajax-notifications>.alert>:first-child{margin-bottom:10px;font-weight:400}.ajax-dropdown>:last-child{font-size:13px;display:block;padding:5px 0;line-height:22px;font-weight:400}.ajax-dropdown .fa-4x.fa-border{border-width:3px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;display:block;margin:0 auto;width:46px;text-align:center;color:#D1D1D1;border-color:#D1D1D1}.dropdown-large{position:static!important}.dropdown-menu-large{margin-left:16px;margin-right:16px;padding:20px 0}.dropdown-menu-large>li>ul{padding:0;margin:0}.dropdown-menu-large>li>ul>li{list-style:none}.dropdown-menu-large>li>ul>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.428571429;color:#333;white-space:normal}.dropdown-menu-large>li ul>li>a:focus,.dropdown-menu-large>li ul>li>a:hover{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu-large .disabled>a,.dropdown-menu-large .disabled>a:focus,.dropdown-menu-large .disabled>a:hover{color:#999}.dropdown-menu-large .disabled>a:focus,.dropdown-menu-large .disabled>a:hover{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}.dropdown-menu-large .dropdown-header{color:#428bca;font-size:18px}@media (max-width:768px){.dropdown-menu-large{margin-left:0;margin-right:0}.dropdown-menu-large>li{margin-bottom:30px}.dropdown-menu-large>li:last-child{margin-bottom:0}.dropdown-menu-large .dropdown-header{padding:3px 15px!important}}.pagination-xs>li>a,.pagination-xs>li>span{padding:4px 9px;font-size:12px}.notification-body *,.notification-body:after *,.notification-body:before *{box-sizing:border-box!important;-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important}.notification-body{padding:0 0 0 3px;margin:0;list-style:none}.notification-body>li{border-bottom:1px solid #E9E9E9;position:relative}.notification-body>li>span{background:#fff;display:block;min-height:25px;overflow:hidden;padding:8px 10px 13px;white-space:normal}.notification-body>li>span:hover{background:#F0F4F7;color:#667F8F}.notification-body>li a.msg{padding-left:50px!important}.notification-body>li a,.notification-body>li a span{display:block;position:relative;overflow:hidden}.notification-body>li a,.notification-body>li a:hover{text-decoration:none}.notification-body>li:hover .progress{background:#fff;box-shadow:0 1px 0 rgba(0,0,0,0),0 0 0 1px #a7a7a7 inset;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0),0 0 0 1px #ccc inset;-moz-box-shadow:0 1px 0 transparent,0 0 0 1px #fff inset}.notification-body>li:hover .text-muted{color:#333}.notification-body .from{font-size:14px;line-height:normal;color:#333;font-weight:400;margin-right:60px;margin-bottom:6px;height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notification-body .unread .from{font-weight:700}.notification-body .unread{background:#FFFFE0}.notification-body time{position:absolute;top:3px;right:0;font-size:11px;font-weight:400;color:#058dc7}.notification-body .msg-body,.notification-body .subject{font-size:13px;color:#A0A0A0;max-height:35px;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notification-body .subject{font-size:13px;color:#333;max-height:22px}.bootstrapWizard{display:block;list-style:none;padding:0;position:relative;width:100%}.bootstrapWizard a:active,.bootstrapWizard a:focus,.bootstrapWizard a:hover{text-decoration:none}.bootstrapWizard li{display:block;float:left;width:25%;text-align:center;padding-left:0}.bootstrapWizard li:before{border-top:3px solid #55606E;content:"";display:block;font-size:0;overflow:hidden;position:relative;top:11px;right:1px;width:100%;z-index:1}.bootstrapWizard li:first-child:before{left:50%;max-width:50%}.bootstrapWizard li:last-child:before{max-width:50%;width:50%}.bootstrapWizard li.complete .step{background:#0aa66e;padding:1px 6px;border:3px solid #55606E}.bootstrapWizard li .step i{font-size:10px;font-weight:400;position:relative;top:-1.5px}.bootstrapWizard li .step{background:#B2B5B9;color:#fff;display:inline;font-size:15px;font-weight:700;padding:7px 13px;border:3px solid transparent;border-radius:50%;line-height:normal;position:relative;text-align:center;z-index:2;transition:all .1s linear 0s}.bootstrapWizard li.active .step,.bootstrapWizard li.active.complete .step{background:#0091d9;color:#fff;font-weight:700;padding:7px 13px;font-size:15px;border-radius:50%;border:3px solid #55606E}.bootstrapWizard li.active .title,.bootstrapWizard li.complete .title{color:#2B3D53}.bootstrapWizard li .title{color:#bfbfbf;display:block;font-size:13px;line-height:15px;max-width:100%;position:relative;table-layout:fixed;text-align:center;top:20px;word-wrap:break-word;z-index:104}.wizard-actions{display:block;list-style:none;padding:0;position:relative;width:100%}.wizard-actions li{display:inline}.tab-content.transparent{background-color:transparent}.fuelux .wizard{position:relative;overflow:hidden;background-color:#f9f9f9;border:1px solid #d4d4d4;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*zoom:1;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.065);-moz-box-shadow:0 1px 4px rgba(0,0,0,.065);box-shadow:0 1px 4px rgba(0,0,0,.065)}.fuelux .wizard:after,.fuelux .wizard:before{display:table;line-height:0;content:""}.fuelux .wizard:after{clear:both}.fuelux .wizard ul{width:4000px;padding:0;margin:0;list-style:none outside none}.fuelux .wizard ul.previous-disabled li.complete{cursor:default}.fuelux .wizard ul.previous-disabled li.complete:hover{color:#356e35;cursor:default;background:#f3f4f5}.fuelux .wizard ul.previous-disabled li.complete:hover .chevron:before{border-left-color:#f3f4f5}.fuelux .wizard ul li{position:relative;float:left;height:46px;padding:0 20px 0 30px;margin:0;font-size:16px;line-height:46px;color:#999;cursor:default;background:#ededed}.fuelux .wizard ul li .chevron{position:absolute;top:0;right:-14px;z-index:1;display:block;border:24px solid transparent;border-right:0;border-left:14px solid #d4d4d4}.fuelux .wizard ul li .chevron:before{position:absolute;top:-24px;right:1px;display:block;border:24px solid transparent;border-right:0;border-left:14px solid #ededed;content:""}.fuelux .wizard ul li.complete{color:#468847;background:#f3f4f5}.fuelux .wizard ul li.complete:hover{cursor:pointer;background:#e7eff8}.fuelux .wizard ul li.complete:hover .chevron:before{border-left:14px solid #e7eff8}.fuelux .wizard ul li.complete .chevron:before{border-left:14px solid #f3f4f5}.fuelux .wizard ul li.active{color:#3a87ad;background:#f1f6fc}.fuelux .wizard ul li.active .chevron:before{border-left:14px solid #f1f6fc}.fuelux .wizard ul li .badge{margin-right:8px}.fuelux .wizard ul li:first-child{padding-left:20px;border-radius:4px 0 0 4px}.fuelux .wizard .actions{position:absolute;right:0;z-index:2;float:right;padding-right:15px;padding-left:15px;line-height:46px;vertical-align:middle;background-color:#eee;border-left:1px solid #d4d4d4}.fuelux .wizard .actions a{margin-right:8px;font-size:12px;line-height:45px}.fuelux .wizard .actions .btn-prev i{margin-right:5px}.fuelux .wizard .actions .btn-next i{margin-left:5px}.fuelux .step-content .step-pane{display:none}.fuelux .step-content .active{display:block}.fuelux .step-content .active .btn-group .active{display:inline-block}.jarvismetro-tile{float:left;display:block;background-color:#fff;width:100px;height:70px;cursor:pointer;box-shadow:inset 0 0 1px #FFC;border:1px dotted #C5C5C5;text-decoration:none;color:#fff;font-weight:300;font-smooth:always;margin:0 10px 20px 0;padding:5px;position:relative}.jarvismetro-tile:hover{z-index:10;-webkit-transform:scale(1.07);-moz-transform:scale(1.07)}.jarvismetro-tile.big-cubes{width:120px;height:120px}.jarvismetro-tile.double{width:249px}.jarvismetro-tile:active{top:1px;left:1px}.jarvismetro-tile .iconbox{text-align:center}.jarvismetro-tile .iconbox i{display:block;margin:15px auto 0;height:75px}.jarvismetro-tile .iconbox span{display:block;text-align:left}.jarvismetro-tile .iconbox span>span{position:absolute;right:-3px;bottom:-3px;border-radius:50%;padding:5px;border:1px solid #fff}#shortcut .selected{border:1px solid #0091d9!important;position:relative}#shortcut .selected:before{display:block;position:absolute;content:"\f00c";color:#fff;right:4px;top:3px;font-family:'Font Awesome 6 Pro';z-index:2}#shortcut .selected:after{width:0;height:0;border-top:35px solid #0091d9;border-left:35px solid rgba(0,0,0,0);position:absolute;display:block;right:0;content:"";top:0;z-index:1}#shortcut{position:absolute;top:0;left:0;height:auto;width:100%;background-color:#33302F;background-color:rgba(0,0,0,.85);z-index:907;display:none;color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#shortcut ul{padding:15px 20px 10px;list-style:none;margin:0;box-shadow:0 4px 10px rgba(0,0,0,.3);-moz-box-shadow:0 4px 10px rgba(0,0,0,.3);border-bottom:1px solid #423F3F}#shortcut ul li{display:inline-block;width:auto}#shortcut ul li .jarvismetro-tile{margin:0 3px 3px;border:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}#shortcut ul li .jarvismetro-tile:hover{color:#fff;text-decoration:none}#shortcut ul li .jarvismetro-tile:active,#shortcut ul li .jarvismetro-tile:focus{left:0;top:0}.shortcut-on #response-btn{display:none!important}.shortcut-on #left-bar .navbar,.shortcut-on #main .navbar{border:none!important}.arrow-box-up:after,.arrow-box-up:before{bottom:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.arrow-box-up:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:7px;left:50%;margin-left:-7px}.arrow-box-up:before{border-color:rgba(131,131,131,0);border-bottom-color:#838383;border-width:8px;left:50%;margin-left:-8px}.arrow-box-up-right:after,.arrow-box-up-right:before{bottom:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.arrow-box-up-right:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:7px;right:10px;margin-left:-7px}.arrow-box-up-right:before{border-color:rgba(131,131,131,0);border-bottom-color:#838383;border-width:8px;right:9px;margin-left:-8px}.tooltip-inner{padding:5px 10px;font-size:11px;font-family:Arial,Helvetica,sans-serif;font-weight:700;border-radius:0}.custom-scroll::-webkit-scrollbar{-webkit-overflow-scrolling:touch;height:10px;width:10px}.custom-scroll::-webkit-scrollbar:hover{background-color:#E9E9E9;border:1px solid #dbdbdb}.custom-scroll::-webkit-scrollbar-button:end:increment,.custom-scroll::-webkit-scrollbar-button:start:decrement{background:0 0;display:block;height:0}.custom-scroll::-webkit-scrollbar-track{background-clip:padding-box;border:solid transparent}.custom-scroll::-webkit-scrollbar-track-piece{-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;-webkit-border-radius:0;background-color:transparent;border-radius:0}.custom-scroll::-webkit-scrollbar-thumb{-moz-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);background-clip:padding-box;background-color:rgba(0,0,0,.2);border:none;box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07)}.custom-scroll::-webkit-scrollbar-thumb:horizontal,.custom-scroll::-webkit-scrollbar-thumb:vertical{-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;-webkit-border-radius:0;background-color:#bfbfbf;border-radius:0}.custom-scroll::-webkit-scrollbar-thumb:active{-moz-box-shadow:inset 1px 1px 3px rgba(0,0,0,.33);-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.33);background-color:rgba(0,0,0,.44);box-shadow:inset 1px 1px 3px rgba(0,0,0,.33)}.custom-scroll::-webkit-scrollbar-thumb:hover{background-color:#959595}.twitter-typeahead .tt-hint,.twitter-typeahead .tt-query{margin-bottom:0;height:32px;padding:6px 12px}.tt-dropdown-menu{min-width:160px;margin-top:2px;padding:5px 0;background-color:#fff;border:1px solid #bfbfbf;border:1px solid rgba(0,0,0,.2);*border-right-width:2px;*border-bottom-width:2px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.tt-suggestion{display:block;padding:3px 20px}.tt-suggestion.tt-is-under-cursor{color:#fff;background-color:#0081c2}.tt-suggestion.tt-is-under-cursor a{color:#fff}.tt-suggestion p{margin:0}.google_maps{width:100%;height:350px;position:relative}.google_maps *{box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box}.google_maps img{max-width:none}.header-btn{margin-top:5px}.cke_top{background:rgba(248,248,248,.9)!important;background-image:none!important}.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}.multiselect-container>li{padding:0}.multiselect-container>li>a.multiselect-all label{font-weight:700}.multiselect-container>li>label.multiselect-group{margin:0;padding:3px 20px;height:100%;font-weight:700}.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400}.multiselect-container>li>a>label.checkbox,.multiselect-container>li>a>label.radio{margin:0}.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.input-group .icon-addon .form-control{border-radius:0}.icon-addon{position:relative;color:#555;display:block}.icon-addon:after,.icon-addon:before{display:table;content:" "}.icon-addon:after{clear:both}.icon-addon .fa,.icon-addon .glyphicon,.icon-addon.addon-md .fa,.icon-addon.addon-md .glyphicon{position:absolute;z-index:2;left:10px;width:20px;margin-left:-2.5px;text-align:center;padding:10px 0;top:1px}.icon-addon.addon-lg .form-control{line-height:1.33;height:46px;font-size:18px;padding:10px 16px 10px 40px}.input-group-lg .icon-addon.addon-lg+.input-group-btn>.btn{height:46px}.icon-addon.addon-sm .form-control{height:30px;padding:5px 10px 5px 28px;font-size:12px;line-height:1.5}.icon-addon.addon-lg .fa,.icon-addon.addon-lg .glyphicon{font-size:18px;margin-left:0;left:11px;top:4px}.icon-addon .form-control,.icon-addon.addon-md .form-control{padding-left:30px;float:left;font-weight:400}.icon-addon.addon-sm .fa,.icon-addon.addon-sm .glyphicon{margin-left:0;font-size:12px;left:5px;top:-1px}.icon-addon .form-control:focus+.fa,.icon-addon .form-control:focus+.glyphicon,.icon-addon:hover .fa,.icon-addon:hover .glyphicon{color:#2580db}.icon-addon input:disabled+.fa,.icon-addon input:disabled+.glyphicon,.icon-addon select:disabled+.fa,.icon-addon select:disabled+.glyphicon{color:#ccc}.progress-micro{height:3px!important;line-height:3px!important}.progress-xs{height:7px!important;line-height:7px!important}.progress-sm{height:14px!important;line-height:14px!important}.progress-lg{height:30px!important;line-height:30px!important}.progress .progress-bar{position:absolute;overflow:hidden;line-height:20px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:20px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:20px;text-align:center}.progress.right .progress-bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{width:25px;height:100%;min-height:150px;margin-right:20px;display:inline-block;margin-bottom:0}.progress.wide-bar{width:40px}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .progress-bar{width:100%;height:0;-webkit-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .progress-bar{position:absolute;bottom:0}.progress{position:relative;margin-bottom:20px;overflow:hidden;height:22px;background:#eee;box-shadow:0 1px 0 transparent,0 0 0 1px #e3e3e3 inset;-webkit-box-shadow:0 1px 0 transparent,0 0 0 1px #e3e3e3 inset;-moz-box-shadow:0 1px 0 transparent,0 0 0 1px #e3e3e3 inset;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}.progress-bar{float:left;width:0;height:100%;font-size:11px;color:#fff;text-align:center;background-color:#57889c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);font-weight:700;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-image:url(../img/pattern/overlay-pattern.png)}.progress-striped .progress-bar{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.15)),color-stop(0.75,rgba(255,255,255,.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-danger{background-color:#a90329}.progress-striped .progress-bar-danger{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.15)),color-stop(0.75,rgba(255,255,255,.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent)}.progress-bar-success{background-color:#739e73}.progress-striped .progress-bar-success{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.15)),color-stop(0.75,rgba(255,255,255,.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#c79121}.progress-striped .progress-bar-warning{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.15)),color-stop(0.75,rgba(255,255,255,.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent)}.progress-bar-info{background-color:#57889c}.progress-striped .progress-bar-info{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.15)),color-stop(0.75,rgba(255,255,255,.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent)}.progress .bar-info,.progress-info .bar{background:#57889c}.vertical-bars{padding:0;margin:0}.vertical-bars:after{content:"";display:block;height:0;clear:both}.vertical-bars li{padding:14px 0;width:25%;display:block;float:left;text-align:center}.vertical-bars li:first-child{border-left:none}.vertical-bars>li>.progress.vertical:first-child{margin-left:auto}.vertical-bars>li>.progress.vertical{margin:0 auto;float:none}.bar-holder:first-child{border-top:none}.bar-holder{padding:18px 15px}.bar-holder .progress{margin:0}[data-progressbar-value]{margin-top:15px!important;overflow:visible;margin-bottom:0}.dataTable [data-progressbar-value]{min-width:70px}[data-progressbar-value="100"]:after,[data-progressbar-value="100"]:before,[data-progressbar-value]:after,[data-progressbar-value]:before{position:absolute;background:0 0;font-size:11px;top:-12px}[data-progressbar-value]:before{content:attr(data-progressbar-value);left:attr(data-progressbar-value) px}[data-progressbar-value]:after{content:"%";left:13px}[data-progressbar-value="1"]>.progress-bar{width:1%;background:#a90329}[data-progressbar-value="2"]>.progress-bar{width:2%;background:#a90329}[data-progressbar-value="3"]>.progress-bar{width:3%;background:#a90329}[data-progressbar-value="4"]>.progress-bar{width:4%;background:#a90329}[data-progressbar-value="5"]>.progress-bar{width:5%;background:#a90329}[data-progressbar-value="6"]>.progress-bar{width:6%;background:#a90329}[data-progressbar-value="7"]>.progress-bar{width:7%;background:#a90329}[data-progressbar-value="8"]>.progress-bar{width:8%;background:#a90329}[data-progressbar-value="9"]>.progress-bar{width:9%;background:#a90329}[data-progressbar-value="10"]>.progress-bar{width:10%;background:#db0435}[data-progressbar-value="11"]>.progress-bar{width:11%;background:#c79121}[data-progressbar-value="12"]>.progress-bar{width:12%;background:#c79121}[data-progressbar-value="13"]>.progress-bar{width:13%;background:#c79121}[data-progressbar-value="14"]>.progress-bar{width:14%;background:#c79121}[data-progressbar-value="15"]>.progress-bar{width:15%;background:#c79121}[data-progressbar-value="16"]>.progress-bar{width:16%;background:#c79121}[data-progressbar-value="17"]>.progress-bar{width:17%;background:#c79121}[data-progressbar-value="18"]>.progress-bar{width:18%;background:#c79121}[data-progressbar-value="19"]>.progress-bar{width:19%;background:#c79121}[data-progressbar-value="20"]>.progress-bar{width:20%;background:#c79121}[data-progressbar-value="21"]>.progress-bar{width:21%;background:#c79121}[data-progressbar-value="22"]>.progress-bar{width:22%;background:#c79121}[data-progressbar-value="23"]>.progress-bar{width:23%;background:#c79121}[data-progressbar-value="24"]>.progress-bar{width:24%;background:#c79121}[data-progressbar-value="25"]>.progress-bar{width:25%;background:#c79121}[data-progressbar-value="26"]>.progress-bar{width:26%;background:#c79121}[data-progressbar-value="27"]>.progress-bar{width:27%;background:#c79121}[data-progressbar-value="28"]>.progress-bar{width:28%;background:#c79121}[data-progressbar-value="29"]>.progress-bar{width:29%;background:#c79121}[data-progressbar-value="30"]>.progress-bar{width:30%;background:#c79121}[data-progressbar-value="31"]>.progress-bar{width:31%;background:#c79121}[data-progressbar-value="32"]>.progress-bar{width:32%;background:#c79121}[data-progressbar-value="33"]>.progress-bar{width:33%;background:#c79121}[data-progressbar-value="34"]>.progress-bar{width:34%;background:#c79121}[data-progressbar-value="35"]>.progress-bar{width:35%;background:#c79121}[data-progressbar-value="36"]>.progress-bar{width:36%;background:#c79121}[data-progressbar-value="37"]>.progress-bar{width:37%;background:#c79121}[data-progressbar-value="38"]>.progress-bar{width:38%;background:#c79121}[data-progressbar-value="39"]>.progress-bar{width:39%;background:#c79121}[data-progressbar-value="40"]>.progress-bar{width:40%;background:#c79121}[data-progressbar-value="41"]>.progress-bar{width:41%;background:#404040}[data-progressbar-value="42"]>.progress-bar{width:42%;background:#404040}[data-progressbar-value="43"]>.progress-bar{width:43%;background:#404040}[data-progressbar-value="44"]>.progress-bar{width:44%;background:#404040}[data-progressbar-value="45"]>.progress-bar{width:45%;background:#404040}[data-progressbar-value="46"]>.progress-bar{width:46%;background:#404040}[data-progressbar-value="47"]>.progress-bar{width:47%;background:#404040}[data-progressbar-value="48"]>.progress-bar{width:48%;background:#404040}[data-progressbar-value="49"]>.progress-bar{width:49%;background:#404040}[data-progressbar-value="50"]>.progress-bar{width:50%;background:#404040}[data-progressbar-value="51"]>.progress-bar{width:51%;background:#404040}[data-progressbar-value="52"]>.progress-bar{width:52%;background:#404040}[data-progressbar-value="53"]>.progress-bar{width:53%;background:#404040}[data-progressbar-value="54"]>.progress-bar{width:54%;background:#404040}[data-progressbar-value="55"]>.progress-bar{width:55%;background:#404040}[data-progressbar-value="56"]>.progress-bar{width:56%;background:#404040}[data-progressbar-value="57"]>.progress-bar{width:57%;background:#404040}[data-progressbar-value="58"]>.progress-bar{width:58%;background:#404040}[data-progressbar-value="59"]>.progress-bar{width:59%;background:#404040}[data-progressbar-value="60"]>.progress-bar{width:60%;background:#404040}[data-progressbar-value="61"]>.progress-bar{width:61%;background:#3276b1}[data-progressbar-value="62"]>.progress-bar{width:62%;background:#3276b1}[data-progressbar-value="63"]>.progress-bar{width:63%;background:#3276b1}[data-progressbar-value="64"]>.progress-bar{width:64%;background:#404040}[data-progressbar-value="65"]>.progress-bar{width:65%;background:#3276b1}[data-progressbar-value="66"]>.progress-bar{width:66%;background:#3276b1}[data-progressbar-value="67"]>.progress-bar{width:67%;background:#3276b1}[data-progressbar-value="68"]>.progress-bar{width:68%;background:#3276b1}[data-progressbar-value="69"]>.progress-bar{width:69%;background:#3276b1}[data-progressbar-value="70"]>.progress-bar{width:70%;background:#3276b1}[data-progressbar-value="71"]>.progress-bar{width:71%;background:#3276b1}[data-progressbar-value="72"]>.progress-bar{width:72%;background:#3276b1}[data-progressbar-value="73"]>.progress-bar{width:73%;background:#3276b1}[data-progressbar-value="74"]>.progress-bar{width:74%;background:#3276b1}[data-progressbar-value="75"]>.progress-bar{width:75%;background:#3276b1}[data-progressbar-value="76"]>.progress-bar{width:76%;background:#3276b1}[data-progressbar-value="77"]>.progress-bar{width:77%;background:#3276b1}[data-progressbar-value="78"]>.progress-bar{width:78%;background:#3276b1}[data-progressbar-value="79"]>.progress-bar{width:79%;background:#3276b1}[data-progressbar-value="80"]>.progress-bar{width:80%;background:#3276b1}[data-progressbar-value="81"]>.progress-bar{width:81%;background:#a0bda0}[data-progressbar-value="82"]>.progress-bar{width:82%;background:#a0bda0}[data-progressbar-value="83"]>.progress-bar{width:83%;background:#a0bda0}[data-progressbar-value="84"]>.progress-bar{width:84%;background:#9dbb9d}[data-progressbar-value="85"]>.progress-bar{width:85%;background:#9dbb9d}[data-progressbar-value="86"]>.progress-bar{width:86%;background:#9dbb9d}[data-progressbar-value="87"]>.progress-bar{width:87%;background:#97b797}[data-progressbar-value="88"]>.progress-bar{width:88%;background:#97b797}[data-progressbar-value="89"]>.progress-bar{width:89%;background:#91b391}[data-progressbar-value="90"]>.progress-bar{width:90%;background:#91b391}[data-progressbar-value="91"]>.progress-bar{width:91%;background:#91b391}[data-progressbar-value="92"]>.progress-bar{width:92%;background:#8eb18e}[data-progressbar-value="93"]>.progress-bar{width:93%;background:#8baf8b}[data-progressbar-value="94"]>.progress-bar{width:94%;background:#88ad88}[data-progressbar-value="95"]>.progress-bar{width:95%;background:#85ab85}[data-progressbar-value="96"]>.progress-bar{width:96%;background:#82a882}[data-progressbar-value="97"]>.progress-bar{width:97%;background:#7fa67f}[data-progressbar-value="98"]>.progress-bar{width:98%;background:#7ca47c}[data-progressbar-value="99"]>.progress-bar{width:99%;background:#79a279}[data-progressbar-value="100"]>.progress-bar{width:100%;background:#739e73;-webkit-animation:none;-moz-animation:none;-ms-animation:none;-o-animation:none;animation:none;background-image:none!important}[data-progressbar-value="100"]:before{content:attr(data-progressbar-value);top:-12px;left:attr(data-progressbar-value) px}[data-progressbar-value="100"]:after{content:"complete";left:auto;right:0;color:#739e73}html.hidden-menu-mobile-lock{overflow-x:hidden}.no-content-padding{margin:-10px -14px 0 -14px}.no-padding{padding:0!important}.no-padding>pre{margin:30px}.no-padding .dataTables_wrapper table,.no-padding>table{border:none!important;margin-bottom:0!important;border-bottom-width:0!important}.no-padding-bottom{padding-bottom:0!important}.padding-5{padding:5px!important}.padding-7{padding:7px!important}.padding-10{padding:10px!important}.padding-gutter{padding:13px!important}.padding-top-10{padding-top:10px!important}.padding-top-15{padding-top:15px!important}.padding-bottom-10{padding-bottom:10px!important}.padding-bottom-0{padding-bottom:0!important}.padding-top-0{padding-top:0!important}.no-padding .dataTables_wrapper table tr td:last-child,.no-padding .dataTables_wrapper table tr th:last-child,.no-padding>table tr td:last-child,.no-padding>table tr th:last-child{border-right:none!important}.no-padding .dataTables_wrapper table tr td:first-child,.no-padding .dataTables_wrapper table tr th:first-child,.no-padding>table tr td:first-child,.no-padding>table tr th:first-child{border-left:none!important}.no-padding .dataTables_wrapper table tbody tr:last-child td{border-bottom:0}.semi-bold{font-weight:400!important}.ultra-light{font-weight:300!important}.font-xs{font-size:85%!important}.font-sm{font-size:95%!important}.font-md{font-size:130%!important}.font-lg{font-size:160%!important}.font-xl{font-size:200%!important}.font-400{font-size:400%!important}.no-margin{margin:0!important}.margin-top-5{margin-top:5px!important}.margin-top-10{margin-top:10px!important}.margin-bottom-5{margin-bottom:5px!important}.margin-bottom-10{margin-bottom:10px!important}.margin-right-5{margin-right:5px!important}.margin-top-0{margin-top:0!important}.margin-bottom-0{margin-bottom:0!important}.no-border,.well[class*=" bg-"].no-border{border-width:0!important}.no-border-transparent{border-color:transparent!important}.no-border-radius{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}.display-inline{display:inline-block!important}.display-normal{display:inline!important}.cursor-pointer{cursor:pointer}.hover-transparent{opacity:.5}.hover-transparent:hover{opacity:1}.text-align-center,.text-center{text-align:center!important}.text-align-left,.text-left{text-align:left!important}.text-align-right,.text-right{text-align:right!important}hr.simple{margin-top:10px;margin-bottom:10px;border-style:dashed}.pull-right{float:right!Important}.pull-left{float:left!Important}.air{position:absolute;z-index:5}.air-bottom{bottom:0}.air-top{top:0}.air-top-right{top:0;right:0}.air-top-left{top:0;left:0}.air-bottom-left{bottom:0;left:0}.air-bottom-right{bottom:0;right:0}.display-none{display:none!important}.checkbox input[type=checkbox].checkbox+span,.checkbox-inline input[type=checkbox].checkbox+span,.radio input[type=radio].radiobox+span,.radiobox-inline input[type=radio].radiobox+span{margin-left:-20px}.form-inline .checkbox input[type=checkbox].checkbox+span,.form-inline .radiobox input[type=radio].radiobox+span{margin-left:0}.form-inline .checkbox,.form-inline .radiobox{padding-left:0}input[type=checkbox].checkbox+span,label input[type=radio].radiobox+span{vertical-align:middle;line-height:20px}input[type=checkbox].checkbox+span,input[type=checkbox].checkbox+span:after,input[type=checkbox].checkbox+span:before,input[type=radio].radiobox+span,input[type=radio].radiobox+span:after,input[type=radio].radiobox+span:before{box-sizing:content-box!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}input[type=checkbox].checkbox,input[type=radio].radiobox{visibility:hidden;position:absolute;z-index:20;width:18px;height:18px}label input[type=checkbox].checkbox+span,label input[type=radio].radiobox+span{position:relative;z-index:19;display:inline-block;margin:0;line-height:17px;min-height:14px;min-width:14px;margin-right:5px}label input[type=checkbox].checkbox+span:hover,label input[type=radio].radiobox+span:hover{cursor:pointer}label input[type=checkbox].checkbox+span:before,label input[type=radio].radiobox+span:before{font-family:'Font Awesome 6 Pro';font-size:12px;border-radius:0;content:"\a0";display:inline-block;text-align:center;vertical-align:middle;padding:1px;height:12px;line-height:12px;min-width:12px;margin-right:5px;border:1px solid #bfbfbf;background-color:#f4f4f4;font-weight:400;margin-top:-1px}label input[type=radio].radiobox+span:before{content:"\a0";border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;box-shadow:inset 0 2px 3px 0 rgba(0,0,0,.1),0 1px 0 0 rgba(255,255,255,.2)}label input[type=radio].radiobox:checked+span{font-weight:700}label input[type=radio].radiobox:checked+span:before{content:"\f111";color:#2E7BCC}label input[type=radio].radiobox.style-3:checked+span:before{color:#a90329;border-color:#a90329}label input[type=radio].radiobox.style-2:checked+span:before{color:#66665e;border-color:#4d90fe;font-size:9px}label input[type=radio].radiobox.style-2:checked+span{font-weight:400}label input[type=radio].radiobox.style-1+span:before{font-size:9px;background:#fff;text-shadow:none;box-shadow:none!important;border-width:1px;height:13px;line-height:13px;min-width:13px}label input[type=radio].radiobox.style-1:checked+span:before{font-size:10px;color:#333;border-color:#333;background:#fff}label input[type=radio].radiobox.style-1:checked+span{font-weight:400}label:hover input[type=radio].radiobox+span:before,label:hover input[type=radio].radiobox:checked+span:before{color:#2E7BCC;border-color:#2E7BCC}label:hover input[type=radio].radiobox.style-3+span:before,label:hover input[type=radio].radiobox.style-3:checked+span:before{color:#a90329;border-color:#a90329}label:hover input[type=radio].radiobox.style-2:checked+span:before{color:#66665e;border-color:#4d90fe}label:hover input[type=radio].radiobox.style-1+span:before,label:hover input[type=radio].radiobox.style-1:checked+span:before{color:#333;border-color:#333;background:#fff}label:active input[type=radio].radiobox+span:before{box-shadow:inset 0 2px 3px 0 rgba(0,0,0,.3),0 1px 0 0 rgba(255,255,255,.4)}label input[type=radio][disabled].radiobox+span,label input[type=radio][disabled].radiobox:checked+span,label:hover input[type=radio][disabled].radiobox:checked+span:before{color:#A7A7A7;cursor:not-allowed}label input[type=radio][disabled].radiobox:checked+span:before{content:"\f111"}label input[type=radio][disabled].radiobox+span:before,label input[type=radio][disabled].radiobox:checked+span:before,label:active input[type=radio][disabled].radiobox:checked+span:before,label:hover input[type=radio][disabled].radiobox:checked+span:before{background:#eee!important;border-color:#CCC!important;box-shadow:none;color:#A7A7A7}label input[type=checkbox].checkbox+span:before{content:"\a0"}label input[type=checkbox].checkbox:checked+span:before{content:"\f00c"}label input[type=checkbox].checkbox:checked+span{font-weight:700}label input[type=checkbox].checkbox:checked+span:before{color:#2E7BCC}label input[type=checkbox].checkbox.style-3:checked+span:before{color:#fff;border-color:#a90329;background:#a90329}label input[type=checkbox].checkbox.style-2+span:before{background:0 0;border-color:#c1c1c1;box-shadow:none}label input[type=checkbox].checkbox.style-2:checked+span:before{content:"\f00c";color:#66665e;border-color:#4d90fe;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUQ0MEM4RUFEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUQ0MEM4RUJEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRDQwQzhFOERBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRDQwQzhFOURBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsD/PVAAAAAQSURBVHjaYv7//78vQIABAAlYA05NMPppAAAAAElFTkSuQmCC) #fff}label input[type=checkbox].checkbox.style-2:checked+span{font-weight:400}label input[type=checkbox].checkbox.style-1+span:before{color:#333;background:#fff;text-shadow:none;box-shadow:none!important;border-width:1px;height:12px;line-height:13px;min-width:12px}label input[type=checkbox].checkbox.style-1:checked+span:before{color:#333;border-color:#333}label input[type=checkbox].checkbox.style-1:checked+span{font-weight:400}label:active input[type=checkbox].checkbox+span:before{box-shadow:inset 0 2px 3px 0 rgba(0,0,0,.3),0 1px 0 0 rgba(255,255,255,.4)}label:hover input[type=checkbox].checkbox+span:before{color:#2E7BCC;border-color:#2E7BCC}label:hover input[type=checkbox].checkbox.style-3+span:before{color:#fff;border-color:#A90327}label:hover input[type=checkbox].checkbox.style-2+span:before{box-shadow:inset 0 2px 3px 0 rgba(0,0,0,.1),0 1px 0 0 rgba(255,255,255,.2)}label:hover input[type=checkbox].checkbox.style-2:checked+span:before{box-shadow:inset 0 2px 3px 0 rgba(0,0,0,.3),0 1px 0 0 rgba(255,255,255,.4)}label:hover input[type=checkbox].checkbox.style-1+span:before{border-color:#333}label:active input[type=checkbox].checkbox:checked+span:before{color:#fff;background:#2E7BCC;border-color:#2E7BCC}label:active input[type=checkbox].checkbox.style-3:checked+span:before{color:#a90329;background:#fff;border-color:#a90329}label:active input[type=checkbox].checkbox.style-2+span:before,label:active input[type=checkbox].checkbox.style-2:checked+span:before{color:#66665e;background:0 0;border-color:#c1c1c1;box-shadow:inset 0 2px 3px 0 rgba(0,0,0,.3),0 1px 0 0 rgba(255,255,255,.4)}label:active input[type=checkbox].checkbox.style-1:checked+span:before{color:#fff;background:#333;border-color:#333}label input[type=checkbox][disabled].checkbox+span,label input[type=checkbox][disabled].checkbox:checked+span,label:hover input[type=checkbox][disabled].checkbox:checked+span:before{color:#A7A7A7;cursor:not-allowed}label input[type=checkbox][disabled].checkbox.style-2:checked+span:before,label input[type=checkbox][disabled].checkbox:checked+span:before{content:"\f00c"}label input[type=checkbox][disabled].checkbox+span:before,label input[type=checkbox][disabled].checkbox:checked+span:before,label:active input[type=checkbox][disabled].checkbox:checked+span:before,label:hover input[type=checkbox][disabled].checkbox:checked+span:before{background:#eee!important;border-color:#CCC!important;color:#A7A7A7;box-shadow:none!important}.open>.dropdown-menu{-webkit-animation-name:flipInX;-moz-animation-name:flipInX;-o-animation-name:flipInX;animation-name:flipInX;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;-o-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.active+.ajax-dropdown{-webkit-animation-name:flipInY;-moz-animation-name:flipInY;-o-animation-name:flipInY;animation-name:flipInY;-webkit-animation-duration:.7s;-moz-animation-duration:.7s;-o-animation-duration:.7s;animation-duration:.7s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.square{display:block;float:left;margin-right:10px;height:20px;width:20px}[class*=" bg-"],[class^=bg-]{filter:none!important}.txt-color-blue{color:#57889c!important}.txt-color-blueLight{color:#92a2a8!important}.txt-color-blueDark{color:#4c4f53!important}.txt-color-green{color:#356e35!important}.txt-color-greenLight{color:#71843f!important}.txt-color-greenDark{color:#496949!important}.txt-color-red{color:#a90329!important}.txt-color-yellow{color:#b09b5b!important}.txt-color-orange{color:#b19a6b!important}.txt-color-orangeDark{color:#a57225!important}.txt-color-pink{color:#ac5287!important}.txt-color-pinkDark{color:#a8829f!important}.txt-color-purple{color:#6e587a!important}.txt-color-darken{color:#404040!important}.txt-color-lighten{color:#d5e7ec!important}.txt-color-white{color:#fff!important}.txt-color-grayDark{color:#525252!important}.txt-color-magenta{color:#6e3671!important}.txt-color-teal{color:#568a89!important}.txt-color-redLight{color:#a65858!important}.bg-color-blue{background-color:#57889c!important}.bg-color-blueLight{background-color:#92a2a8!important}.bg-color-blueDark{background-color:#4c4f53!important}.bg-color-green{background-color:#356e35!important}.bg-color-greenLight{background-color:#71843f!important}.bg-color-greenDark{background-color:#496949!important}.bg-color-red{background-color:#a90329!important}.bg-color-yellow{background-color:#b09b5b!important}.bg-color-orange{background-color:#c79121!important}.bg-color-orangeDark{background-color:#a57225!important}.bg-color-pink{background-color:#ac5287!important}.bg-color-pinkDark{background-color:#a8829f!important}.bg-color-purple{background-color:#6e587a!important}.bg-color-darken{background-color:#404040!important}.bg-color-lighten{background-color:#d5e7ec!important}.bg-color-white{background-color:#fff!important}.bg-color-grayDark{background-color:#525252!important}.bg-color-magenta{background-color:#6e3671!important}.bg-color-teal{background-color:#568a89!important}.bg-color-redLight{background-color:#a65858!important}.colorblind-friendly .alert,.colorblind-friendly .btn-primary{color:#FFF}.colorblind-friendly .btn:hover{background:#fff;color:#333;border-color:#333}.colorblind-friendly .alert-danger,.colorblind-friendly .btn-danger{background-image:url(../img/colorblind-friendly/pt1.png);border-color:#272727;background-color:#303030}.colorblind-friendly .alert-success,.colorblind-friendly .btn-success{background-image:url(../img/colorblind-friendly/pt2.png);border-color:#FF00EB;background-color:#1E5E00}.colorblind-friendly .alert-warning,.colorblind-friendly .btn-warning{background-image:url(../img/colorblind-friendly/pt3.png);border-color:#5F4415;background-color:#A07A00}.colorblind-friendly .alert-info,.colorblind-friendly .btn-info{border-color:#F90;background-color:#002E70}.colorblind-friendly .jarviswidget-ctrls .button-icon:hover{background-color:#333;color:#fff!important}.colorblind-friendly .jarviswidget-color-blue .jarviswidget-ctrls .button-icon:hover,.colorblind-friendly .jarviswidget-color-blueDark .jarviswidget-ctrls .button-icon:hover,.colorblind-friendly .jarviswidget-color-darken .jarviswidget-ctrls .button-icon:hover{background-color:#fff;color:#333!important}.colorblind-friendly .jarviswidget{position:relative}.colorblind-friendly .jarviswidget:hover:before{position:absolute;top:-3px;left:-5px;right:-5px;bottom:0;border:6px solid #333;visibility:visible;overflow:visible;height:103%;z-index:0;border-bottom-width:10px}.colorblind-friendly .nav>li:not(.active)>a:focus,.colorblind-friendly .nav>li:not(.active)>a:hover{background-color:#303030;color:#fff!important}.page-footer{height:52px;padding:15px 13px 0;padding-left:233px;border-top:1px solid #CECECE;background:#2a2725;width:100%;position:absolute;display:block;bottom:0}.fixed-page-footer .page-footer{position:fixed;z-index:901}.minified .page-footer{padding-left:58px}.container.fixed-page-footer .page-footer{max-width:1164px}.hidden-menu .page-footer{padding-left:20px}@media (max-width:979px){html.hidden-menu-mobile-lock{overflow-x:hidden}#main{width:100%!important}.page-footer{padding:15px 14px 0}.profile-pic>img{width:110px}.profile-pic{float:left}.profile-pic>img{margin-right:10px}.profile-pic+div,.profile-pic+div+div{padding-left:30px;padding-right:30px}#fullscreen>:first-child>a{display:none!important}body.container{border:none!important;width:100%!important}.inbox-data-message>:first-child{height:50px;overflow:hidden}.show-stats .show-stat-buttons>:first-child{padding-right:13px}.show-stats .show-stat-buttons>:last-child{padding-left:13px}.inbox-checkbox-triggered>.btn-group .btn{padding-left:10px;padding-right:10px}.inbox-body .table-wrap{padding:0!important;padding-left:5px!important;padding-right:5px!important}.inbox-nav-bar{padding-left:5px;padding-right:5px}.inbox-data-message>:first-child>:first-child{display:block!important;font-size:14px}.inbox-table-icon>:first-child{margin-top:12px}#inbox-table .inbox-table-icon{padding-left:10px!important}.header-search.pull-right{margin-left:0}.visible-tablet{display:inline-block!important}.display-inline.hidden-tablet,.hidden-tablet{display:none!important}.jarviswidget header h2{width:310px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropzone .dz-default.dz-message{background-size:100%;width:200px;height:43px;margin-left:-112px;margin-top:-23.5px}}@media (min-width:768px) and (max-width:979px){#main{margin-left:0}#left-panel{left:-220px}.minified #left-panel{left:0}#hide-menu>:first-child>a{margin-top:9px;width:40px}.btn-header a{margin-top:9px!important;width:40px!important}#hide-menu i{color:#6D6A69;font-size:100%}.hidden-menu #hide-menu i{color:#fff}#hide-menu i::before{content:"\f0c9"}.hidden-menu #left-panel{left:0}.hidden-menu #main{position:relative;left:210px}.hidden-menu.fixed-ribbon #ribbon{left:220px;width:100%}.fixed-ribbon #ribbon{left:0}.jarviswidget header h2{width:200px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-search>input[type=text]{margin-top:9px}}@media (min-width:768px) and (max-width:880px){#main{margin-left:0;overflow-x:hidden}#left-panel{left:-220px}.no-content-padding{margin:0 -14px!important}.inbox-nav-bar.no-content-padding{margin-top:-10px!important}.minified #left-panel{left:0}#hide-menu>:first-child>a,.btn-header a{margin-top:5px!important;width:40px!important;height:39px!important;line-height:38px!important}#logo{margin-top:10px}#logo img{width:127px}.btn-header.transparent a{border:none!important;background:0 0;margin-left:0;width:25px!important;box-shadow:none!important}.btn-header.transparent a:hover{color:#a90329}#hide-menu i{color:#6D6A69;font-size:121%}.hidden-menu #hide-menu i{color:#fff}#hide-menu i::before{content:"\f0c9"}.hidden-menu #left-panel{left:0}.hidden-menu #main{position:relative;left:210px}.hidden-menu.fixed-ribbon #ribbon{left:220px;width:100%}.fixed-ribbon #ribbon{left:0}.jarviswidget header h2{width:180px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-search>input[type=text]{margin-top:9px}}@media (max-width:767px){.profile-pic>img{width:100px}#main{margin-left:0;overflow-x:hidden}#left-panel{left:-220px}.show-stat-microcharts>div{margin-top:0!important;border-right:none!important}.show-stat-buttons{padding-left:10px!important;padding-right:10px!important}#content,#ribbon{padding-left:5px;padding-right:5px}#header{padding-right:5px}#logo{margin-left:4px}.no-content-padding{margin:0 -5px!important}.inbox-nav-bar.no-content-padding{margin-top:-10px!important}.minified #left-panel{left:0}.btn-header.transparent a{border:none!important;background:0 0;margin-left:0;width:25px!important;box-shadow:none!important}.btn-header.transparent a:hover{color:#a90329}#hide-menu>:first-child>a,.btn-header a{margin-top:5px!important;width:40px!important;height:39px!important;line-height:38px!important}#hide-menu>:first-child>a{width:50px!important}#logo{margin-top:10px}#logo img{width:127px}#hide-menu i{color:#6D6A69;font-size:121%}.hidden-menu #hide-menu i{color:#fff}#hide-menu i::before{content:"\f0c9"}.hidden-menu #left-panel{left:0}.hidden-menu #main{position:relative;left:210px}.hidden-menu.fixed-ribbon #ribbon{left:220px;width:100%}.fixed-ribbon #ribbon{left:0}body.fixed-navigation.hidden-menu{overflow:hidden!important}.fixed-ribbon #content{padding-top:52px}.header-search{display:none}#search-mobile{display:block}.search-mobile .header-search{display:block;position:absolute;top:0;width:100%;height:49px;background:#333;padding:0 2px;box-sizing:border-box;left:0}.search-mobile .header-search>input[type=text]{margin-top:2px;height:45px;border-color:#333;padding-right:75px}.search-mobile .header-search>button{height:29px;line-height:29px;background:#DDD;right:44px}.search-mobile #search-mobile{display:none}.search-mobile #cancel-search-js{display:block}.jarviswidget header h2{width:250px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}@media only screen and (min-width:0) and (max-width:679px){.profile-pic>img{width:90px}#main{margin-left:0;overflow-x:hidden}#left-panel{left:-220px}.show-stat-microcharts>div{margin-top:0!important;border-right:none!important}.show-stat-buttons{padding-left:10px!important;padding-right:10px!important}#content,#ribbon{padding-left:5px;padding-right:5px}#header{padding-right:5px}#logo{margin-left:4px}.no-content-padding{margin:0 -5px!important}.inbox-nav-bar.no-content-padding{margin-top:-10px!important}.minified #left-panel{left:0}#header{background:#fff}#ribbon{border-bottom:1px solid #CFCFCF;border-top:1px solid #E6E6E6;background:#F5F5F5}#ribbon .breadcrumb,#ribbon .breadcrumb a{color:#6D6C6C!important}#ribbon .breadcrumb li:last-child,#ribbon .breadcrumb>.active{color:#333!important}#hide-menu>:first-child>a,.btn-header a{margin-top:5px!important;width:40px!important;height:39px!important;line-height:38px!important}#hide-menu>:first-child>a{width:50px!important}#logo{margin-top:10px}#logo img{width:127px}.btn-header.transparent a{border:none!important;background:0 0;margin-left:0;width:25px!important;box-shadow:none!important}.btn-header.transparent a:hover{color:#a90329}#hide-menu i{color:#6D6A69;font-size:121%}.hidden-menu #hide-menu i{color:#fff}#hide-menu i::before{content:"\f0c9"}.hidden-menu #left-panel{left:0}.hidden-menu #main{position:relative;left:210px}.hidden-menu.fixed-ribbon #ribbon{left:220px;width:100%}.fixed-ribbon #ribbon{left:0}.header-search{display:none}#search-mobile{display:block}.search-mobile .header-search{display:block;position:absolute;top:0;width:100%;height:49px;background:#333;padding:0 2px;box-sizing:border-box;left:0}.search-mobile .header-search>input[type=text]{margin-top:2px;height:45px;border-color:#333;padding-right:75px}.search-mobile .header-search>button{height:29px;line-height:29px;background:#DDD;right:44px}.search-mobile #search-mobile{display:none}.search-mobile #cancel-search-js{display:block}.hidden-tablet{display:none!important}.jarviswidget header h2{width:300px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}@media only screen and (min-width:320px) and (max-width:479px){.page-title{display:none}.profile-pic{text-align:left}.profile-pic>img{width:90px;margin-left:0;top:-25px;margin-right:0}.profile-pic+div>h1{font-size:20px}.profile-pic+div>h1 small{font-size:16px}.profile-carousel .carousel-indicators{top:10px}#main{margin-left:0;overflow-x:hidden}#left-panel{left:-220px}.show-stat-microcharts>div{margin-top:0!important;border-right:none!important}.show-stat-buttons{padding-left:10px!important;padding-right:10px!important}#content,#ribbon{padding-left:5px;padding-right:5px}#header{padding-right:5px}#logo{margin-left:4px}.no-content-padding{margin:0 -5px!important}.inbox-nav-bar.no-content-padding{margin-top:-10px!important}.minified #left-panel{left:0}#header{background:#fff}#ribbon{border-bottom:1px solid #CFCFCF;border-top:1px solid #E6E6E6;background:#F5F5F5}#ribbon .breadcrumb,#ribbon .breadcrumb a{color:#6D6C6C!important}#ribbon .breadcrumb li:last-child,#ribbon .breadcrumb>.active{color:#333!important}#logo{width:135px}#logo-group{width:169px!important}#sparks{text-align:center;background:#E0E0E0;padding:10px 0;margin-bottom:15px}#sparks li{padding:0 10px 0 20px}#hide-menu>:first-child>a,.btn-header a{margin-top:5px!important;width:40px!important;height:39px!important;line-height:38px!important}#logo{margin-top:10px}#logo img{width:127px}.btn-header.transparent a{border:none!important;background:0 0;margin-left:0;width:25px!important;box-shadow:none!important}.btn-header.transparent a:hover{color:#a90329}#hide-menu>:first-child>a{width:46px!important}#hide-menu i{color:#6D6A69;font-size:121%}.hidden-menu #hide-menu i{color:#fff}#hide-menu i::before{content:"\f0c9"}.hidden-menu #left-panel{left:0}.hidden-menu #main{position:relative;left:210px}.hidden-menu.fixed-ribbon #ribbon{left:220px;width:100%}.fixed-ribbon #ribbon{left:0}.hidden-mobile{display:none!important}.visible-mobile{display:inline-block!important}.ajax-notifications{height:250px}.ajax-dropdown{width:299px;height:320px;left:0;top:49px}.ajax-dropdown:before{margin-left:-14px}.ajax-dropdown:after{margin-left:-13px}.header-search{display:none}#search-mobile{display:block;margin-left:0}.search-mobile .header-search{display:block;position:absolute;top:0;width:100%;height:49px;background:#333;padding:0 2px;box-sizing:border-box;left:0}.search-mobile .header-search>input[type=text]{margin-top:2px;height:45px;border-color:#333;padding-right:75px}.search-mobile .header-search>button{height:29px;line-height:29px;background:#DDD;right:44px}.search-mobile #search-mobile{display:none}.search-mobile #cancel-search-js{display:block}.jarviswidget header h2{width:135px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}#extr-page #main{margin-top:0!important}#mobile-profile-img{display:none!important;padding-right:2px!important;padding-left:2px!important}.menu-on-top #mobile-profile-img{display:block!important}#mobile-profile-img a.userdropdown img{width:30px;margin-top:5px;margin-left:2px;border-radius:3px;border:1px solid #797979!important}.menu-on-top .page-footer{padding:15px 13px 0}.menu-on-top.hidden-menu #left-panel{left:0}.menu-on-top #main{margin-left:0!important;margin-top:69px!important}.menu-on-top #hide-menu,.menu-on-top #logout,.menu-on-top .minifyme{display:none!important}.menu-on-top aside#left-panel{width:100%!important;min-height:0!important;height:auto;overflow:visible;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.25);box-shadow:0 2px 4px 0 rgba(0,0,0,.25);border-bottom:1px solid #222;border-top:1px solid #333}.menu-on-top aside#left-panel nav>ul{display:block;width:100%}.menu-on-top aside#left-panel nav>ul>li:first-child{margin-left:0}.menu-on-top aside#left-panel nav>ul>li{position:relative;height:auto!important;padding:0!important;display:inline-block;float:left;border-right:1px solid #222;border-left:1px solid #4E4E4E;overflow:visible}.menu-on-top aside#left-panel nav>ul>li>a{display:inline-block;height:68px;text-shadow:none!important;font-size:13px;text-decoration:none;line-height:22px;padding:10px 9px!important}.menu-on-top li.active>a{font-weight:700!important}.menu-on-top .login-info,.menu-on-top nav>ul>li>a b{display:none}.menu-on-top aside#left-panel nav>ul>li>a>i{display:block!important;margin:1px 0 4px;line-height:inherit;text-align:center;font-size:24px;margin-bottom:2px;width:100%}.menu-on-top .menu-item-parent{max-width:72px;min-width:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;font-size:13px}.menu-on-top .menu-item-parent+span{float:none!important;top:5px;right:5px;position:absolute}.menu-on-top nav ul ul li a{padding-left:10px!important;font-size:13px}.menu-on-top aside#left-panel nav>ul>li:hover{background:#fff;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fff),color-stop(1,#cfcfcf));background:-ms-linear-gradient(bottom,#fff,#cfcfcf);background:-moz-linear-gradient(center bottom,#fff 0,#cfcfcf 100%);background:-o-linear-gradient(#cfcfcf,#fff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf', endColorstr='#ffffff', GradientType=0)}.menu-on-top aside#left-panel nav>ul>li:hover>a{color:#333!important;border-left:1px solid #c7c7c7;border-right:1px solid #c7c7c7;padding-left:8px!important;padding-right:8px!important}.menu-on-top aside#left-panel nav>ul>li>ul{position:absolute!important;background:#3a3633}.menu-on-top aside#left-panel nav>ul>li:hover>ul{display:block!important}.menu-on-top aside#left-panel nav ul li.active>a:before{content:""!important}.menu-on-top nav>ul ul li::before,.menu-on-top nav>ul>li>ul::before{border:none}.menu-on-top nav ul ul li a,.menu-on-top nav ul ul ul li a{color:#4C4F53}.menu-on-top nav ul ul li a:hover,.menu-on-top nav ul ul li:hover>a,.menu-on-top nav ul ul ul li a:hover{color:#fff;background-color:#4C4F53}.menu-on-top nav>ul ul ul{border-top:1px solid #c7c7c7!important}.menu-on-top nav ul ul li{overflow:visible}.menu-on-top nav ul ul,.menu-on-top nav ul ul ul{display:none!important;background:#fff!important;border:1px solid #c7c7c7;-moz-box-shadow:inset 0 -4px 0 0 #bd2a2a;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);border-bottom:1px solid #BD2A2A;border-top:none;width:200px;border-radius:0;padding:3px;margin-left:0}.menu-on-top nav>ul ul li:hover>ul{display:block!important;position:absolute;z-index:999;left:100%;top:-8px;background:#333}.menu-on-top nav>ul>li>a:after{content:"\f0dd"!important;top:76%!important;color:#636363!important;left:46%}.menu-on-top nav ul ul li:hover>a:after,.menu-on-top nav>ul ul>li a:after,.menu-on-top nav>ul ul>li a:hover:after,.menu-on-top nav>ul>li>a:after{font-family:'Font Awesome 6 Pro';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f0da";display:block!important;position:absolute;top:9px;right:4px;color:#333}.menu-on-top nav ul ul li:hover>a:after,.menu-on-top nav>ul ul>li a:hover:after{color:#fff}.menu-on-top nav>ul ul>li a:only-child:after,.menu-on-top nav>ul>li>a:only-child:after{content:""!important}.menu-on-top nav ul ul .active>a{color:#333!important}.menu-on-top nav ul ul .active>a:hover,.menu-on-top nav ul ul li.active:hover>a{color:#fff!important}.menu-on-top .slimScrollDiv,.menu-on-top nav{overflow:visible!important}body.menu-on-top.fixed-header{padding-top:49px}body.menu-on-top.fixed-header.fixed-navigation nav>ul{padding-right:0;position:relative;height:auto;width:auto;overflow:visible}body.menu-on-top.fixed-header.fixed-navigation.fixed-ribbon #ribbon{left:0;top:118px}@media (max-width:979px){.menu-on-top #mobile-profile-img a.userdropdown img{width:39px;margin-top:0;margin-left:2px;border-radius:3px;margin-right:-3px}.menu-on-top .btn-header.pull-right{margin-left:0!important}.menu-on-top #main{margin-top:0!important}.menu-on-top #left-panel{left:0;display:none}body.menu-on-top.fixed-header.fixed-navigation.fixed-ribbon #ribbon{top:49px}.menu-on-top.hidden-menu #left-panel{display:block}.menu-on-top.hidden-menu #main{left:0!important}.menu-on-top #hide-menu{display:block!important}.menu-on-top aside#left-panel nav{height:300px!important;overflow:scroll;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}.menu-on-top .menu-item-parent{white-space:inherit;overflow:visible;text-overflow:inherit;text-align:left;min-width:85%;max-width:85%;padding-left:5px}.menu-on-top .menu-item-parent+span{top:50%;margin-top:-8px}.menu-on-top nav li.active>ul{display:block}.menu-on-top nav>ul>li.active{background:#fff;background:-moz-linear-gradient(top,#cfcfcf 0,#fff 66%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#cfcfcf),color-stop(66%,#fff));background:-webkit-linear-gradient(top,#cfcfcf 0,#fff 66%);background:-o-linear-gradient(top,#cfcfcf 0,#fff 66%);background:-ms-linear-gradient(top,#cfcfcf 0,#fff 66%);background:linear-gradient(to bottom,#cfcfcf 0,#fff 66%)}.menu-on-top nav>ul>li.active>a{color:#333!important}.menu-on-top nav ul ul li:hover>a:after,.menu-on-top nav>ul ul>li a:after,.menu-on-top nav>ul ul>li a:hover:after,.menu-on-top nav>ul>li>a:after{top:50%;right:15px;font-size:15px;margin-top:-8px;content:"\f0dd"!important}.menu-on-top nav>ul ul>li a:only-child:after,.menu-on-top nav>ul>li>a:only-child:after{content:""!important}.menu-on-top nav>ul>li>a:after{top:50%!important;left:auto;margin-top:-14px;font-size:20px}.menu-on-top nav ul ul,.menu-on-top nav ul ul ul{padding:0;border:none}.menu-on-top nav ul ul ul{border-bottom:2px solid #333}.menu-on-top aside#left-panel nav>ul>li{width:100%}.menu-on-top aside#left-panel nav>ul>li>a{height:auto;display:block;padding:8px 9px!important;border-bottom:1px dotted #585858}.menu-on-top nav>ul>li>ul>li>a,.menu-on-top nav>ul>li>ul>li>ul>li>a{padding-top:10px;padding-bottom:10px}.menu-on-top aside#left-panel nav>ul>li>a>i{display:inline!important}.menu-on-top aside#left-panel nav>ul li ul{position:relative!important;width:100%;top:0;left:0}.menu-on-top aside#left-panel nav>ul>li:active>ul,.menu-on-top aside#left-panel nav>ul>li:focus>ul{display:block!important}}.menu-on-top .top-menu-invisible,.no-menu #hide-menu,.no-menu #left-panel,.no-menu #logout{display:none!important}.no-menu #main{margin:0!important}.no-menu #mobile-profile-img{display:block!important}.no-menu #mobile-profile-img a.userdropdown img{width:30px;margin-top:5px;margin-left:2px;border-radius:3px;border:1px solid #797979!important} .smart-style-1 a{transition:color .1s linear 0s,background-color .1s linear 0s!important}.smart-style-1 body.container{border-left:1px solid rgba(34,38,46,.4);border-right:1px solid rgba(34,38,46,.4)}.smart-style-1 #header{background-image:none;background-color:#22262e}.smart-style-1 .project-context>:first-child{color:#697B92;text-shadow:0 0 1px #111318}.smart-style-1 #ribbon{background:#e6e6e6}.smart-style-1 .breadcrumb>li+li:before{color:#646464}.smart-style-1 .project-selector{color:#B9B9B9}.smart-style-1 .btn.btn-ribbon{background-color:#697486;background-image:-moz-linear-gradient(top,#6f7d94,#697486);background-image:-webkit-gradient(linear,0 0,0 100%,from(#6f7d94),to(#697486));background-image:-webkit-linear-gradient(top,#6f7d94,#697486);background-image:-o-linear-gradient(top,#6f7d94,#697486);background-image:linear-gradient(to bottom,#6f7d94,#697486)}.smart-style-1 #logo-group{background:#22262e!important}.smart-style-1 #logo-group span#activity{background:#0d0f12;border:1px solid #0d0f12;color:#fff;cursor:pointer}.smart-style-1 #logo-group>span .badge{background:#0aa699}.smart-style-1 .btn-header>:first-child>a{background:#fb3c4a;border:1px solid #fb3c4a;color:#fff!important;cursor:pointer!important}.smart-style-1 .btn-header>:first-child>a:hover{opacity:.9}.smart-style-1 #cancel-search-js{background:#fb3c4a;line-height:29px!important}.smart-style-1 .MsgTitle .txt-color-orangeDark{color:#fb3c4a!important}.smart-style-1 .minifyme{background:#434953}.smart-style-1 .minifyme:hover{background:#5C6C86;color:#E1E8F3}.smart-style-1 #show-shortcut:hover>i{color:#fff}.smart-style-1 .superbox-list.active:before{color:#1b1e24}.smart-style-1 nav ul b{font-size:14px;margin-top:0}.smart-style-1 nav ul b .fa-plus-square-o:before{content:"\f104"}.smart-style-1 nav ul b .fa-minus-square-o:before{content:"\f107"}.smart-style-1 nav ul ul{background:#22262E}.smart-style-1 nav ul ul li>a{text-shadow:0 1px 1px #000;font-size:13px;padding-left:43px;color:#e1eaf1;display:block;font-weight:300;padding-top:6px!important;padding-bottom:6px!important;overflow:hidden}.smart-style-1 nav ul ul li>a:hover{background:#1b1e24!important}.smart-style-1 nav ul ul ul li a{padding:8px 17px 8px 54px!important}.smart-style-1 nav ul ul ul ul li a{padding-left:72px!important}.smart-style-1 nav ul ul ul ul ul li a{padding-left:90px!important}.smart-style-1 nav ul ul ul ul ul ul li a{padding-left:108px!important}.smart-style-1 nav ul li a:active{background:0 0}.smart-style-1 nav ul li a:hover{color:#E1EAF1}.smart-style-1 nav ul li a{padding:12px 17px 12px 16px}.smart-style-1 nav>ul>li>a>i{font-size:17px;vertical-align:0}.smart-style-1 nav>ul>li>a b{right:17px;top:12px}.smart-style-1 nav>ul>li>a>i:after{border:1px solid #fff}.smart-style-1 nav>ul>li>a:hover i{-webkit-animation-name:none;-moz-animation-name:none;-o-animation-name:none;animation-name:none}.smart-style-1 .header-search>input[type=text]{border-color:#FFF!important;border-radius:2px}.smart-style-1 .header-dropdown-list a.dropdown-toggle{color:#FFF;text-decoration:none}.smart-style-1 .login-info{height:auto}.smart-style-1 .login-info>span{padding:5px 10px}.smart-style-1 .login-info img{width:35px;border-radius:50%}.smart-style-1 .login-info a{margin-top:2px}.smart-style-1 .login-info a span{max-width:136px}.smart-style-1 .login-info a:hover{color:#fff}.smart-style-1 #activity.active .badge{background:#0aa699!important}.smart-style-1 .ajax-dropdown{background:#E2E8F1}.smart-style-1 .ajax-notifications{background:#fff}.smart-style-1 img.online{border-left-color:#0AA699!important}.smart-style-1 .onoffswitch-inner:before{background-color:#36AECC!important}.smart-style-1 .bg-color-red{background-color:#fb3c4a!important}.smart-style-1 .jarviswidget-color-darken>header{background:#1B1E24!important;border-color:#1B1E24!important}.smart-style-1 .jarviswidget-color-blueDark>header{background:#353D4B!important;border-color:#353D4B!important}.smart-style-1 .jarviswidget-color-blue>header{background:#688F9E;border-color:#6A838D!important}.smart-style-1 .jarviswidget-color-purple>header{background:#736086}.smart-style-1 .jarviswidget-color-red>header{background:#C02631;border-color:#8F2129!important}.smart-style-1 .jarviswidget .bg-color-red{background:#C02631!important}.smart-style-1 .ui-chatbox-titlebar{background:#3E4553!important}.smart-style-1 .ui-chatbox-titlebar.ui-state-focus{background:#1B1F27!important}.smart-style-1 #ribbon .breadcrumb li:last-child,.smart-style-1 #ribbon .breadcrumb>.active{color:#868686}.smart-style-1 #ribbon .breadcrumb,.smart-style-1 #ribbon .breadcrumb a{color:#747474!important}.smart-style-1 .dropdown-menu,.smart-style-1 .open>.dropdown-menu{padding:4px}.smart-style-1 .dropdown-menu>li>a{border-radius:4px;margin:3px 0}.smart-style-1 .page-footer,.smart-style-1 .superbox-show,.smart-style-1 aside{background:#1b1e24}.smart-style-1 .login-info,.smart-style-1 .login-info span{border-bottom:none}.smart-style-1 nav>ul ul li::before,.smart-style-1 nav>ul>li>ul::before{border:none!important}.smart-style-1 .login-info a,.smart-style-1 .login-info strong,.smart-style-1 nav ul li a{color:#8b91a0}.smart-style-1 .pagination>.active>a,.smart-style-1 .pagination>.active>a:focus,.smart-style-1 .pagination>.active>a:hover,.smart-style-1 .pagination>.active>span,.smart-style-1 .pagination>.active>span:focus,.smart-style-1 .pagination>.active>span:hover{background-color:#36AECC;border-color:#36AECC}.smart-style-1.minified .login-info a{margin-top:6px}.smart-style-1.minified .login-info img{width:30px!important}.smart-style-1.minified .login-info span{padding:0 5px!important}.smart-style-1.minified nav ul li a{padding:12px 17px 12px 14px}.smart-style-1.minified nav ul ul li>a:hover{background:#30343D!important}.smart-style-1.minified nav ul ul li>a{padding-left:13px;padding-right:13px!important}.smart-style-1.minified nav ul ul ul li a{padding-left:33px!important;padding-right:13px!important}.smart-style-1.minified nav ul ul ul ul li a{padding-left:43px!important;padding-right:13px!important}.smart-style-1.minified nav ul ul ul ul ul li a{padding-left:53px!important;padding-right:13px!important}.smart-style-1.minified nav ul ul ul ul ul ul li a{padding-left:63px!important;padding-right:13px!important}.smart-style-1.minified nav ul>li>ul>li>ul{background:#1B1E24}.smart-style-1.minified nav>ul>li{border-bottom:1px solid #131416;border-top:1px solid #303031}.smart-style-1.minified nav>ul>li>a>i{font-size:18px}.smart-style-1.minified nav>ul>li>ul{background:#1B1E24}.smart-style-1.minified nav>ul>li>ul>li{background:#22262E}.smart-style-1.minified nav>ul>li>ul>li>ul>li{background:#1B1E24}.smart-style-1 .jarviswidget .bg-color-greenLight,.smart-style-1 .jarviswidget-color-greenLight>header{border-color:#96B447!important;background:#96B447!important}.smart-style-1 .jarviswidget .bg-color-yellow,.smart-style-1 .jarviswidget-color-yellow>header{border-color:#DBB727!important;background:#FDD01C!important;color:#25241F}.smart-style-1 .jarviswidget .bg-color-pink,.smart-style-1 .jarviswidget-color-pink>header{background:#DB8EBB!important}.smart-style-1.menu-on-top nav ul ul li>a{text-shadow:none!important;color:#646E75}.smart-style-1.menu-on-top nav ul ul li a{padding-left:10px!important;font-size:13px}.smart-style-1.menu-on-top nav ul ul li:hover>a{color:#fff;background-color:#1b1e24}.smart-style-1.menu-on-top nav ul ul .active>a{color:#fff!important}.smart-style-1.menu-on-top nav>ul ul ul{border-top:1px solid #c7c7c7!important}.smart-style-1.menu-on-top nav>ul ul li:hover>ul{background:#333}.smart-style-1.menu-on-top nav>ul>li>a:after{color:#8AA1B3!important}.smart-style-1.menu-on-top aside{background:#14161B}.smart-style-1.menu-on-top aside#left-panel{-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.25);box-shadow:0 2px 4px 0 rgba(0,0,0,.25);border-bottom:1px solid #222;border-top:1px solid #333}.smart-style-1.menu-on-top aside#left-panel nav>ul>li{border-right:1px solid transparent;border-left:1px solid transparent}.smart-style-1.menu-on-top aside#left-panel nav>ul>li>a{text-shadow:none!important;font-size:13px;padding:10px 9px!important}.smart-style-1.menu-on-top aside#left-panel nav>ul>li>ul{background:#3a3633}.smart-style-1.menu-on-top aside#left-panel nav>ul>li:hover{border-right-color:#333;border-left-color:#333;background:#fff;background:-moz-linear-gradient(top,#04070c 0,#2e3e57 66%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#cfcfcf),color-stop(66%,#2e3e57));background:-webkit-linear-gradient(top,#04070c 0,#2e3e57 66%);background:-o-linear-gradient(top,#04070c 0,#2e3e57 66%);background:-ms-linear-gradient(top,#04070c 0,#2e3e57 66%);background:linear-gradient(to bottom,#04070c,#2e3e57 66%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#04070C', endColorstr='#2E3E57', GradientType=0)}.smart-style-1.menu-on-top aside#left-panel nav>ul>li:hover>a{color:#F1F1F1!important;border-left:1px solid #000;border-right:1px solid #000;padding-left:8px!important;padding-right:8px!important}.smart-style-1.menu-on-top nav ul ul li a,.smart-style-1.menu-on-top nav ul ul ul li a{color:#D8DEE5}.smart-style-1.menu-on-top nav ul ul li a:hover,.smart-style-1.menu-on-top nav ul ul ul li a:hover{color:#fff;background-color:#1b1e24!important}.smart-style-1.menu-on-top nav ul ul,.smart-style-1.menu-on-top nav ul ul ul{background:#2e3e57!important;border:1px solid transparent;padding:0}.smart-style-1.menu-on-top nav ul ul li:hover>a:after,.smart-style-1.menu-on-top nav>ul ul>li a:after,.smart-style-1.menu-on-top nav>ul ul>li a:hover:after,.smart-style-1.menu-on-top nav>ul>li>a:after{color:#D5D5D5}.smart-style-1.menu-on-top nav ul ul li:hover>a:after,.smart-style-1.menu-on-top nav>ul ul>li a:hover:after{color:#fff}.smart-style-1.menu-on-top nav>ul ul>li a:only-child:after,.smart-style-1.menu-on-top nav>ul>li>a:only-child:after{content:""!important}.smart-style-1.menu-on-top nav ul ul li.active:hover>a,.smart-style-1.menu-on-top nav ul ul li.active>a:hover{color:#fff!important}@media (max-width:979px) and (min-width:768px){.smart-style-1 #hide-menu i{color:#fff!important}}@media (max-width:767px){.smart-style-1 #hide-menu i{color:#fff!important}}@media only screen and (max-width:679px) and (min-width:0){.smart-style-1 #hide-menu i{color:#fff!important}}@media only screen and (max-width:479px) and (min-width:320px){.smart-style-1 #sparks{background:#fff}.smart-style-1 #cancel-search-js,.smart-style-1 .search-mobile .header-search>button{border-radius:3px}}.smart-style-2 #shortcut{background-color:rgba(255,255,255,.9)}.smart-style-2 #shortcut ul{-webkit-box-shadow:0 4px 10px rgba(0,0,0,.3);box-shadow:0 4px 10px rgba(0,0,0,.3);border-bottom:1px solid #A8BADB}.smart-style-2 .superbox-list.active:before{color:#2C3742}.smart-style-2 .superbox-img-description{color:#9EA8B1!important}.smart-style-2 .project-context>:first-child{text-shadow:none}.smart-style-2 .project-selector{color:#B2C1D5}.smart-style-2 .project-selector:hover{color:#fff}.smart-style-2 #logo-group span#activity{background:none!important;border:none!important;color:#C5C6CA}.smart-style-2 #logo-group span#activity:hover{color:#fff}.smart-style-2 #logo-group>span .badge{background:#008DC4}.smart-style-2 .header-search>input[type=text]{background:#161B22;border:1px solid #0F1217;color:#fff;border-radius:4px}.smart-style-2 #ribbon{background:#fff}.smart-style-2 .btn.btn-ribbon{background:#9498A0}.smart-style-2 aside{background:#F7F7F7;background:-webkit-gradient(linear,left top,right top,color-stop(99%,#f7f7f7),color-stop(100%,#cacaca));background:-webkit-linear-gradient(left,#f7f7f7 99%,#cacaca 100%);background:-webkit-gradient(linear,top left,top right,from(#f7f7f7),to(#cacaca));background:linear-gradient(to right,#f7f7f7 99%,#cacaca 100%);min-height:100%}.smart-style-2 #left-panel{padding-right:15px;padding-left:15px;padding-bottom:15px;padding-top:64px}.smart-style-2 .login-info{margin-bottom:7px!important;height:auto}.smart-style-2 .login-info span{padding:5px 10px 7px;background:#FFF;border-radius:4px}.smart-style-2 .login-info a{font-size:16px!important;color:#33455A;margin-top:2px}.smart-style-2 .login-info a span{padding:0;font-size:16px!important;max-width:105px}.smart-style-2 .login-info img{width:35px}.smart-style-2 nav ul li a{color:#69737A!important;font-size:12px!important}.smart-style-2 nav ul ul{background:0 0}.smart-style-2 nav ul ul>li:hover b{color:#69737A!important}.smart-style-2 nav ul ul li>a{padding-left:23px}.smart-style-2 nav ul ul ul li a{padding-left:30px}.smart-style-2 nav ul ul ul ul li a{padding-left:40px}.smart-style-2 nav ul ul ul ul ul li a{padding-left:50px}.smart-style-2 nav ul ul ul ul ul ul li a{padding-left:60px}.smart-style-2 nav>ul>li>a{padding-top:16px;padding-bottom:16px}.smart-style-2 nav>ul>li>a>i{font-size:25px!important}.smart-style-2 nav>ul>li>a b{top:16px}.smart-style-2 .jarviswidget-color-blueDark>header{background:#2C3742!important;border-color:#2C3742!important}.smart-style-2 .btn-success{background-color:#96bf48;border-color:#84A83E}.smart-style-2 .btn-danger{background-color:#DB4A67;border-color:#CA4862}.smart-style-2 .btn-warning{background-color:#E2B14A;border-color:#C99D42}.smart-style-2 .bg-color-red{background:#DB4A67!important}.smart-style-2 .bg-color-blue{background:#4387bf!important}.smart-style-2 .smart-form .toggle i:before{background-color:#3b9ff3}.smart-style-2 .bg-color-greenLight{background-color:#89AD45!important}.smart-style-2 .bg-color-orange{background-color:#D6A848!important}.smart-style-2 .bg-color-teal{background-color:#5ba0a3!important}.smart-style-2 .minifyme{background:#D7DAE2;border-bottom:1px solid #818181;color:#7E7E7E}.smart-style-2 .minifyme:hover{color:#4E4E4E}.smart-style-2 .onoffswitch-inner:before{background:#3b9ff3;border-color:#3b9ff3 #257DC7 #2A7DC4}.smart-style-2 .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch:before{color:#84A83E}.smart-style-2 .ui-chatbox-titlebar{background:#576574!important}.smart-style-2 .ui-chatbox-titlebar.ui-state-focus{background:#2C3742!important}body.smart-style-2{background:#fff}.smart-style-2 #header,.smart-style-2 .page-footer,.smart-style-2 .superbox-show{background-image:none;background-color:#2C3742}.smart-style-2 #hide-menu a>i,.smart-style-2 .btn-header>:first-child>a{background:0 0;border:none!important;color:#C5C6CA!important;box-shadow:none!important}.smart-style-2 #hide-menu a:hover i,.smart-style-2 .btn-header>:first-child>a:hover{color:#fff!important;cursor:pointer!important}.smart-style-2 .header-dropdown-list a.dropdown-toggle,.smart-style-2 .header-search>button{color:#C5C6CA}.smart-style-2.fixed-ribbon #ribbon{border-bottom:1px solid #E0E0E0}.smart-style-2 #ribbon .breadcrumb,.smart-style-2 #ribbon .breadcrumb a,.smart-style-2 #ribbon .breadcrumb li:last-child,.smart-style-2 #ribbon .breadcrumb>.active{color:#7C7C7C!important}.menu-on-top.smart-style-2 #left-panel{padding-top:49px!important}.smart-style-2 .login-info,.smart-style-2 .login-info span{border:0!important;box-shadow:none!important}.smart-style-2 nav ul .active>a,.smart-style-2 nav ul li.open>a,.smart-style-2 nav ul li.open>a b{color:#202427!important;font-weight:700}.smart-style-2 nav ul li a:hover,.smart-style-2 nav ul ul li>a:hover{color:#202427!important;background:none!important}.smart-style-2 nav>ul ul li::before,.smart-style-2 nav>ul>li>ul::before{border:none!important}.smart-style-2 .btn-primary,.smart-style-2 .smart-form .button{background-color:#3b9ff3;border-color:#3292E2}.smart-style-2 .btn-primary.active,.smart-style-2 .btn-primary:active,.smart-style-2 .btn-primary:focus,.smart-style-2 .btn-primary:hover,.smart-style-2 .open .dropdown-toggle.btn-primary{background-color:#3E90D4;border-color:#2F7DBE}.smart-style-2 .dropdown-menu>li>a:focus,.smart-style-2 .dropdown-menu>li>a:hover{background-color:#3E90D4}.smart-style-2 .btn-success.active,.smart-style-2 .btn-success:active,.smart-style-2 .btn-success:focus,.smart-style-2 .btn-success:hover,.smart-style-2 .open .dropdown-toggle.btn-success{background-color:#89AD45;border-color:#78973B}.smart-style-2 .btn-danger.active,.smart-style-2 .btn-danger:active,.smart-style-2 .btn-danger:focus,.smart-style-2 .btn-danger:hover,.smart-style-2 .open .dropdown-toggle.btn-danger{background-color:#CF4762;border-color:#C0455E}.smart-style-2 .btn-warning.active,.smart-style-2 .btn-warning:active,.smart-style-2 .btn-warning:focus,.smart-style-2 .btn-warning:hover,.smart-style-2 .open .dropdown-toggle.btn-warning{background-color:#D6A848;border-color:#C09844}.smart-style-2 .pagination>.active>a,.smart-style-2 .pagination>.active>a:focus,.smart-style-2 .pagination>.active>a:hover,.smart-style-2 .pagination>.active>span,.smart-style-2 .pagination>.active>span:focus,.smart-style-2 .pagination>.active>span:hover{background-color:#3b9ff3}.smart-style-2.minified .login-info{margin:0!important}.smart-style-2.minified .login-info a{margin-top:4px}.smart-style-2.minified .login-info span{padding:0}.smart-style-2.minified #left-panel{padding:0!important;padding-top:50px!important}.smart-style-2.minified nav ul>li>a{padding:12px 11px}.smart-style-2.minified nav ul li.active>a:before{height:23px;right:-19px;top:7px;font-size:20px;color:#FFF}.smart-style-2.minified nav>ul>li{border-bottom:1px solid #E6E6E6;border-top:1px solid #FFF}.smart-style-2.minified nav>ul>li>a>i{font-size:18px!important}.smart-style-2.minified nav>ul>li>ul,.smart-style-2.minified nav>ul>li>ul>li,.smart-style-2.minified nav>ul>li>ul>li>ul>li{background:#fff!important}.smart-style-2 .smart-form .checkbox input:checked+i,.smart-style-2 .smart-form .radio input:checked+i,.smart-style-2 .smart-form .toggle input:checked+i{border-color:#3b9ff3}.smart-form .rating input+label:hover,.smart-form .rating input+label:hover~label{color:#3b9ff3}.smart-style-2.menu-on-top .menu-item-parent{font-size:10px}.smart-style-2.menu-on-top #left-panel{padding-right:0;padding-left:0;padding-bottom:0}.smart-style-2.menu-on-top nav ul ul li>a{text-shadow:none!important;color:#646E75}.smart-style-2.menu-on-top nav ul ul li a{padding-left:10px!important;font-size:13px}.smart-style-2.menu-on-top nav ul ul li:hover>a{color:#fff!important;background-color:#5E6C88}.smart-style-2.menu-on-top nav ul ul .active>a{color:#fff!important}.smart-style-2.menu-on-top nav>ul ul ul{border-top:1px solid #c7c7c7!important}.smart-style-2.menu-on-top nav>ul ul li:hover>ul{background:#333}.smart-style-2.menu-on-top nav>ul>li>a:after{color:#8AA1B3!important}.smart-style-2.menu-on-top aside{background:inherit}.smart-style-2.menu-on-top aside#left-panel{-webkit-box-shadow:none;box-shadow:none;border-bottom:1px solid #B8B8B8;border-top:1px solid #333}.smart-style-2.menu-on-top aside#left-panel nav>ul>li{border-right:1px solid transparent;border-left:1px solid transparent}.smart-style-2.menu-on-top aside#left-panel nav>ul>li>a{text-shadow:none!important;font-size:13px;padding:10px 9px!important}.smart-style-2.menu-on-top aside#left-panel nav>ul>li>ul{background:#2C3742}.smart-style-2.menu-on-top aside#left-panel nav>ul>li:hover{background:#2e3e57;border-right-color:#fff;border-left-color:#fff}.smart-style-2.menu-on-top aside#left-panel nav>ul>li:hover>a{color:#F1F1F1!important;border-left:1px solid #000;border-right:1px solid #000;padding-left:8px!important;padding-right:8px!important}.smart-style-2.menu-on-top nav ul ul li a,.smart-style-2.menu-on-top nav ul ul ul li a{color:#ADBED3!important}.smart-style-2.menu-on-top nav ul ul li a:hover,.smart-style-2.menu-on-top nav ul ul ul li a:hover{color:#fff;background-color:#5E6C88!important}.smart-style-2.menu-on-top nav ul ul,.smart-style-2.menu-on-top nav ul ul ul{background:#2e3e57!important;border:1px solid transparent}.smart-style-2.menu-on-top nav ul ul li:hover>a:after,.smart-style-2.menu-on-top nav>ul ul>li a:after,.smart-style-2.menu-on-top nav>ul ul>li a:hover:after,.smart-style-2.menu-on-top nav>ul>li>a:after{color:#D5D5D5}.smart-style-2.menu-on-top nav ul ul li:hover>a:after,.smart-style-2.menu-on-top nav>ul ul>li a:hover:after{color:#fff}.smart-style-2.menu-on-top nav ul ul .active>a:hover,.smart-style-2.menu-on-top nav ul ul li.active:hover>a{color:#fff!important}.smart-style-3 body,body.smart-style-3{background:#fff!important;font-family:Arial,sans-serif}.smart-style-3 #logo img{width:125px;height:auto;padding-left:3px;margin-top:-3px}.smart-style-3 #header{background-color:#f78c40;background-image:-moz-linear-gradient(top,#f78c40,#d67632);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f78c40),to(#d67632));background-image:-webkit-linear-gradient(top,#f78c40,#d67632);background-image:-o-linear-gradient(top,#f78c40,#d67632);background-image:linear-gradient(to bottom,#f78c40,#d67632)}.smart-style-3 #ribbon{background:#fff}.smart-style-3 #hide-menu i{color:#fff!important}.smart-style-3 .header-dropdown-list>li>.dropdown-toggle{display:block;background:rgba(0,0,0,.2);padding:2px 7px 3px;border-radius:3px;margin-top:14px}.smart-style-3 .header-search>input[type=text]{border-color:#CA854F}.smart-style-3 .header-search>button{color:#DF9B45}.smart-style-3 aside{background:#f2f2f2;border-right:2px solid #ccc}.smart-style-3 .login-info{border-bottom:1px solid #E2E2E2;background:#fff;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}.smart-style-3 .login-info span{border-bottom:none}.smart-style-3 .login-info a span{color:#444!important}.smart-style-3 nav>ul>li{background-color:#f2f2f2;background-image:-moz-linear-gradient(top,#f9f9f9,#f2f2f2);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f9f9f9),to(#f2f2f2));background-image:-webkit-linear-gradient(top,#f9f9f9,#f2f2f2);background-image:-o-linear-gradient(top,#f9f9f9,#f2f2f2);background-image:linear-gradient(to bottom,#f9f9f9,#f2f2f2);border-bottom:1px solid #DFDFDF}.smart-style-3 nav>ul>li>a{padding:12px 10px 12px 11px;font-size:13px}.smart-style-3 nav>ul>li>a b{top:12px}.smart-style-3 nav>ul>li>a>i{color:#4D8BA5;font-size:20px}.smart-style-3 nav>ul>li.active>a:before{top:10px!important}.smart-style-3 nav>ul>li.open{border-left:4px solid #4D8BA5}.smart-style-3 nav>ul>li.open>a{padding-left:7px}.smart-style-3 nav>ul>li.open ul li>a,.smart-style-3 nav>ul>li.open>ul>li>a{padding-left:38px}.smart-style-3 nav ul li.active>a:before{top:6px;color:#bbb}.smart-style-3 nav ul li.active>a{font-weight:700}.smart-style-3 nav ul ul{background:0 0}.smart-style-3 nav ul ul li>a{font-size:13px}.smart-style-3 nav ul li a:hover{background:rgba(0,0,0,.05)!important}.smart-style-3 .superbox-list.active:before{color:#3D3B39}.smart-style-3 .active+.ajax-dropdown{-webkit-box-shadow:1px 14px 16px rgba(61,35,14,.55);box-shadow:1px 14px 16px rgba(61,35,14,.55)}.smart-style-3 .dropdown-menu{border-radius:0;border-bottom:2px solid #ADADAD;background:#FDDFB3}.smart-style-3 .dropdown-menu>li>a{color:#4E361B}.smart-style-3 .dropdown-menu .divider{background-color:#EBC7A6}.smart-style-3 .dropdown-menu-large .dropdown-header{color:#5C391E}.smart-style-3 .has-warning .form-control{border-color:#c09853!important}.smart-style-3 .has-error .form-control{border-color:#b94a48!important}.smart-style-3 .has-success .form-control{border-color:#468847!important}.smart-style-3 #shortcut{background-color:rgba(25,16,6,.85)}.smart-style-3 .ui-chatbox-titlebar{background-color:#66605B!important}.smart-style-3 .ui-chatbox-titlebar.ui-state-focus{background-color:#4B433C!important}.smart-style-3 #ribbon .breadcrumb,.smart-style-3 #ribbon .breadcrumb a{color:#7C7C7C!important}.smart-style-3 #ribbon .breadcrumb li:last-child,.smart-style-3 #ribbon .breadcrumb>.active{color:#5F5F5F}.smart-style-3.fixed-ribbon #ribbon{box-shadow:0 .0625em .3125em rgba(0,0,0,.35)}.smart-style-3 #logo-group span#activity,.smart-style-3 .btn-header>:first-child>a{background-color:#DD7C37;background-image:-moz-linear-gradient(top,#dd7c37,#b9662b);background-image:-webkit-gradient(linear,0 0,0 100%,from(#b9662b),to(#b9662b));background-image:-webkit-linear-gradient(top,#dd7c37,#b9662b);background-image:-o-linear-gradient(top,#dd7c37,#b9662b);background-image:linear-gradient(to bottom,#dd7c37,#b9662b);color:#fff!important;border:1px solid #f09d61;text-shadow:#985813 0 -1px}.smart-style-3 #logo-group span#activity:active,.smart-style-3 #logo-group span#activity:hover,.smart-style-3 .btn-header>:first-child>a:active,.smart-style-3 .btn-header>:first-child>a:hover{-webkit-box-shadow:inset 1px 1px 0 #985813,inset -1px -1px 0 #985813;-moz-box-shadow:inset 1px 1px 0 #985813,inset -1px -1px 0 #985813;box-shadow:inset 1px 1px 0 #985813,inset -1px -1px 0 #985813;background-color:#dd7a35;background-image:-moz-linear-gradient(top,#dd7a35,#984a13);background-image:-webkit-gradient(linear,0 0,0 100%,from(#dd7a35),to(#984a13));background-image:-webkit-linear-gradient(top,#dd7a35,#984a13);background-image:-o-linear-gradient(top,#dd7a35,#984a13);background-image:linear-gradient(to bottom,#dd7a35,#984a13)}.smart-style-3 .header-dropdown-list>li>.dropdown-toggle,.smart-style-3 .project-context>:first-child,.smart-style-3 .project-selector{color:#fff;text-shadow:#985813 0 -1px}.smart-style-3 nav ul li a,.smart-style-3 nav ul li.open>a,.smart-style-3 nav ul li.open>a b{color:#444!important}.smart-style-3 nav>ul ul li::before,.smart-style-3 nav>ul>li>ul::before{border:none}.smart-style-3 .page-footer,.smart-style-3 .superbox-show{background:#3D3B39}.smart-style-3.minified nav>ul>li{border-bottom:1px solid #E9E4E4;border-top:1px solid #FFF}.smart-style-3.minified nav>ul>li.open ul li>a{padding-left:14px}.smart-style-3.minified nav>ul>li>ul,.smart-style-3.minified nav>ul>li>ul>li>ul>li{background-color:rgba(69,69,69,.9)}.smart-style-3.minified nav ul li a,.smart-style-3.minified nav ul li.open>a,.smart-style-3.minified nav ul li.open>a b{color:#fff!important}.smart-style-3 .dropdown-menu>.active>a,.smart-style-3 .dropdown-menu>.active>a:hover,.smart-style-3 .dropdown-menu>li>a:focus,.smart-style-3 .dropdown-menu>li>a:hover,.smart-style-3 .tt-suggestion.tt-is-under-cursor{background-color:#EC9519;color:#fff}.smart-style-3 .dropdown-menu-large>li ul>li>a:focus,.smart-style-3 .dropdown-menu-large>li ul>li>a:hover{border-radius:3px;background-color:#F1B686}.smart-style-3 input:not([type]),.smart-style-3 input[type=color],.smart-style-3 input[type=email],.smart-style-3 input[type=number],.smart-style-3 input[type=password],.smart-style-3 input[type=tel],.smart-style-3 input[type=text],.smart-style-3 input[type=url],.smart-style-3 textarea{border-top-color:#a3a3a3;border-left-color:#a3a3a3;border-bottom-color:#ccc;border-right-color:#ccc;-webkit-box-shadow:inset 0 1px 0 #d6d6d6;-moz-box-shadow:inset 0 1px 0 #d6d6d6;box-shadow:inset 0 1px 0 #d6d6d6;color:#000}.smart-style-3 .select2-container-multi .select2-choices .select2-search-field input,.smart-style-3 .tt-hint{box-shadow:none!important;border:none!important}.smart-style-3 .SmallBox span,.smart-style-3 .bigBox span{letter-spacing:0}.smart-style-3.menu-on-top nav ul ul li>a{color:inherit}.smart-style-3.menu-on-top nav ul ul li a{padding-left:10px!important;font-size:13px}.smart-style-3.menu-on-top nav ul ul li:hover>a{color:#fff}.smart-style-3.menu-on-top nav ul ul .active>a{color:#333!important}.smart-style-3.menu-on-top nav ul>li>ul{left:-2px}.smart-style-3.menu-on-top nav>ul>li>a:hover{background:#fff!important}.smart-style-3.menu-on-top nav>ul>li>a:after{color:#8AA1B3!important}.smart-style-3.menu-on-top aside{background:inherit}.smart-style-3.menu-on-top aside#left-panel{-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.25);box-shadow:0 2px 4px 0 rgba(0,0,0,.25);border-bottom:1px solid #fff;border-top:1px solid #fff}.smart-style-3.menu-on-top aside#left-panel nav>ul>li{border-right:1px solid #E2E2E2;border-left:1px solid #FFF}.smart-style-3.menu-on-top aside#left-panel nav>ul>li>a{text-shadow:none!important;font-size:13px;padding:10px 9px!important;border:none!important}.smart-style-3.menu-on-top aside#left-panel nav>ul>li:hover{background:#fff}.smart-style-3.menu-on-top nav ul ul,.smart-style-3.menu-on-top nav ul ul ul{border-color:#E2E2E2}.smart-style-3.menu-on-top nav ul ul li a:hover,.smart-style-3.menu-on-top nav ul ul li:hover>a,.smart-style-3.menu-on-top nav ul ul ul li a:hover{background:rgba(0,0,0,.05)}.smart-style-3.menu-on-top nav ul ul li a,.smart-style-3.menu-on-top nav ul ul ul li a{color:#D8DEE5}.smart-style-3.menu-on-top nav ul ul li a:hover,.smart-style-3.menu-on-top nav ul ul ul li a:hover{color:#fff}.smart-style-3.menu-on-top nav ul ul li:hover>a:after,.smart-style-3.menu-on-top nav>ul ul>li a:after,.smart-style-3.menu-on-top nav>ul ul>li a:hover:after,.smart-style-3.menu-on-top nav>ul>li>a:after{color:inherit}.smart-style-3.menu-on-top nav ul ul .active>a:hover,.smart-style-3.menu-on-top nav ul ul li.active:hover>a{color:#333!important}@media (max-width:979px){.smart-style-3 #content{padding-left:5px;padding-right:5px}.smart-style-3 #ribbon{margin-left:0;margin-right:0;margin-top:0;border-radius:0}}body.smart-style-4{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important}.smart-style-4 .ribbon-button-alignment{display:none}.smart-style-4:not(.menu-on-top) #left-panel{padding-top:49px}.smart-style-4 #ribbon{position:absolute!important;z-index:1;left:3px;top:30px;background:0 0;font-size:11px;font-weight:700}.smart-style-4 #header{background:#fff;box-shadow:0 2px 2px rgba(0,0,0,.05),0 1px 0 rgba(0,0,0,.05)}.smart-style-4 #header>:first-child{background:#71a06a}.smart-style-4 .login-info>span{border-bottom-color:#000}.smart-style-4 .page-title{margin:8px 0 13px;font-size:24px}.smart-style-4 .page-title>span{font-size:14px}.smart-style-4 .page-title>i:first-child{display:none}.smart-style-4 #logo-group span#activity{background:#5a8354;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#5a8354),color-stop(1,#8fb489));background:-ms-linear-gradient(bottom,#5a8354,#8fb489);background:-moz-linear-gradient(center bottom,#5a8354 0,#8fb489 100%);background:-o-linear-gradient(#8fb489,#5a8354);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fb489', endColorstr='#5a8354', GradientType=0);border-color:#5a8354;color:#e8efe7}.smart-style-4:not(.mobile-view-activated) .login-info{display:none}.smart-style-4:not(.mobile-view-activated) #mobile-profile-img{display:inline-block!important}.smart-style-4 #mobile-profile-img a.userdropdown img{margin-left:3px}.smart-style-4 #mobile-profile-img>li{display:inline-block;padding-right:0;margin-right:-3px}.smart-style-4 aside{background:#3a3f51}.smart-style-4 aside .minifyme{background:#71a06a;color:#e8efe7}.smart-style-4 aside .minifyme:hover{background:#8fb489;color:#fff}.smart-style-4:not(.menu-on-top) nav ul li.active:not(.open)>a:before,.smart-style-4:not(.menu-on-top) nav>ul>li.active:not(.open)>a:before{content:"";background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAqBAMAAAAt0TTmAAAAHlBMVEUAAAD///////////////////////////////////8kfJuVAAAACnRSTlMABQMJDRIBFhofGayHogAAAOFJREFUKM+F070RgzAMBeBU6QkbuKDnlA1INoCjpWIDzmyA2QC2zVMC6IfcIbrvnjC2xe1v3XuUs4AqoN6gBjMuYOcNqINElHskLqDuflY/fKjgC1VRCZTgu/6isaZpoByU5nYAIqgtRiRhJZp3HKc4AInUynOKQNs8LwlWc3MoNluXNEWsYmxNabdwGDefbRp4YW2rmM1dv8+ue/4+v49MLB37lTMYQdxKclbq/ELfbdaCEOPX2ftA7HRviMHU/SIl1yazUdrZ2MjMUA7gaSn8/IE6ZSHD42Y3oGQH+l+4qg+S/XPD6LV6iwAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:left;border-left:4px solid #fff;left:0;height:20px;top:6px}.smart-style-4 nav>ul>li.active:not(.open)>a:before{height:26px!important;top:7px!important}.smart-style-4 nav ul li a{color:#bbc0cf;-webkit-transition:background-color .2s ease-in-out 0s;transition:background-color .2s ease-in-out 0s;font-size:13px;padding-top:12px;padding-bottom:11px}.smart-style-4 nav>ul>li>a{padding-top:13px;padding-bottom:13px}.smart-style-4 nav>ul>li>a b{top:11px;font-size:14px}.smart-style-4 nav>ul ul li a{padding-top:9px;padding-bottom:8px}.smart-style-4:not(.minified) nav ul ul li>a{padding-left:46px}.smart-style-4:not(.minified) nav ul ul ul li a{padding-left:69px}.smart-style-4:not(.minified) nav ul ul ul ul li a{padding-left:92px}.smart-style-4:not(.minified) nav ul ul ul ul ul li a{padding-left:115px}.smart-style-4:not(.minified) nav ul ul ul ul ul ul li a{padding-left:138px}.smart-style-4:not(.minified) nav>ul>li>a>i{margin-right:9px}.smart-style-4:not(.menu-on-top) nav ul li a:hover{background:#313645;color:#fff}.smart-style-4 nav ul li a:active{background:#292d39;color:#fff}.smart-style-4 nav ul li.open>a,.smart-style-4 nav ul ul{background:#363a4b}.smart-style-4 nav>ul ul li:before,.smart-style-4 nav>ul>li>ul:before{border:none}.smart-style-4 #content>.row:first-child{background-color:#f7f7f9;margin-top:-10px;padding-top:10px;margin-bottom:13px;padding-bottom:7px;border-bottom:1px solid #d9dbe4}.smart-style-4 #ribbon,.smart-style-4 #smart-fixed-ribbon+span{display:none}.smart-style-4.fixed-ribbon #content{padding-top:10px}.smart-style-4 .superbox-show{background:#1e212a}.smart-style-4 .superbox-list.active:before{color:#1e212a}.smart-style-4 .superbox-imageinfo span{color:#a7acc0}@media (max-width:979px){.smart-style-4 #header{background:#71a06a}.smart-style-4 #hide-menu>:first-child>a{border-color:#FFF!important}.smart-style4:not(.menu-on-top) #left-panel{margin-top:0!important}.smart-style-4 #project-context>:first-child,.smart-style-4 #project-selector,.smart-style-4 .btn-header.transparent a,.smart-style-4 .header-dropdown-list>li>.dropdown-toggle,.smart-style-4 .project-context>:first-child,.smart-style-4 .project-selector{color:#fff!important;text-shadow:none}}.smart-style-5{background:url(../img/glass.jpg) no-repeat center top fixed;background-size:cover;color:#fff}.smart-style-5 #header,.smart-style-5 #logo-group span#activity,.smart-style-5 #ribbon,.smart-style-5 .btn-header>:first-child>a,.smart-style-5 .header-search>input[type=text],.smart-style-5 .jvectormap-container{background:none!important}.smart-style-5.fixed-header #header{background:rgba(0,0,0,.7)!important}.smart-style-5.fixed-ribbon #ribbon{background:rgba(0,0,0,.23)!important}.smart-style-5 #logo-group span#activity,.smart-style-5 .btn-header>:first-child>a,.smart-style-5 .header-search>input[type=text],.smart-style-5 .jarviswidget>header,.smart-style-5 .login-info{border-color:transparent}.smart-style-5 #logo-group span#activity:hover,.smart-style-5 .btn-header>:first-child>a:hover,.smart-style-5 .header-search>input[type=text]:hover,.smart-style-5 .jarviswidget>header:hover,.smart-style-5 .login-info:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#extr-page .smart-style-5 h4.paragraph-header,#extr-page .smart-style-5 h5.about-heading,.smart-style-5 #logo-group span#activity,.smart-style-5 #project-context>:first-child,.smart-style-5 #project-selector,.smart-style-5 .bs-example-type .table .info,.smart-style-5 .close,.smart-style-5 .close:focus,.smart-style-5 .close:hover,.smart-style-5 .dd-handle>span,.smart-style-5 .dropdown-menu>li>a,.smart-style-5 .dygraph-axis-label,.smart-style-5 .easy-pie-chart .percent,.smart-style-5 .h1 .small,.smart-style-5 .h1 small,.smart-style-5 .h2 .small,.smart-style-5 .h2 small,.smart-style-5 .h3 .small,.smart-style-5 .h3 small,.smart-style-5 .h4 .small,.smart-style-5 .h4 small,.smart-style-5 .h5 .small,.smart-style-5 .h5 small,.smart-style-5 .h6 .small,.smart-style-5 .h6 small,.smart-style-5 .header-search>button,.smart-style-5 .highlight,.smart-style-5 .highlight pre code,.smart-style-5 .inbox-data-message>:first-child,.smart-style-5 .inbox-data-message>:first-child span,.smart-style-5 .inbox-menu-lg li a,.smart-style-5 .irs-grid-pol,.smart-style-5 .irs-grid-text,.smart-style-5 .irs-max,.smart-style-5 .irs-min,.smart-style-5 .jarviswidget header:first-child .nav-tabs li a,.smart-style-5 .jarviswidget>header,.smart-style-5 .nav-tabs>li>a,.smart-style-5 .notification-body .from,.smart-style-5 .notification-body time,.smart-style-5 .page-title span,.smart-style-5 .pager .disabled>a,.smart-style-5 .pager .disabled>a:focus,.smart-style-5 .pager .disabled>a:hover,.smart-style-5 .pager .disabled>span,.smart-style-5 .project-context>:first-child,.smart-style-5 .project-selector,.smart-style-5 .responsive-utilities td.is-visible,.smart-style-5 .row-seperator-header,.smart-style-5 .smart-form .checkbox input+i:after,.smart-style-5 .smart-form header,.smart-style-5 .superbox-imageinfo span,.smart-style-5 .text-muted,.smart-style-5 .todo-group-title,.smart-style-5 .todo>li>p,.smart-style-5 .todo>li>p>.date,.smart-style-5 .todo>li>p>:first-child,.smart-style-5 .tree li span,.smart-style-5 .ui-widget-content,.smart-style-5 .usr-card-content>:first-child,.smart-style-5 a,.smart-style-5 code,.smart-style-5 h1 .small,.smart-style-5 h1 small,.smart-style-5 h2 .small,.smart-style-5 h2 small,.smart-style-5 h3 .small,.smart-style-5 h3 small,.smart-style-5 h4 .small,.smart-style-5 h4 small,.smart-style-5 h5 .small,.smart-style-5 h5 small,.smart-style-5 h6 .small,.smart-style-5 h6 small,.smart-style-5 pre{color:#fff}.smart-style-5 #ribbon .breadcrumb,.smart-style-5 #ribbon .breadcrumb a,.smart-style-5 .txt-color-blueDark{color:#fff!important}.smart-style-5 #ribbon .breadcrumb li:last-child,.smart-style-5 #ribbon .breadcrumb>.active,.smart-style-5 .open .project-selector{color:#FFD600}.smart-style-5 a:focus,.smart-style-5 a:hover{color:#FFD600;text-decoration:none}.smart-style-5 #header,.smart-style-5 .login-info>span{border-bottom:1px solid rgba(255,255,225,.15)}.smart-style-5 .jarviswidget>header{background:rgba(0,0,0,.5);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.smart-style-5 .fc-border-separate thead tr,.smart-style-5 .table thead tr,.smart-style-5 aside#left-panel{background:rgba(0,0,0,.43)}.smart-style-5 .jarviswidget>div{background:rgba(0,0,0,.18)!important;border-color:rgba(0,0,0,.13)!important}.smart-style-5 .highlight{border-color:rgba(255,255,225,.15);background:rgba(255,255,225,.43)}.smart-style-5 pre{background:rgba(255,255,255,.13)}.smart-style-5 .highlight pre code,.smart-style-5 code{background:rgba(0,0,0,.13);border-color:transparent}.smart-style-5 .bs-example,.smart-style-5 .well{background:rgba(255,255,255,.23);border-color:transparent;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.43);-moz-box-shadow:0 1px 1px rgba(0,0,0,.43);box-shadow:0 1px 1px rgba(0,0,0,.43)}.smart-style-5 .alert{-webkit-text-shadow:0 1px 5px rgba(0,0,0,.25);-moz-text-shadow:0 1px 5px rgba(0,0,0,.25);text-shadow:0 1px 5px rgba(0,0,0,.25)}.smart-style-5 .alert-info{background:rgba(174,207,233,.43);color:#E7F1FF}.smart-style-5 .alert-success{border-color:rgba(132,233,177,.5);color:#fff;background-color:rgba(120,201,156,.5)}.smart-style-5 .alert-warning{border-color:rgba(255,242,200,.4);color:#fff;background-color:rgba(255,242,200,.4)}.alert-warning a{color:#333}.smart-style-5 .alert-danger{border-color:#953b39;color:#fff;background-color:rgba(194,101,101,.7)}.smart-style-5 hr{border-color:rgba(255,255,225,.15)}.smart-style-5 .btn-header>:first-child>a,.smart-style-5 .header-search>input[type=text]{color:#fff;background:rgba(0,0,0,.1)!important}.smart-style-5 .bs-example,.smart-style-5 .bs-example-type .table td,.smart-style-5 .table-bordered,.smart-style-5 .table-bordered>tbody>tr>td,.smart-style-5 .table-bordered>tbody>tr>th,.smart-style-5 .table-bordered>tfoot>tr>td,.smart-style-5 .table-bordered>tfoot>tr>th,.smart-style-5 .table-bordered>thead>tr>td,.smart-style-5 .table-bordered>thead>tr>th{border-color:rgba(255,255,225,.15)}.smart-style-5 :-moz-placeholder,.smart-style-5 :-webkit-placeholder,.smart-style-5 ::-moz-placeholder,.smart-style-5 ::-webkit-input-placeholder,.smart-style-5 :placeholder,.smart-style-5 nav ul li.active>a:before,.smart-style-5.menu-on-top nav ul ul li a,.smart-style-5.menu-on-top nav ul ul ul li a{color:#fff}.smart-style-5 .page-footer{background:rgba(0,0,0,.33);border-color:rgba(255,255,225,.15)}.smart-style-5 nav ul ul{background:rgba(0,0,0,.23)}.smart-style-5 nav ul .active>a{color:#FFD600!important}.smart-style-5.menu-on-top aside#left-panel nav>ul>li{border-right-color:rgba(255,255,225,.15);border-left-color:transparent}.smart-style-5.menu-on-top aside#left-panel nav>ul>li:first-child{border-left-color:rgba(255,255,225,.15)}.smart-style-5.menu-on-top aside#left-panel nav>ul>li:hover>a{background:#000;border-left-color:transparent;border-right-color:transparent;color:#FFD600!important}.smart-style-5 .menu-on-top nav ul ul ul li a:hover,.smart-style-5.menu-on-top nav ul ul li a:hover,.smart-style-5.menu-on-top nav ul ul ul li a:hover{color:#FFD600}.smart-style-5.menu-on-top nav ul ul li:hover>a:after,.smart-style-5.menu-on-top nav>ul ul>li a:after,.smart-style-5.menu-on-top nav>ul ul>li a:hover:after,.smart-style-5.menu-on-top nav>ul>li>a:after{color:#fff}.smart-style-5 .ajax-dropdown:after,.smart-style-5 .ajax-dropdown:before{border-bottom-color:rgba(255,255,225,.15)}.smart-style-5 .ajax-dropdown .fa-4x.fa-border{color:rgba(170,241,219,.9);border-color:rgba(0,255,224,.3)}.smart-style-5 .notification-body .msg-body,.smart-style-5 .notification-body .subject{color:rgba(255,255,255,.7)}.smart-style-5 .notification-body .unread{background-color:rgba(169,255,241,.2)}.smart-style-5 .notification-body>li{border-bottom:1px dashed rgba(255,255,255,.3)}.smart-style-5 .dropdown-menu{background:rgba(0,0,0,.63)}.smart-style-5 .dropdown-menu .divider{background:rgba(255,255,225,.15)}.smart-style-5 .btn-default,.smart-style-5 .btn-default.active,.smart-style-5 .btn-default:active,.smart-style-5 .btn-default:focus,.smart-style-5 .btn-default:hover,.smart-style-5 .open>.dropdown-toggle.btn-default{background:rgba(0,0,0,.5);color:#fff;border-color:transparent}.smart-style-5 .ajax-notifications{background:0 0}.smart-style-5 .table-responsive{border-color:rgba(255,255,225,.15)}.smart-style-5 .dropdown-menu>li>a{color:#fff!important}.smart-style-5 .bootstrap-tagsinput,.smart-style-5 .form-control,.smart-style-5 .input-group-addon,.smart-style-5 .select2-container .select2-choice,.smart-style-5 .select2-container .select2-choice .select2-arrow,.smart-style-5 .select2-container-multi .select2-choices,.smart-style-5 .smart-form .input input,.smart-style-5 .smart-form .select select,.smart-style-5 .smart-form .textarea textarea{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);color:#FFF}.smart-style-5 .select2-dropdown-open .select2-arrow{background:rgba(0,0,0,.2)!important;border-color:rgba(0,0,0,.4)!important}.smart-style-5 .form header,.smart-style-5 .note,.smart-style-5 legend{color:#fff;-webkit-text-shadow:0 1px 5px rgba(0,0,0,.25);-moz-text-shadow:0 1px 5px rgba(0,0,0,.25);text-shadow:0 1px 5px rgba(0,0,0,.25)}.smart-style-5 .smart-form .label{color:#fff}.smart-style-5 .jarviswidget .fc-header-title h2{text-shadow:none}.smart-style-5 .dropzone,.smart-style-5 td.fc-other-month{background-color:rgba(72,112,85,.23)}.smart-style-5 .popover,.smart-style-5 .ui-widget-content{background:rgba(0,0,0,.8);border-color:rgba(0,0,0,.4)}.smart-style-5 .ui-datepicker{background:rgba(0,0,0,.8)!important}.smart-style-5 .editable+.popover{background:rgba(20,114,88,.8);border-color:rgba(0,0,0,.4)}.smart-style-5 .ui-widget-content{background:rgba(0,0,0,.1)}.smart-style-5 tr.ui-widget-content{background:rgba(255,255,225,.15)}.smart-style-5 .ui-spinner{background:0 0;border-color:rgba(0,0,0,.4)}.smart-style-5 .bootstrapWizard li .title,.smart-style-5 .dropzone .dz-preview,.smart-style-5 .dropzone-previews .dz-preview{color:#000}.smart-style-5 .tree li span,.smart-style-5 .tree li:after,.smart-style-5 .tree li:before{border-color:#fff}.smart-style-5 label input[type=radio][disabled].radiobox+span,.smart-style-5 label input[type=radio][disabled].radiobox:checked+span,.smart-style-5 label:hover input[type=radio][disabled].radiobox:checked+span:before{color:rgba(255,255,255,.7)}.smart-style-5 .table,.smart-style-5 .ui-jqgrid .ui-jqgrid-bdiv{background:0 0}.smart-style-5 .ui-jqgrid .ui-jqgrid-pager,.smart-style-5 .ui-jqgrid .ui-jqgrid-titlebar{border-color:rgba(255,255,225,.15);background-color:rgba(0,0,0,.23)}.smart-style-5 .ui-jqgrid{border-color:rgba(255,255,225,.15)!important}.smart-style-5 .ui-jqgrid .ui-pg-input,.smart-style-5 .ui-jqgrid .ui-pg-selbox{color:#000}.smart-style-5 .ui-state-focus,.smart-style-5 .ui-state-hover,.smart-style-5 .ui-widget-content .ui-state-focus,.smart-style-5 .ui-widget-content .ui-state-hover,.smart-style-5 .ui-widget-header .ui-state-focus,.smart-style-5 .ui-widget-header .ui-state-hover{background:0 0}.smart-style-5 .arrow-box-up-right:after{border-color:transparent}.smart-style-5 .arrow-box-up-right:before{border-bottom-color:rgba(0,0,0,.63)}.smart-style-5 .ui-tabs .ui-tabs-nav{background:rgba(0,0,0,.43);border-color:rgba(255,255,225,.15)}.smart-style-5 .ui-tabs{background:0 0}.smart-style-5 .ui-tabs-panel{background:0 0;border-color:rgba(255,255,255,.15)}.smart-style-5 .popover.bottom>.arrow,.smart-style-5 .popover.left>.arrow,.smart-style-5 .popover.right>.arrow,.smart-style-5 .popover.top>.arrow{border-color:transparent}.smart-style-5 .popover.right>.arrow:after{border-right-color:rgba(0,0,0,.8);left:0}.smart-style-5 .popover.bottom>.arrow:after{border-bottom-color:rgba(0,0,0,.8);top:0}.smart-style-5 .popover.top>.arrow:after{border-top-color:rgba(0,0,0,.8);bottom:0}.smart-style-5 .popover.left>.arrow:after{border-left-color:rgba(0,0,0,.8);right:0}.smart-style-5 .popover-title{background-color:rgba(247,247,247,.3);border-bottom:1px solid rgba(247,247,247,.3)}.smart-style-5 .ui-chatbox-input-focus{color:#000}.smart-style-5 .dt-toolbar,.smart-style-5 table.dataTable thead .sorting_asc,.smart-style-5 table.dataTable thead .sorting_desc{background-color:rgba(0,0,0,.43)}.smart-style-5 .dt-toolbar{border-color:rgba(255,255,225,.15)}.smart-style-5 .dt-toolbar-footer,.smart-style-5 .table-hover>tbody>tr:hover>td,.smart-style-5 .table-hover>tbody>tr:hover>th,.smart-style-5 .table-striped>tbody>tr:nth-child(odd)>th{background:rgba(0,0,0,.43)}.smart-style-5 .table-striped>tbody>tr:nth-child(odd)>td{background:rgba(0,0,0,.13)}.smart-style-5 .dt-toolbar-footer{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-color:rgba(255,255,225,.15)}.smart-style-5 .pagination>li>a,.smart-style-5 .pagination>li>span{background:rgba(0,0,0,.43);border-color:rgba(255,255,225,.15);color:#fff}.smart-style-5 .pagination>.disabled>a,.smart-style-5 .pagination>.disabled>a:focus,.smart-style-5 .pagination>.disabled>a:hover,.smart-style-5 .pagination>.disabled>span,.smart-style-5 .pagination>.disabled>span:focus,.smart-style-5 .pagination>.disabled>span:hover{background:rgba(0,0,0,.43);border-color:rgba(255,255,225,.15);color:#ccc}.smart-style-5 .pagination>.active>a,.smart-style-5 .pagination>.active>a:focus,.smart-style-5 .pagination>.active>a:hover,.smart-style-5 .pagination>.active>span,.smart-style-5 .pagination>.active>span:focus,.smart-style-5 .pagination>.active>span:hover .pagination>.active>a{color:#FFD600;border-color:rgba(255,255,225,.15);background:rgba(0,0,0,.63)}.smart-style-5 div.DTTT .btn{color:#fff!important}.smart-style-5 button.ColVis_Button,.smart-style-5 ul.ColVis_collection li{background:rgba(0,0,0,.43)}.smart-style-5 .dygraph-legend{background:none!important}#extr-page .smart-style-5 #main{background:0 0}#extr-page .smart-style-5 #header{background:rgba(0,0,0,.43)!important;border-color:rgba(255,255,225,.15)!important}.smart-style-5 .client-form footer,.smart-style-5 .client-form header{background:rgba(0,0,0,.63);color:#fff}.smart-style-5 .smart-form fieldset{background:rgba(255,255,255,.03)}.smart-style-5 .timeline-seperator>:first-child{background:rgba(0,0,0,.43);color:#fff}.smart-style-5 .smart-form footer{background:rgba(0,0,0,.43)}.smart-style-5 .smart-form .checkbox,.smart-style-5 .smart-form .radio,.smart-style-5 .smart-form .rating,.smart-style-5 .smart-form .toggle{color:#fff;-webkit-text-shadow:0 1px 5px rgba(0,0,0,.25);-moz-text-shadow:0 1px 5px rgba(0,0,0,.25);text-shadow:0 1px 5px rgba(0,0,0,.25)}.smart-style-5 .ui-datepicker .ui-datepicker-header{background-color:rgba(255,255,225,.15)}.smart-style-5 .table-forum thead tr th{border-bottom-color:rgba(255,255,225,.15)}.smart-style-5 .table>tbody>tr>td,.smart-style-5 .table>tbody>tr>th,.smart-style-5 .table>tfoot>tr>td,.smart-style-5 .table>tfoot>tr>th,.smart-style-5 .table>thead>tr>td,.smart-style-5 .table>thead>tr>th{border-top-color:rgba(255,255,225,.07)}.smart-style-5 .note-editor .note-toolbar{background:rgba(0,0,0,.43);border-bottom-color:rgba(255,255,225,.15)}.smart-style-5 .md-editor>textarea,.smart-style-5 .note-editor{border-color:rgba(255,255,225,.15);background:rgba(255,255,225,.15)}.smart-style-5 .md-editor>textarea:focus,.smart-style-5 .note-editor .note-editable:focus{background:rgba(255,255,225,.05)}.smart-style-5 .superbox-show{background:rgba(0,0,0,.43)}.smart-style-5 .superbox-list.active:before{color:rgba(0,0,0,.43)}.smart-style-5 .progress{background:rgba(0,0,0,.13);-webkit-box-shadow:0 0 0 1px rgba(255,255,225,.15)inset;-moz-box-shadow:0 0 0 1px rgba(255,255,225,.15)inset;box-shadow:0 0 0 1px rgba(255,255,225,.15)inset}.smart-style-5 .nav>li>a:focus,.smart-style-5 .nav>li>a:hover{background:rgba(0,0,0,.63);border-color:rgba(255,255,225,.15)}.smart-style-5 .nav-tabs.bordered,.smart-style-5 .nav-tabs>li.active>a,.smart-style-5 .nav-tabs>li.active>a:focus,.smart-style-5 .nav-tabs>li.active>a:hover{background:rgba(0,0,0,.43);color:#fff;border-color:rgba(255,255,225,.15)!important}.smart-style-5 .nav-tabs>li.active>a{-webkit-box-shadow:0 -2px 0 #ccf0ff;-moz-box-shadow:0 -2px 0 #ccf0ff;box-shadow:0 -2px 0 #ccf0ff}.smart-style-5 .nav-tabs.bordered+.tab-content,.smart-style-5 .tabs-left>.nav-pills,.smart-style-5 .tabs-left>.nav-tabs{border-color:rgba(255,255,225,.15)}.smart-style-5 .tabs-right>.nav-tabs{border-left-color:rgba(255,255,225,.15)}.smart-style-5 .jarviswidget header .nav-tabs>li.active>a,.smart-style-5 .jarviswidget header .nav-tabs>li.active>a:focus,.smart-style-5 .jarviswidget header .nav-tabs>li.active>a:hover{background:rgba(0,0,0,.43);color:#fff}.smart-style-5 .smart-accordion-default .panel-default{border-color:rgba(255,255,225,.15)}.smart-style-5 .panel,.smart-style-5 .smart-accordion-default .panel-default>.panel-heading{background:0 0}.smart-style-5 .panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:rgba(255,255,225,.15)}.smart-style-5 .jumbotron{background:rgba(0,0,0,.43)}.smart-style-5 .pagination.pagination-alt>li:first-child>a{padding-left:12px}.smart-style-5 .modal-content,.smart-style-5 .pager .disabled>a,.smart-style-5 .pager .disabled>a:focus,.smart-style-5 .pager .disabled>a:hover,.smart-style-5 .pager .disabled>span,.smart-style-5 .pager li>a,.smart-style-5 .pager li>span{background:rgba(0,0,0,.43)}.smart-style-5 .modal-header{border-bottom-color:rgba(255,255,225,.15)}.smart-style-5 .modal-footer{border-top-color:rgba(255,255,225,.15)}.smart-style-5 .bs-glyphicons li{border-color:rgba(255,255,225,.15)!important}.smart-style-5 .responsive-utilities td.is-hidden{background:rgba(0,0,0,.43)!important;color:#fff}.smart-style-5 .inbox-body.no-content-padding{background:0 0}.smart-style-5 .txt-color-darken{color:#fff!important}.smart-style-5 .inbox-menu-lg li a:hover{background:rgba(0,0,0,.43)}.smart-style-5 .inbox-menu-lg li.active a{background:rgba(0,0,0,.43);border-bottom-color:rgba(255,255,225,.15)}.smart-style-5 .fill-a,.smart-style-5 .fill-b{background:0 0}.smart-style-5 #heat-fill{left:20px}.smart-style-5 .fill-a{top:-11px;left:-10px}.smart-style-5 .fill-b{top:-11px;right:-23px}.smart-style-5 .chat-body{background:0 0;border-color:transparent}.smart-style-5 .chat-footer{background:rgba(255,255,225,.15)}.smart-style-5 .textarea-controls,.smart-style-5 .textarea-div,.smart-style-5 .todo-group-title{background:rgba(0,0,0,.43)}.smart-style-5 .typearea textarea{background:0 0}.smart-style-5 .show-stat-microcharts>div{border-color:rgba(255,255,225,.15)!important;background:rgba(0,255,255,.1)!important}.smart-style-5 .fc-widget-content,.smart-style-5 .fc-widget-header,.smart-style-5 .smart-form.widget-body-toolbar,.smart-style-5 .textarea-controls,.smart-style-5 .textarea-div,.smart-style-5 .todo-group-title,.smart-style-5 .todo>li,.smart-style-5 .todo>li>:first-child,.smart-style-5 .todo>li>p,.smart-style-5 .typearea,.smart-style-5 .widget-body-toolbar{border-color:rgba(255,255,225,.15)}.smart-style-5 .table>thead>tr>th{border-bottom-color:rgba(255,255,225,.25)}.smart-style-5 .table-bordered,.smart-style-5 .table-bordered>tbody>tr>td,.smart-style-5 .table-bordered>tbody>tr>th,.smart-style-5 .table-bordered>tfoot>tr>td,.smart-style-5 .table-bordered>tfoot>tr>th,.smart-style-5 .table-bordered>thead>tr>td,.smart-style-5 .table-bordered>thead>tr>th{border-color:rgba(255,255,225,.15)}.smart-style-5 .ui-jqgrid .ui-jqgrid-titlebar{background:rgba(0,0,0,.23)}.smart-style-5 .ui-jqgrid .ui-jqgrid-htable th{background:0 0}.smart-style-5 .ui-jqgrid .ui-state-hover td{background:rgba(255,255,225,.15)!important}.smart-style-5 .ui-accordion .ui-accordion-header{background:rgba(0,0,0,.43);color:#fff}.smart-style-5 .ui-menu .ui-state-disabled{color:#fff!important}.smart-style-5 .ui-accordion-content{background:0 0}.smart-style-5 .ui-dialog .ui-dialog-title{color:#fff;background:0 0}.smart-style-5 .ui-dialog .ui-dialog-titlebar{border-bottom-color:rgba(255,255,255,.15);color:#fff;background:0 0}.smart-style-5 .ui-dialog .ui-dialog-buttonpane{border-top-color:rgba(255,255,255,.15);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}.smart-style-5 .ui-dialog-buttonpane,.smart-style-5 .ui-dialog-content{background:0 0}.smart-style-5 .ui-dialog{background:url(../img/glass.jpg) no-repeat}.smart-style-5 .slider-track{background:rgba(0,0,0,.43)}.smart-style-5 .ui-tabs .ui-tabs-nav li a:hover{border-bottom:none}.smart-style-5 .ui-tabs .ui-tabs-nav li a:hover,.smart-style-5 .ui-tabs .ui-tabs-nav li.ui-tabs-active a{background:rgba(0,0,0,.43);color:#fff;border-color:rgba(255,255,255,.15);-webkit-box-shadow:0 -2px 0 #ccf0ff;-moz-box-shadow:0 -2px 0 #ccf0ff;box-shadow:0 -2px 0 #ccf0ff}.smart-style-5 .ui-accordion .ui-accordion-content,.smart-style-5 .ui-accordion .ui-accordion-header{border-color:rgba(255,255,255,.15)!important}.smart-style-5 .ui-accordion-header-active+.ui-accordion-content{border-top-color:transparent}.smart-style-5 .ui-tabs .ui-tabs-nav li a,.smart-style-5 .ui-tabs .ui-tabs-nav li.ui-tabs-active:hover{background:0 0;color:#fff;border-color:transparent}.smart-style-5 .ui-tabs .ui-state-default,.smart-style-5 .ui-tabs .ui-widget-content .smart-style-5 .ui-tabs .ui-state-default,.smart-style-5 .ui-tabs .ui-widget-header .ui-state-default{background:0 0;margin:0}.smart-style-5 .lockscreen .logo+div{background:rgba(0,0,0,.43)}.smart-style-5 .chart text{fill:#fff}.smart-style-5 .dd-handle,.smart-style-5 .dd3-content{background:rgba(0,0,0,.43);border-color:rgba(255,255,225,.15);color:#fff}.smart-style-5 .md-editor .md-footer,.smart-style-5 .md-editor>.md-header,.smart-style-5 .widget-footer{background:rgba(0,0,0,.43);border-bottom-color:rgba(255,255,225,.15)}.smart-style-5 .widget-footer{border-top:1px solid rgba(255,255,225,.15)}.smart-style-5 .noUi-target[disabled] .noUi-base{background:rgba(26,26,26,.43)}.smart-style-5 .irs-line,.smart-style-5 .noUi-background{background:rgba(0,0,0,.43)}.smart-style-5 .select2-search input{border:1px solid rgba(255,255,255,.2);background:rgba(29,29,29,.9);color:#fff}.smart-style-5 .select2-results .select2-no-results,.smart-style-5 .select2-results .select2-searching,.smart-style-5 .select2-results .select2-selection-limit{background:0 0}.smart-style-5 .select2-drop{border-color:rgba(0,0,0,.2);background:rgba(0,0,0,.8);color:#fff}.smart-style-5 .select2-search:before{color:#e0e0e0!important}.smart-style-5 .knob[data-fgcolor="#222222"],.smart-style-5 .select2-container-multi .select2-choices .select2-search-field input{color:#fff!important}.smart-style-5 .select2-dropdown-open .select2-choice{border:1px solid #000;background:rgba(0,0,0,.9);box-shadow:none!important}.smart-style-5 .price-features,.smart-style-5 .profile-message li.message.message-reply{background:rgba(0,0,0,.43)}.smart-style-5 .panel-footer{background:rgba(0,0,0,.63);border-top-color:rgba(255,255,225,.15)}.smart-style-5 .pricing-big .panel-footer{background:rgba(0,0,0,.63)!important}.smart-style-5 .table>tbody>tr.active>td,.smart-style-5 .table>tbody>tr.active>th,.smart-style-5 .table>tbody>tr>td.active,.smart-style-5 .table>tbody>tr>th.active,.smart-style-5 .table>tfoot>tr.active>td,.smart-style-5 .table>tfoot>tr.active>th,.smart-style-5 .table>tfoot>tr>td.active,.smart-style-5 .table>tfoot>tr>th.active,.smart-style-5 .table>thead>tr.active>td,.smart-style-5 .table>thead>tr.active>th,.smart-style-5 .table>thead>tr>td.active,.smart-style-5 .table>thead>tr>th.active{background:rgba(255,255,225,.15)}.smart-style-5 .table>tbody>tr.danger>td,.smart-style-5 .table>tbody>tr.info>td,.smart-style-5 .table>tbody>tr.success>td,.smart-style-5 .table>tbody>tr.warning>td{color:#000}.smart-style-5 .smart-timeline-list>li:hover{background:rgba(0,0,0,.43)}.smart-style-5 .jvectormap-zoomin,.smart-style-5 .jvectormap-zoomout{background:rgba(0,0,0,.3)!important;border:1px solid rgba(0,0,0,.3)}.smart-style-5 .text-primary{color:#E2F2FF}.smart-style-5 .text-success{color:#90FF92}.smart-style-5 .onoffswitch-switch{border-color:transparent}.smart-style-5 #shortcut{background-color:rgba(27,16,43,.75)}.smart-style-5.minified nav>ul>li{border-bottom:1px solid rgba(2,8,9,.33);border-top:1px solid rgba(255,255,255,.23)}.smart-style-5 .minifyme{background:rgba(77,209,172,.5);color:rgba(255,255,255,.7)}.smart-style-5 .minifyme:hover{background:rgba(77,209,172,.7);color:#fff}.smart-style-5.minified nav>ul>li>ul{border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.8);margin-top:0;padding:0}.smart-style-5.minified nav>ul>li>ul>li,.smart-style-5.minified nav>ul>li>ul>li>ul>li{background:0 0}.smart-style-5 #project-context>:first-child,.smart-style-5 #sparks li h5,.smart-style-5 .ajax-notifications>.alert.alert-transparent,.smart-style-5 .bootstrap-duallistbox-container label,.smart-style-5 .form header,.smart-style-5 .inbox-side-bar h6,.smart-style-5 .project-context>:first-child,.smart-style-5 [class*=" txt-color-"],.smart-style-5 [class^=txt-color-]{color:#fff!important;-webkit-text-shadow:0 1px 5px rgba(0,0,0,.25);-moz-text-shadow:0 1px 5px rgba(0,0,0,.25);text-shadow:0 1px 5px rgba(0,0,0,.25)}.smart-style-5 .bg-color-green,.smart-style-5 .jarviswidget-color-green>header{background:rgba(144,255,146,.5)!important;border-color:rgba(144,255,146,.5)!important;color:#fff}.smart-style-5 .bg-color-greenLight,.smart-style-5 .jarviswidget-color-greenLight>header{border-color:rgba(127,207,113,.5)!important;background:rgba(127,207,113,.5)!important;color:#fff}.smart-style-5 .bg-color-greenDark,.smart-style-5 .jarviswidget-color-greenDark>header{border-color:rgba(135,233,117,.5)!important;background:rgba(135,233,117,.5)!important;color:#fff}.smart-style-5 .bg-color-purple,.smart-style-5 .jarviswidget-color-purple>header{border-color:rgba(98,57,149,.43)!important;background:rgba(122,72,185,.43)!important;color:#fff}.smart-style-5 .bg-color-magenta,.smart-style-5 .jarviswidget-color-magenta>header{border-color:rgba(76,38,78,.43)!important;background:rgba(110,54,113,.43)!important;color:#fff}.smart-style-5 .bg-color-pink,.smart-style-5 .jarviswidget-color-pink>header{border-color:rgba(233,157,201,.43)!important;background:rgba(233,157,201,.43)!important;color:#fff}.smart-style-5 .bg-color-pinkDark,.smart-style-5 .jarviswidget-color-pinkDark>header{border-color:rgba(208,58,146,.43)!important;background:rgba(218,99,169,.43)!important;color:#fff}.smart-style-5 .bg-color-blueLight,.smart-style-5 .jarviswidget-color-blueLight>header{border-color:rgba(140,210,236,.43)!important;background:rgba(184,227,243,.43)!important;color:#fff}.smart-style-5 .jarviswidget-color-blueLight>header>.jarviswidget-ctrls a{color:#fff!important}.smart-style-5 .bg-color-teal,.smart-style-5 .jarviswidget-color-teal>header{border-color:rgba(84,210,208,.83)!important;background:rgba(124,221,219,.83)!important;color:#fff}.smart-style-5 .bg-color-blue,.smart-style-5 .jarviswidget-color-blue>header{border-color:rgba(59,184,235,.43)!important;background:rgba(59,184,235,.43)!important;color:#fff}.smart-style-5 .bg-color-blueDark,.smart-style-5 .jarviswidget-color-blueDark>header{border-color:rgba(29,61,104,.43)!important;background:rgba(29,61,104,.43)!important;color:#fff}.smart-style-5 .bg-color-darken,.smart-style-5 .jarviswidget-color-darken>header{border-color:rgba(0,0,0,.23)!important;background:rgba(0,0,0,.23)!important;color:#fff}.smart-style-5 .bg-color-yellow,.smart-style-5 .jarviswidget-color-yellow>header{border-color:rgba(253,236,184,.43)!important;background:rgba(253,236,184,.43)!important;color:#fff}.smart-style-5 .bg-color-orange,.smart-style-5 .jarviswidget-color-orange>header{border-color:rgba(255,159,71,.43)!important;background:rgba(255,159,71,.43)!important;color:#fff}.smart-style-5 .bg-color-orangeDark,.smart-style-5 .jarviswidget-color-orangeDark>header{border-color:rgba(255,161,87,.43)!important;background:rgba(255,161,87,.43)!important;color:#fff}.smart-style-5 .bg-color-red,.smart-style-5 .jarviswidget-color-red>header{border-color:rgba(255,7,7,.43)!important;background:rgba(255,7,7,.43)!important;color:#fff}.smart-style-5 .bg-color-redLight,.smart-style-5 .jarviswidget-color-redLight>header{border-color:rgba(252,61,61,.43)!important;background:rgba(252,61,61,.43)!important;color:#fff}.smart-style-5 .bg-color-white,.smart-style-5 .jarviswidget-color-white>header{border-color:rgba(255,255,255,.33)!important;background:rgba(255,255,255,.43)!important;color:#000}.smart-style-5 .jarviswidget-color-white>header>.jarviswidget-ctrls a{color:#3d3d3d!important}.smart-style-5 button.ColVis_Button,.smart-style-5 ul.ColVis_collection li{color:#fff!important}.smart-style-5 ul.ColVis_collection{background:rgba(0,0,0,.5)}.smart-style-5 .bootstrap-tagsinput>span,.smart-style-5 .btn-primary,.smart-style-5 .btn-primary.active,.smart-style-5 .btn-primary:active,.smart-style-5 .btn-primary:focus,.smart-style-5 .btn-primary:hover,.smart-style-5 .open>.dropdown-toggle.btn-primary,.smart-style-5 .select2-container-multi .select2-choices .select2-search-choice{border-color:rgba(117,205,241,.83);background:rgba(71,188,236,.83);webkit-text-shadow:0 1px 5px rgba(0,0,0,.25);-moz-text-shadow:0 1px 5px rgba(0,0,0,.25);text-shadow:0 1px 5px rgba(0,0,0,.25)}.smart-style-5 .btn-info,.smart-style-5 .btn-info.active,.smart-style-5 .btn-info:active,.smart-style-5 .btn-info:focus,.smart-style-5 .btn-info:hover,.smart-style-5 .open>.dropdown-toggle.btn-info{border-color:rgba(164,232,230,.83);background:rgba(124,221,219,.83);webkit-text-shadow:0 1px 5px rgba(0,0,0,.25);-moz-text-shadow:0 1px 5px rgba(0,0,0,.25);text-shadow:0 1px 5px rgba(0,0,0,.25)}.smart-style-5 .btn-success,.smart-style-5 .btn-success.active,.smart-style-5 .btn-success:active,.smart-style-5 .btn-success:focus,.smart-style-5 .btn-success:hover,.smart-style-5 .open>.dropdown-toggle.btn-success,.smart-style-5 .sa-chat-learnmore-btn,.smart-style-5 .sa-chat-learnmore-btn:active,.smart-style-5 .sa-chat-learnmore-btn:focus,.smart-style-5 .sa-chat-learnmore-btn:hover{border-color:rgba(0,246,4,.83);background:rgba(144,255,146,.5);webkit-text-shadow:0 1px 5px rgba(0,0,0,.25);-moz-text-shadow:0 1px 5px rgba(0,0,0,.25);text-shadow:0 1px 5px rgba(0,0,0,.25)}.smart-style-5 .btn-warning,.smart-style-5 .btn-warning.active,.smart-style-5 .btn-warning:active,.smart-style-5 .btn-warning:focus,.smart-style-5 .btn-warning:hover,.smart-style-5 .open>.dropdown-toggle.btn-warning{border-color:rgba(250,220,156,.83);background-color:rgba(245,206,122,.83);webkit-text-shadow:0 1px 5px rgba(0,0,0,.25);-moz-text-shadow:0 1px 5px rgba(0,0,0,.25);text-shadow:0 1px 5px rgba(0,0,0,.25)}.smart-style-5 .btn-danger,.smart-style-5 .btn-danger.active,.smart-style-5 .btn-danger:active,.smart-style-5 .btn-danger:focus,.smart-style-5 .btn-danger:hover,.smart-style-5 .open>.dropdown-toggle.btn-danger{border-color:rgba(217,20,44,.83);background-color:rgba(236,52,74,.83);webkit-text-shadow:0 1px 5px rgba(0,0,0,.25);-moz-text-shadow:0 1px 5px rgba(0,0,0,.25);text-shadow:0 1px 5px rgba(0,0,0,.25)}.smart-style-5 .smart-form .rating input:checked~label{color:#7ED5EB}.smart-style-5 .smart-form .rating input+label:hover,.smart-style-5 .smart-form .rating input+label:hover~label{color:#A3EDFF}.smart-style-5 .dt-toolbar option,.smart-style-5 select:not([multiple]) option{background:#000;border-color:rgba(0,0,0,.4);color:#FFF}.smart-style-5 .control-label{-webkit-text-shadow:0 1px 5px rgba(0,0,0,.25);-moz-text-shadow:0 1px 5px rgba(0,0,0,.25);text-shadow:0 1px 5px rgba(0,0,0,.25)}.smart-style-5 .has-error .checkbox,.smart-style-5 .has-error .checkbox-inline,.smart-style-5 .has-error .control-label,.smart-style-5 .has-error .form-control-feedback,.smart-style-5 .has-error .help-block,.smart-style-5 .has-error .radio,.smart-style-5 .has-error .radio-inline{color:#ff7676;-webkit-text-shadow:0 1px 5px rgba(0,0,0,.25);-moz-text-shadow:0 1px 5px rgba(0,0,0,.25);text-shadow:0 1px 5px rgba(0,0,0,.25)}.smart-style-5 .has-success .checkbox,.smart-style-5 .has-success .checkbox-inline,.smart-style-5 .has-success .control-label,.smart-style-5 .has-success .form-control-feedback,.smart-style-5 .has-success .help-block,.smart-style-5 .has-success .radio,.smart-style-5 .has-success .radio-inline{color:#b1f3b2;-webkit-text-shadow:0 1px 5px rgba(0,0,0,.25);-moz-text-shadow:0 1px 5px rgba(0,0,0,.25);text-shadow:0 1px 5px rgba(0,0,0,.25)}.smart-style-5 label input[type=checkbox].checkbox:checked+span:before{color:#d2e8ff}.smart-style-5 label input[type=checkbox].checkbox.style-2:checked+span:before{color:#66665e}.smart-style-5 label input[type=radio].radiobox+span:before,.smart-style-5 label input[type=radio].radiobox:checked+span:before{color:#d2e8ff!important;border-color:#d2e8ff!important}.smart-style-5 input[type=checkbox].checkbox+span:before{color:#FFF;border-color:#FFF}.smart-style-5 .form-actions,.smart-style-5 .smart-form.widget-body-toolbar,.smart-style-5 .widget-body-toolbar,.smart-style-5 label input[type=checkbox].checkbox+span:before,.smart-style-5 label input[type=radio].radiobox+span:before{background:rgba(255,255,255,.23);border-color:rgba(255,255,255,.53)}.smart-style-5 .irs-diapason,.smart-style-5 .noUi-connect{background:#FFF}.smart-style-5 .noUi-origin-lower{background:rgba(0,255,255,.8)}.smart-style-5 .MessageBoxContainer,.smart-style-5 .ajax-dropdown,.smart-style-5 .modal-content{background:url(../img/glass.jpg) no-repeat 0 0;color:#fff}.smart-style-5 .ui-chatbox-titlebar{background:#2A4F58!important}.smart-style5 .ui-chatbox-titlebar.ui-state-focus{background:0D1F24!important}.smart-style-5 .ui-chatbox .ui-widget-content{background:rgba(51,103,105,.6);background:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(81,165,177,.6)),color-stop(1,rgba(68,85,139,.6)));background:-ms-linear-gradient(bottom,rgba(81,165,177,.6),rgba(68,85,139,.6));background:-moz-linear-gradient(center bottom,rgba(81,165,177,.6)0,rgba(68,85,139,.6)100%);background:-o-linear-gradient(rgba(68,85,139,.6),rgba(81,165,177,.6));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(68, 85, 139, 0.6)', endColorstr='rgba(81, 165, 177, 0.6)', GradientType=0)}.smart-style-5 .ui-state-focus+.ui-widget-content{background:rgba(51,103,105,.6);background:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(68,85,139,.9)),color-stop(1,rgba(68,85,139,.9)));background:-ms-linear-gradient(bottom,rgba(68,85,139,.9),rgba(68,85,139,.9));background:-moz-linear-gradient(center bottom,rgba(68,85,139,.9)0,rgba(68,85,139,.9)100%);background:-o-linear-gradient(rgba(68,85,139,.9),rgba(68,85,139,.9));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(68, 85, 139, 0.9)', endColorstr='rgba(68, 85, 139, 0.9)', GradientType=0)}.smart-style-5 .ui-chatbox-content>.alert-msg{background:#FFFDD0}.smart-style-5 .ui-chatbox-input{background:rgba(29,96,117,.6)}.smart-style-5 .ui-chatbox .ui-widget-content textarea{background:rgba(0,0,0,.23)!important;border-color:rgba(0,0,0,.23)!important;color:#fff}.smart-style-5 .ui-chatbox .ui-widget-content textarea:focus{background:rgba(0,0,0,.53)!important;border-color:rgba(0,0,0,.53)!important;font-weight:700}.smart-style-5 .MessageBoxContainer,.smart-style-5 .fc-widget-content{-webkit-text-shadow:0 1px 5px rgba(0,0,0,.25);-moz-text-shadow:0 1px 5px rgba(0,0,0,.25);text-shadow:0 1px 5px rgba(0,0,0,.25)}.smart-style-5 #jarviswidget-fullscreen-mode .jarviswidget{background:url(../img/glass.jpg) no-repeat center bottom fixed;background-size:cover}.smart-style-5.hidden-menu aside#left-panel{background:rgba(7,38,41,.83)}.smart-style-5 .fc-widget-content{border-color:rgba(0,0,0,.25)}.smart-style-5 .fc-grid .fc-day-number{padding:0 4px;font-size:17px}.smart-style-5 .fc-state-highlight{background:0 0;-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.15)),color-stop(0.75,rgba(255,255,255,.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-size:40px 40px}.smart-style-5 .bootstrap-duallistbox-container label,.smart-style-5 .form header,.smart-style-5 .inbox-body .table-wrap,.smart-style-5 .inbox-nav-bar,.smart-style-5 .inbox-side-bar,.smart-style-5 .notification-body>li>span,.smart-style-5 .smart-form header{background:0 0}.smart-style-5 #inbox-table.table tbody>tr>td{border-color:rgba(255,255,225,.15)!important}.smart-style-5 #inbox-table tbody tr:hover,.smart-style-5 .table-hover>tbody>tr:hover>td{background:rgba(0,255,225,.25)}.smart-style-5 .inbox-message{background:rgba(0,0,0,.35)}.smart-style-5 .table{background:rgba(0,0,0,.15)}.smart-style-5 .bs-example .table{background:0 0}.smart-style-5 .smart-form .checkbox i,.smart-style-5 .smart-form .radio i{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4)!important}.smart-style-5 .smart-form .radio input+i:after{background:#fff}.smart-style-5 .smart-form .icon-append,.smart-style-5 .smart-form .icon-prepend{color:#FFF;border-color:rgba(255,255,255,.5)}.smart-style-5 .smart-form .checkbox.state-error i,.smart-style-5 .smart-form .radio.state-error i,.smart-style-5 .smart-form .state-error input,.smart-style-5 .smart-form .state-error select,.smart-style-5 .smart-form .state-error textarea,.smart-style-5 .smart-form .toggle.state-error i{background:rgba(255,8,8,.2)!important;border-color:#a90329!important}.smart-style-5 .smart-form .checkbox.state-success i,.smart-style-5 .smart-form .radio.state-success i,.smart-style-5 .smart-form .state-success input,.smart-style-5 .smart-form .state-success select,.smart-style-5 .smart-form .state-success textarea,.smart-style-5 .smart-form .toggle.state-success i{background:rgba(98,248,98,.2)!important;border-color:#7dc27d}.smart-form .toggle i{background:rgba(255,255,255,.12)}.smart-style-5 .smart-form .toggle i:after{color:#fff}.smart-style-5 .smart-form .toggle i:before{background-color:#fff}.smart-style-5 .bootstrap-timepicker-widget table td input{color:#333}.smart-style-5.menu-on-top nav>ul>li>a:after{color:#90D8CF!important}.smart-style-5.menu-on-top nav ul ul li a,.smart-style-5.menu-on-top nav ul ul ul li a{color:#fff}.smart-style-5.menu-on-top nav ul ul,.smart-style-5.menu-on-top nav ul ul ul{margin-left:-1px;border-bottom-color:#2AB7BD;background-color:transparent!important;background-image:-moz-linear-gradient(top,#000,rgba(0,0,0,.7))!important;background-image:-webkit-gradient(linear,0 0,0 100%,from(#000),to(rgba(0,0,0,.7)))!important;background-image:-webkit-linear-gradient(top,#000,rgba(0,0,0,.7))!important;background-image:-o-linear-gradient(top,#000,rgba(0,0,0,.7))!important;background-image:linear-gradient(to bottom,#000,rgba(0,0,0,.7))!important}.smart-style-5.menu-on-top nav ul ul .active>a{color:#FFD600!important}.smart-style-5 .inbox-info-bar .form-group input,.smart-style-5 .inbox-info-bar .select2-container-multi .select2-choices{border-color:transparent!important;background:transparent!important}.smart-style-5 .highlight .inbox-data-message>:first-child,.smart-style-5 .highlight .inbox-data-message>:first-child>:first-child{color:#333!important}.smart-style-5 .table>tbody>tr.warning>td,.smart-style-5 .table>tbody>tr.warning>th,.smart-style-5 .table>tbody>tr>td.warning,.smart-style-5 .table>tbody>tr>th.warning,.smart-style-5 .table>tfoot>tr.warning>td,.smart-style-5 .table>tfoot>tr.warning>th,.smart-style-5 .table>tfoot>tr>td.warning,.smart-style-5 .table>tfoot>tr>th.warning,.smart-style-5 .table>thead>tr.warning>td,.smart-style-5 .table>thead>tr.warning>th,.smart-style-5 .table>thead>tr>td.warning,.smart-style-5 .table>thead>tr>th.warning,.smart-style-5 .unread td{background-color:rgba(255,214,0,.3)!important;color:#fff}.smart-style-5 .table>tbody>tr.danger>td,.smart-style-5 .table>tbody>tr.danger>th,.smart-style-5 .table>tbody>tr>td.danger,.smart-style-5 .table>tbody>tr>th.danger,.smart-style-5 .table>tfoot>tr.danger>td,.smart-style-5 .table>tfoot>tr.danger>th,.smart-style-5 .table>tfoot>tr>td.danger,.smart-style-5 .table>tfoot>tr>th.danger,.smart-style-5 .table>thead>tr.danger>td,.smart-style-5 .table>thead>tr.danger>th,.smart-style-5 .table>thead>tr>td.danger,.smart-style-5 .table>thead>tr>th.danger{background-color:rgba(236,43,43,.5)!important;color:#fff}.smart-style-5 .table>tbody>tr.success>td,.smart-style-5 .table>tbody>tr.success>th,.smart-style-5 .table>tbody>tr>td.success,.smart-style-5 .table>tbody>tr>th.success,.smart-style-5 .table>tfoot>tr.success>td,.smart-style-5 .table>tfoot>tr.success>th,.smart-style-5 .table>tfoot>tr>td.success,.smart-style-5 .table>tfoot>tr>th.success,.smart-style-5 .table>thead>tr.success>td,.smart-style-5 .table>thead>tr.success>th,.smart-style-5 .table>thead>tr>td.success,.smart-style-5 .table>thead>tr>th.success{background-color:rgba(106,228,56,.5)!important;color:#fff}.smart-style-5 #chat-container #chat-users li a img,.smart-style-5 #shortcut ul li .jarvismetro-tile,.smart-style-5 .chat-body li.message img,.smart-style-5 .friends-list img,.smart-style-5 .inbox-download-list li>:first-child>:first-child>img,.smart-style-5 .login-info img,.smart-style-5 .notification-body,.smart-style-5 .profile-pic>img,.smart-style-5 .usr-card>img{border-radius:50% 0!important}.smart-style-5 .friends-list img{outline:0}.smart-style-5 .inbox-download-list li>:first-child:hover{background:rgba(255,255,255,.3);border-color:rgba(192,192,192,.3)}.smart-style-5 .inbox-download,.smart-style-5 .inbox-message{border-bottom-color:rgba(255,255,255,.3)}.smart-style-5 .demo [class*=" txt-color-"],.smart-style-5 .demo legend,.smart-style-5 .demo>*{color:#333!important;-webkit-text-shadow:none;-moz-text-shadow:none;text-shadow:none}.smart-style-5 .demo .txt-color-white{color:#fff!important}.smart-style-5 .demo .txt-color-darken{color:#333!important}.smart-style-5 .demo label input[type=checkbox].checkbox+span:before,.smart-style-5 .demo label input[type=radio].radiobox+span:before{background-color:#f4f4f4}.smart-style-5 #hide-menu i{color:#fff!important}.smart-style-5 nav>ul ul li::before,.smart-style-5 nav>ul>li>ul::before{border:none!important}.smart-style-5 nav ul ul li>a:hover,.smart-style-5 nav ul ul ul li a:hover{background-color:rgba(0,0,0,.3)}.smart-style-5 .smart-form,.smart-style-5 .ui-jqgrid .ui-jqgrid-title,.smart-style-5 .ui-state-focus,.smart-style-5 .ui-state-hover,.smart-style-5 .ui-widget-content .ui-state-focus,.smart-style-5 .ui-widget-content .ui-state-hover,.smart-style-5 .ui-widget-header .ui-state-focus,.smart-style-5 .ui-widget-header .ui-state-hover{color:#fff}.smart-style-5 .well-light .nav-tabs{background:rgba(0,0,0,.43);color:#fff;padding-left:10px}.smart-style-5 .icon-addon,.smart-style-5 .input-icon-left>i,.smart-style-5 .input-icon-right>i{color:#fff}.smart-style-5 .show-stats .progress-bar{background:rgba(255,255,255,.8)!important}@media (max-width:979px){.smart-style-5 #sparks{background:0 0}} :root { --oa-brand-primary: #005aee; --oa-brand-hover: #004ac2; --oa-brand-light: #3FA9FF; --oa-brand-cyan: #7DD6FB; --oa-brand-primary-rgb: 0, 90, 238; --oa-brand-gradient: linear-gradient(135deg, #005aee 0%, #004ac2 100%); --oa-blue-100: #DBEAFE; --oa-blue-400: #3B82F6; --oa-blue-500: #005AEE; --oa-blue-600: #0047CC; --oa-indigo-500: #6366F1; --oa-slate-200: #E2E8F0; --oa-slate-300: #CBD5E1; --oa-slate-600: #475569; --oa-success-bg: #F0FDF4; --oa-success-text: #166534; --oa-success-border: #DCFCE7; --oa-warning-bg: #FFFBEB; --oa-warning-text: #B45309; --oa-warning-border: #FEF3C7; --oa-error-bg: #FEF2F2; --oa-error-text: #B91C1C; --oa-error-border: #FECACA; --oa-info-bg: #EFF6FF; --oa-info-text: #1D4ED8; --oa-info-border: #DBEAFE; --oa-bg-hover: #F8FAFD; --oa-bg-base: #F5F5F7; --oa-bg-sidebar: #E9EEF6; --oa-bg-white: #FFFFFF; --oa-bg-input: #FFFFFF; --oa-bg-surface: rgba(255, 255, 255, 0.9); --oa-bg-card-footer: #F5F5F7; --oa-avatar-bg-start: #EFEFEF; --oa-avatar-bg-end: #E5E5E5; --oa-avatar-text: #A8A8A8; --oa-warmth-coral: #F08C7C; --oa-warmth-coral-rgb: 240, 140, 124; --oa-warmth-coral-dark: #C66B5E; --oa-warmth-sand: #F4E5D5; --oa-warmth-sand-rgb: 244, 229, 213; --oa-warmth-amber: #D9A441; --oa-warmth-stone: #78716C; --oa-text-main: #1F2937; --oa-text-secondary: #374151; --oa-text-muted: #4B5563; --oa-text-light: #6B7280; --oa-border-glass: rgba(226, 232, 240, 0.6); --oa-border-default: 1px solid #E5E7EB; --oa-border-color: #E5E7EB; --oa-border-strong: #D1D5DB; --oa-border-focus: 1px solid var(--oa-brand-light); --oa-border-focus-color: #3FA9FF; --oa-focus-ring: 0 0 0 2px #93C5FD, 0 0 0 3px #2563EB; --z-dropdown: 1000; --z-sticky: 1020; --z-header: 1035; --z-sidebar: 1038; --z-modal-backdrop: 1040; --z-modal: 1050; --z-popover: 1060; --z-tooltip: 1070; --z-toast: 1080; --oa-header-height: 56px; --oa-sidebar-width: 260px; --oa-sidebar-collapsed: 78px; --oa-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --oa-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 85, 255, 0.05); --oa-shadow-pop: 0 12px 24px -6px rgba(0, 0, 0, 0.12), 0 4px 6px -2px rgba(0, 0, 0, 0.04); --oa-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 20px 25px -5px rgba(0, 85, 255, 0.08); --oa-shadow-glow: 0 0 0 3px rgba(0, 85, 255, 0.15); --oa-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); --oa-font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif; --oa-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --oa-font-serif: Georgia, "Times New Roman", Times, serif; --oa-font-size-base: 13.5px; --oa-font-size-base-large: 15px; --oa-text-h1: 24px; --oa-text-h1-weight: 700; --oa-text-h1-tracking: -0.02em; --oa-text-h1-leading: 1.2; --oa-text-h2: 18px; --oa-text-h2-weight: 600; --oa-text-h2-tracking: -0.01em; --oa-text-h2-leading: 1.3; --oa-text-h3: 14px; --oa-text-h3-weight: 600; --oa-text-h3-tracking: 0.05em; --oa-text-h3-leading: 1.4; --oa-text-body: 13.5px; --oa-text-body-weight: 400; --oa-text-body-leading: 1.5; --oa-text-label: 12px; --oa-text-label-weight: 400; --oa-text-label-leading: 1.4; --oa-text-caption: 11px; --oa-text-sm: 13px; --oa-text-subtitle: 16px; --oa-tracking-tight: -0.02em; --oa-tracking-normal: -0.01em; --oa-tracking-wide: 0.05em; --oa-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); --oa-ease-snap: cubic-bezier(0.2, 0, 0, 1); --oa-duration-spring: 300ms; --oa-duration-snap: 50ms; --oa-duration-fast: 150ms; --oa-duration-normal: 200ms; --oa-glass-bg: rgba(255, 255, 255, 0.7); --oa-glass-border: 1px solid rgba(226, 232, 240, 0.6); --oa-glass-blur: blur(24px); --oa-glass-blur-light: blur(16px); --oa-glass-blur-backdrop: blur(8px); --oa-radius-sm: 6px; --oa-radius-md: 8px; --oa-radius-lg: 12px; --oa-radius-xl: 16px; --oa-radius-2xl: 24px; --oa-radius-full: 9999px; --oa-space-xs: 4px; --oa-space-sm: 8px; --oa-space-md: 12px; --oa-space-lg: 16px; --oa-space-xl: 24px; --oa-space-2xl: 32px; --oa-space-3xl: 48px; --oa-modal-padding: 20px; --oa-input-height: 32px; --oa-input-height-sm: 28px; --oa-input-height-lg: 40px; --oa-input-padding-y: 6px; --oa-input-padding-x: 12px; --oa-btn-height: 32px; --oa-btn-padding-y: 6px; --oa-btn-padding-x: 14px; --oa-atmosphere: radial-gradient(at 0% 0%, rgba(244, 229, 213, 0.15) 0px, transparent 40%), radial-gradient(at 100% 0%, rgba(240, 220, 200, 0.12) 0px, transparent 40%), radial-gradient(at 100% 100%, rgba(230, 210, 190, 0.08) 0px, transparent 40%); } .oa-tabular-nums { font-variant-numeric: tabular-nums !important; } .oa-data, .oa-score, .oa-price, .oa-date, .oa-metric { font-variant-numeric: tabular-nums; } .oa-atmosphere { background-color: var(--oa-bg-base); background-image: var(--oa-atmosphere); background-attachment: fixed; } .oa-h1 { font-size: var(--oa-text-h1); font-weight: var(--oa-text-h1-weight); letter-spacing: var(--oa-text-h1-tracking); line-height: var(--oa-text-h1-leading); color: var(--oa-text-main); } .oa-h2 { font-size: var(--oa-text-h2); font-weight: var(--oa-text-h2-weight); letter-spacing: var(--oa-text-h2-tracking); line-height: var(--oa-text-h2-leading); color: var(--oa-text-main); } .oa-h3 { font-size: var(--oa-text-h3); font-weight: var(--oa-text-h3-weight); letter-spacing: var(--oa-text-h3-tracking); line-height: var(--oa-text-h3-leading); text-transform: uppercase; color: var(--oa-text-main); } .oa-body { font-size: var(--oa-text-body); font-weight: var(--oa-text-body-weight); line-height: var(--oa-text-body-leading); color: var(--oa-text-main); } .oa-label { font-size: var(--oa-text-label); font-weight: var(--oa-text-label-weight); line-height: var(--oa-text-label-leading); color: var(--oa-text-muted); } .oa-shadow-sm { box-shadow: var(--oa-shadow-sm); } .oa-shadow-md { box-shadow: var(--oa-shadow-md); } .oa-shadow-pop { box-shadow: var(--oa-shadow-pop); } .heading-1 { font-size: 24px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; color: var(--oa-text-main); } .heading-2 { font-size: 18px; font-weight: 600; letter-spacing: -0.01em; line-height: 1.3; color: var(--oa-text-main); } .heading-3 { font-size: 14px; font-weight: 600; letter-spacing: 0.05em; line-height: 1.4; text-transform: uppercase; color: var(--oa-text-main); } @media (min-width: 1600px) { body { font-size: 15px; } .heading-1 { font-size: 26px; } .heading-2 { font-size: 20px; } .heading-3 { font-size: 15px; } .btn { font-size: 15px; } .input-field { font-size: 15px; } .nav-item { font-size: 15px; } :root { --oa-text-h1: 26px; --oa-text-h2: 20px; --oa-text-h3: 15px; --oa-text-body: 15px; --oa-text-label: 13px; --oa-text-caption: 12px; } } @media (max-width: 1279px) and (min-width: 1100px) { :root { --oa-text-h1: 21px; --oa-text-h2: 16px; --oa-text-h3: 13px; --oa-text-body: 12px; --oa-text-label: 11px; --oa-text-caption: 10px; } body { font-size: 12px; } .heading-1 { font-size: 21px; } .heading-2 { font-size: 16px; } .heading-3 { font-size: 13px; } } @media (max-width: 1099px) and (min-width: 1024px) { :root { --oa-text-h1: 20px; --oa-text-h2: 16px; --oa-text-h3: 13px; --oa-text-body: 13px; --oa-text-label: 12px; --oa-text-caption: 11px; } body { font-size: 13px; } .heading-1 { font-size: 20px; } .heading-2 { font-size: 16px; } .heading-3 { font-size: 13px; } } :root { --oa-search-candidate: #005aee; --oa-search-employee: #059669; --oa-search-position: #7C3AED; --oa-search-collection: #D97706; --oa-search-message: #0284C7; --oa-search-assessment: #0D9488; --oa-search-edoc: #475569; --oa-search-settings: #6B7280; --oa-search-users: #DB2777; } :root { --font-family-base: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; --font-family-mono: ui-monospace, SFMono-Regular, SF Mono, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; --font-size-base: 13.5px; --line-height-base: 1.5; --text-primary: #1f2b38; --text-secondary: #334155; --text-tertiary: #475569; --text-muted: #64748B; --bg-primary: #ffffff; --bg-secondary: #f8f9fa; --bg-tertiary: #edf2f7; --brand-primary: #005aee; --brand-secondary: #434e5d; --status-success: #28a745; --status-warning: #ffc107; --status-danger: #dc3545; --status-info: #17a2b8; --radius-none: 0; --radius-sm: 6px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px; --radius-2xl: 24px; --radius-full: 9999px; --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05); --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25); --focus-ring-color: #005aee; --focus-ring-width: 2px; --focus-ring-offset: 2px; --focus-ring: var(--focus-ring-width) solid var(--focus-ring-color); --transition-fast: 150ms ease; --transition-base: 200ms ease; --transition-slow: 300ms ease; --transition-modal: 250ms cubic-bezier(0.4, 0, 0.2, 1); } *:focus { outline: none; } *:focus-visible { outline: var(--focus-ring); outline-offset: var(--focus-ring-offset); } a:focus-visible, button:focus-visible, [role=button]:focus-visible { outline: var(--focus-ring); outline-offset: var(--focus-ring-offset); border-radius: var(--radius-sm); } input:focus-visible, textarea:focus-visible, select:focus-visible, [contenteditable]:focus-visible { outline: var(--focus-ring); outline-offset: 0; border-color: var(--focus-ring-color); } .card:focus-visible, [tabindex]:focus-visible:not([tabindex="-1"]) { outline: var(--focus-ring); outline-offset: var(--focus-ring-offset); box-shadow: var(--shadow-md); } .rounded-sm { border-radius: var(--radius-sm) !important; } .rounded-md { border-radius: var(--radius-md) !important; } .rounded-lg { border-radius: var(--radius-lg) !important; } .rounded-xl { border-radius: var(--radius-xl) !important; } .rounded-2xl { border-radius: var(--radius-2xl) !important; } .rounded-full { border-radius: var(--radius-full) !important; } .rounded-none { border-radius: 0 !important; } .rounded-standard { border-radius: var(--radius-2xl) !important; } .tabular-nums { font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; } table td, .table td, .dataTable td, .dt-table td, [class*=dataTables] td { font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; } .col-numeric, .col-amount, .col-count, .col-score, .col-percentage, .col-date, .col-id, [data-type=number], [data-type=date] { font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; text-align: right; } .badge-count, .label-count, .count { font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; } :root { --color-primary: #005aee; --color-primary-hover: #004ac2; --color-primary-active: #003b99; --color-primary-light: #dce9fe; --color-secondary: #434e5d; --color-secondary-hover: #374151; --color-success: #28c76f; --color-success-light: #d4f4e2; --color-warning: #ff9f43; --color-warning-light: #fff0e1; --color-danger: #ea5455; --color-danger-light: #fce4e4; --color-info: #00cfe8; --color-info-light: #d0f5fb; --color-success-bg: #F0FDF4; --color-success-text: #166534; --color-success-border: #DCFCE7; --color-warning-bg: #FFFBEB; --color-warning-text: #B45309; --color-warning-border: #FEF3C7; --color-danger-bg: #FEF2F2; --color-danger-text: #B91C1C; --color-danger-border: #FECACA; --color-info-bg: #EFF6FF; --color-info-text: #1D4ED8; --color-info-border: #DBEAFE; --color-text-primary: #0F172A; --color-text-secondary: #334155; --color-text-muted: #64748B; --color-text-inverse: #ffffff; --color-bg-primary: #ffffff; --color-bg-secondary: #f8f9fa; --color-bg-tertiary: #edf2f7; --color-border-light: #e1e5e9; --color-border-default: #ced4da; --color-gray-100: #f3f4f6; --color-gray-200: #e5e7eb; --color-gray-300: #d1d5db; --color-gray-400: #9ca3af; --color-gray-500: #6b7280; --color-gray-600: #4b5563; --color-gray-700: #374151; --color-gray-800: #1f2937; --color-gray-900: #111827; } .btn-primary { background-color: #005aee; border-color: #005aee; } .btn-primary:hover, .btn-primary:focus { background-color: #004ac2; border-color: #004ac2; } .btn-primary:active, .btn-primary.active { background-color: #003b99; border-color: #003b99; } .btn-success { background-color: #28c76f; border-color: #28c76f; } .btn-success:hover, .btn-success:focus { background-color: #24b263; border-color: #24b263; } .btn-danger { background-color: #ea5455; border-color: #ea5455; } .btn-danger:hover, .btn-danger:focus { background-color: #d34c4d; border-color: #d34c4d; } .btn-warning { background-color: #ff9f43; border-color: #ff9f43; } .btn-warning:hover, .btn-warning:focus { background-color: #e68f3c; border-color: #e68f3c; } .btn-info { background-color: #00cfe8; border-color: #00cfe8; } .btn-info:hover, .btn-info:focus { background-color: #00b9d1; border-color: #00b9d1; } a { color: #005aee; } a:hover, a:focus { color: #004ac2; } .alert, .alert-box { padding: 12px 16px; border-radius: 8px; display: flex; align-items: flex-start; gap: 12px; border: 1px solid; } .alert .alert-icon, .alert-box .alert-icon { flex-shrink: 0; font-size: 16px; margin-top: 1px; } .alert .alert-content, .alert-box .alert-content { flex: 1; min-width: 0; } .alert .alert-title, .alert-box .alert-title { font-size: 13px; font-weight: 700; margin-bottom: 2px; } .alert .alert-body, .alert-box .alert-body { font-size: 13px; font-weight: 400; line-height: 1.4; } .alert-success { background-color: #F0FDF4; border-color: #DCFCE7; color: #166534; } .alert-danger, .alert-error { background-color: #FEF2F2; border-color: #FECACA; color: #B91C1C; } .alert-warning { background-color: #FFFBEB; border-color: #FEF3C7; color: #B45309; } .alert-info { background-color: #EFF6FF; border-color: #DBEAFE; color: #1D4ED8; } .badge-primary, .label-primary { background-color: #005aee; } .badge-success, .label-success { background-color: #28c76f; } .badge-danger, .label-danger { background-color: #ea5455; } .badge-warning, .label-warning { background-color: #ff9f43; color: #111827; } .badge-info, .label-info { background-color: #00cfe8; } .badge-2027, .status-badge { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 9999px; font-size: 11px; font-weight: 600; line-height: 1.4; border: 1px solid transparent; white-space: nowrap; } .badge-2027-success, .status-badge.status-success, .status-success { background-color: #F0FDF4; color: #166534; border-color: #DCFCE7; } .badge-2027-warning, .status-badge.status-warning, .status-warning { background-color: #FFFBEB; color: #B45309; border-color: #FEF3C7; } .badge-2027-danger, .status-badge.status-danger, .status-danger { background-color: #FEF2F2; color: #B91C1C; border-color: #FECACA; } .badge-2027-info, .status-badge.status-info, .status-info { background-color: #EFF6FF; color: #1D4ED8; border-color: #DBEAFE; } .badge-2027-primary, .status-badge.status-primary, .status-primary { background-color: #f0f6ff; color: #003b99; border-color: #dce9fe; } .badge-2027-neutral, .status-badge.status-neutral, .status-neutral { background-color: #f3f4f6; color: #374151; border-color: #e5e7eb; } .text-primary { color: #005aee !important; } .text-secondary { color: #434e5d !important; } .text-success { color: #28c76f !important; } .text-danger { color: #ea5455 !important; } .text-warning { color: #ff9f43 !important; } .text-info { color: #00cfe8 !important; } .text-muted { color: #64748B !important; } .text-dark { color: #0F172A !important; } .text-light { color: #9ca3af !important; } .text-white { color: #ffffff !important; } .bg-primary { background-color: #005aee !important; } .bg-secondary { background-color: #434e5d !important; } .bg-success { background-color: #28c76f !important; } .bg-danger { background-color: #ea5455 !important; } .bg-warning { background-color: #ff9f43 !important; } .bg-info { background-color: #00cfe8 !important; } .bg-light { background-color: #f8f9fa !important; } .bg-dark { background-color: #1f2b38 !important; } .bg-white { background-color: #ffffff !important; } @media (min-width: 768px) { .btn-group-justified-custom { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified-custom > .btn, .btn-group-justified-custom > .btn-group { display: table-cell; float: none; width: 1%; } .btn-group-justified-custom > .btn-group .btn { width: 100%; } .btn-group-justified-custom > .btn-group .dropdown-menu { left: auto; } .container { width: 100%; } } #web-messenger-container { z-index: 999; } @media (min-width: 992px) { .container { width: 100%; margin-right: auto; margin-left: auto; } } html { background: transparent !important; height: 100%; overflow: auto; overflow-x: hidden; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } body { background: #fafafa !important; color: #2e424d; } .background-white { background: white !important; } .background-summary-gray { background: #f6f6f6 !important; } @media (min-width: 1201px) { .container { width: auto; max-width: 1200px; margin-right: auto; margin-left: auto; } } @media screen and (max-device-width: 1266px) { .container { max-width: 1000px; margin-right: auto; margin-left: auto; } } #content { padding: 0px 0; margin-top: 0px !important; height: 4.125rem; } .text-7 { font-size: 7px; } .text-8 { font-size: 8px !important; } .text-10 { font-size: 11px !important; } .text-12 { font-size: 12px; } .margin-20 { margin: 20px !important; } .text-14 { font-size: 14px !important; } .text-15 { font-size: 16px !important; } .text-16 { font-size: 17px !important; } .txt-green { color: #5cb85c; } .txt-black { color: #000000; } .txt-gray { color: grey; } .font-300 { font-weight: 300; } .font-600 { font-weight: 600; } .font-700 { font-weight: 700; } .float-right { float: right !important; } .font-800 { font-weight: 800; } .margin-0 { margin: 0px !important; } .margin-0-15 { margin: 0px 15px; } .margin-top--2 { margin-top: -2px !important; } .margin-top--5 { margin-top: -5px !important; } .margin-top--10 { margin-top: -10px !important; } .margin-top--12 { margin-top: -12px !important; } .margin-top-0 { margin-top: 0px !important; } @media (max-width: 767px) { .margin-top-0-responsive { margin-top: 0px !important; } } .margin-top-3 { margin-top: 3px !important; } @media (max-width: 767px) { .margin-top-3-responsive { margin-top: 3px !important; } } .margin-top-5 { margin-top: 5px !important; } .margin-top-7 { margin-top: 7px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-11 { margin-top: 11px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-14 { margin-top: 14px; } .margin-top-15 { margin-top: 15px !important; } .margin-top-skills-responsive { margin-top: 21px; } @media (max-width: 767px) { .margin-top-skills-responsive { margin-top: 13px; } } .margin-top-20 { margin-top: 20px !important; } .margin-top-200 { margin-top: 200px !important; } .margin-30 { margin: 30px !important; } .margin-top-25 { margin-top: 25px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-top-70 { margin-top: 70px !important; } .margin-top-90 { margin-top: 20px !important; } .margin-right-0 { margin-right: 0px !important; } .margin-right-10 { margin-right: 10px !important; } .margin-right-15 { margin-right: 15px !important; } .margin-right-20 { margin-right: 20px !important; } .candidates-filter-button { position: fixed; top: 42px; right: 80px !important; height: 35px; padding-top: 2px; } .min-width-1000 { min-width: 1000px !important; } .margin-right-30 { margin-right: 30px !important; } .margin-right-40 { margin-right: 40px !important; } .margin-right-50 { margin-right: 50px !important; } .margin-left-90 { margin-left: 90px !important; } .margin-left-120 { margin-left: 120px !important; } .absolute-left-140-responsive { position: relative; } @media (min-width: 768px) { .absolute-left-140-responsive { margin-left: 140px !important; position: absolute !important; } } .margin-left-20-responsive { margin-left: -3px !important; } @media (max-width: 991px) { .margin-left-20-responsive { margin-left: 20px !important; } } .margin-left-160 { margin-left: 160px !important; } .margin-left-0 { margin-left: 0 !important; } .margin-left-5 { margin-left: 5px !important; } .margin-left-10 { margin-left: 10px !important; } .margin-left-15 { margin-left: 15px !important; } .margin-left-20 { margin-left: 20px !important; } .margin-left-25 { margin-left: 25px !important; } .margin-left-30 { margin-left: 30px !important; } .margin-bottom-0 { margin-bottom: 0px !important; } .margin-bottom-4 { margin-bottom: 4px !important; } .margin-bottom-5 { margin-bottom: 5px !important; } .margin-bottom-10 { margin-bottom: 10px; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-25 { margin-bottom: 25px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .padding-13 { padding: 13px !important; } .padding-13-responsive { padding: 13px !important; } @media (max-width: 767px) { .padding-13-responsive { padding: 0px !important; } } .no-top-padding { padding-top: 0 !important; } .padding-19-5 { padding: 5px 19px !important; } .padding-45-10 { padding: 10px 45px !important; } .margin-top-responsive-40 { margin-top: 40px !important; } @media (max-width: 767px) { .margin-top-responsive-40 { margin-top: 0px !important; } } @media (max-width: 767px) { .margin-top-responsive-20 { margin-top: 20px !important; } } @media (max-width: 767px) { .margin-top-responsive-18 { margin-top: 18px !important; } } @media (max-width: 767px) { .responsive-padding-top-7 { padding-top: 7px !important; } } @media (max-width: 767px) { .responsive-margin-top-7 { margin-top: 7px !important; } } @media (max-width: 767px) { .responsive-margin-left-0 { margin-left: 0px !important; } } .padding-5 { padding: 5px !important; } .padding-10-0 { padding: 10px 0px; } .padding-5-0 { padding: 5px 0px; } .padding-0-10 { padding: 0px 10px !important; } .padding-0 { padding: 0px !important; } .padding-right-0 { padding-right: 0px !important; } .padding-right-5 { padding-right: 5px !important; } .padding-right-10 { padding-right: 10px !important; } .padding-left-0 { padding-left: 0 !important; } .padding-left-5 { padding-left: 5px !important; } .padding-left-10 { padding-left: 10px !important; } .padding-left-15 { padding-left: 15px !important; } .padding-left-20 { padding-left: 20px !important; } .padding-left-25 { padding-left: 25px !important; } .padding-left-30 { padding-left: 30px !important; } .padding-left-40 { padding-left: 40px !important; } @media (min-width: 768px) { .margin-left--25-responsive { margin-left: -25px !important; } } @media (min-width: 768px) { .padding-left-20-responsive { padding-left: 20px; } } @media (min-width: 768px) { .margin-left-20-responsive { margin-left: 20px; } } .margin-left--3 { margin-left: -3px; } .margin-left--30 { margin-left: -30px !important; } .margin-left--60 { margin-left: -60px !important; } .margin-right--30 { margin-right: -30px !important; } .padding-right-15 { padding-right: 15px !important; } .padding-right-20 { padding-right: 20px !important; } .padding-right-25 { padding-right: 25px !important; } .padding-right-28 { padding-right: 28px !important; } .padding-right-30 { padding-right: 30px !important; } .padding-top-2 { padding-top: 2px; } .padding-right-40 { padding-right: 40px !important; } .color-range-label { color: #2d3f51 !important; } @media (max-width: 767px) { .padding-0-responsive { padding: 0px !important; } } .custom-tab-responsive a { font-size: 12px !important; } @media (max-width: 767px) { .padding-top-0-responsive { padding-top: 0px !important; } } @media (max-width: 767px) { .padding-bottom-0-responsive { padding-bottom: 0px !important; } } @media (max-width: 767px) { .padding-side-6-responsive { padding-right: 6px !important; padding-left: 6px !important; } } @media (max-width: 767px) { .padding-top-5-responsive { padding-top: 5px !important; } } @media (max-width: 767px) { .padding-top-15-responsive { padding-top: 15px !important; } } .padding-top-0 { padding-top: 0px !important; } .padding-top-3 { padding-top: 3px !important; } .padding-top-5 { padding-top: 5px !important; } .padding-top-8 { padding-top: 8px !important; } .padding-top-10 { padding-top: 10px !important; } .padding-top-12 { padding-top: 12px !important; } .padding-top-15 { padding-top: 15px !important; } .padding-top-25 { padding-top: 25px !important; } .padding-top-20 { padding-top: 20px !important; } @media (max-width: 767px) { .padding-top-20 { padding-top: 13px !important; } } .padding-top-30 { padding-top: 30px !important; } .padding-top-32 { padding-top: 32px !important; } .padding-top-35 { padding-top: 35px !important; } .padding-top-40 { padding-top: 40px !important; } .padding-top-45 { padding-top: 45px !important; } .padding-top-100 { padding-top: 10px !important; } .padding-bottom-3 { padding-bottom: 3px !important; } .padding-bottom-5 { padding-bottom: 5px !important; } .padding-bottom-15 { padding-bottom: 15px !important; } .padding-bottom-20 { padding-bottom: 20px !important; } .padding-bottom-30 { padding-bottom: 30px !important; } .padding-bottom-45 { padding-bottom: 45px !important; } .padding-25 { padding: 25px !important; } .padding-50 { padding: 50px !important; } /* bootstrap custom */ .label-default { background-color: #f1f1f1; margin-right: 5px; color: #616161 !important; } .float-left { float: left !important; } .float-left-custom { margin-top: 2px; margin-bottom: 2px; float: left !important; } .label-primary { color: #ffffff !important; margin-right: 5px; } .label-petrol { background-color: #465f75 !important; color: white !important; margin-right: 5px; } .label-primary-dark { background-color: #566983 !important; color: white !important; margin-right: 5px; } .label-primary-purple { background-color: #1f2b38 !important; color: white !important; margin-right: 5px; } .btn-danger { background-color: #c9302c; border-color: #ac2925; } .btn-danger:hover { background-color: #a90329 !important; border-color: #900323 !important; } /* end bootstrap custom */ /* smart-admin custom */ #header1 { padding: 0; height: 5px; } #header1 > :first-child { width: auto; background-color: #1f2b38; /* #263238; */ } #header1 .brand-fixed-width-100 { position: absolute !important; left: 40px !important; width: 100px !important; z-index: 2; } #header1 > div { float: none; display: block; height: 57px; } @media (max-width: 960px) { #header1 .collapse { padding-right: 13px; } } #header1 .no-collapse .float-left-nav { margin-top: 0px !important; } @media (max-width: 767px) { #header1 .no-collapse .float-left-nav { margin-left: 0px !important; margin-right: 0px !important; } } #header1 .no-collapse .float-left-nav-li { float: left !important; } #header1 .no-collapse .search-field { /*display: inline-block;*/ float: left; } #header1 .no-collapse .user-dropdown { padding: 7px 0 0 15px; /*display: inline;*/ float: left; /*vertical-align: top;*/ } #header1 .no-collapse .user-dropdown img { width: 30px; height: auto; } #header1 .no-collapse .user-dropdown ul.dropdown-menu { width: 140px; top: 100%; float: right; left: auto; margin-left: -120px; } @media (max-width: 767px) { #header1 .no-collapse { margin-top: -46px; margin-right: 40px; } } nav ul li.active > a:before { content: none; } .menu-on-top li.active > a { font-weight: bold !important; } .navbar { border: none; min-height: 35px; } .selected { border: 1px solid #0091d9 !important; position: relative; } .selectedposition { background-color: #080a0e !important; } .SmallBox { top: 70px; } .nav-tabs + .tab-content { border: 1px solid #ececec; border-top: none; } .nav-tabs > :first-child a { border-left-width: 0 !important; } /* end smart-admin custom */ /* smart-style-2 custom */ body.smart-style-2 { background: url(../img/mybg.png) #ffffff; } #logo-group { height: 4.125rem; } .smart-style-2 #header { background-color: #434e5d; } .smart-style-2 ul.user-dropdown-custom.dropdown-menu > li > a { color: #333333 !important; text-shadow: none; font-size: 12px; } .smart-style-2 ul.user-dropdown-custom.dropdown-menu > li > a i { padding-right: 20px; } .smart-style-2 ul.user-dropdown-custom.dropdown-menu > li > a .active { color: #333333 !important; } .smart-style-2 ul.user-dropdown-custom.dropdown-menu > li > a:hover, .smart-style-2 ul.user-dropdown-custom.dropdown-menu > li > a:focus { color: #333333 !important; background-color: #f8f9fa; } .smart-style-2 .nav .open > a, .smart-style-2 .nav .open > a:focus, .smart-style-2 .nav .open > a:hover { background-color: #1f2b38; } .smart-style-2 nav ul.navbar-nav { width: auto; padding-left: 0px !important; } @media (max-width: 960px) { .smart-style-2 nav ul.navbar-nav { padding-left: 0; } } .smart-style-2 nav ul.navbar-nav li a { color: #eaeaea !important; font-size: 11px; font-weight: 500; letter-spacing: 0.5px; text-transform: lowercase; text-shadow: none; } .smart-style-2 nav ul.navbar-nav li a:hover, .smart-style-2 nav ul.navbar-nav li a:focus { /*color: $gray-dark !important;*/ color: #ffffff !important; background-color: #1f2b38 !important; } .smart-style-2 nav ul.navbar-nav li a:active { color: #ffffff; } .smart-style-2 nav ul.navbar-nav li:hover a { /*color: $gray-dark !important;*/ color: #ffffff; font-weight: bold; } .smart-style-2 nav ul.navbar-nav ul li a { color: #333333 !important; /*color: $white;*/ } .smart-style-2 nav ul.navbar-nav ul li a:hover { /*background-color: #2C3742 !important;*/ color: #ffffff; } @media (max-width: 960px) { .smart-style-2 nav ul.navbar-nav ul li a { color: #ffffff !important; padding-left: 20px !important; } } .smart-style-2 nav ul.navbar-nav .active { color: #ffffff !important; } .smart-style-2 .header-search > input[type=text] { border: transparent; background-color: #ffffff; border-radius: 15px; margin-top: 5px; color: black; } .smart-style-2 .header-search > input[type=text]::-webkit-input-placeholder { color: #888888; } .smart-style-2 .header-search > input[type=text]:-moz-placeholder { color: #888888; } .smart-style-2 .header-search > input[type=text]::-moz-placeholder { color: #888888; } .smart-style-2 .header-search > input[type=text]:-ms-input-placeholder { color: #888888; } .smart-style-2 .header-search > button { color: #ffffff; } .smart-style-2 #logo-group span#activity { color: #ffffff; } .smart-style-2 .btn-primary, .smart-style-2 .smart-form .button { background-color: #005aee; border-color: #005aee; } .smart-style-2 .btn-success { /*background-color: #5b835b; border-color: #4c6e4c;*/ } .smart-style-2 .btn-danger { background-color: #a90329; border-color: #900323; } .smart-style-2 .page-footer { background-color: transparent; /*height: 80px;*/ padding-top: 0; border-top: none; } .smart-style-2 .page-footer .row { border-top: 1px solid #cecece; margin-top: 30px; padding-top: 15px; } .smart-style-2 .dropdown-menu > li > a:focus, .smart-style-2 .dropdown-menu > li > a:hover { color: #ffffff; } /* end smart-style-2 custom */ .background-color-blue-login { background-color: #434e5d; } .thanks-box-border { border: 1px solid #dddbdb !important; padding: 30px !important; } .margin-bottom-50 { margin-bottom: 50px !important; } .margin-bottom-70 { margin-bottom: 70px !important; } .tab-required { border: red solid 1px; } .join-job-board-heading { color: white; font-size: 18px; font-weight: 600; } .go-button { padding: 20px 50px !important; } .go-button:hover { background-color: #00af00; } @media (max-width: 767px) { .container-responsive { padding: 0px !important; } } .pull-right-responsive { float: right !important; right: 0; margin-right: 0; } @media (max-width: 767px) { .pull-right-responsive { float: left !important; margin: auto !important; } } @media (min-width: 768px) and (max-width: 1199px) { .width-50-responsive { width: 50px !important; margin: 0 !important; } } @media (min-width: 768px) and (max-width: 1199px) { .min-width-10-responsive > li { min-width: 10px !important; } } .application-nav li a { color: black; margin: 0px; } .application-nav .active { background-color: rgba(0, 0, 0, 0) !important; } .application-nav .active > a { background-color: rgba(0, 0, 0, 0) !important; color: black; } .application-nav a:hover { background-color: transparent !important; cursor: default !important; } .application-nav a:focus { background-color: transparent !important; } .col-7 { width: 58.33333333%; } .border-radius { border-radius: 4px !important; } .border-bottom-right { border-top: none; border-left: none; } .min-height-150 { min-height: 150px; } .min-height-1000 { min-height: 1000px !important; } .height-100 { min-height: calc(100% - 50px); } .height-45 { height: 45px; } .height-100-25 { height: calc(100% - 25px); } .height-100-40 { height: calc(100% - 40px); } .height-100-60 { height: calc(100% - 60px); } .height-100-80 { height: calc(100% - 80px); } .height-100-100 { height: calc(100% - 100px); } .height-100-150 { height: calc(100% - 150px); } .image-circle { border-radius: 50%; } .border-bottom { border-bottom: 1px solid #e5e5e5; } .gray-border { border-color: #cacaca !important; } .gray-border-solid { border: 1px solid #cacaca; } .list-msg { background-color: #FAFA8B; border-radius: 6px; margin-top: 5px; } .fa-gray { color: #7f95d1; } .fa-gray-light { color: #cccccc; } .inline-block { display: inline-block; } .dropdown-menu { top: auto; } .odd-permission { background-color: #f7f8fc; } @media (min-width: 992px) { #tablecol { column-count: 3; } } @media (min-width: 992px) { #tablecol2 { column-count: 2; } } .employee-record .record-span { width: 200px; display: inline-block; } @media (max-width: 991px) { .timeline-overview { padding-right: 0px !important; } } @media (min-width: 768px) { .custom-relation-style { padding-left: 0px !important; margin-left: -25px !important; } } @media (min-width: 768px) { .custom-grader-style { padding-left: 0px !important; margin-left: 15px !important; } } .new-employee-label { color: #e8e8e8; } @media (max-width: 991px) { .new-employee-label { padding-top: 20px; } } .new-employee-span { color: #c5c5bf; } .position-header { /* padding-top: 16px; padding-bottom: 2px; position: fixed; right: 0; left: 0; z-index: 901; background-color: $bg-secondary; height: 60px; margin-top: 20px; -moz-box-shadow: 0 35px 0 rgba(18, 18, 18, 0.15); -webkit-box-shadow: 0 35px 0 rgba(18, 18, 18, 0.15); box-shadow: 0 0 35px 0 rgba(18, 18, 18, 0.15); */ } .position-header .input-group { width: 80%; } .position-header .input-group .form-control { border-top-left-radius: 6px !important; border-bottom-left-radius: 6px !important; } .position-header .dropdown-menu { max-height: 600px; overflow-y: auto; } .position-header .dropdown-menu::-webkit-scrollbar-track { background-color: #F5F5F5; } .position-header .dropdown-menu::-webkit-scrollbar { width: 12px; background-color: #F5F5F5; } .position-header .dropdown-menu::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); } .position-header li.closed { border-left: 3px solid darkred; } .position-header .search { padding-top: 7px; } .position-header .search input.form-control { border-radius: 26px !important; border-top-left-radius: 26px !important; border-bottom-left-radius: 26px !important; } a.navbar-brand { color: #ffffff; height: 38px; padding: 10px 15px; } .custom-hover-picture-edit { display: none; } .custom-hover-picture:hover .custom-hover-picture-edit { display: block; } .height-34 { height: 34px; } .height-60 { height: 60px !important; } .chosen { border: 1px solid #99B2E6; background-color: #99B2E6 !important; } div.answer-choice label.chosen { border: 1px solid var(--oa-brand-primary, #005aee); background-color: var(--oa-brand-primary, #005aee) !important; color: #fff; } div.answer-choice .radio-toolbar label.chosen { color: #fff !important; } .help-block { font-size: 12px; } .separator { margin: 0 5px; } .margin-auto { margin: auto !important; } .tab-content { padding: 10px 15px; } .glyphicon-star { color: #3276B1; } .bg-color-gray-recutil { background-color: #c6c6c6 !important; } .bg-color-gray { background-color: #c6c6c6 !important; } .bg-color-gray-light-recutil { background-color: #dbdbdb !important; } .bg-color-black { background-color: black !important; } .bg-color-blueLight-recutil { background-color: #89C4F4 !important; } .bg-color-green-recutil { background-color: #45B6AF !important; } .bg-color-white { background-color: #ffffff !important; } .bg-color-purple2 { background-color: #b1b3b6 !important; } .bg-color-purple3 { background-color: #6576a6 !important; } .jarviswidget > header { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .jarviswidget div[role=content] { border-top: none !important; } /* start navbar-collapse */ .navbar-collapse, #extr-page .candidate-registration #header { /* background-color: #333e49 !important; */ } @media (max-width: 767px) { .navbar-collapse.collapse { display: none !important; } } @media (max-width: 767px) { .navbar-collapse.in { display: block !important; } } @media (max-width: 767px) { .navbar-header { float: none; } } @media (max-width: 767px) { .navbar-toggle { display: block; margin-right: 0; margin-top: 4px; } .navbar-toggle nav > li { position: relative; display: block; float: left; } } @media (max-width: 767px) { .navbar-nav { float: none !important; } } .navbar-nav li.sign_up a { border: 1px solid #f1f1f1; padding: 4px; padding-left: 15px; padding-right: 15px; margin-top: 5px; } /* end navbar-collapse */ .smart-style-2 nav > ul > li > a { padding: 9px 12px; } .bs-docs-nav .navbar-toggle .icon-bar { background-color: #fff; } .line-height-20 { line-height: 20px !important; } .menu-on-top #main { margin-top: 0 !important; margin-left: 245px; } .menu-on-top .menu-item-parent { max-width: none; } .menu-on-top nav > ul > li > a > i { font-size: 1.6em !important; display: block; width: auto; margin-right: 0px; } .menu-on-top .navbar { height: 57px !important; } .menu-on-top nav > ul > li { text-align: center; } @media (min-width: 1200px) { .menu-on-top nav > ul > li { min-width: 30px !important; } } .menu-on-top nav > ul > li.nav-small { margin-top: 7px; min-width: 40px !important; } .menu-on-top nav > ul > li.nav-small a { width: 40px !important; } .menu-on-top nav ul ul li:hover > a:after, .menu-on-top nav > ul ul > li a:after, .menu-on-top nav > ul ul > li a:hover:after, .menu-on-top nav > ul > li > a:after { display: none !important; } .menu-on-top nav > ul > li:hover { color: #ffffff; } .menu-on-top nav > ul > li > ul { position: absolute !important; background: #3a3633; } @media (max-width: 1260px) { .menu-on-top nav > ul > li > ul { position: relative !important; } } .menu-on-top nav > ul > li:hover > ul { display: block !important; } .smart-style-2 nav ul li a:active { background: none !important; } .smart-style-2.menu-on-top nav ul ul { background: #ffffff !important; } @media (max-width: 960px) { .smart-style-2.menu-on-top nav ul ul { background-color: #3d6893 !important; z-index: 900; width: 100%; } } .jarviswidget { margin: 0 0 30px; } .jarviswidget > div { font-size: 12px; border: 1px solid #e9e9e9 !important; border-radius: 3px; background-color: #ffffff; padding: 13px; } .jarviswidget > header { border: 1px solid #e1e1e1; } .smart-form { color: #334155; } .smart-form header { font-weight: 400; } .smart-form fieldset { background-color: #ffffff; } .smart-form .select { border-color: #f6f6f6; } .smart-form .select select.input-sm + i { height: 8px; } .smart-form .select select { border-color: #cecece; border-radius: 2px; } .smart-form .select i:before { border-bottom: none; } .smart-form select.form-control { border-color: #e3eeff !important; border-radius: 5px !important; border-width: 2px !important; padding-left: 10px; background-color: #edf2f7 !important; } .smart-form select.form-control:hover { border-color: #adcdff !important; } .smart-form input.form-control { border-color: #e3eeff !important; border-radius: 5px !important; border-width: 2px !important; background-color: #fdfdfd; } .smart-form input.form-control:hover { border-color: #adcdff !important; } .smart-form .btn { padding: 6px 12px; } .smart-form .btn-xs { padding: 1px 5px; } .candidates-search { border-color: #e3eeff !important; border-radius: 3px !important; border-width: 2px !important; } .candidates-search:hover { border-color: #adcdff !important; } .candidates-search .ui-select-choices-row.select2-highlighted { background-color: #e5e5e5 !important; color: #000000 !important; } .candidates-search .select2-results .select2-result-label { padding: 1px 7px 1px; } .main-content-box { min-height: 580px; } /* selected style */ /*.selected-correct { border: 2px solid $color-green !important; &:before { content: "\f00c"; top: 0px; } &:after { border-top: 35px solid $color-green; } } .selected-wrong { border: 2px solid $redLight !important; &:before { content: "\f00d"; top: 0px; } &:after { border-top: 35px solid $redLight; } }*/ /* end selected style */ .col-md-8 .widget-body { /*padding: 0;*/ } .assessment { /*fieldset.no-border .col-2 { max-width: 150px; }*/ /*.calculator { margin-left: 8.3333%; }*/ } .assessment .tooltip-inner { font-size: 12px; font-family: Verdana; max-width: 250px; font-weight: normal; } .assessment .smart-form footer.margin-top-30 { background: transparent; padding: 7px 0 15px 0; } .assessment .smart-form .rating label { float: left; } .assessment .smart-form .rating input + label:hover, .assessment .smart-form .rating input + label:hover ~ label { color: #8ac38b; } .assessment input.tagsinput { box-sizing: border-box; } .assessment .question-form fieldset { max-width: 1100px; } .assessment .tab-content .pull-left { margin-top: 2px; } .assessment .tab-content .pull-left small { color: #555555; } .assessment .tab-content .pull-right .btn-link { margin-bottom: 2px; } .assessment .tab-content .questions-holder { border-top: 1px solid #cccccc; height: 340px; overflow-y: scroll; } .assessment .tab-content .questions-holder::-webkit-scrollbar { width: 10px; _background-color: #f0f0f0; } .assessment .tab-content .questions-holder::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid rgba(255, 255, 255, 0); background-clip: content-box; _background-color: #e1e1e1; background-color: #cccccc; } .assessment .tab-content .questions-holder::-webkit-scrollbar-thumb:hover { border-radius: 8px; border: 2px solid rgba(255, 255, 255, 0); background-clip: content-box; background-color: #cccccc; } .assessment .tab-content .list-unstyled li { border-bottom: 1px dotted #ccc; padding: 5px 5px 10px 5px; cursor: pointer; } .assessment .tab-content .list-unstyled li:hover, .assessment .tab-content .list-unstyled li.active { background-color: #efefef; } .assessment .tab-content .list-unstyled li span.label { margin-top: 3px; } .assessment .tab-content .list-unstyled li p { color: #005aee; } .assessment fieldset.answers .col-1 { margin-top: 4px; width: 5%; } .assessment fieldset.answers .col-1 i.fa { margin-top: 4px; } .assessment fieldset.answers .img-holder img { max-height: 82px; } .assessment fieldset.answers .btn-link { font-size: 12px; } .assessment fieldset.answers span.button { color: #005aee !important; background-color: transparent; border: none; font-weight: normal; padding-left: 0; right: auto; left: 30px; top: -19px; opacity: 1; } .assessment span.label { display: inline; font-weight: normal; padding: 0.2em 0.6em 0.3em; font-size: 65%; } .assessment i.fa-circle { color: #e2e2e2; } .assessment i.fa-circle.green { color: #8ac38b; } .assessment .content .content-header .pull-right span { font-size: 12px; margin-left: 12px; } .assessment .content .answer-holder .question { margin: 30px auto; font-size: 13.5px; } .assessment .content .answer-holder .code-question-holder { padding-left: 22px; font-size: 14px; } .assessment .content .answer-holder .aptitude-question-holder img { margin: auto; } .assessment .content .answer-holder label.margin-bottom-0 { cursor: pointer; } .assessment .content .answer-holder.likert-scale { margin-top: 120px; } .assessment .col-sm-7.col-sm-offset-3 .btn-lg { margin-right: 8px; } .assessment .widget-body .tab-content { /*height: 80%; &::-webkit-scrollbar { width: 8px; _background-color: #f0f0f0; } &::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid rgba(255, 255, 255, 0); background-clip: content-box; _background-color: #e1e1e1; background-color: #cccccc; } &::-webkit-scrollbar-thumb:hover { border-radius: 8px; border: 2px solid rgba(255, 255, 255, 0); background-clip: content-box; background-color: #cccccc; }*/ } .assessment .widget-body .tab-content .scroll-content { height: 500px; overflow-y: auto; } .assessment .image-type-question .img-question { margin: 0 auto; } .assessment .select2-choices .select2-search-field input { margin: 0; } .assessment .textarea .cke_chrome { width: 99% !important; } .assessment .upload-box { border: 1px solid #dddddd; height: 259px; padding: 0 3px; background: #eeeeee; } .assessment .upload-box ul { background: rgba(248, 248, 248, 0.9) !important; padding: 3px 0 5px 0; } .assessment .upload-box ul li > a { padding: 4px 12px; border: 1px solid #dddddd !important; font-size: 12px; margin-right: 5px; } .assessment .upload-box ul li.active > a { box-shadow: none; border-top-width: 1px !important; margin-top: 0 !important; } .assessment .upload-box .tab-content { border: none; background-color: #ffffff; height: 198px; } .assessment .upload-box .tab-content #upload-image { text-align: center; } .assessment .upload-box .tab-content #upload-file .table-holder { height: 100px; overflow-y: auto; /*border-bottom: 1px solid #dddddd;*/ } .assessment .upload-box .tab-content #upload-file .table-holder.uploaded-files { height: 150px; } .assessment .upload-box .tab-content #upload-file .progress { height: 12px; margin: 10px 0; } .assessment .panel { box-shadow: none; } .assessment .panel .fa-trash-o { margin-top: 4px; } .assessment .panel .buttons-holder { margin-left: 8.33333%; padding: 0 7px 0 2px; } .assessment .question-review-delete { color: #b0b0b0; } .link-color { color: #005aee; } .widget-body.candidates { padding: 0; } .widget-body.candidates .candidate-profile-tabs > :first-child a { border-left-width: 1px !important; } .candidates #s1-1 .candidate-profile, .candidate-interview #s1-1 .candidate-profile { border-bottom: none; } .candidates .col-sm-1.custom-col, .candidate-interview .col-sm-1.custom-col { width: 12%; } @media (max-width: 991px) { .candidates .col-sm-1.custom-col, .candidate-interview .col-sm-1.custom-col { width: 15%; } } .candidates .col-sm-11.custom-col, .candidate-interview .col-sm-11.custom-col { width: 88%; max-width: 800px; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; } .candidates .col-sm-11.custom-col p.location, .candidate-interview .col-sm-11.custom-col p.location { margin-top: 2px; } @media (max-width: 991px) { .candidates .col-sm-11.custom-col, .candidate-interview .col-sm-11.custom-col { width: 85%; } .candidates .col-sm-11.custom-col .basic-information .email, .candidate-interview .col-sm-11.custom-col .basic-information .email { display: block; } .candidates .col-sm-11.custom-col .border-bottom .col-sm-6, .candidate-interview .col-sm-11.custom-col .border-bottom .col-sm-6 { width: 100%; } } .candidates .candidate-profile .basic-information p, .candidate-interview .candidate-profile .basic-information p { margin: 5px 0 9px 0; font-size: 13.5px; } .candidates .candidate-profile .fa-star, .candidate-interview .candidate-profile .fa-star { font-size: 13.5px; color: #f0ad4e; } .candidates .candidate-profile .fa-star-o, .candidate-interview .candidate-profile .fa-star-o { font-size: 13.5px; color: #f0ad4e; } .candidates .skills .col-sm-11 td, .candidate-interview .skills .col-sm-11 td { border-top: none; } .candidates .skills .col-sm-11 td .fa-star, .candidate-interview .skills .col-sm-11 td .fa-star { color: #eeeeee; } .candidates .skills .col-sm-11 td .fa-star.color, .candidate-interview .skills .col-sm-11 td .fa-star.color { color: #005aee; } .candidates .skills .col-sm-11 td label.btn, .candidate-interview .skills .col-sm-11 td label.btn { padding: 3px 6px; cursor: default; } .candidates .skills .col-sm-11 td label.btn.bg-color-grayLight, .candidate-interview .skills .col-sm-11 td label.btn.bg-color-grayLight { background-color: #eeeeee; } .candidates .skills .col-sm-11 td span.badge, .candidate-interview .skills .col-sm-11 td span.badge { font-weight: normal; } .candidates .skills .col-sm-11 td span.badge.bg-color-primary, .candidate-interview .skills .col-sm-11 td span.badge.bg-color-primary { background-color: #005aee; } .candidates .job-history p.margin-bottom-20, .candidate-interview .job-history p.margin-bottom-20 { font-size: 13.5px; } .candidates .job-history p.margin-bottom-20 span, .candidate-interview .job-history p.margin-bottom-20 span { font-size: 12px; } .candidates .opportunities .header, .candidate-interview .opportunities .header { border-bottom: 2px solid #eeeeee; max-width: 1000px; } .candidates .opportunities .candidate-section, .candidate-interview .opportunities .candidate-section { border-bottom: 1px solid #e5e5e5; max-width: 1000px; padding-bottom: 10px; } .candidates .opportunities .col-xs-3, .candidate-interview .opportunities .col-xs-3 { width: 22.3333%; } .candidates .opportunities .col-xs-3 .popover.bottom > .arrow, .candidate-interview .opportunities .col-xs-3 .popover.bottom > .arrow { left: 20%; } .candidates .opportunities .col-xs-3 .popover-content img, .candidate-interview .opportunities .col-xs-3 .popover-content img { float: left; margin: 0 10px 8px 0; max-width: 30px; } .candidates .opportunities .col-xs-1, .candidate-interview .opportunities .col-xs-1 { width: 11%; } .candidates .opportunities .smart-form, .candidate-interview .opportunities .smart-form { display: inline-block; margin-left: 15px; } @media (min-width: 992px) and (max-width: 1199px) { .candidates .opportunities .smart-form, .candidate-interview .opportunities .smart-form { display: block; margin: 10px 0 0 0; } } .candidates .opportunities .smart-form label, .candidate-interview .opportunities .smart-form label { display: inline-block; margin-left: 12px; } .candidates .opportunities .btn-link, .candidate-interview .opportunities .btn-link { padding: 0; display: block; } .candidates .text-note, .candidate-interview .text-note { display: none; } .candidates .references thead, .candidate-interview .references thead { margin-bottom: 5px; } .candidates .references tr.overall, .candidate-interview .references tr.overall { background-color: #cde0c4; } .candidates .references img, .candidate-interview .references img { max-width: 40px; } .candidates .references small, .candidate-interview .references small { font-size: 10px; } /*** Extra ***/ .logList { min-height: 200px; border: 5px solid #000000; border-radius: 15px; } .apply-form .col-sm-5 { margin-top: 83px; } .apply-form .col-sm-7 { border-left: 1px solid #eeeeee; } .apply-form .text-muted { margin: 140px 0 0 -47px; } .apply-form .text-muted span { background-color: #ffffff; padding: 15px 0; } .apply-form footer { border-top: none; background: none; } .apply-form.step-2 h6 { color: #333333; } .apply-form.step-2 .birth-section label.input { display: inline-block; width: 27%; } .apply-form.step-2 .birth-section label.input.year { width: 32%; } .apply-form.step-2 .phone-section label.input { display: inline-block; width: 65%; } .apply-form.step-2 .phone-section label.input.padding-right-10 { width: 30%; } .page-header-2027 { display: flex; align-items: center; padding: 16px 20px; margin-bottom: 0; background-color: #ffffff; border-bottom: 1px solid #e1e5e9; } .page-header-2027 .page-title-2027 { display: flex; align-items: center; gap: 12px; margin: 0; font-size: 18px; font-weight: 600; color: #1f2b38; line-height: 1.4; } .page-header-2027 .page-title-2027 > i { font-size: 20px; color: #005aee; width: 24px; text-align: center; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .flex-1 { flex: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .justify-start { justify-content: flex-start !important; } .justify-end { justify-content: flex-end !important; } .justify-center { justify-content: center !important; } .justify-between { justify-content: space-between !important; } .justify-around { justify-content: space-around !important; } .items-start { align-items: flex-start !important; } .items-end { align-items: flex-end !important; } .items-center { align-items: center !important; } .items-baseline { align-items: baseline !important; } .items-stretch { align-items: stretch !important; } .gap-5 { gap: 5px !important; } .gap-10 { gap: 10px !important; } .gap-15 { gap: 15px !important; } .gap-20 { gap: 20px !important; } .flex-center { display: flex !important; align-items: center !important; } .flex-center-gap-5 { display: flex !important; align-items: center !important; gap: 5px !important; } .flex-center-gap-10 { display: flex !important; align-items: center !important; gap: 10px !important; } .flex-center-gap-15 { display: flex !important; align-items: center !important; gap: 15px !important; } .ml-0 { margin-left: 0 !important; } .ml-3px { margin-left: 3px !important; } .ml-5 { margin-left: 5px !important; } .ml-10 { margin-left: 10px !important; } .ml-15 { margin-left: 15px !important; } .ml-20 { margin-left: 20px !important; } .ml-auto { margin-left: auto !important; } .mr-0 { margin-right: 0 !important; } .mr-5 { margin-right: 5px !important; } .mr-10 { margin-right: 10px !important; } .mr-15 { margin-right: 15px !important; } .mr-20 { margin-right: 20px !important; } .mr-auto { margin-right: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-5 { margin-top: 5px !important; } .mt-10 { margin-top: 10px !important; } .mt-15 { margin-top: 15px !important; } .mt-20 { margin-top: 20px !important; } .mt-auto { margin-top: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-5 { margin-bottom: 5px !important; } .mb-10 { margin-bottom: 10px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-20 { margin-bottom: 20px !important; } .mx-0 { margin-left: 0 !important; margin-right: 0 !important; } .mx-auto { margin-left: auto !important; margin-right: auto !important; } .mx-5 { margin-left: 5px !important; margin-right: 5px !important; } .mx-10 { margin-left: 10px !important; margin-right: 10px !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-5 { margin-top: 5px !important; margin-bottom: 5px !important; } .my-10 { margin-top: 10px !important; margin-bottom: 10px !important; } .m-0 { margin: 0 !important; } .m-5 { margin: 5px !important; } .m-10 { margin: 10px !important; } .p-0 { padding: 0 !important; } .p-5 { padding: 5px !important; } .p-8 { padding: 8px !important; } .p-10 { padding: 10px !important; } .p-15 { padding: 15px !important; } .p-20 { padding: 20px !important; } .p-10-15 { padding: 10px 15px !important; } .p-8-20 { padding: 8px 20px !important; } .p-15-20 { padding: 15px 20px !important; } .pl-0 { padding-left: 0 !important; } .pl-5 { padding-left: 5px !important; } .pl-10 { padding-left: 10px !important; } .pl-15 { padding-left: 15px !important; } .pl-20 { padding-left: 20px !important; } .pr-0 { padding-right: 0 !important; } .pr-5 { padding-right: 5px !important; } .pr-10 { padding-right: 10px !important; } .pr-15 { padding-right: 15px !important; } .pr-20 { padding-right: 20px !important; } [class*=col-].col-pr-0 { padding-right: 0 !important; } .pt-0 { padding-top: 0 !important; } .pt-5 { padding-top: 5px !important; } .pt-10 { padding-top: 10px !important; } .pt-15 { padding-top: 15px !important; } .pt-20 { padding-top: 20px !important; } .pb-0 { padding-bottom: 0 !important; } .pb-3 { padding-bottom: 3px !important; } .pb-5 { padding-bottom: 5px !important; } .pb-10 { padding-bottom: 10px !important; } .pb-15 { padding-bottom: 15px !important; } .pb-20 { padding-bottom: 20px !important; } .px-0 { padding-left: 0 !important; padding-right: 0 !important; } .px-5 { padding-left: 5px !important; padding-right: 5px !important; } .px-10 { padding-left: 10px !important; padding-right: 10px !important; } .px-15 { padding-left: 15px !important; padding-right: 15px !important; } .px-20 { padding-left: 20px !important; padding-right: 20px !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-5 { padding-top: 5px !important; padding-bottom: 5px !important; } .py-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .py-15 { padding-top: 15px !important; padding-bottom: 15px !important; } .w-auto { width: auto !important; } .w-full { width: 100% !important; } .w-60 { width: 60px !important; } .w-100 { width: 100px !important; } .w-120 { width: 120px !important; } .w-150 { width: 150px !important; } .w-200 { width: 200px !important; } .w-250 { width: 250px !important; } .w-300 { width: 300px !important; } .min-w-100 { min-width: 100px !important; } .min-w-150 { min-width: 150px !important; } .min-w-180 { min-width: 180px !important; } .min-w-200 { min-width: 200px !important; } .min-w-250 { min-width: 250px !important; } .min-w-300 { min-width: 300px !important; } .min-w-600 { min-width: 600px !important; } .max-w-150 { max-width: 150px !important; } .max-w-300 { max-width: 300px !important; } .max-w-350 { max-width: 350px !important; } .max-w-500 { max-width: 500px !important; } .h-auto { height: auto !important; } .h-full { height: 100% !important; } .min-h-600 { min-height: 600px !important; } .max-h-70vh { max-height: 70vh !important; } .max-h-80vh { max-height: 80vh !important; } .text-dark-blue { color: #314867 !important; } .text-muted-blue { color: #8590a7 !important; } .text-blue-accent { color: #5d6b9d !important; } .text-primary-blue { color: #204e7e !important; } .text-link-blue { color: #1a73e8 !important; } .text-gray-dark { color: #4a5568 !important; } .text-gray-light { color: #cbd5e0 !important; } .text-gray-muted { color: #9badbd !important; } .text-gold { color: #c6b895 !important; } .text-orange { color: orange !important; } .text-white { color: #fff !important; } .text-black { color: #000 !important; } .text-dark { color: #333 !important; } .bg-white { background-color: #fff !important; } .bg-whitesmoke { background-color: whitesmoke !important; } .bg-gray-light { background-color: #e6e9ec !important; } .bg-blue-light { background-color: #f3f9ff !important; } .bg-gray-100 { background-color: #f5f5f5 !important; } .bg-orange-alert { background-color: #FF5722 !important; } .bg-primary-btn { background-color: #4d6095 !important; } .word-break { word-wrap: break-word !important; } .break-word { word-wrap: break-word !important; overflow-wrap: break-word !important; } .whitespace-nowrap { white-space: nowrap !important; } .whitespace-normal { white-space: normal !important; } .text-wrap-pretty { text-wrap: pretty !important; } .text-left { text-align: left !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .text-7 { font-size: 7px !important; } .text-8 { font-size: 8px !important; } .text-10 { font-size: 10px !important; } .text-11 { font-size: 11px !important; } .text-12 { font-size: 12px !important; } .font-normal { font-weight: normal !important; } .font-medium { font-weight: 500 !important; } .font-semibold { font-weight: 600 !important; } .font-bold { font-weight: 700 !important; } .d-none { display: none !important; } .d-block { display: block !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .visibility-collapse { visibility: collapse !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-75 { opacity: 0.75 !important; } .opacity-100 { opacity: 1 !important; } .cursor-pointer { cursor: pointer !important; } .cursor-default { cursor: default !important; } .cursor-not-allowed { cursor: not-allowed !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-visible { overflow: visible !important; } .valign-top { vertical-align: top !important; } .valign-middle { vertical-align: middle !important; } .valign-bottom { vertical-align: bottom !important; } .border-none { border: none !important; } .border { border: 1px solid #e6e6e6 !important; } .border-top { border-top: 1px solid #e6e6e6 !important; } .border-bottom { border-bottom: 1px solid #e6e6e6 !important; } .border-left { border-left: 1px solid #e6e6e6 !important; } .border-right { border-right: 1px solid #e6e6e6 !important; } .border-gray-light { border-color: #b8c7d5 !important; } .rounded-none { border-radius: 0 !important; } .rounded { border-radius: 4px !important; } .rounded-md { border-radius: 10px !important; } .rounded-lg { border-radius: 20px !important; } .rounded-full { border-radius: 50% !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .position-inherit { position: inherit !important; } .top-0 { top: 0 !important; } .right-0 { right: 0 !important; } .bottom-0 { bottom: 0 !important; } .left-0 { left: 0 !important; } .z-10 { z-index: 10 !important; } .z-100 { z-index: 100 !important; } .z-666 { z-index: 666 !important; } .z-900 { z-index: 900 !important; } .z-999 { z-index: 999 !important; } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } .clearfix::after { content: ""; display: table; clear: both; } .btn-padding { padding: 8px 20px !important; border-radius: 20px !important; } .tag-style { display: inline-block !important; padding: 2px 10px !important; margin-right: 5px !important; border-radius: 10px !important; background-color: #edf2f7 !important; font-size: 11px !important; } .card-bordered { border: 1px solid #e6e6e6 !important; background-color: white !important; border-radius: 10px !important; } .modal-scroll { max-height: 80vh !important; overflow-y: auto !important; padding: 15px !important; } .card-hover { transition: all 0.15s ease !important; } .card-hover:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; transform: translateY(-2px) !important; } .row.no-gutter { margin-left: 0 !important; margin-right: 0 !important; } .gap-8 { gap: 8px !important; } .gap-12 { gap: 12px !important; } .gap-16 { gap: 16px !important; } .gap-24 { gap: 24px !important; } .gap-32 { gap: 32px !important; } .component-row { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 16px !important; } .badge-wrapper { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } .notification-dot { position: absolute !important; top: -4px !important; right: -4px !important; width: 8px !important; height: 8px !important; background: var(--oa-danger-solid, #DC2626) !important; border-radius: 50% !important; border: 2px solid white !important; } .notification-count, .notification-count-primary { position: absolute !important; top: -6px !important; right: -10px !important; background: var(--oa-danger-solid, #DC2626) !important; color: white !important; font-size: 10px !important; padding: 1px 5px !important; border-radius: 10px !important; font-weight: 600 !important; min-width: 16px !important; text-align: center !important; } .notification-count-primary { background: var(--oa-brand-primary, #005aee) !important; } .avatar { display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background: var(--oa-brand-primary, #005aee) !important; color: white !important; font-weight: 600 !important; flex-shrink: 0 !important; } .avatar-xs { width: 24px !important; height: 24px !important; font-size: 10px !important; } .avatar-sm { width: 32px !important; height: 32px !important; font-size: 12px !important; } .avatar-md { width: 40px !important; height: 40px !important; font-size: 14px !important; } .avatar-lg { width: 56px !important; height: 56px !important; font-size: 18px !important; } .avatar-xl { width: 80px !important; height: 80px !important; font-size: 24px !important; } .avatar-success { background: #10B981 !important; } .avatar-warning { background: #F59E0B !important; } .avatar-danger { background: #EF4444 !important; } .avatar-info { background: #3B82F6 !important; } .avatar-purple { background: #8B5CF6 !important; } .avatar-pink { background: #EC4899 !important; } .info-badge { display: inline-block; background-color: var(--oa-blue-100, #DBEAFE); color: var(--oa-text-main, #1F2937); font-weight: 600; font-size: 11px; text-transform: uppercase; padding: 4px 10px; border-radius: 10px; margin-left: 5px; white-space: nowrap; line-height: 1.4; } .info-badge-sm { font-size: 10px; padding: 2px 6px; border-radius: 4px; background-color: var(--oa-info-bg, #EFF6FF); } .info-badge-success { background-color: var(--oa-success-bg, #F0FDF4); color: var(--oa-success-text, #166534); } .info-badge-warning { background-color: var(--oa-warning-bg, #FFFBEB); color: var(--oa-warning-text, #B45309); } .info-badge-error { background-color: var(--oa-error-bg, #FEF2F2); color: var(--oa-error-text, #B91C1C); } @media (max-width: 768px) { .pagination-scroll-x { overflow-x: auto; -webkit-overflow-scrolling: touch; } } /* Shared CSS */ .label-white { color: #fff; } .position-page-candidate .label { float: left; margin: 2px; padding: 4px; } .candidate-profile { background-color: white; border-left: 3px solid #8a8a94; border: 1px solid #f2f2f2; margin-bottom: 10px; border-radius: 3px; padding: 10px 20px; } .candidate-profile.candidate-placeholder { padding: 10px 0px !important; border-left: none !important; border-bottom: none; } .candidate-profile.rejected { border-left: 5px solid #b71200; } .candidate-profile.maybe { border-left: 5px solid #ffa000; } .candidate-profile.accepted { border-left: 5px solid #008200; } .candidate-profile.candidate-active:hover { z-index: 800; } .candidate-profile.candidate-selected { background-color: #dce1fc; } .candidate-profile.contacted { border-left: 3px solid #424d6a; } .candidate-profile.selected { background-color: #f8fcff; } .candidate-profile p.text-muted { font-size: 12px; } .candidate-profile i.fa { /*border-bottom: 1px solid $legend-border-color;*/ /*color: $gray-light;*/ } .candidate-profile i.fa.fa-angle-double-up { font-weight: 600; } .candidate-profile i.fa.fa-star { color: #f0ad4e; } .candidate-profile .basic-information span { margin-right: 15px; /*font-size: $font-size-base; // 16px*/ } .candidate-profile .col-1-small { width: 6.33333%; } .candidate-profile .col-1-small .smart-form { margin-top: 22px; } .candidate-profile .col-1-large { /*width: 10.33333%;*/ } .candidate-profile .col-1-large img { margin-bottom: 5px; border-radius: 50%; } .candidate-profile .col-1-large .onoffswitch { width: 56px; } .candidate-profile .col-1-large .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label { border-color: #84A83E; } .candidate-profile .col-1-large .onoffswitch .onoffswitch-inner:before { background-color: #ffffff; text-shadow: 0 -1px 0 #ffffff; color: #555555; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #84A83E; padding-left: 5px; } .candidate-profile .col-1-large .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before { font-size: 11px; } .candidate-profile .col-1-large .btn { width: 100%; padding: 1px 0; } .candidate-profile .col-1-large .dropdown-menu { min-width: 90px; } .candidate-profile .col-1-large .dropdown-menu > li > a { padding: 0 5px 2px 5px; } .candidate-profile .label-info { color: #fff; } .candidate-profile .bg-color-purple { background-color: #6e587a; font-weight: normal; } .candidate-profile .skills .btn-link { margin: 0 15px; padding-top: 4px; } .candidate-profile .skills .dropdown-holder { display: inline-block; } .candidate-profile .skills .dropdown-holder .dropdown-menu { left: auto; } .candidate-profile .text-note { max-width: 350px; display: none; } .candidate-profile ul.estimate-view li { text-align: center; vertical-align: text-top; } .candidate-profile ul.estimate-view li.width-65 { background-color: #f3f7fb; border-radius: 5px; padding: 5px; margin: 3px; min-height: 68px; border: 1px solid #e4f0fb; } .candidate-profile ul.estimate-view .tooltip-estimate { color: #0d1117; text-transform: uppercase; font-weight: 600; font-size: 7pt; word-wrap: normal; } .candidate-profile ul.estimate-view .overall-no { background-color: rgba(255, 0, 3, 0.04); border-bottom: 1px solid #9d1b1d; } .candidate-profile ul.estimate-view .overall-yes { background-color: rgba(34, 255, 0, 0.07); border-bottom: 1px solid #009d33; } .candidate-full-profile ul.estimate-view li { color: #0d1117; text-transform: uppercase; font-weight: 600; font-size: 7pt; display: inline-block; vertical-align: top; } .candidate-full-profile ul.estimate-view li span.estimate { color: #0d1117; } .note-section img { width: 20px; /*position: absolute;*/ display: inline-block; } .note-section span.message-text { font-size: 12px; display: inline-block; max-width: 500px; } .note-section .recruter-note { display: block; font-size: 11px; margin-left: 30px; } .note-section .recruter-note em { color: #777; } .note-section .recruter-note a { font-size: 11px; } .nav-tabs.with-bckg { background-color: #f9f9f9; } .nav-tabs.with-bckg .btn { margin: 4px 4px 0 0; } .tab-content .table-hover .dropdown-menu { left: auto; min-width: 120px; } @media (max-width: 1440px) { .tab-content .table-hover .dropdown-menu { right: 11px; } } /*i.txt-gray { color: $gray-soft-recutil !important; } i.txt-blue { color: $blue-soft-recutil !important; } i.txt-green { color: $green-soft-recutil !important; }*/ .candidate-profile a i.pull-right { margin-left: 10px; font-size: 14px; } .candidate-profile a:hover .fa-facebook { color: #3c5a99; } .candidate-profile a:hover .fa-google-plus { color: #dd4b39; } .candidate-profile a:hover .fa-linkedin { color: #0a78b4; } .candidate-profile a:hover .fa-twitter { color: #28aae1; } .candidate-profile a:hover .fa-stumbleupon { color: #eb4924; } .hide-show { display: none; } div.answer-choice { border-radius: 10px; padding: 20px; background: #f7f7f7; } div.answer-choice .radio-toolbar { /*input[type="radio"] { display:none; }*/ } div.answer-choice .radio-toolbar label { display: block; border: 1px solid #aeb8d0; padding: 13px 0 13px 20px; cursor: pointer; font-size: 13.5px; margin: 0 auto 15px auto; font-weight: bold; background-color: rgba(101, 118, 166, 0.2196078431); } div.answer-choice .radio-toolbar label:hover { border: 1px solid #777; background-color: rgba(101, 118, 166, 0.5); } div.answer-choice .radio-toolbar input[type=radio]:checked + label { /*background-color: $state-info-bg;*/ } div.answer-choice .radio-toolbar.with-images label { padding: 10px; text-align: center; } div.answer-choice .radio-toolbar.with-images label img { margin: auto; } /* end Shared CSS */ /*sidebar*/ header#header #logo-group { transition: width 0.3s ease, max-width 0.3s ease; } header#header #logo-group #logo { transition: width 0.3s ease, max-width 0.3s ease; } header#header #logo-group #logo img, header#header #logo-group #logo img.img-responsive { max-height: 50px !important; height: auto !important; object-fit: contain !important; transition: all 0.3s ease; } aside#left-panel nav ul li:first-child img, #left-panel .nav > li:first-child img, aside#left-panel img.img-responsive { max-width: 120px !important; width: 120px !important; height: auto !important; margin: 0 auto; transition: all 0.3s ease; } .minified #left-panel nav ul li:first-child img, .minified #left-panel .nav > li:first-child img, .minified aside#left-panel img.img-responsive, .minified #logo-minified-img, .minified #logo-minifed img { max-width: 50px !important; max-height: 50px !important; width: 50px !important; position: relative !important; transition: all 0.3s ease; } .minified #logo-minifed, .minified #left-panel nav ul li:first-child { overflow: hidden !important; width: 78px !important; max-width: 78px !important; } .minified #header #logo-group, .minified header#header #logo-group { width: 78px !important; max-width: 78px !important; min-width: 78px !important; overflow: hidden !important; } .minified #header #logo-group #logo, .minified header#header #logo-group #logo { width: 78px !important; max-width: 78px !important; min-width: 78px !important; overflow: hidden !important; } #left-panel { transition: width 0.3s ease; } #main { transition: margin-left 0.3s ease; } .fixed-ribbon #ribbon { transition: left 0.3s ease; } #main_icon { padding-top: 10px !important; padding-bottom: 10px !important; padding-right: 10px !important; } #wrapper { margin-top: 0px; padding-left: 78px; transition: all 0.4s ease 0s; height: 80%; } @media (max-width: 767px) { #wrapper { padding-left: 0px; } } #sidebar-wrapper { margin-left: -150px; left: -50px; width: 250px; position: fixed; height: 100%; z-index: 1; transition: all 0.4s ease 0s; padding-top: 10px; background-color: #eaeaea; -webkit-box-shadow: 5px 0 5px -2px #888; box-shadow: 5px 0 5px -2px #888; } @media (max-width: 767px) { #sidebar-wrapper { width: 100% !important; left: -1000px; } } #sidebar-wrapper ul li { margin-right: 20px; } .sidebar-nav { display: block; float: left; width: 250px; list-style: none; margin: 0; padding: 0; padding-left: 10px; } @media (max-width: 767px) { .sidebar-nav { width: 100%; } } .z-index-0 { z-index: 0 !important; } .z-index-100 { z-index: 100 !important; } .sidebar-brand { margin-right: 0px !important; } #page-content-wrapper { padding-left: 0; margin-left: 0; width: 100%; height: auto; } #wrapper.active { padding-left: 250px; } #wrapper.active #sidebar-wrapper { left: 150px; } #page-content-wrapper { width: 100%; } .sidebar_name { padding-top: 25px; color: #ffffff; opacity: 0.7; } .sidebar-nav > .sidebar-brand { height: 65px; line-height: 60px; font-size: 14px; } .sidebar-nav > .sidebar-brand a { color: #64748B; } .sidebar-nav > .sidebar-brand a:hover { color: #ffffff; background: none; } #main_icon { float: right; padding-right: 65px; padding-top: 20px; } .show-hide-font-11 { font-size: 11px; white-space: normal; } .responsive-padding-left-10 { padding-left: 10px; } @media (max-width: 767px) { .responsive-padding-left-10 { padding-left: 0px; } } .responsive-padding-right-10 { padding-right: 10px; } @media (max-width: 767px) { .responsive-padding-right-10 { padding-right: 0px !important; } } @media (max-width: 767px) { .small-font-responsive { font-size: 11px !important; } } @media (max-width: 767px) { .xs-font-responsive { font-size: 10px !important; } } @media (max-width: 767px) { .xxs-font-responsive { font-size: 7px !important; } } @media (max-width: 767px) { .popover-content { font-size: 10px !important; padding: 1px !important; z-index: 1; } } @media (max-width: 767px) { .margin-top--25-responsive { margin-top: -55px !important; } } @media (max-width: 480px) { .margin-top--40-responsive { margin-top: -40px !important; } } @media (max-width: 767px) { .center-responsive { text-align: center; } } @media (max-width: 767px) { .medium-font-responsive { font-size: 13.5px !important; } } @media (max-width: 767px) { .large-font-responsive { font-size: 16px !important; } } @media (max-width: 767px) { .sticky-side-candidates { width: 100% !important; left: -1000px; margin-left: -150px; position: fixed; height: 100%; z-index: 1; transition: all 0.4s ease 0s; padding-top: 10px; background-color: #eaeaea; -webkit-box-shadow: 5px 0 5px -2px #888; box-shadow: 5px 0 5px -2px #888; overflow: scroll; } } @media (max-width: 767px) { .active-sidebar { margin-top: -10px; left: 150px !important; } } @media (max-width: 767px) { .filter-button-responsive { z-index: 1000000; position: fixed; right: 0px; bottom: 0px; } } .hired-calendar { padding-top: 70px; } .candidates-filter { max-width: 280px; } .candidates-filter .badge { padding: 3px 7px !important; background-color: #bfbfbf; font-size: 10px; margin-top: 10px; font-weight: bold; } .candidates-filter .fa { color: #6475a5 !important; } .candidates-filter label { font-size: 11px !important; } .candidates-filter .jarviswidget header h2 { font-size: 11px !important; font-weight: bolder; color: grey; text-shadow: 0 1px 0 #ffffff; } .workflow .unsortable { background: #eeeeee; border: 1px solid lightgray; } .hoverDiv { background: #ffffff; } .hoverDiv:hover { background: #f5f5f5; } .member-fade { opacity: 0.3 !important; } #nav-container { top: 0; right: 0; bottom: 0; left: 0; width: 100%; margin: auto; } #nav-container div { position: absolute; top: -webkit-calc(50% - 19px); top: -moz-calc(50% - 19px); top: -ms-calc(50% - 19px); top: calc(50% - 19px); width: 38px; height: 38px; } #case-left { left: 0; } #case-right { right: 0; } .link { cursor: pointer !important; } .no-min-width { min-width: 0px !important; } .shift-calendar .cal-month-box { min-height: 20px !important; } .shift-calendar .cal-month-day { height: 50px !important; } .shift-calendar .cal-cell1 { min-height: 20px !important; height: 50px !important; } .shift-calendar .panel-body { padding-top: 0px; } .shift-calendar .font-xl { font-size: 22px !important; } .candidates-invitation { padding: 10px 0px 0px 0px; min-height: 374px; background-color: white; } .candidates-invitation .tab-content { padding: 0; margin: 0; padding-top: 2px; min-height: 330px; } .candidates-invitation .tab-content .smart-form { min-height: 260px; } .modal-body { background-color: white; } .chat-body li.message .message-text { padding: 3px; } .inner-addon { position: relative; } :root { --oa-icon-color: #57534E; --oa-icon-color-muted: #78716C; --oa-icon-color-light: #A8A29E; --oa-icon-size-sm: 12px; --oa-icon-size: 14px; --oa-icon-size-md: 16px; --oa-icon-size-lg: 18px; --oa-icon-size-xl: 20px; } .fa-light, .fa-regular, .fa-solid, .fa-duotone, .fas, .far, .fal, .fad, .glyphicon, i[class*=fa-] { font-size: var(--oa-icon-size, 14px); color: var(--oa-icon-color, #57534E); line-height: 1; vertical-align: middle; transition: color 0.15s ease, transform 0.15s ease; } .fa-stack .fa-stack-2x { font-size: 2em; color: inherit; } .fa-stack .fa-stack-1x { font-size: 1em; color: inherit; } .fa-stack .fa-inverse { color: #fff; --fa-primary-color: #fff; --fa-secondary-color: #fff; } .btn .fa-light, .btn .fa-regular, .btn .fa-solid, .btn i[class*=fa-], a .fa-light, a .fa-regular, a .fa-solid, a i[class*=fa-], .nav-link .fa-light, .nav-link .fa-regular, .nav-link .fa-solid, .nav-link i[class*=fa-], .dropdown-item .fa-light, .dropdown-item .fa-regular, .dropdown-item .fa-solid, .dropdown-item i[class*=fa-], [role=button] .fa-light, [role=button] .fa-regular, [role=button] .fa-solid, [role=button] i[class*=fa-] { color: currentColor; } .inner-addon { position: relative; } .inner-addon .glyphicon, .inner-addon .fa-light, .inner-addon .fa-duotone, .inner-addon .fa-solid, .inner-addon .fas, .inner-addon .far { position: absolute; top: 50%; transform: translateY(-50%); padding: 0 10px; z-index: 1; pointer-events: none; color: var(--oa-icon-color-muted, #78716C); } .inner-addon .glyphicon[ng-click], .inner-addon .fa-light[ng-click], .inner-addon .fa-duotone[ng-click], .inner-addon [ng-click] > .glyphicon, .inner-addon [ng-click] > .fa-light, .inner-addon [ng-click] > .fa-duotone { pointer-events: auto; cursor: pointer; } .inner-addon .glyphicon[ng-click]:hover, .inner-addon .fa-light[ng-click]:hover, .inner-addon .fa-duotone[ng-click]:hover, .inner-addon [ng-click] > .glyphicon:hover, .inner-addon [ng-click] > .fa-light:hover, .inner-addon [ng-click] > .fa-duotone:hover { color: var(--oa-brand-primary, #005aee); } .inner-addon:focus-within .glyphicon, .inner-addon:focus-within .fa-light, .inner-addon:focus-within .fa-duotone, .inner-addon:focus-within .fa-solid { color: var(--oa-brand-primary, #005aee); } .right-addon .glyphicon, .right-addon .fa-light, .right-addon .fa-duotone, .right-addon .fa-solid, .right-addon .fas, .right-addon .far { right: 10px; left: auto; top: 50%; transform: translateY(-50%); } .right-addon input { padding-right: 40px; } .left-addon .glyphicon, .left-addon .fa-light, .left-addon .fa-duotone, .left-addon .fa-solid, .left-addon .fas, .left-addon .far { left: 10px; right: auto; top: 50%; transform: translateY(-50%); } .left-addon input { padding-left: 40px; } .form-control-feedback.glyphicon, .form-control-feedback.fa-light, .form-control-feedback.fa-duotone, .form-control-feedback.fa-solid { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); z-index: 2; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; pointer-events: none; color: var(--oa-icon-color-muted, #78716C); } .form-control-feedback.glyphicon-refresh, .form-control-feedback.fa-arrows-rotate, .form-control-feedback.fa-spinner { animation: spin 1s linear infinite; } @keyframes spin { from { transform: translateY(-50%) rotate(0deg); } to { transform: translateY(-50%) rotate(360deg); } } .fa-light.fa-xs, .fa-regular.fa-xs, .fa-solid.fa-xs, .fa-duotone.fa-xs, .glyphicon.fa-xs { font-size: var(--oa-icon-size-sm, 12px) !important; } .fa-light.fa-sm, .fa-regular.fa-sm, .fa-solid.fa-sm, .fa-duotone.fa-sm, .glyphicon.fa-sm { font-size: 13px !important; } .fa-light.fa-lg, .fa-regular.fa-lg, .fa-solid.fa-lg, .fa-duotone.fa-lg, .glyphicon.fa-lg { font-size: var(--oa-icon-size-md, 16px) !important; } .fa-light.fa-xl, .fa-regular.fa-xl, .fa-solid.fa-xl, .fa-duotone.fa-xl, .glyphicon.fa-xl { font-size: var(--oa-icon-size-lg, 18px) !important; } .fa-light.fa-2x, .fa-regular.fa-2x, .fa-solid.fa-2x, .fa-duotone.fa-2x, .glyphicon.fa-2x { font-size: calc(var(--oa-icon-size, 14px) * 2) !important; } .fa-light.fa-3x, .fa-regular.fa-3x, .fa-solid.fa-3x, .fa-duotone.fa-3x, .glyphicon.fa-3x { font-size: calc(var(--oa-icon-size, 14px) * 3) !important; } h1 > .glyphicon, h1 > .fa-light, h1 > .fa-duotone, h1 > i[class*=fa-], h2 > .glyphicon, h2 > .fa-light, h2 > .fa-duotone, h2 > i[class*=fa-], h3 > .glyphicon, h3 > .fa-light, h3 > .fa-duotone, h3 > i[class*=fa-], h4 > .glyphicon, h4 > .fa-light, h4 > .fa-duotone, h4 > i[class*=fa-], h5 > .glyphicon, h5 > .fa-light, h5 > .fa-duotone, h5 > i[class*=fa-], h6 > .glyphicon, h6 > .fa-light, h6 > .fa-duotone, h6 > i[class*=fa-], .heading-1 > .glyphicon, .heading-1 > .fa-light, .heading-1 > .fa-duotone, .heading-1 > i[class*=fa-], .heading-2 > .glyphicon, .heading-2 > .fa-light, .heading-2 > .fa-duotone, .heading-2 > i[class*=fa-], .heading-3 > .glyphicon, .heading-3 > .fa-light, .heading-3 > .fa-duotone, .heading-3 > i[class*=fa-], .oa-h1 > .glyphicon, .oa-h1 > .fa-light, .oa-h1 > .fa-duotone, .oa-h1 > i[class*=fa-], .oa-h2 > .glyphicon, .oa-h2 > .fa-light, .oa-h2 > .fa-duotone, .oa-h2 > i[class*=fa-], .oa-h3 > .glyphicon, .oa-h3 > .fa-light, .oa-h3 > .fa-duotone, .oa-h3 > i[class*=fa-] { font-size: inherit; } .fa-light.fa-lg, .fa-duotone.fa-lg { font-size: 1.33em !important; } .fa-light.fa-2x, .fa-duotone.fa-2x { font-size: 2em !important; } .fa-light.fa-3x, .fa-duotone.fa-3x { font-size: 3em !important; } .fa-light.fa-4x, .fa-duotone.fa-4x { font-size: 4em !important; } .fa-light.fa-5x, .fa-duotone.fa-5x { font-size: 5em !important; } .input-group-addon .glyphicon-calendar, .input-group-addon .fa-calendar, .input-group-addon .fa-calendar-days, .btn-default.flat-btn .glyphicon-calendar, .btn-default.flat-btn .fa-calendar, .btn-default.flat-btn .fa-calendar-days { color: #555; font-size: 14px; } .input-group-addon .glyphicon-calendar:hover, .input-group-addon .fa-calendar:hover, .input-group-addon .fa-calendar-days:hover, .btn-default.flat-btn .glyphicon-calendar:hover, .btn-default.flat-btn .fa-calendar:hover, .btn-default.flat-btn .fa-calendar-days:hover { color: #333; } .dashboard-search { border-radius: 20px !important; } @media (min-width: 768px) { .margin-left--25-responsive { margin-left: -25px !important; } } @media (min-width: 768px) { .margin-left--35-responsive { margin-left: -35px !important; } } .border-darker { border: 1px solid #727272 !important; } .width-50 { width: 50px !important; } .width-65 { width: 65px !important; } .width-40 { width: 40px !important; } .width-250 { width: 250px !important; } .width-300 { width: 300px !important; } .max-width-300 { max-width: 300px !important; } .max-width-200 { max-width: 200px !important; } .width-100 { width: 100px !important; } .global-candidate-label { font-size: 10px; padding: 2px 0px; } .global-candidate-p { font-size: 14px; padding: 0px 0px; margin: 0px; font-family: var(--oa-font-family); } .global-candidate-p-custom { font-size: 11px; margin-right: 0px; } .beta-flag:after { content: "beta"; position: absolute; width: 85px; height: 25px; background: #EE8E4A; top: 7px; right: -5px; text-align: center; font-size: 12px; font-family: sans-serif; text-transform: uppercase; font-weight: bold; color: #ffffff; line-height: 27px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .pro-flag:after { content: "pro"; position: absolute; width: 85px; height: 25px; background: #86afd4; top: 7px; right: -20px; text-align: center; font-size: 12px; font-family: sans-serif; text-transform: uppercase; font-weight: bold; color: #ffffff; line-height: 27px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .thanks-border { border: 1px solid darkslategray; padding: 5px; } .assessment-timer-right { right: 0px; padding: 12px 20px 5px 20px; /* font-weight: bold; */ font-family: "courier"; /* z-index: 999; */ top: 10px; font-size: 15pt; font-family: monospace; } @media (max-width: 767px) { .assessment-timer-right { right: 0px !important; } } .assessment-timer-left { right: 140px; padding: 12px 20px 5px 20px; /* font-weight: bold; */ font-family: "courier"; /* z-index: 999; */ top: 10px; font-size: 15pt; font-family: monospace; /* z right:290px; padding:12px 12px 5px 12px; font-weight: bold; font-family: 'courier';*/ } @media (max-width: 767px) { .assessment-timer-left { right: 105px !important; } } .move-on-top { z-index: 999999; } .progress-bar-divider { height: 45px; position: relative; width: 1px; z-index: 999; margin-top: -22px; border-left: 2px solid #e7e7e7 !important; float: right; margin-left: 5px; } .progress-bar-divider.first { height: 65px !important; margin-top: -50px; } .progress-bar-divider.last { height: 65px !important; float: left !important; margin-right: 5px !important; border-left: 2px dashed #e2e2e2 !important; margin-top: -50px; } .wrap-all-words { word-spacing: 400px !important; } ul.dashboard-chart-legend { -moz-column-gap: 20px; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } ul.dashboard-chart-legend li { padding-top: 3px; padding-bottom: 3px; } .dashboard-position-open .panel-heading { border-left: 3px solid green; } .dashboard-position-closed .panel-heading { border-left: 3px solid #b12730; } div.rising-stars .row { overflow: hidden; } div.rising-stars [class*=col-] { margin-bottom: -99999px; padding-bottom: 99999px; } div.dashboard-mini-pie-charts [class*=col-] { height: 150px; } div.dashboard-mini-pie-charts [class*=col-] div.mini-pie-canvas { height: 120px; } .no-fit { color: darkred !important; } .vertical-align-text-bottom { vertical-align: text-bottom !important; } .font-size-18-em { font-size: 1.8em !important; } .text-justify-xs { text-align: justify; } /* Sign-up and Sign-in pages */ .sign-up-in-page .container { max-width: 600px; margin-right: auto; margin-left: auto; } .sign-up-in-page .container h1 { font-size: 24px; letter-spacing: 0px !important; } .sign-up-in-page .container .form-box { background: #ffffff; padding: 25px; margin-top: 40px; box-shadow: 0 0 3px #c0c0c0; -webkit-box-shadow: 0 0 3px #c0c0c0; -moz-box-shadow: 0 0 3px #c0c0c0; } .sign-up-in-page .container .form-box p { color: #555555; } .sign-up-in-page .container .form-box .btn-social { display: inline; margin-right: 20px; } .sign-up-in-page .container .form-box .smart-form .separator { border-top: 2px dashed #ddd; margin: 25px 18px; } .sign-up-in-page .container .form-box .smart-form .btn-primary { padding: 7px 14px; font-size: 13.5px; font-weight: 300; } .sign-up-in-page .container .form-box .smart-form span.note { margin-top: 13px; } .sign-up-in-page .container .form-box .smart-form span.note a { font-size: 11px; } /* Firefox < 16 */ @-moz-keyframes pulse--non-number { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes pulse--non-number { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes pulse--non-number { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ .pulse--non-number { -webkit-animation: pulse--non-number 0.5s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: pulse--non-number 0.5s; /* Firefox < 16 */ /* Internet Explorer */ /* Opera < 12.1 */ animation: pulse--non-number 0.5s; } .pointer { cursor: pointer !important; } .cursor-text { cursor: text !important; } .standalone .scores { position: absolute; left: 130px; top: 310px; } .standalone .scores ul { list-style: none; } .standalone .scores ul li { font-size: 12px; padding-bottom: 10px; } .standalone .scores ul li span.category { width: 120px; float: left; font-weight: 600; } .standalone .scores ul li span.value { padding-left: 10px; float: right; font-weight: 600; } .skills-page { padding: 20px; padding-top: 50px; background-color: white; } .skills-page select[multiple] { width: 100%; height: 600px; } .skills-page .arrows { width: 50px; } .sourcing section { padding-bottom: 30px; } .sourcing ul.share-buttons { list-style: none; padding: 0; } .sourcing ul.share-buttons li { padding: 10px; float: left; } .sourcing ul.share-buttons li img { height: 40px; } .sourcing h4.share-buttons img { height: 40px; } .sourcing div.share-buttons img { height: 40px; } .sourcing button.share-buttons { font-size: 12px; } .sourcing div.row.logo-height { height: 40px; } .chat-body { background: none; background-color: white; padding: 0px; height: 470px; } .comments .well { border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; } .comments .tab-content { background-color: white; } .referal .contact { background-color: #f0f0f0; } .counter { position: fixed; z-index: 200; background: #474747; font-size: 14px; margin-right: 5px; color: white; border-radius: 3px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .counter ul { margin-bottom: 0px; } .tocenter { margin: 0 auto; display: inline; } .hr-content { padding-top: 50px; } .employee { padding-left: 30px; padding-right: 30px; /* style glyph */ } .employee .inner-addon { position: relative; } .employee .inner-addon .glyphicon, .employee .inner-addon .fa-duotone { position: absolute; padding: 10px; pointer-events: none; } .employee .right-addon .glyphicon, .employee .right-addon .fa-duotone { right: 5px; top: 0; } .employee .right-addon input { padding-right: 40px; } .employee .dashboard-search { border-radius: 20px !important; } .employee .box { width: 115px; height: 130px; text-align: center; cursor: pointer; } .employee .box:hover .avatar-circle { background-color: lightskyblue; } .employee .avatar-circle { padding-top: 0px; margin-left: 10px; border: 5px solid #eeeeee; box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3); text-transform: uppercase; background: #c1c4cb; } .employee .masonry2 { /* Masonry container */ margin: 1.5em 0; font-size: 0.85em; padding: 0; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; column-gap: 1.5em; font-size: 0.85em; } .employee .masonry2 .name { font-size: 12px; padding-left: 10px; padding-right: 10px; } .employee .masonry2 .panel-heading { background-color: #f8f8f8; } @media (max-width: 767px) { .employee .masonry2 { column-count: 1; } } @media (min-width: 768px) and (max-width: 1199px) { .employee .masonry2 { column-count: 2; } } @media (min-width: 1200px) { .employee .masonry2 { column-count: 3; } } .employee .box { width: 115px; height: 130px; text-align: center; cursor: pointer; } .employee .box:hover .avatar-circle { background-color: lightskyblue; } .employee .avatar-circle { margin-left: 10px; border: 5px solid #eeeeee; text-transform: uppercase; background: #c1c4cb; } .employee .item2 { /* Masonry bricks or child elements */ display: inline-block; background: #ffffff; margin: 0 0 1.5em; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 11px; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.18); border-radius: 3px; } .employee .item2 .on-hover { visibility: hidden; } .employee .item2:hover { box-shadow: 1px 1px 2px 0 #cccccc; background-color: #f4f5ff; } .employee .item2:hover .well-light { background-color: #ecedff; } .employee .item2:hover .on-hover { visibility: visible; } .employee .item3 { /* Masonry bricks or child elements */ background: #ffffff; box-shadow: 2px 2px 4px 0 #cccccc; font-size: 11px; border: 1px solid #d9d9d9; } .employee .item3 .on-hover { visibility: hidden; box-shadow: 6px 6px 8px 0 #cccccc; background-color: #ecedff; } .employee .item3:hover { box-shadow: 6px 6px 8px 0 #cccccc; background-color: #ecedff; } .employee .item3:hover .well-light { background-color: #ecedff; } .employee .item3:hover .on-hover { visibility: visible; } .employee .current { font-weight: bold; } .employee .current .avatar-circle { background-color: #0a78b4; } .employee .current .avatar-circle-small { background-color: #0a78b4; font-size: 19pt; } .employee .current .avatar-circle-small p { line-height: 120%; } .employee .team-lead .avatar-circle { border: 5px solid #5d698f; } .employee .team-lead .avatar-circle-small { border: 5px solid #5d698f; padding-top: 7pt; } .employee .team-lead .avatar-circle-small p { line-height: 120%; } .employee .join-team { cursor: pointer; } .employee .join-team .avatar-circle { background-color: lightgrey; } .employee .join-team .avatar-circle-small { background-color: lightgrey; } .employee .join-team .avatar-circle-small p { line-height: 130%; } .employee .join-team:hover .avatar-circle { background-color: darkgrey; } .employee .join-team:hover .avatar-circle-small { background-color: darkgrey; } .employee .well { box-shadow: none; } .employee .well.well-light { border: none; } @media (max-width: 767px) { .new-request { padding-bottom: 20px; } } @media (max-width: 767px) { .nav-path-levels { font-size: 10px; } } @media (max-width: 767px) { .leave-request-text { font-size: 16px; } } body.modal-open { width: 100% !important; padding-right: 0 !important; overflow: visible !important; } .employee-metric { padding-top: 15px; padding-bottom: 15px; } .employee-metric h1 { font-weight: bold; } .employer-modal .table-container { height: 250px; } .employer-modal table { display: flex; flex-flow: column; height: 100%; width: 100%; } .employer-modal table thead { /* head takes the height it requires, and it's not scaled when table is resized */ flex: 0 0 auto; width: calc(100% - 0.9em); } .employer-modal table tbody { /* body takes all the remaining available space */ flex: 1 1 auto; display: block; overflow-y: scroll; } .employer-modal table tbody tr { width: 100%; } .employer-modal table thead, .employer-modal table tbody tr { display: table; table-layout: fixed; } .history { height: 220px; overflow: scroll; overflow-x: hidden; } .history .history-row { padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #d0d0d0; } .question-review .scroll-content { overflow-y: auto; height: 500px; } .comment-rating .rate { color: #5a6994; display: inline-block; text-align: center; margin-left: 10px; font-weight: 600; padding-left: 3px; padding-right: 3px; } .comment-rating .user-rate { background-color: lightyellow; cursor: pointer !important; } .vertical-text { transform: rotate(90deg); transform-origin: left top 0; width: 10px; margin-top: 190px; } .motivation { background-color: #ffc135; color: white; padding: 8px; margin-top: 3px; font-size: 12px; text-transform: uppercase; color: black; font-weight: bold; } .coin-item-badge { vertical-align: super; padding: 5px 15px; background-color: #bdd1e4; border-radius: 5px; font-weight: bold; min-width: 40px; } .coin { background-color: #f8fbff; padding: 10px; margin: 5px; color: black; border-radius: 10px; border: 1px solid #eaf3f9; } .coin .fa-plus { padding: 10px; margin-left: 20px; text-align: center; background-color: #286090; color: white; cursor: pointer; cursor: hand; } .coin .coin-item-badge { vertical-align: super; padding: 5px 15px; background-color: #bdd1e4; border-radius: 5px; font-weight: bold; } .coin .token-button { color: #687990; } .coin .token-button:hover { color: #495d78; } .coin .answer-text { font-size: 13.5px; } .coin:hover { background-color: #eff6ff; } .landing .header { margin-top: 0px; margin-bottom: 0px; } .landing .headline { font-weight: 500; } .landing .tc-chart-js-legend { margin-bottom: 50px; } .landing .tc-chart-js-legend li { font-size: 13.5px; } .landing .tc-chart-js-legend li span { height: 25px; width: 50px; } .landing .landing-main { padding-bottom: 70px; } .landing .landing-metric { text-align: left; padding-top: 120px; } .landing .landing-metric .metric-label { font-size: 18px; font-weight: bold; width: 160px; display: inline-block; } .landing .landing-metric .metric-result { font-size: 18px; font-weight: bold; color: white; background-color: black; padding-left: 10px; padding-right: 10px; } .landing .landing-metric div { padding-bottom: 20px; } .landing .subheader { font-weight: 400; } .landing .black-row { height: 120px; } .landing .main-chart { min-width: 800px; } .assessment-errors { background-color: #f6f6f6; overflow-y: scroll; height: 100px; padding: 20px; font-family: "Courier New", Courier, monospace; } .bold { font-weight: bold !important; } .import { font-style: italic !important; } .hide { display: none; } .color-picker-wrapper { z-index: 90; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none; } .permission-group-bottom-border { border-bottom: solid 1px #dbdbdb; } .permission-group-bottom-border .group-label { font-weight: 700; padding: 10px 10px; text-transform: uppercase; } .color-picker-wrapper.body { position: absolute; } .color-picker-row { display: inline-block; background-color: #DDDDDD; } .color-picker { display: inline-block; width: 30px; height: 30px; cursor: pointer; margin: 1px 1px; vertical-align: middle; } .color-picker-wrapper.picker-icon { font-size: 0.1px; display: inline-block; vertical-align: text-bottom; margin-left: -18px; } .color-picker-wrapper.picker-icon.trigger { vertical-align: baseline; margin-left: 0; } .color-picker-row .color-picker:first-child { margin-left: 2px; } .color-picker-row .color-picker:last-child { margin-right: 2px; } .color-picker-row-wrapper:first-child .color-picker { margin-top: 2px; } .color-picker-row-wrapper:last-child .color-picker { margin-bottom: 2px; } .color-picker-wrapper.picker-icon .color-picker { width: 4px; height: 4px; margin: 0; } .color-picker { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; } .color-picker:hover { border: 1px solid #DDDDDD; } .color-picker.navy { background-color: #001f3f; } .color-picker.blue { background-color: #0074D9; } .color-picker.aqua { background-color: #7FDBFF; } .color-picker.teal { background-color: #39CCCC; } .color-picker.olive { background-color: #3D9970; } .color-picker.green { background-color: #2ECC40; } .color-picker.lime { background-color: #01FF70; } .color-picker.yellow { background-color: #FFDC00; } .color-picker.orange { background-color: #FF851B; } .color-picker.red { background-color: #FF4136; } .color-picker.maroon { background-color: #85144b; } .color-picker.fuchia { background-color: #F012BE; } .color-picker.purple { background-color: #B10DC9; } .color-picker.black { background-color: #111111; } .color-picker.gray { background-color: #AAAAAA; } .color-picker.white { background-color: #FFFFFF; } .picker { width: 30px; } .selectedRow td { background-color: #e4eaf1; } .search-candidate .search-item { border-bottom: solid 1px #f5f5f5; padding: 10px 10px; cursor: pointer; width: 250px; } .search-candidate .search-item:hover { background-color: ghostwhite; } .search-candidate .dropdown-menu { width: 250px; } h2 { margin-bottom: 30px; color: #4679bd; font-weight: 400; text-align: center; } p.footer { margin-bottom: 20px; color: #64748B; font-size: 14px; text-align: center; } /* ----------------------------------------------- * Timeline * --------------------------------------------- */ .timeline { list-style: none; padding: 10px 0; position: relative; font-weight: 300; } .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 2px; background: #dbdbdb; right: 95%; margin-left: -1.5px; height: 25px; top: 25px; } .timeline > li { margin-bottom: 20px; position: relative; width: 95%; float: left; clear: left; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li > .timeline-panel { width: calc(100% - 25px); width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); float: left; border: 1px solid #dcdcdc; background: #ffffff; position: relative; } .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #dcdcdc; border-right: 0 solid #dcdcdc; border-bottom: 15px solid transparent; content: " "; } .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #ffffff; border-right: 0 solid #ffffff; border-bottom: 14px solid transparent; content: " "; } .timeline > li > .timeline-badge { color: #eaeaea; width: 24px; height: 24px; line-height: 50px; text-align: center; position: absolute; top: 16px; right: -12px; z-index: 100; } .create-new-team { position: fixed; right: 150px; top: 42px; z-index: 906; } .timeline > li.timeline-inverted > .timeline-panel { float: right; } .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline-badge > a { color: #3a5c95 !important; } .timeline-badge a:hover { color: #dcdcdc !important; } .timeline-title { margin-top: 0; color: inherit; } .timeline-heading h4 { font-weight: 400; padding: 0 15px; color: #3a5c95; } .timeline-body > p, .timeline-body > ul { padding: 10px 15px; margin-bottom: 0; } .timeline-footer { padding: 5px 15px; background-color: #f4f4f4; } .timeline-footer p { margin-bottom: 0; } .timeline-footer > a { cursor: pointer; text-decoration: none; } .timeline > li.timeline-inverted { float: right; clear: right; } .timeline > li.timeline-inverted > .timeline-badge { left: -12px; } .no-float { float: none !important; } @media (max-width: 767px) { ul.timeline:before { left: 40px; } ul.timeline > li { margin-bottom: 0px; position: relative; width: 100%; float: left; clear: left; } ul.timeline > li > .timeline-panel { width: calc(100% - 65px); width: -moz-calc(100% - 65px); width: -webkit-calc(100% - 65px); } ul.timeline > li > .timeline-badge { left: 28px; margin-left: 0; top: 16px; } ul.timeline > li > .timeline-panel { float: right; } ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline > li.timeline-inverted { float: left; clear: left; margin-top: 30px; margin-bottom: 30px; } .timeline > li.timeline-inverted > .timeline-badge { left: 28px; } } .tags a { border: 1px solid #dddddd; display: inline-block; color: #717171; background: #ffffff; -webkit-box-shadow: 0 1px 1px 0 rgba(180, 180, 180, 0.1); box-shadow: 0 1px 1px 0 rgba(180, 180, 180, 0.1); transition: all 0.1s ease-in-out; border-radius: 15px; margin: 0 3px 6px 0; padding: 5px 10px; background-color: #e8ecfd; } .tags a:hover { border-color: #08C; text-decoration: none; } .tags a:hover .hidden { display: inline !important; } .tags a.primary { color: #ffffff; background-color: #428BCA; border-color: #357EBD; } .tags a.success { color: #ffffff; background-color: #5CB85C; border-color: #4CAE4C; } .tags a.info { color: #ffffff; background-color: #5BC0DE; border-color: #46B8DA; } .tags a.warning { color: #ffffff; background-color: #F0AD4E; border-color: #EEA236; } .tags a.danger { color: #ffffff; background-color: #D9534F; border-color: #D43F3A; } .nav-tabs > li.active > a { font-weight: 700; } .nav-tabs > li > a:hover { border: solid 1px #dddddd !important; border-bottom: solid 1px white !important; } .nav-tabs > li.active > a { border: solid 1px #dddddd !important; border-bottom: solid 1px white !important; } .choice-correct-answer { background-color: #a6e2a6 !important; } .choice-white-text { color: white !important; } .hr-content .nav-tabs + .tab-content { border: 0px; } .hr-content .profile-header { background-color: #c6d2e0; color: #353535; padding-top: 30px; padding-bottom: 30px; margin-top: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; border-top-left-radius: 3px; background-image: linear-gradient(45deg, rgba(85, 104, 134, 0.27) 0%, #c1c3d0 100%); } .hr-content .profile-header h1 { font-weight: bold; font-size: 22px; } .hr-content .hr-development:first-child { border-left: 2px solid dimgrey; } .uib-daypicker .btn { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .uib-daypicker .btn-default { border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .uib-datepicker button { border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .uib-datepicker .btn { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .uib-datepicker .btn-default { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .border-radius-200 { border-radius: 200px !important; } .loading-overlay { z-index: 10000; position: fixed; top: 40%; width: 50%; left: 25%; opacity: 0.5; } .hr-content section { padding-bottom: 15px; } .activity { padding: 7px; border: 1px solid #e0e4f5; margin: 2px 0px; padding-left: 15px; font-weight: 400; background-color: #e8ecfd; border-radius: 16px; font-size: 12px; margin-bottom: 5px; } .activity:hover { background-color: #d6d7e8; border: 1px solid #a1b4cc; } .activity:hover .hidden { display: inline !important; } .no-activity { font-size: 18px; padding: 30px; text-transform: lowercase; text-align: center; color: lightgrey; } .add-activity { border: none; font-weight: bold; background: #f7f7f7; padding: 7px; margin: 5px; cursor: pointer; } .animate-show-hide { transition: all linear 0.3s; } .animate-show-hide.ng-hide { opacity: 0; } .teams-activity { padding: 15px; } .teams-activity h1 { font-weight: 600; } .teams-activity .masonry2 { /* Masonry container */ margin: 1.5em 0; font-size: 0.85em; padding: 0; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; column-gap: 1.5em; font-size: 0.85em; } .teams-activity .masonry2 .name { font-size: 12px; padding-left: 10px; padding-right: 10px; } .teams-activity .masonry2 .panel-heading { background-color: #f8f8f8; } @media (max-width: 767px) { .teams-activity .masonry2 { column-count: 1; } } @media (min-width: 768px) and (max-width: 1199px) { .teams-activity .masonry2 { column-count: 2; } } @media (min-width: 1200px) { .teams-activity .masonry2 { column-count: 2; } } .teams-activity .item2 { /* Masonry bricks or child elements */ display: inline-block; background: #ffffff; padding: 1em; margin: 0 0 1.5em; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: 2px 2px 4px 0 #cccccc; break-inside: avoid-column; font-size: 11px; border-radius: 5px; border: 1px solid #d9d9d9; } .teams-activity .panel { background-color: #f8f9fa; } .teams-activity .well { box-shadow: none; } .teams-activity .well.well-light { border: none; } .hr-nav { margin-top: 39px; padding-top: 0px !important; } .hr-nav .wizard { height: 30px; background: #f9f9f9; padding-top: 6px; padding-bottom: 2px; position: fixed; right: 0; left: 0; z-index: 801; } .hr-nav ul.nav-wizard { background-color: #f1f1f1; height: 37px; position: relative; overflow: hidden; } .hr-nav ul.nav-wizard li { position: relative; float: left; height: 37px; display: inline-block; text-align: center; padding: 0 0px 0 30px; margin: 0; font-size: 12px; line-height: 37px; width: 10%; text-transform: uppercase; } .hr-nav ul.nav-wizard li:first-child { position: relative; float: left; height: 30px; display: inline-block; text-align: center; padding: 0 0px 0 10px; margin: 0; font-size: 12px; line-height: 49px; width: 25px; text-transform: uppercase; } .hr-nav .page-bar .page-breadcrumb > li > a { font-size: 12px; text-transform: uppercase; } .repeater-container-vs { height: calc(100vh - 150px); overflow: auto; -webkit-overflow-scrolling: touch; } .overflow-scroll-x { overflow-x: scroll !important; overflow-y: hidden !important; } .overflow-scroll { overflow: scroll !important; } .hr-content .fade { position: absolute; left: 0; right: 0; height: calc(100% - 40px); opacity: 1; } .hr-content .fade.ng-enter, .hr-content .fade.ng-leave { transition: all 0.4s ease; } .hr-content .fade.ng-enter { opacity: 0; } .hr-content .fade.ng-enter-active { opacity: 1; } .hr-content .fade.ng-leave { opacity: 1; } .hr-content .fade.ng-leave-active { opacity: 0; } .competence-row, .skill-row { background-color: #f4f4f4; margin-top: 5px !important; margin-bottom: 5px !important; padding-top: 10px !important; padding-bottom: 10px !important; min-height: 30px; } .competence-row a, .skill-row a { color: black; } .competence-row:hover, .skill-row:hover { background-color: #e4eaff; } .competence-row:hover .hide-show, .skill-row:hover .hide-show { display: inline-block !important; } .competence-row .active, .skill-row .active { background-color: #6e85b9; color: white; } .competence-row .btn, .skill-row .btn { -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; } .competence-low { background-color: #dddddd; } .competence-medium { background-color: #e7e7e7; } .competence-high { background-color: #f3f3f3; } .competence-row .btn { font-size: 11px; } .candidate-test #left-panel { position: inherit; background-color: #ffffff !important; padding: 40px; padding-top: 90px; } .candidate-test .sophia { font-size: 15pt; line-height: 1.6; color: black; } .candidate-test .full-screen { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9999; background-color: #ffffff !important; } .candidate-test .test-icon { height: 150px; } .test-page.pagination .active { z-index: 3; color: #ffffff !important; cursor: default; background-color: #1f2b38 !important; border-color: #1f2b38 !important; } .test-page.pagination .active .answered-question { background-color: #1f2b38 !important; border-color: #1f2b38 !important; } /* #main { margin-left: 25% !important; }*/ .merkur-competences .col { margin-left: 0; margin-right: 0; } .merkur-competences span { display: table-cell; height: 80px; vertical-align: middle; } .merkur-competences .merkur-comeptence-group { border: 5px solid white; } .merkur-competences .merkur-comeptence-group .col { border: 1px solid white; } .merkur-competences .merkur-comeptence { position: absolute; right: 42%; top: 62px; z-index: 19999; padding: 10px; border-radius: 20px; } .merkur-competences .pink { background-color: #9b0fff !important; } .merkur-competences .pink.light { background-color: #e1caff !important; } .merkur-competences .red { background-color: #de6651 !important; } .merkur-competences .red.light { background-color: #f8a590 !important; } .merkur-competences .yellow { background-color: #fff8b3 !important; } .merkur-competences .yellow.light { background-color: #fffdd9 !important; } .merkur-competences .blue { background-color: #748fe2 !important; } .merkur-competences .blue.light { background-color: #cce4f2 !important; } .team-roles { background-color: #5b6aff; color: white; padding: 10px; font-size: 12px; text-transform: uppercase; color: white; font-weight: bold; float: none; margin: 0 auto; } .error { color: darkred; font-size: 11px; } .homepage-header { padding: 0; border-top: 1px solid #888ea9; border-bottom: 1px solid #888ea9; } .homepage-header img { width: 80px; margin: 40px; } .homepage-header h1 { font-weight: bold; font-size: 1.4em; padding-bottom: 10px; } .homepage-header p { font-size: 1.2em; } .homepage-header .box { border-right: 1px solid #888ea9; padding-bottom: 30px; padding-top: 30px; cursor: pointer; } .homepage-header .box:hover { background-color: #aab3ce; } .homepage-header .box:last-child { border-right: none; } .homepage-header .container { padding: 0px; } .homepage-header.blue-row { background-color: rgba(170, 179, 206, 0.61) !important; } .homepage { background-color: #f7f7f7; } .homepage .main-headline { margin-top: 50px; margin-bottom: 60px; font-size: 2.625em; font-weight: 500; } .homepage .leading { padding-bottom: 40px; } .homepage .leading p { font-size: 1.4em !important; line-height: 1.9em; } .homepage .btn { padding: 13px; font-size: 1.3em; padding-left: 40px; padding-right: 40px; } .feature-list { position: relative; background: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAB4CAYAAAAzOJiAAAAAFElEQVR42mMsr5nwn3GUGCWoSwAA6bQteB9o9/QAAAAASUVORK5CYII=) repeat-y center center; } .features-wrapper { width: auto; max-width: 810px; float: none; display: block; margin-right: auto; margin-left: auto; padding-left: 0; padding-right: 0; } .features-wrapper ul { list-style: none; } .features-wrapper:before, .features-wrapper:after { content: ""; display: table; } .features-wrapper:after { clear: both; } .features-wrapper:before, .features-wrapper:after { content: ""; display: table; } .features-category { padding: 60px 0 40px; position: relative; } .feature-row:nth-child(even) .feature-node { left: 440px; } .feature-row .feature-node { min-height: 120px; min-width: 350px; background-color: #ffffff; margin: 0 auto; border-radius: 2px; display: inline-block; position: absolute; transition: left 0.3s, right 0.3s; } .feature-row { position: relative; min-height: 120px; margin-top: -20px; } .feature-icon { height: 120px; width: 80px; float: left; } .feature-title { font-size: 16px; position: absolute; color: #5e5e5e; top: 50%; left: 88px; -webkit-transform: translateY(-50%); transform: translateY(-50%); letter-spacing: 0.3px; } .category-name h2 { color: #777c90; font-size: 36px; line-height: 1.25; background: #f7f7f7; width: 300px; margin: 0 auto 40px; text-align: center; z-index: 99999; } .feature-row:after { content: ""; float: left; position: absolute; top: 40%; left: 48.8%; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #777c90; background: #eceded; transition: 0.4s background; } .feature-row:nth-child(odd) .feature-node:before { content: ""; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid #ffffff; float: right; position: relative; top: 48px; right: -12px; display: inline-block; } .feature-row:nth-child(even) .feature-node:before { content: ""; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 12px solid #ffffff; position: absolute; top: 47px; left: -12px; display: inline-block; } .features-category:before { content: ""; width: 300%; height: 2px; display: block; position: absolute; border-bottom: 1px dashed #d1daf7; left: -100%; top: 20px; } .features-category:first-child:before { content: ""; width: 300%; height: 2px; display: block; position: absolute; border-bottom: none; left: -100%; top: 20px; } .feature-row:hover:after { background: #777c90; } .feature-row:nth-child(odd) .feature-node:hover { right: 450px; } .feature-row:nth-child(even) .feature-node:hover { left: 450px; } .feature-row:nth-child(odd) .feature-node { right: 440px; } .company-assessment-config .dualmultiselect label { margin: 10px; } .company-assessment-config .dualmultiselect .btn { margin: 10px; } .company-assessment-config .dualmultiselect .pool { border: 1px solid #d5d5d5; border-radius: 0px; height: 250pt; overflow-y: auto; overflow-x: hidden; } .company-assessment-config .dualmultiselect .pool ul { list-style: none; padding-left: 0px; } .company-assessment-config .dualmultiselect .pool ul li { width: 100%; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #CFCFCF; } .company-assessment-config .dualmultiselect .pool ul li a:hover { text-decoration: none; } .company-assessment-config .poolli:hover { background-color: #CFCFCF; } .company-assessment-config p { height: 35pt; padding-left: 10pt; padding-top: 15pt; } .company-assessment-config .select2-container .select2-choice .select2-arrow { width: 7pt; } .company-assessment-config .select2-container .select2-choice > .select2-chosen { margin-right: 0pt; } .company-assessment-config .selectedGrader { background-color: #e4eaf1; } .company-assessment-config .pool .col { padding-left: 0; padding-right: 0; } .company-assessment-config .pool .row { padding-left: 15px; padding-right: 15px; } .company-assessment-config .selection-header { height: 35px !important; text-transform: uppercase; font-size: 10px !important; } .company-assessment-config .search-header { height: 35px !important; padding-top: 0px !important; } .page-bar .page-breadcrumb { display: inline-block; float: left; padding: 10px 6px; margin: 0; list-style: none; } .page-bar .page-breadcrumb > li { display: inline-block; } .ie8 .page-bar .page-breadcrumb > li { margin-right: 1px; } .page-bar .page-breadcrumb > li > a, .page-bar .page-breadcrumb > li > span { color: #888; font-size: 12px; text-shadow: none; } .page-bar .page-breadcrumb > li > i { color: #aaa; font-size: 12px; text-shadow: none; } .page-bar .page-breadcrumb > li > i[class^=icon-], .page-bar .page-breadcrumb > li > i[class*=icon-] { color: #8c8c8c; } .training-placeholder { background-color: #fdfdfd; height: 300px; border: dashed #dadada 1px; color: #e0e0e0; cursor: pointer; margin-bottom: 20px; } .training-placeholder .headline { background-color: #f1f1f1; height: 25px; margin-left: 15%; margin-right: 15%; margin-top: 40px; } .training-placeholder .text-line { background-color: #f1f1f1; height: 15px; margin-left: 10%; margin-right: 10%; margin-top: 10px; } .training-box { background-color: #bfc6df; height: 300px; border: solid #dadada 1px; color: #404040; text-align: center; cursor: pointer; margin-bottom: 20px; } .training-box:hover { background-color: #a4a8bd; } .training-box h1 { margin-top: 30px; background-color: #404040; color: white; padding-bottom: 20px; padding-top: 20px; font-weight: 600; padding-left: 30px; padding-right: 30px; line-height: 150%; } .training-box.folder { background-color: #d4bb41; } .training-box.folder h1 { background: none; } .training-material-types .active { text-decoration: none; margin-bottom: 0px; border: 1px solid #708698; background-color: #708698; color: white !important; } .training-material-types .active i { color: white !important; } .training-material-types a { padding: 10px; margin-left: 10px; margin-right: 10px; } .item360 { height: 290px; } section.ng-video-container { width: 550px; height: 310px; margin: 40px auto auto auto; } section.video { text-align: left; position: relative; background-color: white; width: 100%; height: 100%; } section.video section.loading { position: absolute; top: 39px; left: 5px; width: 538px; height: 260px; color: white; font-size: 11px; pointer-events: all; z-index: 201; background-color: black; } section.video video { background-color: #e7e7e7; width: 100%; height: 100%; object-fit: fill; } section.video section.controls { position: absolute; top: 15px; right: 25px; width: 48px; z-index: 5; text-align: center; color: white; } section.video section.controls span { margin: 0; padding: 0; cursor: pointer; line-height: 48px; padding-left: 2px; width: 48px; height: 48px; font-size: 16px; transition: background-color 0.35s; border-radius: 3px; margin-bottom: 10px; } section.video section.controls span:hover { background-color: rgba(255, 255, 255, 0.25); } section.video section.volume { position: absolute; top: 145px; right: 25px; width: 48px; } section.video section.volume div.scale { background-color: black; width: 48px; height: 5px; position: relative; } .text-right { text-align: right !important; } section.video section.volume div.scale div.bar { background-color: rgba(255, 255, 255, 0.75); position: absolute; top: 0; left: 0; height: 5px; width: 50%; transition: width 0.25s; } section.video section.volume span { color: rgba(0, 0, 0, 0.25); font-size: 13.5px; pointer-events: all; cursor: pointer; margin-top: 10px; } section.video section.volume span.increase { float: right; } section.video section.feedback { top: 0; left: 0; position: absolute; pointer-events: none; z-index: 4; width: 100%; height: 100%; } section.video section.feedback span.buffering { color: white; font-size: 11px; position: absolute; top: 0; left: 0; padding: 18px 0 0 45px; } section.video section.generic { position: absolute; bottom: 11px; right: 10px; z-index: 90; width: 100%; text-align: center; text-transform: uppercase; font-size: 10px; color: rgba(255, 255, 255, 0.5); } section.video section.generic a { text-transform: none; color: rgba(255, 255, 255, 0.75); pointer-events: all; } section.video section.generic a:hover { text-decoration: none; } section.video section.timeline { position: absolute; width: 485px; width: calc(100% - 60px); left: 30px; bottom: 32px; } section.video section.timeline input { width: 100%; pointer-events: all; appearance: none; -moz-appearance: none; -webkit-appearance: none; background-color: transparent; outline: none; height: 12px; } section.video section.timeline input::-webkit-slider-thumb { -webkit-appearance: none; background-color: white; margin-bottom: 20px; border-radius: 2px; outline: none; height: 15px; width: 45px; } section.video section.timeline input::-moz-range-thumb { -webkit-appearance: none; background-color: white; margin-bottom: 20px; border-radius: 2px; outline: none; height: 15px; width: 45px; } section.video section.duration { background-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.5); padding: 2px 5px; border-radius: 3px 0 0 3px; position: absolute; font-size: 11px; bottom: 62px; right: 83px; } section.video section.title { background-color: #dd4b39; font-size: 11px; position: absolute; color: white; opacity: 0.8; padding: 2px 5px; border-radius: 0 3px 3px 0; bottom: 62px; right: 33px; } section.video section.playlist { height: 297px; position: absolute; width: 200px; top: 5px; left: 5px; background-color: rgba(0, 0, 0, 0.35); } section.video section.playlist ul { list-style-type: none; margin: 0; padding: 0; } section.video section.playlist ul li { height: 32px; line-height: 32px; cursor: pointer; position: relative; padding: 0 12px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); color: white; font-size: 11px; } section.video section.playlist ul li span.meta { margin-right: 8px; padding: 1px 5px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.25); } section.video section.playlist ul li.title { margin-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.25); } section.video section.playlist ul li:not(.title):hover { background: rgba(0, 0, 0, 0.25); } section.video section.playlist ul li.title div.close-playlist { position: absolute; top: -1px; font-size: 16px; right: 0; cursor: pointer; width: 35px; text-align: center; color: white; } section.video span.open-playlist { color: white; position: absolute; cursor: pointer; top: 5px; left: 5px; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; } section.video section.buffer { position: absolute; width: 485px; width: calc(100% - 60px); left: 30px; bottom: 30px; background-color: rgba(255, 255, 255, 0.5); height: 1px; } section.video section.buffer canvas { margin: 0; position: absolute; width: 100%; top: 0; } section.video section.full-screen { position: absolute; top: 40px; left: 6px; cursor: pointer; padding: 10px; color: white; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-item { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .hr-employee .hr-content { padding-top: 0px; } .sub-div-info { font-size: 8pt; } @media (max-width: 767px) { .switch-button { width: 100px !important; } } .hr .position-header { height: 40px; padding-top: 0px; margin-top: 40px; } .hr .position-header .positions-nav { padding-top: 5px; } .hr .position-right { padding-top: 0px !important; } .fade-scale { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; transition: all 0.15s ease-in-out; } .modal.fade .modal-dialog { -webkit-transform: translate(0); transform: translate(0); } .modal.in .modal-dialog { -webkit-transform: translate(0); transform: translate(0); } .fade-scale.in { opacity: 1; transition: all 0.2s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } .container-table { display: table; } .vertical-center-row { display: table-cell; vertical-align: middle; } /* ngIf animation */ .animationIf.ng-enter, .animationIf.ng-leave { transition: opacity ease-in-out 0.7s; } .animationIf.ng-enter, .animationIf.ng-leave.ng-leave-active { opacity: 0; } .animationIf.ng-leave, .animationIf.ng-enter.ng-enter-active { opacity: 1; } .badge-important { background-color: #d11124 !important; } .nav .badge-important { border: 3px solid #1f2b38; } .hover-shadow { border-radius: 6px; backface-visibility: hidden; overflow: hidden; border: none; transition: 0.35s ease-out; } .on-hover-shadow:hover { -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important; outline: 0; border: 1px solid transparent; transition: background-color 0.5s ease; } .candidates-filter .jarviswidget header[role=heading] { border-bottom: none; background-color: white; } .candidates-filter .jarviswidget header[role=heading] .widget-toolbar { border-left: none; } .candidates-filter .jarviswidget div[role=content] { padding-top: 0px !important; } .candidates-filter .jarviswidget:not(:first-of-type) { border-top: none !important; } .candidates-filter header[role=heading]:not(:first-of-type) { border-top: none !important; } .summary-timeline { min-height: 600px; margin-top: -10px; max-height: 800px; } .fa-resize:hover { font-size: 4em; transition: 2s ease-out; } .border-right { border-right: 1px solid #e5e5e5; } .color-oa { color: #4f5e85 !important; } time.icon { border: 1px solid #d2d2d2; box-shadow: none !important; } .activity-scroll { min-height: 600px !important; overflow-y: scroll; } .full-height { display: table; width: 100%; margin-top: -50px; padding: 50px 0 0 0; /*set left/right padding according to needs*/ box-sizing: border-box; } .full-height .no-float { display: table-cell; float: none; vertical-align: top; } .comments-section .comment-tools { visibility: hidden; } .comments-section .comment:hover .comment-tools { visibility: visible; } .label-teal { background-color: #7bcbce; color: white; font-size: 10px; font-weight: bold; } .label-teal.skill-match { background-color: #5ba0a3; } .label-orange { background-color: #ffe1b2; color: #1f1303 !important; padding: 5px 15px !important; border-radius: 30px; font-size: 10px; font-weight: bold; } .candidate-profile .candidate-action { visibility: hidden; right: 10px; opacity: 0; width: 355px; background: #1f2937; position: absolute; top: -10px; } .candidate-profile .candidate-action hr { border-top: 2px solid #1f2937; margin-bottom: 5px; } .candidate-profile .candidate-action ul.operation-list li:hover { background-color: #39475b; border-radius: 10px; } .candidate-profile .candidate-action.candidates-toolbar { border-radius: 3px; padding: 3px; } .candidate-profile .candidate-action.candidates-toolbar ul.list-inline .divider { width: 1px; display: inline; padding: 2px; overflow: hidden; background-color: #1f2937; margin-left: 0px; margin-right: 5px; cursor: default; } .candidate-profile .candidate-action.candidates-toolbar ul.list-inline li[role=menuitem] { cursor: pointer; padding: 5px 10px; } .candidate-profile .candidate-action.candidates-toolbar ul.list-inline li[role=menuitem] a { color: #bebebe; } .candidate-profile .candidate-action.candidates-toolbar ul.list-inline li[role=menuitem]:hover { background-color: #39475b; border-radius: 4px; } .candidate-profile .candidate-action.candidates-toolbar ul.list-inline li[role=menuitem]:hover a { color: #dde7ee; } .candidate-profile .phase-label { border-radius: 40px; padding: 6px 10px !important; letter-spacing: 0.5px; min-width: 100px; } .candidate-profile:hover .candidate-action { visibility: visible; width: 355px; z-index: 600; opacity: 1; transition: visibility 0.3s linear, opacity 0.3s linear; border-radius: 10px; padding: 10px; } .candidate-profile.card { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04) !important; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); border-radius: 10px; } .candidate-profile.card::after { content: ""; border-radius: 10px; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 6px 16px -4px rgba(0, 0, 0, 0.1), 0 4px 8px -2px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.03); opacity: 0; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); -webkit-font-smoothing: subpixel-antialiased; backface-visibility: hidden; } .candidate-profile.card:hover { -webkit-font-smoothing: subpixel-antialiased; backface-visibility: hidden; box-shadow: 0 6px 16px -4px rgba(0, 0, 0, 0.1), 0 4px 8px -2px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.03) !important; transform: translateY(-2px); border-radius: 10px !important; } .candidate-profile.card:hover::after { opacity: 1; } .candidate-profile:not(.card) { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04); transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); border-radius: 10px; } .candidate-profile:not(.card)::after { content: ""; border-radius: 10px; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 6px 16px -4px rgba(0, 0, 0, 0.1), 0 4px 8px -2px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.03); opacity: 0; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); -webkit-font-smoothing: subpixel-antialiased; backface-visibility: hidden; } .candidate-profile:not(.card):hover { -webkit-font-smoothing: subpixel-antialiased; backface-visibility: hidden; box-shadow: 0 6px 16px -4px rgba(0, 0, 0, 0.1), 0 4px 8px -2px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.03); transform: translateY(-2px); border-radius: 10px; } .candidate-profile:not(.card):hover::after { opacity: 1; } .communication blockquote { font-size: 11px; } .avatar-circle-40 { height: 40px; width: 40px; font-size: 13.5px; line-height: 40px; } #inbox-table tr td { line-height: 1.42857143; } .min-width-250 { min-width: 250px; } .smart-form .checkbox i, .smart-form .radio i { background: #edf2f7; border-color: #d7d7d9 !important; border-width: 2px; border-radius: 4px; } .smart-form .radio i { border-radius: 50% !important; } .flex-container { display: flex; flex-wrap: nowrap; } .flex-container > div { background-color: #f1f1f1; width: 11%; margin: 5px; text-align: center; padding: 10px; min-width: 80px; border-radius: 5px; } .e-service .nav .active { color: darkblue; } .hover-element:hover { background-color: ghostwhite; } .cke_top { background: rgba(255, 255, 255, 0.9) !important; border-bottom: 1px solid #eeeeee !important; } .activites .activity-item { margin: 4px 10px; border: 1px solid #EDEEF2; border-radius: 8px; box-shadow: none; } .activites .activity-item .fa { font-size: 1.1em; color: #2196F3; } .activites .activity-item .media-body { padding: 6px 12px !important; } .activites .activity-item .text { color: #4B5563; } .activites .media-left { background-color: #f8f9fa; } .activites .media-body { overflow-wrap: break-word; padding-right: 0.2em; } .activites .media-body .fa { font-size: 0.8em; color: #9c9c9c; } .activites .ph_results_seen { font-size: 0.9em; padding-left: 10px; color: #9c9c9c; margin: 4px 10px; box-shadow: none; } .activites .ph_results_seen .fa-eye { font-size: 1em; color: #9c9c9c; } .activites .ph_results_seen .media-left { background-color: #ffffff !important; } .activites .profile_seen { font-size: 0.9em; padding-left: 10px; color: #9c9c9c; margin: 4px 10px; box-shadow: none; } .activites .profile_seen .fa-eye { font-size: 1em; color: #9c9c9c; } .activites .profile_seen .media-left { background-color: #ffffff !important; } .career-portal-items { /* IMAGE STYLES */ /* CHECKED STYLES */ } .career-portal-items [type=radio] { position: absolute !important; opacity: 0; width: 0; height: 0; } .career-portal-items [type=radio] + img { cursor: pointer !important; } .career-portal-items [type=radio]:checked + img { outline: 2px solid #f00; } .career-portal-items .card:hover img { -webkit-transform: none; transition: none; transform: none; } .navbar-brand img { margin: -18px 0px -10px 0px; object-fit: cover; object-position: 20% 15px; height: 50px; } .assessment-results .header-title { font-size: 12px; color: #6576a6 !important; } .assessment-results .text-muted { font-size: 12px; } .assessment-results .verification-test { float: right !important; } .assessment-results .font-xs { font-size: 75% !important; color: #525252; } .task_item { -webkit-font-smoothing: subpixel-antialiased; backface-visibility: hidden; -webkit-filter: blur(0); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); -webkit-transform: perspective(8px) translateZ(0); transform: perspective(8px) translateZ(0); } @keyframes toastSlideIn { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes toastSlideOut { from { transform: translateY(0); opacity: 1; } to { transform: translateY(100%); opacity: 0; } } .toast, .oa-toast { position: fixed; bottom: 24px; right: 24px; z-index: var(--z-toast, 1080); background: #1E293B; color: #FFFFFF; padding: 12px 16px; border-radius: 8px; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); min-width: 300px; max-width: 420px; display: flex; align-items: center; gap: 12px; animation: toastSlideIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); } .toast.toast-exit, .oa-toast.toast-exit { animation: toastSlideOut 0.2s ease-out forwards; } .toast .toast-icon, .oa-toast .toast-icon { flex-shrink: 0; font-size: 18px; } .toast .toast-content, .oa-toast .toast-content { flex: 1; font-size: 13px; line-height: 1.4; } .toast .toast-close, .oa-toast .toast-close { flex-shrink: 0; background: none; border: none; color: rgba(255, 255, 255, 0.6); cursor: pointer; padding: 4px; margin: -4px; font-size: 14px; } .toast .toast-close:hover, .oa-toast .toast-close:hover { color: #FFFFFF; } .toast.toast-success .toast-icon, .oa-toast.toast-success .toast-icon { color: #4ADE80; } .toast.toast-error .toast-icon, .oa-toast.toast-error .toast-icon { color: #F87171; } .toast.toast-info .toast-icon, .oa-toast.toast-info .toast-icon { color: #60A5FA; } .toast.toast-warning .toast-icon, .oa-toast.toast-warning .toast-icon { color: #FBBF24; } .toast-container { position: fixed; bottom: 24px; right: 24px; z-index: var(--z-toast, 1080); display: flex; flex-direction: column-reverse; gap: 8px; } .toast-container .toast, .toast-container .oa-toast { position: relative; bottom: auto; right: auto; } .loader2 { width: 15px; aspect-ratio: 1; border-radius: 50%; margin: auto; position: relative; animation: l5 1s infinite linear alternate; } @keyframes l5 { 0% { box-shadow: 20px 0 #006CFF, -20px 0 #7CDFFF; background: #00003F; } 33% { box-shadow: 20px 0 #00003F, -20px 0 #7CDFFF; background: #006CFF; } 66% { box-shadow: 20px 0 #00003F, -20px 0 #006CFF; background: #7CDFFF; } 100% { box-shadow: 20px 0 #006CFF, -20px 0 #7CDFFF; background: #00003F; } } /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { .text-justify-sm { text-align: justify; } } /* Medium devices (desktops, 992px and up) */ @media (min-width: 992px) { .text-justify-md { text-align: justify; } } /* Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { .text-justify-lg { text-align: justify; } } img.fixed-avatar-circle { width: 60px !important; height: 60px !important; margin-left: 0px !important; margin-top: 0px !important; } .text-muted-light { color: #efefef; } .text-muted-light-2 { color: #fafafa; } .oa_range_slider .range-slider { margin: 10px 0 0 0%; } .oa_range_slider .range-slider { width: 100%; } .oa_range_slider .range-slider__range { -webkit-appearance: none; width: 100%; height: 10px; border-radius: 5px; background: #d7dcdf; outline: none; padding: 0; margin: 0; } .oa_range_slider .range-slider__range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #2c3e50; cursor: pointer; transition: background 0.15s ease-in-out; } .oa_range_slider .range-slider__range::-webkit-slider-thumb:hover { background: #1abc9c; } .oa_range_slider .range-slider__range:active::-webkit-slider-thumb { background: #1abc9c; } .oa_range_slider .range-slider__range::-moz-range-thumb { width: 20px; height: 20px; border: 0; border-radius: 50%; background: #2c3e50; cursor: pointer; transition: background 0.15s ease-in-out; } .oa_range_slider .range-slider__range::-moz-range-thumb:hover { background: #1abc9c; } .oa_range_slider .range-slider__range:active::-moz-range-thumb { background: #1abc9c; } .oa_range_slider .range-slider__value { float: left; display: inline-block; position: relative; width: 60px; color: #ffffff; line-height: 20px; text-align: center; border-radius: 3px; background: #2c3e50; padding: 1px 5px; margin-left: 8px; } .oa_range_slider .range-slider__value:after { position: absolute; top: 4px; left: -7px; width: 0; height: 0; border-top: 7px solid transparent; border-right: 7px solid #2c3e50; border-bottom: 7px solid transparent; content: ""; } .oa_range_slider ::-moz-range-track { background: #d7dcdf; border: 0; } .oa_range_slider input::-moz-focus-inner, .oa_range_slider input::-moz-focus-outer { border: 0; } @media (max-width: 767px) { .responsive-center-allign { padding-top: 20px; text-align: center; } } @media (min-width: 768px) and (max-width: 991px) { .responsive-center-allign { padding-top: 20px; } } @media (max-width: 767px) { .responsive-pull-left { float: left !important; } } .spinner { margin: 0px auto; width: 50px; height: 25px; text-align: center; font-size: 10px; } .spinner > div { background-color: #1f2b38; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } .spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .spinner .rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; } .spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1); -webkit-transform: scaleY(1); } } .spinner { margin: 0px auto 0; width: 70px; text-align: center; } .spinner > div { width: 18px; height: 18px; background-color: #939393; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .numerical-well-introduction-responsive { background-color: white; border: 1px solid #f8f8f8; box-shadow: 10px 5px 20px #ececec; -webkit-box-shadow: 10px 5px 20px #ececec; padding: 25px; border-radius: 10px; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } [ng-bind-html="question.explanation"] { background-color: #fffef6; padding: 20px; border-radius: 10px; border: 1px solid #eeecec; } .payrolls .header { background-color: #edf2f7; padding-top: 20px; padding-bottom: 20px; border-bottom: 3px solid #b1b3b6; border-top: 3px solid #b1b3b6; margin-bottom: 5px; } .payrolls .employee-payroll { padding-top: 20px; padding-bottom: 20px; border: 1px solid #dadada; margin-bottom: 4px; background-color: #ffffff; } .payrolls .employee-payroll:hover { background-color: #ebebf9; cursor: pointer; } .payrolls .panel-heading { padding: 0; } .payrolls .month { background-color: #b1b3b6; padding: 7px 10px; color: white; text-transform: uppercase; font-weight: bold; font-size: 12px; border-left: 1px solid lightgray; text-align: center; } .payrolls .payroll-type .btn { box-shadow: #5dade2 0px 0px 0px 0px; } .payrolls .payroll-type .btn-primary { background-color: #7683ce; } .tilde-on-hold-custom:before { padding-left: 2px !important; } .text-gray-dark { color: #828487; } .ellipsis-custom { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 768px) { .margin-left--50 { margin-left: -50px !important; } } page { background: white; display: block; margin-bottom: 0.5cm; box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5); } page[size=A4] { width: 21cm; height: 29.7cm; } page[size=A4][layout=portrait] { width: 29.7cm; height: 21cm; } page[size=A3] { width: 29.7cm; height: 42cm; } page[size=A3][layout=portrait] { width: 42cm; height: 29.7cm; } page[size=A5] { width: 14.8cm; height: 21cm; } page[size=A5][layout=portrait] { width: 21cm; height: 14.8cm; } .contact { background-color: #fcfcfc; border-bottom: none; color: #1f2b38; } .contact .text-muted { color: #64748B; } .contact.accepted { border-left: #3ea840 6px solid; } .contact.rejected { border-left: #b71200 6px solid; } .contact.hired { border-left: #166534 6px solid !important; } .contact.maybe { border-left: #ffa000 6px solid; } .contact a { color: #005aee; } .contact a:hover { color: #004ac2; } .nav-tabs > li.active > a { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-top-width: 1px !important; margin-top: 0px !important; font-weight: 700; border-radius: 0; } .candidates-list h1 { font-size: 19px !important; } .activities { padding-top: 0px !important; padding-bottom: 0px !important; } .activities .chat-box { background-color: #ffffff; padding-top: 10px; padding-bottom: 10px; } .activities .nav > li > a { padding-top: 5px; padding-bottom: 5px; } .activities .gray { background-color: #f8f9fa; } .smart-timeline-icon { background: #e7e8f1; } .btn.flat-btn { border: 0px; border: 1px solid #bfbebe; -webkit-box-shadow: none !important; box-shadow: none !important; } .btn.flat-btn:active { border: 0px; border: 1px solid #bfbebe; -webkit-box-shadow: none !important; box-shadow: none !important; } .btn.flat-btn.btn.active, .btn.flat-btn .btn:active { -webkit-box-shadow: none !important; box-shadow: none !important; } .report-box { background-color: #ffffff; height: 300px; border: solid #dadada 1px; color: #404040; text-align: center; cursor: pointer; margin-bottom: 20px; border: 1px solid grey; } .report-box:hover { background-color: #cfd4ee; } .report-box h1 { margin-top: 30px; background-color: #404040; color: white; padding-bottom: 20px; padding-top: 20px; font-weight: 600; padding-left: 30px; padding-right: 30px; line-height: 150%; } .measure-header .ultra-light { font-weight: bold !important; } .measure-header .ultra-light a { color: #1f2b38; } .container-80 { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } .modal-container-80 { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } @media (min-width: 1201px) { .container-80 { width: auto; max-width: 95%; margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } .modal-container-80 { width: auto; max-width: 95%; margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } } @media (min-width: 1500px) { .container-80 { width: auto; max-width: 85%; margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } .modal-container-80 { width: auto; max-width: 85%; margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } } @media screen and (max-device-width: 1266px) { .container-80 { max-width: 90%; margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } .modal-container-80 { max-width: 90%; margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } } .open-question-custom input[type=number]::-webkit-inner-spin-button, .open-question-custom input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .question-binded > div > table > tbody > tr { min-height: 25px; height: 25px; font-size: 12px; } .question-binded > table > tbody > tr { min-height: 25px; height: 25px; font-size: 12px; } .question-binded > table > tbody > tr > td { padding: 5px; } .question-binded > div > table > tbody > tr > td { padding: 5px; } .candidate-action ul.dropdown-menu { left: 70px; border-radius: 0; min-width: 0px; padding: 5px 0; } .candidate-action ul.dropdown-menu li { padding: 0px; border-bottom: none; padding-bottom: 5px; } .job-action ul.dropdown-menu { left: 70px; border-radius: 0; min-width: 0px; padding: 5px 0; } .job-action ul.dropdown-menu li { padding: 0px; border-bottom: none; padding-bottom: 5px; } .drop-aria { height: 500px; } .min-height-26 { min-height: 26px !important; } .min-height-50 { min-height: 50px !important; } .min-height-200 { min-height: 200px !important; } .height-20 { height: 20px !important; } @media (max-width: 767px) { .text-xs-center { text-align: center; } } .smart-style-2 .bg-color-blue { background: #6c80cd !important; } table.velocity-report { table-layout: fixed; } table.velocity-report th { text-align: center !important; } table.velocity-report th:first-child { width: 250px !important; text-align: right !important; } table.velocity-report td { text-align: center !important; } .checkbox label:after, .radio label:after { content: ""; display: table; clear: both; } .checkbox .cr, .radio .cr { position: relative; display: inline-block; border: 1px solid #a9a9a9; border-radius: 0.25em; width: 1.3em; height: 1.3em; float: left; margin-right: 0.5em; } .radio .cr { border-radius: 50%; } .checkbox .cr .cr-icon, .radio .cr .cr-icon { position: absolute; font-size: 0.8em; line-height: 0; top: 50%; left: 20%; } .radio .cr .cr-icon { margin-left: 0.04em; } .checkbox label input[type=checkbox], .radio label input[type=radio] { display: none; } .checkbox label input[type=checkbox] + .cr > .cr-icon, .radio label input[type=radio] + .cr > .cr-icon { transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all 0.3s ease-in; } .checkbox label input[type=checkbox]:checked + .cr > .cr-icon, .radio label input[type=radio]:checked + .cr > .cr-icon { transform: scale(1) rotateZ(0deg); opacity: 1; } .checkbox label input[type=checkbox]:disabled + .cr, .radio label input[type=radio]:disabled + .cr { opacity: 0.5; } .top-angle-gray:before { background-color: #f6f7fc; } .top-angle-left:before, .top-angle-dark-gray:before { position: absolute; z-index: 1; left: 0; width: 100%; height: 550px; content: ""; -webkit-transform: skewY(2deg); transform: skewY(2deg); background-color: #064ad2; } .top-angle-right:before, .top-angle-dark-gray:before { position: absolute; z-index: 1; top: -150px; left: 0; width: 100%; height: 660px; content: ""; -webkit-transform: skewY(-7deg); transform: skewY(-7deg); opacity: 0.014; background-position: center center; background-size: cover; } .top-angle-right:after { position: absolute; z-index: 0; top: -150px; left: 0; width: 100%; height: 660px; content: ""; -webkit-transform: skewY(-7deg); transform: skewY(-7deg); background: linear-gradient(to right, #1f2b38, #d6dbea); background: radial-gradient(farthest-corner at top right, #003df5, #addaff 100%); } .top-angle-left:before, .top-angle-dark-gray:before { position: absolute; z-index: 0; left: 0; width: 100%; height: 550px; content: ""; -webkit-transform: skewY(5deg); transform: skewY(5deg); background-color: #67a0ff; } .top-angle-left-candidate:before, .top-angle-dark-gray:before { position: absolute; z-index: -1; left: 0; width: 100%; height: 450px; content: ""; -webkit-transform: skewY(4deg); transform: skewY(4deg); background-color: #f8f9fa; } .btn-sm { padding-top: 7px; padding-right: 10px; padding-bottom: 7px; padding-left: 10px; } .btn-group-sm > .btn, .btn-sm { padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; font-size: 11px; line-height: 1.5; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: 0 none; } .btn-primary { background: #2E3E5C !important; color: #ffffff; border-color: transparent !important; border-radius: 4pt; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-color: #1d273a; } .btn-primary:active, .btn-primary.active { background: #2E3E5C; box-shadow: none; } .candidates-filter .ui-select-placeholder { font-size: 65%; } .candidates-filter .ui-select-match-text { font-size: 11px !important; } .candidates-filter .ui-select-match-text span { margin-top: 3px; } a.candidate-filter-check { padding-left: 5px !important; font-size: 8.5pt !important; } a.candidate-filter-check i { width: 15px !important; } .candidate-dropdown-filter { margin-top: 1px; } .candidate-dropdown-filter ul.dropdown-menu { min-width: 0px; } .candidate-dropdown-filter ul.dropdown-menu li { padding: 0px !important; } .candidate-dropdown-filter .btn.btn-xxs { font-size: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 3px; margin-left: 5px; margin-right: 5px; } .candidate-dropdown-filter .color-calendar-red { color: #a90329; font-size: 11px; font-weight: 700 !important; } div.inline { float: left; } .profile-history-event .font-sm { font-size: 11px; } .profile-history-event .font-xs { font-size: 10px; } .profile-history-event .font-xxs { font-size: 10px; } span.select-all { width: 1.1em !important; height: 1.1em !important; font-size: 1.1em !important; } div.checkbox.select-all { height: 1.1em; padding-top: 2px; } .position-edit .btn { white-space: normal !important; } .fa-tilde:before { font-weight: 900; content: "~"; display: block; height: 1em; width: 1em; line-height: 0.9em; border-radius: 0.5em; border: 1px solid; font-size: 0.95em; } .box-shadow-wide { box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2); } .box-shadow { box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04); } .box-shadow-shallow { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06); } .columns-3 { /* Chrome, Safari, Opera */ /* Firefox */ column-count: 3; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .columns-2 { /* Chrome, Safari, Opera */ /* Firefox */ column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .feature-1[class*=box-shadow] { border-radius: 6px; transition: 0.35s ease-out; } .feature-1[class*=box-shadow]:hover { transform: translate3d(0, -10px, 0); -webkit-transform: translate3d(0, -10px, 0); box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2); } a.text-decoration-none { text-decoration: none !important; color: inherit; } .profile-pending { background-color: darkred; color: white; } .profile-red { background-color: darkred; color: white; } .profile-green { background-color: darkgreen; color: white; } .profile-black { background-color: #504d4d; color: white; } .profile-bacground { background-image: url(/img/triangles-png-46460.png); /* background-position: center; */ background-repeat: no-repeat; background-size: cover; background-color: #40526c; background-position: center; } .cp-masonery .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .cp-masonery .col-md-6 { display: -webkit-flex; display: -ms-flexbox; display: flex; } .cp-masonery .well { width: 100%; } @media (max-width: 480px) { .position-selector-overflow { max-width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } @media (min-width: 481px) and (max-width: 767px) { .position-selector-overflow { max-width: 250px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } .position-selector-overflow .fa-caret-down { margin-left: auto !important; } @media (max-width: 1150px) { .hidden-1150 { display: none; } } .position-selector { background-color: #edf2f7; padding-left: 20px; border-radius: 4px; padding-right: 20px; padding-top: 5px; min-width: 100px; } .position-selector:hover { background-color: #e3eaef; } @media (max-width: 767px) { .position-selector { padding-left: 5px !important; padding-right: 5px !important; min-width: 300px; } } @media (max-width: 1150px) { .position-selector { min-width: 300px !important; } .position-selector .hidden-1150 { display: none; } } @media (min-width: 768px) { .position-selector { min-width: 350px; } } .position-selector span.headline { max-width: 500px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; font-size: 12px; } .bg-color-oa { background-color: #1f2b38 !important; } .txt-oa { color: #1f2b38 !important; } .no-bg-color { background-color: unset !important; } .txt-color-lightgray { color: lightgray; } .profile-tabs-placeholder { min-height: 600px; } .btn-border-white { border: 1px solid white; } .candidates-search li.select2-search-choice { padding-left: 0px !important; background-color: #1f2b38 !important; color: white !important; border: 1px solid #171f29 !important; padding-top: 0px !important; } .candidates-search span.search-label { background-color: #9aa8d0 !important; font-size: 10px !important; padding-left: 3px !important; padding-right: 5px !important; /* height: 20px; */ display: inline-block; padding-top: -20px; text-transform: uppercase !important; } .jobAd .nav-item .nav-link { font-weight: bold; } .jobAd .tab-content { background-color: white; } .jobAd .tab-content .well { background-color: #f5f5f7; } .jobAd .tab-content .well .social-post-preview { background-color: white; border: 1px solid #e2e2e2; } .center-block { margin-left: auto; margin-right: auto; display: block; } .facebook { max-width: 470px; } .facebook .fb-message { padding-top: 15px; padding-bottom: 15px; } .facebook .fb-image { min-height: 236px; border: 1px solid #e9e9e9; margin: 5px; } .facebook .fb-image .fa { padding-top: 80px; color: #e6e6e6; } .facebook .fb-caption { padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; font-size: 11px; } .facebook .fb-title { padding-top: 15px; font: normal normal 500 normal 18px/22px Georgia, serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: normal; font-weight: 500; font-stretch: normal; font-size: 14px; line-height: 22px; font-family: var(--oa-font-family); } .linkedin { max-width: 350px; } .linkedin .ln-message { padding-top: 15px; padding-bottom: 15px; } .linkedin .ln-image { min-height: 236px; border: 1px solid #e9e9e9; margin: 5px; } .linkedin .ln-image .fa { padding-top: 80px; color: #e6e6e6; } .linkedin .ln-image img { height: auto; width: 100%; } .linkedin .ln-title { padding-top: 15px; font: normal normal 500 normal 18px/22px Georgia, serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: normal; font-weight: 500; font-stretch: normal; font-size: 14px; line-height: 22px; font-family: var(--oa-font-family); } .twitter { max-width: 506px; } .twitter .tw-message { padding-top: 15px; padding-bottom: 15px; padding-left: 10px; } .twitter .tw-image { min-height: 236px; border: 1px solid #e9e9e9; margin: 5px; } .twitter .tw-image .fa { color: #e6e6e6; } div.not-clickable { opacity: 0.5; pointer-events: none; } div.not-clickable > * { opacity: 0.5; pointer-events: none; } .input-padding-left-10 { box-sizing: border-box; padding-left: 10px; } ul.dashboard-stats-date-range { font-size: 10px; } .show-stat-branding { margin-right: -35px; margin-left: -35px; border-bottom: 1px solid #e7e7e7; margin-top: -10px; overflow: hidden; } .show-stat-branding > div { border-right: 1px solid #e7e7e7; padding-bottom: 10px; padding-top: 10px; } .show-stat-branding:last-child { border-right: none; } .branding-post { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; margin-right: -35px; margin-left: -35px; } div.activity-label.font-xxs { font-size: 75%; } ul.dropdown-menu.default { min-width: 200px; height: unset; top: 100%; border-radius: 0px; padding: 0; overflow-y: hidden; font-weight: bold; width: 400px; white-space: normal; } @media (max-width: 767px) { ul.dropdown-menu.default { min-width: 200px !important; } } ul.dropdown-menu.default li { padding: 0; } ul.dropdown-menu.default li a { white-space: normal; font-weight: bold; text-decoration: none; padding: 5px; } ul.dropdown-menu.default li a span { text-transform: uppercase; font-family: var(--oa-font-family); } ul.dropdown-menu.default li a .description { padding-top: 0px; display: block; font-size: 11px; font-weight: 500; color: #6b849d; padding-left: 30px; } .publisher-pages .label { float: left; } .publisher-pages .font-xxs { font-size: 70% !important; } table.activity-log tbody > tr > td, table.activity-log tbody > tr > th, table.activity-log tfoot > tr > td, table.activity-log tfoot > tr > th, table.activity-log thead > tr > td, .table.activity-log tbody > tr > td, .table.activity-log tbody > tr > th, .table.activity-log tfoot > tr > td, .table.activity-log tfoot > tr > th, .table.activity-log thead > tr > td { padding: 1px 5px !important; } table.activity-log thead > tr > th, .table.activity-log thead > tr > th { font-size: 110%; } table.activity-log tbody > tr > td.wrap-text, .table.activity-log tbody > tr > td.wrap-text { word-wrap: break-word; } table.activity-log tbody > tr > td.nowrap, .table.activity-log tbody > tr > td.nowrap { white-space: nowrap; } .min-width-90 { min-width: 90px !important; } .min-width-120 { min-width: 120px !important; } .min-width-200 { min-width: 200px !important; } .min-width-220 { min-width: 220px !important; } .avatar-100 { max-width: 85px; } span.skill-tags { color: #ffffff !important; margin-right: 5px; background-color: #9e9e9e; /* border: 1px solid; */ letter-spacing: 0.7px; /* font-weight: bold; */ /* padding: 2px; */ padding: 4px; } span.skill-tags.match { background-color: orange; } .new-location-modal .required:after { font-weight: normal; font-size: 10px; color: red; content: "*"; } .smart-form .select i { top: 11px; height: 9px; } .required-date select.form-control { border-color: red !important; } .required-date select.form-control.ng-not-empty { border-color: #e3eeff !important; } .showButtonBar .btn { background: none; color: darkblue; } .candidate-modal-body .comments .smart-form select.form-control { border-radius: 3px !important; border-width: 2px !important; padding-left: 10px; background-color: #fdfdfd; } .skill-tags .level { border-left: 1px solid #c3c4c6; padding-left: 5px; } .sorted-list ul { list-style-type: none; columns: 2; -webkit-columns: 2; -moz-columns: 2; } .sorted-list ul li { break-inside: avoid-column; } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #bbc5da; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #bbc5da; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #bbc5da; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #bbc5da; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #bbc5da; } ::placeholder { /* Most modern browsers support this now. */ color: #bbc5da; } .positions-menu .dashboard-position-filter label { border-radius: 20px !important; padding: 3px 10px; font-weight: normal; font-size: 0.8em; } .positions-menu .dashboard-position-filter label:hover { background-color: #3a404a !important; color: white !important; border-bottom: none !important; } .positions-menu .dashboard-position-filter label.btn-link { border-bottom: none !important; } .positions-menu .dashboard-position-filter label:first-child { border-radius: 20px !important; } .dashboard-position-filter .active { background-color: #3a404a !important; color: white; border-bottom: none; } .dashboard-position-filter .btn-link { color: #64748B; margin-left: 5px !important; border-radius: 5px !important; border-bottom: none; } .dashboard-position-filter .btn-link:hover { color: #c3c3c3 !important; } .btn-default:hover { color: #333333 !important; padding-bottom: 5px !important; } .btn-default:hover i { color: #737376; } /* .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default { background-color:#6679c2; color:white; } */ .company-position-page ul.dropdown-menu.positions li.menu { background-color: #f7f7f7; } .pac-container { z-index: 1300; } .dashboard-timeline { background: linear-gradient(to bottom, #f5fcff 0, #ffffff 100%) !important; } .skills ul { list-style-type: none; word-break: keep-all; } .skills ul li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .skills ul li .progress { margin-bottom: 5px; } .skills ul li .progress-bar { height: 16px !important; line-height: 16px !important; text-align: left; } .skills ul li .progress-bar span { padding-left: 5px; } .label-purple { background-color: #a1acc9; color: white; } .label-purple.skill-match { background-color: #6475a5; } .candidates-bottom-divider { border-bottom: 2px solid black !important; color: red !important; padding: 20px !important; } .font-size-11 { font-size: 11px; } .copyright-style-weight { font-size: 11px !important; font-weight: 800; } .settings-input .input .intl-tel-input { width: 100% !important; } .invite-company-user-modal .intl-tel-input { width: 100% !important; } .job-ad-custom { position: relative; z-index: 999; background-color: white; padding: 30px; } .job-ad-custom ul, .job-ad-custom ol { list-style-type: disc !important; padding-left: 40px; } .position-absolute { position: absolute !important; } @media (max-width: 767px) { .responsive-padding-margin-careers { padding: 35px 0 0 0 !important; margin-bottom: 0px !important; } } .input-placeholder-small input::placeholder { font-size: 11px; } .progress-triangle { clip-path: polygon(100% 0, 100% 100%, 0 100%); background: #f2f6ff; height: 80px; width: 100%; stroke: #575a9c; stroke-width: 3px; } .progress-triangle::before { height: inherit; width: 0%; background: #575a9c; content: " "; display: block; } @keyframes up-and-down { 100% { width: 100%; } } .progress .progress-bar { border-radius: 5px; } .candidate-results .box { border: 2px solid #7b7bc152; border-radius: 7px; } .progress-bar-purple { background-color: #575a9c !important; } .progress-bar-vertical { width: 20px; height: 200px; display: flex; align-items: flex-end; margin-right: 20px; float: left; border-radius: 5px; } .progress-bar-vertical .progress-bar { width: 100%; height: 0; transition: height 0.6s ease; } .candidate-results { scroll-behavior: smooth; } .candidate-results hr { height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(197, 197, 197, 0.75), rgba(0, 0, 0, 0)); } .candidate-results .media { padding-top: 10px; } .candidate-results .media .padding-bottom-20 { padding-bottom: 0px; } .candidate-results .text-muted { color: #323232; } .margin-left-right-5-percent { margin-left: 5%; margin-right: 5%; } .background-color-grey-result { background-color: #ffffff; } .border-top-gray { border-top: solid 1px #d6d6d6; } .border-left-chart-results { border: 1px solid #ececec; } .box-shadow-results { box-shadow: 0px 0px 26px -8px rgba(0, 0, 0, 0.75); } .box-links-results .list-group-item { color: darkgrey; font-family: monospace; font-weight: bold; font-size: 13pt; } .box-links-results .list-group-item.active { border: none; color: #575a9c !important; background-color: white !important; } @media (max-width: 767px) { .box-links-results.affix { left: -100000px; } } @media (min-width: 768px) and (max-width: 991px) { .box-links-results.affix { left: -100000px; } } @media (min-width: 992px) and (max-width: 1199px) { .box-links-results.affix { top: 35px !important; width: 200px !important; } } @media (min-width: 1200px) and (max-width: 1500px) { .box-links-results.affix { top: 30px !important; width: 240px !important; } } @media (min-width: 1501px) and (max-width: 1700px) { .box-links-results.affix { top: 25px !important; width: 300px !important; } } @media (min-width: 1701px) { .box-links-results.affix { top: 25px !important; width: 390px !important; } } .padding-top-50 { padding-top: 50px !important; } .padding-bottom-50 { padding-bottom: 50px !important; } .custom-loader-height { height: 200px; left: calc(50% - 35px) !important; top: calc(50% - 100px) !important; } @media (min-width: 768px) { .custom-loader-height { transform: scale(2, 2); top: calc(50%) !important; } } .dont-display { display: none !important; } .show-only-question table { display: none; } .show-only-question p:not(.question) { display: none; } .show-only-question li { display: none; } .show-only-question div { display: none; } .hide-only-question .question { display: none; } .font-12-alligned-left { font-size: 11px; text-align: left; } .border-solid-red { border: 2px solid red; } .hexaco-graphic .bar-step { position: absolute; margin-top: 0px; z-index: 1; font-size: 11px; } .hexaco-graphic .label-line { float: right; background: #e69b42; height: 20px; width: 3px; margin-left: 5px; } .hexaco-graphic .label-line-border { float: right; background: #e69b42; height: 20px; width: 2px; margin-left: 5px; } .hexaco-graphic .label-line-vertical { float: right; background: #e69b42; height: 2px; width: 25px; } .hexaco-graphic .label-line-vertical-border { float: right; background: #e69b42; height: 2px; width: 25px; } .opacity-05 { opacity: 0.5; } .opacity-80 { opacity: 0.8; } .opacity-85 { opacity: 0.85; } .opacity-90 { opacity: 0.9; } .opacity-75 { opacity: 0.75; } .opacity-100 { opacity: 1; } .border-radius-0 { border-radius: 0px !important; } .background-color-orange { background-color: #e69b42 !important; } .fb_iframe_widget { display: inline-block; position: relative; vertical-align: middle; top: -8px; } #twitter-widget-0 { display: inline-block; vertical-align: middle; } .margin-top--120 { margin-top: -120px; } .apply-thanks h1, .assessment-thanks h1 { font-weight: bold !important; } .candidates-collection-item { font-weight: bold !important; line-height: 17px !important; } .candidates-collection-item div { line-height: 11px; color: #878686; padding-bottom: 0px; margin-bottom: 0px; font-weight: normal; } .selector-small-font-responsive { font-size: 16px; font-weight: 700; } @media (max-width: 767px) { .selector-small-font-responsive { font-size: 16px !important; } } article h1 { font-weight: bold; color: #1f2b38; } [uib-datepicker-popup-wrap] { z-index: var(--z-popover, 1060) !important; } .uib-datepicker-popup { padding: 8px !important; z-index: var(--z-popover, 1060) !important; background: #FFFFFF !important; border: 1px solid var(--oa-border-color, #E5E7EB) !important; border-radius: 12px !important; box-shadow: var(--oa-shadow-pop, 0 12px 24px -6px rgba(0, 0, 0, 0.12)) !important; overflow: hidden !important; animation: dropdownSlideIn2027 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) !important; width: 280px !important; min-width: 280px !important; max-width: 280px !important; } .uib-datepicker-popup table { margin: 0; border-collapse: separate; border-spacing: 1px; table-layout: auto !important; width: 100% !important; } .uib-datepicker-popup thead tr:first-child th { width: auto !important; max-width: none !important; overflow: visible !important; padding: 2px !important; text-align: center !important; } .uib-datepicker-popup thead tr:last-child th { padding: 2px !important; width: 34px !important; font-size: 10px; font-weight: 500; color: var(--oa-text-light, #94A3B8); text-transform: none !important; letter-spacing: 0; } .uib-datepicker-popup tbody td { padding: 0 !important; width: 34px !important; max-width: 34px !important; overflow: hidden; text-align: center; } .uib-datepicker-popup .uib-daypicker tbody td:first-child, .uib-datepicker-popup .uib-daypicker thead tr:last-child th:first-child { display: none !important; } .uib-datepicker-popup .btn { height: auto !important; min-height: auto !important; min-width: 20px !important; padding: 2px !important; font-size: 11px; line-height: 1.2; border-radius: 4px; } .uib-datepicker-popup .uib-title { width: auto !important; max-width: none !important; min-width: 80px !important; padding: 3px 6px !important; font-size: 12px; font-weight: 600; text-align: center !important; } .uib-datepicker-popup .uib-left, .uib-datepicker-popup .uib-right { width: 28px !important; height: 28px !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; border: none !important; border-radius: 6px !important; cursor: pointer !important; transition: all 0.15s ease !important; } .uib-datepicker-popup .uib-left .glyphicon, .uib-datepicker-popup .uib-left i, .uib-datepicker-popup .uib-right .glyphicon, .uib-datepicker-popup .uib-right i { font-size: 12px !important; line-height: 1 !important; color: var(--oa-text-muted, #64748B) !important; } .uib-datepicker-popup .uib-left .glyphicon::before, .uib-datepicker-popup .uib-right .glyphicon::before { font-family: "Font Awesome 6 Pro" !important; font-weight: 300 !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .uib-datepicker-popup .uib-left:hover, .uib-datepicker-popup .uib-right:hover { background: var(--oa-info-bg, #F8FAFD) !important; } .uib-datepicker-popup .uib-left:hover .glyphicon, .uib-datepicker-popup .uib-left:hover i, .uib-datepicker-popup .uib-right:hover .glyphicon, .uib-datepicker-popup .uib-right:hover i { color: var(--oa-brand-primary, #005aee) !important; } .uib-datepicker-popup .uib-left .glyphicon::before { content: "" !important; } .uib-datepicker-popup .uib-right .glyphicon::before { content: "" !important; } .uib-datepicker-popup .uib-daypicker .btn:not(.uib-title):not(.uib-left):not(.uib-right) { width: 24px !important; height: 24px !important; min-height: 24px !important; max-width: 24px !important; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; border-radius: 50%; } .uib-datepicker-popup .btn-default { background: #FFFFFF !important; border: 1px solid transparent !important; color: var(--oa-text-main, #0F172A) !important; transition: all 0.15s ease !important; } .uib-datepicker-popup .btn-default:hover { background: var(--oa-info-bg, #EFF6FF) !important; border-color: transparent !important; transform: scale(1.05); } .uib-datepicker-popup .btn-info:not(.active) { background: #FFFFFF !important; border: 2px solid var(--oa-brand-light, #3FA9FF) !important; color: var(--oa-brand-primary, #005aee) !important; } .uib-datepicker-popup .btn-info:not(.active):hover { background: var(--oa-info-bg, #EFF6FF) !important; transform: scale(1.05); } .uib-datepicker-popup .btn-info.active, .uib-datepicker-popup .active .btn { background: var(--oa-brand-primary, #005aee) !important; border-color: var(--oa-brand-primary, #005aee) !important; color: #FFFFFF !important; } .uib-datepicker-popup .btn-info.active:hover, .uib-datepicker-popup .active .btn:hover { background: var(--oa-brand-hover, #004ac2) !important; transform: scale(1.05); } .uib-datepicker-popup .text-muted { color: var(--oa-text-light, #94A3B8) !important; } .uib-datepicker-popup .uib-title:hover { background: var(--oa-info-bg, #F8FAFD) !important; color: var(--oa-brand-primary, #005aee) !important; } .uib-datepicker-popup .uib-button-bar { display: flex !important; align-items: center !important; gap: 6px !important; padding: 8px 0 2px !important; margin-top: 4px !important; border-top: 1px solid var(--oa-border-color, #E5E7EB) !important; } .uib-datepicker-popup .uib-button-bar .pull-left, .uib-datepicker-popup .uib-button-bar .pull-right { float: none !important; } .uib-datepicker-popup .uib-button-bar .btn-group.pull-left { display: flex !important; gap: 6px !important; } .uib-datepicker-popup .uib-button-bar .btn-info { background: var(--oa-brand-primary, #005aee) !important; color: #FFFFFF !important; border: none !important; } .uib-datepicker-popup .uib-button-bar .btn-info:hover { background: var(--oa-brand-hover, #004ac2) !important; } .uib-datepicker-popup .uib-button-bar .btn-danger { background: var(--oa-danger-bg, #FEF2F2) !important; color: var(--oa-danger-text, #DC2626) !important; border: 1px solid var(--oa-danger-border, #FECACA) !important; } .uib-datepicker-popup .uib-button-bar .btn-danger:hover { background: #FEE2E2 !important; } .uib-datepicker-popup .uib-button-bar .btn-success { background: var(--oa-bg-base, #F8FAFC) !important; color: var(--oa-text-main, #0F172A) !important; border: 1px solid var(--oa-border-color, #E5E7EB) !important; } .uib-datepicker-popup .uib-button-bar .btn-success:hover { background: #E5E7EB !important; } .uib-datepicker-popup .uib-button-bar .btn { padding: 6px 14px !important; border-radius: 6px !important; font-size: 12px !important; font-weight: 500 !important; } #position-form .uib-datepicker-popup .uib-button-bar .btn-group { gap: 6px !important; } .smart-form .checkbox input + i:after { font-weight: 900; } .btn-group label.btn { -webkit-appearance: none; box-shadow: none; } .btn-group label.btn.active { background-color: #1f2b38; color: white; } .alert h4 { font-weight: bold; } .height-300 { height: 300px !important; } .height-400 { height: 400px !important; } .height-600 { height: 600px !important; } .height-700 { height: 700px !important; } .height-540 { height: 540px !important; } .dark-overlay { background-color: black; padding: 30px; opacity: 0.4; } .carousel-caption { background-color: black; opacity: 0.5; padding: 40px; text-shadow: none; } .carousel-caption h1 { font-weight: 900; color: white !important; margin-bottom: 5px !important; font-size: 60px !important; } .carousel-caption p { color: #ececec !important; padding-left: 5px !important; } .job-ad-headline { font-weight: 400; } .job-ad-page { position: relative; z-index: 9999; } .job-ad-page .benefits-items { display: inline-block; overflow: visible; position: relative; /* width: 16.6667%; */ margin: auto; } .d-inline-grid { display: inline-grid !important; } .required { font-weight: normal; font-size: 11px; padding-left: 3px; color: red; content: "*"; } .payment_notice { font-weight: bold; font-size: 13.5px; color: white; height: 60px; } .payment_notice a { color: white; text-decoration: underline; } .sources-placeholder { height: 10px; background-color: #eaeaea; margin-bottom: 15px; } .sources-placeholder-label { height: 5px; background-color: #efefef; margin-bottom: 5px; } .placeholder-label { display: block; height: 20px; background-color: #d5d5d5; margin-left: 10px; margin-top: 5px; margin-bottom: 5px; } .placeholder-btn { display: block; height: 30px; width: 70px; background-color: #d5d5d5; } .verification-test { text-transform: uppercase; font-size: 10px; font-weight: bold; } .print-diagram-answers span { padding-left: 15px; } .verify-results .diagram .bin { width: 60px !important; font-size: 13.5px; } .page-break-before { page-break-before: always; } .margin-top-35 { margin-top: 35px !important; } .font-size-20 { font-size: 16px; } .grayscale-100 { background-color: grey !important; } .sourcing-table .btn.disabled { background-color: #b2b2b2 !important; border-color: #8f8f8f !important; } .smart-timeline-list:after { left: 15px; } .smart-timeline-list > li:hover { background-color: #ffffff; } .widget-flat { position: relative; overflow: hidden; } .card { border: none; -webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15); box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15); margin-bottom: 30px; } .card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #ffffff; background-clip: border-box; border-radius: 0.55rem; } @media (max-width: 767px) { .card { padding: 15px !important; } } .widget-flat i.widget-icon { color: #727cf5; font-size: 16px; background-color: rgba(17, 58, 179, 0.25); height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 3px; display: inline-block; } .card-body { -webkit-box-flex: 1; flex: 1 1 auto; padding: 1.5rem; } @media (max-width: 767px) { .card-body { padding: 0.5rem; } .card-body .padding-left-0 { padding-left: 15px !important; } .card-body .padding-right-0 { padding-right: 15px !important; } } .mb-3, .my-3 { margin-bottom: 1.5rem !important; font-weight: 400; } .mt-0, .my-0 { margin-top: 0 !important; color: #212529; font-weight: 400 !important; } .dashboard .mt-0 { font-weight: 600 !important; font-family: var(--oa-font-family); -webkit-font-smoothing: antialiased; margin-bottom: 1.5rem !important; } .dashboard .mb-3 { color: #646c9a; left: 10%; position: relative; -webkit-font-smoothing: antialiased; margin-bottom: 1.5rem !important; font-weight: 600; } .mb-2, .my-2 { margin-bottom: 0.75rem !important; } .timeline-alt { padding: 20px 0; position: relative; } .timeline-alt:before { background-color: #e3eaef; bottom: 30px; content: ""; left: 9px; position: absolute; top: 30px; width: 2px; z-index: 0; } .k-widget-19__bg { opacity: 0.08; position: absolute; z-index: 0; width: 80px; top: 50%; left: 20%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .k-widget-19__bg:hover { transition: none; } .timeline-alt .timeline-item { position: relative; } .timeline-alt .timeline-item .timeline-item-info { margin-left: 30px; } .pb-0, .py-0 { padding-bottom: 0 !important; } .timeline-alt .timeline-item .timeline-icon { float: left; height: 20px; width: 20px; border-radius: 50%; border: 2px solid transparent; font-size: 11px; text-align: center; line-height: 16px; background-color: #ffffff; } .bg-info-lighten { background-color: rgba(17, 58, 179, 0.25) !important; } .text-info { color: #39afd1 !important; } .bg-primary-dashboard { background-color: #727cf5 !important; } .card .header-title { margin-bottom: 0.5rem; text-transform: uppercase; letter-spacing: 0.02em; font-size: 0.875rem; margin-top: 0; font-weight: bold; color: #56799b; font-size: 12px; } .cta-box { background-image: url("/img/bg-pattern.png"); background-size: cover; } /* * STYLE 7 */ #style-7::-webkit-scrollbar-track { -webkit-box-shadow: none; background-color: #ffffff; border-radius: 10px; box-shadow: none; } #style-7::-webkit-scrollbar { width: 10px; background-color: #ffffff; } #style-7::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #b8c0c6; /* background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgb(122,153,217)), color-stop(0.72, rgb(73,125,189)), color-stop(0.86, rgb(28,58,148))); */ } /* * STYLE 8 */ #style-8::-webkit-scrollbar-track { -webkit-box-shadow: none; background-color: #e3eaef; border-radius: 10px; box-shadow: none; } #style-8::-webkit-scrollbar { width: 10px; background-color: #e3eaef; } #style-8::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #B0BEC5; /* background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgb(122,153,217)), color-stop(0.72, rgb(73,125,189)), color-stop(0.86, rgb(28,58,148))); */ } .scrollbar { height: 430px; width: 100%; overflow-y: scroll; padding: 0px 8px 0px 10px; } .force-overflow { min-height: 430px; } .dashboard-statistic-box { color: #727cf5; font-size: 8pt; background-color: #d6dee4; height: 40px; width: 60px; text-align: center; line-height: 20px; border-radius: 3px; display: inline-block; margin: 5px; } .dashboard-statistic-box span { font-size: 12px; } .dashboard-statistic-box h5 { margin-top: 0px; font-size: 8pt; } .dashboard-statistic-box .box-label { font-size: 5pt; text-align: center; font-weight: bold; color: #1f2b38; } .d-block { display: block !important; } .list-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding-left: 0; margin-bottom: 0; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; } .candidates-filters span { width: auto !important; letter-spacing: 0px !important; } .filter-primary { background-color: #4d6095 !important; color: white !important; margin-right: 5px; display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; } .filter-primary .btn-link { text-decoration: none; color: white !important; } .card img { transition: 1s all; transform-origin: 50% 50%; transform-box: fill-box; } .card.selected { background-color: #d8e3f2; border: none !important; } .card.selected .nav-tabs + .tab-content { background: white; } .card:hover img { -webkit-transform: scale(1.04); transition: transform 0.2s ease-in-out; transform: scale(1.04, 1.04); } .job-item.card:hover { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .display-on-hover { opacity: 0; } .display-on-hover-parent:hover .display-on-hover { opacity: 1 !important; } .a-remove-focus > li > a:focus { background-color: #333333 !important; } .smart-form footer .btn { font-weight: bold; font-size: 12px; } .modal-footer .btn-primary { font-weight: bold; } .collection-item .media { background-color: #f6f7f9; padding: 10px; border-radius: 5px; border: 1px solid #ebebeb; } .sourcing-modal .modal-body .steps { min-height: 550px; } .days-of-week .table td { vertical-align: top !important; } .days-of-week .table td tfoot label.checkbox { margin-top: 5px; } .days-of-week .table td tbody label.checkbox { margin-top: 0px; } .skills-header h1 { font-weight: bold; font-size: 11px; } .assessment-positions .alert-note { border-color: transparent; border-radius: 5px; } .sourcing #sourcing_table .table thead tr th { font-weight: bold !important; } .button-badge-parent { color: white; display: inline-block; position: relative; padding: 2px 5px; } .button-badge { background-color: #fa3e3e; border-radius: 10px; color: white; margin-right: 5px; font-size: 12px; padding: 1px 3px; position: absolute; top: 0; right: 0; } footer.copyright { text-align: center; bottom: 0px; } .assessment-description { border-radius: 10px; padding: 20px; background-color: #f7fbfe; border: 1px solid #eff8ff; } .assessment-description h4 { font-weight: bold; } .assessment-description .tab-content { border: 1px solid #ececec; background: white; padding: 25px 25px; } .bounce { animation: bounce 1s 0.5s; transform: scale(0.9); } @keyframes bounce { 0% { transform: scale(1.1); opacity: 1; } 50% { transform: scale(1.4); opacity: 0.7; } 60% { transform: scale(0.4); opacity: 1; } 80% { transform: scale(0.95); } 100% { transform: scale(0.9); } } .xl-modal-window .modal-dialog { width: 1200px !important; } .assessment-config-box { width: 100pt; height: 70pt; border-radius: 10pt; padding: 15px !important; } .assessment-config-box .test-name { white-space: pre-wrap !important; font-size: 11px; font-weight: bold !important; padding-bottom: 5px; } .bg-primary { background-color: #727cf5 !important; } .table .thead-dark th { color: #98a6ad; background-color: #313a46; border-color: #414d5d; } /* .assessment-positions-tabs { li:last-child { background-color: #8198d5; a { color:#ffffff; } &.active { background-color: #4d5c80; color:#ffffff; a { background-color: #4d5c80; } }f } } */ .assessment-positions-tabs .btn-group label { font-weight: bold; } .reject-reasons label.rejected { font-family: var(--oa-font-family); font-size: 11px; color: white; background-color: darkred; } .reject-reasons label.rejected:hover { color: darkred; } .reject-reasons label:hover { background-color: #e0d5cd; color: darkred; } .reject-reasons .candidate-reject-reason { background-color: #FF4500 !important; color: white !important; border: none; } .rejection_reasons-default { color: darkred; background-color: #fdeded; border: none; } .candidate-reject-reason-default { color: #FF4500; background-color: #fdf3ea; border: none; } .rejected.candidate_reject { border-left: 4px dashed #FF4500 !important; border-block-end: none; border-block-start: none; } .txt-color-orange-candidate-reject { color: #FF4500; } label.candidate-approved { color: #008000; background-color: #efffef; border: none; } label.candidate-approved:hover { background-color: #93e493; color: #008000; } label.preliminary-status-maybe { color: #7f6b01; background-color: #fff7de; } label.preliminary-status-maybe:hover { background-color: #faeeb2; color: #7f6b01; } label.preliminary-status-maybe.active { background-color: #ad6900; color: white; border: 2px solid #ad6900; } .bg-oa { background-color: #1f2b38 !important; } .dashboard .progress-bar { background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0.44, #7a99d9), color-stop(0.72, #497dbd), color-stop(0.86, #1c3a94)); } /* Styles go here */ .tab-animation > .tab-content { position: relative; } .tab-animation > .tab-content > .tab-pane { transition: 0.2s linear opacity; } .tab-animation > .tab-content > .tab-pane.active-remove { position: absolute; top: 0; width: 100%; display: block; } .tab-animation > .tab-content > .tab-pane.active-remove-active { opacity: 0; } .tab-animation > .tab-content > .tab-pane.active-add { opacity: 0; } .animate-if.ng-enter, .animate-if.ng-leave { transition: 0.5s linear all; overflow: hidden; } .animate-if.ng-enter { max-height: 0; opacity: 0; } .animate-if.ng-enter.ng-enter-active { max-height: 999px; opacity: 1; } .animate-if.ng-leave { max-height: 999px; opacity: 1; } .animate-if.ng-leave.ng-leave-active { max-height: 0; opacity: 1; } blockquote.sticky { border-color: rgba(0, 27, 133, 0.55); } blockquote.sticky-position { border-color: rgba(123, 203, 206, 0.55); } blockquote.sticky-internal { border-color: #ff0000; } .actions-timeline { padding: 0px 0px 0px 30px; } .dashboard .positions-list { background-image: url("/img/work_timeline_9u4u.svg"); background-repeat: no-repeat; background-size: 70%; background-position: bottom right; } .assessment-description.system { border-left: 4px solid rgba(0, 27, 133, 0.55); } .overflow-visible { overflow: visible !important; } .messages-placeholder { height: 400px; border: 3px dashed #d0d0d0; } .messages-placeholder .message-placholder-items { padding: 60px; } .messages-placeholder .message-placholder-items .message-placholder-items-list { display: flex; justify-content: center; } .messages-item { border: 1px solid #f2f2f2; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .messages-item:hover { background-color: #eaf0f4 !important; } .profile-menu { z-index: 8999; top: 0px; position: sticky; } .profile-menu .btn.btn-default { background-color: #4c4f53; border-color: #626262; } .profile-menu .btn.btn-default i { color: #dcdcdc; } .profile-menu .btn.btn-default:hover { background-color: #404246; color: #ffffff; } .profile-menu .btn.btn-link:hover { text-decoration: none; text-underline: none; color: #ffffff; border-bottom: none; } .profile-menu .btn.btn-link:hover .fa { color: inherit; } .edit-profile .form-wizard-header { margin-left: -40px; margin-right: -40px; width: inherit; background-color: #e3eaef; } .edit-profile .mb-4, .edit-profile .my-4 { margin-bottom: 2.25rem !important; } .edit-profile .nav-justified .nav-item { flex-basis: 0; -webkit-box-flex: 1; flex-grow: 1; text-align: center; } .edit-profile .nav-pills .nav-link.active, .edit-profile .nav-pills .show > .nav-link { color: #ffffff; background-color: #4d6091; border-radius: 0; } .edit-profile .pb-2, .edit-profile .py-2 { padding-bottom: 0.75rem !important; } .edit-profile .pt-2, .edit-profile .py-2 { padding-top: 0.75rem !important; } .edit-profile .nav-item { height: 40px; padding-top: 0px; } .edit-profile .nav-item.active { background-color: #4d6091; } .line-height-2 { line-height: 2 !important; padding-left: 10px; } .board { display: block; white-space: nowrap; overflow-x: auto; } .board .tasks { padding: 0 0.5rem 0.5rem 0.5rem; display: inline-block; width: 22rem; margin: 0 0.3rem 0.3rem 0.3rem; vertical-align: top; margin-bottom: 30px; border-radius: 8px; min-width: 23rem; background: rgba(241, 245, 249, 0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(226, 232, 240, 0.6); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05); } .board .tasks:last-child { background-image: url("/img/undraw_Astronaut_kwwa.svg"); background-position: bottom right; background-size: cover; background-repeat: no-repeat; background-size: 200pt; } .board .tasks:first-child { background-image: url("/img/undraw_maker_launch_crhe.svg"); background-position: bottom left; background-size: cover; background-repeat: no-repeat; background-size: 200pt; } .board .tasks.board-columns { backdrop-filter: none; -webkit-backdrop-filter: none; } .board .tasks::-webkit-scrollbar-track { -webkit-box-shadow: none; background-color: #ffffff; border-radius: 10px; box-shadow: none; } .board .tasks::-webkit-scrollbar { width: 10px; background-color: #ffffff; } .board .tasks::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #b8c0c6; } .board .p-3 { padding: 1.5rem !important; } .board .tasks .card { white-space: normal; margin-top: 1rem; } .board h5 { display: block; font-size: 0.83em; margin-block-start: 1.67em; margin-block-end: 1.67em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; font-size: 0.9375rem; color: white; } .board .mt-0, .board .my-0 { margin-top: 0 !important; } .board .task-list-items { min-height: 100px; position: relative; } .board .task-list-items:before { content: "No Candidates"; position: absolute; line-height: 110px; width: 100%; text-align: center; font-weight: 600; } .board .tasks .task-header { background: linear-gradient(135deg, rgba(239, 246, 255, 0.95) 0%, rgba(219, 234, 254, 0.9) 100%); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); padding: 0.5rem; margin: 0 -0.4rem; font-weight: 600 !important; font-size: 0.8rem; border-radius: 8px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; padding-left: 20px; color: #0F172A; border-bottom: 1px solid rgba(59, 130, 246, 0.2); } .board .tasks .task-header span { color: #0F172A; } .board .tasks .task-header i, .board .tasks .task-header .fa, .board .tasks .task-header .fas, .board .tasks .task-header .far, .board .tasks .task-header .fal, .board .tasks .task-header .fad { color: #0055FF; } .board .tasks .task-header ul.dropdown-menu { left: auto; right: 0; min-width: 160px; } .rejected { border-left: 4px solid red; border-block-end: none; border-block-start: none; } .hired { border-left: #166534 6px solid !important; border-block-end: none; border-block-start: none; } .accepted { border-left: 4px solid green; border-block-end: none; border-block-start: none; } .maybe { border-left: 4px solid orange; border-block-end: none; border-block-start: none; } .candidates-toolbar ul.list-inline .divider { width: 1px; display: inline; padding: 2px; overflow: hidden; background-color: #ececec; margin-left: 4px; margin-right: 8px; cursor: default; } .candidates-toolbar ul.list-inline li[role=menuitem] { cursor: pointer; padding: 5px 10px; } .candidates-toolbar ul.list-inline li[role=menuitem] a { color: #1f2b38; } .candidates-toolbar ul.list-inline li[role=menuitem]:hover { background-color: #e5e5e5; border-radius: 4px; } .candidates-toolbar ul.list-inline li[role=menuitem]:hover a { color: #1e3f91; } .candidate-search-popover { width: 550px; background-color: #182436; max-width: 700px !important; color: white; } .candidate-search-popover.popover.bottom > .arrow:after { border-bottom-color: #1f2b38; } .candidate-search-popover ul li { padding-top: 10px; } .candidate-search-popover ul li .operator { display: block; color: #6b9aff; text-transform: uppercase; font-weight: 600 !important; font-size: 12pt; } .candidate-search-popover ul li i { font-size: 12pt; padding-right: 10px; color: #abb7d8; } .candidate-search-popover ul li .operator-normal { text-transform: lowercase; color: white; } .search-info { border-left: none; border-right: none; background-color: white; padding-bottom: 9px !important; } .search-info:hover { background-color: #ebeef5 !important; } .background-color-white-smoke { background-color: whitesmoke !important; } ul li.workflow-stage { height: 50px; padding: 10px !important; margin: 2px; flex: 1; border: 1px solid #c9d4db; background-color: #dde7ee; font-size: 12px; } ul li.workflow-stage .card-body { padding: 0.6rem; } .smart-form .tooltip { position: absolute; z-index: 999; left: inherit; padding: 5px 0; font-size: inherit; line-height: inherit; font-weight: inherit; background: none; color: inherit; opacity: inherit; transition: inherit; } .dropdown-menu .divider { height: 1px; margin: 0px 0; overflow: hidden; background-color: #e5e5e5; padding: 1px !important; } .candidate-full-profile ul.nav-tabs.nav-justified { background-color: #cad3e0; } .candidate-full-profile ul.nav-tabs.nav-justified li { background-color: #cad3e0; } .candidate-full-profile .nav-tabs > li.active > a { border: none !important; background: none; border-bottom: none; } .candidate-full-profile .nav-tabs > li > a { border: none !important; font-size: 11px; background-color: #cad3e0; } .candidate-full-profile .nav-tabs > li > a:hover { background: none; } .candidate-profile-box { box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08); } .open > .dropdown-menu { animation: none; } .highlight { padding: 3px 15px; color: black; } .highlight em { background-color: #ffffc7; font-weight: bold; text-transform: none; color: black; font-style: normal; } .sidebar-left { display: table-cell; float: none; min-width: 280px; } .content-right { display: table-cell; float: none; vertical-align: top; padding-left: 30px; padding-right: 20px; width: 100%; } .mainwrap { display: table; } .candidate-card h4 { font-size: 12px; color: black; } .candidate-card ul li { margin: 5px; border: none; background: #f1f3fa; border: 1px solid #d6d8e0; border-radius: 50px; padding: 3px; width: 30px; height: 30px; } .candidate-card:hover { background-color: #fffff7; -webkit-font-smoothing: subpixel-antialiased; backface-visibility: hidden; -webkit-filter: blur(0); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); -webkit-transform: perspective(8px) translateZ(0); transform: perspective(8px) translateZ(0); } .candidate-card.ui-sortable-helper, .candidate-card.ui-sortable-helper:hover { -webkit-transform: none !important; transform: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } .candidate-profile-box .no-float { float: none; display: table-cell; vertical-align: top; } .board-columns { min-height: 500px; height: 80vh; padding-left: 1px; padding-right: 1px; overflow-y: auto; overflow-x: hidden; } .navbar .navbar-nav { display: inline-block; float: none; vertical-align: top; } .navbar .navbar-collapse { text-align: center; } ul.sub-menu li a { text-align: left; } i.fa-ci { display: inline-block; border-radius: 40px; box-shadow: 0px 0px 2px #888; padding: 0.5em 0.6em; } .border-left-oa { border-left: 3px solid #1f2b38 !important; } .btn-primary { min-width: 100px; } .icons-list li { font-size: 17pt; height: 30px; width: 30px; padding: 5px; text-align: center; display: inline-block; vertical-align: top; margin: 5px; background-color: #f0f0f0; cursor: pointer; } .icons-list li.selected { color: white; border: 1px solid #6576a6 !important; background-color: #6576a6; box-shadow: 3px 3px 3px 0px #525252; } .btn-primary, .btn-default, .btn-success, .btn-danger { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important; border-radius: 3pt; } .label::first-letter { text-transform: capitalize; } .btn:active, .btn:focus, .btn:hover { -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important; outline: 0; border: 1px solid transparent; transition: background-color 0.5s ease, box-shadow 0.5s ease; } .btn-success:hover { background-color: #2e7d32 !important; border-color: #2e7d32 !important; } .btn-success:focus { background-color: #2e7d32 !important; border-color: #2e7d32 !important; } .candidate-dropdown-filter:hover, .candidate-dropdown-filter:focus, .candidate-dropdown-filter:active { box-shadow: none !important; outline: 0; } .candidate-dropdown-filter .btn { -webkit-box-shadow: none !important; box-shadow: none !important; } .candidate-dropdown-filter .btn:active, .candidate-dropdown-filter .btn:focus, .candidate-dropdown-filter .btn:hover { -webkit-box-shadow: none !important; box-shadow: none !important; outline: 0; } .btn .btn-link { -webkit-box-shadow: none !important; box-shadow: none !important; } .btn .btn-link:active, .btn .btn-link:focus, .btn .btn-link:hover { -webkit-box-shadow: none !important; box-shadow: none !important; outline: 0; } h1::first-letter, h2::first-letter, h3::first-letter, h4::first-letter, h5::first-letter { text-transform: uppercase; } .pagination > li > a, .pagination > li > span { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .pagination > li > a, .pagination > li > span { background-color: transparent; border: none; } .linear-activity { overflow: hidden; width: 100%; height: 4px; background-color: #9aa7f7; } .determinate { position: relative; max-width: 100%; height: 100%; transition: width 500ms ease-out 1s; background-color: #9aa7f7; } .indeterminate { position: relative; width: 100%; height: 100%; } .indeterminate:before { content: ""; position: absolute; height: 100%; background-color: #283289; animation: indeterminate_first 1.5s infinite ease-out; } .indeterminate:after { content: ""; position: absolute; height: 100%; background-color: #3949ab; animation: indeterminate_second 1.5s infinite ease-in; } @keyframes indeterminate_first { 0% { left: -100%; width: 100%; } 100% { left: 100%; width: 10%; } } @keyframes indeterminate_second { 0% { left: -150%; width: 100%; } 100% { left: 100%; width: 10%; } } .profile-status label.active { background-color: #283288; color: white; } .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover { background-color: transparent; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 3; color: #ffffff; cursor: default; background-color: #1f2b38; border-color: #1f2b38; border-radius: 50px; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #434442; text-decoration: none; background-color: transparent; border: none; font-weight: bold; } .pagination-next a, .pagination-prev a { background-color: gainsboro; border-radius: 50px; } .pagination-next a:hover, .pagination-prev a:hover { webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important; outline: 0; } .profile-documents-upload { background-color: transparent; padding-bottom: 0; margin-top: 0; padding-top: 0; } .pin-code { width: 120px; border: none; border-bottom: 2px solid #6576a6; margin-right: 20px; text-align: center; letter-spacing: 7px; border-radius: 0px; } .pin-code-button { box-shadow: none !important; border: 1px solid #5453d3; font-size: 12px; text-transform: uppercase; font-weight: bold; } .btn-group .btn-default { border: 1px solid #6576a6; font-weight: bold; } .header-profile { background-color: gainsboro; width: 100%; height: 350px; position: absolute; } .btn-group .btn-default { -webkit-box-shadow: none; box-shadow: none; } .btn-group > .btn:first-child { margin-left: 0; border-top-left-radius: 3pt !important; border-bottom-left-radius: 3pt !important; padding-right: 10px; } .btn-group > .btn:last-child { margin-left: 0; border-top-right-radius: 3pt !important; border-bottom-right-radius: 3pt !important; } .read-only-form .smart-form .input input, .read-only-form .smart-form .input textarea, .read-only-form .smart-form .input .select2-input, .read-only-form .smart-form .input .select2-container-multi, .read-only-form .smart-form .input .select2-choices, .read-only-form .smart-form .textarea input, .read-only-form .smart-form .textarea textarea, .read-only-form .smart-form .textarea .select2-input, .read-only-form .smart-form .textarea .select2-container-multi, .read-only-form .smart-form .textarea .select2-choices { border: none !important; box-shadow: none !important; } .read-only-form .btn-group label.btn { border: none !important; box-shadow: none !important; } .read-only-form div[uib-datepicker-popup-wrap] span.input-group-btn { visibility: hidden; } .communication-control ul.nav { padding: 0; } .communication-control ul.nav li { padding: 0; } .settings-item-selected { background-color: #464FEB; font-weight: normal; color: white; border-radius: 10px; margin-left: 3px !important; margin-right: 3px !important; transition: all 0.4s ease; padding: 10px !important; } .settings-item-selected .text-muted { color: whitesmoke; } html { font-size: 1em; line-height: 1.4; } #deadline { width: 581px; max-width: 100%; height: 158px; position: absolute; top: 50%; left: 50%; z-index: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #deadline svg { width: 100%; } /* IE10 11*/ @media screen and (min-width: 0\0 ) { .media-body { width: auto; } .candidate-profile { max-width: 1200px; } .candidate-profile .media-body { width: 10000px; } .candidate-full-profile .profile-tabs-placeholder { max-width: 800px; } .candidate-full-profile .profile-tabs-placeholder .no-float { max-width: 800px; } } .assessment-results .card.row { margin-left: 0; margin-right: 0; } .element-wrapper { padding-bottom: 3rem; } .element-box, .invoice-w, .big-error-w { padding: 1.5rem 2rem; margin-bottom: 1rem; } .box-style, .user-profile, .element-box, .invoice-w, .big-error-w, .activity-boxes-w .activity-box, .post-box, .projects-list .project-box, .order-box, .ecommerce-customer-info { border-radius: 6px; background-color: #ffffff; box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12); } .element-box, .invoice-w, .big-error-w { -webkit-animation-name: fadeUp; animation-name: fadeUp; -webkit-animation-duration: 1s; animation-duration: 1s; } .form-header { margin-bottom: 1rem; padding-top: 0.5rem; display: block; } .form-desc { color: #64748B; margin-bottom: 1.5rem; font-weight: 300; font-size: 0.9rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.05); display: block; } .content-box { vertical-align: top; padding: 2rem 2.5rem; -webkit-box-flex: 1; flex: 1; } .card.active { border: 1px solid #cdddf4; border: 1px solid #cdddf4; background: #cdddf4; } .card.active:hover { border: 1px solid #cdddf4; background: #cdddf4; } ul.datetime-picker-dropdown .btn { padding: 3px; font-size: 7pt; box-shadow: none !important; } ul.datetime-picker-dropdown .input { font-size: 11px; height: 20pt; } .glyphicon { z-index: 1; } .input-date { width: 120px; } .card .fa .fas .far { color: #009CFF; } .dark-red { color: darkred !important; } .date-hover:hover { background-color: blanchedalmond; } .sticky-wizard-bottom { padding: 20px; padding-right: 60px; background: #ffffff; margin: -15px; position: sticky; bottom: 0px; } .smart-style-2 nav.e-service-menu ul.navbar-nav li a { text-shadow: none; color: black !important; font-weight: 700; } .smart-style-2 nav.e-service-menu ul.navbar-nav li a:hover { text-shadow: none; color: white !important; font-weight: 700; border-radius: 30px; } .smart-style-2 nav.e-service-menu ul.navbar-nav li a:focus { text-shadow: none; color: white !important; font-weight: 700; border-radius: 30px; } .smart-style-2 nav ul.navbar-nav li a.active { text-shadow: none; color: white !important; font-weight: 700; border-radius: 30px; background-color: #1f2b38 !important; } .smart-form .col-small { float: left; min-height: 1px; padding-right: 5px; padding-left: 5px; box-sizing: border-box; } .text-preview { max-height: 90px; overflow: hidden; } .text-show-all { max-height: 500px; display: contents; } .paragraph font { font-size: 10pt !important; } .smart-form input.form-control.ng-invalid-pattern.ng-touched { border: 2px solid #a90329 !important; } .invitationListForm input.form-control.ng-invalid { border: 2px solid #a90329 !important; } .smart-form input.form-control.ng-invalid-required.ng-touched { border: 2px solid #a90329 !important; } .smart-form textarea.form-control.ng-invalid-required.ng-touched { border: 2px solid #a90329 !important; } .smart-form select.form-control.ng-invalid-required.ng-touched { border: 2px solid #a90329 !important; } .smart-form div.ui-select-container.ng-invalid-required.ng-touched { border: 2px solid #a90329 !important; } .nav-title { text-transform: uppercase; margin: 0; color: #bfbfbf; padding: 0.5rem 1rem; margin-top: 0.2rem; font-size: 0.7rem; letter-spacing: 1px; font-weight: 500; } .nav-footer { height: 2.8125rem; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; transition: all 0.3s ease-in-out; } .press-scale-down:active { -webkit-transform: scale(0.95); transform: scale(0.95); } .press-scale-down { transition: all 0.2s ease; } .app-list { margin: 0 auto; display: block; width: 21.875rem !important; height: 22.5rem !important; font-size: 0; padding: 0.5rem 1rem; text-align: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .app-list-item { height: 5.9375rem; width: 6.25rem; display: block; text-decoration: none; color: #666666; margin: 10px 2px; border: 1px solid transparent !important; outline: 0; border-radius: 3px; padding-top: 8px; border-radius: 4px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .icon-stack { position: relative; display: inline-block; width: 1em; height: 1em; line-height: 1em; vertical-align: middle; text-align: center; } .icon-stack-1x, .icon-stack-2x, .icon-stack-3x { position: absolute !important; left: 0; bottom: 0; width: 100%; text-align: center; line-height: inherit !important; } .ni, [class*=" base-"], [class^=base-], [data-icon]:before { font-family: nextgen-icons; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .app-list > li { display: inline-block; text-align: center; padding: 0; } .margin-right-13 { margin-right: 13px !important; } .smart-style-1 #header { background-color: #ffffff !important; box-shadow: 0 0 28px 0 rgba(86, 61, 124, 0.13) !important; height: 4.125rem; } #left-panel { transition: all 0.25s !important; background-image: url(/img/nav_nachos@2x.png); background-position: left 0 bottom 0; background-repeat: no-repeat; background-size: 256px 556px; -webkit-transform: all 0.25s !important; padding-top: 0px; } #left-panel li.open ul { display: block; } .display-block { display: block !important; } .modal-full-width { width: 100%; top: 0px; margin: 0px; } .modal-full-width #shortcut { display: block; } .modal-backdrop.none { position: initial; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .fixed-navigation nav > ul { width: 100%; } #left-panel nav > ul::-webkit-scrollbar { width: 10px; background-color: transparent; background-image: linear-gradient(270deg, rgba(89, 143, 186, 0.18), transparent); } .smart-style-1 #logo-group { background: #3955bc !important; } nav li a > .ni, nav li a > [class*=fa-] { margin-right: 0.25rem !important; font-size: 1.125rem !important; width: 1.75rem !important; color: #d4ddfc !important; text-align: left !important; } #left-panel nav > ul::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #93afc9; } #left-panel nav > ul::-webkit-scrollbar-track { -webkit-box-shadow: none; background-image: linear-gradient(270deg, rgba(89, 143, 186, 0.18), transparent); background-color: transparent; border-radius: 10px; box-shadow: none; } .minified #left-panel { width: 4.6875rem; z-index: 1001; will-change: width; transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); } .smart-style-1.minified nav ul li a { padding: 12px 17px 12px 30px; } .minified nav > ul > li > ul { left: 75px; margin-top: -7px; border-top: none; border-radius: 0px 0px 10px 0px; } .minified nav > ul > li > a > .menu-item-parent { left: 75px; color: #d4ddfc; background-color: #1b1e24; width: 185px; border-radius: 5px 5px 0px 0px; height: 40px; } .minified nav > ul > li { border-bottom: none; border-top: none; } .smart-style-1.minified nav > ul > li { border-bottom: none !important; border-top: none !important; } .minified #header > :first-child, .minified aside { width: 75px; } .minified .nav-title { visibility: hidden; display: none; } .smart-style-1 nav ul { widt: 120%; } #header > :first-child, aside { width: 16.875rem; height: var(--oa-header-height, 56px); } .fixed-header.fixed-ribbon #header { height: var(--oa-header-height, 56px); } .fixed-header #main { padding-top: 35px; margin-top: 0; } .smart-style-1.fixed-navigation nav ul li.active { color: white; } .smart-style-1.fixed-navigation nav ul li.active a { background-color: rgba(0, 0, 0, 0.75); border-radius: 15px; margin-left: 5px; margin-right: 5px; transition: all 1s, border-radius 1s !important; } .smart-style-1.fixed-navigation nav ul li a:hover { color: #d4ddfc; background-color: rgba(0, 0, 0, 0.1); scale: 1.04 !important; } .smart-style-1.fixed-navigation nav ul li a:hover span { color: white; } .smart-style-1.fixed-navigation nav ul li a { letter-spacing: 1px; font-size: 0.8rem !important; padding: 0.5rem 2rem !important; text-shadow: none !important; display: flex; } .smart-style-1.fixed-navigation nav ul ul li > a { text-shadow: none !important; padding: 0.8125rem 2rem 0.8125rem 4rem !important; } .smart-style-1.minified nav ul ul li > a { text-shadow: none !important; padding: 0.8125rem 2rem 0.8125rem 1rem !important; } .smart-style-1.fixed-navigation nav ul li a { padding: 0.5rem 2rem !important; text-shadow: none !important; } #main { margin-left: 16.875rem; } .minified #main { margin-left: 75px; overflow-x: inherit; } nav li a > .ni, nav li a > [class*=fa-] { margin-right: 0.25rem; font-size: 1.125rem; width: 1.75rem; color: #4b5786; opacity: 1; text-align: left; } .fixed-navigation nav > ul { padding-right: 5px; } .left-navigation { background-color: white; } nav ul ul { margin: 0; display: none; background: rgba(69, 69, 69, 0.6); padding: 7px 0; max-height: 0; transition: 0.5s linear; } #left-panel li.open ul { max-height: 25em; } .minifyme { bottom: 0px; } .smart-style-1 .page-footer, .smart-style-1 .superbox-show, .smart-style-1 aside { background-color: #1f2937 !important; } .smart-form .input input, .smart-form .input textarea, .smart-form .input .select2-input, .smart-form .input .select2-container-multi, .smart-form .input .select2-choices, .smart-form .textarea input, .smart-form .textarea textarea, .smart-form .textarea .select2-input, .smart-form .textarea .select2-container-multi, .smart-form .textarea .select2-choices { background-color: transparent !important; } .smart-form .input input:focus, .smart-form .input textarea:focus, .smart-form .input .select2-input, .smart-form .input .select2-container-multi, .smart-form .input .select2-choices, .smart-form .textarea input:focus, .smart-form .textarea textarea:focus, .smart-form .textarea .select2-input, .smart-form .textarea .select2-container-multi, .smart-form .textarea .select2-choices { --bg-opacity: 1 !important; background-color: #ffffff !important; background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } nav ul ul li > a { font-weight: 400 !important; font-size: 0.875rem; } #logo-minified-img { height: 50px; /* width: 100px; */ /* width: auto; */ /* margin: 15px 5px; */ /* height: 50px; */ position: absolute; /* clip: rect(0px, 32px, 35px, 0); */ max-width: inherit; margin: 0px 5px 0px 10px; } #logo { margin-top: 0px; margin-left: 0px; } #logo img { clip: rect(0px, 300px, 45px, 0px); position: fixed; margin: 10px 10px 0px 20px; width: 120px; padding-top: 5px; } .mobile-preview { width: 430px; height: 850px; } .mobile-preview iframe { width: 380px; overflow: hidden; border-radius: 40px; height: 812px; } .desktop-preview { width: 840px; min-height: 900px; } .desktop-preview iframe { width: 800px; height: 100vh; } #position-form .btn.flat-btn:active { border: 1px solid #bfbebe; } #position-form .btn-group label.btn.active { background-color: #1f2b38; color: white; border-radius: 20px !important; } #position-form .position-edit .btn-group .btn-default { font-weight: bold; border-radius: 20px !important; } #position-form .btn-group .btn-default { border: 1px solid #f6f8f9; font-weight: bold; border-radius: 20px !important; } .smart-style-1 nav ul .open .fa-plus-square-o:before { content: ""; } nav ul span.menu-item-parent { color: #dae5fb; font-family: var(--oa-font-family); } nav ul span.menu-item-parent:hover { color: #ffffff; } nav ul li a:hover { color: #ffffff !important; } li a { text-underline: none; } .smart-style-1 header .btn-header > :first-child > a { background: none !important; border: none !important; /* color: $white!important; */ cursor: pointer !important; color: #005aee !important; } .smart-style-1 header .btn-header > :first-child > a .fa-2x { font-size: 17pt; } .btn-header { padding-top: 8pt; } .table-sticky .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #dddddd; position: sticky !important; top: 50px; background-color: #f8f8f8; padding-bottom: 15px !important; } .header-sticky { position: sticky; top: 50px; } .edoc-user { padding: 3px 10px; padding-top: 5px; background: #fafafa; border: 1px solid #eeeeee; border-radius: 40px; color: #1b1e24; font-size: 0.7rem; display: block; letter-spacing: 0.5px; margin: 1px; } .edoc-user .fa-user { color: #22262d; } .edoc-user .fa-eye { color: #22262d; } .bg-green-light { background-color: #c0f2c0 !important; } .bg-green-dark { background-color: #80c180 !important; } .field-setting-row:hover { background-color: aliceblue; } .field-setting-row { padding-bottom: 20px; padding-left: 20px; padding-right: 20px; } .btn-primary { background: #2E3E5C !important; color: #ffffff; border-radius: 4pt; } .btn-primary-2 { /* Core styling with gradient */ background: linear-gradient(135deg, #D1DEF0 0%, #C4D5E8 100%) !important; color: #002965 !important; border: 1px solid #C1CEE0 !important; border-radius: 6px; font-weight: 600 !important; font-size: 12px; font-feature-settings: normal; /* Shadow and transition */ box-shadow: 0 1px 3px rgba(0, 41, 101, 0.08) !important; transition: all 0.2s ease-in-out; /* Hover state with gradient shift */ /* Focus state */ /* Active state */ /* Disabled state */ } .btn-primary-2 .fa-duotone { color: #002965 !important; transition: color 0.2s ease; } .btn-primary-2:hover { background: linear-gradient(135deg, #A3BDE1 0%, #96B3D8 100%) !important; border-color: #93ADCF !important; color: #002965 !important; box-shadow: 0 2px 4px rgba(0, 41, 101, 0.12) !important; transform: translateY(-1px); } .btn-primary-2:focus { outline: none; box-shadow: 0 0 0 3px rgba(209, 222, 240, 0.4) !important; } .btn-primary-2:active { background: linear-gradient(135deg, #93ADCF 0%, #88A5CC 100%) !important; border-color: #83A0C5 !important; transform: translateY(0); box-shadow: 0 1px 2px rgba(0, 41, 101, 0.1) !important; } .btn-primary-2:disabled, .btn-primary-2.disabled { background: #E8EEF5 !important; color: #9CAAB8 !important; border-color: #D8E2ED !important; cursor: not-allowed; box-shadow: none !important; transform: none; } .btn-primary-2:disabled:hover, .btn-primary-2.disabled:hover { background: #E8EEF5 !important; transform: none; } /* When btn-primary-2 is combined with flat-btn, respect flat-btn's no-shadow style */ .btn-primary-2.flat-btn { box-shadow: none !important; } .btn-primary-2.flat-btn:hover { box-shadow: none !important; } .btn-primary-2.flat-btn:focus { box-shadow: none !important; } .btn-primary-2.flat-btn:active { box-shadow: none !important; } .btn-group-xs > .btn, .btn-xs { font-size: 10px; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(231, 233, 246, 0.16); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } li.position-primary { background-color: #44587d; color: white !important; } li.position-primary a { color: white; } li.position-primary .description { color: #e0dede; } ul.positions-nav li.position-primary:hover { background-color: #344462; } ul.positions-nav li.nav-title-position { margin-top: 0.5rem; font-size: 0.7rem; letter-spacing: 1px; font-weight: 500; padding-top: 20px; color: #0d4b8e; height: 40px; border-right: none; border-top: 0px solid; } ul.positions-nav li.nav-title-position:after { background-image: none; } ul.positions-nav li.nav-title-position:before { background-image: none; } [disabled=disabled] { pointer-events: none; opacity: 0.6 !important; } .smart-style-1.minified nav > ul > li > a > i { text-align: end; } ul.operation-menu { border-radius: 6px !important; } ul.operation-menu div ul li { padding: 5px !important; padding-bottom: 0px !important; text-decoration: none; } ul.operation-menu div ul li .fa, ul.operation-menu div ul li .fas { color: #009cff; margin-right: 5px; } ul.operation-menu div ul li:hover { background-color: #edf2f7; cursor: pointer !important; border-radius: 5px; } ul.operation-menu div ul li:hover .description { color: #254f78; } ul.operation-menu div ul li.disabled { cursor: not-allowed; opacity: 0.5; color: grey !important; pointer-events: none; display: inline-block; /* For IE11/ MS Edge bug */ } ul.operation-menu h5 { margin-left: 10px; } .dropdown-menu-animated { -webkit-transform: scale(0.8) !important; transform: scale(0.8) !important; transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1); transition-property: all; transition-duration: 270ms; transition-timing-function: cubic-bezier(0.34, 1.25, 0.3, 1); transition-delay: 0s; opacity: 0; visibility: hidden; display: block; } .header-icon:not(.btn)[data-toggle=dropdown][data-toggle=dropdown]:after { content: " "; width: 1.5rem; height: 1.5rem; position: absolute; background: #dae1e8; border-radius: 50%; top: 1.3125rem; z-index: -1; left: 0.9375rem; opacity: 0; transition: all 0.1s ease-in; transition-property: all; transition-duration: 0.1s; transition-timing-function: ease-in; transition-delay: 0s; } .fixed-ribbon #ribbon { left: 270px; top: 66px; } #content { top: 20px; } h1, h2, h3, h4, h5, h6 .dropdown-menu { font-family: var(--oa-font-family) !important; } /* width: 169px!important; */ @media only screen and (max-width: 479px) and (min-width: 320px) { #logo-group { width: inherit !important; } } li.dropdown-menu-profile { color: white; padding: 0px; background: linear-gradient(250deg, #3160af, #1f2b38); } li.dropdown-menu-profile a { color: white; } li.dropdown-menu-profile a:hover { background-color: transparent; } .survey-metric { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; background: var(--oa-bg-white, #F9FAFB); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-md, 8px); text-decoration: none !important; transition: all var(--oa-duration-fast, 150ms) ease; min-width: 90px; } .survey-metric:hover { background: #FFFFFF; border-color: var(--oa-border-strong, #D1D5DB); text-decoration: none !important; } .survey-metric__icon { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: var(--oa-radius-sm, 6px); flex-shrink: 0; } .survey-metric__icon i { font-size: 12px; } .survey-metric__icon--participants { background: linear-gradient(135deg, rgba(0, 90, 238, 0.1) 0%, rgba(63, 169, 255, 0.14) 100%); } .survey-metric__icon--participants i { color: var(--oa-brand-primary, #005aee); } .survey-metric__icon--sent { background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(251, 191, 36, 0.14) 100%); } .survey-metric__icon--sent i { color: #B45309; } .survey-metric__icon--completed { background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(74, 222, 128, 0.14) 100%); } .survey-metric__icon--completed i { color: #16A34A; } .survey-metric__content { display: flex; flex-direction: column; line-height: 1.2; } .survey-metric__value { font-size: 16px; font-weight: 700; color: var(--oa-text-main, #1F2937); } .survey-metric__label { font-size: 10px; color: var(--oa-text-muted, #6B7280); text-transform: uppercase; letter-spacing: 0.02em; } .survey-metric__percent { font-size: 12px; font-weight: 500; color: var(--oa-text-muted, #6B7280); margin-left: 2px; } .select2-search-field { width: 100%; } #tw .list-group-item[style*="position: sticky"] { margin-bottom: 16px; } .position-sourcing .stages--narrow { position: fixed; z-index: 1001; top: 131px; left: 0; right: 0; box-shadow: 0 1px 5px -1px rgba(51, 62, 73, 0.14), 0 4px 10px 0 rgba(51, 62, 73, 0.08); } .position-sourcing .grid-flex { display: flex; flex-wrap: wrap; margin-left: -24px; } .position-sourcing .guide-step { display: flex; flex-flow: row nowrap; } .position-sourcing .mt-m { margin-top: 16px !important; } .position-sourcing .guide-step .guide-step-item { flex: none; align-self: stretch; position: relative; } .position-sourcing .guide-step .guide-step-item:before { content: ""; position: absolute; bottom: -15px; top: 15px; left: 11px; width: 2px; height: 100%; background: #c4cfde; z-index: 1; } .position-sourcing .guide-step .guide-step-item:before { content: ""; position: absolute; bottom: -15px; top: 15px; left: 11px; width: 2px; height: 100%; background: #c4cfde; z-index: 1; } .position-sourcing .guide-step .guide-step-item > span { display: block; width: 24px; height: 24px; text-align: center; line-height: 24px; border-radius: 24px; background: #88929e; margin: 0 10px 0 0; color: #ffffff; font-size: 12px; z-index: 2; position: inherit; } .position-sourcing .caption1 { font-size: 12px; font-weight: 700; line-height: normal; text-transform: uppercase; } .position-sourcing .grid-flex__cell { box-sizing: border-box; display: flex; padding-left: 24px; } .position-sourcing .tiles-group .grid-flex__cell { padding-left: 16px; } .position-sourcing .text-center { text-align: center !important; } .position-sourcing .one-fourth { width: 25% !important; } .position-sourcing .card { box-sizing: border-box; background-color: #ffffff; border-radius: 4px; box-shadow: 0 2px 5px 0 rgba(51, 62, 73, 0.1); width: 100%; padding: 24px; position: relative; } .position-sourcing .heading2-strong { font-size: 18px; line-height: 26px; font-weight: 600; color: black; } .position-sourcing .mt-s { margin-top: 8px !important; } .position-sourcing .secondary-text { font-size: 12px; line-height: normal; font-weight: 400; margin-bottom: 20px; } .position-sourcing .disable { pointer-events: none; /* for "disabled" effect */ opacity: 0.7; } .list-group-item-linkable:hover { color: #334155; text-decoration: none; background-color: #f8f9fa; cursor: pointer; } .hired-profile .uib-datepicker-popup .glyphicon { right: auto; } .hired-profile .uib-datepicker-popup .uib-left { text-align: inherit; display: inline-block; padding-top: 20px; } .hired-profile .uib-datepicker-popup .uib-left i { right: auto; padding-top: 20px; } .hired-profile .uib-datepicker-popup .uib-right { text-align: inherit; display: inline-block; } .hired-profile .uib-datepicker-popup .uib-button-bar { margin-top: 10px; } .hired-profile .uib-datepicker-popup .uib-title { font-size: 12px; } .hired-profile .uib-datepicker-popup .btn { -webkit-box-shadow: none !important; box-shadow: none !important; } .hired-profile .uib-datepicker-popup .btn:active, .hired-profile .uib-datepicker-popup .btn:focus, .hired-profile .uib-datepicker-popup .btn:hover { -webkit-box-shadow: none !important; box-shadow: none !important; outline: 0; } .header-search img { max-width: initial; } .search-candidate .search-item:hover { color: white; width: auto; background-color: #1f2f3e; border-radius: 5px; } .search-candidate .search-item:hover div.bold.txt-color-black { color: white !important; } .header-search .dropdown-menu .active { background-color: #1f2f3e; color: white; border-radius: 5px; } .header-search .dropdown-menu .active div.bold.txt-color-black { color: white !important; } /* Responsive navbar adjustments for desktop and tablet */ /* Large desktops and small laptops (1024px - 1200px) */ @media (max-width: 1200px) { .header-search { max-width: 280px !important; min-width: 220px !important; } .form-group[style*="max-width: 370px"] { max-width: 320px !important; } .form-group[style*="max-width: 360px"] { max-width: 310px !important; } } /* Tablets landscape and smaller laptops (979px - 1024px) */ @media (max-width: 1024px) { .header-search { max-width: 250px !important; min-width: 200px !important; } .navbar .margin-left-5 { margin-left: 3px !important; } } /* Tablets portrait (768px - 979px) */ @media (max-width: 979px) { .header-search.pull-right { max-width: 220px !important; min-width: 180px !important; } #candidate_search ul.dropdown-menu { max-width: 300px !important; } .form-group[style*="max-width: 370px"], .form-group[style*="max-width: 360px"] { max-width: 280px !important; min-width: 250px !important; } } .card-empty { background-color: #e0e7eb; color: #66767f; border-color: #c9d6dc; } .txt-color-grayDark { color: #63899c !important; } .c-avatar-group__content { display: flex; align-items: center; } .c-accordion__bar { display: flex; align-items: center; justify-content: space-between; padding: 15px; cursor: pointer; } .e-avatar--pull:first-of-type { margin-left: 0 !important; } .u-border-width--2 { border-width: 2px; border-style: solid; } .u-size--75 { height: 45px; width: 45px; } .u-border-color--white { border-color: #f1f6f8; } .e-avatar--pull { margin-top: 2px; margin-left: -8px; border: 3px solid #e0e7eb; transition: margin-left 0.1s cubic-bezier(0.25, -0.25, 0.75, 1.25); } .e-avatar { position: relative; float: left; background-size: cover; background-color: white; border-radius: 50%; margin-right: 5px; } .e-avatar__fallback-picture { border-radius: 50%; } .u-size--50 { height: 30px; width: 30px; } .u-bg--white-115 { background-color: #f1f6f8; color: #63899c; border-color: #e0e7eb; border-top-color: #e0e7eb; border-right-color: #e0e7eb; border-bottom-color: #e0e7eb; border-left-color: #e0e7eb; } .e-tag { color: inherit; font-size: 11px; line-height: 1.5; opacity: 1; margin-bottom: 0; text-transform: uppercase; font-weight: 700; opacity: 0.7; font-family: "futura-pt", sans-serif; opacity: 1; position: relative; border-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border: 1px solid transparent; border-top-color: transparent; border-top-style: solid; border-top-width: 1px; border-right-color: transparent; border-right-style: solid; border-right-width: 1px; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: transparent; border-left-style: solid; border-left-width: 1px; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; display: inline-flex; align-items: center; justify-content: center; gap: 4px; text-align: center; text-decoration: none; padding-left: 3px; padding-right: 7px; line-height: 25px; height: 25px; width: auto; box-sizing: border-box; vertical-align: top; margin-left: 1px; margin-bottom: 5px; max-width: 100%; transition: all 0.15s ease; } .e-tag i.fa-multiply, .e-tag i.fa-xmark { cursor: pointer; opacity: 0.6; transition: opacity 0.15s ease; } .e-tag i.fa-multiply:hover, .e-tag i.fa-xmark:hover { opacity: 1; color: #B91C1C; } .o-icon--inline-120 { height: 1.2em; width: 1.2em; fill: currentColor; display: inline-block; position: relative; top: 0.25em; } .u-bg--warning-05 { background-color: #fef7e1; color: #334155; border-color: #fddb96; } .u-bg--success-05 { background-color: #f6fefc; color: #334155; border-color: #bdf4e8; } .e-tag--no-icon { padding-left: 7px; } @media (min-width: 768px) { .e-tag { font-size: 12px; } } .u-color--secondary { color: #0069d1; } .u-text--underline { text-decoration: underline; } @media (min-width: 768px) { .o-text--product { font-size: 14px; } } .c-table__row:nth-child(odd) { background-color: #fcfdfd; color: #334155; border-color: #e0e7eb; } .o-icon--inline-120 { height: 1.2em; width: 1.2em; fill: currentColor; display: inline-block; position: relative; top: 0.25em; } .u-bg--white-115 { background-color: #f1f6f8; color: #63899c; border-color: #e0e7eb; } .o-text--product { color: inherit; font-size: 13.5px; line-height: 1.5; opacity: 1; margin-bottom: 0; } .c-table__cell { padding: 15px; max-width: 200px; vertical-align: top; } .c-table { background-color: white; color: #334155; border-color: #f1f6f8; border: 1px solid #e0e7eb; position: relative; width: 100%; margin: 15px 0 0; } .c-table__header, .c-table__row { background-color: white; color: #334155; border-color: #f1f6f8; border-bottom: 1px solid #e0e7eb; min-height: 60px; transition: background-color 0.3s ease; } .c-table__row:nth-child(odd) { background-color: #fcfdfd; color: #334155; border-color: #e0e7eb; } .c-table__header, .c-table__row { background-color: white; color: #334155; border-color: #f1f6f8; border-bottom: 1px solid #e0e7eb; min-height: 60px; transition: background-color 0.3s ease; } .btn-header > :first-child > a:active { box-shadow: none; -webkit-box-shadow: none; } .btn-header > :first-child > a:hover { box-shadow: none; -webkit-box-shadow: none; } .btn-header span a i.fa-duotone { color: #4875b2; } .txt-color-lightGreen { color: #1dd437 !important; } .txt-color-blueMuted { color: #8590a7 !important; } .ui-select-multiple.ui-select-bootstrap { border-color: #e3eeff !important; border-top-color: #e3eeff !important; border-right-color: #e3eeff !important; border-bottom-color: #e3eeff !important; border-left-color: #e3eeff !important; border-radius: 5px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; border-width: 2px !important; border-top-width: 2px !important; border-right-width: 2px !important; border-bottom-width: 2px !important; border-left-width: 2px !important; padding-left: 10px; background-color: #edf2f7 !important; } .ui-select-multiple.ui-select-bootstrap .ui-select-match .close { line-height: 0.75 !important; } .ui-select-bootstrap .ui-select-choices-row.active > span { background-color: #e3eeff !important; color: #464feb !important; } .ui-select-bootstrap .btn { -webkit-box-shadow: none !important; box-shadow: none !important; transition: none !important; height: 33px !important; } .ui-select-bootstrap .ui-select-search { height: 33px !important; } .ui-select-bootstrap .btn:active, .ui-select-bootstrap .btn:focus, .ui-select-bootstrap .btn:hover { box-shadow: none !important; -webkit-box-shadow: none !important; } .ui-select-bootstrap .btn-default-focus { color: transparent !important; box-shadow: none !important; -webkit-box-shadow: none !important; border: none; } .ui-select-bootstrap .btn-default-focus:hover { border: none; } .ui-select-bootstrap .btn-default-focus:visited { border: none; } .ui-select-bootstrap .btn-default-focus:active { border: none; } .ui-select-bootstrap .ui-select-match-text span { display: inline-block !important; vertical-align: middle !important; margin-left: 5px !important; } .boostrap-select2 .btn { -webkit-box-shadow: none !important; box-shadow: none !important; transition: none !important; border-color: #e8f0ff !important; border-radius: 5px !important; border-width: 2px !important; padding-left: 10px; background-color: #edf2f7 !important; } .boostrap-select2 input.form-control { border-color: #e8f0ff !important; border-radius: 5px !important; border-width: 2px !important; padding-left: 10px; background-color: #edf2f7 !important; height: 34px !important; text-indent: 10px; } li.ui-select-match-item.select2-search-choice { border-radius: 16px !important; padding-left: 0px !important; } .select2-container-multi .select2-search-choice-close:hover { background: rgba(0, 0, 0, 0.3); border-radius: 5px !important; } .select2-search-choice-close:before { margin: 2px !important; } .select2-container-multi .select2-search-choice-close { padding-top: 7px !important; } .empl-settings { color: #9ab5c5; } .empl-settings:hover { color: #2f434e; } .employee-profile h3 { margin-top: 50px; } .e-service .glyphicon { z-index: 0; } .locations-ellipsis { display: inline-block; width: 280px; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; color: #ffffff; background-color: #0083ff; border-color: #009cff; } .list-group-item.active .text-muted, .list-group-item.active:focus .text-muted, .list-group-item.active:hover .text-muted { color: #dedddd; } .e-service-readonly { opacity: 1 !important; } .e-service-readonly input { border: none !important; } .e-service-readonly select { border: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; text-indent: 1px !important; text-overflow: ""; } .e-service-readonly select::-ms-expand { display: none !important; } .e-service-readonly .select2-search-field { display: none !important; } .e-service-readonly .ui-select-match-close { display: none !important; } .e-service-readonly .select2 { border: none !important; } .e-service-readonly ul.select2-choices { border: none !important; } .e-service-readonly .textarea { border: none !important; } .e-service-readonly .smart-form select.form-control { border: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; text-indent: 1px !important; text-overflow: "" !important; } .e-service-readonly .smart-form input.form-control { border: none !important; } .e-service-readonly .smart-form .textarea textarea { border: none !important; } .bullet { list-style: outside !important; } .badge-lightblue { background-color: #009cff; } .label-primary { background-color: #005aee !important; } .integration-off img { filter: grayscale(1); } .integration-off .btn { background-color: #abaaaa !important; } .integration-off h3 { color: grey; } .candidate-profile ul.list-item-info li { padding-right: 1px; padding-left: 1px; } .candidate-profile ul.list-item-info li span { margin-right: 0px; } ul.cke_autocomplete_panel { min-width: 300px; } ul.cke_autocomplete_panel li { margin: 4px; } ul.cke_autocomplete_panel li .username { padding-bottom: 2px; } ul.cke_autocomplete_panel li span { line-height: 6pt; } .apply-form-main { background-color: #FFFFFF !important; } .result_label .fa { color: #005aee; font-size: 12px; } .overflow-x { overflow-x: scroll; } .column-2 { column-count: 2; } .column-3 { column-count: 3; } .column-1 { column-count: 1; } .visible-on-hovera { visibility: hidden; } .visible-on-hover:hover { visibility: visible; } .hexaco-graphic .hexaco-implementation .headline { font-size: 10.5pt; font-weight: 700; margin-bottom: 10px; margin-top: 10px; } .hexaco-graphic .hexaco-implementation .score-info-class-headline { visibility: hidden; display: none; } .hexaco-graphic .hexaco-implementation .score-info { display: inline; } .coin-item.ng-enter { opacity: 0; transition: all 0.5s ease; } .coin-item.ng-enter-active { opacity: 1; } .coin-item.fa { text-shadow: 3px 3px #b7e5be; } .pe-dimension-headline { text-align: center !important; } .multiselect-parent { width: 100%; } .multiselect-parent button.dropdown-toggle { width: 100%; text-align: left; box-shadow: none !important; border: 2px solid #ececec; background-color: #edf2f7; font-weight: normal; } .multiselect-parent button.dropdown-toggle .caret { float: right; margin-top: 5px; } .multiselect-parent button.dropdown-toggle:hover { color: black; } .guide-step-content { width: 95%; } .custom-field-dropdown ul.dropdown-menu > li > a:hover { background-color: #cccccd; } .custom-field-dropdown ul.dropdown-menu { min-width: 100px; margin-left: 0px; margin-top: 0px; } .custom-field-dropdown .btn:hover { color: black; } .main-view-parrent { min-height: max(calc(100% - 50px), calc(100vh - 120px)) !important; height: auto !important; } #main.height-100 { min-height: calc(100vh - var(--oa-header-height, 56px)) !important; } #content.height-100 { min-height: calc(100vh - var(--oa-header-height, 56px) - 50px) !important; } .profile-menu a.txt-gray { color: #efefef !important; } .profile-menu label { color: white !important; } .profile-menu .dropdown { font-weight: bold; width: 200px; } .configuration .company-position-page li { background-color: white; } .btn-group label.btn:last-child { margin-left: -1px; } .badge-xs { font-size: 7pt !important; padding-top: 4px !important; letter-spacing: 0.7px !important; font-weight: normal; } .ui-select-multiple.ui-select-bootstrap input.ui-select-search { width: 50% !important; min-width: 150px; } .logo-100 { max-height: 65px; } @media (min-width: 768px) and (max-width: 880px) { #main { margin-left: 0; overflow-x: inherit; } .report-index { margin-right: 70px; } } .row.equal { display: flex; flex-wrap: wrap; } .row.equal .card { height: calc(100% - 30px); } .card.pointer:hover { background-color: #f1f7ff !important; } .bg-color-assessment-centar-step { background-color: #374155; border-radius: 30px; } .no-wrap { white-space: nowrap; } .row.hover:hover { background-color: aliceblue; } .ui-select-bootstrap .btn:after { content: none; } .ui-select-match .btn-xs { padding: 5px 15px; } .ui-select-multiple.ui-select-bootstrap .ui-select-match .close { font-size: 1.6em; line-height: 1; padding-left: 2px; } .edoc .disabled { pointer-events: none; } .fixed-navigation.smart-style-1 #logo-group { background: #222a3a !important; } nav ul li a:active { background: #080a0e !important; transition: color 0.1s linear 0s, background-color 0.1s linear 0s !important; transition-property: color, background-color !important; transition-duration: 0.1s, 0.1s !important; transition-timing-function: linear, linear !important; transition-delay: 0s, 0s !important; } nav ul li.active a span.menu-item-parent { color: white !important; } .minified nav > ul > li.active > a::before { content: ""; font-weight: 600; font-family: "Font Awesome 6 Pro"; } .smart-form .input input, .smart-form .select select, .smart-form .textarea textarea { color: #000000 !important; font-weight: 600; } .smart-form .checkbox, .smart-form .radio { color: #000000 !important; } input[type=file] { box-shadow: none !important; } .modal-backdrop { background-color: rgba(20, 20, 20, 0.7); } .media-hover:hover { background-color: aliceblue; } .email-templates-config .email-templates-category.panel-open > a { background-color: #202b3a; color: white; } .email-templates-config .email-templates-category.panel-open > a .h5, .email-templates-config .email-templates-category.panel-open > a .bold, .email-templates-config .email-templates-category.panel-open > a .description, .email-templates-config .email-templates-category.panel-open > a span, .email-templates-config .email-templates-category.panel-open > a h5 { color: inherit; } .notification { display: block; padding: 1rem; } .bg-orange-light { background-color: #fae0aa !important; } .bg-red-light { background-color: #f6b7b7 !important; } .bg-red-dark { background-color: #f86f6f !important; } .bl-solid { border-left: solid 1em; } .bl-green-light { border-left-color: #c0f2c0; } .bl-orange-light { border-left-color: #fae0aa; } .bl-red-light { border-left-color: #f6b7b7; } .bl-red-dark { border-left-color: #f86f6f; } .bg-gray-light { background-color: #f7f7f7; } .bg-gray-dark { background-color: #d9d9d9; } .bg-blue-light { background-color: #A3BDE1; } .white-border tr td { border: white solid 1px; } .dropdown-content { display: none; position: absolute; background-color: white; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 1; } .dropdown-content a { font-size: 0.8em; padding: 10px; text-decoration: none; display: block; } .dropdown-content a:hover { background-color: #d9d9d9; } .dropdown:hover .dropdown-content { display: block; } .hide-overflow { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .tsq table td { border: 1px solid #dddddd; text-align: left; } .tsq table { border-collapse: collapse; width: 100%; } .tsq td { padding: 15px; } .expanded-top-navigation { left: 75px; } .collapsed-top-navigation { left: 270px; } .btn.btn-ai { background-color: #ffffff !important; border: 1px solid #4875b2 !important; color: #355f97 !important; min-width: 130px !important; transition-duration: 0.4s; border-radius: 29px; } .btn.btn-ai:hover { background-color: #dee1ee; color: #204475 !important; } .btn.btn-ai:disabled { background-color: #e1e1e1; color: #b2b2b2; cursor: not-allowed; } .modal-container-70 { width: auto; max-width: 70%; margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } .disabled-section { pointer-events: none; opacity: 0.4; cursor: not-allowed; } .smart-style-1 nav > ul > li > a > i:after { border: none !important; } .smart-form .checkbox input + i:after { content: ""; top: -1px; left: 1px; width: 15px; height: 15px; font-weight: 600 !important; font-size: 16px !important; line-height: 19px !important; font-family: "Font Awesome 6 Pro" !important; text-align: center; } .employee-nav-active { background-color: #171c32 !important; color: whitesmoke !important; padding: 5px; border-radius: 16px !important; font-weight: normal; } .employee-nav-active .fa-duotone { color: whitesmoke !important; } .employee-nav-active a { color: whitesmoke !important; background-color: #171c32 !important; border-radius: 16px; font-size: 0.8em; padding-top: 0px; } .employee-nav-active a:hover, .employee-nav-active a:focus { background-color: #41526a; color: whitesmoke !important; border-radius: 16px !important; font-weight: normal !important; text-decoration: none !important; } .employee-nav { background-color: #cad3e0; font-weight: normal; } .employee-nav ul li { padding: 5px; } .employee-nav ul li a { padding: 5px; border-radius: 16px !important; padding-left: 10px; padding-right: 10px; color: #41526a; font-size: 11px; } .kudos ul li.active a { padding: 5px; border-radius: 16px !important; padding-left: 10px; padding-right: 10px; font-size: 12px; color: #41526a; background-color: #d5e6ff; } .kudos ul li a { padding: 5px; border-radius: 16px !important; padding-left: 10px; padding-right: 10px; font-size: 12px; color: #969696; } ul.kudos-categories li.active a { background-color: #ffefcf; color: black !important; text-decoration: none; } ul.kudos-categories li a { color: #6e6e6e !important; border: 1px solid #f1dfb8; } ul.kudos-categories li a:hover { color: #4d4d4d !important; text-decoration: none; background-color: #ffefcf; } .kudos ul li a:hover { padding: 5px; border-radius: 16px !important; padding-left: 10px; padding-right: 10px; font-size: 12px; color: #6481a9; } .employee-nav ul li:hover, .employee-nav ul li:focus { padding: 5px; background-color: #b6bfd5; text-decoration: none; border-radius: 15px; } .employee-nav ul li a:hover, .employee-nav ul li a:focus { padding-left: 10px; padding-right: 10px; background-color: #b6bfd5; text-decoration: none; border-radius: 15px; text-decoration: none; color: #111c28; } .employee-nav ul li.edit { background-color: #dfe4ee; text-decoration: none; font-size: 11px; border-radius: 15px; text-decoration: none; border: 1px solid #a3adc5; padding-left: 5px; padding-right: 5px; } .employee-nav ul li.edit:hover { background-color: #b6bfd5; text-decoration: none; font-size: 11px; border-radius: 15px; text-decoration: none; border: 1px solid #5f6b88; color: #0d1621; padding-left: 5px; padding-right: 5px; } .button-primary-2:active { color: #0a3877 !important; } #left-panel { box-shadow: 10px 0px 10px -5px rgba(0, 0, 0, 0.5); /* Shadow on the right border */ } #main { margin-left: 16.875rem; transition: margin-left 0.4s ease; /* Animating margin-left over 0.5 seconds with an ease timing function */ } .menu-fixed #main { margin-left: 16.875rem !important; } .menu-fixed #left-panel { box-shadow: none !important; /* Shadow on the right border */ } .minified #logo img { width: 50px; height: 50px; transition: width 0.3s ease, height 0.3s ease, opacity 0.3s ease; opacity: 1; } body:not(.minified) #logo img { width: 120px; transition: width 0.3s ease, opacity 0.3s ease; } body.minified aside nav ul li a span.menu-item-parent { opacity: 0; transition: all 0.4s ease; /* Transition effect */ } body:not(.minified) aside nav ul li a span.menu-item-parent { opacity: 1; width: 13.875rem; /* Set the width to the desired limit */ white-space: nowrap; /* Prevents the text from wrapping onto the next line */ overflow: hidden; /* Hides the text that overflows the container */ text-overflow: ellipsis; } body.minified aside#left-panel nav ul li.nav-title { opacity: 0; transition: all 0.4s ease; /* Transition effect */ } body:not(.minified) aside#left-panel nav ul li.nav-title { opacity: 1; transition: all 0.4s ease; /* Transition effect */ } .minified aside .nav-title { border-top: 2px solid gray !important; visibility: visible; display: block; opacity: 0; height: 23px; } .minified aside ul li a span.badge { position: absolute; right: -10px !important; padding-top: 4px; top: 0px; font-size: 0.5rem; } .minified aside .nav-title span { visibility: hidden; display: none; } body:not(.minified) #main { margin-left: 4.6875em; } #logo-group { transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); } .candidate-profile.selected { background-color: #fdfeff; border: none !important; } .hired-profile .edit-profile .select2-container-multi .select2-choices .select2-search-choice { padding-left: 8px !important; } .hired-profile .edit-profile .select2-container-multi .select2-search-choice-close { padding-top: 3px !important; padding-bottom: 2px !important; } .hired-profile .edit-profile .select2-container-multi .select2-search-choice-close:hover { background: rgba(0, 0, 0, 0.3); border-radius: 5px !important; background: none; color: white !important; opacity: 1 !important; } .hired-profile .edit-profile .select2-search-choice-close:before { color: #ffffff; opacity: 0.5 !important; content: ""; } .hired-profile .edit-profile .select2-search-choice-close:before:hover { color: #ffffff; opacity: 1 !important; content: ""; } .bg-color-orange-oa { background-color: #fae0aa; } .bg-color-rejected { background-color: #ffb0b0; } .contact .basic-information a { color: #1f2b38; } .contact .basic-information a:hover, .contact .basic-information a:focus { color: #005aee !important; } .dropdown-menu-animated { -webkit-transform: scale(0.8) !important; transform: scale(0.8) !important; transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1); opacity: 0; visibility: hidden; display: block; } .show > .dropdown-menu-animated { -webkit-transform: scale(1) !important; transform: scale(1) !important; -webkit-transform-origin: 29px -50px; transform-origin: 29px -50px; opacity: 1; visibility: visible; } .global-candidate-p.font-md { font-size: 110% !important; } body { background: linear-gradient(to bottom, #dce4ff 0%, #fafafa 7%, #fafafa 100%) !important; } .fa-duotone { color: #4875b2; } .btn-primary { font-weight: 600 !important; font-feature-settings: normal; font-size: 12px; } .btn-primary .fa-duotone { color: white !important; } .btn-default { font-weight: 600 !important; font-feature-settings: normal; font-size: 12px; border-color: #f1f1f1; } /* REMOVED: Duplicate .btn-primary-2 definition - consolidated into main definition at line ~17137 */ /* Old duplicate properties (font-weight, font-size, .fa-duotone color) are now in main definition */ .operation-menu .description { padding-left: 5px !important; } .candidate-test .fa-duotone { color: inherit; } .candidate-test .txt-green { color: #5cb85c; } .candidate-test .assessment table { background-color: white; border: 1px solid; } .candidate-test .assessment table tr:first-child { background-color: #f1f6ff; font-weight: bold; text-align: center; border-bottom: 2px solid; } .candidate-test .assessment .question { font-size: 0.9em; } @media screen and (max-width: 480px) { .candidate-test .assessment .question.font-md { font-size: 130% !important; } } .candidate-test .assessment input { border: 2px solid #b6ccf2; font-weight: bold; color: black; border-radius: 4px !important; } .color_GA { background-color: #c0cff2 !important; color: #002965 !important; } .color_PE { background-color: #f2ebc0 !important; color: #211e03 !important; } .color_LANG { background-color: #c0f2c1 !important; color: #022802 !important; } .color_KN { background-color: #c7f5e8 !important; color: #003a2d !important; } .color_WORK_ENVIRONMENT { background-color: #faf9ed !important; color: #3a3a00 !important; } .smart-form .select i { border-bottom-right-radius: 1px; border-top-right-radius: 1px; background: #edf2f7; box-shadow: 0 0 0 9px #edf2f7; } .uib-daypicker .btn:active, .uib-daypicker .btn:focus, .uib-daypicker .btn:hover { -webkit-box-shadow: none !important; box-shadow: none !important; outline: 0; border: 1px solid transparent; transition: background-color 0.5s ease, box-shadow 0.5s ease; } .kr-actions { visibility: hidden; opacity: 0; transition: visibility 0s linear 0.2s, opacity 0.2s linear; } .bg-blue-very-light { background-color: #96abbe !important; } .bg-blue-light { background-color: #8095a9 !important; } .bg-blue-medium-light { background-color: #6a7e94 !important; } .bg-blue-medium-dark { background-color: #536880 !important; } .bg-blue-dark { background-color: #3d526b !important; } .dropdown-menu ul li a { color: #082449; } .text-muted .fa-duotone { opacity: 0.7; } .resource-type { font-size: 0.6rem !important; background: #D1DEF0 !important; color: #072a59; border-color: #D1DEF0 !important; border-radius: 10px; padding: 2px 10px; } .active-timeoff { background-color: #A3BDE1 !important; border-radius: 20px; padding: 5px 20px; font-weight: 600 !important; font-feature-settings: normal; font-size: 12px; color: #002965 !important; } .candidate-test .assessment .question { font-size: 0.9em; } @media screen and (max-width: 480px) { .candidate-test .assessment .question.font-md { font-size: 1.2em !important; padding: 10px !important; } } .configuration ul.company-position-nav li .description { width: 200px; } .configuration ul.company-position-nav li i { font-size: 1.5em; } .btn-group .btn-default.active :hover { color: white; } .h-screen.navigation { min-width: 300px; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: #ffffff; text-decoration: none; background-color: #3d4955; outline: 0; } .candidate-full-profile .nav-tabs .nav-item.active a i.fa-duotone { color: #ffffff; } .candidate-profile .candidate-action.candidates-toolbar ul.list-inline li[role=menuitem] .fa-duotone { color: #ffffff; } .txt-color-gold { color: #815e07 !important; } .txt-color-transparent-gray { color: #d6dde8; } label.active.btn.btn-default:focus, label.active.btn.btn-default:active, label.active.btn.btn-default:hover { color: whitesmoke !important; padding-bottom: 6px !important; } label.active.btn.btn-default:focus i.fa-duotone, label.active.btn.btn-default:active i.fa-duotone, label.active.btn.btn-default:hover i.fa-duotone { color: #ffffff; } label.active.btn.btn-default { border: 1px solid #7891aa !important; } .basic-information .fa-duotone { color: #b8cce7; } .table-striped > tbody > tr:nth-of-type(odd) th { background-color: #f8f9fa; } .table-striped > tbody > tr:nth-of-type(even) th { background-color: #ffffff; } .table-striped > tbody > tr:nth-of-type(even) td { background-color: #ffffff; } .bg-status-maybe { background-color: #fff7de !important; } .score-card-selected-evaluator { border-radius: 100px; border: 3px solid #7891aa !important; } .score-card-evaluator { border-radius: 100px; border: 3px solid transparent; } label.active.btn i.fa-duotone { color: #ffffff; } .smart-style-1 #ribbon { background: #fbfbfb !important; border-bottom: 1px solid #e4e8ee; } .bg-status-maybe { background-color: #fff7de; } .sc-txt-color-red { color: #bb0329 !important; } .sc-txt-color-yellow { color: #ad8623 !important; } .sc-txt-color-green { color: #356e35 !important; } .margin-left-3 { margin-left: 3px; } .profile-item .basic-information .fa-duotone { color: #4875b2; } .score-card .table thead tr th { position: sticky; top: 0px; background-color: #f3f9ff !important; z-index: 3; border: 1px solid #e8e8e8 !important; } .score-card .table thead tr th.bg-green-light { background-color: #c0f2c0 !important; } .score-card .table thead tr th.bg-red-light { background-color: #f6b7b7 !important; } .score-card .table thead tr th.bg-status-maybe { background-color: #fff7de !important; } .score-card .current-phase { background-color: #a2b5c5 !important; } .score-card .table { border-collapse: separate; margin-bottom: 0px; } .score-card table { margin: 0; border: none; border-collapse: separate; border-spacing: 0; table-layout: fixed; } .score-card table thead th { position: sticky; top: 0; z-index: 1; width: 200px; background: white; } .score-card table td, .score-card table th { border-bottom: none !important; border-top: none !important; font-weight: normal; } .score-card table tbody th { position: relative; } .score-card .avatar-circle-sm { font-size: 7pt; color: white; border: 2px solid #b9b9b9; background: #11325a; } .score-card table thead th:first-child { position: sticky; left: 0; z-index: 2; padding: 15px !important; width: 300px; } .score-card .table tfoot tr { background-color: #e6e9ec; } .score-card table tfoot th:first-child { position: sticky; left: 0; z-index: 2; background-color: #e6e9ec; } .score-card table tbody th { position: sticky; left: 0; z-index: 1; background-color: whitesmoke; padding-left: 20px !important; border-right: 1px solid #e8e8e8; } .score-card caption { text-align: left; padding: 0.25rem; position: sticky; left: 0; } .score-card [role=region][aria-labelledby][tabindex] { width: 100%; max-height: calc(100vh - 70px); overflow: auto; } @media (max-width: 1750px) and (min-width: 768px) { .score-card [role=region][aria-labelledby][tabindex] [role=region][aria-labelledby][tabindex] { max-height: calc(100vh); } } .score-card [role=region][aria-labelledby][tabindex]:focus { outline: 0; } .score-card .table td { border-left: 1px solid #d2d2d2; } .score-card .sc-border-bottom { border-bottom: 1px solid #d2d2d2 !important; } .score-card .glyphicon { cursor: pointer; } .btn-group label.btn.active { background-color: #7891aa !important; } .btn-group label.btn.active .fa-duotone { color: white !important; } .btn-group label.btn { color: #6576a6; } .btn-group.btn-group-radius > label.btn:first-child { margin-left: 0; border-top-left-radius: 10pt !important; border-bottom-left-radius: 10pt !important; padding-right: 10px; } .btn-group.btn-group-radius > label.btn:last-child { margin-left: 0; border-top-right-radius: 10pt !important; border-bottom-right-radius: 10pt !important; } .icon-addon .fa, .icon-addon .fa-duotone, .icon-addon.addon-md .fa, .icon-addon.addon-md .fa-duotone { position: absolute; z-index: 2; left: 10px; width: 20px; margin-left: -2.5px; text-align: center; padding: 10px 0; top: 1px; } .profile-tabs-placeholder .score-card [role=region][aria-labelledby][tabindex] { max-height: none; } .candidate-profile-nav-bar ul li a { color: #41526a; padding: 5px 10px; border-radius: 16px !important; } .btn-warning:hover { background-color: #f0ad4e !important; border-color: #f0ad4e !important; color: white !important; } .offset-right-1 { margin-right: 8.33333333%; /* 1/12 */ } .offset-right-2 { margin-right: 16.66666667%; /* 2/12 */ } .offset-right-3 { margin-right: 25%; /* 3/12 */ } .offset-right-4 { margin-right: 33.33333333%; /* 4/12 */ } .offset-right-5 { margin-right: 41.66666667%; /* 5/12 */ } .offset-right-6 { margin-right: 50%; /* 6/12 */ } .offset-right-7 { margin-right: 58.33333333%; /* 7/12 */ } .offset-right-8 { margin-right: 66.66666667%; /* 8/12 */ } .offset-right-9 { margin-right: 75%; /* 9/12 */ } .offset-right-10 { margin-right: 83.33333333%; /* 10/12 */ } .offset-right-11 { margin-right: 91.66666667%; /* 11/12 */ } .offset-right-12 { margin-right: 100%; /* 12/12 */ } .grayscale { filter: grayscale(100%) !important; opacity: 50% !important; } .job-analytic .media-left, .job-analytic .media-body { vertical-align: middle !important; } .job-analytic .dashboard .media-left .h5 { font-size: 1em !important; overflow: hidden; white-space: nowrap; } .job-analytic .dashboard .card.pull-left { margin-bottom: 0 !important; padding: 1em 0.8em !important; } .job-analytic .dashboard-card { min-height: 5.5em !important; } .job-analytic .dashboard-card, .job-analytic .h5 { font-size: 1em !important; } .job-analytic .dashboard-h5-padding { padding: 0.1em 1em !important; } .job-analytic .width-200 { width: 200px; max-width: 200px; word-wrap: break-word; overflow-wrap: break-word; white-space: normal; } .job-analytic .font-sm { font-size: 0.85em !important; } .job-analytic small { font-size: 90% !important; } .minified .my-profile { display: none !important; } .modal-lower { margin-top: 100px; } .hidden-modal { display: none; } #oneai-widget-container:not(.oneai-panel-open) { clip-path: inset(20px 0 0 16px); } .on-hover-visible { opacity: 0; visibility: hidden; transition: opacity 0.5s ease, visibility 0.5s ease; } .label:hover .on-hover-visible { opacity: 1; visibility: visible; } .candidate_position_fit_1 { background-color: #dfe6ea !important; /* Light gray for pure fit */ color: #4d4d4d !important; /* Dark gray for good contrast */ font-size: 13.5px; font-weight: 500; font-family: var(--oa-font-family, "Inter", system-ui, sans-serif); } .candidate_position_fit_1 .fa-duotone { color: #4d4d4d; } .candidate_position_fit_2 { background-color: #dfe6ea !important; /* Slightly darker shade */ color: #333333 !important; /* Darker gray for increased contrast */ font-size: 13.5px; font-weight: 500; font-family: var(--oa-font-family, "Inter", system-ui, sans-serif); } .candidate_position_fit_2 .fa-duotone { color: #1f2b38; } .candidate_position_fit_3 { background-color: #93bc8f !important; /* Intermediate green */ color: #ffffff !important; /* White for high contrast */ font-size: 13.5px; font-weight: 500 !important; font-family: var(--oa-font-family, "Inter", system-ui, sans-serif); } .candidate_position_fit_3 .fa-duotone { color: #ffffff; } .candidate_position_fit_4 { background-color: #64a27b !important; /* Darker green */ color: #ffffff !important; /* White for high contrast */ font-size: 13.5px; font-weight: 600 !important; font-family: var(--oa-font-family, "Inter", system-ui, sans-serif); } .candidate_position_fit_4 .fa-duotone { color: #ffffff; } .candidate_position_fit_5 { background-color: #00e493 !important; /* Cyan for excellent fit */ color: #004d4d !important; /* Dark cyan for good contrast */ font-size: 13.5px; font-weight: 600 !important; font-family: var(--oa-font-family, "Inter", system-ui, sans-serif); } .candidate_position_fit_5 .fa-duotone { color: #004d4d; } .candidate_position_fit_6 { background-color: #dfe6ea !important; /* Light gray for pure fit */ color: #4d4d4d !important; /* Dark cyan for good contrast */ font-size: 13.5px; font-weight: 600; font-family: var(--oa-font-family, "Inter", system-ui, sans-serif); } .candidate_position_fit_6 .fa-duotone { color: #4d4d4d; } .visible-none { visibility: hidden !important; } .opportunites .candidates-filters .candidate-dropdown-filter .btn-link:hover { background-color: unset !important; color: unset !important; } .opportunites .candidates-filters .candidate-dropdown-filter:hover { background: #4d6095 !important; color: white !important; } .opportunites .avatar-circle { margin: auto; } .opportunites .image-circle { margin-left: 0px; } .opportunites .first-time-badge { font-size: 10px; font-weight: 500; text-transform: none; height: 20px; line-height: 20px; margin-right: 4px; background-color: #d4ecfd; color: #005a9c; } .opportunites .referral-tag { font-size: 7pt; border: 0px; margin-top: -5px; text-transform: none; } .opportunites .referral-icon { margin-right: 5px; } .opportunites .candidate-profile-footer .footer-referral { margin-top: 0; margin-right: 10px; vertical-align: middle; } .opportunites .source-refferal { max-width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .opportunites .phase-badge { font-size: 7pt; margin-top: -5px; margin-right: 1pt; background-color: #77a3c3; color: white; display: inline-block; min-width: 120px; } .opportunites .status-badge { font-size: 11px; height: 24px; margin-right: 4px; min-width: auto; vertical-align: middle; } .opportunites .status-badge i { font-size: 12px; margin-right: 4px; } .opportunites .explain-fit { background-color: rgba(223, 230, 234, 0.14); border: 1px solid #f4f4f4; padding: 10px 15px; border-radius: 10px; } .opportunites .fit-tag-pro, .opportunites .fit-tag-con { border-radius: 18pt; padding: 3px 0px; font-size: 12px; } .opportunites .fit-tag-con { padding: 2px 0px; } .opportunites .skills .skill-tags { background-color: #edf2f7; margin-left: 0pt; color: #354d64; font-size: 7.5pt; border-radius: 10px; padding: 5px 10px !important; } .opportunites .no-assessments { font-size: 11px; border-radius: 10px; padding: 5px 0px; } .opportunites .score-card .score-card-value { color: #1b4e86; } .opportunites .score-card .score-card-tooltip { color: #1b4e86 !important; } .opportunites .overall-experience .overall-experience-value { color: #1b4e86; } .opportunites .overall-experience .overall-experience-tooltip { color: #1b4e86; } .opportunites .assessment .assessment-icon { color: #1b4e86; } .opportunites .custom-test-result .estimate { color: #1b4e86; } .opportunites .candidate-profile-footer { margin: 0; padding: 5px 10px; background: rgba(255, 255, 255, 0.01); border-top: 1px solid rgba(0, 0, 0, 0.06); border-radius: 0px 0px 10px 10px; } .cli-card:hover .candidate-profile-footer, .profile-item:hover .candidate-profile-footer { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } .opportunites .candidate-profile-footer a { font-size: 11px; font-weight: 400; color: #8590a7; text-decoration: none; transition: color 0.15s ease; } .opportunites .candidate-profile-footer a:hover { color: var(--oa-brand-primary, #005aee); text-decoration: underline; } .opportunites .candidate-profile-footer a i { margin-right: 3px; font-size: 11px; } .opportunites .salary-info { font-family: var(--oa-font-mono, ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace); font-size: 12px; min-width: 110px; max-width: 220px; display: inline-block; vertical-align: middle; margin-right: 8px; background-color: #DBEAFE; color: #1E40AF; padding: 4px 12px; border-radius: 6px; font-weight: 600; border: 1px solid rgba(30, 64, 175, 0.15); } .opportunites .salary-ask, .opportunites .salary-offer { padding-right: 5px; } .opportunites .interview-info { font-size: 11px; font-weight: 500; display: inline-block; vertical-align: middle; background-color: #F0FDF4; color: #166534; padding: 4px 12px; border-radius: 6px; margin-right: 8px; } .opportunites .interview-waiting { font-size: 8pt; } .opportunites .schedule-interview { font-size: 8pt; padding-right: 5px; transition: all 0.3s ease; } .opportunites .schedule-interview:hover { color: #1b4e86; background-color: #CFD8DC; padding: 3px; border-radius: 10pt; padding-right: 10px; } .opportunites .schedule-interview:hover a { text-decoration: none !important; } .opportunites .rejection-email-icon .fa-light { font-size: 13pt !important; } .opportunites .score-card-icon .fa-light { font-size: 13pt !important; } .opportunites .collections-icon .fa-light { font-size: 13pt !important; } .opportunites .highlight-content { width: auto; line-break: anywhere; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } .opportunites .tooltip.position_fit_candidate_list_notice .tooltip-inner { background-color: #434e5d; color: #eceff1; font-size: 12px; text-align: left; max-width: 500px; border-radius: 10pt; font-weight: normal; } .opportunites .tooltip.position_fit_candidate_list_notice .tooltip-arrow { color: #434e5d; border-right-color: #434e5d; } .opportunites .profile-item .candidate-profile .rejected .media { /* height: 74px; * opacity: 0.5; /* transition: all 0.5s ease;*/ } .opportunites .salary-info-nobg { background-color: unset; } .opportunites .profile-item .candidate-profile .rejected .media:hover { /* opacity: 1; height:auto;*/ } .opportunites .salary-sentiment-tooltip .tooltip-inner { background-color: #434e5d; color: #eceff1; font-size: 12px; text-align: left; max-width: 260px; width: 260px; border-radius: 10pt; font-weight: normal; opacity: 1; font-family: "futura-pt", sans-serif; } .opportunites .salary-sentiment-tooltip .tooltip-arrow { color: #434e5d; border-bottom-color: #434e5d; } .opportunites .no-assessments-box { background-color: #f9fafb; border-radius: 5px; padding: 5px; border: 1px solid #f5f7fa; } .opportunites .no-assessments-box:hover { background-color: #edf4ff; } .opportunites .no-assessments-box:hover .no-assessments-header { color: #1b4e86; } .opportunites .no-assessments-box .media-left { padding-top: 5px; padding-left: 5px; padding-right: 10px; } .opportunites .no-assessments-box i { font-size: 12pt; } .opportunites .profile-item .no-assessments-box { opacity: 0; visibility: hidden; max-height: 0; transition: opacity 0.3s ease, visibility 0.3s ease, max-height 0.3s ease; } .opportunites .profile-item:hover .no-assessments-box { opacity: 1; visibility: visible; max-height: 63px; } .opportunites .assessment-box { background-color: #f9fafb; border-radius: 5px; padding: 5px; border: 1px solid #f5f7fa; } .opportunites .status-badge { margin-right: 5px; font-family: var(--oa-font-family); } .opportunites .status-badge-list { position: absolute; } .opportunites .status-badge-selected { text-transform: none; font-size: 8.5pt !important; font-family: var(--oa-font-family); font-weight: 500; min-width: 140px; } .opportunites .status-badge-list ul { list-style: none; padding: 0; margin: 0; } .opportunites .status-badge-list ul li { padding: 4px; background-color: #f9fafb; border-radius: 7px; border: 3px solid white; min-width: 150px; list-style: none; } .opportunites .status-badge-list ul li:hover { background-color: #edf4ff; } .opportunites .status-badge-list ul li i { color: #1b4e86; } .opportunites .status-badge-list { visibility: hidden; opacity: 0; height: 0px; } .opportunites .status-badge-menu.open .status-badge-list { visibility: visible; opacity: 1; max-height: 300px; height: auto; overflow-y: auto; z-index: 9999; } .opportunites .status-badge-no-status { background-color: #f9fafb; min-width: 140px; font-size: 8.5pt !important; text-align: center; display: inline-block; color: #92abc4; font-weight: 100; text-transform: none; font-family: var(--oa-font-family); } .opportunites .badge-bg { display: inline-block; background-color: #f9fafb; padding: 5px; border-radius: 10px; padding: 3px 10px; margin-top: -5px; padding-top: 5px; } .opportunites .candidate-profile .basic-information span { margin-right: 5px; } .opportunites .candidate-profile .global-candidate-p.font-md { font-size: 16px !important; font-weight: 600; color: #1f2b38; } .opportunites .contact-details { font-size: 14px; color: #64748B; padding-left: 0 !important; } .opportunites .contact-details i { margin-right: 4px; } .opportunites .contact-details span { margin-right: 12px; } .opportunites .blockquote.sticky-internal { border-color: transparent; background-color: #fafbfd; margin-right: 38px; border-radius: 10px; font-size: 12px; } .opportunites .explain-fit.ng-enter { transition: 0.3s linear all; height: 0; opacity: 0; } .opportunites .explain-fit-init .explain-fit.ng-enter { opacity: 1; height: auto; } .opportunites .explain-fit.ng-enter.ng-enter-active { opacity: 1; height: auto; } .opportunites .explain-fit.ng-leave { transition: 0.3s linear all; opacity: 1; height: auto; } .opportunites .explain-fit.ng-leave.ng-leave-active { opacity: 0; height: 0; } .opportunites .phase-badge.e-tag.rejected { background-color: #FEF2F2; color: #B91C1C; border: 1px solid #FECACA; min-width: 120px; } .opportunites .phase-badge.e-tag.rejected .fa-duotone, .opportunites .phase-badge.e-tag.rejected .fa-light { color: #B91C1C; font-size: 12px; margin-right: 3pt; } .opportunites .phase-badge.e-tag.accepted { background-color: #F0FDF4; color: #166534; border: 1px solid #DCFCE7; min-width: 120px; } .opportunites .phase-badge.e-tag.maybe { background-color: #FFFBEB; color: #B45309; border: 1px solid #FEF3C7; min-width: 120px; } .opportunites .phase-badge.e-tag.maybe .fa-duotone, .opportunites .phase-badge.e-tag.maybe .fa-light { color: #B45309; font-size: 12px; margin-right: 3pt; } .opportunites .phase-badge.e-tag.accepted .fa-duotone, .opportunites .phase-badge.e-tag.accepted .fa-light { color: #166534; font-size: 12px; margin-right: 3pt; } .opportunites .phase-badge { font-size: 7pt; margin-top: -5px; margin-right: 1pt; background-color: #77a3c3; color: white; display: inline-block; min-width: 120px; } .opportunites .phase-badge.candidate_reject { background-color: #FEF2F2 !important; color: #B91C1C !important; border: 1px solid #FECACA !important; min-width: 100px; font-size: 7pt; margin-top: -5px; margin-right: 1pt; border-radius: 10px; padding: 1px 15px; } .opportunites .phase-badge.candidate_reject .fa-duotone, .opportunites .phase-badge.candidate_reject .fa-light { color: #B91C1C !important; font-size: 12px; margin-left: 5pt; margin-right: 5px; } .opportunites .phase-badge.hired { background-color: #F0FDF4 !important; color: #166534 !important; border: 1px solid #DCFCE7 !important; min-width: 100px; font-size: 7pt; margin-top: -5px; margin-right: 1pt; border-radius: 10px; padding: 1px 15px; } .opportunites .phase-badge.hired .fa-duotone, .opportunites .phase-badge.hired .fa-light { color: #166534; font-size: 12px; margin-left: 5pt; margin-right: 5px; } .opportunites .new-candidate-badge { background-color: var(--oa-info-bg, #EFF6FF); color: #1D4ED8; border: 1px solid #DBEAFE; font-size: 7pt; margin-top: -5px; margin-right: 1pt; border-radius: 10px; padding: 1px 15px; text-transform: none; } .opportunites .ai-label { font-family: var(--oa-font-family); font-weight: 500; color: #607D8B; font-weight: bold; font-size: 9.5pt !important; } .opportunites .oa-ai-assistant { font-family: var(--oa-font-family); font-weight: 500; font-size: 8pt !important; background-color: #d1deef; color: #154576; border-radius: 20px; padding-right: 10px; } .oa-ai-assistant { font-family: var(--oa-font-family); font-weight: 600; font-size: 11px !important; background-color: var(--oa-info-bg, #EFF6FF); color: var(--oa-info-text, #1D4ED8); border-radius: var(--oa-radius-full, 9999px); padding: 4px 10px; display: inline-flex; align-items: center; gap: 4px; } .basic-information .skills .skill-tags { background-color: #edf2f7; margin-left: 0pt; color: #354d64; font-size: 7.5pt; border-radius: 10px; padding: 5px 10px !important; } .candidate-badges-row { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; min-height: 24px; } .candidate-badge { display: inline-flex; align-items: center; gap: 4px; padding: 2px 10px; border-radius: 10px; font-size: 11px; font-weight: 600; font-family: var(--oa-font-family, "Inter", system-ui, sans-serif); line-height: 1.4; height: 22px; white-space: nowrap; text-transform: none; border: 1px solid transparent; background: #F8FAFC; color: #475569; border-color: #E2E8F0; } .candidate-badge i, .candidate-badge .fa-light, .candidate-badge .fa-regular { font-size: 11px; line-height: 1; } .candidate-badge--info, .candidate-badge.status-info { background: var(--oa-info-bg, #EFF6FF); color: #1D4ED8; border-color: #DBEAFE; } .candidate-badge--success, .candidate-badge.status-success { background: #F0FDF4; color: #166534; border-color: #DCFCE7; } .candidate-badge--warning, .candidate-badge.status-warning { background: #FFFBEB; color: #B45309; border-color: #FEF3C7; } .candidate-badge--danger, .candidate-badge.status-danger { background: #FEF2F2; color: #B91C1C; border-color: #FECACA; } .candidate-badge--primary, .candidate-badge.status-primary { background: #EBF2FE; color: #005aee; border-color: #D2E4FD; } .candidate-badge--purple { background: #F5F3FF; color: #6D28D9; border-color: #EDE9FE; } .font-xs.row.no-gutter.xs-font-responsive > span, .font-xs.row.no-gutter.xs-font-responsive > div, .font-xs.row.no-gutter.xs-font-responsive .label, .font-xs.row.no-gutter.xs-font-responsive .e-tag, .font-xs.row.no-gutter.xs-font-responsive .status-badge-menu { display: inline-flex; align-items: center; vertical-align: middle; height: 22px; line-height: 1; margin-right: 4px; margin-top: 0 !important; margin-bottom: 0 !important; font-size: 11px; } .font-xs.row.no-gutter.xs-font-responsive .label { padding: 2px 8px; margin-bottom: 0; } .font-xs.row.no-gutter.xs-font-responsive .e-tag { padding: 2px 8px; height: 22px; display: inline-flex; align-items: center; } .font-xs.row.no-gutter.xs-font-responsive > span:not(.e-tag):not(.label):not(.pull-right) { padding: 2px 0; } .font-xs.row.no-gutter.xs-font-responsive .text-10 { height: 22px; display: inline-flex; align-items: center; vertical-align: middle; } .font-xs.row.no-gutter.xs-font-responsive .label i, .font-xs.row.no-gutter.xs-font-responsive .e-tag i, .font-xs.row.no-gutter.xs-font-responsive > span i { display: inline-flex; align-items: center; vertical-align: middle; line-height: 1; } .font-xs.row.no-gutter.xs-font-responsive .phase-badge.e-tag { border-left: none !important; border-right: none !important; } .font-xs.row.no-gutter.xs-font-responsive .phase-badge.e-tag.rejected, .font-xs.row.no-gutter.xs-font-responsive .phase-badge.e-tag.accepted, .font-xs.row.no-gutter.xs-font-responsive .phase-badge.e-tag.maybe, .font-xs.row.no-gutter.xs-font-responsive .phase-badge.e-tag.hired, .font-xs.row.no-gutter.xs-font-responsive .phase-badge.e-tag.candidate_reject { border-left: none !important; border-right: none !important; } .font-xs.row.no-gutter.xs-font-responsive .status-badge-menu { margin-right: 4px; } .font-xs.row.no-gutter.xs-font-responsive .status-badge-menu .status-badge { height: 22px; display: inline-flex; align-items: center; } .font-xs.row.no-gutter.xs-font-responsive .status-badge-menu .status-badge-selected, .font-xs.row.no-gutter.xs-font-responsive .status-badge-menu .status-badge-no-status { height: 22px; padding: 2px 8px; display: inline-flex; align-items: center; font-size: 11px !important; border-radius: 6px; } .font-xs.row.no-gutter.xs-font-responsive .rejection-email-icon { height: 22px; display: inline-flex; align-items: center; padding: 2px 8px; } .candidate-meta { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; color: #64748B; } .candidate-meta i { font-size: 11px; } .compare-value { background-color: #EDF2F7 !important; border-radius: 10px; padding: 0 17px; color: #607D8B; margin-bottom: 3px; display: inline-block; } .compare-value .fa-duotone { color: #607D8B !important; } .compare-value .text-muted { color: #607D8B !important; } .exceptional_talent { background-image: linear-gradient(200.2deg, #12cea3 26.8%, #317cb3 69%); color: #ffffff; } .verified_assessment { background-color: #ecfdf5; color: #047857; padding-left: 10px; padding-right: 10px; border-radius: 10px; display: inline-block; font-size: 0.6rem; font-weight: 500; padding-top: 2px; padding-bottom: 2px; } .verified_assessment i { margin-right: 3px; } .candidate-profile:hover .candidate-profile-footer .schedule-interview { visibility: visible; } .candidate-profile .candidate-profile-footer .schedule-interview { visibility: hidden; } .ai-filter { text-align: left !important; } .ai-filter .form-control, .ai-filter input.form-control, .ai-filter input[type=text], .ai-filter input[uib-typeahead] { height: 38px !important; min-height: 38px !important; padding: 8px 12px !important; font-size: 14px !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; background: #ffffff !important; color: #0F172A !important; box-sizing: border-box !important; width: 100% !important; } .ai-filter .form-control::placeholder, .ai-filter input.form-control::placeholder, .ai-filter input[type=text]::placeholder, .ai-filter input[uib-typeahead]::placeholder { color: #94A3B8 !important; font-weight: 400 !important; } .ai-filter .form-control:focus, .ai-filter input.form-control:focus, .ai-filter input[type=text]:focus, .ai-filter input[uib-typeahead]:focus { border-color: #005aee !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1) !important; outline: none !important; } .ai-filter .form-control:disabled, .ai-filter .form-control[disabled], .ai-filter .form-control[ng-disabled=true], .ai-filter input.form-control:disabled, .ai-filter input.form-control[disabled], .ai-filter input.form-control[ng-disabled=true], .ai-filter input[type=text]:disabled, .ai-filter input[type=text][disabled], .ai-filter input[type=text][ng-disabled=true], .ai-filter input[uib-typeahead]:disabled, .ai-filter input[uib-typeahead][disabled], .ai-filter input[uib-typeahead][ng-disabled=true] { background: #F8FAFC !important; color: #94A3B8 !important; cursor: not-allowed !important; } .ai-filter .icon-addon { position: relative !important; display: block !important; } .ai-filter .icon-addon input.form-control { height: 38px !important; width: 100% !important; padding-left: 36px !important; padding-right: 70px !important; } .ai-filter .icon-addon > label.fa-magnifying-glass, .ai-filter .icon-addon > label[class*=fa-magnifying-glass] { position: absolute !important; left: 12px !important; top: 50% !important; transform: translateY(-50%) !important; font-size: 14px !important; color: #64748B !important; z-index: 2 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } .ai-filter .icon-addon > label.fa-circle-info, .ai-filter .icon-addon > label[class*=fa-circle-info] { position: absolute !important; right: 12px !important; top: 50% !important; transform: translateY(-50%) !important; font-size: 14px !important; color: #64748B !important; z-index: 2 !important; cursor: pointer !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } .ai-filter .icon-addon > label.fa-circle-info:hover, .ai-filter .icon-addon > label[class*=fa-circle-info]:hover { color: #005aee !important; } .ai-filter .icon-addon > label.fa-xmark, .ai-filter .icon-addon > label[class*=fa-xmark] { position: absolute !important; right: 36px !important; top: 50% !important; transform: translateY(-50%) !important; font-size: 14px !important; color: #64748B !important; z-index: 2 !important; cursor: pointer !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } .ai-filter .icon-addon > label.fa-xmark:hover, .ai-filter .icon-addon > label[class*=fa-xmark]:hover { color: #DC2626 !important; } .ai-filter .label, .ai-filter label.label { font-size: 13px !important; font-weight: 500 !important; color: #475569 !important; margin-bottom: 6px !important; display: block !important; background: transparent !important; padding: 0 !important; } .ai-filter .label .required, .ai-filter label.label .required { color: #DC2626 !important; } .ai-filter .text-muted { font-size: 12px !important; color: #64748B !important; } .ai-filter input[type=checkbox], .ai-filter .smart-form input[type=checkbox], .ai-filter label.checkbox input[type=checkbox] { width: 18px !important; height: 18px !important; min-width: 18px !important; margin: 0 8px 0 0 !important; flex-shrink: 0 !important; accent-color: #005aee !important; cursor: pointer !important; appearance: checkbox !important; -webkit-appearance: checkbox !important; -moz-appearance: checkbox !important; opacity: 1 !important; position: static !important; left: auto !important; border: 1px solid #94A3B8 !important; border-radius: 4px !important; background-color: #ffffff !important; } .ai-filter input[type=checkbox]:checked, .ai-filter .smart-form input[type=checkbox]:checked, .ai-filter label.checkbox input[type=checkbox]:checked { background-color: #005aee !important; border-color: #005aee !important; } .ai-filter input[type=checkbox]:hover:not(:disabled), .ai-filter .smart-form input[type=checkbox]:hover:not(:disabled), .ai-filter label.checkbox input[type=checkbox]:hover:not(:disabled) { border-color: #005aee !important; } .ai-filter input[type=checkbox]:focus, .ai-filter .smart-form input[type=checkbox]:focus, .ai-filter label.checkbox input[type=checkbox]:focus { outline: none !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15) !important; } .ai-filter label.checkbox { display: flex !important; align-items: center !important; gap: 0 !important; font-size: 14px !important; font-weight: 400 !important; color: #0F172A !important; cursor: pointer !important; padding: 0 !important; margin: 0 !important; background: transparent !important; } .ai-filter label.checkbox i { display: none !important; } .ai-filter .btn { height: 38px !important; min-height: 38px !important; padding: 8px 16px !important; font-size: 14px !important; border-radius: 6px !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; text-transform: none !important; } .ai-filter .btn i { font-size: 14px !important; } .ai-filter .btn-default { background: #ffffff !important; border: 1px solid #E2E8F0 !important; color: #475569 !important; } .ai-filter .btn-default:hover { background: #F8FAFC !important; border-color: #CBD5E1 !important; } .ai-filter .btn-primary { background: linear-gradient(135deg, #005aee 0%, #2563eb 100%) !important; border: none !important; color: #ffffff !important; } .ai-filter .btn-primary:hover:not(:disabled) { background: linear-gradient(135deg, #004ac2 0%, #1d4ed8 100%) !important; } .ai-filter .btn-primary:disabled { opacity: 0.5 !important; cursor: not-allowed !important; } .ai-filter .row[style*=background-color] { background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 8px !important; padding: 12px !important; margin: 4px 0 !important; } .ai-filter a[style*="border: 1px dashed"] { border: 1px dashed #CBD5E1 !important; border-radius: 8px !important; padding: 12px 16px !important; font-size: 13px !important; color: #64748B !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; transition: all 0.15s ease !important; } .ai-filter a[style*="border: 1px dashed"]:hover { border-color: #005aee !important; color: #005aee !important; background: rgba(0, 90, 238, 0.04) !important; } .ai-filter a[style*="border: 1px dashed"] i { font-size: 14px !important; } .ai-filter .candidates-filters { width: 500px; position: relative; } .ai-filter .candidates-filters > .col { min-width: 0; } .ai-filter .candidates-filters .dropdown-menu { z-index: 1060 !important; position: absolute; } .ai-filter .candidates-filters .candidate-dropdown-filter { position: relative; } .ai-filter .candidates-filters .candidate-dropdown-filter.open .dropdown-menu { display: block; } .ai-filter .candidates-filters .candidate-dropdown-filter .btn-link:hover { background-color: transparent; text-decoration: none !important; color: white !important; width: calc(100% - 40px) !important; text-align: left !important; } .ai-filter .candidates-filters .candidate-dropdown-filter .btn-link { text-align: left !important; } .ai-filter .candidates-filters .candidate-dropdown-filter.active .btn { width: calc(100% - 40px) !important; } .ai-filter .candidates-filters .candidate-dropdown-filter:hover { background: #7ea0c2 !important; } .ai-filter .candidates-filters ul.dropdown-menu li { padding: 0px !important; } .ai-filter .candidates-filters .dropdown-menu > li > a { padding: 3px; } .ai-filter .candidates-filters .candidate-dropdown-filter span { font-weight: normal !important; } .ai-filter .candidates-filters .candidate-dropdown-filter { border-radius: 6px !important; } .ai-filter .candidates-filters .candidate-dropdown-filter .filter-toggle { border-radius: 6px !important; } .ai-filter .candidates-filters { margin-bottom: 16px !important; } .ai-filter a[style*="border: 1px dashed"] { text-align: center !important; } .assessment-candidate-results { background-image: url("/img/assessment_center_bg.jpg") !important; background-position: top !important; background-repeat: no-repeat !important; background-size: auto !important; background-color: #ffffff !important; background-attachment: fixed !important; font-family: var(--oa-font-family) !important; } .assessment-candidate-results .hexaco-graphic .label-line { background: #005aee !important; height: 25px !important; } .assessment-candidate-results .label-line-border { background: #005aee !important; height: 25px !important; } .assessment-candidate-results .hexaco-graphic.card .card-body .pe-dimension-headline { padding-top: 0px !important; } .assessment-candidate-results .hexaco-graphic.card .card-body .background-color-grey-result .row { margin-top: 20px !important; } .assessment-candidate-results .media .media-left .progress.progress-bar-vertical { width: 10px !important; height: 200px !important; display: flex !important; align-items: flex-end !important; margin-right: 20px !important; float: left !important; border-radius: 5px !important; margin-top: 30px !important; } .assessment-candidate-results .media .media-left .progress.progress-bar-vertical .bar-step { background: #005aee; } .assessment-candidate-results .media .media-left .progress.progress-bar-vertical .label-line-border { background: #005aee !important; } .assessment-candidate-results .media .media-left .progress.progress-bar-vertical .label-line-vertical-border { background: #005aee !important; } .assessment-candidate-results .media .media-left .progress.progress-bar-vertical .progress-bar { position: absolute !important; } .assessment-candidate-results .margin-bottom-10 { margin-bottom: 10px !important; } .assessment-candidate-results #content.padding-top-45 { padding-top: 0px !important; } .assessment-candidate-results #content { top: auto !important; } #extr-page .assessment-candidate-results { background-color: #ffffff !important; } .candidate-results-finished-view { font-family: var(--oa-font-family) !important; background-attachment: fixed; line-height: 1.3rem !important; } .candidate-results-finished-view .progress-triangle { border-radius: 7px; background: linear-gradient(90deg, #fafafa 25%, #f9f9f9 75%); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0px 2px 2px rgba(0, 0, 0, 0.05) !important; } .candidate-results-finished-view .hover-shadow { border: none !important; } .candidate-results-finished-view .hover-shadow:hover { transform: translate3d(0, -10px, 0); -webkit-transform: translate3d(0, -10px, 0); box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 0.2); } .candidate-results-finished-view .progress-triangle:before { background: linear-gradient(270deg, #005aee 0%, #3FA9FF 100%); } .candidate-results-finished-view h5.h5 { padding-top: 15px; color: #000000 !important; } .candidate-results-finished-view h4.h4, .candidate-results-finished-view h3.h3 { color: #000000 !important; font-family: var(--oa-font-family) !important; } .candidate-results-finished-view ul, .candidate-results-finished-view ol { line-height: 1.3rem !important; } .candidate-results-finished-view .card .card-body { color: #1d1d1f !important; font-family: var(--oa-font-family) !important; } .candidate-results-finished-view .progress-bar { background: linear-gradient(270deg, #005aee 0%, #3FA9FF 100%); background-size: 200% 200%; border-radius: 50px !important; /* Increased the rounding for a more circular look */ box-shadow: none; text-align: center; /* Horizontally center the text */ line-height: 25px; /* Match line height with the height of the bar for vertical centering */ position: relative; transition: width 0.6s ease; /* Smooth animation for width */ border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .candidate-results-finished-view .progress { margin-bottom: -2px !important; } .progress { background: linear-gradient(90deg, #fafafa 25%, #f9f9f9 75%); /* Subtle gradient for the background */ border-radius: 50px !important; /* Match the bar's rounded corners */ height: 25px; /* Match the bar height */ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0px 2px 2px rgba(0, 0, 0, 0.05); /* Soft inner shadow */ position: relative; overflow: hidden; } .progress.margin-bottom-15 { margin-bottom: 15px !important; } .dropdown-menu:not(.operation-menu) > li > a:focus, .dropdown-menu:not(.operation-menu) > li > a:hover { color: #103971 !important; background-color: #E3F2FD !important; border-radius: 5px !important; } .candidate-filter-recruitment ul.dropdown-menu { max-width: 730px; border: 1px solid white; border-radius: 0.7em; z-index: 904; padding: 1em !important; } .tag-gray { background-color: #edf2f7; font-size: 0.7rem; padding: 3px 10px; border-radius: 20px; display: inline-block; color: #7692ad; margin-right: 2px; margin-top: 3px; } /* Define the animation */ @keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } @keyframes slideUp { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-10px); } } /* Legacy dropdown animation - removed (overridden by _header-ui.scss) Archived in: .archived/css-consolidated/dropdown-menu-duplicates-2026-01-15.scss */ .progress-bar-divider-25 { height: 25px !important; position: relative; width: 1px !important; z-index: 999; margin-top: -2px !important; border-left: 2px solid #edf2f7 !important; float: right !important; margin-left: 5px !important; } .progress-bar-divider { border-left: 2px solid #edf2f7 !important; float: right !important; margin-left: 5px !important; } .italic { font-style: italic; } .evaluation_status_pending { background-color: #ffe6ae !important; color: #e3a700 !important; } .evaluation_status_submitted { background-color: #d4edda !important; color: #155724 !important; } .evaluation_status_overdue { background-color: #f8d7da !important; color: #721c24 !important; } #assessment-results .score-label, #assessment-results .score-value { background-color: #e6f4ff; padding: 4px 12px; border-radius: 15px; border: 1px solid #e1f1ff; font-size: 0.9rem; font-weight: 500; } #assessment-results .score-label { background-color: #edf2f7; border-color: #e2e8f0; color: #4b6882 !important; font-size: 0.8rem; } #assessment-results .assessment-result-info-color { color: #97969b !important; } #assessment-results .justify-space-between { justify-content: space-between; } #assessment-results .align-center { align-items: center; } #assessment-results .d-flex { display: flex; } @page { #assessment-results { size: A4; margin: 11mm 17mm 17mm 17mm; } @bottom-left { #assessment-results { content: counter(page) "/" counter(pages); } } } @media print { #assessment-results h1, #assessment-results h2, #assessment-results h3, #assessment-results h4, #assessment-results h5, #assessment-results h6 { font-family: var(--oa-font-family) !important; } #assessment-results .h2, #assessment-results h2 { font-size: 33px; } #assessment-results .text-uppercase { text-transform: uppercase; } #assessment-results .h4, #assessment-results h4 { font-size: 16px; } #assessment-results .h5, #assessment-results h5 { font-size: 14px; } #assessment-results .text-muted { color: #9c9c9c; } #assessment-results .fa, #assessment-results .fas { font-family: "Font Awesome 5 Free"; font-weight: 900; } #assessment-results .fa-3x { font-size: 3em; } #assessment-results .fa-caret-down:before { content: ""; } #assessment-results * { font-family: var(--oa-font-family, "Inter", system-ui, sans-serif); color-adjust: exact !important; print-color-adjust: exact !important; -webkit-print-color-adjust: exact !important; } #assessment-results .card-body { padding: 2rem; -webkit-box-flex: 1; flex: 1 1 auto; } #assessment-results .h4, #assessment-results .h5, #assessment-results .h6, #assessment-results h4, #assessment-results h5, #assessment-results h6 { margin-top: 0px; margin-bottom: 10px; } #assessment-results .padding-top-10 { padding-top: 10px; } #assessment-results .hexaco-graphic .hexaco-implementation .headline { font-size: 12px; font-weight: 500; color: #2e424dc2; margin-bottom: 10px; margin-top: 0px; font-family: var(--oa-font-family) !important; } #assessment-results .h5, #assessment-results h5 { font-size: 14px; } #assessment-results .padding-25 { padding: 25px; } #assessment-results .col-print-1 { width: 8%; float: left; } #assessment-results .col-print-2 { width: 16%; float: left; } #assessment-results .col-print-3 { width: 25%; float: left; } #assessment-results .col-print-4 { width: 33%; float: left; } #assessment-results .col-print-5 { width: 42%; float: left; } #assessment-results .col-print-6 { width: 50%; float: left; } #assessment-results .col-print-7 { width: 58%; float: left; } #assessment-results .col-print-8 { width: 66%; float: left; } #assessment-results .col-print-9 { width: 75%; float: left; } #assessment-results .col-print-10 { width: 83%; float: left; } #assessment-results .col-print-11 { width: 92%; float: left; } #assessment-results .col-print-12 { width: 100% !important; float: left !important; } #assessment-results .truth-scale { border: 0.5px solid #999696; } #assessment-results .assessment-results { margin: 0px; display: block; width: 1000px; } #assessment-results .row.no-gutter { margin-left: 0; margin-right: 0; } #assessment-results .inline-block { display: inline-block; } #assessment-results .print-page-break { page-break-after: always; } #assessment-results a { visibility: hidden; display: none; } #assessment-results .progress-bar { float: left; width: 0; height: 100%; font-size: 11px; color: #ffffff; text-align: center; background-color: #a3bde1; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); font-weight: 700; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-radius: 0; } #assessment-results h3 { display: block; font-size: 16px; font-weight: 400; margin: 20px 0; line-height: normal; } #assessment-results .bg-color-black { color: white !important; background: #000000 !important; } #assessment-results .smart-style-2 .bg-color-blue { background: #6c80cd !important; } #assessment-results .progress .progress-bar { border-radius: 0px; } #assessment-results .progress .progress-bar { position: absolute; overflow: hidden; line-height: 20px; } #assessment-results .progress-bar-vertical { width: 25px; min-height: 100px; display: flex; align-items: flex-end; margin-right: 20px; float: left; } #assessment-results .progress-bar-vertical .progress-bar { width: 100%; height: 0; } #assessment-results .progress, #assessment-results .progress-bar, #assessment-results .progress-bar-vertical { overflow: visible !important; transition: none !important; } #assessment-results .hexaco-graphic .bar-step { position: absolute; margin-top: -20px; z-index: 1; font-size: 12px; } #assessment-results .progress .progress-bar { position: absolute; overflow: hidden; line-height: 20px; border-radius: 0; } #assessment-results .progress-bar-danger { background-color: #a90329 !important; } #assessment-results .bg-color-blueLight { background-color: #92a2a8 !important; } #assessment-results .background-color-orange { background-color: #e69b42 !important; } #assessment-results .progress-bar-purple { background-color: #575a9c !important; } #assessment-results .col-md-1, #assessment-results .col-md-10, #assessment-results .col-md-11, #assessment-results .col-md-12, #assessment-results .col-md-2, #assessment-results .col-md-3, #assessment-results .col-md-4, #assessment-results .col-md-5, #assessment-results .col-md-6, #assessment-results .col-md-7, #assessment-results .col-md-8, #assessment-results .col-md-9 { float: left; } #assessment-results .col-md-6, #assessment-results .col-sm-6 { width: 50%; } #assessment-results .col { padding-right: 15px; padding-left: 15px; } #assessment-results .col-md-12 { width: 100%; } #assessment-results .col-md-offset-2, #assessment-results .col-xs-offset-2 { margin-left: 16.66666667%; } #assessment-results .col-md-8 { width: 66.66666667%; } #assessment-results .pe-dimension-headline { text-align: center !important; } #assessment-results .h5, #assessment-results h5 { font-size: 14px; } #assessment-results .font-sm { font-size: 95% !important; } #assessment-results .margin-top-5 { margin-top: 5px !important; } #assessment-results .margin-bottom-20 { margin-bottom: 20px !important; } #assessment-results p { line-height: 150%; } #assessment-results .bold { font-weight: bold !important; } #assessment-results .assessment-results .font-xs { font-size: 75% !important; color: #525252; } #assessment-results .col-lg-1, #assessment-results .col-lg-10, #assessment-results .col-lg-11, #assessment-results .col-lg-12, #assessment-results .col-lg-2, #assessment-results .col-lg-3, #assessment-results .col-lg-4, #assessment-results .col-lg-5, #assessment-results .col-lg-6, #assessment-results .col-lg-7, #assessment-results .col-lg-8, #assessment-results .col-lg-9, #assessment-results .col-md-1, #assessment-results .col-md-10, #assessment-results .col-md-11, #assessment-results .col-md-12, #assessment-results .col-md-2, #assessment-results .col-md-3, #assessment-results .col-md-4, #assessment-results .col-md-5, #assessment-results .col-md-6, #assessment-results .col-md-7, #assessment-results .col-md-8, #assessment-results .col-md-9, #assessment-results .col-sm-1, #assessment-results .col-sm-10, #assessment-results .col-sm-11, #assessment-results .col-sm-12, #assessment-results .col-sm-2, #assessment-results .col-sm-3, #assessment-results .col-sm-4, #assessment-results .col-sm-5, #assessment-results .col-sm-6, #assessment-results .col-sm-7, #assessment-results .col-sm-8, #assessment-results .col-sm-9, #assessment-results .col-xs-1, #assessment-results .col-xs-10, #assessment-results .col-xs-11, #assessment-results .col-xs-12, #assessment-results .col-xs-2, #assessment-results .col-xs-3, #assessment-results .col-xs-4, #assessment-results .col-xs-5, #assessment-results .col-xs-6, #assessment-results .col-xs-7, #assessment-results .col-xs-8, #assessment-results .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } #assessment-results .col-md-3 { width: 25%; } #assessment-results .col-xs-3 { width: 25%; } #assessment-results .col-md-9 { width: 75%; } #assessment-results .col-xs-9 { width: 75%; } #assessment-results .col-xs-10 { width: 83.33333333%; } #assessment-results .col-md-7-print { width: 58.33333333% !important; } #assessment-results .col-md-offset-1-print { margin-left: 8.33333333% !important; } #assessment-results .col-xs-offset-1 { width: 50% !important; } #assessment-results .col-xs-offset-1 { margin-left: 8.33333333% !important; } #assessment-results .col-xs-12 { width: 100%; } #assessment-results .text-align-center, #assessment-results .text-center { text-align: center !important; } #assessment-results .chart-print-margin { margin-left: -130px; } #assessment-results .col-md-8 { width: 66.66666667%; } #assessment-results .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0 !important; border-top-color: #0d1117; background: #000000 !important; } #assessment-results .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 5px 0 !important; background: #000000 !important; } #assessment-results .tooltip-inner { padding: 5px 10px; font-size: 11px; font-family: var(--oa-font-family, "Inter", system-ui, sans-serif); font-weight: 700; border-radius: 0; max-width: 200px; text-align: center; color: white !important; background: #000000 !important; } #assessment-results .tooltip { position: absolute; z-index: 1070; display: block; font-family: var(--oa-font-family, "Inter", system-ui, sans-serif); font-size: 12px; font-style: normal; font-weight: 400; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0); opacity: 0; line-break: auto; } #assessment-results .card { margin: 40px; } #assessment-results .padding-top-20, #assessment-results .padding-bottom-20 { padding-top: 20px; } #assessment-results .opacity-05 { opacity: 0.5; } #assessment-results .text-justify { text-align: justify; } #assessment-results .padding-bottom-10 { padding-bottom: 10px; } #assessment-results .padding-top-30 { padding-bottom: 30px; } #assessment-results .progress { position: relative; margin-bottom: 20px; overflow: hidden; height: 22px; background: #eaeaea !important; border: 1px solid #d9d9d9; box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset; border-radius: 0; line-height: 19px !important; } #assessment-results .h1, #assessment-results .h2, #assessment-results .h3, #assessment-results h1, #assessment-results h2, #assessment-results h3 { margin-top: 20px; margin-bottom: 10px; font-family: var(--oa-font-family) !important; } #assessment-results .h3, #assessment-results h3 { font-size: 27px; } #assessment-results .text-align-center, #assessment-results .text-center { text-align: center !important; } #assessment-results .header-title { font-size: 16pt; text-transform: uppercase; letter-spacing: 0.02em; padding-top: 20pt; margin-bottom: 10pt; font-weight: bold; } #assessment-results .padding-top-30 { padding-top: 30pt; } #assessment-results .padding-top-50 { padding-top: 50pt; } #assessment-results .margin-top-50 { padding-top: 50pt; } #assessment-results .margin-top-20 { padding-top: 20pt; } #assessment-results .margin-top-5 { padding-top: 5pt; } #assessment-results .padding-bottom-30 { padding-bottom: 30pt; } #assessment-results .padding-bottom-20 { padding-bottom: 20pt; } #assessment-results .text-uppercase { text-transform: uppercase; } #assessment-results .bold { font-weight: bold !important; } #assessment-results .progress-bar-divider { height: 45px; position: relative; width: 1px; z-index: 999; margin-top: -22px; border-left: 2px dashed #979797; float: right; margin-left: 5px; } #assessment-results .font-700 { font-weight: 700; } #assessment-results .text-muted { font-size: 12px; color: #334155; } #assessment-results .padding-bottom-15 { padding-bottom: 15pt; } #assessment-results .padding-right-20 { padding-right: 20px; } #assessment-results .padding-right-5 { padding-right: 5px; } #assessment-results .verification-test { visibility: hidden; } #assessment-results .label-line-border { float: right; background: #e69b42; height: 50px; width: 2px; margin-left: 5px; } #assessment-results .progress-bar-purple { background-color: #575a9c !important; } #assessment-results .pull-left { float: left !important; } #assessment-results .pull-right { float: right !important; } #assessment-results .padding-right-5 { padding-right: 5px !important; } #assessment-results .padding-bottom-10 { padding-bottom: 10px !important; } #assessment-results .assessment-results .font-xs { font-size: 75% !important; color: #525252; } #assessment-results .wrap-all-words { word-spacing: 400px !important; } #assessment-results .text-align-center, #assessment-results .text-center { text-align: center !important; } #assessment-results .margin-bottom-25 { margin-bottom: 25px !important; } #assessment-results .margin-bottom-50 { margin-bottom: 50px !important; } #assessment-results .smart-style-2 .bg-color-blue { background: #6c80cd !important; } #assessment-results .progress-bar-divider.first { height: 65px !important; margin-top: -50px; } #assessment-results .padding-left-15 { padding-left: 15px; } #assessment-results .margin-bottom-30 { margin-bottom: 30px; } #assessment-results .margin-bottom-5 { margin-bottom: 5px !important; } #assessment-results .progress .progress-bar { border-radius: 5px; } #assessment-results .assessment-results .font-xs { font-size: 75% !important; color: #525252; } #assessment-results .progress-sm { height: 14px !important; line-height: 14px !important; } #assessment-results h4 { margin-top: 10px; margin-bottom: 10px; } #assessment-results .margin-bottom-20 { margin-bottom: 20px; } #assessment-results .margin-bottom-10 { margin-bottom: 10px; } #assessment-results .row { margin-right: -15px; margin-left: -15px; } #assessment-results .row.no-gutter { margin-left: 0; margin-right: 0; } #assessment-results .padding-bottom-10 { padding-bottom: 10px !important; } #assessment-results .text-muted { color: #9c9c9c; } #assessment-results .assessment-results .text-muted { font-size: 12px; } #assessment-results .bg-color-blueLight { background-color: #92a2a8 !important; } #assessment-results .progress-bar-divider.first { height: 65px !important; margin-top: -50px; } #assessment-results .progress-bar-divider.last { height: 65px !important; float: left !important; margin-right: 5px !important; border-left: 2px dashed #e2e2e2 !important; margin-top: -50px; } #assessment-results .progress-bar-vertical .progress-bar { width: 100%; height: 0; transition: height 0.6s ease; } #assessment-results .hexaco-graphic .label-line-vertical { float: right; background: #e69b42; height: 2px; width: 50px; } #assessment-results .hexaco-graphic .label-line-vertical-border { float: right; background: #e69b42; height: 2px; width: 10px; } #assessment-results .background-color-orange { background-color: #e69b42 !important; } #assessment-results .hexaco-graphic .bar-step { position: absolute; margin-top: -20px; z-index: 1; font-size: 12px; } #assessment-results .tooltip { position: relative; z-index: 1070; display: block; font-family: var(--oa-font-family, "Inter", system-ui, sans-serif); font-size: 12px; font-style: normal; font-weight: 400; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0); opacity: 0; line-break: auto; } #assessment-results .orange { color: #EFC34BFF !important; } #assessment-results .fas.orange:before { color: #EFC34BFF !important; } #assessment-results .fa-square-full:before { content: ""; } #assessment-results .fa-square-full { color: #EFC34BFF !important; } #assessment-results .in-tray-results .card { margin-top: 0px !important; margin-bottom: 0px !important; } #assessment-results .in-tray-results .card .card-body { margin-top: 0px !important; margin-bottom: 0px !important; font-size: 10px; } #assessment-results .in-tray-results .padding-bottom-10 { padding-bottom: 0px !important; } #assessment-results .in-tray-results .col-md-6 { width: 100%; } #assessment-results .in-tray-results .col-md-7 { width: 58%; } #assessment-results .in-tray-results .col-md-5 { width: 38%; } #assessment-results .in-tray-results .btn { visibility: hidden; } #assessment-results .in-tray-results .row.header-title .col-md-6 { width: 45%; } #assessment-results .in-tray-results .height-60 { height: 10px !important; } #assessment-results .in-tray-results .height-40 { height: 10px !important; } #assessment-results .in-tray-results .header-title { padding-bottom: 5px; margin-bottom: auto !important; } #assessment-results .in-tray-results .card-body { padding: 0.5rem; } #assessment-results .tooltip.top { padding: 5px 0; margin-top: -3px; } #assessment-results .tooltip.top-right { /* left: calc(100% - 200px)!important;*/ } #assessment-results .tooltip.top-right .tooltip-arrow { bottom: 0; left: 25px; margin-bottom: 0px !important; border-width: 5px 5px 0 !important; border-top-color: #0d1117; } #assessment-results .bg-color-orange { background: #c79121 !important; } #assessment-results .tooltip.top-left .tooltip-arrow { right: 25px; bottom: 0; margin-bottom: 0px !important; border-width: 5px 5px 0 !important; border-top-color: #0d1117; } #assessment-results .margin-bottom-0-print { margin-bottom: 0px !important; } #assessment-results .padding-bottom-0-print { padding-bottom: 0px !important; } #assessment-results .padding-top-0-print { padding-top: 0px !important; } #assessment-results .padding-top-10-print { padding-top: 10px !important; } #assessment-results .print-card-border { border: 1px solid black; } #assessment-results .print-padding-top-50 { padding-top: 50px; } #assessment-results .margin-bottom-5-print { margin-bottom: 5px !important; } #assessment-results .padding-left-0-print { padding-left: 0px !important; } #assessment-results .GENTLENESS_SUB_HEX { page-break-after: always; } #assessment-results .FORGIVENESS_SUB_HEX { padding-top: 50px; } #assessment-results .PERFECTIONISM_SUB_HEX { page-break-after: always; } #assessment-results .PRUDENCE_SUB_HEX { padding-top: 50px; } #assessment-results .GREED_AVOIDANCE_SUB_HEX { page-break-after: always; } #assessment-results .MODESTY_SUB_HEX { padding-top: 50px; } #assessment-results .DEPENDENCE_SUB_HEX { page-break-after: always; } #assessment-results .SENTIMENTALITY_SUB_HEX { padding-top: 50px; } #assessment-results .SOCIABILITY_SUB_HEX { page-break-after: always; } #assessment-results .LIVELINESS_SUB_HEX { padding-top: 50px; } #assessment-results .CREATIVITY_SUB_HEX { page-break-after: always; } #assessment-results .UNCONVENTIONALITY_SUB_HEX { padding-top: 50px; } #assessment-results .candidate-report-language .card { border: 1px solid #494949; border-radius: 0.55rem; margin-bottom: 10px; } #assessment-results .print-body-font-size-120-pct { font-size: 120% !important; } #assessment-results body { font-size: 17px !important; } } #assessment-results .card .card { box-shadow: none !important; } #assessment-results .assessment-results .progress, #assessment-results .progress-bar { overflow: visible !important; transition: none !important; } #assessment-results .assessment-results ul li { padding-bottom: 10px; } #assessment-results .assessment-results .tooltip { min-width: 100px; } #assessment-results .assessment-results .progress-md { margin-bottom: 0px; } #assessment-results .assessment-results p { padding-bottom: 10px; } #assessment-results .assessment-results ul { padding: revert; } #assessment-results .assessment-results ul li { margin: auto; list-style: disc !important; } #assessment-results .comment-padding-bottom-10 .row.no-gutter.assessment-result-comment-box { padding-bottom: 10px !important; } @media (max-width: 768px) { #assessment-results .assessment-results-icons-xs { font-size: 1.1rem; } } #assessment-results .cke_chrome { border-radius: 20px !important; border: 1px solid #dfecf3 !important; /* Apply the border color */ overflow: hidden; /* Ensure child elements respect the border-radius */ } #assessment-results .cke_chrome .cke_inner { border-radius: 20px !important; } #assessment-results .cke_chrome .cke_contents { border-radius: 20px !important; overflow: hidden; /* Prevent content overflow outside the rounded edges */ } #assessment-results .exceptional_talent { padding-left: 15px; padding-right: 10px; border-radius: 10px; display: inline-block; font-size: 0.6rem; padding-top: 2px; padding-bottom: 2px; } #assessment-results .verified_assessment { padding-left: 10px; padding-right: 10px; border-radius: 10px; display: inline-block; font-size: 0.6rem; font-weight: 500; padding-top: 2px; padding-bottom: 2px; background-color: #ecfdf5; color: #047857; } #assessment-results .verified_assessment i { margin-right: 3px; } #assessment-results .hidden-xs.assessment-result-info-color { color: #465973b5 !important; } .assessment-result-results-box { margin-bottom: 15px; } .candidate-profile .position-fit-badge:hover { webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important; outline: 0; border: 1px solid transparent; transition: background-color 0.5s ease, box-shadow 0.5s ease; } .candidate-profile .flex-center-gap-10 { align-items: flex-start !important; } .candidate-profile .e-tag { padding-top: 0 !important; padding-bottom: 0 !important; } .shadow-none { box-shadow: none !important; } .p-5 { padding: 5px; } .box-border-1 { border: 1px solid #e2e8f0 !important; border-radius: 10px !important; padding: 15px !important; background-color: #ffffff !important; } .p-0 { padding: 0px !important; } .w-100 { width: 100px !important; } .w-110 { width: 110px !important; } .w-120 { width: 120px !important; } .w-130 { width: 130px !important; } .badge-primary { background-color: #ecf1f6; display: inline-block; min-width: 10px; margin: 4px; padding: 5px 15px; line-height: 1; color: #345b83; text-align: center; white-space: nowrap; vertical-align: middle; font-size: 0.8rem; border-radius: 10px; } .ellipsis-100 { white-space: nowrap; /* Prevents text from wrapping */ overflow: hidden; /* Hides overflowing text */ text-overflow: ellipsis; /* Adds "..." at the end */ display: block; /* or inline-block / flex item */ width: 100px; /* Must have a fixed width */ } .ellipsis-200 { white-space: nowrap; /* Prevents text from wrapping */ overflow: hidden; /* Hides overflowing text */ text-overflow: ellipsis; /* Adds "..." at the end */ display: block; /* or inline-block / flex item */ width: 200px; /* Must have a fixed width */ } .ellipsis-300 { white-space: nowrap; /* Prevents text from wrapping */ overflow: hidden; /* Hides overflowing text */ text-overflow: ellipsis; /* Adds "..." at the end */ display: block; /* or inline-block / flex item */ width: 200px; /* Must have a fixed width */ } .ellipsis-250 { white-space: nowrap; /* Prevents text from wrapping */ overflow: hidden; /* Hides overflowing text */ text-overflow: ellipsis; /* Adds "..." at the end */ display: block; /* or inline-block / flex item */ width: 250px; /* Must have a fixed width */ } @media screen and (max-width: 1313px) { .hidden-1313 { display: none; } } [ui-view=my-referrals-main] > div, [ui-view=my-referrals-main] .card, [ui-view=my-referrals-main] .panel, .my-referrals-page > div, .my-referrals-page .card, .my-referrals-page .panel { max-width: 960px; margin-left: auto; margin-right: auto; } [ui-view=my-referrals-main] a:not(.btn), .my-referrals-page a:not(.btn) { color: #1E40AF; } [ui-view=my-referrals-main] a:not(.btn):hover, .my-referrals-page a:not(.btn):hover { color: #1E3A8A; text-decoration: underline; } [ui-view=my-referrals-main] .btn-refer, [ui-view=my-referrals-main] .btn[ng-click*=refer], .my-referrals-page .btn-refer, .my-referrals-page .btn[ng-click*=refer] { background-color: #1E40AF; border-color: #1E40AF; } [ui-view=my-referrals-main] .btn-refer:hover, [ui-view=my-referrals-main] .btn[ng-click*=refer]:hover, .my-referrals-page .btn-refer:hover, .my-referrals-page .btn[ng-click*=refer]:hover { background-color: #1E3A8A; border-color: #1E3A8A; } @media (max-width: 1440px) { .header-search { max-width: 220px !important; min-width: 180px !important; } .position-selector { max-width: 300px !important; } .header-dropdown-list > li > a, .btn-header > a { padding: 8px 10px !important; } } @media (max-width: 1366px) { header#header > .pull-right { flex: 0 0 auto !important; } .header-search { max-width: 280px !important; min-width: 180px !important; } .position-selector { max-width: 260px !important; } .position-selector .headline { max-width: 200px !important; font-size: 12px !important; } .toolbar-form-group, .toolbar-form-group-sm { margin-left: 4px !important; margin-right: 4px !important; } .btn-radio-rounded .btn { padding: 5px 10px !important; font-size: 12px !important; } .btn-radio-rounded .btn .hidden-1313 { display: none !important; } .btn-action-padded { padding: 5px 10px !important; font-size: 12px !important; } .operations-btn, [class*=btn-operations], .header-dropdown-list .btn-primary { padding: 6px 12px !important; font-size: 12px !important; } .header-dropdown-list > li { margin-left: 2px !important; margin-right: 2px !important; } .assessment-filters select.form-control, .assessment-filters .form-control, .candidates-filter select.form-control, .candidates-filter .form-control { font-size: 11px !important; padding: 4px 8px !important; min-width: 80px !important; } .date-range-picker, [class*=daterangepicker], .daterangepicker-input { font-size: 11px !important; max-width: 180px !important; } } @media (max-width: 1280px) { .header-search { max-width: 320px !important; min-width: 250px !important; } .header-search .form-control-feedback, .header-search [class*=keyboard-hint] { display: none !important; } .position-selector { max-width: 220px !important; padding-left: 8px !important; padding-right: 8px !important; } .position-selector .headline { max-width: 160px !important; font-size: 11px !important; } .btn-radio-rounded .btn { padding: 4px 8px !important; font-size: 11px !important; } .btn-radio-rounded .btn i { margin-right: 0 !important; } a.btn.flat-btn.btn-primary.btn-sm, .btn-action-padded { padding: 4px 10px !important; font-size: 11px !important; } header#header #logo-group { width: 160px !important; max-width: 160px !important; } header#header #logo-group #logo img { max-width: 120px !important; width: 120px !important; } } @media (max-width: 1050px) { .header-search, .header-search.search-candidate { flex: 0 0 180px !important; max-width: 180px !important; min-width: 180px !important; width: 180px !important; } } @media (max-width: 1100px) { .header-search { max-width: 200px !important; min-width: 160px !important; } .position-selector { max-width: 280px !important; } .btn-radio-rounded .btn { padding: 5px 10px !important; font-size: 11px !important; } .btn-radio-rounded .btn .hidden-1313 { display: none !important; } } @media (max-width: 992px) { .header-search { max-width: 180px !important; min-width: 140px !important; } .header-search .form-control { font-size: 11px !important; padding: 6px 10px !important; } .header-search .form-control-feedback { display: none !important; } .position-selector { max-width: 240px !important; } .position-selector .headline { max-width: 180px !important; font-size: 9pt !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .position-header .form-group { margin-left: 3px !important; } .btn-radio-rounded .btn { padding: 4px 8px !important; font-size: 11px !important; } .btn-radio-rounded .btn i { margin-right: 0 !important; } a.btn.flat-btn.btn-primary.btn-sm { padding: 5px 12px !important; font-size: 11px !important; } header#header #logo-group { width: 180px !important; max-width: 180px !important; } header#header #logo-group #logo img, header#header #logo-group #logo img.img-responsive { max-width: 140px !important; width: 140px !important; } } @media (max-width: 900px) { .header-search { max-width: 200px !important; min-width: 160px !important; } .position-header { margin-left: 5px !important; } .position-header .positions-nav { max-width: 300px; } .btn-radio-rounded .btn .hidden-1313 { display: none !important; } } @media (max-width: 1100px) { .smart-form .select { min-width: 90px; } .smart-form .select select.form-control { font-size: 11px !important; padding: 4px 6px !important; min-width: auto; } .smart-form .col-md-1, .smart-form .col-sm-1 { min-width: 100px; flex: 0 0 auto; width: auto; padding-right: 8px !important; } } @media (max-width: 992px) { .fixed-header.fixed-ribbon #header { min-height: var(--oa-header-height, 56px); height: auto; } #header > .pull-left { flex-wrap: wrap; } } @media (max-width: 992px) { .minified #header > :first-child, .minified #logo-group, .minified header#header #logo-group { width: 60px !important; max-width: 60px !important; } .minified #logo-group #logo img { opacity: 0; width: 0 !important; } aside#left-panel { width: 60px !important; } .minified #left-panel nav ul li:first-child, .minified #logo-minifed { width: 60px !important; max-width: 60px !important; } #wrapper { padding-left: 60px; } } .modal-dialog.modal-full-width .modal-content { background-color: #FAF9F7 !important; border-radius: 8px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25); padding: 10px; } .modal-dialog.modal-full-width .modal-content > ul { background-color: transparent; list-style: none; padding: 10px 0; margin: 0; } .modal[size=full-width] .modal-dialog .modal-content { background-color: #FAF9F7 !important; border-radius: 8px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25); } .modal-backdrop.in, .modal-backdrop.fade.in { opacity: 1 !important; background-color: rgba(0, 0, 0, 0.18) !important; } .assessment-center-toolbar, header#header .position-header { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .status-dropdown, .candidate-status-filter, select[ng-model*=invited], select[ng-model*=status], .form-control[ng-model*=invited] { min-width: 100px !important; white-space: nowrap; } .status-dropdown option, .candidate-status-filter option, select[ng-model*=invited] option, select[ng-model*=status] option, .form-control[ng-model*=invited] option { white-space: nowrap; } @media (max-width: 1366px) { .status-dropdown, .candidate-status-filter { min-width: 90px !important; font-size: 11px !important; } .actions-dropdown .btn, .dropdown-toggle[data-toggle=dropdown] { padding: 5px 10px !important; font-size: 11px !important; } } @media (max-width: 1280px) { .status-dropdown, .candidate-status-filter { min-width: 80px !important; font-size: 10px !important; padding: 4px 6px !important; } .btn-action-padded span:not(.fa):not([class*=fa-]), a.btn.flat-btn.btn-primary.btn-sm span:not(.fa):not([class*=fa-]) { display: none; } } @media (max-width: 1100px) { header#header .position-header { flex-wrap: wrap !important; } .toolbar-form-group, .toolbar-form-group-sm, .form-group.pull-right { flex: 0 0 auto; margin-bottom: 4px !important; } } @media (max-width: 1024px) { .header-search { max-width: 220px !important; min-width: 180px !important; } header#header .position-header { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } .status-dropdown, .candidate-status-filter { max-width: 140px !important; font-size: 10px !important; } } .view-toggle-dropdown { display: none !important; } .btn-radio-rounded { display: inline-flex; } @media (max-width: 1100px) { .btn-radio-rounded { display: inline-flex !important; } .btn-radio-rounded .btn { padding: 4px 8px !important; font-size: 11px !important; } .btn-radio-rounded .hidden-1313 { display: none !important; } .view-toggle-dropdown { display: none !important; } .view-toggle-dropdown .view-toggle-btn { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; font-size: 12px; font-weight: 600; color: #333; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); border: 1px solid #dee2e6; border-radius: 6px; cursor: pointer; transition: all 0.2s ease; white-space: nowrap; } .view-toggle-dropdown .view-toggle-btn i { font-size: 14px; color: #6c757d; } .view-toggle-dropdown .view-toggle-btn .caret-icon { font-size: 10px; margin-left: 4px; transition: transform 0.2s ease; } .view-toggle-dropdown .view-toggle-btn:hover { background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%); border-color: #ced4da; } .view-toggle-dropdown .view-toggle-btn:focus { outline: none; box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3); } .view-toggle-dropdown .view-toggle-btn.active, .view-toggle-dropdown .view-toggle-btn[aria-expanded=true] { background: #3b82f6; color: white; border-color: #3b82f6; } .view-toggle-dropdown .view-toggle-btn.active i, .view-toggle-dropdown .view-toggle-btn[aria-expanded=true] i { color: white; } .view-toggle-dropdown .view-toggle-btn.active .caret-icon, .view-toggle-dropdown .view-toggle-btn[aria-expanded=true] .caret-icon { transform: rotate(180deg); } .view-toggle-dropdown .view-toggle-menu { position: absolute; top: 100%; left: 0; z-index: 1000; min-width: 160px; margin-top: 4px; padding: 6px 0; background: rgba(239, 246, 255, 0.97); backdrop-filter: blur(40px) saturate(1.3); -webkit-backdrop-filter: blur(40px) saturate(1.3); border: 1px solid rgba(0, 85, 255, 0.12); border-radius: 12px; box-shadow: 0 12px 32px -6px rgba(0, 85, 255, 0.15), 0 4px 8px -2px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 85, 255, 0.08); opacity: 0; visibility: hidden; transform: translateY(-8px) scale(0.95); transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); } .view-toggle-dropdown .view-toggle-menu.open { opacity: 1; visibility: visible; transform: translateY(0) scale(1); } .view-toggle-dropdown .view-toggle-menu .view-option { display: flex; align-items: center; gap: 10px; padding: 8px 14px; font-size: 12px; font-weight: 500; color: #495057; cursor: pointer; transition: all 0.15s ease; border: none; background: transparent; width: 100%; text-align: left; } .view-toggle-dropdown .view-toggle-menu .view-option i { width: 18px; font-size: 14px; color: #6c757d; text-align: center; } .view-toggle-dropdown .view-toggle-menu .view-option:hover { background: rgba(0, 0, 0, 0.08); color: #0F172A; } .view-toggle-dropdown .view-toggle-menu .view-option:hover i { color: #0055FF; } .view-toggle-dropdown .view-toggle-menu .view-option.active { background: rgba(0, 85, 255, 0.14); color: #0055FF; } .view-toggle-dropdown .view-toggle-menu .view-option.active i { color: #0055FF; } .view-toggle-dropdown .view-toggle-menu .view-option.active::after { content: ""; font-family: "Font Awesome 6 Pro"; font-weight: 300; font-size: 10px; margin-left: auto; color: #0055FF; } .view-toggle-dropdown .view-toggle-menu .view-option:disabled, .view-toggle-dropdown .view-toggle-menu .view-option.disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; } .view-toggle-dropdown .view-toggle-menu .view-divider { height: 1px; margin: 6px 10px; background: #e9ecef; } .pull-right .view-toggle-dropdown .view-toggle-menu, .view-toggle-dropdown.dropdown-right .view-toggle-menu { left: auto; right: 0; } } @media (max-width: 992px) { .view-toggle-dropdown .view-toggle-btn { padding: 5px 10px; font-size: 11px; } .view-toggle-dropdown .view-toggle-btn i { font-size: 13px; } .view-toggle-dropdown .view-toggle-btn .view-label { display: none; } .view-toggle-dropdown .view-toggle-menu { min-width: 140px; } .view-toggle-dropdown .view-toggle-menu .view-option { padding: 6px 12px; font-size: 11px; } } #search-mobile, #cancel-search-js { display: none; } @media (max-width: 768px) { body #header .header-search, #header .header-search.margin-top-10, body .header-search.margin-top-10 { display: none !important; } #header #search-mobile { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 32px; padding: 0; margin: 0; border: 0; background: transparent; color: var(--oa-text-secondary, #374151); border-radius: var(--oa-radius-md, 8px); cursor: pointer; } #header #search-mobile i { font-size: 20px; line-height: 1; } #header #search-mobile:hover { background: var(--oa-bg-hover, #F8FAFD); color: var(--oa-brand-primary, #005aee); } #header #search-mobile:focus-visible { outline: 2px solid var(--oa-brand-light, #3FA9FF); outline-offset: 2px; } body.search-mobile #header .header-search, body.search-mobile #header .header-search.margin-top-10 { display: flex !important; align-items: center !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 49px !important; margin: 0 !important; padding: 8px 52px 8px 12px !important; background: var(--oa-bg-white, #FFFFFF) !important; box-sizing: border-box !important; z-index: 3 !important; } body.search-mobile #header .header-search #candidate_search, body.search-mobile #header .header-search .form-control { width: 100% !important; max-width: none !important; margin: 0 !important; } body.search-mobile #header #search-mobile { display: none; } body.search-mobile #header #cancel-search-js { display: inline-flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 4px; width: 44px; height: 49px; line-height: 1; padding: 0; border: 0; background: transparent; color: var(--oa-text-secondary, #374151); cursor: pointer; z-index: 4; } body.search-mobile #header #cancel-search-js i { font-size: 18px; line-height: 1; } body.search-mobile #header #cancel-search-js:hover { color: var(--oa-brand-primary, #005aee); } body.search-mobile #header #cancel-search-js:focus-visible { outline: 2px solid var(--oa-brand-light, #3FA9FF); outline-offset: -2px; } body #header > .pull-left, body header#header > .pull-left, .fixed-header #header > .pull-left { min-width: 0 !important; } header#header .position-header { flex-wrap: nowrap !important; min-width: 0 !important; } .job-list-controls { display: none !important; } .position-selector, .positions-nav.position-selector { max-width: 100% !important; } body:not(.search-mobile) #header > .pull-right, body:not(.search-mobile) header#header > .pull-right, body:not(.search-mobile).fixed-header #header > .pull-right { position: relative !important; z-index: 1 !important; } .position-menu-box { max-width: calc(100vw - 16px) !important; } .position-menu-box .position-menu-column, .position-menu-box .position-menu-column-wide { min-width: 0 !important; max-width: 100% !important; } header#header #logo-group #logo img.img-responsive, #header #logo-group #logo img.img-responsive { max-width: 88px !important; width: auto !important; } .mobile-menu-toggle { flex: 0 0 44px !important; } } @keyframes dropdownOpen { from { opacity: 0; transform: translateY(-8px) scale(0.96); } to { opacity: 1; transform: translateY(0) scale(1); } } .dropdown-menu { transition: none !important; } .dropdown.open .dropdown-menu, .open > .dropdown-menu { animation: none !important; } .open > .dropdown-menu.position-menu-box, .open > div.dropdown-menu.position-menu-box { animation: dropdownOpen 200ms ease-out forwards !important; transform-origin: top left !important; } .open > .dropdown-menu.operation-menu, .operations-dropdown.open > .dropdown-menu.operation-menu { animation: dropdownOpen 200ms ease-out forwards !important; transform-origin: top right !important; } .open > .dropdown-menu.profile-dropdown-menu, .dropdown.open > .dropdown-menu.profile-dropdown-menu, li.open > .dropdown-menu.profile-dropdown-menu { animation: dropdownOpen 200ms ease-out forwards !important; transform-origin: top right !important; } .user-actions-menu { animation: dropdownOpen 200ms ease-out forwards !important; transform-origin: top right !important; } #header .dropdown.open > .dropdown-menu, #header .open > .dropdown-menu { animation: dropdownOpen 200ms ease-out forwards; transform-origin: top center; } .dropdown-menu.slide-up, .dropdown-menu:not(.open) { animation: none !important; transition: opacity 150ms ease-out !important; } #header .btn, #header .dropdown-toggle, #header .operations-toggle, #header #logout, #header a.link { transition: all 150ms ease !important; } #header .btn i, #header .dropdown-toggle i, #header .operations-toggle i, #header #logout i, #header a.link i { transition: color 150ms ease !important; } #header .form-control { transition: all 200ms ease !important; } #header .view-toggle-btn, #header .hamburger-icon { transition: all 150ms ease !important; } .dropdown-menu.profile-dropdown-menu li > a, .dropdown-menu.profile-dropdown-menu .profile-menu-item > a { transition: all 200ms ease !important; } .dropdown-menu.profile-dropdown-menu li > a i, .dropdown-menu.profile-dropdown-menu .profile-menu-item > a i { transition: color 200ms ease !important; } .dropdown-menu.operation-menu .mega-menu-column li { transition: all 200ms ease !important; } .dropdown-menu.operation-menu .mega-menu-column li > a { transition: all 200ms ease !important; } .dropdown-menu.position-menu-box li:not(.search) { transition: background-color 200ms ease, transform 100ms ease !important; } .dropdown-menu.profile-dropdown-menu { background: rgba(239, 246, 255, 0.97) !important; backdrop-filter: blur(40px) saturate(1.3) !important; -webkit-backdrop-filter: blur(40px) saturate(1.3) !important; border-radius: 12px !important; box-shadow: 0 12px 32px -6px rgba(0, 85, 255, 0.15), 0 4px 8px -2px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 85, 255, 0.08) !important; border: 1px solid rgba(0, 85, 255, 0.12) !important; animation: dropdownSlideIn2027 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); min-width: 220px; padding: 8px; overflow: hidden; font-size: 13px; } .dropdown-menu.profile-dropdown-menu .profile-dropdown-header { background-color: transparent !important; border-bottom: none; padding: var(--oa-space-md, 12px) var(--oa-space-lg, 16px) var(--oa-space-sm, 8px) !important; text-align: left !important; } .dropdown-menu.profile-dropdown-menu .profile-dropdown-header h5, .dropdown-menu.profile-dropdown-menu .profile-dropdown-header .h5 { display: none; } .dropdown-menu.profile-dropdown-menu .profile-dropdown-header .profile-dropdown-name { display: block; font-size: var(--oa-text-body, 13.5px); font-weight: 600; color: var(--oa-text-main, #0F172A); line-height: 1.3; } .dropdown-menu.profile-dropdown-menu.text-center, .dropdown-menu.profile-dropdown-menu.padding-top-10, .dropdown-menu.profile-dropdown-menu.padding-bottom-10, .dropdown-menu.profile-dropdown-menu .text-center.padding-top-10.padding-bottom-10 { text-align: left !important; padding: 10px 12px 6px !important; } .dropdown-menu.profile-dropdown-menu .dropdown-header { padding: var(--oa-space-sm, 8px) var(--oa-space-lg, 16px) var(--oa-space-xs, 4px); font-size: 12px; font-weight: var(--oa-text-label-weight, 500); letter-spacing: var(--oa-tracking-wide, 0.05em); text-transform: uppercase; color: var(--oa-text-muted, #64748B); background-color: transparent; border-top: 1px solid var(--oa-border-glass, rgba(226, 232, 240, 0.6)); } .dropdown-menu.profile-dropdown-menu .dropdown-header i { margin-right: var(--oa-space-xs, 4px); font-size: 12px; } .dropdown-menu.profile-dropdown-menu .profile-menu-item > a { display: flex !important; align-items: center; padding: 6px 12px !important; color: #0F172A; text-decoration: none !important; transition: all 0.2s ease; font-size: 13px; border-radius: 6px; margin: 1px 4px; } .dropdown-menu.profile-dropdown-menu .profile-menu-item > a i { width: 16px; margin-right: 8px; text-align: center; color: #64748B; transition: color 0.2s ease; font-size: 14px; flex-shrink: 0; } .dropdown-menu.profile-dropdown-menu .profile-menu-item > a:hover { background-color: rgba(0, 0, 0, 0.08) !important; } .dropdown-menu.profile-dropdown-menu .profile-menu-item.active > a { background-color: rgba(0, 85, 255, 0.14) !important; color: #0055FF; font-weight: 500; } .dropdown-menu.profile-dropdown-menu .profile-menu-item.active > a i { color: #0055FF; } .dropdown-menu.profile-dropdown-menu .profile-menu-item.active > a i.fa-check { color: #0055FF; } .dropdown-menu.profile-dropdown-menu .logout-item { border-top: 1px solid rgba(0, 85, 255, 0.12); margin-top: 4px; padding-top: 4px; } .dropdown-menu.profile-dropdown-menu .logout-item > a { color: #0F172A; font-weight: 500; } .dropdown-menu.profile-dropdown-menu .logout-item > a i { color: #64748B; } .dropdown-menu.profile-dropdown-menu .logout-item > a:hover { background-color: rgba(0, 0, 0, 0.08) !important; } .dropdown-menu.profile-dropdown-menu .divider { margin: var(--oa-space-xs, 4px) 0; height: 1px; background-color: var(--oa-border-glass, rgba(226, 232, 240, 0.6)); } .dropdown-menu.profile-dropdown-menu .dropdown-header ~ .profile-menu-item:not(.logout-item):not(.active) > a { padding: 6px 12px 6px 36px !important; } .operation-menu { background: rgba(239, 246, 255, 0.97) !important; backdrop-filter: blur(40px) saturate(1.3) !important; -webkit-backdrop-filter: blur(40px) saturate(1.3) !important; border-radius: 12px !important; box-shadow: 0 12px 32px -6px rgba(0, 85, 255, 0.15), 0 4px 8px -2px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 85, 255, 0.08) !important; border: 1px solid rgba(0, 85, 255, 0.12) !important; padding: 0 !important; overflow: hidden; animation: dropdownSlideIn2027 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); } .operation-menu .mega-menu-bottom { background-color: transparent !important; margin: 0; } .operation-menu .mega-menu-bottom .row { padding: 12px 8px 8px !important; } .operation-menu h5.text-muted { font-size: 11px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; color: #64748B !important; padding: 12px 20px 8px; margin: 0; border-bottom: none !important; } .operation-menu .mega-menu-column { padding: 8px 12px 16px; border-right: none !important; } .operation-menu .mega-menu-column:last-child { border-right: none; } .operation-menu .mega-menu-column ul { margin: 0; padding: 0; list-style: none; } .operation-menu .mega-menu-column li { margin-bottom: 2px; border-radius: 8px; transition: all 0.2s ease; border: none !important; } .operation-menu .mega-menu-column li > a { display: block; padding: 10px 12px; border-radius: 8px; text-decoration: none !important; color: #334155; transition: all 0.2s ease; border: none !important; } .operation-menu .mega-menu-column li > a:hover, .operation-menu .mega-menu-column li > a:focus { color: inherit !important; text-decoration: none !important; background-color: transparent !important; } .operation-menu .mega-menu-column li > a .bold { display: block; color: #0F172A; font-weight: 500; margin-bottom: 2px; font-size: 13px; } .operation-menu .mega-menu-column li > a .bold i { margin-right: 10px; color: #0055FF; width: 18px; text-align: center; } .operation-menu .mega-menu-column li > a .description { font-size: 12px; color: #64748B; line-height: 1.4; padding-left: 28px; } .operation-menu .mega-menu-column li:hover { background-color: rgba(0, 0, 0, 0.08) !important; } .operation-menu .mega-menu-column li.disabled { opacity: 0.5; cursor: not-allowed; } .operation-menu .mega-menu-column li.disabled > a { pointer-events: none; } .operation-menu .mega-menu-column li.disabled:hover { background-color: transparent !important; } .btn-header .btn-primary.flat-btn { border-radius: 6px; padding: 8px 10px; font-weight: 500; transition: all 0.15s ease; box-shadow: 0 2px 4px rgba(0, 90, 238, 0.2); line-height: 1; min-width: 34px; min-height: 34px; display: inline-flex; align-items: center; justify-content: center; } .btn-header .btn-primary.flat-btn i { font-size: 1.125rem; } .btn-header .btn-primary.flat-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0, 90, 238, 0.3); } .btn-header .btn-primary.flat-btn:active { transform: translateY(0); } .operations-dropdown { margin: 0 !important; display: inline-flex !important; align-items: center !important; height: auto !important; vertical-align: middle !important; } .operations-dropdown .operations-toggle { background: rgba(0, 90, 238, 0.1) !important; border: none !important; padding: 6px 10px !important; color: #005aee !important; transition: all 0.15s ease !important; line-height: 1 !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; height: var(--oa-input-height, 32px) !important; width: var(--oa-input-height, 32px) !important; min-width: var(--oa-input-height, 32px) !important; min-height: var(--oa-input-height, 32px) !important; max-height: var(--oa-input-height, 32px) !important; box-sizing: border-box !important; overflow: hidden !important; } .operations-dropdown .operations-toggle i { color: #005aee !important; transition: color 0.15s ease; font-size: 18px !important; width: 18px !important; height: 18px !important; line-height: 1 !important; } .operations-dropdown .operations-toggle:hover { background: rgba(0, 90, 238, 0.18) !important; text-decoration: none !important; } .operations-dropdown .operations-toggle:hover i { color: #004ac2 !important; } .operations-dropdown .operations-toggle:focus { outline: none !important; box-shadow: 0 0 0 2px rgba(0, 90, 238, 0.25) !important; text-decoration: none !important; } .operations-dropdown .operations-toggle:active { background: rgba(0, 90, 238, 0.25) !important; } .operations-dropdown.open .operations-toggle { background: rgba(0, 90, 238, 0.2) !important; } .operations-dropdown.open .operations-toggle i { color: #004ac2 !important; } #header .operations-dropdown.btn-group .operations-toggle, .operations-dropdown.btn-group > .operations-toggle, .operations-dropdown.btn-group > .btn.operations-toggle, .operations-dropdown.btn-group > button.operations-toggle, .btn-group.operations-dropdown .operations-toggle, .btn-group.operations-dropdown > .btn:first-child:not(:last-child):not(.dropdown-toggle), div.btn-group.operations-dropdown button.operations-toggle { border-radius: 8px !important; -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; border-bottom-left-radius: 8px !important; border-bottom-right-radius: 8px !important; } .btn-header { display: inline-flex !important; align-items: center !important; vertical-align: middle !important; height: auto !important; } .btn-radio-rounded { display: inline-flex !important; align-items: center !important; vertical-align: middle !important; gap: 0 !important; height: var(--oa-input-height, 32px) !important; background: #F1F5F9 !important; border-radius: 8px !important; padding: 2px !important; border: none !important; } .btn-radio-rounded .btn, .btn-radio-rounded > .btn, .btn-radio-rounded > label.btn, .btn-radio-rounded .btn.flat-btn, .btn-radio-rounded > .btn.flat-btn, .btn-radio-rounded label.btn.flat-btn, .btn-radio-rounded label.btn.flat-btn.btn-default, .btn-radio-rounded label.btn.flat-btn.btn-sm { padding: 6px 14px !important; line-height: 1.4 !important; min-height: auto !important; height: auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; box-sizing: border-box !important; background: transparent !important; border: none !important; border-width: 0 !important; border-style: none !important; border-color: transparent !important; border-radius: 6px !important; margin: 0 !important; color: #64748B !important; font-size: 13px !important; font-weight: 500 !important; transition: all 0.15s ease !important; box-shadow: none !important; outline: none !important; float: none !important; } .btn-radio-rounded .btn:hover:not(.active), .btn-radio-rounded > .btn:hover:not(.active), .btn-radio-rounded > label.btn:hover:not(.active), .btn-radio-rounded .btn.flat-btn:hover:not(.active), .btn-radio-rounded > .btn.flat-btn:hover:not(.active), .btn-radio-rounded label.btn.flat-btn:hover:not(.active), .btn-radio-rounded label.btn.flat-btn.btn-default:hover:not(.active), .btn-radio-rounded label.btn.flat-btn.btn-sm:hover:not(.active) { background: rgba(0, 0, 0, 0.04) !important; color: #0F172A !important; border: none !important; border-width: 0 !important; border-style: none !important; } .btn-radio-rounded .btn:focus, .btn-radio-rounded > .btn:focus, .btn-radio-rounded > label.btn:focus, .btn-radio-rounded .btn.flat-btn:focus, .btn-radio-rounded > .btn.flat-btn:focus, .btn-radio-rounded label.btn.flat-btn:focus, .btn-radio-rounded label.btn.flat-btn.btn-default:focus, .btn-radio-rounded label.btn.flat-btn.btn-sm:focus { outline: none !important; box-shadow: 0 0 0 2px rgba(0, 85, 255, 0.15) !important; border: none !important; border-width: 0 !important; } .btn-radio-rounded .btn.active, .btn-radio-rounded .btn.active.btn-default, .btn-radio-rounded .btn.btn-default.active, .btn-radio-rounded > .btn.active, .btn-radio-rounded > .btn.active.btn-default, .btn-radio-rounded > .btn.btn-default.active, .btn-radio-rounded > label.btn.active, .btn-radio-rounded > label.btn.active.btn-default, .btn-radio-rounded > label.btn.btn-default.active, .btn-radio-rounded .btn.flat-btn.active, .btn-radio-rounded .btn.flat-btn.active.btn-default, .btn-radio-rounded .btn.flat-btn.btn-default.active, .btn-radio-rounded > .btn.flat-btn.active, .btn-radio-rounded > .btn.flat-btn.active.btn-default, .btn-radio-rounded > .btn.flat-btn.btn-default.active, .btn-radio-rounded label.btn.flat-btn.active, .btn-radio-rounded label.btn.flat-btn.active.btn-default, .btn-radio-rounded label.btn.flat-btn.btn-default.active, .btn-radio-rounded label.btn.flat-btn.btn-default.active, .btn-radio-rounded label.btn.flat-btn.btn-default.active.btn-default, .btn-radio-rounded label.btn.flat-btn.btn-default.btn-default.active, .btn-radio-rounded label.btn.flat-btn.btn-sm.active, .btn-radio-rounded label.btn.flat-btn.btn-sm.active.btn-default, .btn-radio-rounded label.btn.flat-btn.btn-sm.btn-default.active { background: #F8FAFD !important; color: #0055FF !important; box-shadow: none !important; border: none !important; border-width: 0 !important; border-style: none !important; border-color: transparent !important; z-index: 1 !important; } .btn-radio-rounded .btn.active:hover, .btn-radio-rounded .btn.active:focus, .btn-radio-rounded .btn.active:active, .btn-radio-rounded .btn.active.btn-default:hover, .btn-radio-rounded .btn.active.btn-default:focus, .btn-radio-rounded .btn.active.btn-default:active, .btn-radio-rounded .btn.btn-default.active:hover, .btn-radio-rounded .btn.btn-default.active:focus, .btn-radio-rounded .btn.btn-default.active:active, .btn-radio-rounded > .btn.active:hover, .btn-radio-rounded > .btn.active:focus, .btn-radio-rounded > .btn.active:active, .btn-radio-rounded > .btn.active.btn-default:hover, .btn-radio-rounded > .btn.active.btn-default:focus, .btn-radio-rounded > .btn.active.btn-default:active, .btn-radio-rounded > .btn.btn-default.active:hover, .btn-radio-rounded > .btn.btn-default.active:focus, .btn-radio-rounded > .btn.btn-default.active:active, .btn-radio-rounded > label.btn.active:hover, .btn-radio-rounded > label.btn.active:focus, .btn-radio-rounded > label.btn.active:active, .btn-radio-rounded > label.btn.active.btn-default:hover, .btn-radio-rounded > label.btn.active.btn-default:focus, .btn-radio-rounded > label.btn.active.btn-default:active, .btn-radio-rounded > label.btn.btn-default.active:hover, .btn-radio-rounded > label.btn.btn-default.active:focus, .btn-radio-rounded > label.btn.btn-default.active:active, .btn-radio-rounded .btn.flat-btn.active:hover, .btn-radio-rounded .btn.flat-btn.active:focus, .btn-radio-rounded .btn.flat-btn.active:active, .btn-radio-rounded .btn.flat-btn.active.btn-default:hover, .btn-radio-rounded .btn.flat-btn.active.btn-default:focus, .btn-radio-rounded .btn.flat-btn.active.btn-default:active, .btn-radio-rounded .btn.flat-btn.btn-default.active:hover, .btn-radio-rounded .btn.flat-btn.btn-default.active:focus, .btn-radio-rounded .btn.flat-btn.btn-default.active:active, .btn-radio-rounded > .btn.flat-btn.active:hover, .btn-radio-rounded > .btn.flat-btn.active:focus, .btn-radio-rounded > .btn.flat-btn.active:active, .btn-radio-rounded > .btn.flat-btn.active.btn-default:hover, .btn-radio-rounded > .btn.flat-btn.active.btn-default:focus, .btn-radio-rounded > .btn.flat-btn.active.btn-default:active, .btn-radio-rounded > .btn.flat-btn.btn-default.active:hover, .btn-radio-rounded > .btn.flat-btn.btn-default.active:focus, .btn-radio-rounded > .btn.flat-btn.btn-default.active:active, .btn-radio-rounded label.btn.flat-btn.active:hover, .btn-radio-rounded label.btn.flat-btn.active:focus, .btn-radio-rounded label.btn.flat-btn.active:active, .btn-radio-rounded label.btn.flat-btn.active.btn-default:hover, .btn-radio-rounded label.btn.flat-btn.active.btn-default:focus, .btn-radio-rounded label.btn.flat-btn.active.btn-default:active, .btn-radio-rounded label.btn.flat-btn.btn-default.active:hover, .btn-radio-rounded label.btn.flat-btn.btn-default.active:focus, .btn-radio-rounded label.btn.flat-btn.btn-default.active:active, .btn-radio-rounded label.btn.flat-btn.btn-default.active:hover, .btn-radio-rounded label.btn.flat-btn.btn-default.active:focus, .btn-radio-rounded label.btn.flat-btn.btn-default.active:active, .btn-radio-rounded label.btn.flat-btn.btn-default.active.btn-default:hover, .btn-radio-rounded label.btn.flat-btn.btn-default.active.btn-default:focus, .btn-radio-rounded label.btn.flat-btn.btn-default.active.btn-default:active, .btn-radio-rounded label.btn.flat-btn.btn-default.btn-default.active:hover, .btn-radio-rounded label.btn.flat-btn.btn-default.btn-default.active:focus, .btn-radio-rounded label.btn.flat-btn.btn-default.btn-default.active:active, .btn-radio-rounded label.btn.flat-btn.btn-sm.active:hover, .btn-radio-rounded label.btn.flat-btn.btn-sm.active:focus, .btn-radio-rounded label.btn.flat-btn.btn-sm.active:active, .btn-radio-rounded label.btn.flat-btn.btn-sm.active.btn-default:hover, .btn-radio-rounded label.btn.flat-btn.btn-sm.active.btn-default:focus, .btn-radio-rounded label.btn.flat-btn.btn-sm.active.btn-default:active, .btn-radio-rounded label.btn.flat-btn.btn-sm.btn-default.active:hover, .btn-radio-rounded label.btn.flat-btn.btn-sm.btn-default.active:focus, .btn-radio-rounded label.btn.flat-btn.btn-sm.btn-default.active:active { background: #DBEAFE !important; color: #0055FF !important; border: none !important; border-width: 0 !important; } .btn-radio-rounded .btn.active:hover span, .btn-radio-rounded .btn.active:hover i, .btn-radio-rounded .btn.active:focus span, .btn-radio-rounded .btn.active:focus i, .btn-radio-rounded .btn.active:active span, .btn-radio-rounded .btn.active:active i, .btn-radio-rounded .btn.active.btn-default:hover span, .btn-radio-rounded .btn.active.btn-default:hover i, .btn-radio-rounded .btn.active.btn-default:focus span, .btn-radio-rounded .btn.active.btn-default:focus i, .btn-radio-rounded .btn.active.btn-default:active span, .btn-radio-rounded .btn.active.btn-default:active i, .btn-radio-rounded .btn.btn-default.active:hover span, .btn-radio-rounded .btn.btn-default.active:hover i, .btn-radio-rounded .btn.btn-default.active:focus span, .btn-radio-rounded .btn.btn-default.active:focus i, .btn-radio-rounded .btn.btn-default.active:active span, .btn-radio-rounded .btn.btn-default.active:active i, .btn-radio-rounded > .btn.active:hover span, .btn-radio-rounded > .btn.active:hover i, .btn-radio-rounded > .btn.active:focus span, .btn-radio-rounded > .btn.active:focus i, .btn-radio-rounded > .btn.active:active span, .btn-radio-rounded > .btn.active:active i, .btn-radio-rounded > .btn.active.btn-default:hover span, .btn-radio-rounded > .btn.active.btn-default:hover i, .btn-radio-rounded > .btn.active.btn-default:focus span, .btn-radio-rounded > .btn.active.btn-default:focus i, .btn-radio-rounded > .btn.active.btn-default:active span, .btn-radio-rounded > .btn.active.btn-default:active i, .btn-radio-rounded > .btn.btn-default.active:hover span, .btn-radio-rounded > .btn.btn-default.active:hover i, .btn-radio-rounded > .btn.btn-default.active:focus span, .btn-radio-rounded > .btn.btn-default.active:focus i, .btn-radio-rounded > .btn.btn-default.active:active span, .btn-radio-rounded > .btn.btn-default.active:active i, .btn-radio-rounded > label.btn.active:hover span, .btn-radio-rounded > label.btn.active:hover i, .btn-radio-rounded > label.btn.active:focus span, .btn-radio-rounded > label.btn.active:focus i, .btn-radio-rounded > label.btn.active:active span, .btn-radio-rounded > label.btn.active:active i, .btn-radio-rounded > label.btn.active.btn-default:hover span, .btn-radio-rounded > label.btn.active.btn-default:hover i, .btn-radio-rounded > label.btn.active.btn-default:focus span, .btn-radio-rounded > label.btn.active.btn-default:focus i, .btn-radio-rounded > label.btn.active.btn-default:active span, .btn-radio-rounded > label.btn.active.btn-default:active i, .btn-radio-rounded > label.btn.btn-default.active:hover span, .btn-radio-rounded > label.btn.btn-default.active:hover i, .btn-radio-rounded > label.btn.btn-default.active:focus span, .btn-radio-rounded > label.btn.btn-default.active:focus i, .btn-radio-rounded > label.btn.btn-default.active:active span, .btn-radio-rounded > label.btn.btn-default.active:active i, .btn-radio-rounded .btn.flat-btn.active:hover span, .btn-radio-rounded .btn.flat-btn.active:hover i, .btn-radio-rounded .btn.flat-btn.active:focus span, .btn-radio-rounded .btn.flat-btn.active:focus i, .btn-radio-rounded .btn.flat-btn.active:active span, .btn-radio-rounded .btn.flat-btn.active:active i, .btn-radio-rounded .btn.flat-btn.active.btn-default:hover span, .btn-radio-rounded .btn.flat-btn.active.btn-default:hover i, .btn-radio-rounded .btn.flat-btn.active.btn-default:focus span, .btn-radio-rounded .btn.flat-btn.active.btn-default:focus i, .btn-radio-rounded .btn.flat-btn.active.btn-default:active span, .btn-radio-rounded .btn.flat-btn.active.btn-default:active i, .btn-radio-rounded .btn.flat-btn.btn-default.active:hover span, .btn-radio-rounded .btn.flat-btn.btn-default.active:hover i, .btn-radio-rounded .btn.flat-btn.btn-default.active:focus span, .btn-radio-rounded .btn.flat-btn.btn-default.active:focus i, .btn-radio-rounded .btn.flat-btn.btn-default.active:active span, .btn-radio-rounded .btn.flat-btn.btn-default.active:active i, .btn-radio-rounded > .btn.flat-btn.active:hover span, .btn-radio-rounded > .btn.flat-btn.active:hover i, .btn-radio-rounded > .btn.flat-btn.active:focus span, .btn-radio-rounded > .btn.flat-btn.active:focus i, .btn-radio-rounded > .btn.flat-btn.active:active span, .btn-radio-rounded > .btn.flat-btn.active:active i, .btn-radio-rounded > .btn.flat-btn.active.btn-default:hover span, .btn-radio-rounded > .btn.flat-btn.active.btn-default:hover i, .btn-radio-rounded > .btn.flat-btn.active.btn-default:focus span, .btn-radio-rounded > .btn.flat-btn.active.btn-default:focus i, .btn-radio-rounded > .btn.flat-btn.active.btn-default:active span, .btn-radio-rounded > .btn.flat-btn.active.btn-default:active i, .btn-radio-rounded > .btn.flat-btn.btn-default.active:hover span, .btn-radio-rounded > .btn.flat-btn.btn-default.active:hover i, .btn-radio-rounded > .btn.flat-btn.btn-default.active:focus span, .btn-radio-rounded > .btn.flat-btn.btn-default.active:focus i, .btn-radio-rounded > .btn.flat-btn.btn-default.active:active span, .btn-radio-rounded > .btn.flat-btn.btn-default.active:active i, .btn-radio-rounded label.btn.flat-btn.active:hover span, .btn-radio-rounded label.btn.flat-btn.active:hover i, .btn-radio-rounded label.btn.flat-btn.active:focus span, .btn-radio-rounded label.btn.flat-btn.active:focus i, .btn-radio-rounded label.btn.flat-btn.active:active span, .btn-radio-rounded label.btn.flat-btn.active:active i, .btn-radio-rounded label.btn.flat-btn.active.btn-default:hover span, .btn-radio-rounded label.btn.flat-btn.active.btn-default:hover i, .btn-radio-rounded label.btn.flat-btn.active.btn-default:focus span, .btn-radio-rounded label.btn.flat-btn.active.btn-default:focus i, .btn-radio-rounded label.btn.flat-btn.active.btn-default:active span, .btn-radio-rounded label.btn.flat-btn.active.btn-default:active i, .btn-radio-rounded label.btn.flat-btn.btn-default.active:hover span, .btn-radio-rounded label.btn.flat-btn.btn-default.active:hover i, .btn-radio-rounded label.btn.flat-btn.btn-default.active:focus span, .btn-radio-rounded label.btn.flat-btn.btn-default.active:focus i, .btn-radio-rounded label.btn.flat-btn.btn-default.active:active span, .btn-radio-rounded label.btn.flat-btn.btn-default.active:active i, .btn-radio-rounded label.btn.flat-btn.btn-default.active:hover span, .btn-radio-rounded label.btn.flat-btn.btn-default.active:hover i, .btn-radio-rounded label.btn.flat-btn.btn-default.active:focus span, .btn-radio-rounded label.btn.flat-btn.btn-default.active:focus i, .btn-radio-rounded label.btn.flat-btn.btn-default.active:active span, .btn-radio-rounded label.btn.flat-btn.btn-default.active:active i, .btn-radio-rounded label.btn.flat-btn.btn-default.active.btn-default:hover span, .btn-radio-rounded label.btn.flat-btn.btn-default.active.btn-default:hover i, .btn-radio-rounded label.btn.flat-btn.btn-default.active.btn-default:focus span, .btn-radio-rounded label.btn.flat-btn.btn-default.active.btn-default:focus i, .btn-radio-rounded label.btn.flat-btn.btn-default.active.btn-default:active span, .btn-radio-rounded label.btn.flat-btn.btn-default.active.btn-default:active i, .btn-radio-rounded label.btn.flat-btn.btn-default.btn-default.active:hover span, .btn-radio-rounded label.btn.flat-btn.btn-default.btn-default.active:hover i, .btn-radio-rounded label.btn.flat-btn.btn-default.btn-default.active:focus span, .btn-radio-rounded label.btn.flat-btn.btn-default.btn-default.active:focus i, .btn-radio-rounded label.btn.flat-btn.btn-default.btn-default.active:active span, .btn-radio-rounded label.btn.flat-btn.btn-default.btn-default.active:active i, .btn-radio-rounded label.btn.flat-btn.btn-sm.active:hover span, .btn-radio-rounded label.btn.flat-btn.btn-sm.active:hover i, .btn-radio-rounded label.btn.flat-btn.btn-sm.active:focus span, .btn-radio-rounded label.btn.flat-btn.btn-sm.active:focus i, .btn-radio-rounded label.btn.flat-btn.btn-sm.active:active span, .btn-radio-rounded label.btn.flat-btn.btn-sm.active:active i, .btn-radio-rounded label.btn.flat-btn.btn-sm.active.btn-default:hover span, .btn-radio-rounded label.btn.flat-btn.btn-sm.active.btn-default:hover i, .btn-radio-rounded label.btn.flat-btn.btn-sm.active.btn-default:focus span, .btn-radio-rounded label.btn.flat-btn.btn-sm.active.btn-default:focus i, .btn-radio-rounded label.btn.flat-btn.btn-sm.active.btn-default:active span, .btn-radio-rounded label.btn.flat-btn.btn-sm.active.btn-default:active i, .btn-radio-rounded label.btn.flat-btn.btn-sm.btn-default.active:hover span, .btn-radio-rounded label.btn.flat-btn.btn-sm.btn-default.active:hover i, .btn-radio-rounded label.btn.flat-btn.btn-sm.btn-default.active:focus span, .btn-radio-rounded label.btn.flat-btn.btn-sm.btn-default.active:focus i, .btn-radio-rounded label.btn.flat-btn.btn-sm.btn-default.active:active span, .btn-radio-rounded label.btn.flat-btn.btn-sm.btn-default.active:active i { color: #0055FF !important; } .btn-radio-rounded .btn.active i, .btn-radio-rounded .btn.active.btn-default i, .btn-radio-rounded .btn.btn-default.active i, .btn-radio-rounded > .btn.active i, .btn-radio-rounded > .btn.active.btn-default i, .btn-radio-rounded > .btn.btn-default.active i, .btn-radio-rounded > label.btn.active i, .btn-radio-rounded > label.btn.active.btn-default i, .btn-radio-rounded > label.btn.btn-default.active i, .btn-radio-rounded .btn.flat-btn.active i, .btn-radio-rounded .btn.flat-btn.active.btn-default i, .btn-radio-rounded .btn.flat-btn.btn-default.active i, .btn-radio-rounded > .btn.flat-btn.active i, .btn-radio-rounded > .btn.flat-btn.active.btn-default i, .btn-radio-rounded > .btn.flat-btn.btn-default.active i, .btn-radio-rounded label.btn.flat-btn.active i, .btn-radio-rounded label.btn.flat-btn.active.btn-default i, .btn-radio-rounded label.btn.flat-btn.btn-default.active i, .btn-radio-rounded label.btn.flat-btn.btn-default.active i, .btn-radio-rounded label.btn.flat-btn.btn-default.active.btn-default i, .btn-radio-rounded label.btn.flat-btn.btn-default.btn-default.active i, .btn-radio-rounded label.btn.flat-btn.btn-sm.active i, .btn-radio-rounded label.btn.flat-btn.btn-sm.active.btn-default i, .btn-radio-rounded label.btn.flat-btn.btn-sm.btn-default.active i { color: #0055FF !important; } .btn-radio-rounded .btn.active span, .btn-radio-rounded .btn.active.btn-default span, .btn-radio-rounded .btn.btn-default.active span, .btn-radio-rounded > .btn.active span, .btn-radio-rounded > .btn.active.btn-default span, .btn-radio-rounded > .btn.btn-default.active span, .btn-radio-rounded > label.btn.active span, .btn-radio-rounded > label.btn.active.btn-default span, .btn-radio-rounded > label.btn.btn-default.active span, .btn-radio-rounded .btn.flat-btn.active span, .btn-radio-rounded .btn.flat-btn.active.btn-default span, .btn-radio-rounded .btn.flat-btn.btn-default.active span, .btn-radio-rounded > .btn.flat-btn.active span, .btn-radio-rounded > .btn.flat-btn.active.btn-default span, .btn-radio-rounded > .btn.flat-btn.btn-default.active span, .btn-radio-rounded label.btn.flat-btn.active span, .btn-radio-rounded label.btn.flat-btn.active.btn-default span, .btn-radio-rounded label.btn.flat-btn.btn-default.active span, .btn-radio-rounded label.btn.flat-btn.btn-default.active span, .btn-radio-rounded label.btn.flat-btn.btn-default.active.btn-default span, .btn-radio-rounded label.btn.flat-btn.btn-default.btn-default.active span, .btn-radio-rounded label.btn.flat-btn.btn-sm.active span, .btn-radio-rounded label.btn.flat-btn.btn-sm.active.btn-default span, .btn-radio-rounded label.btn.flat-btn.btn-sm.btn-default.active span { color: #0055FF !important; } .btn-radio-rounded .btn.active:hover i, .btn-radio-rounded .btn.active:hover span, .btn-radio-rounded .btn.active:focus i, .btn-radio-rounded .btn.active:focus span, .btn-radio-rounded .btn.active.btn-default:hover i, .btn-radio-rounded .btn.active.btn-default:hover span, .btn-radio-rounded .btn.active.btn-default:focus i, .btn-radio-rounded .btn.active.btn-default:focus span, .btn-radio-rounded .btn.btn-default.active:hover i, .btn-radio-rounded .btn.btn-default.active:hover span, .btn-radio-rounded .btn.btn-default.active:focus i, .btn-radio-rounded .btn.btn-default.active:focus span, .btn-radio-rounded > .btn.active:hover i, .btn-radio-rounded > .btn.active:hover span, .btn-radio-rounded > .btn.active:focus i, .btn-radio-rounded > .btn.active:focus span, .btn-radio-rounded > .btn.active.btn-default:hover i, .btn-radio-rounded > .btn.active.btn-default:hover span, .btn-radio-rounded > .btn.active.btn-default:focus i, .btn-radio-rounded > .btn.active.btn-default:focus span, .btn-radio-rounded > .btn.btn-default.active:hover i, .btn-radio-rounded > .btn.btn-default.active:hover span, .btn-radio-rounded > .btn.btn-default.active:focus i, .btn-radio-rounded > .btn.btn-default.active:focus span, .btn-radio-rounded > label.btn.active:hover i, .btn-radio-rounded > label.btn.active:hover span, .btn-radio-rounded > label.btn.active:focus i, .btn-radio-rounded > label.btn.active:focus span, .btn-radio-rounded > label.btn.active.btn-default:hover i, .btn-radio-rounded > label.btn.active.btn-default:hover span, .btn-radio-rounded > label.btn.active.btn-default:focus i, .btn-radio-rounded > label.btn.active.btn-default:focus span, .btn-radio-rounded > label.btn.btn-default.active:hover i, .btn-radio-rounded > label.btn.btn-default.active:hover span, .btn-radio-rounded > label.btn.btn-default.active:focus i, .btn-radio-rounded > label.btn.btn-default.active:focus span, .btn-radio-rounded .btn.flat-btn.active:hover i, .btn-radio-rounded .btn.flat-btn.active:hover span, .btn-radio-rounded .btn.flat-btn.active:focus i, .btn-radio-rounded .btn.flat-btn.active:focus span, .btn-radio-rounded .btn.flat-btn.active.btn-default:hover i, .btn-radio-rounded .btn.flat-btn.active.btn-default:hover span, .btn-radio-rounded .btn.flat-btn.active.btn-default:focus i, .btn-radio-rounded .btn.flat-btn.active.btn-default:focus span, .btn-radio-rounded .btn.flat-btn.btn-default.active:hover i, .btn-radio-rounded .btn.flat-btn.btn-default.active:hover span, .btn-radio-rounded .btn.flat-btn.btn-default.active:focus i, .btn-radio-rounded .btn.flat-btn.btn-default.active:focus span, .btn-radio-rounded > .btn.flat-btn.active:hover i, .btn-radio-rounded > .btn.flat-btn.active:hover span, .btn-radio-rounded > .btn.flat-btn.active:focus i, .btn-radio-rounded > .btn.flat-btn.active:focus span, .btn-radio-rounded > .btn.flat-btn.active.btn-default:hover i, .btn-radio-rounded > .btn.flat-btn.active.btn-default:hover span, .btn-radio-rounded > .btn.flat-btn.active.btn-default:focus i, .btn-radio-rounded > .btn.flat-btn.active.btn-default:focus span, .btn-radio-rounded > .btn.flat-btn.btn-default.active:hover i, .btn-radio-rounded > .btn.flat-btn.btn-default.active:hover span, .btn-radio-rounded > .btn.flat-btn.btn-default.active:focus i, .btn-radio-rounded > .btn.flat-btn.btn-default.active:focus span, .btn-radio-rounded label.btn.flat-btn.active:hover i, .btn-radio-rounded label.btn.flat-btn.active:hover span, .btn-radio-rounded label.btn.flat-btn.active:focus i, .btn-radio-rounded label.btn.flat-btn.active:focus span, .btn-radio-rounded label.btn.flat-btn.active.btn-default:hover i, .btn-radio-rounded label.btn.flat-btn.active.btn-default:hover span, .btn-radio-rounded label.btn.flat-btn.active.btn-default:focus i, .btn-radio-rounded label.btn.flat-btn.active.btn-default:focus span, .btn-radio-rounded label.btn.flat-btn.btn-default.active:hover i, .btn-radio-rounded label.btn.flat-btn.btn-default.active:hover span, .btn-radio-rounded label.btn.flat-btn.btn-default.active:focus i, .btn-radio-rounded label.btn.flat-btn.btn-default.active:focus span, .btn-radio-rounded label.btn.flat-btn.btn-default.active:hover i, .btn-radio-rounded label.btn.flat-btn.btn-default.active:hover span, .btn-radio-rounded label.btn.flat-btn.btn-default.active:focus i, .btn-radio-rounded label.btn.flat-btn.btn-default.active:focus span, .btn-radio-rounded label.btn.flat-btn.btn-default.active.btn-default:hover i, .btn-radio-rounded label.btn.flat-btn.btn-default.active.btn-default:hover span, .btn-radio-rounded label.btn.flat-btn.btn-default.active.btn-default:focus i, .btn-radio-rounded label.btn.flat-btn.btn-default.active.btn-default:focus span, .btn-radio-rounded label.btn.flat-btn.btn-default.btn-default.active:hover i, .btn-radio-rounded label.btn.flat-btn.btn-default.btn-default.active:hover span, .btn-radio-rounded label.btn.flat-btn.btn-default.btn-default.active:focus i, .btn-radio-rounded label.btn.flat-btn.btn-default.btn-default.active:focus span, .btn-radio-rounded label.btn.flat-btn.btn-sm.active:hover i, .btn-radio-rounded label.btn.flat-btn.btn-sm.active:hover span, .btn-radio-rounded label.btn.flat-btn.btn-sm.active:focus i, .btn-radio-rounded label.btn.flat-btn.btn-sm.active:focus span, .btn-radio-rounded label.btn.flat-btn.btn-sm.active.btn-default:hover i, .btn-radio-rounded label.btn.flat-btn.btn-sm.active.btn-default:hover span, .btn-radio-rounded label.btn.flat-btn.btn-sm.active.btn-default:focus i, .btn-radio-rounded label.btn.flat-btn.btn-sm.active.btn-default:focus span, .btn-radio-rounded label.btn.flat-btn.btn-sm.btn-default.active:hover i, .btn-radio-rounded label.btn.flat-btn.btn-sm.btn-default.active:hover span, .btn-radio-rounded label.btn.flat-btn.btn-sm.btn-default.active:focus i, .btn-radio-rounded label.btn.flat-btn.btn-sm.btn-default.active:focus span { color: #0055FF !important; } .btn-radio-rounded .btn.btn-default:hover, .btn-radio-rounded .btn.btn-default:focus, .btn-radio-rounded > .btn.btn-default:hover, .btn-radio-rounded > .btn.btn-default:focus, .btn-radio-rounded > label.btn.btn-default:hover, .btn-radio-rounded > label.btn.btn-default:focus, .btn-radio-rounded .btn.flat-btn.btn-default:hover, .btn-radio-rounded .btn.flat-btn.btn-default:focus, .btn-radio-rounded > .btn.flat-btn.btn-default:hover, .btn-radio-rounded > .btn.flat-btn.btn-default:focus, .btn-radio-rounded label.btn.flat-btn.btn-default:hover, .btn-radio-rounded label.btn.flat-btn.btn-default:focus, .btn-radio-rounded label.btn.flat-btn.btn-default.btn-default:hover, .btn-radio-rounded label.btn.flat-btn.btn-default.btn-default:focus, .btn-radio-rounded label.btn.flat-btn.btn-sm.btn-default:hover, .btn-radio-rounded label.btn.flat-btn.btn-sm.btn-default:focus { color: #64748B !important; } .btn-radio-rounded .btn.btn-default:hover span, .btn-radio-rounded .btn.btn-default:focus span, .btn-radio-rounded > .btn.btn-default:hover span, .btn-radio-rounded > .btn.btn-default:focus span, .btn-radio-rounded > label.btn.btn-default:hover span, .btn-radio-rounded > label.btn.btn-default:focus span, .btn-radio-rounded .btn.flat-btn.btn-default:hover span, .btn-radio-rounded .btn.flat-btn.btn-default:focus span, .btn-radio-rounded > .btn.flat-btn.btn-default:hover span, .btn-radio-rounded > .btn.flat-btn.btn-default:focus span, .btn-radio-rounded label.btn.flat-btn.btn-default:hover span, .btn-radio-rounded label.btn.flat-btn.btn-default:focus span, .btn-radio-rounded label.btn.flat-btn.btn-default.btn-default:hover span, .btn-radio-rounded label.btn.flat-btn.btn-default.btn-default:focus span, .btn-radio-rounded label.btn.flat-btn.btn-sm.btn-default:hover span, .btn-radio-rounded label.btn.flat-btn.btn-sm.btn-default:focus span { color: #64748B !important; } .btn-radio-rounded .btn.btn-default.active:hover, .btn-radio-rounded .btn.btn-default.active:focus, .btn-radio-rounded > .btn.btn-default.active:hover, .btn-radio-rounded > .btn.btn-default.active:focus, .btn-radio-rounded > label.btn.btn-default.active:hover, .btn-radio-rounded > label.btn.btn-default.active:focus, .btn-radio-rounded .btn.flat-btn.btn-default.active:hover, .btn-radio-rounded .btn.flat-btn.btn-default.active:focus, .btn-radio-rounded > .btn.flat-btn.btn-default.active:hover, .btn-radio-rounded > .btn.flat-btn.btn-default.active:focus, .btn-radio-rounded label.btn.flat-btn.btn-default.active:hover, .btn-radio-rounded label.btn.flat-btn.btn-default.active:focus, .btn-radio-rounded label.btn.flat-btn.btn-default.btn-default.active:hover, .btn-radio-rounded label.btn.flat-btn.btn-default.btn-default.active:focus, .btn-radio-rounded label.btn.flat-btn.btn-sm.btn-default.active:hover, .btn-radio-rounded label.btn.flat-btn.btn-sm.btn-default.active:focus { color: #0055FF !important; } .btn-radio-rounded .btn.btn-default.active:hover span, .btn-radio-rounded .btn.btn-default.active:focus span, .btn-radio-rounded > .btn.btn-default.active:hover span, .btn-radio-rounded > .btn.btn-default.active:focus span, .btn-radio-rounded > label.btn.btn-default.active:hover span, .btn-radio-rounded > label.btn.btn-default.active:focus span, .btn-radio-rounded .btn.flat-btn.btn-default.active:hover span, .btn-radio-rounded .btn.flat-btn.btn-default.active:focus span, .btn-radio-rounded > .btn.flat-btn.btn-default.active:hover span, .btn-radio-rounded > .btn.flat-btn.btn-default.active:focus span, .btn-radio-rounded label.btn.flat-btn.btn-default.active:hover span, .btn-radio-rounded label.btn.flat-btn.btn-default.active:focus span, .btn-radio-rounded label.btn.flat-btn.btn-default.btn-default.active:hover span, .btn-radio-rounded label.btn.flat-btn.btn-default.btn-default.active:focus span, .btn-radio-rounded label.btn.flat-btn.btn-sm.btn-default.active:hover span, .btn-radio-rounded label.btn.flat-btn.btn-sm.btn-default.active:focus span { color: #0055FF !important; } .btn-radio-rounded .btn i, .btn-radio-rounded > .btn i, .btn-radio-rounded > label.btn i, .btn-radio-rounded .btn.flat-btn i, .btn-radio-rounded > .btn.flat-btn i, .btn-radio-rounded label.btn.flat-btn i, .btn-radio-rounded label.btn.flat-btn.btn-default i, .btn-radio-rounded label.btn.flat-btn.btn-sm i { font-size: 14px !important; color: inherit !important; } .btn-radio-rounded .btn span, .btn-radio-rounded > .btn span, .btn-radio-rounded > label.btn span, .btn-radio-rounded .btn.flat-btn span, .btn-radio-rounded > .btn.flat-btn span, .btn-radio-rounded label.btn.flat-btn span, .btn-radio-rounded label.btn.flat-btn.btn-default span, .btn-radio-rounded label.btn.flat-btn.btn-sm span { color: inherit !important; } .btn-radio-rounded.dashboard-position-filter { background: transparent !important; padding: 0 !important; } #style-7 > li.search > .btn-radio-rounded.dashboard-position-filter { height: 24px !important; } #style-7 > li.search > .btn-radio-rounded.dashboard-position-filter .btn, #style-7 > li.search > .btn-radio-rounded.dashboard-position-filter label.btn { min-height: 24px !important; height: 24px !important; padding: 2px 10px !important; font-size: 12px !important; line-height: 1.5 !important; } #style-7 > li.search > .btn-radio-rounded.dashboard-position-filter .btn i, #style-7 > li.search > .btn-radio-rounded.dashboard-position-filter label.btn i { font-size: 11px !important; } .toolbar-form-group { display: inline-flex !important; align-items: center !important; height: var(--oa-input-height, 32px) !important; } .toolbar-form-group.margin-top-20 { margin-top: 14px !important; } .toolbar-form-group .btn-radio-rounded .btn .hidden-1313 { display: inline !important; } .toolbar-form-group .btn-radio-rounded .btn { min-height: var(--oa-input-height, 32px) !important; line-height: 24px !important; } .header-dropdown-list { display: inline-flex !important; align-items: center !important; vertical-align: middle !important; margin: 0 !important; padding: 0 !important; height: auto !important; } .header-dropdown-list > li { display: inline-flex !important; align-items: center !important; height: auto !important; margin-left: 10px; } .btn-header .dropdown-menu, .header-dropdown-list .dropdown-menu { top: 100% !important; margin-top: 4px; } .header-dropdown-list .dropdown-toggle { padding: 6px 10px; border: none !important; border-radius: 8px; transition: background-color 0.15s ease; display: inline-flex !important; align-items: center !important; justify-content: center !important; height: var(--oa-input-height, 32px) !important; width: var(--oa-input-height, 32px) !important; min-width: var(--oa-input-height, 32px) !important; min-height: var(--oa-input-height, 32px) !important; box-sizing: border-box !important; margin: 0 !important; } .header-dropdown-list .dropdown-toggle:hover { background-color: rgba(0, 90, 238, 0.1); } .header-dropdown-list .dropdown-toggle i.fa-user-circle { color: #005aee; transition: color 0.15s ease; font-size: 24px !important; width: 24px !important; height: 24px !important; } .header-dropdown-list .dropdown-toggle:hover i.fa-user-circle { color: #004ac2; } .table-hover tbody tr, .smart-form table tbody tr, .jarviswidget table tbody tr { transition: background-color 0.15s ease; } .table-hover tbody tr:hover, .smart-form table tbody tr:hover, .jarviswidget table tbody tr:hover { background-color: #dce9fe !important; } .table-hover tbody tr:hover td, .smart-form table tbody tr:hover td, .jarviswidget table tbody tr:hover td { color: #0F172A; } .activity-item, [ng-repeat*=activity] { transition: background-color 0.15s ease; } .activity-item:hover, [ng-repeat*=activity]:hover { background-color: #f8f9fa; } .tab-btn-group { display: inline-flex !important; align-items: center !important; gap: 0 !important; background: #F1F5F9 !important; border-radius: 8px !important; padding: 2px !important; border: none !important; } .tab-btn { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border: none !important; border-radius: 6px !important; cursor: pointer; font-size: 13px; font-weight: 500; line-height: 1.4; white-space: nowrap; background: transparent !important; color: #64748B !important; transition: all 0.15s ease; margin: 0 !important; } .tab-btn i { font-size: 14px; color: inherit; } .tab-btn:hover:not(.active) { background: rgba(0, 0, 0, 0.04) !important; color: #0F172A !important; } .tab-btn:focus { outline: none !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15) !important; } .tab-btn.active { background: #F8FAFD !important; color: #0055FF !important; box-shadow: none !important; } .tab-btn.active:hover { background: #DBEAFE !important; color: #0055FF !important; } .tab-btn.active i { color: #0055FF !important; } .tab-btn.active .tab-badge { background: rgba(0, 85, 255, 0.15) !important; color: #0055FF !important; } .tab-btn .tab-badge { display: inline-block; padding: 2px 8px; border-radius: 9999px; font-size: 11px; font-weight: 600; background: rgba(0, 0, 0, 0.06); color: inherit; } .tab-btn + .tab-btn { margin-left: 0 !important; } .sort-dropdown-header { display: inline-flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } .sort-dropdown-header.btn-group, .sort-dropdown-header.candidate-dropdown-filter { background: #F1F5F9 !important; border-radius: 8px !important; padding: 2px !important; margin-top: 0 !important; vertical-align: middle; border: none !important; } .sort-dropdown-header .filter-toggle, .sort-dropdown-header button.filter-toggle { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 6px 14px !important; height: auto !important; min-height: auto !important; border: none !important; border-radius: 6px !important; cursor: pointer !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.4 !important; background: transparent !important; color: #64748B !important; transition: all 0.15s ease !important; margin: 0 !important; text-transform: none !important; } .sort-dropdown-header .filter-toggle i, .sort-dropdown-header button.filter-toggle i { font-size: 14px !important; color: inherit !important; } .sort-dropdown-header .filter-toggle .filter-value, .sort-dropdown-header button.filter-toggle .filter-value { font-size: 13px !important; font-weight: 500 !important; color: inherit !important; } .sort-dropdown-header .filter-toggle .caret, .sort-dropdown-header button.filter-toggle .caret { margin-left: 4px; border-top-color: currentColor !important; } .sort-dropdown-header .filter-toggle:hover, .sort-dropdown-header button.filter-toggle:hover { background: rgba(0, 0, 0, 0.04) !important; color: #0F172A !important; } .sort-dropdown-header .filter-toggle:focus, .sort-dropdown-header button.filter-toggle:focus { outline: none !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15) !important; } .sort-dropdown-header.open .filter-toggle, .sort-dropdown-header.show .filter-toggle { background: #F8FAFD !important; color: #0055FF !important; } .sort-dropdown-header.open .filter-toggle i, .sort-dropdown-header.show .filter-toggle i { color: #0055FF !important; } .sort-dropdown-header.filter-primary { background: #F1F5F9 !important; } .sort-dropdown-header.filter-primary .filter-toggle { background: transparent !important; color: #64748B !important; } .sort-dropdown-header.filter-primary .filter-toggle:hover { background: rgba(0, 0, 0, 0.04) !important; color: #0F172A !important; } @media (max-width: 1313px) { .sort-dropdown-header .filter-value { display: none !important; } } .sort-dropdown-header .dropdown-menu, .sort-dropdown-header ul.dropdown-menu { left: 0 !important; right: auto !important; top: 100% !important; margin-top: 4px !important; min-width: 200px !important; max-width: 350px !important; max-height: 400px !important; overflow-y: auto !important; border-radius: 8px !important; border: 1px solid rgba(0, 85, 255, 0.12) !important; box-shadow: 0 8px 24px -4px rgba(0, 0, 0, 0.12) !important; padding: 8px 0 !important; background: #FFFFFF !important; } .sort-dropdown-header .dropdown-menu li a.candidate-filter-check, .sort-dropdown-header ul.dropdown-menu li a.candidate-filter-check { display: flex !important; align-items: center !important; padding: 8px 14px !important; font-size: 13px !important; color: #334155 !important; text-decoration: none !important; cursor: pointer !important; transition: background 0.15s ease !important; } .sort-dropdown-header .dropdown-menu li a.candidate-filter-check i.fa, .sort-dropdown-header ul.dropdown-menu li a.candidate-filter-check i.fa { display: none !important; } .sort-dropdown-header .dropdown-menu li a.candidate-filter-check .label, .sort-dropdown-header ul.dropdown-menu li a.candidate-filter-check .label { font-size: 10px !important; padding: 2px 6px !important; margin-right: 8px !important; border-radius: 4px !important; } .sort-dropdown-header .dropdown-menu li a.candidate-filter-check:hover, .sort-dropdown-header ul.dropdown-menu li a.candidate-filter-check:hover { background: #F1F5F9 !important; color: #0F172A !important; } .sort-dropdown-header .dropdown-menu li > span.text-muted, .sort-dropdown-header ul.dropdown-menu li > span.text-muted { display: block !important; padding: 10px 14px 6px 14px !important; font-size: 11px !important; font-weight: 600 !important; color: #94A3B8 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; background: transparent !important; cursor: default !important; border-bottom: 1px solid #F1F5F9 !important; margin-bottom: 4px !important; } .sort-dropdown-header .dropdown-menu li:has(> span.text-muted:only-child), .sort-dropdown-header ul.dropdown-menu li:has(> span.text-muted:only-child) { pointer-events: none !important; background: transparent !important; } .sort-dropdown-header .dropdown-menu li:has(> span.text-muted:only-child):hover, .sort-dropdown-header ul.dropdown-menu li:has(> span.text-muted:only-child):hover { background: transparent !important; } .sort-dropdown-header .dropdown-menu li a.candidate-filter-check:has(.filter-checkbox.checked), .sort-dropdown-header ul.dropdown-menu li a.candidate-filter-check:has(.filter-checkbox.checked) { background: #F8FAFD !important; color: #0055FF !important; font-weight: 500 !important; } .sort-dropdown-header .dropdown-menu li a.candidate-filter-check:has(.filter-checkbox.checked) .label, .sort-dropdown-header ul.dropdown-menu li a.candidate-filter-check:has(.filter-checkbox.checked) .label { background: #0055FF !important; color: #FFFFFF !important; } .sort-dropdown-header .dropdown-menu li:first-of-type a.candidate-filter-check, .sort-dropdown-header .dropdown-menu li a.candidate-filter-check:first-child, .sort-dropdown-header ul.dropdown-menu li:first-of-type a.candidate-filter-check, .sort-dropdown-header ul.dropdown-menu li a.candidate-filter-check:first-child { font-weight: 500 !important; } .date-dropdown-header { display: inline-flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; flex-shrink: 0 !important; } .date-dropdown-header.candidate-dropdown-filter { background: #F1F5F9 !important; border-radius: 8px !important; padding: 2px !important; margin-top: 0 !important; border: none !important; } .date-dropdown-header .filter-toggle { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 6px 14px !important; height: auto !important; min-height: auto !important; border: none !important; border-radius: 6px !important; cursor: pointer !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.4 !important; background: transparent !important; color: #64748B !important; transition: all 0.15s ease !important; margin: 0 !important; text-transform: none !important; white-space: nowrap !important; } .date-dropdown-header .filter-toggle i { font-size: 14px !important; color: inherit !important; } .date-dropdown-header .filter-toggle .filter-value { font-size: 13px !important; font-weight: 500 !important; color: inherit !important; } .date-dropdown-header .filter-toggle:hover { background: rgba(0, 0, 0, 0.04) !important; color: #0F172A !important; } .date-dropdown-header .filter-toggle:focus { outline: none !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15) !important; } .date-dropdown-header.open .filter-toggle, .date-dropdown-header.show .filter-toggle { background: #F8FAFD !important; color: #0055FF !important; } .date-dropdown-header.open .filter-toggle i, .date-dropdown-header.show .filter-toggle i { color: #0055FF !important; } .daterangepicker { display: none; font-size: 11px !important; font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif !important; max-width: 580px !important; background: #FFFFFF !important; border: 1px solid var(--oa-border-color, #E2E8F0) !important; border-radius: 12px !important; box-shadow: var(--oa-shadow-pop, 0 12px 24px -6px rgba(0, 0, 0, 0.12)) !important; z-index: var(--z-popover, 1060) !important; overflow: hidden !important; animation: dropdownSlideIn2027 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) !important; } .daterangepicker.show-ranges .ranges { float: left !important; width: auto !important; min-width: 100px !important; max-width: 120px !important; margin-right: 8px !important; border-right: 1px solid var(--oa-border-color, #E2E8F0) !important; } .daterangepicker.show-ranges .drp-calendar { float: left !important; clear: none !important; } .daterangepicker .ranges ul { width: auto !important; padding: 8px 0 !important; } .daterangepicker .ranges li { font-size: 10px !important; font-weight: 500 !important; padding: 6px 12px !important; color: var(--oa-text-muted, #64748B) !important; background: transparent !important; border-radius: 6px !important; margin: 2px 8px !important; transition: all 0.15s ease !important; } .daterangepicker .ranges li:hover { background: var(--oa-info-bg, #F8FAFD) !important; color: var(--oa-brand-primary, #005aee) !important; } .daterangepicker .ranges li.active { background: var(--oa-brand-primary, #005aee) !important; color: #FFFFFF !important; } .daterangepicker .drp-calendar { max-width: 220px !important; padding: 8px !important; } .daterangepicker .drp-calendar.left { float: left !important; } .daterangepicker .drp-calendar.right { float: left !important; border-left: 1px solid var(--oa-border-color, #E2E8F0) !important; } .daterangepicker .calendar-table { background: transparent !important; } .daterangepicker .calendar-table th, .daterangepicker .calendar-table td { font-size: 10px !important; min-width: 24px !important; width: 24px !important; height: 24px !important; padding: 2px !important; line-height: 20px !important; border-radius: 6px !important; } .daterangepicker .calendar-table th { color: var(--oa-text-muted, #64748B) !important; font-weight: 600 !important; } .daterangepicker .calendar-table td { color: var(--oa-text-main, #0F172A) !important; } .daterangepicker .calendar-table td:hover { background: var(--oa-info-bg, #F8FAFD) !important; } .daterangepicker .calendar-table td.available:hover { background: var(--oa-info-bg, #F8FAFD) !important; color: var(--oa-brand-primary, #005aee) !important; } .daterangepicker .calendar-table td.active, .daterangepicker .calendar-table td.active:hover { background: var(--oa-brand-primary, #005aee) !important; color: #FFFFFF !important; } .daterangepicker .calendar-table td.in-range { background: var(--oa-info-bg, #F8FAFD) !important; color: var(--oa-brand-primary, #005aee) !important; } .daterangepicker .calendar-table td.off { color: var(--oa-text-light, #94A3B8) !important; } .daterangepicker .calendar-table td.disabled { color: var(--oa-text-light, #94A3B8) !important; text-decoration: line-through; } .daterangepicker .calendar-table .month { font-size: 11px !important; font-weight: 600 !important; color: var(--oa-text-main, #0F172A) !important; } .daterangepicker .calendar-table .prev, .daterangepicker .calendar-table .next { color: var(--oa-text-muted, #64748B) !important; } .daterangepicker .calendar-table .prev:hover, .daterangepicker .calendar-table .next:hover { background: var(--oa-info-bg, #F8FAFD) !important; color: var(--oa-brand-primary, #005aee) !important; } .daterangepicker .daterangepicker_input input { font-size: 10px !important; padding: 4px 8px !important; border: 1px solid var(--oa-border-color, #E2E8F0) !important; border-radius: 6px !important; color: var(--oa-text-main, #0F172A) !important; } .daterangepicker .daterangepicker_input input:focus { border-color: var(--oa-brand-primary, #005aee) !important; outline: none !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1) !important; } .daterangepicker .drp-buttons { padding: 8px 12px !important; clear: both !important; border-top: 1px solid var(--oa-border-color, #E2E8F0) !important; background: var(--oa-bg-base, #F8FAFC) !important; border-radius: 0 0 12px 12px !important; } .daterangepicker .drp-buttons .btn { font-size: 10px !important; font-weight: 500 !important; padding: 6px 12px !important; border-radius: 6px !important; transition: all 0.15s ease !important; box-shadow: none !important; } .daterangepicker .drp-buttons .cancelBtn { background: transparent !important; border: 1px solid var(--oa-border-color, #E2E8F0) !important; color: var(--oa-text-muted, #64748B) !important; } .daterangepicker .drp-buttons .cancelBtn:hover { background: var(--oa-bg-base, #F8FAFC) !important; border-color: var(--oa-text-muted, #64748B) !important; } .daterangepicker .drp-buttons .applyBtn { background: var(--oa-brand-primary, #005aee) !important; border: none !important; color: #FFFFFF !important; } .daterangepicker .drp-buttons .applyBtn:hover { background: var(--oa-brand-hover, #004ac2) !important; } div:not(.filter-tabs):has(> .tab-btn:first-child):has(> .tab-btn + .tab-btn) { display: inline-flex !important; align-items: center !important; gap: 0 !important; background: #F1F5F9 !important; border-radius: 8px !important; padding: 2px !important; } body #header, body header#header, .fixed-header #header, .fixed-header.fixed-ribbon #header { display: flex !important; align-items: center !important; justify-content: space-between; border-bottom: 1px solid var(--oa-border-color, #E5E7EB) !important; box-shadow: 0 1px 0 var(--oa-border-color, #E5E7EB) !important; } body #header > .pull-right, body header#header > .pull-right, .fixed-header #header > .pull-right { display: flex !important; align-items: center !important; height: var(--oa-input-height, 32px) !important; gap: 8px; float: none !important; flex: 1 1 auto; justify-content: flex-end; padding-right: 0; } body #header > .pull-left, body header#header > .pull-left, .fixed-header #header > .pull-left { display: flex !important; align-items: center !important; height: var(--oa-input-height, 32px) !important; margin: 0 !important; float: none !important; } body #header > .pull-left h1, body #header > .pull-left h2, body #header > .pull-left h3, body #header > .pull-left h4, body #header > .pull-left .page-title, body header#header > .pull-left h1, body header#header > .pull-left h2, body header#header > .pull-left h3, body header#header > .pull-left h4, body header#header > .pull-left .page-title, .fixed-header #header > .pull-left h1, .fixed-header #header > .pull-left h2, .fixed-header #header > .pull-left h3, .fixed-header #header > .pull-left h4, .fixed-header #header > .pull-left .page-title { font-size: 16px !important; font-weight: 700 !important; color: var(--oa-text-main, #1F2937) !important; margin: 0 !important; padding: 0 !important; line-height: 1.2 !important; } body .header-search, #header .header-search, .header-search.margin-top-10 { display: flex !important; align-items: center !important; height: var(--oa-input-height, 32px) !important; margin: 0 !important; margin-top: 0 !important; } body .header-search #candidate_search, #header .header-search #candidate_search, .header-search.margin-top-10 #candidate_search { margin-top: 0 !important; margin-bottom: 0 !important; display: flex; align-items: center; height: var(--oa-input-height, 32px); } body .header-search .form-control, #header .header-search .form-control, .header-search.margin-top-10 .form-control { height: var(--oa-input-height, 32px) !important; margin: 0 !important; } body .header-search .form-control-feedback, #header .header-search .form-control-feedback, .header-search.margin-top-10 .form-control-feedback { line-height: var(--oa-input-height, 32px) !important; height: var(--oa-input-height, 32px) !important; } div.header-search.margin-top-10, .pull-right > .header-search.margin-top-10 { margin-top: 0 !important; } .sort-dropdown-header ~ .flex-1 .form-control { height: 36px !important; } .operations-dropdown, .btn-group.operations-dropdown, .pull-right > .btn-group.operations-dropdown { padding-top: 0 !important; padding-bottom: 0 !important; height: var(--oa-input-height, 32px) !important; display: flex !important; align-items: center !important; } .header-dropdown-list, ul.header-dropdown-list, .pull-right > .header-dropdown-list { height: var(--oa-input-height, 32px) !important; padding-top: 0 !important; padding-bottom: 0 !important; } .header-dropdown-list .dropdown-toggle { border-radius: 8px !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 6px 10px !important; } #header .form-group.margin-top-5, #header .form-group.margin-top-10, #header .form-group.margin-top-20, .pull-right > .form-group.margin-top-5, .pull-right > .form-group.margin-top-10, .pull-right > .form-group.margin-top-20 { margin-top: 0 !important; margin-bottom: 0 !important; display: inline-flex !important; align-items: center !important; height: var(--oa-input-height, 32px) !important; } #shortcut { background: rgba(239, 246, 255, 0.97) !important; backdrop-filter: blur(40px) saturate(1.3) !important; -webkit-backdrop-filter: blur(40px) saturate(1.3) !important; border-bottom: 1px solid rgba(0, 85, 255, 0.12) !important; box-shadow: 0 8px 32px -4px rgba(0, 85, 255, 0.12), 0 4px 8px -2px rgba(0, 0, 0, 0.06) !important; animation: shortcutSlideIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important; } @supports not (backdrop-filter: blur(1px)) { #shortcut { background: #F8FAFC !important; } } #shortcut ul, #shortcut ul.mobile-nav-list { padding: 12px 16px !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; display: flex !important; flex-wrap: wrap !important; gap: 8px !important; justify-content: center !important; } #shortcut ul li, #shortcut ul.mobile-nav-list li { display: inline-block !important; width: auto !important; margin: 0 !important; } #shortcut ul li a, #shortcut ul li .jarvismetro-tile, #shortcut ul.mobile-nav-list li a, #shortcut ul.mobile-nav-list li .jarvismetro-tile { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 12px 16px !important; min-width: 80px !important; border-radius: 12px !important; background: rgba(255, 255, 255, 0.6) !important; backdrop-filter: blur(12px) saturate(1.2) !important; -webkit-backdrop-filter: blur(12px) saturate(1.2) !important; border: 1px solid rgba(0, 85, 255, 0.12) !important; box-shadow: 0 2px 8px rgba(0, 85, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04) !important; color: var(--oa-text-main, #0F172A) !important; text-decoration: none !important; transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) !important; } @supports not (backdrop-filter: blur(1px)) { #shortcut ul li a, #shortcut ul li .jarvismetro-tile, #shortcut ul.mobile-nav-list li a, #shortcut ul.mobile-nav-list li .jarvismetro-tile { background: rgba(255, 255, 255, 0.9) !important; } } #shortcut ul li a i, #shortcut ul li a .fa, #shortcut ul li a [class^=fa-], #shortcut ul li a [class*=" fa-"], #shortcut ul li .jarvismetro-tile i, #shortcut ul li .jarvismetro-tile .fa, #shortcut ul li .jarvismetro-tile [class^=fa-], #shortcut ul li .jarvismetro-tile [class*=" fa-"], #shortcut ul.mobile-nav-list li a i, #shortcut ul.mobile-nav-list li a .fa, #shortcut ul.mobile-nav-list li a [class^=fa-], #shortcut ul.mobile-nav-list li a [class*=" fa-"], #shortcut ul.mobile-nav-list li .jarvismetro-tile i, #shortcut ul.mobile-nav-list li .jarvismetro-tile .fa, #shortcut ul.mobile-nav-list li .jarvismetro-tile [class^=fa-], #shortcut ul.mobile-nav-list li .jarvismetro-tile [class*=" fa-"] { font-size: 20px !important; color: var(--oa-text-muted, #64748B) !important; margin-bottom: 6px !important; transition: color 0.2s ease !important; } #shortcut ul li a span, #shortcut ul li a .iconSmall, #shortcut ul li a div, #shortcut ul li a .txt-color-white, #shortcut ul li a .txt-color-white span, #shortcut ul li .jarvismetro-tile span, #shortcut ul li .jarvismetro-tile .iconSmall, #shortcut ul li .jarvismetro-tile div, #shortcut ul li .jarvismetro-tile .txt-color-white, #shortcut ul li .jarvismetro-tile .txt-color-white span, #shortcut ul.mobile-nav-list li a span, #shortcut ul.mobile-nav-list li a .iconSmall, #shortcut ul.mobile-nav-list li a div, #shortcut ul.mobile-nav-list li a .txt-color-white, #shortcut ul.mobile-nav-list li a .txt-color-white span, #shortcut ul.mobile-nav-list li .jarvismetro-tile span, #shortcut ul.mobile-nav-list li .jarvismetro-tile .iconSmall, #shortcut ul.mobile-nav-list li .jarvismetro-tile div, #shortcut ul.mobile-nav-list li .jarvismetro-tile .txt-color-white, #shortcut ul.mobile-nav-list li .jarvismetro-tile .txt-color-white span { font-size: 11px !important; font-weight: 500 !important; color: var(--oa-text-main, #0F172A) !important; text-transform: none !important; letter-spacing: 0 !important; } #shortcut ul li a .fa-stack, #shortcut ul li .jarvismetro-tile .fa-stack, #shortcut ul.mobile-nav-list li a .fa-stack, #shortcut ul.mobile-nav-list li .jarvismetro-tile .fa-stack { font-size: 1em !important; width: auto !important; height: auto !important; line-height: 1 !important; margin-bottom: 6px !important; } #shortcut ul li a .fa-stack .fa-circle, #shortcut ul li a .fa-stack .fa-stack-2x, #shortcut ul li .jarvismetro-tile .fa-stack .fa-circle, #shortcut ul li .jarvismetro-tile .fa-stack .fa-stack-2x, #shortcut ul.mobile-nav-list li a .fa-stack .fa-circle, #shortcut ul.mobile-nav-list li a .fa-stack .fa-stack-2x, #shortcut ul.mobile-nav-list li .jarvismetro-tile .fa-stack .fa-circle, #shortcut ul.mobile-nav-list li .jarvismetro-tile .fa-stack .fa-stack-2x { display: none !important; } #shortcut ul li a .fa-stack .fa-stack-1x, #shortcut ul li .jarvismetro-tile .fa-stack .fa-stack-1x, #shortcut ul.mobile-nav-list li a .fa-stack .fa-stack-1x, #shortcut ul.mobile-nav-list li .jarvismetro-tile .fa-stack .fa-stack-1x { position: static !important; font-size: 20px !important; color: var(--oa-text-muted, #64748B) !important; } #shortcut ul li a:hover .fa-stack .fa-stack-1x, #shortcut ul li .jarvismetro-tile:hover .fa-stack .fa-stack-1x, #shortcut ul.mobile-nav-list li a:hover .fa-stack .fa-stack-1x, #shortcut ul.mobile-nav-list li .jarvismetro-tile:hover .fa-stack .fa-stack-1x { color: var(--oa-brand-primary, #005aee) !important; } #shortcut ul li a:hover, #shortcut ul li .jarvismetro-tile:hover, #shortcut ul.mobile-nav-list li a:hover, #shortcut ul.mobile-nav-list li .jarvismetro-tile:hover { background: rgba(0, 90, 238, 0.12) !important; backdrop-filter: blur(16px) saturate(1.4) !important; -webkit-backdrop-filter: blur(16px) saturate(1.4) !important; border-color: rgba(0, 85, 255, 0.2) !important; box-shadow: 0 4px 16px rgba(0, 90, 238, 0.15), 0 2px 4px rgba(0, 0, 0, 0.06) !important; transform: translateY(-2px) !important; } @supports not (backdrop-filter: blur(1px)) { #shortcut ul li a:hover, #shortcut ul li .jarvismetro-tile:hover, #shortcut ul.mobile-nav-list li a:hover, #shortcut ul.mobile-nav-list li .jarvismetro-tile:hover { background: rgba(0, 90, 238, 0.15) !important; } } #shortcut ul li a:hover i, #shortcut ul li a:hover .fa, #shortcut ul li a:hover [class^=fa-], #shortcut ul li a:hover [class*=" fa-"], #shortcut ul li .jarvismetro-tile:hover i, #shortcut ul li .jarvismetro-tile:hover .fa, #shortcut ul li .jarvismetro-tile:hover [class^=fa-], #shortcut ul li .jarvismetro-tile:hover [class*=" fa-"], #shortcut ul.mobile-nav-list li a:hover i, #shortcut ul.mobile-nav-list li a:hover .fa, #shortcut ul.mobile-nav-list li a:hover [class^=fa-], #shortcut ul.mobile-nav-list li a:hover [class*=" fa-"], #shortcut ul.mobile-nav-list li .jarvismetro-tile:hover i, #shortcut ul.mobile-nav-list li .jarvismetro-tile:hover .fa, #shortcut ul.mobile-nav-list li .jarvismetro-tile:hover [class^=fa-], #shortcut ul.mobile-nav-list li .jarvismetro-tile:hover [class*=" fa-"] { color: var(--oa-brand-primary, #005aee) !important; } #shortcut ul li a:active, #shortcut ul li .jarvismetro-tile:active, #shortcut ul.mobile-nav-list li a:active, #shortcut ul.mobile-nav-list li .jarvismetro-tile:active { transform: scale(0.98) !important; } #shortcut ul li.selected a, #shortcut ul li.selected .jarvismetro-tile, #shortcut ul li a.selected, #shortcut ul li .jarvismetro-tile.selected, #shortcut ul.mobile-nav-list li.selected a, #shortcut ul.mobile-nav-list li.selected .jarvismetro-tile, #shortcut ul.mobile-nav-list li a.selected, #shortcut ul.mobile-nav-list li .jarvismetro-tile.selected { background: rgba(0, 90, 238, 0.15) !important; backdrop-filter: blur(16px) saturate(1.5) !important; -webkit-backdrop-filter: blur(16px) saturate(1.5) !important; border-color: var(--oa-brand-primary, #005aee) !important; box-shadow: 0 4px 16px rgba(0, 90, 238, 0.2), 0 2px 4px rgba(0, 0, 0, 0.08) !important; } @supports not (backdrop-filter: blur(1px)) { #shortcut ul li.selected a, #shortcut ul li.selected .jarvismetro-tile, #shortcut ul li a.selected, #shortcut ul li .jarvismetro-tile.selected, #shortcut ul.mobile-nav-list li.selected a, #shortcut ul.mobile-nav-list li.selected .jarvismetro-tile, #shortcut ul.mobile-nav-list li a.selected, #shortcut ul.mobile-nav-list li .jarvismetro-tile.selected { background: rgba(0, 90, 238, 0.2) !important; } } #shortcut ul li.selected a i, #shortcut ul li.selected a .fa, #shortcut ul li.selected .jarvismetro-tile i, #shortcut ul li.selected .jarvismetro-tile .fa, #shortcut ul li a.selected i, #shortcut ul li a.selected .fa, #shortcut ul li .jarvismetro-tile.selected i, #shortcut ul li .jarvismetro-tile.selected .fa, #shortcut ul.mobile-nav-list li.selected a i, #shortcut ul.mobile-nav-list li.selected a .fa, #shortcut ul.mobile-nav-list li.selected .jarvismetro-tile i, #shortcut ul.mobile-nav-list li.selected .jarvismetro-tile .fa, #shortcut ul.mobile-nav-list li a.selected i, #shortcut ul.mobile-nav-list li a.selected .fa, #shortcut ul.mobile-nav-list li .jarvismetro-tile.selected i, #shortcut ul.mobile-nav-list li .jarvismetro-tile.selected .fa { color: var(--oa-brand-primary, #005aee) !important; } #shortcut ul li.selected a:before, #shortcut ul li.selected a:after, #shortcut ul li.selected .jarvismetro-tile:before, #shortcut ul li.selected .jarvismetro-tile:after, #shortcut ul li a.selected:before, #shortcut ul li a.selected:after, #shortcut ul li .jarvismetro-tile.selected:before, #shortcut ul li .jarvismetro-tile.selected:after, #shortcut ul.mobile-nav-list li.selected a:before, #shortcut ul.mobile-nav-list li.selected a:after, #shortcut ul.mobile-nav-list li.selected .jarvismetro-tile:before, #shortcut ul.mobile-nav-list li.selected .jarvismetro-tile:after, #shortcut ul.mobile-nav-list li a.selected:before, #shortcut ul.mobile-nav-list li a.selected:after, #shortcut ul.mobile-nav-list li .jarvismetro-tile.selected:before, #shortcut ul.mobile-nav-list li .jarvismetro-tile.selected:after { display: none !important; } #shortcut .shortcut-close, #shortcut [data-action=closeshortcut], #shortcut > a:first-child { position: absolute !important; top: 8px !important; right: 12px !important; width: 32px !important; height: 32px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 8px !important; background: rgba(0, 0, 0, 0.04) !important; color: var(--oa-text-muted, #64748B) !important; transition: all 0.2s ease !important; font-size: 14px !important; } #shortcut .shortcut-close:hover, #shortcut [data-action=closeshortcut]:hover, #shortcut > a:first-child:hover { background: rgba(220, 38, 38, 0.1) !important; color: #DC2626 !important; } @keyframes shortcutSlideIn { from { opacity: 0; transform: translateY(-16px); } to { opacity: 1; transform: translateY(0); } } .shortcut-on #header, #header.shortcut-active { z-index: 910 !important; } .layout-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; background-color: rgba(0, 0, 0, 0.18); opacity: 0; z-index: 1049; cursor: pointer; pointer-events: none; transition: opacity 0.3s ease; } @supports (backdrop-filter: blur(4px)) { .layout-overlay { backdrop-filter: blur(4px); } } @media (max-width: 768px) { #left-panel, aside#left-panel { position: fixed !important; top: 0 !important; left: 0 !important; bottom: 0 !important; height: 100vh !important; width: 270px !important; max-width: 85vw !important; z-index: 1050 !important; transform: translate3d(-100%, 0, 0); will-change: transform; transition: transform 0.3s ease !important; background-color: var(--sidebar-bg, #29253a); } #left-panel nav > ul > li > a, aside#left-panel nav > ul > li > a { flex-direction: row !important; justify-content: flex-start !important; padding: 10px 15px !important; text-align: left !important; } #left-panel nav > ul > li > a > .menu-item-parent, #left-panel nav > ul > li > a > span:not(.badge), aside#left-panel nav > ul > li > a > .menu-item-parent, aside#left-panel nav > ul > li > a > span:not(.badge) { display: inline !important; } #left-panel nav > ul > li > a > i, #left-panel nav > ul > li > a > .fa, aside#left-panel nav > ul > li > a > i, aside#left-panel nav > ul > li > a > .fa { width: auto !important; margin-right: 10px !important; font-size: 16px !important; } #left-panel nav, aside#left-panel nav { height: calc(100vh - 70px); overflow-y: auto; overflow-x: hidden; } .layout-overlay { display: block; } #main, #wrapper { margin-left: 0 !important; padding-left: 0 !important; width: 100% !important; transition: none !important; } header#header #logo-group, #header #logo-group, #header > :first-child { width: auto !important; max-width: none !important; } header#header #logo-group #logo img, #header #logo-group #logo img { opacity: 1 !important; width: auto !important; max-width: 150px !important; } body.minified #left-panel, body.minified aside#left-panel { width: 270px !important; transform: translate3d(-100%, 0, 0) !important; } body.minified #main, body.minified #wrapper { margin-left: 0 !important; padding-left: 0 !important; } body.minified #header > :first-child, body.minified #header #logo-group { width: auto !important; } } @media (max-width: 768px) { body.layout-menu-expanded { overflow: hidden !important; } body.layout-menu-expanded #left-panel, body.layout-menu-expanded aside#left-panel { transform: translate3d(0, 0, 0) !important; } body.layout-menu-expanded .layout-overlay { display: block; opacity: 1; pointer-events: auto; } } @media (max-width: 768px) { body.minified.layout-menu-expanded #left-panel, body.minified.layout-menu-expanded aside#left-panel { transform: translate3d(0, 0, 0) !important; } } .mobile-menu-toggle { display: none; position: relative; width: 44px; height: 44px; padding: 10px; background: transparent; border: none; cursor: pointer; z-index: 1051; } .mobile-menu-toggle .hamburger-icon { display: block; width: 24px; height: 2px; background-color: var(--text-color, #6c757d); position: relative; transition: background-color 0.2s ease; } .mobile-menu-toggle .hamburger-icon::before, .mobile-menu-toggle .hamburger-icon::after { content: ""; display: block; width: 24px; height: 2px; background-color: var(--text-color, #6c757d); position: absolute; left: 0; transition: transform 0.2s ease; } .mobile-menu-toggle .hamburger-icon::before { top: -7px; } .mobile-menu-toggle .hamburger-icon::after { top: 7px; } body.layout-menu-expanded .mobile-menu-toggle .hamburger-icon { background-color: transparent; } body.layout-menu-expanded .mobile-menu-toggle .hamburger-icon::before { transform: translateY(7px) rotate(45deg); } body.layout-menu-expanded .mobile-menu-toggle .hamburger-icon::after { transform: translateY(-7px) rotate(-45deg); } @media (max-width: 768px) { .mobile-menu-toggle { display: flex; align-items: center; justify-content: center; } } @media (max-width: 768px) { header#header .pull-left, header#header #logo-group, #header .pull-left, #header #logo-group { display: flex; align-items: center; } .fixed-header.fixed-ribbon #header { display: flex; align-items: center; padding-left: 10px; } #logo-group, #header #logo-group, header#header #logo-group, .fixed-navigation.smart-style-1 #logo-group, .smart-style-1 #logo-group { background: transparent !important; background-color: transparent !important; } } @media (min-width: 768px) and (max-width: 768px) { /* #left-panel, aside#left-panel { transform: translate3d(0, 0, 0); width: 75px !important; nav > ul > li > a { flex-direction: column !important; align-items: center !important; > .menu-item-parent, > span:not(.badge) { display: none !important; } } } #main, #wrapper { margin-left: 75px !important; padding-left: 0 !important; } */ } #left-panel, aside#left-panel { backface-visibility: hidden; perspective: 1000px; } body.layout-transitioning #left-panel, body.layout-transitioning aside#left-panel, body.layout-transitioning #main, body.layout-transitioning #wrapper { transition: transform 0.3s ease, margin-left 0.3s ease, padding-left 0.3s ease !important; } .tooltip-inner { border-radius: var(--radius-sm); } .badge-square { border-radius: var(--radius-sm); } .card .table, .jarviswidget .table { border-radius: var(--radius-md); overflow: hidden; } .pagination > li > a, .pagination > li > span { border-radius: var(--radius-sm) !important; margin: 0 2px; transition: all var(--transition-fast); } .pagination > li.active > a { box-shadow: var(--shadow-sm); } .nav-tabs > li > a { border-radius: var(--radius-sm) var(--radius-sm) 0 0; transition: background-color var(--transition-fast); } .nav-pills > li > a { border-radius: var(--radius-full); transition: all var(--transition-fast); } .img-circle { border-radius: var(--radius-full) !important; } .img-rounded { border-radius: var(--radius-md) !important; } .avatar { border-radius: var(--radius-full); overflow: hidden; } .shadow-none { box-shadow: none !important; } .shadow-xs { box-shadow: var(--shadow-xs) !important; } .shadow-sm { box-shadow: var(--shadow-sm) !important; } .shadow-md { box-shadow: var(--shadow-md) !important; } .shadow-lg { box-shadow: var(--shadow-lg) !important; } .shadow-xl { box-shadow: var(--shadow-xl) !important; } .shadow-2xl { box-shadow: var(--shadow-2xl) !important; } .shadow-hover { transition: box-shadow var(--transition-base); } .shadow-hover:hover { box-shadow: var(--shadow-md); } .rounded-none { border-radius: var(--radius-none) !important; } .rounded-sm { border-radius: var(--radius-sm) !important; } .rounded-md { border-radius: var(--radius-md) !important; } .rounded-lg { border-radius: var(--radius-lg) !important; } .rounded-xl { border-radius: var(--radius-xl) !important; } .rounded-2xl { border-radius: var(--radius-2xl) !important; } .rounded-full { border-radius: var(--radius-full) !important; } :root { --fluid-2xs: clamp(0.5625rem, 0.52rem + 0.12vw, 0.625rem); --fluid-xs: clamp(0.6875rem, 0.65rem + 0.12vw, 0.75rem); --fluid-sm: clamp(0.75rem, 0.68rem + 0.24vw, 0.875rem); --fluid-base: clamp(0.875rem, 0.8rem + 0.24vw, 1rem); --fluid-md: clamp(0.9375rem, 0.84rem + 0.37vw, 1.125rem); --fluid-lg: clamp(0.875rem, 0.85rem + 0.12vw, 0.9375rem); --fluid-xl: clamp(1rem, 0.925rem + 0.24vw, 1.125rem); --fluid-2xl: clamp(1.125rem, 1.05rem + 0.24vw, 1.25rem); --fluid-3xl: clamp(1.375rem, 1.23rem + 0.49vw, 1.625rem); --fluid-4xl: clamp(1.75rem, 1.6rem + 0.49vw, 2rem); } html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } body { font-size: var(--fluid-base); line-height: 1.5; } h1, .h1 { font-size: var(--fluid-4xl); line-height: 1.2; } h2, .h2 { font-size: var(--fluid-3xl); line-height: 1.25; } h3, .h3 { font-size: var(--fluid-2xl); line-height: 1.3; } h4, .h4 { font-size: var(--fluid-xl); line-height: 1.35; } h5, .h5 { font-size: var(--fluid-lg); line-height: 1.4; } h6, .h6 { font-size: var(--fluid-base); font-weight: 600; line-height: 1.45; } p { font-size: var(--fluid-base); } .lead { font-size: var(--fluid-md); } small, .small, .text-sm { font-size: var(--fluid-sm); } .text-xs, .caption, .font-xs { font-size: var(--fluid-xs); } .text-xs i[class*=fa-], .text-xs .fa, .text-xs .fa-light, .text-xs .fa-regular, .text-xs .fa-solid, .caption i[class*=fa-], .caption .fa, .caption .fa-light, .caption .fa-regular, .caption .fa-solid, .font-xs i[class*=fa-], .font-xs .fa, .font-xs .fa-light, .font-xs .fa-regular, .font-xs .fa-solid { font-size: inherit; } .text-2xs, .font-2xs { font-size: var(--fluid-2xs); } .table { font-size: 14px; } .table th { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.025em; } label, .control-label, .smart-form label { font-size: var(--fluid-sm); } .form-control, input[type=text], input[type=email], input[type=password], input[type=number], textarea, select { font-size: var(--fluid-base); } .btn { font-size: var(--fluid-sm); } .btn.btn-lg { font-size: var(--fluid-base); } .btn.btn-sm { font-size: var(--fluid-xs); } .btn.btn-xs { font-size: var(--fluid-2xs); } .badge, .label { font-size: var(--fluid-2xs); } .nav > li > a { font-size: var(--fluid-sm); } .breadcrumb { font-size: var(--fluid-xs); } .tooltip-inner { font-size: var(--fluid-xs); } .popover { font-size: var(--fluid-sm); } .modal-title { font-size: var(--fluid-xl); } .modal-body { font-size: var(--fluid-base); } .jarviswidget > header h2 { font-size: var(--fluid-sm); } #left-panel nav ul li a { font-size: var(--fluid-sm); } #ribbon .breadcrumb { font-size: var(--fluid-xs); } .page-title { font-size: var(--fluid-2xl); } .card .card-title, .card .card-header h5 { font-size: var(--fluid-lg); } .card .card-body { font-size: var(--fluid-base); } .card .card-subtitle, .card .card-text.text-muted { font-size: var(--fluid-sm); } .card-title { display: flex; align-items: center; gap: 15px; margin: 0; font-size: 16px; font-weight: 600; color: var(--oa-text-main, #0F172A); line-height: 1.4; } .card-title i { margin-right: 8px; color: var(--oa-brand-primary, #005aee); } .card-subtitle { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #0F172A); margin-bottom: 8px; margin-top: 20px; line-height: 1.4; } .card-subtitle i { margin-right: 8px; color: var(--oa-brand-primary, #005aee); } .card-subtitle:first-child { margin-top: 0; } .card-description { font-size: 13px; font-weight: 400; color: #94A3B8; line-height: 1.5; margin-bottom: 16px; } .text-fluid-2xs { font-size: var(--fluid-2xs) !important; } .text-fluid-xs { font-size: var(--fluid-xs) !important; } .text-fluid-sm { font-size: var(--fluid-sm) !important; } .text-fluid-base { font-size: var(--fluid-base) !important; } .text-fluid-md { font-size: var(--fluid-md) !important; } .text-fluid-lg { font-size: var(--fluid-lg) !important; } .text-fluid-xl { font-size: var(--fluid-xl) !important; } .text-fluid-2xl { font-size: var(--fluid-2xl) !important; } .text-fluid-3xl { font-size: var(--fluid-3xl) !important; } .text-fluid-4xl { font-size: var(--fluid-4xl) !important; } @media (min-width: 1100px) and (max-width: 1400px) { .container { padding-left: 15px; padding-right: 15px; } .table > tbody > tr > td, .table > tbody > tr > th { padding: 6px 8px; } .card-header { padding: 10px 15px; } #left-panel nav ul li a { padding: 8px 12px; } } .modal-backdrop { background-color: rgba(0, 0, 0, 0.4); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); opacity: 0; transition: opacity 0.2s ease-out; } .modal-backdrop.in, .modal-backdrop.show { opacity: 1; } .modal-content { border: none; border-radius: var(--radius-lg, 8px); box-shadow: var(--shadow-2xl, 0 25px 50px -12px rgba(0, 0, 0, 0.25)); overflow: hidden; } .modal-content::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent); pointer-events: none; } .modal-header { border-bottom: 1px solid var(--border-light, #e1e5e9); padding: 16px 20px; background: transparent; } .modal-header .modal-title { font-weight: 600; color: var(--text-primary, #1f2b38); } .modal-header .close, .modal-header [data-dismiss=modal], .modal-header .btn-close { opacity: 0.5; transition: opacity var(--transition-fast, 150ms ease), transform var(--transition-fast, 150ms ease); border-radius: var(--radius-sm, 4px); padding: 4px 8px; } .modal-header .close:hover, .modal-header [data-dismiss=modal]:hover, .modal-header .btn-close:hover { opacity: 1; transform: scale(1.1); background-color: rgba(0, 0, 0, 0.05); } .modal-header .close:active, .modal-header [data-dismiss=modal]:active, .modal-header .btn-close:active { transform: scale(0.95); } .modal-body { padding: 20px; } .modal-body.scrollable, .modal-lg .modal-body, .modal-xl .modal-body { max-height: 60vh; overflow-y: auto; scroll-behavior: smooth; } .modal-body.scrollable::-webkit-scrollbar, .modal-lg .modal-body::-webkit-scrollbar, .modal-xl .modal-body::-webkit-scrollbar { width: 6px; } .modal-body.scrollable::-webkit-scrollbar-track, .modal-lg .modal-body::-webkit-scrollbar-track, .modal-xl .modal-body::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 3px; } .modal-body.scrollable::-webkit-scrollbar-thumb, .modal-lg .modal-body::-webkit-scrollbar-thumb, .modal-xl .modal-body::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 3px; } .modal-body.scrollable::-webkit-scrollbar-thumb:hover, .modal-lg .modal-body::-webkit-scrollbar-thumb:hover, .modal-xl .modal-body::-webkit-scrollbar-thumb:hover { background: #a1a1a1; } .modal-footer { border-top: 1px solid var(--border-light, #e1e5e9); padding: 16px 20px; background: transparent; gap: 8px; } .modal-footer .btn + .btn { margin-left: 8px; } .modal-sm .modal-dialog, .modal-dialog.modal-sm { max-width: 400px; } .modal-lg .modal-dialog, .modal-dialog.modal-lg { max-width: 800px; } .modal-xl .modal-dialog, .modal-dialog.modal-xl { max-width: 1140px; } .modal-full .modal-dialog, .modal-dialog.modal-full { max-width: calc(100% - 40px); margin: 20px auto; } .modal.modal-slide-up.fade .modal-dialog { transform: translateY(50px); } .modal.modal-slide-up.in .modal-dialog, .modal.modal-slide-up.show .modal-dialog { transform: translateY(0); } .modal.modal-zoom.fade .modal-dialog { transform: scale(0.7); } .modal.modal-zoom.in .modal-dialog, .modal.modal-zoom.show .modal-dialog { transform: scale(1); } .modal.modal-slide-right .modal-dialog { position: fixed; right: 0; top: 0; bottom: 0; margin: 0; max-width: 500px; width: 100%; height: 100%; } .modal.modal-slide-right .modal-dialog .modal-content { height: 100%; border-radius: 0; } .modal.modal-slide-right.fade .modal-dialog { transform: translateX(100%); opacity: 1; } .modal.modal-slide-right.in .modal-dialog, .modal.modal-slide-right.show .modal-dialog { transform: translateX(0); } .modal-confirm .modal-dialog { max-width: 400px; } .modal-confirm .modal-body { text-align: center; padding: 30px 20px; } .modal-confirm .modal-body .confirm-icon { font-size: 48px; margin-bottom: 16px; } .modal-confirm .modal-body .confirm-icon.confirm-warning { color: #ffc107; } .modal-confirm .modal-body .confirm-icon.confirm-danger { color: #dc3545; } .modal-confirm .modal-body .confirm-icon.confirm-success { color: #28a745; } .modal-confirm .modal-body .confirm-icon.confirm-info { color: #17a2b8; } .modal-confirm .modal-body .confirm-title { font-size: var(--fluid-xl, 1.5rem); font-weight: 600; margin-bottom: 8px; color: var(--text-primary, #1f2b38); } .modal-confirm .modal-body .confirm-message { color: var(--text-secondary, #455a64); } .modal-confirm .modal-footer { justify-content: center; border-top: none; padding-top: 0; } .modal-loading .modal-body { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 150px; } .modal-loading .spinner { width: 40px; height: 40px; border: 3px solid #e1e5e9; border-top-color: var(--brand-primary, #005aee); border-radius: 50%; animation: modal-spin 0.8s linear infinite; } @keyframes modal-spin { to { transform: rotate(360deg); } } .modal-footer .btn { transition: background-color var(--transition-fast, 150ms ease), transform var(--transition-fast, 150ms ease), box-shadow var(--transition-fast, 150ms ease); } .modal-footer .btn:hover:not(:disabled) { transform: translateY(-1px); box-shadow: var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.1)); } .modal-footer .btn:active:not(:disabled) { transform: translateY(0); box-shadow: none; } .modal .form-control:focus, .modal input:focus, .modal textarea:focus, .modal select:focus { animation: modal-focus-pulse 0.3s ease-out; } @keyframes modal-focus-pulse { 0% { box-shadow: 0 0 0 0 rgba(41, 116, 219, 0.4); } 100% { box-shadow: 0 0 0 3px rgba(41, 116, 219, 0.15); } } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } .modal-backdrop { transition: none; } .modal-footer .btn { transition: none; } } @media (forced-colors: active) { .modal-content { border: 2px solid CanvasText; } } .btn-portal-save { display: inline-flex !important; align-items: center !important; padding: var(--oa-space-sm) var(--oa-space-lg) !important; background: var(--oa-brand-primary, #005aee) !important; color: white !important; border: none !important; border-radius: var(--oa-radius-md) !important; font-size: var(--oa-text-h3) !important; font-weight: 500 !important; cursor: pointer !important; transition: all 0.15s ease !important; } .btn-portal-save:hover { background: var(--oa-brand-hover, #0047cc) !important; } .btn-portal-success { display: inline-flex !important; align-items: center !important; gap: var(--oa-space-sm) !important; padding: var(--oa-space-sm) var(--oa-space-lg) !important; background: #10B981 !important; color: white !important; border: none !important; border-radius: var(--oa-radius-md) !important; font-size: var(--oa-text-h3) !important; font-weight: 500 !important; text-decoration: none !important; } #portalSaveModal .modal-dialog { max-width: 480px; width: 90%; margin: 30px auto; } #portalSaveModal .modal-header { border-bottom: none !important; } #portalSaveModal .modal-body { padding: var(--oa-space-xl) !important; border-bottom-left-radius: var(--oa-radius-lg); border-bottom-right-radius: var(--oa-radius-lg); } #portalSaveModal .consent-content { max-height: 120px; overflow-y: auto; padding: var(--oa-space-md); background: #F8FAFC; border: 1px solid var(--oa-border-color); border-radius: var(--oa-radius-md); font-size: var(--oa-text-label); color: #64748B; line-height: 1.5; margin-bottom: var(--oa-space-md); } #portalSaveModal .consent-checkbox { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; } #portalSaveModal .consent-checkbox input[type=checkbox] { width: 18px; height: 18px; margin-top: 2px; cursor: pointer; flex-shrink: 0; } #portalSaveModal .consent-checkbox span { font-size: var(--oa-text-sm); color: #475569; line-height: 1.4; } #portalSaveModal .consent-checkbox a { color: var(--oa-brand-primary, #005aee); } #portalSaveModal .alert-danger { margin-bottom: var(--oa-space-lg); } #portalSaveModal .step-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--oa-border-color); transition: all 0.2s ease; } #portalSaveModal .step-dot.active { background: var(--oa-brand-primary, #005aee); transform: scale(1.2); } #portalSaveModal .step-dot.completed { background: #10B981; } #portalSaveModal .success-state { text-align: center; padding: var(--oa-space-lg) 0; } #portalSaveModal .success-icon { width: 64px; height: 64px; background: #10B981; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto var(--oa-space-lg); } #portalSaveModal .success-icon i { font-size: 28px; color: white; } #portalSaveModal .portal-input { margin-bottom: var(--oa-space-md); } #portalSaveModal .portal-input label { font-size: var(--oa-text-label); font-weight: 500; color: #64748B; margin-bottom: var(--oa-space-xs); display: flex; align-items: center; gap: 6px; } #portalSaveModal .portal-input label i { font-size: var(--oa-text-label); color: #94A3B8; } #portalSaveModal .portal-input .form-control { height: 38px; font-size: var(--oa-text-h3); border-color: var(--oa-border-color); border-radius: var(--oa-radius-md); padding: var(--oa-space-sm) var(--oa-space-md); } #portalSaveModal .portal-input .form-control[readonly] { background: #F8FAFC; color: #64748B; cursor: not-allowed; } #portalSaveModal .portal-input .form-control:focus { border-color: var(--oa-brand-primary); box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.08); } #portalSaveModal .help-text { font-size: var(--oa-text-caption); color: #94A3B8; margin-top: var(--oa-space-xs); margin-bottom: 0; } #portalSaveModal .form-group { margin-bottom: var(--oa-space-md); } @media (min-width: 576px) { #portalSaveModal .modal-dialog { max-width: 520px; } } @media (max-width: 575px) { #portalSaveModal .modal-dialog { width: 95%; margin: 15px auto; } #portalSaveModal .modal-body { padding: var(--oa-space-lg) !important; } #portalSaveModal .modal-body * { max-width: 100%; box-sizing: border-box; } #portalSaveModal .form-control, #portalSaveModal .btn-block { width: 100% !important; } #portalSaveModal .consent-notice { overflow-wrap: break-word; word-break: break-word; } } :root { --font-family-base: Public Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; --font-size-base: 0.9375rem; --font-size-sm: 0.8125rem; --font-size-xs: 0.6875rem; --line-height-base: 1.375; --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem; --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --shadow-card: 0 0.1875rem 0.75rem 0 rgba(47, 43, 61, 0.14); --shadow-dropdown: 0 0.25rem 1.125rem 0 rgba(47, 43, 61, 0.16); --shadow-btn-primary: 0 2px 6px rgba($color-primary, 0.3); --shadow-focus: 0 0 0.25rem 0.05rem rgba($color-primary, 0.1); --color-text-primary: rgba(47, 43, 61, 0.9); --color-text-secondary: rgba(47, 43, 61, 0.7); --color-text-muted: rgba(47, 43, 61, 0.4); --color-bg-body: #f8f7fa; --color-border: rgba(47, 43, 61, 0.12); --color-border-input: rgba(47, 43, 61, 0.22); } .vuexy-form .form-control, .smart-form.modern .form-control { height: 38px; padding: 6px 14px; font-size: var(--font-size-base); font-family: var(--font-family-base); color: var(--color-text-primary); background-color: transparent; border: 1px solid var(--color-border-input); border-radius: var(--radius-md); line-height: 1.625; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .vuexy-form .form-control:focus, .smart-form.modern .form-control:focus { border-color: #005aee; box-shadow: var(--shadow-focus); outline: none; } .vuexy-form .form-control::placeholder, .smart-form.modern .form-control::placeholder { color: #a8a7ae; } .vuexy-form .form-control:disabled, .smart-form.modern .form-control:disabled { background-color: #f5f5f5; cursor: not-allowed; } .vuexy-form textarea.form-control, .smart-form.modern textarea.form-control { height: auto; min-height: 80px; resize: vertical; } .vuexy-form select.form-control, .smart-form.modern select.form-control { appearance: none; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23808390' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 12px center; background-size: 12px; padding-right: 36px; } .vuexy-form label, .vuexy-form .form-label, .smart-form.modern label, .smart-form.modern .form-label { font-size: var(--font-size-sm); font-weight: 400; color: var(--color-text-primary); margin-bottom: var(--space-1); line-height: var(--line-height-base); } .vuexy-form .form-text, .vuexy-form .help-block, .smart-form.modern .form-text, .smart-form.modern .help-block { font-size: var(--font-size-sm); color: var(--color-text-secondary); margin-top: var(--space-1); } .vuexy-form .input-group-text, .smart-form.modern .input-group-text { padding: 6px 14px; font-size: var(--font-size-base); background-color: #f5f5f7; border: 1px solid var(--color-border-input); border-radius: var(--radius-md); color: var(--color-text-secondary); } .btn.modern, .vuexy-btn { padding: 5px 14px; font-size: var(--font-size-sm); font-weight: 500; border-radius: var(--radius-sm); transition: all 0.135s ease-in-out; cursor: pointer; } .btn.modern.btn-primary, .vuexy-btn.btn-primary { background-color: #005aee; border-color: #005aee; box-shadow: var(--shadow-btn-primary); color: #fff; } .btn.modern.btn-primary:hover, .vuexy-btn.btn-primary:hover { background-color: #004bc5; border-color: #004bc5; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0, 90, 238, 0.35); } .btn.modern.btn-primary:active, .vuexy-btn.btn-primary:active { transform: translateY(0); } .btn.modern.btn-primary:focus, .vuexy-btn.btn-primary:focus { box-shadow: var(--shadow-focus); } .btn.modern.btn-secondary, .btn.modern.btn-header, .btn.modern.btn-default, .vuexy-btn.btn-secondary, .vuexy-btn.btn-header, .vuexy-btn.btn-default { padding: 8px 20px; font-size: var(--font-size-base); background-color: #ebeaed; color: var(--color-text-muted); border: 1px solid #ebeaed; border-radius: var(--radius-md); } .btn.modern.btn-secondary:hover, .btn.modern.btn-header:hover, .btn.modern.btn-default:hover, .vuexy-btn.btn-secondary:hover, .vuexy-btn.btn-header:hover, .vuexy-btn.btn-default:hover { background-color: #dedce1; } .btn.modern.btn-outline-primary, .vuexy-btn.btn-outline-primary { background-color: transparent; border-color: #005aee; color: #005aee; } .btn.modern.btn-outline-primary:hover, .vuexy-btn.btn-outline-primary:hover { background-color: rgba(0, 90, 238, 0.08); } .btn.modern.btn-sm, .vuexy-btn.btn-sm { padding: 4px 10px; font-size: var(--font-size-xs); } .btn.modern.btn-lg, .vuexy-btn.btn-lg { padding: 10px 24px; font-size: var(--font-size-base); border-radius: var(--radius-md); } .card.modern, .jarviswidget.modern { background-color: #fff; border: none; border-radius: var(--radius-md); box-shadow: var(--shadow-card); margin-bottom: var(--space-6); overflow: hidden; } .card.modern .card-header, .card.modern .jarviswidget-editbox, .card.modern header, .jarviswidget.modern .card-header, .jarviswidget.modern .jarviswidget-editbox, .jarviswidget.modern header { padding: var(--space-6); background-color: transparent; border-bottom: none; } .card.modern .card-header h2, .card.modern .card-header h3, .card.modern .card-header h4, .card.modern .card-header h5, .card.modern .jarviswidget-editbox h2, .card.modern .jarviswidget-editbox h3, .card.modern .jarviswidget-editbox h4, .card.modern .jarviswidget-editbox h5, .card.modern header h2, .card.modern header h3, .card.modern header h4, .card.modern header h5, .jarviswidget.modern .card-header h2, .jarviswidget.modern .card-header h3, .jarviswidget.modern .card-header h4, .jarviswidget.modern .card-header h5, .jarviswidget.modern .jarviswidget-editbox h2, .jarviswidget.modern .jarviswidget-editbox h3, .jarviswidget.modern .jarviswidget-editbox h4, .jarviswidget.modern .jarviswidget-editbox h5, .jarviswidget.modern header h2, .jarviswidget.modern header h3, .jarviswidget.modern header h4, .jarviswidget.modern header h5 { margin: 0; font-weight: 600; color: var(--color-text-primary); } .card.modern .card-body, .card.modern .widget-body, .jarviswidget.modern .card-body, .jarviswidget.modern .widget-body { padding: 0 var(--space-6) var(--space-6); } .card.modern .card-footer, .jarviswidget.modern .card-footer { padding: var(--space-4) var(--space-6); background-color: transparent; border-top: 1px solid var(--color-border); } .table.modern thead th, .datatable.modern thead th { padding: var(--space-4) var(--space-5); font-size: var(--font-size-sm); font-weight: 500; text-transform: uppercase; color: var(--color-text-primary); background-color: transparent; border-bottom: 1px solid var(--color-border); letter-spacing: 0.5px; } .table.modern tbody td, .datatable.modern tbody td { padding: 12.5px var(--space-5); color: var(--color-text-secondary); vertical-align: middle; border-bottom: 1px solid var(--color-border); } .table.modern tbody tr, .datatable.modern tbody tr { transition: background-color 0.15s ease; } .table.modern tbody tr:hover, .datatable.modern tbody tr:hover { background-color: var(--color-bg-body); } .table.modern.table-sm thead th, .datatable.modern.table-sm thead th { padding: var(--space-3) var(--space-4); } .table.modern.table-sm tbody td, .datatable.modern.table-sm tbody td { padding: var(--space-2) var(--space-4); } .badge { font-size: 12px !important; font-weight: 500; line-height: 1.4; } .badge.badge-secondary { background-color: #E2E8F0 !important; color: #334155 !important; } .badge-status { display: inline-block; padding: 5.5px 10px; font-size: var(--font-size-sm); font-weight: 500; border-radius: var(--radius-sm); text-transform: capitalize; } .badge-status.badge-success, .badge-status.badge-active, .badge-status.badge-hired { background-color: rgba(40, 199, 111, 0.12); color: #28c76f; } .badge-status.badge-warning, .badge-status.badge-pending, .badge-status.badge-maybe { background-color: rgba(255, 159, 67, 0.12); color: #ff9f43; } .badge-status.badge-danger, .badge-status.badge-rejected, .badge-status.badge-failed { background-color: rgba(234, 84, 85, 0.12); color: #ea5455; } .badge-status.badge-info, .badge-status.badge-scheduled, .badge-status.badge-in-progress { background-color: rgba(0, 207, 232, 0.12); color: #00cfe8; } .badge-status.badge-secondary, .badge-status.badge-new { background-color: rgba(128, 131, 144, 0.12); color: #808390; } .badge-status.badge-primary, .badge-status.badge-accepted { background-color: rgba(0, 90, 238, 0.12); color: #005aee; } .modal.modern .modal-content { background-color: #fff; border: none; border-radius: var(--radius-lg); box-shadow: var(--shadow-dropdown); } .modal.modern .modal-header { padding: var(--space-6) var(--space-6) var(--space-4); border-bottom: none; } .modal.modern .modal-header .modal-title { font-size: 18px; font-weight: 600; color: var(--color-text-primary); line-height: var(--line-height-base); } .modal.modern .modal-header .close, .modal.modern .modal-header .btn-close { opacity: 0.6; transition: opacity 0.15s ease; } .modal.modern .modal-header .close:hover, .modal.modern .modal-header .btn-close:hover { opacity: 1; } .modal.modern .modal-body { padding: var(--space-4) var(--space-6); } .modal.modern .modal-footer { padding: var(--space-4) var(--space-6) var(--space-6); border-top: none; gap: var(--space-3); } .modal-backdrop.modern { background-color: #97959e; opacity: 0.5 !important; } .modal-backdrop.modern.in { opacity: 0.5 !important; } .nav-tabs.modern { border-bottom: 1px solid var(--color-border); } .nav-tabs.modern .nav-link, .nav-tabs.modern > li > a { padding: 9px 20px; font-size: var(--font-size-base); font-weight: 500; color: var(--color-text-secondary); border: none; border-bottom: 2px solid transparent; border-radius: 0; margin-bottom: -1px; transition: all 0.15s ease; } .nav-tabs.modern .nav-link:hover, .nav-tabs.modern > li > a:hover { color: #005aee; border-bottom-color: rgba(0, 90, 238, 0.3); background-color: transparent; } .nav-tabs.modern .nav-link.active, .nav-tabs.modern .nav-link:focus, .nav-tabs.modern > li > a.active, .nav-tabs.modern > li > a:focus { color: #005aee; background-color: transparent; border-bottom-color: #005aee; } .nav-tabs.modern > li.active > a { color: #005aee; border-bottom-color: #005aee; } .dropdown-menu.modern { padding: var(--space-2) 0; border: 1px solid var(--color-border); border-radius: var(--radius-md); box-shadow: var(--shadow-dropdown); background-color: #fff; min-width: 180px; } .dropdown-menu.modern > li > a, .dropdown-menu.modern .dropdown-item { padding: var(--space-2) var(--space-4); font-size: var(--font-size-base); color: var(--color-text-secondary); transition: all 0.15s ease; } .dropdown-menu.modern > li > a:hover, .dropdown-menu.modern > li > a:focus, .dropdown-menu.modern .dropdown-item:hover, .dropdown-menu.modern .dropdown-item:focus { background-color: rgba(0, 90, 238, 0.08); color: #005aee; } .dropdown-menu.modern > li > a.active, .dropdown-menu.modern .dropdown-item.active { background-color: rgba(0, 90, 238, 0.12); color: #005aee; font-weight: 500; } .dropdown-menu.modern > li > a i, .dropdown-menu.modern .dropdown-item i { width: 20px; margin-right: var(--space-2); color: var(--color-text-muted); } .dropdown-menu.modern > li > a:hover i, .dropdown-menu.modern > li > a.active i, .dropdown-menu.modern .dropdown-item:hover i, .dropdown-menu.modern .dropdown-item.active i { color: #005aee; } .dropdown-menu.modern .dropdown-divider, .dropdown-menu.modern .divider { margin: var(--space-2) 0; border-top: 1px solid var(--color-border); height: 0; background: none; } .dropdown-menu.modern .dropdown-header { padding: var(--space-2) var(--space-4); font-size: var(--font-size-xs); font-weight: 500; color: var(--color-text-muted); text-transform: uppercase; letter-spacing: 0.5px; } .avatar { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; overflow: visible; position: relative; background: linear-gradient(135deg, #E2E8F0 0%, #CBD5E1 100%); color: #64748B; font-weight: 600; text-transform: uppercase; border: 2px solid #FFFFFF; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } .avatar.avatar-xs { width: 24px; height: 24px; font-size: 10px; } .avatar.avatar-sm { width: 32px; height: 32px; font-size: 12px; } .avatar.avatar-md { width: 40px; height: 40px; font-size: 14px; } .avatar.avatar-lg { width: 48px; height: 48px; font-size: 16px; } .avatar.avatar-xl { width: 64px; height: 64px; font-size: 20px; } .avatar.avatar-online::after, .avatar.avatar-away::after, .avatar.avatar-busy::after, .avatar.avatar-offline::after { content: ""; position: absolute; bottom: 0; right: 0; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #fff; margin: -2px; z-index: 10; } .avatar.avatar-online::after { background-color: #22C55E; } .avatar.avatar-away::after { background-color: #EAB308; } .avatar.avatar-busy::after { background-color: #EF4444; } .avatar.avatar-offline::after { background-color: #94A3B8; } .avatar-group { display: flex; flex-direction: row-reverse; justify-content: flex-end; } .avatar-group .avatar { margin-left: -8px; border: 2px solid #fff; } .avatar-group .avatar:last-child { margin-left: 0; } .touch-target { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; } .touch-target-expanded { position: relative; } .touch-target-expanded::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 44px; height: 44px; min-width: 44px; min-height: 44px; } .page-vuexy, body.vuexy-theme { background-color: var(--color-bg-body); } .content-wrapper.modern { padding: var(--space-6); background-color: var(--color-bg-body); } :root { --height-xs: 24px; --height-sm: 32px; --height-md: 40px; --height-lg: 48px; --height-xl: 64px; } .form-control, input[type=text], input[type=email], input[type=password], input[type=number], input[type=tel], input[type=url], input[type=search], input[type=date], input[type=time], input[type=datetime-local], select.form-control, .smart-form input, .smart-form select { font-size: var(--font-size-base); line-height: 1.5; border-radius: var(--radius-md); } textarea.form-control, .smart-form textarea { height: auto !important; min-height: 80px; } .btn-sm { height: var(--height-sm) !important; padding: 4px 12px !important; font-size: var(--font-size-xs); } .btn-lg { height: var(--height-lg) !important; padding: 12px 24px !important; font-size: var(--font-size-base); } .btn-xs { height: var(--height-xs) !important; padding: 2px 8px !important; font-size: 11px; } .table > thead > tr > th, .table thead th, .datatable > thead > tr > th, .datatable thead th, .dataTable > thead > tr > th, .dataTable thead th { font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; color: var(--color-text-muted); background-color: transparent; border-bottom: 2px solid var(--color-border); padding: 12px 16px !important; } .table > tbody > tr > td, .table tbody td, .datatable > tbody > tr > td, .datatable tbody td, .dataTable > tbody > tr > td, .dataTable tbody td { vertical-align: middle; padding: 10px 16px; border-bottom: 1px solid var(--color-border); } .table > tbody > tr, .table tbody tr, .datatable > tbody > tr, .datatable tbody tr, .dataTable > tbody > tr, .dataTable tbody tr { transition: background-color 0.15s ease; } .table > tbody > tr:hover, .table tbody tr:hover, .datatable > tbody > tr:hover, .datatable tbody tr:hover, .dataTable > tbody > tr:hover, .dataTable tbody tr:hover { background-color: rgba(41, 116, 219, 0.04) !important; } .table.table-striped > tbody > tr:nth-of-type(odd), .datatable.table-striped > tbody > tr:nth-of-type(odd), .dataTable.table-striped > tbody > tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.02); } .table.table-striped > tbody > tr:nth-of-type(odd):hover, .datatable.table-striped > tbody > tr:nth-of-type(odd):hover, .dataTable.table-striped > tbody > tr:nth-of-type(odd):hover { background-color: rgba(41, 116, 219, 0.06) !important; } .dataTables_wrapper .dataTables_length select, .dataTables_wrapper .dataTables_filter input { height: var(--height-sm) !important; padding: 4px 8px !important; } .pagination { gap: 4px; } .pagination > li > a, .pagination > li > span, .pagination .page-link { min-width: 36px; height: 36px; padding: 6px 12px; border-radius: var(--radius-md) !important; border: none !important; background: transparent; color: var(--color-text-secondary); font-weight: 500; display: inline-flex; align-items: center; justify-content: center; transition: all 0.15s ease; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination .page-link:hover { background: rgba(41, 116, 219, 0.08); color: #005aee; } .pagination > .active > a, .pagination > .active > span, .pagination .page-item.active .page-link { background: var(--oa-info-bg, #EFF6FF) !important; color: #005aee !important; border-color: #005aee !important; font-weight: 600 !important; } .pagination > .disabled > a, .pagination > .disabled > span, .pagination .page-item.disabled .page-link { opacity: 0.5; cursor: not-allowed; background: transparent !important; } .dataTables_paginate .paginate_button { min-width: 36px !important; height: 36px !important; padding: 6px 12px !important; border-radius: var(--radius-md) !important; border: none !important; margin: 0 2px !important; } .dataTables_paginate .paginate_button:hover { background: rgba(41, 116, 219, 0.08) !important; color: #005aee !important; border: none !important; } .dataTables_paginate .paginate_button.current { background: #005aee !important; color: #fff !important; border: none !important; } .linear-activity { background-color: #6ed9ff !important; } .indeterminate:before { background-color: #005aee !important; } .indeterminate:after { background-color: #3ba6ff !important; } .smart-form .input, .smart-form .textarea { position: relative; } .smart-form .icon-prepend, .smart-form .icon-append { top: 50%; transform: translateY(-50%); font-size: 14px; color: var(--oa-icon-color-muted, #78716C); pointer-events: none; transition: color 0.15s ease; } .smart-form .icon-append { pointer-events: auto; cursor: pointer; } .smart-form .icon-prepend.fa-duotone, .smart-form .icon-prepend.fad, .smart-form .icon-append.fa-duotone, .smart-form .icon-append.fad { position: absolute !important; font-family: "Font Awesome 6 Duotone" !important; font-weight: 900 !important; -webkit-font-smoothing: antialiased !important; font-style: normal !important; font-variant: normal !important; text-rendering: auto !important; line-height: 1 !important; } .smart-form .icon-prepend.fa-duotone::before, .smart-form .icon-prepend.fa-duotone::after, .smart-form .icon-prepend.fad::before, .smart-form .icon-prepend.fad::after, .smart-form .icon-append.fa-duotone::before, .smart-form .icon-append.fa-duotone::after, .smart-form .icon-append.fad::before, .smart-form .icon-append.fad::after { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; text-align: center !important; box-sizing: border-box !important; } .smart-form .icon-prepend.fa-duotone::before, .smart-form .icon-prepend.fad::before, .smart-form .icon-append.fa-duotone::before, .smart-form .icon-append.fad::before { color: var(--fa-primary-color, currentColor) !important; } .smart-form .icon-prepend.fa-duotone::after, .smart-form .icon-prepend.fad::after, .smart-form .icon-append.fa-duotone::after, .smart-form .icon-append.fad::after { color: var(--fa-secondary-color, currentColor) !important; opacity: var(--fa-secondary-opacity, 0.4) !important; } .smart-form .icon-prepend { left: 8px; padding-right: 0; border-right: none; } .smart-form .icon-append { right: 8px; padding-left: 0; border-left: none; } .smart-form .input .icon-prepend + input, .smart-form .input .icon-prepend + .form-control, .smart-form .input .icon-prepend ~ input, .smart-form .input .icon-prepend ~ .form-control, .smart-form label.input .icon-prepend + input, .smart-form label.input .icon-prepend ~ input, .smart-form .textarea .icon-prepend + textarea { padding-left: 40px !important; } .smart-form .input .icon-append + input, .smart-form .input .icon-append + .form-control, .smart-form .input .icon-append ~ input, .smart-form .textarea .icon-append + textarea, .smart-form .input input:has(+ .icon-append), .smart-form .input .form-control:has(+ .icon-append) { padding-right: 40px !important; } .smart-form .input .icon-prepend + .icon-append + input, .smart-form .input .icon-prepend + .icon-append + .form-control { padding-left: 40px; padding-right: 40px; } .smart-form .input:focus-within .icon-prepend, .smart-form .input:focus-within .icon-append, .smart-form .textarea:focus-within .icon-prepend, .smart-form .textarea:focus-within .icon-append { color: var(--oa-brand-primary, #005aee); } .smart-form.state-error .icon-prepend, .smart-form.state-error .icon-append { color: var(--oa-error-text, #B91C1C); } .smart-form.state-success .icon-prepend, .smart-form.state-success .icon-append { color: var(--oa-success-text, #166534); } .smart-form.card .input .icon-prepend, .smart-form.card .input .icon-append { font-size: 18px; width: 36px; top: 12px; color: var(--oa-icon-color-light, #A8A29E); } .smart-form.card .input .icon-prepend + input, .smart-form.card .input .icon-prepend ~ input { padding-left: 40px !important; } .smart-form.card .input input { height: 44px; padding-top: 10px; padding-bottom: 10px; font-size: 15px; } .smart-form.card .input input::placeholder { color: var(--oa-text-light, #94A3B8); } .modal .smart-form .icon-prepend, .modal .smart-form .icon-append, .modal-body .smart-form .icon-prepend, .modal-body .smart-form .icon-append { font-size: 14px; width: 28px; } .input-group .input-group-addon { display: flex; align-items: center; justify-content: center; min-width: 40px; padding: 0 12px; } .input-group .input-group-addon .fa, .input-group .input-group-addon .fas, .input-group .input-group-addon .far, .input-group .input-group-addon .fal, .input-group .input-group-addon .fad, .input-group .input-group-addon .fab, .input-group .input-group-addon [class^=fa-], .input-group .input-group-addon .glyphicon { font-size: 14px; line-height: 1; } .input-group .form-control, .input-group .input-group-addon { height: var(--oa-input-height, 32px); } .input-group-lg .form-control, .input-group-lg .input-group-addon { height: 46px; } .input-group-lg .input-group-addon .fa, .input-group-lg .input-group-addon .glyphicon { font-size: 18px; } .search-input-wrapper, .input-search-icon { position: relative; } .search-input-wrapper .search-icon, .search-input-wrapper .fa-search, .search-input-wrapper .fa-magnifying-glass, .input-search-icon .search-icon, .input-search-icon .fa-search, .input-search-icon .fa-magnifying-glass { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); font-size: 14px; color: var(--oa-icon-color-muted, #78716C); pointer-events: none; } .search-input-wrapper input, .input-search-icon input { padding-left: 38px; } .icon-prepend.icon-prepend-lg { font-size: 20px; width: 40px; top: 50%; transform: translateY(-50%); } @media (max-width: 767px) { .smart-form .icon-prepend, .smart-form .icon-append { font-size: 14px; width: 28px; } .smart-form .input .icon-prepend + input, .smart-form .input .icon-prepend + .form-control { padding-left: 36px; } .smart-form .input .icon-append + input, .smart-form .input .icon-append + .form-control { padding-right: 36px; } } .icon-addon { position: relative; display: flex; align-items: center; } .icon-addon input.form-control, .icon-addon .form-control { height: var(--oa-input-height, 32px); padding-left: 36px !important; border-radius: var(--oa-radius-md, 8px) !important; } .icon-addon label[class*=fa-], .icon-addon .fa, .icon-addon .fa-light, .icon-addon .fa-regular, .icon-addon .fa-solid, .icon-addon .fa-duotone, .icon-addon i[class*=fa-] { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); z-index: 2; width: 20px; font-size: 14px; text-align: center; color: var(--oa-text-muted, #64748B); pointer-events: none; } .icon-addon .icon-append, .icon-addon i.fa-xmark, .icon-addon i.fa-times { position: absolute; right: 10px; left: auto; top: 50%; transform: translateY(-50%); cursor: pointer; pointer-events: auto; color: var(--oa-text-muted, #94A3B8); transition: color 0.15s ease; } .icon-addon .icon-append:hover, .icon-addon i.fa-xmark:hover, .icon-addon i.fa-times:hover { color: var(--oa-text-main, #0F172A); } .icon-addon.addon-sm input.form-control, .icon-addon.addon-sm .form-control { height: var(--oa-input-height-sm, 28px); padding-left: 32px; font-size: 12px; } .icon-addon.addon-sm label[class*=fa-], .icon-addon.addon-sm .fa, .icon-addon.addon-sm i[class*=fa-] { font-size: 12px; left: 8px; } .icon-addon.addon-md input.form-control, .icon-addon.addon-md .form-control { height: var(--oa-input-height, 32px); padding-left: 36px !important; padding-right: 36px !important; } .icon-addon.addon-md label[class*=fa-], .icon-addon.addon-md .fa:not(.icon-append):not(.fa-xmark):not(.fa-times), .icon-addon.addon-md .fa-light:not(.icon-append):not(.fa-xmark):not(.fa-times), .icon-addon.addon-md .fa-regular:not(.icon-append):not(.fa-xmark):not(.fa-times), .icon-addon.addon-md .fa-solid:not(.icon-append):not(.fa-xmark):not(.fa-times), .icon-addon.addon-md i[class*=fa-]:not(.icon-append):not(.fa-xmark):not(.fa-times) { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; font-size: 14px; left: 10px; } .icon-addon.addon-md .icon-append, .icon-addon.addon-md i.fa-xmark, .icon-addon.addon-md i.fa-times { position: absolute !important; right: 10px !important; left: auto !important; top: 50% !important; transform: translateY(-50%) !important; } .icon-addon.addon-lg input.form-control, .icon-addon.addon-lg .form-control { height: var(--oa-input-height-lg, 40px); padding-left: 44px; font-size: 15px; } .icon-addon.addon-lg label[class*=fa-], .icon-addon.addon-lg .fa, .icon-addon.addon-lg i[class*=fa-] { font-size: 16px; left: 12px; width: 24px; } .icon-addon.right-addon input.form-control, .icon-addon.right-addon .form-control { padding-left: 12px; padding-right: 36px; } .icon-addon.right-addon label[class*=fa-], .icon-addon.right-addon .fa, .icon-addon.right-addon i[class*=fa-] { left: auto; right: 10px; } .icon-addon:focus-within label[class*=fa-], .icon-addon:focus-within .fa, .icon-addon:focus-within i[class*=fa-]:not(.fa-xmark):not(.fa-times) { color: var(--oa-brand-primary, #005aee); } .search-modal .modal-dialog { margin-top: 48px; } .search-modal .modal-content { display: flex; flex-direction: column; max-height: calc(100vh - 96px); overflow: hidden; } .search-modal .modal-header.oa-gs-header { display: flex; align-items: center; gap: var(--oa-space-md); flex: 0 0 auto; padding: var(--oa-space-lg) var(--oa-space-xl) !important; } .search-modal .oa-gs-input { position: relative; flex: 1 1 auto; margin: 0; } .search-modal .oa-gs-input .search-icon { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); font-size: 15px; color: var(--oa-text-light); pointer-events: none; } .search-modal .oa-gs-input input.form-control { width: 100%; height: 44px; padding: 0 44px 0 40px !important; font-size: 15px; border: 1px solid var(--oa-border-color); border-radius: var(--oa-radius-md); background: #fff; box-shadow: none; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .search-modal .oa-gs-input input.form-control:focus { outline: none; border-color: var(--oa-brand-primary); box-shadow: 0 0 0 3px rgba(var(--oa-brand-primary-rgb), 0.15); } .search-modal .oa-gs-input .clear-search { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; padding: 0; border: 0; border-radius: var(--oa-radius-full); background: none; color: var(--oa-text-light); cursor: pointer; } .search-modal .oa-gs-input .clear-search:hover, .search-modal .oa-gs-input .clear-search:focus-visible { background: #f1f5f9; color: var(--oa-text-main); outline: none; } .search-modal .oa-gs-close { flex: 0 0 auto; width: 36px; height: 36px; padding: 0; border: 0; border-radius: var(--oa-radius-full); background: none; color: var(--oa-text-light); font-size: 16px; cursor: pointer; } .search-modal .oa-gs-close:hover { background: #f1f5f9; color: var(--oa-text-main); } .search-modal .oa-gs-close:focus-visible { outline: none; box-shadow: var(--oa-focus-ring); } .search-modal .modal-body.oa-gs-body { flex: 1 1 auto; padding: 0 !important; overflow-y: auto !important; max-height: calc(100vh - 160px); min-height: 320px; } .search-modal .oa-gs-chips { position: sticky; top: 0; z-index: 5; display: flex; flex-wrap: wrap; gap: var(--oa-space-sm); padding: var(--oa-space-md) var(--oa-space-xl); background: #fff; border-bottom: 1px solid var(--oa-border-color); } .search-modal .oa-gs-chip { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px; border: 1px solid var(--oa-border-color); border-radius: var(--oa-radius-full); background: #fff; color: var(--oa-text-secondary); font-size: 13px; font-weight: 500; line-height: 1; cursor: pointer; transition: background-color 0.15s ease, color 0.15s ease, opacity 0.15s ease; } .search-modal .oa-gs-chip:hover { background: #f8fafc; } .search-modal .oa-gs-chip:focus-visible { outline: none; box-shadow: var(--oa-focus-ring); } .search-modal .oa-gs-chip.is-active { background: var(--oa-brand-primary); border-color: var(--oa-brand-primary); color: #fff; } .search-modal .oa-gs-chip.is-dimmed:not(.is-active) { opacity: 0.45; } .search-modal .oa-gs-chip-count { min-width: 18px; padding: 0 5px; border-radius: var(--oa-radius-full); background: rgba(0, 0, 0, 0.06); font-size: 11px; font-weight: 600; line-height: 18px; text-align: center; } .search-modal .oa-gs-chip.is-active .oa-gs-chip-count { background: rgba(255, 255, 255, 0.25); } .search-modal .oa-gs-progress { position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; overflow: hidden; } .search-modal .oa-gs-progress .linear-activity { margin: 0; height: 3px; } .search-modal .oa-gs-results { padding: var(--oa-space-sm) var(--oa-space-xl) var(--oa-space-lg); } .search-modal .oa-gs-group + .oa-gs-group { margin-top: var(--oa-space-md); } .search-modal .oa-gs-group-header { display: flex; align-items: center; justify-content: space-between; padding: var(--oa-space-sm) var(--oa-space-sm) var(--oa-space-xs); } .search-modal .oa-gs-group-header h5 { margin: 0; font-size: 12px; font-weight: 600; letter-spacing: 0.02em; text-transform: uppercase; color: var(--oa-text-muted); } .search-modal .oa-gs-group-count { margin-left: 4px; font-weight: 500; color: var(--oa-text-light); } .search-modal .oa-gs-show-all { padding: 2px 6px; border: 0; border-radius: var(--oa-radius-sm); background: none; color: var(--oa-brand-primary); font-size: 12px; font-weight: 600; cursor: pointer; } .search-modal .oa-gs-show-all:hover { text-decoration: underline; } .search-modal .oa-gs-show-all:focus-visible { outline: none; box-shadow: var(--oa-focus-ring); } .search-modal .oa-gs-row { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; column-gap: var(--oa-space-md); align-items: center; min-height: 56px; padding: var(--oa-space-md) var(--oa-space-sm); border-radius: var(--oa-radius-md); cursor: pointer; transition: background-color 0.15s ease; } .search-modal .oa-gs-row:hover { background: #f8fafc; } .search-modal .oa-gs-row.selected { background: rgba(var(--oa-brand-primary-rgb), 0.06); box-shadow: inset 2px 0 0 var(--oa-brand-primary); } .search-modal .oa-gs-tint-candidate { --oa-gs-tint: var(--oa-search-candidate); } .search-modal .oa-gs-tint-employee { --oa-gs-tint: var(--oa-search-employee); } .search-modal .oa-gs-tint-position { --oa-gs-tint: var(--oa-search-position); } .search-modal .oa-gs-tint-collection { --oa-gs-tint: var(--oa-search-collection); } .search-modal .oa-gs-tint-message { --oa-gs-tint: var(--oa-search-message); } .search-modal .oa-gs-tint-assessment { --oa-gs-tint: var(--oa-search-assessment); } .search-modal .oa-gs-tint-edoc { --oa-gs-tint: var(--oa-search-edoc); } .search-modal .oa-gs-tint-settings { --oa-gs-tint: var(--oa-search-settings); } .search-modal .oa-gs-tint-users { --oa-gs-tint: var(--oa-search-users); } .search-modal .oa-gs-glyph { position: relative; width: 32px; height: 32px; margin: 0 auto; border-radius: var(--oa-radius-full); display: flex; align-items: center; justify-content: center; overflow: hidden; color: var(--oa-gs-tint, var(--oa-brand-primary)); font-size: 14px; } .search-modal .oa-gs-glyph::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: currentColor; opacity: 0.12; } .search-modal .oa-gs-glyph i, .search-modal .oa-gs-glyph .oa-gs-initials, .search-modal .oa-gs-glyph .oa-gs-avatar { position: relative; z-index: 1; } .search-modal .oa-gs-glyph i { color: inherit; } .search-modal .oa-gs-glyph .oa-gs-initials { font-size: 12px; font-weight: 700; letter-spacing: 0.02em; } .search-modal .oa-gs-glyph .oa-gs-avatar { width: 100%; height: 100%; object-fit: cover; } .search-modal .oa-gs-main { min-width: 0; } .search-modal .oa-gs-title-line { display: flex; align-items: center; gap: var(--oa-space-sm); min-width: 0; } .search-modal .oa-gs-tag { flex: 0 0 auto; padding: 2px 6px; border-radius: 4px; background: rgba(0, 0, 0, 0.04); color: var(--oa-gs-tint, var(--oa-text-muted)); font-size: 10px; font-weight: 700; letter-spacing: 0.05em; line-height: 1.2; text-transform: uppercase; } .search-modal .oa-gs-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--oa-text-main); font-size: 14px; font-weight: 600; } .search-modal .oa-gs-title .ui-match { border-radius: 2px; background: #fff3bf; color: inherit; } .search-modal .oa-gs-meta { display: flex; flex-wrap: wrap; gap: 4px 14px; max-height: 2.9em; margin-top: 3px; overflow: hidden; color: var(--oa-text-muted); font-size: 12px; line-height: 1.4; } .search-modal .oa-gs-meta-item { display: inline-flex; align-items: center; gap: 5px; min-width: 0; } .search-modal .oa-gs-meta-item i { flex: 0 0 auto; font-size: 11px; color: var(--oa-text-light); } .search-modal .oa-gs-right { justify-self: end; } .search-modal .oa-gs-pill { display: inline-block; padding: 3px 10px; border-radius: var(--oa-radius-full); background: #f1f5f9; color: var(--oa-text-secondary); font-size: 11px; font-weight: 600; line-height: 1.4; white-space: nowrap; } .search-modal .oa-gs-pill.oa-gs-pill-open, .search-modal .oa-gs-pill.oa-gs-pill-accepted { background: #ecfdf5; color: #047857; } .search-modal .oa-gs-pill.oa-gs-pill-closed, .search-modal .oa-gs-pill.oa-gs-pill-rejected { background: #fef2f2; color: #b91c1c; } .search-modal .oa-gs-pill.oa-gs-pill-archived { background: #f3f4f6; color: #6b7280; } .search-modal .oa-gs-action { color: var(--oa-brand-primary); font-size: 12px; font-weight: 600; white-space: nowrap; } .search-modal .oa-gs-skeleton-row { display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: var(--oa-space-md); align-items: center; min-height: 56px; padding: var(--oa-space-md) var(--oa-space-sm); } .search-modal .oa-gs-skeleton-glyph { display: block; width: 32px; height: 32px; margin: 0 auto; border-radius: var(--oa-radius-full); background: #eef2f7; animation: oa-gs-pulse 1.2s ease-in-out infinite; } .search-modal .oa-gs-skeleton-lines span { display: block; height: 10px; border-radius: 4px; background: #eef2f7; animation: oa-gs-pulse 1.2s ease-in-out infinite; } .search-modal .oa-gs-skeleton-lines span:first-child { width: 40%; margin-bottom: 8px; } .search-modal .oa-gs-skeleton-lines span:last-child { width: 70%; } .search-modal .oa-gs-empty { padding: 48px var(--oa-space-lg); text-align: center; color: var(--oa-text-muted); } .search-modal .oa-gs-empty i { display: block; margin-bottom: var(--oa-space-md); font-size: 28px; color: var(--oa-text-light); } .search-modal .oa-gs-empty p { margin: 0 0 var(--oa-space-md); font-size: 14px; } @media (max-width: 576px) { .search-modal .modal-header.oa-gs-header { padding: var(--oa-space-md) var(--oa-space-lg) !important; } .search-modal .oa-gs-chips, .search-modal .oa-gs-results { padding-left: var(--oa-space-md); padding-right: var(--oa-space-md); } .search-modal .oa-gs-row { grid-template-columns: 40px minmax(0, 1fr); } .search-modal .oa-gs-right { grid-column: 2; justify-self: start; margin-top: 4px; } } @keyframes oa-gs-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.45; } } .display-1 { font-size: var(--oa-text-display, 48px); font-weight: 700; letter-spacing: -0.04em; line-height: 1.1; color: var(--oa-text-main, #0F172A); } .display-2 { font-size: 40px; font-weight: 700; letter-spacing: -0.03em; line-height: 1.15; color: var(--oa-text-main, #0F172A); } .heading-1 { font-size: var(--oa-text-h1, 32px); font-weight: 700; letter-spacing: -0.03em; line-height: 1.2; color: var(--oa-text-main, #0F172A); } .heading-2 { font-size: var(--oa-text-h2, 24px); font-weight: 600; letter-spacing: -0.02em; line-height: 1.3; color: var(--oa-text-main, #0F172A); text-align: left; } .heading-3 { font-size: var(--oa-text-h3, 18px); font-weight: 600; letter-spacing: -0.01em; line-height: 1.4; color: var(--oa-text-main, #0F172A); } .heading-4 { font-size: var(--oa-text-h4, 16px); font-weight: 600; letter-spacing: normal; line-height: 1.4; color: var(--oa-text-main, #0F172A); } .heading-5 { font-size: var(--oa-text-h5, 14px); font-weight: 600; letter-spacing: normal; line-height: 1.4; color: var(--oa-text-main, #0F172A); } .heading-6 { font-size: var(--oa-text-h6, 12px); font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; line-height: 1.4; color: var(--oa-text-muted, #64748B); } .body-lg { font-size: var(--oa-text-body-lg, 16px); font-weight: 400; line-height: 1.6; color: var(--oa-text-muted, #64748B); } .body-text, .body-md { font-size: var(--oa-text-body, 13.5px); font-weight: 400; line-height: 1.5; color: var(--oa-text-muted, #64748B); } .body-sm { font-size: var(--oa-text-body-sm, 12px); font-weight: 400; line-height: 1.5; color: var(--oa-text-muted, #64748B); } .lead { font-size: 18px; font-weight: 400; line-height: 1.6; color: var(--oa-text-muted, #64748B); } .caption { font-size: var(--oa-text-caption, 11px); font-weight: 400; line-height: 1.4; color: var(--oa-text-light, #94A3B8); } .label-text { font-size: 12px; font-weight: 500; line-height: 1.4; color: var(--oa-text-main, #0F172A); } .nav-section { font-size: var(--oa-text-nav, 10px); font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--oa-text-light, #94A3B8); } .tabular-nums { font-variant-numeric: tabular-nums; } .kpi-value { font-size: 32px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--oa-text-main, #0F172A); } .kpi-label { font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; color: var(--oa-text-light, #94A3B8); } .text-main { color: var(--oa-text-main, #0F172A); } .text-muted { color: var(--oa-text-muted, #64748B); } .text-light { color: var(--oa-text-light, #94A3B8); } .text-brand { color: var(--oa-brand-primary, #005aee); } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-uppercase-sm { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; } a { color: var(--oa-brand-primary, #005aee); text-decoration: none; transition: color var(--oa-duration-fast, 150ms) ease; } a:hover { color: var(--oa-brand-hover, #004ac2); text-decoration: underline; } .list-styled { padding-left: 20px; } .list-styled li { margin-bottom: 8px; line-height: 1.5; } .list-styled li::marker { color: var(--oa-brand-primary, #005aee); } blockquote, .blockquote { border-left: 4px solid var(--oa-brand-primary, #005aee); padding-left: 16px; margin: 16px 0; font-style: italic; color: var(--oa-text-muted, #64748B); } code, .code { font-family: var(--oa-font-mono, ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-size: 0.9em; background-color: #F1F5F9; padding: 2px 6px; border-radius: 4px; color: #E11D48; } pre { font-family: var(--oa-font-mono, ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-size: 13px; background-color: #1E293B; color: #E2E8F0; padding: 16px; border-radius: 8px; overflow-x: auto; } html { height: 100%; } body, body.smart-style-0, body.smart-style-1, body.smart-style-2, body.fixed-navigation { background-color: var(--oa-bg-base) !important; background-image: radial-gradient(at 0% 0%, rgba(235, 232, 228, 0.15) 0px, transparent 40%), radial-gradient(at 100% 0%, rgba(230, 227, 223, 0.12) 0px, transparent 40%), radial-gradient(at 100% 100%, rgba(225, 222, 218, 0.08) 0px, transparent 40%) !important; background-attachment: fixed !important; background-repeat: no-repeat !important; background-size: cover !important; min-height: 100vh !important; } #main { background: transparent !important; } #content { background: transparent !important; } #header, header#header { background: var(--oa-bg-base) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important; } #ribbon { background: transparent !important; border-bottom: none !important; } .breadcrumb { background: transparent !important; } .jarviswidget { background: rgba(255, 255, 255, 0.9) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: 1px solid rgba(226, 232, 240, 0.6) !important; border-radius: var(--oa-radius-lg, 12px) !important; box-shadow: var(--oa-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.05)) !important; overflow: hidden; transition: box-shadow var(--oa-transition-normal, 200ms ease); } .jarviswidget:hover { box-shadow: var(--oa-shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1)) !important; } .jarviswidget > div { background: transparent !important; border: none !important; } .jarviswidget > header { background: transparent !important; border-bottom: 1px solid rgba(226, 232, 240, 0.6) !important; } .panel { background: rgba(255, 255, 255, 0.9) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: 1px solid rgba(226, 232, 240, 0.6) !important; border-radius: var(--oa-radius-lg, 12px) !important; box-shadow: var(--oa-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.08)); overflow: hidden; } .panel-heading { background: transparent !important; border-bottom: 1px solid rgba(226, 232, 240, 0.6) !important; } .panel-body { background: transparent !important; } .panel-footer { background: rgba(248, 250, 252, 0.5) !important; border-top: 1px solid rgba(226, 232, 240, 0.6) !important; } .card, .glass-panel { background: var(--oa-bg-white, #F9FAFB) !important; border: 1px solid rgba(226, 232, 240, 0.6) !important; border-radius: var(--oa-radius-lg, 12px) !important; box-shadow: var(--oa-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.05)) !important; } .card.card-hero { background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 100%) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border: none !important; border-radius: var(--oa-radius-lg, 12px) !important; box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.15), 0 10px 15px -3px rgba(59, 130, 246, 0.1) !important; position: relative; overflow: hidden; padding-bottom: 0 !important; margin-bottom: var(--oa-space-xl) !important; color: #fff !important; } .card.card-hero::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 50%); pointer-events: none; } .card.card-hero .heading-3 { font-size: 22px !important; font-weight: 600 !important; letter-spacing: -0.02em !important; line-height: 1.3 !important; color: #fff !important; text-transform: none !important; margin-bottom: 6px !important; } .card.card-hero .body-sm { font-size: 14px !important; color: rgba(255, 255, 255, 0.9) !important; margin-bottom: 4px !important; display: flex !important; align-items: center !important; } .card.card-hero .body-sm i { font-size: 14px !important; width: 18px !important; margin-right: 8px !important; opacity: 0.85 !important; } .card.card-hero .txt-color-white, .card.card-hero .txt-color-white * { color: #fff !important; } .card.card-hero .opacity-85 { color: rgba(255, 255, 255, 0.9) !important; } .card.card-hero .avatar-circle { width: 56px !important; height: 56px !important; min-width: 56px !important; font-size: 20px !important; background: rgba(255, 255, 255, 0.2) !important; border: 2px solid rgba(255, 255, 255, 0.4) !important; color: #fff !important; font-weight: 600 !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; } .card.card-hero h4, .card.card-hero .h4, .card.card-hero .heading-3 { text-transform: none !important; } .card.card-hero .card-body { padding: 20px 24px 0 24px !important; } .card.card-hero a { color: #fff !important; text-decoration: none !important; } .card.card-hero a:hover { text-decoration: underline !important; text-decoration-color: rgba(255, 255, 255, 0.6) !important; } .card.card-hero .profile-tabs { background: rgba(255, 255, 255, 0.98) !important; margin: 16px -24px 0 -24px !important; padding: 0 24px !important; border-radius: 0 0 var(--oa-radius-lg, 12px) var(--oa-radius-lg, 12px) !important; } .card.card-hero .profile-tabs .employee-nav.tabs-2027 { margin-bottom: 0 !important; border-bottom: none !important; gap: 0 !important; } .card.card-hero .profile-tabs .employee-nav.tabs-2027::before, .card.card-hero .profile-tabs .employee-nav.tabs-2027::after { display: none !important; } .card.card-hero .profile-tabs .employee-nav.tabs-2027 ul { margin: 0 !important; padding: 0 !important; display: flex !important; gap: var(--oa-space-sm) !important; flex-wrap: wrap !important; } .card.card-hero .profile-tabs .employee-nav.tabs-2027 ul li { margin: 0 !important; padding: 0 !important; background: transparent !important; } .card.card-hero .profile-tabs .employee-nav.tabs-2027 ul li a { display: inline-flex !important; align-items: center !important; padding: var(--oa-space-md) var(--oa-space-sm) !important; font-size: 13px !important; font-weight: 500 !important; color: var(--text-muted, #64748B) !important; text-decoration: none !important; border-radius: 0 !important; transition: color 0.2s ease !important; position: relative !important; background: transparent !important; border-bottom: 2px solid transparent !important; } .card.card-hero .profile-tabs .employee-nav.tabs-2027 ul li a i { margin-right: 6px !important; font-size: var(--oa-text-h3) !important; opacity: 0.7 !important; color: inherit !important; } .card.card-hero .profile-tabs .employee-nav.tabs-2027 ul li a:hover { color: var(--text-main, #0F172A) !important; background: transparent !important; } .card.card-hero .profile-tabs .employee-nav.tabs-2027 ul li a:hover i { opacity: 1 !important; } .card.card-hero .profile-tabs .employee-nav.tabs-2027 ul li.employee-nav-active a, .card.card-hero .profile-tabs .employee-nav.tabs-2027 ul li.active a { color: var(--brand-primary, #0055FF) !important; background: transparent !important; font-weight: 600 !important; border-bottom-color: var(--brand-primary, #0055FF) !important; } .card.card-hero .profile-tabs .employee-nav.tabs-2027 ul li.employee-nav-active a i, .card.card-hero .profile-tabs .employee-nav.tabs-2027 ul li.active a i { opacity: 1 !important; color: var(--brand-primary, #0055FF) !important; } .card.card-hero .profile-tabs .employee-nav.tabs-2027 ul li.employee-nav-active a::after, .card.card-hero .profile-tabs .employee-nav.tabs-2027 ul li.active a::after { display: none !important; } .card.card-hero .profile-tabs .employee-nav.tabs-2027 ul li.edit { margin-left: auto !important; } .card.card-hero .profile-tabs .employee-nav.tabs-2027 ul li.edit a { color: var(--text-muted, #64748B) !important; } .card.card-hero .profile-tabs .employee-nav.tabs-2027 ul li.edit a:hover { color: var(--brand-primary, #0055FF) !important; } body > .dropdown-menu.employee-razvoj-menu { visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; backdrop-filter: blur(40px) saturate(1.3) !important; -webkit-backdrop-filter: blur(40px) saturate(1.3) !important; } .dropdown-menu:not(.operation-menu):not(.profile-dropdown-menu):not(.position-menu-box):not(.uib-typeahead-popup):not([id^=typeahead-]):not(.uib-datepicker-popup):not(.employee-razvoj-menu) { background: rgba(239, 246, 255, 0.97) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border: 1px solid rgba(0, 85, 255, 0.12) !important; border-radius: var(--oa-radius-lg) !important; box-shadow: 0 12px 32px -6px rgba(0, 85, 255, 0.15), 0 4px 8px -2px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 85, 255, 0.08) !important; padding: var(--oa-space-sm) !important; display: block !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity 0.15s ease-out, visibility 0.15s ease-out !important; } .dropdown-menu:not(.operation-menu):not(.profile-dropdown-menu):not(.position-menu-box):not(.uib-typeahead-popup):not([id^=typeahead-]):not(.uib-datepicker-popup):not(.employee-razvoj-menu) > li > a { border-radius: var(--oa-radius-md) !important; padding: var(--oa-space-sm) var(--oa-space-md) !important; transition: all 0.15s ease !important; color: #0F172A !important; } .dropdown-menu:not(.operation-menu):not(.profile-dropdown-menu):not(.position-menu-box):not(.uib-typeahead-popup):not([id^=typeahead-]):not(.uib-datepicker-popup):not(.employee-razvoj-menu) > li > a:hover { background: rgba(0, 0, 0, 0.08) !important; transform: translateX(2px); } .dropdown-menu:not(.operation-menu):not(.profile-dropdown-menu):not(.position-menu-box):not(.uib-typeahead-popup):not([id^=typeahead-]):not(.uib-datepicker-popup):not(.employee-razvoj-menu) .divider { background: rgba(0, 85, 255, 0.12) !important; margin: var(--oa-space-sm) 0 !important; } .dropdown.open > .dropdown-menu:not(.operation-menu):not(.profile-dropdown-menu):not(.position-menu-box):not(.uib-typeahead-popup):not([id^=typeahead-]):not(.uib-datepicker-popup), .btn-group.open > .dropdown-menu:not(.operation-menu):not(.profile-dropdown-menu):not(.position-menu-box):not(.uib-typeahead-popup):not([id^=typeahead-]):not(.uib-datepicker-popup), .open > .dropdown-menu:not(.operation-menu):not(.profile-dropdown-menu):not(.position-menu-box):not(.uib-typeahead-popup):not([id^=typeahead-]):not(.uib-datepicker-popup) { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; backdrop-filter: blur(40px) saturate(1.3) !important; -webkit-backdrop-filter: blur(40px) saturate(1.3) !important; } .colorpicker-visible > .dropdown-menu:not(.operation-menu):not(.profile-dropdown-menu):not(.position-menu-box):not(.uib-typeahead-popup):not([id^=typeahead-]):not(.uib-datepicker-popup) { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } .colorpicker .close-colorpicker { opacity: 0.6 !important; font-size: 18px; line-height: 1; padding: 2px 6px; } .colorpicker .close-colorpicker:hover { opacity: 1 !important; } .candidate-dropdown-filter.open > .dropdown-menu:not(.operation-menu):not(.profile-dropdown-menu):not(.position-menu-box):not(.uib-typeahead-popup):not([id^=typeahead-]):not(.uib-datepicker-popup) { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; z-index: 99999 !important; transition: none !important; animation: none !important; backdrop-filter: blur(40px) saturate(1.3) !important; -webkit-backdrop-filter: blur(40px) saturate(1.3) !important; } .candidate-dropdown-filter .dropdown-menu, .candidate-dropdown-filter.open .dropdown-menu { transition: none !important; animation: none !important; transform: none !important; -webkit-transform: none !important; opacity: 1 !important; filter: none !important; } .candidate-dropdown-filter .dropdown-menu > li > a, .candidate-dropdown-filter.open .dropdown-menu > li > a { transition: none !important; } .candidate-dropdown-filter .dropdown-menu > li > a:hover, .candidate-dropdown-filter.open .dropdown-menu > li > a:hover { transform: none !important; } .candidate-dropdown-filter .filter-toggle, .candidate-dropdown-filter.open .filter-toggle { transition: none !important; box-shadow: none !important; } .uib-datepicker-popup { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } .dropdown-menu.slide-up { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } .table { background: transparent !important; } .table > thead > tr > th { background: rgba(248, 250, 252, 0.8) !important; border-bottom: 1px solid rgba(226, 232, 240, 0.6) !important; font-size: var(--oa-text-caption); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--oa-text-muted, #64748B); } .table > tbody > tr { transition: background 0.15s ease; } .table > tbody > tr:hover > td { background: rgba(248, 250, 252, 0.5) !important; } .table > tbody > tr > td { border-bottom: 1px solid rgba(241, 245, 249, 0.8) !important; } .alert { border-radius: var(--oa-radius-md, 8px) !important; border: 1px solid !important; box-shadow: var(--oa-shadow-xs, 0 1px 2px rgba(0, 0, 0, 0.05)); } .alert-info { background: var(--oa-info-bg, #EFF6FF) !important; border-color: var(--oa-info-border, #BFDBFE) !important; color: var(--oa-info-text, #1D4ED8) !important; } .alert-success { background: var(--oa-success-bg, #F0FDF4) !important; border-color: var(--oa-success-border, #BBF7D0) !important; color: var(--oa-success-text, #166534) !important; } .alert-warning { background: var(--oa-warning-bg, #FFFBEB) !important; border-color: var(--oa-warning-border, #FDE68A) !important; color: var(--oa-warning-text, #B45309) !important; } .alert-danger { background: var(--oa-error-bg, #FEF2F2) !important; border-color: var(--oa-error-border, #FECACA) !important; color: var(--oa-error-text, #B91C1C) !important; } .badge, .label { border-radius: var(--oa-radius-sm, 6px) !important; font-weight: 500 !important; font-size: 10px !important; padding: 4px 10px !important; line-height: 1.4 !important; text-transform: uppercase !important; letter-spacing: 0.03em !important; color: var(--oa-text-primary, #0F172A); } .users-role-badge { text-transform: none !important; letter-spacing: normal !important; padding: 3px 6px !important; } .badge-primary, .label-primary, .badge-lightblue-oa { background: var(--oa-info-bg, #EFF6FF) !important; color: var(--oa-info-text, #1D4ED8) !important; } .badge-success, .label-success { background: var(--oa-success-bg, #F0FDF4) !important; color: var(--oa-success-text, #166534) !important; } .badge-warning, .label-warning { background: var(--oa-warning-bg, #FFFBEB) !important; color: var(--oa-warning-text, #B45309) !important; } .badge-danger, .label-danger { background: var(--oa-error-bg, #FEF2F2) !important; color: var(--oa-error-text, #B91C1C) !important; } .badge-info, .label-info { background: #ECFEFF !important; color: #0E7490 !important; } .tooltip-inner { background: #1E293B !important; border-radius: var(--oa-radius-sm) !important; font-size: var(--oa-text-label) !important; padding: 6px 10px !important; } .tooltip.top .tooltip-arrow { border-top-color: #1E293B !important; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #1E293B !important; } .tooltip.left .tooltip-arrow { border-left-color: #1E293B !important; } .tooltip.right .tooltip-arrow { border-right-color: #1E293B !important; } .popover { background: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; border: 1px solid rgba(226, 232, 240, 0.6) !important; border-radius: var(--oa-radius-lg, 12px) !important; box-shadow: var(--oa-shadow-lg) !important; } .popover-title { background: transparent !important; border-bottom: 1px solid rgba(226, 232, 240, 0.6) !important; font-weight: 600 !important; } .popover-content { color: var(--oa-text-muted, #64748B) !important; } .configuration .smart-form label.label.form-label, .configuration .smart-form .form-label, .configuration form.smart-form label.label { font-size: 13px !important; } .configuration .users .smart-form label.select select.form-control { max-width: 200px; } .configuration .left-navigation { background-color: var(--oa-bg-base, #F8FAFC) !important; border-right: 1px solid var(--oa-border-glass, rgba(226, 232, 240, 0.6)); color: var(--oa-text-main, #0F172A) !important; } .configuration .company-position-page .navigation { padding-top: 1rem; } .configuration .company-position-page ul.nav.nav-pills.nav-stacked.company-position-nav { padding: 0; margin: 0; list-style: none; } .configuration .company-position-page ul.nav.nav-pills.nav-stacked.company-position-nav > li { border-bottom: 1px solid var(--oa-border-glass, rgba(226, 232, 240, 0.6)); transition: background-color var(--oa-duration-fast, 150ms) ease; background: transparent; padding-top: 0 !important; } .configuration .company-position-page ul.nav.nav-pills.nav-stacked.company-position-nav > li:last-child { border-bottom: none; } .configuration .company-position-page ul.nav.nav-pills.nav-stacked.company-position-nav > li:hover { background-color: rgba(0, 85, 255, 0.04); } .configuration .company-position-page ul.nav.nav-pills.nav-stacked.company-position-nav > li.active-position-nav { background: transparent !important; background-color: transparent !important; border-left: none !important; border-right: none !important; } .configuration .company-position-page ul.nav.nav-pills.nav-stacked.company-position-nav > li.active-position-nav > a { color: var(--oa-brand-primary, #005aee) !important; } .configuration .company-position-page ul.nav.nav-pills.nav-stacked.company-position-nav > li.active-position-nav > a .pull-left:not(i), .configuration .company-position-page ul.nav.nav-pills.nav-stacked.company-position-nav > li.active-position-nav > a .settings-item { color: var(--oa-brand-primary, #005aee) !important; font-weight: 600 !important; } .configuration .company-position-page ul.nav.nav-pills.nav-stacked.company-position-nav > li.active-position-nav > a .description { color: var(--oa-brand-primary, #005aee) !important; opacity: 0.7; } .configuration .company-position-page ul.nav.nav-pills.nav-stacked.company-position-nav > li > a { display: block; padding: 12px 16px; min-height: 56px; text-decoration: none; color: var(--oa-text-main, #0F172A); transition: all var(--oa-duration-fast, 150ms) ease; background-color: transparent; border-radius: 0; } .configuration .company-position-page ul.nav.nav-pills.nav-stacked.company-position-nav > li > a:hover, .configuration .company-position-page ul.nav.nav-pills.nav-stacked.company-position-nav > li > a:focus { text-decoration: none; color: var(--oa-text-main, #0F172A); background-color: transparent; } .configuration .company-position-page ul.nav.nav-pills.nav-stacked.company-position-nav > li > a i, .configuration .company-position-page ul.nav.nav-pills.nav-stacked.company-position-nav > li > a .fa, .configuration .company-position-page ul.nav.nav-pills.nav-stacked.company-position-nav > li > a .fas, .configuration .company-position-page ul.nav.nav-pills.nav-stacked.company-position-nav > li > a .far, .configuration .company-position-page ul.nav.nav-pills.nav-stacked.company-position-nav > li > a .fal, .configuration .company-position-page ul.nav.nav-pills.nav-stacked.company-position-nav > li > a .fad, .configuration .company-position-page ul.nav.nav-pills.nav-stacked.company-position-nav > li > a .fa-duotone { display: none !important; } .configuration .company-position-page ul.nav.nav-pills.nav-stacked.company-position-nav > li > a .pull-left:not(i), .configuration .company-position-page ul.nav.nav-pills.nav-stacked.company-position-nav > li > a .settings-item { float: none; display: block; overflow: hidden; width: auto !important; padding: 0 !important; margin: 0 !important; font-family: var(--oa-font-family, "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif) !important; font-size: 14px !important; font-weight: 600 !important; color: var(--oa-text-main, #0F172A) !important; line-height: 1.4; } .configuration .company-position-page ul.nav.nav-pills.nav-stacked.company-position-nav > li > a .description { font-family: var(--oa-font-family, "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif) !important; font-size: 12px !important; font-weight: 400 !important; color: var(--oa-text-muted, #64748B) !important; line-height: 1.4; margin-top: 2px; margin-left: 0; width: auto !important; } .configuration .left-navigation .padding-top-5 { padding-top: 0 !important; } .configuration .left-navigation .padding-bottom-20 { padding-bottom: 0 !important; } .configuration .users .row.smart-form { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 12px !important; padding: 12px 20px !important; position: sticky !important; top: var(--oa-header-height, 56px) !important; z-index: 100 !important; border-bottom: 1px solid var(--oa-border-glass, rgba(226, 232, 240, 0.6)) !important; margin: 0 -13px 0 -13px !important; width: calc(100% + 26px) !important; } .configuration .users .row.smart-form > .col, .configuration .users .row.smart-form > [class*=col-] { flex: 1 1 0 !important; min-width: 0 !important; max-width: none !important; width: auto !important; padding: 0 !important; margin: 0 !important; float: none !important; } .configuration .users .row.smart-form > .col:first-child, .configuration .users .row.smart-form > [class*=col-]:first-child { flex: 1.6 1 0 !important; } .configuration .users .row.smart-form > .col:last-child, .configuration .users .row.smart-form > [class*=col-]:last-child { flex: 0 0 auto !important; min-width: auto !important; } .configuration .users .row.smart-form .btn-group.btn-radio-rounded { width: 100% !important; display: flex !important; justify-content: stretch !important; } .configuration .users .row.smart-form .btn-group.btn-radio-rounded > .btn, .configuration .users .row.smart-form .btn-group.btn-radio-rounded > label.btn { flex: 1 1 0 !important; } .configuration .users .row.smart-form .input, .configuration .users .row.smart-form label.input { width: 100% !important; margin: 0 !important; } .configuration .users .row.smart-form .input input.form-control, .configuration .users .row.smart-form label.input input.form-control { width: 100% !important; } .configuration .users .row.smart-form .select, .configuration .users .row.smart-form label.select { width: 100% !important; margin: 0 !important; } .configuration .users .row.smart-form .select select.form-control, .configuration .users .row.smart-form label.select select.form-control { width: 100% !important; } .configuration .users .row.smart-form .btn-primary { white-space: nowrap !important; } .configuration .company-position-nav li.active-position-nav a { color: var(--oa-brand-primary, #005aee) !important; background: transparent !important; } .configuration .company-position-nav li.active-position-nav a .description { color: var(--oa-brand-primary, #005aee) !important; opacity: 0.7; } .configuration .users-table thead { display: none !important; } .configuration .users-table td:first-child { width: 70px !important; padding: 12px 8px 12px 16px !important; } .configuration .users-table td:nth-child(2) { padding: 12px 16px !important; } .configuration .users-table td:nth-child(2) .bold { font-size: 14px; font-weight: 600; color: var(--oa-text-main, #1F2937); } .configuration .users-table td:nth-child(2) .text-muted { font-size: 12px; color: var(--oa-text-muted, #6B7280); } .configuration .users-table td:nth-child(2) .badge { font-size: 10px; font-weight: 500; padding: 3px 8px; border-radius: 4px; text-transform: uppercase; letter-spacing: 0.02em; } .configuration .users-table td:last-child { width: 60px !important; padding: 12px 16px 12px 8px !important; } .configuration .users-table tbody tr:hover { background-color: var(--oa-bg-hover, #F8FAFD) !important; } .configuration .user-actions-dropdown { position: relative; display: inline-block; } .configuration .user-actions-dropdown .user-actions-trigger { padding: 6px 10px; color: var(--oa-text-muted, #6B7280); border: none; background: transparent; border-radius: 6px; transition: all 0.15s ease; } .configuration .user-actions-dropdown .user-actions-trigger:hover { background: var(--oa-bg-hover, #F8FAFD); color: var(--oa-text-main, #1F2937); } .configuration .user-actions-dropdown .user-actions-trigger i { font-size: 16px; } .configuration .user-actions-dropdown .user-actions-menu { position: absolute; right: 0; top: 100%; min-width: 180px; padding: 6px 0; margin: 4px 0 0 0; list-style: none; background: #FFFFFF; border: 1px solid var(--oa-border-glass, rgba(226, 232, 240, 0.6)); border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); z-index: 1000; } .configuration .user-actions-dropdown .user-actions-menu li { margin: 0; } .configuration .user-actions-dropdown .user-actions-menu li a { display: flex; align-items: center; gap: 10px; padding: 8px 14px; font-size: 13px; color: var(--oa-text-main, #1F2937); text-decoration: none; transition: background 0.15s ease; } .configuration .user-actions-dropdown .user-actions-menu li a:hover { background: var(--oa-bg-hover, #F8FAFD); } .configuration .user-actions-dropdown .user-actions-menu li a i { width: 16px; font-size: 14px; color: var(--oa-text-muted, #6B7280); } .smart-form.modal-body fieldset .row { margin-bottom: 8px; display: flex; align-items: center; flex-wrap: wrap; } .smart-form.modal-body fieldset .row > .col, .smart-form.modal-body fieldset .row > [class*=col-] { float: none !important; } .smart-form.modal-body fieldset .row .control-label { font-size: 13px; font-weight: 500; color: var(--oa-text-main, #1F2937); line-height: var(--oa-input-height, 32px); } .smart-form.modal-body fieldset .row label.input input, .smart-form.modal-body fieldset .row select.form-control { height: var(--oa-input-height, 32px) !important; border: 1px solid #E5E7EB !important; border-radius: 6px !important; font-size: 13px !important; padding: 4px 10px !important; color: var(--oa-text-main, #1F2937); transition: border-color 0.15s ease, box-shadow 0.15s ease; } .smart-form.modal-body fieldset .row label.input input:focus, .smart-form.modal-body fieldset .row select.form-control:focus { border-color: var(--oa-brand-primary, #005aee) !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15) !important; outline: none; } .smart-form.modal-body .card-body h3 { font-size: 15px; font-weight: 600; color: var(--oa-text-main, #1F2937); border-bottom: 1px solid #E5E7EB; padding-bottom: 12px !important; margin-bottom: 12px; } .smart-form.modal-body .card-body h3 i { color: var(--oa-brand-primary, #005aee); } .smart-form.modal-body .card-body .checkbox.col-md-12 { padding: 0 !important; margin-bottom: 4px; } .smart-form.modal-body .card-body .checkbox.col-md-12 .row { margin: 0; } .smart-form.modal-body .card-body .checkbox.col-md-12 label.checkbox { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0; padding: 8px 12px !important; border-radius: 6px; cursor: pointer; transition: background 0.15s ease; } .smart-form.modal-body .card-body .checkbox.col-md-12 label.checkbox:hover { background: var(--oa-bg-hover, #F8FAFD); } .smart-form.modal-body .card-body .checkbox.col-md-12 label.checkbox input[type=checkbox] + i { display: inline-block !important; width: 18px; height: 18px; margin-right: 8px; flex-shrink: 0; margin-top: 1px; } .smart-form.modal-body .card-body .checkbox.col-md-12 label.checkbox > span.bold { font-size: 13px; font-weight: 600; color: var(--oa-text-main, #1F2937); } .smart-form.modal-body .card-body .checkbox.col-md-12 label.checkbox > .text-muted { flex-basis: 100%; margin-left: 26px; font-size: 12px; color: var(--oa-text-muted, #6B7280); margin-top: 2px; line-height: 1.4; } .smart-form.modal-body.user-edit-modal-2027 fieldset { padding-top: 0 !important; padding-bottom: var(--oa-space-sm, 8px) !important; } .smart-form.modal-body.user-edit-modal-2027 .margin-20 { margin-top: var(--oa-space-sm, 8px) !important; margin-bottom: var(--oa-space-sm, 8px) !important; } .smart-form.modal-body.user-edit-modal-2027 .card-body { padding-top: var(--oa-space-lg, 16px) !important; padding-bottom: var(--oa-space-lg, 16px) !important; } .smart-form.modal-body.user-edit-modal-2027 label.checkbox { row-gap: 0 !important; } .user-groups-2027 { padding: 0; } .user-groups-2027 .user-groups-filter-header { display: flex; align-items: center; gap: 16px; padding: 16px 24px; background: var(--oa-bg-hover, #F8FAFD); border-bottom: 1px solid var(--oa-border-color, #E5E7EB); position: sticky; top: var(--oa-header-height, 56px); z-index: 100; } .user-groups-2027 .user-groups-filter-header .filter-page-title { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 18px; font-weight: 600; color: var(--oa-text-main, #1F2937); } .user-groups-2027 .user-groups-filter-header .filter-page-title i { color: var(--oa-brand-primary, #005aee); font-size: 20px; } .user-groups-2027 .user-groups-filter-header .filter-spacer { flex: 1; } .user-groups-2027 .user-groups-filter-header .btn-primary { display: flex; align-items: center; gap: 8px; padding: 8px 16px; font-size: 13px; font-weight: 500; border-radius: 8px; white-space: nowrap; } .user-groups-2027 .user-groups-filter-header .btn-primary i { font-size: 14px; } .user-groups-2027 .user-groups-content { padding: 20px 24px; } .user-groups-2027 .user-groups-table { width: 100%; border-collapse: separate; border-spacing: 0; background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); } .user-groups-2027 .user-groups-table thead tr { background: var(--oa-bg-base, #F8FAFC); } .user-groups-2027 .user-groups-table thead tr th { padding: 12px 16px; font-size: 12px; font-weight: 600; color: var(--oa-text-muted, #6B7280); text-transform: uppercase; letter-spacing: 0.05em; border-bottom: 1px solid var(--oa-border-color, #E5E7EB); text-align: left; } .user-groups-2027 .user-groups-table thead tr th.col-group { width: 280px; min-width: 200px; } .user-groups-2027 .user-groups-table thead tr th.col-actions { width: 60px; text-align: center; } .user-groups-2027 .user-groups-table tbody tr.group-row { transition: background-color 0.15s ease; } .user-groups-2027 .user-groups-table tbody tr.group-row:hover { background-color: var(--oa-bg-hover, #F8FAFD); } .user-groups-2027 .user-groups-table tbody tr.group-row:not(:last-child) td { border-bottom: 1px solid var(--oa-border-color, #E5E7EB); } .user-groups-2027 .user-groups-table tbody tr.group-row td { padding: 16px; vertical-align: top; } .user-groups-2027 .user-groups-table tbody tr.group-row td.col-group .group-info { display: flex; align-items: flex-start; gap: 12px; } .user-groups-2027 .user-groups-table tbody tr.group-row td.col-group .group-info .group-icon { flex-shrink: 0; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #EEF2FF 0%, #E0E7FF 100%); border-radius: 8px; color: var(--oa-brand-primary, #005aee); font-size: 16px; } .user-groups-2027 .user-groups-table tbody tr.group-row td.col-group .group-info .group-details { display: flex; flex-direction: column; gap: 2px; } .user-groups-2027 .user-groups-table tbody tr.group-row td.col-group .group-info .group-details .group-name { font-size: 14px; font-weight: 600; color: var(--oa-text-main, #1F2937); } .user-groups-2027 .user-groups-table tbody tr.group-row td.col-group .group-info .group-details .group-description { font-size: 12px; color: var(--oa-text-muted, #6B7280); line-height: 1.4; } .user-groups-2027 .user-groups-table tbody tr.group-row td.col-permissions .permissions-list { display: flex; flex-wrap: wrap; gap: 6px; align-items: flex-start; padding-top: 2px; } .user-groups-2027 .user-groups-table tbody tr.group-row td.col-permissions .permissions-list .permission-chip { display: inline-flex; align-items: center; padding: 4px 10px; font-size: 11px; font-weight: 500; color: #1E40AF; background: #EFF6FF; border-radius: 6px; text-transform: uppercase; letter-spacing: 0.02em; white-space: nowrap; } .user-groups-2027 .user-groups-table tbody tr.group-row td.col-permissions .permissions-list .permission-chip.permission-more { background: #F3F4F6; color: var(--oa-text-muted, #6B7280); font-weight: 500; } .user-groups-2027 .user-groups-table tbody tr.group-row td.col-actions { text-align: center; padding-top: 14px; } .user-groups-2027 .user-groups-table tbody tr.group-row td.col-actions .btn-icon-ghost { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: none; background: transparent; border-radius: 6px; color: var(--oa-text-muted, #6B7280); cursor: pointer; transition: all 0.15s ease; } .user-groups-2027 .user-groups-table tbody tr.group-row td.col-actions .btn-icon-ghost:hover { background: var(--oa-bg-hover, #F8FAFD); color: var(--oa-brand-primary, #005aee); } .user-groups-2027 .user-groups-table tbody tr.group-row td.col-actions .btn-icon-ghost i { font-size: 16px; } .user-groups-2027 .empty-state-2027 { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 60vh; padding: 60px 20px; text-align: center; } .user-groups-2027 .empty-state-2027 .empty-icon { font-size: 64px; color: var(--oa-text-light, #9CA3AF); margin-bottom: 24px; } .user-groups-2027 .empty-state-2027 h3 { font-size: 18px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0 0 12px 0; } .user-groups-2027 .empty-state-2027 p { font-size: 14px; color: var(--oa-text-muted, #6B7280); margin: 0; max-width: 420px; } .user-groups-2027 .empty-state-2027 .btn { margin-top: 24px; } @media (max-width: 991px) { .user-groups-2027 .user-groups-table thead th.col-group { width: 200px; min-width: 150px; } .user-groups-2027 .user-groups-table tbody td.col-permissions .permissions-list .permission-chip { font-size: 10px; padding: 3px 8px; } } @media (max-width: 767px) { .user-groups-2027 .user-groups-filter-header { flex-wrap: wrap; padding: 12px 16px; } .user-groups-2027 .user-groups-filter-header .filter-page-title { flex: 1 1 100%; margin-bottom: 12px; } .user-groups-2027 .user-groups-filter-header .filter-spacer { display: none; } .user-groups-2027 .user-groups-filter-header .btn-primary { flex: 1; } .user-groups-2027 .user-groups-content { padding: 16px; } .user-groups-2027 .user-groups-table thead th.col-group { width: auto; } .user-groups-2027 .user-groups-table tbody td.col-group .group-info .group-icon { display: none; } } .configuration form.smart-form { margin-left: 0 !important; margin-right: 24px !important; margin-top: 0 !important; padding: 20px 24px; } .configuration form.smart-form .row.equal { display: flex; flex-wrap: wrap; align-items: stretch; } .configuration form.smart-form .row.equal > [class*=col-] { display: flex; flex-direction: column; } .configuration form.smart-form .row.equal > [class*=col-] .card { flex: 1; display: flex; flex-direction: column; } .configuration form.smart-form .card { background: white; border-radius: 12px; border: 1px solid var(--oa-border-color, #E5E7EB); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); margin-bottom: 20px; } .configuration form.smart-form .card .card-body { padding: 20px 24px; flex: 1; } .configuration form.smart-form .card .card-body .header-title, .configuration form.smart-form .card .card-body label.header-title { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--oa-border-glass, rgba(226, 232, 240, 0.6)); } .configuration form.smart-form .card .card-body .header-title i, .configuration form.smart-form .card .card-body label.header-title i { color: var(--oa-brand-primary, #005aee); font-size: 18px; } .configuration form.smart-form .card .card-body .form-label, .configuration form.smart-form .card .card-body label.label.form-label, .smart-form .configuration form.smart-form .card .card-body label.label.form-label, .smart-form .configuration form.smart-form .card .card-body .form-label { font-size: 13px; font-weight: 500; color: var(--oa-text-muted, #6B7280); text-transform: uppercase; letter-spacing: 0.03em; margin-bottom: 6px; } .configuration form.smart-form .card .card-body p.font-xs { font-size: 12px; color: var(--oa-text-muted, #6B7280); line-height: 1.5; margin-top: 4px; margin-bottom: 12px; } .configuration form.smart-form .card .card-body img.img-responsive.max-width-200 { max-width: 160px; margin-bottom: 12px; } .configuration form.smart-form .card .card-body .logo-upload-row, .configuration form.smart-form .card .card-body .row:has(.logo-preview-box) { display: flex; flex-wrap: wrap; align-items: stretch; } .configuration form.smart-form .card .card-body .logo-upload-row > [class*=col], .configuration form.smart-form .card .card-body .row:has(.logo-preview-box) > [class*=col] { display: flex; flex-direction: column; } .configuration form.smart-form .card .card-body .logo-preview-box { display: flex; align-items: center; justify-content: center; flex: 1; min-height: 120px; background: var(--oa-bg-base, #F8FAFC); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 12px; padding: 24px; } .configuration form.smart-form .card .card-body .logo-preview-box img { max-width: 100%; max-height: 100px; object-fit: contain; } .configuration form.smart-form .card .card-body .logo-preview-box .no-logo-placeholder { color: var(--oa-text-muted, #9CA3AF); font-size: 48px; } .configuration form.smart-form .card .card-body .upload-dropzone { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-height: 120px; padding: 24px; background: var(--oa-bg-base, #F8FAFC); border: 2px dashed var(--oa-border-color, #E5E7EB); border-radius: 12px; cursor: pointer; transition: all 0.2s ease; text-align: center; } .configuration form.smart-form .card .card-body .upload-dropzone:hover { border-color: var(--oa-brand-primary, #005aee); background: rgba(0, 90, 238, 0.04); } .configuration form.smart-form .card .card-body .upload-dropzone:hover i { color: var(--oa-brand-primary, #005aee); transform: translateY(-2px); } .configuration form.smart-form .card .card-body .upload-dropzone i { font-size: 32px; color: var(--oa-text-muted, #9CA3AF); margin-bottom: 8px; transition: all 0.2s ease; } .configuration form.smart-form .card .card-body .upload-dropzone .upload-text { font-size: 14px; font-weight: 500; color: var(--oa-text-main, #374151); margin-bottom: 4px; } .configuration form.smart-form .card .card-body .upload-dropzone .upload-hint { font-size: 12px; color: var(--oa-text-muted, #9CA3AF); } .configuration form.smart-form .card .card-body .upload-dropzone input[type=file] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .configuration form.smart-form .card .card-body input[type=file]:not(.upload-dropzone input) { font-size: 13px; padding: 8px 12px; background: var(--oa-bg-base, #F8FAFC); border: 1px dashed var(--oa-border-color, #E5E7EB); border-radius: 8px; cursor: pointer; } .configuration form.smart-form .card .card-body input[type=file]:not(.upload-dropzone input):hover { border-color: var(--oa-brand-primary, #005aee); background: var(--oa-bg-hover, #F8FAFD); } .configuration form.smart-form .card .card-body .row.padding-top-10, .configuration form.smart-form .card .card-body .row.padding-top-20 { padding-top: 12px !important; } .configuration form.smart-form .card .card-footer { padding: 12px 24px; background: #FFFFFF; border-top: 1px solid var(--oa-border-glass, rgba(226, 232, 240, 0.6)); border-radius: 0 0 12px 12px; min-height: 56px; display: flex; align-items: center; justify-content: flex-end; } .configuration form.smart-form .card .card-footer .btn-primary { display: flex; align-items: center; gap: 8px; padding: 8px 16px; font-size: 13px; font-weight: 500; border-radius: 8px; } .configuration form.smart-form .card .card-footer .btn-primary i { font-size: 14px; } .configuration form.smart-form .btn-group { max-width: 400px; } .configuration form.smart-form .btn-group .btn.flat-btn { font-size: 13px; padding: 8px 16px; border-radius: 6px; font-weight: 500; transition: all 0.15s ease; } .configuration form.smart-form .btn-group .btn.flat-btn.active { background: var(--oa-brand-primary, #005aee); color: white; border-color: var(--oa-brand-primary, #005aee); } .configuration form.smart-form label.select i { color: var(--oa-text-muted, #6B7280); } @media (max-width: 991px) { .configuration form.smart-form { padding: 16px; margin-right: 16px !important; } .configuration form.smart-form .row.equal { flex-direction: column; } .configuration form.smart-form .row.equal > [class*=col-] { width: 100%; max-width: 100%; } } .org-structure-2027 { padding: 0 24px 24px; min-height: calc(100vh - var(--oa-header-height, 56px)); background-color: var(--oa-bg-base, #F8FAFC); } .org-structure-2027 .org-structure-header { margin-bottom: 16px; } .org-structure-2027 .org-structure-header .filter-page-title { display: flex; align-items: center; gap: 12px; font-size: 18px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0; } .org-structure-2027 .org-structure-header .filter-page-title i { font-size: 20px; color: var(--oa-brand-primary, #005aee); } .org-structure-2027 .org-structure-header .filter-actions { display: flex; gap: 8px; } .org-structure-2027 .btn-ghost { background: transparent; border: 1px solid var(--oa-border, #E5E7EB); color: var(--oa-text-secondary, #374151); padding: 8px 16px; border-radius: 8px; font-size: 13px; font-weight: 500; display: inline-flex; align-items: center; gap: 6px; transition: all var(--oa-duration-fast, 150ms) var(--oa-easing-snap, ease); } .org-structure-2027 .btn-ghost:hover { background: var(--oa-bg-hover, #F8FAFD); border-color: var(--oa-brand-primary, #005aee); color: var(--oa-brand-primary, #005aee); } .org-structure-2027 .btn-ghost i { font-size: 14px; } .org-structure-2027 .org-tree-container { background: var(--oa-card-bg, #FFFFFF); border: 1px solid var(--oa-border, #E5E7EB); border-radius: 12px; padding: 16px; padding-bottom: 56px; min-height: 200px; } .org-structure-2027 .org-tree { list-style: none; padding: 0; margin: 0; } .org-structure-2027 .org-tree-children { list-style: none; padding: 0; margin: 0; padding-left: 24px; border-left: 1px solid var(--oa-border-light, #E5E7EB); margin-left: 16px; margin-top: 4px; } .org-structure-2027 .org-tree-node { margin-bottom: 4px; } .org-structure-2027 .org-tree-node:last-child { margin-bottom: 0; } .org-structure-2027 .org-tree > .org-tree-node { position: relative; margin-left: calc((var(--org-depth, 1) - 1) * 40px); } .org-structure-2027 .org-tree > .org-tree-node::before { content: ""; position: absolute; top: -4px; bottom: 0; left: calc(-1 * (var(--org-depth, 1) - 1) * 40px); width: calc((var(--org-depth, 1) - 1) * 40px); pointer-events: none; background-image: repeating-linear-gradient(to right, transparent 0, transparent 16px, var(--oa-border-light, #E5E7EB) 16px, var(--oa-border-light, #E5E7EB) 17px, transparent 17px, transparent 40px); } .org-structure-2027 .org-tree-item { display: flex; align-items: center; padding: 8px 12px; background: var(--oa-bg-base, #F9FAFB); border: 1px solid var(--oa-border, #E5E7EB); border-radius: 8px; gap: 10px; transition: all var(--oa-duration-fast, 150ms) var(--oa-easing-snap, ease); } .org-structure-2027 .org-tree-item:hover { background: var(--oa-bg-hover, #F8FAFD); border-color: var(--oa-brand-light, #3FA9FF); box-shadow: 0 2px 8px rgba(0, 90, 238, 0.08); } .org-structure-2027 .org-tree-item:hover .org-item-actions { opacity: 1; } .org-structure-2027 .org-tree-item.is-system { background: var(--oa-bg-subtle, #F1F5F9); border-color: var(--oa-border-light, #E2E8F0); } .org-structure-2027 .org-tree-item.is-system .org-item-name { color: var(--oa-text-muted, #64748B); } .org-structure-2027 .org-item-icon { display: flex; align-items: center; gap: 6px; flex-shrink: 0; } .org-structure-2027 .org-item-icon .system-lock { font-size: 12px; color: var(--oa-text-muted, #94A3B8); } .org-structure-2027 .org-item-icon .item-icon { font-size: 16px; color: var(--oa-text-secondary, #64748B); width: 20px; text-align: center; } .org-structure-2027 .org-item-content { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .org-structure-2027 .org-item-name { font-size: 14px; font-weight: 500; color: var(--oa-text-main, #1F2937); line-height: 1.4; text-transform: none !important; } .org-structure-2027 .org-item-description { font-size: 12px; color: var(--oa-text-muted, #64748B); line-height: 1.3; } .org-structure-2027 .org-item-identifier { font-size: 11px; font-family: var(--oa-font-mono, "Monaco", "Consolas", monospace); color: var(--oa-text-light, #94A3B8); background: var(--oa-bg-subtle, #F1F5F9); padding: 2px 6px; border-radius: 4px; display: inline-block; margin-top: 4px; width: fit-content; } .org-structure-2027 .org-item-actions { display: flex; gap: 4px; opacity: 0.5; transition: opacity var(--oa-duration-fast, 150ms) ease; flex-shrink: 0; } .org-structure-2027 .btn-icon-ghost { width: 32px; height: 32px; border: none; background: transparent; border-radius: 6px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--oa-text-muted, #64748B); transition: all var(--oa-duration-fast, 150ms) ease; } .org-structure-2027 .btn-icon-ghost:hover { background: var(--oa-bg-subtle, #F1F5F9); color: var(--oa-brand-primary, #005aee); } .org-structure-2027 .btn-icon-ghost:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .org-structure-2027 .btn-icon-ghost i { font-size: 14px; } .org-structure-2027 .btn-icon-ghost.btn-danger-ghost:hover { background: var(--oa-status-error-bg, #FEF2F2); color: var(--oa-status-error-text, #DC2626); } .org-structure-2027 .empty-state-2027 { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 48px 24px; text-align: center; } .org-structure-2027 .empty-state-2027 .empty-icon { font-size: 48px; color: var(--oa-text-light, #94A3B8); margin-bottom: 16px; } .org-structure-2027 .empty-state-2027 h3 { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0 0 8px; } .org-structure-2027 .empty-state-2027 p { font-size: 14px; color: var(--oa-text-muted, #64748B); margin: 0 0 20px; max-width: 300px; } @media (max-width: 768px) { .org-structure-2027 { padding: 16px; } .org-structure-2027 .org-structure-header { flex-direction: column; align-items: flex-start; gap: 12px; } .org-structure-2027 .org-structure-header .filter-actions { width: 100%; } .org-structure-2027 .org-structure-header .filter-actions .btn { flex: 1; } .org-structure-2027 .org-tree-children { padding-left: 16px; margin-left: 8px; } .org-structure-2027 .org-tree > .org-tree-node { margin-left: calc((var(--org-depth, 1) - 1) * 24px); } .org-structure-2027 .org-tree > .org-tree-node::before { left: calc(-1 * (var(--org-depth, 1) - 1) * 24px); width: calc((var(--org-depth, 1) - 1) * 24px); background-image: repeating-linear-gradient(to right, transparent 0, transparent 8px, var(--oa-border-light, #E5E7EB) 8px, var(--oa-border-light, #E5E7EB) 9px, transparent 9px, transparent 24px); } .org-structure-2027 .org-tree-item { padding: 10px 12px; flex-wrap: wrap; } .org-structure-2027 .org-item-actions { width: 100%; justify-content: flex-end; padding-top: 8px; border-top: 1px solid var(--oa-border-light, #E5E7EB); margin-top: 8px; opacity: 1; } } .categories-settings-2027 { padding: 24px; min-height: calc(100vh - var(--oa-header-height, 56px)); background-color: var(--oa-bg-base, #F8FAFC); } .categories-settings-2027 .categories-header { display: none; margin-bottom: 24px; } .categories-settings-2027 .categories-header .filter-page-title { display: flex; align-items: center; gap: 12px; font-size: 18px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0; } .categories-settings-2027 .categories-header .filter-page-title i { font-size: 20px; color: var(--oa-brand-primary, #005aee); } .categories-settings-2027 .categories-layout { display: grid; grid-template-columns: 240px 1fr; gap: 0; align-items: start; } .categories-settings-2027 .categories-sidebar { position: sticky; top: calc(var(--oa-header-height, 56px) + 24px); width: 100% !important; background: transparent !important; } .categories-settings-2027 .categories-list { background: var(--oa-card-bg, #FFFFFF); border: 1px solid var(--oa-border, #E5E7EB); border-radius: 12px; overflow: hidden; } .categories-settings-2027 .category-item { display: flex; align-items: flex-start; gap: 12px; padding: 12px 16px; cursor: pointer; border-bottom: 1px solid var(--oa-border-light, #F1F5F9); transition: all var(--oa-duration-fast, 150ms) ease; } .categories-settings-2027 .category-item:last-child { border-bottom: none; } .categories-settings-2027 .category-item:hover { background: var(--oa-bg-hover, #F8FAFD); } .categories-settings-2027 .category-item.active { background: var(--oa-bg-hover, #F8FAFD); border-left: 3px solid var(--oa-brand-primary, #005aee); padding-left: 13px; } .categories-settings-2027 .category-item.active .category-name { color: var(--oa-brand-primary, #005aee); font-weight: 600; } .categories-settings-2027 .category-item .category-icon { flex-shrink: 0; width: 20px; text-align: center; } .categories-settings-2027 .category-item .category-icon i { font-size: 14px; color: var(--oa-text-muted, #64748B); } .categories-settings-2027 .category-item .category-content { flex: 1; min-width: 0; } .categories-settings-2027 .category-item .category-name { display: block; font-size: 13px; font-weight: 600; color: var(--oa-text-main, #1F2937); line-height: 1.4; } .categories-settings-2027 .category-item .category-description { display: block; font-size: 11px; color: var(--oa-text-muted, #64748B); line-height: 1.3; margin-top: 2px; } .categories-settings-2027 .categories-main { min-height: 400px; } .categories-settings-2027 .categories-card { background: var(--oa-card-bg, #FFFFFF); border: 1px solid var(--oa-border, #E5E7EB); border-radius: 12px; overflow: hidden; } .categories-settings-2027 .categories-card-header { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--oa-border, #E5E7EB); background: var(--oa-bg-base, #F9FAFB); } .categories-settings-2027 .categories-card-header .card-title-section { display: flex; align-items: center; gap: 10px; } .categories-settings-2027 .categories-card-header .card-title-section .title-icon { font-size: 18px; color: var(--oa-brand-primary, #005aee); } .categories-settings-2027 .categories-card-header .card-title-section .card-title { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0; } .categories-settings-2027 .categories-items { padding: 8px; } .categories-settings-2027 .items-list { list-style: none; padding: 0; margin: 0; } .categories-settings-2027 .items-children { list-style: none; padding: 0; margin: 0; margin-left: 20px; padding-left: 16px; border-left: 1px solid var(--oa-border-light, #E5E7EB); margin-top: 4px; } .categories-settings-2027 .item-node { margin-bottom: 4px; } .categories-settings-2027 .item-node:last-child { margin-bottom: 0; } .categories-settings-2027 .item-row { display: flex; align-items: center; gap: 12px; padding: 10px 12px; background: var(--oa-bg-base, #F9FAFB); border: 1px solid var(--oa-border, #E5E7EB); border-radius: 8px; transition: all var(--oa-duration-fast, 150ms) ease; } .categories-settings-2027 .item-row:hover { background: var(--oa-bg-hover, #F8FAFD); border-color: var(--oa-brand-light, #3FA9FF); } .categories-settings-2027 .item-row:hover .item-actions { opacity: 1; } .categories-settings-2027 .item-row.is-system { background: var(--oa-bg-subtle, #F1F5F9); border-color: var(--oa-border-light, #E2E8F0); } .categories-settings-2027 .item-row.is-system .item-name { color: var(--oa-text-muted, #64748B); } .categories-settings-2027 .item-left { display: flex; align-items: center; gap: 8px; flex-shrink: 0; } .categories-settings-2027 .item-left .color-swatch { width: 14px; height: 14px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.1); } .categories-settings-2027 .item-left .system-icon { font-size: 12px; color: var(--oa-text-muted, #94A3B8); } .categories-settings-2027 .item-left .item-icon { font-size: 14px; color: var(--oa-text-secondary, #64748B); } .categories-settings-2027 .item-content { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .categories-settings-2027 .item-name { font-size: 13px; font-weight: 500; color: var(--oa-text-main, #1F2937); line-height: 1.4; } .categories-settings-2027 .item-description { font-size: 11px; color: var(--oa-text-muted, #64748B); line-height: 1.3; } .categories-settings-2027 .item-actions { display: flex; gap: 4px; opacity: 0.5; transition: opacity var(--oa-duration-fast, 150ms) ease; flex-shrink: 0; } .categories-settings-2027 .item-toggle { flex-shrink: 0; } .categories-settings-2027 label.input-group.input-group-xs, .categories-settings-2027 .input-group.input-group-xs { display: inline-flex !important; width: auto !important; max-width: 200px; vertical-align: middle; } .categories-settings-2027 .toggle-group { display: flex; background: var(--oa-bg-subtle, #F1F5F9); border-radius: 6px; padding: 2px; gap: 2px; } .categories-settings-2027 .toggle-group .toggle-btn { padding: 4px 12px; border: none; background: transparent; border-radius: 4px; font-size: 12px; font-weight: 500; color: var(--oa-text-muted, #64748B); cursor: pointer; transition: all var(--oa-duration-fast, 150ms) ease; } .categories-settings-2027 .toggle-group .toggle-btn:hover { color: var(--oa-text-main, #1F2937); } .categories-settings-2027 .toggle-group .toggle-btn.active { background: var(--oa-card-bg, #FFFFFF); color: var(--oa-brand-primary, #005aee); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .categories-settings-2027 .toggle-group .toggle-btn:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .categories-settings-2027 .toggle-group .toggle-btn.active:focus-visible { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(0, 90, 238, 0.15); } .categories-settings-2027 .btn-icon-ghost { width: 28px; height: 28px; border: none; background: transparent; border-radius: 6px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--oa-text-muted, #64748B); transition: all var(--oa-duration-fast, 150ms) ease; } .categories-settings-2027 .btn-icon-ghost:hover { background: var(--oa-bg-subtle, #F1F5F9); color: var(--oa-brand-primary, #005aee); } .categories-settings-2027 .btn-icon-ghost:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .categories-settings-2027 .btn-icon-ghost i { font-size: 13px; } .categories-settings-2027 .empty-state-2027 { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 64px 24px; text-align: center; background: var(--oa-card-bg, #FFFFFF); border: 1px solid var(--oa-border, #E5E7EB); border-radius: 12px; } .categories-settings-2027 .empty-state-2027 .empty-icon { font-size: 48px; color: var(--oa-text-light, #94A3B8); margin-bottom: 16px; } .categories-settings-2027 .empty-state-2027 h3 { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0 0 8px; } .categories-settings-2027 .empty-state-2027 p { font-size: 14px; color: var(--oa-text-muted, #64748B); margin: 0; max-width: 300px; } @media (max-width: 991px) { .categories-settings-2027 .categories-layout { grid-template-columns: 1fr; } .categories-settings-2027 .categories-sidebar { position: static; } .categories-settings-2027 .categories-list { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px; background: var(--oa-card-bg, #FFFFFF); } .categories-settings-2027 .category-item { flex: 0 0 auto; padding: 8px 12px; border-bottom: none; border-radius: 8px; border: 1px solid var(--oa-border, #E5E7EB); } .categories-settings-2027 .category-item.active { border-left-width: 1px; padding-left: 12px; border-color: var(--oa-brand-primary, #005aee); } .categories-settings-2027 .category-item .category-description { display: none; } } @media (max-width: 768px) { .categories-settings-2027 { padding: 16px; } .categories-settings-2027 .categories-header { margin-bottom: 16px; } .categories-settings-2027 .item-row { flex-wrap: wrap; padding: 12px; } .categories-settings-2027 .item-content { flex: 1 1 100%; order: 1; } .categories-settings-2027 .item-left { order: 0; } .categories-settings-2027 .item-actions, .categories-settings-2027 .item-toggle { order: 2; margin-top: 8px; } .categories-settings-2027 .item-actions { opacity: 1; } } .recruiting-defaults-2027 { padding: 24px 24px 24px 32px; max-width: 900px; margin: 0; background-color: var(--oa-bg-base, #F5F5F7); min-height: 100vh; } .recruiting-defaults-2027 .recruiting-defaults-header { display: none; } .recruiting-defaults-2027 .recruiting-defaults-form { display: flex; flex-direction: column; gap: 24px; } .recruiting-defaults-2027 .settings-card-2027 { background: var(--oa-card-bg, #FFFFFF); border: 1px solid var(--oa-border, #E5E7EB); border-radius: 12px; overflow: hidden; } .recruiting-defaults-2027 .settings-card-header { display: flex; align-items: flex-start; gap: 16px; padding: 20px 24px; border-bottom: 1px solid var(--oa-border, #E5E7EB); background: var(--oa-bg-subtle, #F8FAFC); } .recruiting-defaults-2027 .card-header-icon { width: 40px; height: 40px; border-radius: 10px; background: var(--oa-brand-primary-light, #EFF6FF); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .recruiting-defaults-2027 .card-header-icon i { font-size: 18px; color: var(--oa-brand-primary, #005aee); } .recruiting-defaults-2027 .card-header-content { flex: 1; min-width: 0; } .recruiting-defaults-2027 .card-header-title { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0 0 4px 0; } .recruiting-defaults-2027 .card-header-description { font-size: 13px; color: var(--oa-text-secondary, #4B5563); margin: 4px 0 0 0; line-height: 1.6; max-width: 640px; } .recruiting-defaults-2027 .card-header-actions { flex-shrink: 0; } .recruiting-defaults-2027 .settings-card-body { padding: 20px 24px; } .recruiting-defaults-2027 .form-group-2027 { margin-bottom: 16px; } .recruiting-defaults-2027 .form-group-2027:last-child { margin-bottom: 0; } .recruiting-defaults-2027 .form-label-2027 { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 13px; font-weight: 500; color: var(--oa-text-main, #1F2937); margin-bottom: 6px; } .recruiting-defaults-2027 .required-indicator { color: var(--oa-danger, #EF4444); } .recruiting-defaults-2027 .label-action { font-size: 12px; font-weight: 400; color: var(--oa-brand-primary, #005aee); cursor: pointer; margin-left: auto; } .recruiting-defaults-2027 .label-action:hover { text-decoration: underline; } .recruiting-defaults-2027 .label-action i { margin-right: 4px; } .recruiting-defaults-2027 .inline-action { color: var(--oa-brand-primary, #005aee); cursor: pointer; font-weight: 500; } .recruiting-defaults-2027 .inline-action:hover { text-decoration: underline; } .recruiting-defaults-2027 .inline-action i { margin-right: 4px; } .recruiting-defaults-2027 .select-wrapper-2027 { position: relative; } .recruiting-defaults-2027 .form-select-2027 { width: 100%; height: var(--oa-input-height, 32px); padding: 0 12px; padding-right: 32px; font-size: 13px; color: var(--oa-text-main, #1F2937); background: var(--oa-card-bg, #FFFFFF); border: 1px solid var(--oa-border, #E5E7EB); border-radius: 8px; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748B' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; cursor: pointer; transition: border-color var(--oa-duration-fast, 150ms) ease, box-shadow var(--oa-duration-fast, 150ms) ease; } .recruiting-defaults-2027 .form-select-2027:hover { border-color: var(--oa-border-hover, #CBD5E1); } .recruiting-defaults-2027 .form-select-2027:focus { outline: none; border-color: var(--oa-brand-primary, #005aee); box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .recruiting-defaults-2027 .form-select-sm { height: 28px; padding: 0 8px; padding-right: 24px; font-size: 12px; } .recruiting-defaults-2027 .form-input-2027 { width: 100%; height: var(--oa-input-height, 32px); padding: 0 12px; font-size: 13px; color: var(--oa-text-main, #1F2937); background: var(--oa-card-bg, #FFFFFF); border: 1px solid var(--oa-border, #E5E7EB); border-radius: 8px; transition: border-color var(--oa-duration-fast, 150ms) ease, box-shadow var(--oa-duration-fast, 150ms) ease; } .recruiting-defaults-2027 .form-input-2027:hover { border-color: var(--oa-border-hover, #CBD5E1); } .recruiting-defaults-2027 .form-input-2027:focus { outline: none; border-color: var(--oa-brand-primary, #005aee); box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .recruiting-defaults-2027 .form-textarea-2027 { width: 100%; padding: 10px 12px; font-size: 13px; color: var(--oa-text-main, #1F2937); background: var(--oa-card-bg, #FFFFFF); border: 1px solid var(--oa-border, #E5E7EB); border-radius: 8px; resize: vertical; min-height: 100px; transition: border-color var(--oa-duration-fast, 150ms) ease, box-shadow var(--oa-duration-fast, 150ms) ease; } .recruiting-defaults-2027 .form-textarea-2027:hover { border-color: var(--oa-border-hover, #CBD5E1); } .recruiting-defaults-2027 .form-textarea-2027:focus { outline: none; border-color: var(--oa-brand-primary, #005aee); box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .recruiting-defaults-2027 .form-hint-2027 { display: block; font-size: 12px; color: var(--oa-text-muted, #64748B); margin-top: 6px; } .recruiting-defaults-2027 .form-row-2027 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; } .recruiting-defaults-2027 .checkbox-group-2027 { display: flex; flex-direction: column; gap: 12px; margin-bottom: 16px; } .recruiting-defaults-2027 .checkbox-2027 { display: flex; align-items: center; gap: 8px; cursor: pointer; } .recruiting-defaults-2027 .checkbox-2027 input[type=checkbox] { position: absolute !important; opacity: 0 !important; width: 0 !important; height: 0 !important; min-width: 0 !important; appearance: none !important; -webkit-appearance: none !important; } .recruiting-defaults-2027 .checkbox-2027 input[type=checkbox]:checked + .checkbox-indicator { background: var(--oa-brand-primary, #005aee); border-color: var(--oa-brand-primary, #005aee); } .recruiting-defaults-2027 .checkbox-2027 input[type=checkbox]:checked + .checkbox-indicator::after { display: block; } .recruiting-defaults-2027 .checkbox-2027 input[type=checkbox]:focus-visible + .checkbox-indicator { box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .recruiting-defaults-2027 .checkbox-2027 .checkbox-indicator { width: 18px; height: 18px; border: 2px solid var(--oa-border, #CBD5E1); border-radius: 4px; background: var(--oa-card-bg, #FFFFFF); flex-shrink: 0; position: relative; transition: all var(--oa-duration-fast, 150ms) ease; } .recruiting-defaults-2027 .checkbox-2027 .checkbox-indicator::after { content: ""; position: absolute; left: 5px; top: 2px; width: 5px; height: 9px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); display: none; } .recruiting-defaults-2027 .checkbox-2027 .checkbox-label { font-size: 13px; color: var(--oa-text-main, #1F2937); } .recruiting-defaults-2027 .settings-card-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; } @media (max-width: 768px) { .recruiting-defaults-2027 .settings-card-row { grid-template-columns: 1fr; } } .recruiting-defaults-2027 .workflow-list-2027 { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; } .recruiting-defaults-2027 .workflow-item { display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: var(--oa-bg-subtle, #F1F5F9); border-radius: 8px; } .recruiting-defaults-2027 .workflow-number { width: 28px; height: 28px; border-radius: 50%; background: var(--oa-brand-primary, #005aee); color: white; font-size: 13px; font-weight: 600; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .recruiting-defaults-2027 .workflow-content { flex: 1; min-width: 0; } .recruiting-defaults-2027 .workflow-name { display: block; font-size: 13px; font-weight: 500; color: var(--oa-text-main, #1F2937); } .recruiting-defaults-2027 .workflow-type { display: block; font-size: 12px; color: var(--oa-text-muted, #64748B); } .recruiting-defaults-2027 .scorecard-list-2027 { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; } .recruiting-defaults-2027 .scorecard-item { display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: var(--oa-bg-subtle, #F1F5F9); border-radius: 8px; } .recruiting-defaults-2027 .scorecard-icon { width: 36px; height: 36px; border-radius: 8px; background: var(--oa-brand-primary-light, #EFF6FF); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .recruiting-defaults-2027 .scorecard-icon i { font-size: 16px; color: var(--oa-brand-primary, #005aee); } .recruiting-defaults-2027 .scorecard-content { flex: 1; min-width: 0; } .recruiting-defaults-2027 .scorecard-name { display: block; font-size: 13px; font-weight: 500; color: var(--oa-text-main, #1F2937); } .recruiting-defaults-2027 .scorecard-description { display: block; font-size: 12px; color: var(--oa-text-muted, #64748B); } .recruiting-defaults-2027 .scorecard-actions { flex-shrink: 0; } .recruiting-defaults-2027 .btn-icon-ghost { width: 28px; height: 28px; border: none; background: transparent; border-radius: 6px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--oa-text-muted, #64748B); transition: all var(--oa-duration-fast, 150ms) ease; } .recruiting-defaults-2027 .btn-icon-ghost:hover { background: var(--oa-bg-hover, #E2E8F0); color: var(--oa-brand-primary, #005aee); } .recruiting-defaults-2027 .btn-icon-ghost:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .recruiting-defaults-2027 .btn-icon-ghost i { font-size: 13px; } .recruiting-defaults-2027 .btn-danger-ghost:hover { background: var(--oa-danger-light, #FEE2E2); color: var(--oa-danger, #EF4444); } .recruiting-defaults-2027 .application-form-settings { padding: 0; } .recruiting-defaults-2027 .form-elements-table { border-top: 1px solid var(--oa-border, #E5E7EB); } .recruiting-defaults-2027 .form-section-header { padding: 16px 24px; background: var(--oa-bg-subtle, #F8FAFC); border-bottom: 1px solid var(--oa-border, #E5E7EB); } .recruiting-defaults-2027 .form-section-header h4 { font-size: 14px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0; } .recruiting-defaults-2027 .form-section-header .section-hint { display: block; font-size: 12px; color: var(--oa-text-muted, #64748B); margin-top: 4px; } .recruiting-defaults-2027 .form-elements-group { border-bottom: 1px solid var(--oa-border, #E5E7EB); } .recruiting-defaults-2027 .form-elements-group:last-child { border-bottom: none; } .recruiting-defaults-2027 .form-element-row { display: flex; align-items: center; gap: 16px; padding: 12px 24px; border-bottom: 1px solid var(--oa-border-light, #F1F5F9); } .recruiting-defaults-2027 .form-element-row:last-child { border-bottom: none; } .recruiting-defaults-2027 .form-element-row:hover { background: var(--oa-bg-hover, #F8FAFC); } .recruiting-defaults-2027 .form-element-name { flex: 1; min-width: 0; font-size: 13px; color: var(--oa-text-secondary, #374151); } .recruiting-defaults-2027 .form-element-name .bold { font-weight: 600; color: var(--oa-text-main, #1F2937); } .recruiting-defaults-2027 .form-element-name .inline-select { margin-top: 6px; } .recruiting-defaults-2027 .form-element-step { flex-shrink: 0; } .recruiting-defaults-2027 .form-element-state { flex-shrink: 0; } .recruiting-defaults-2027 .toggle-group-3 { display: flex; background: var(--oa-bg-subtle, #F1F5F9); border-radius: 6px; padding: 2px; gap: 2px; } .recruiting-defaults-2027 .toggle-group-3 .toggle-btn { display: flex; align-items: center; gap: 4px; padding: 4px 10px; border: none; background: transparent; border-radius: 4px; font-size: 11px; font-weight: 500; color: var(--oa-text-muted, #64748B); cursor: pointer; white-space: nowrap; transition: all var(--oa-duration-fast, 150ms) ease; } .recruiting-defaults-2027 .toggle-group-3 .toggle-btn i { font-size: 10px; } .recruiting-defaults-2027 .toggle-group-3 .toggle-btn:hover { color: var(--oa-text-main, #1F2937); } .recruiting-defaults-2027 .toggle-group-3 .toggle-btn.active { background: var(--oa-card-bg, #FFFFFF); color: var(--oa-brand-primary, #005aee); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .recruiting-defaults-2027 .toggle-group-3 .toggle-btn:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .recruiting-defaults-2027 .toggle-group-3 .toggle-btn.active:focus-visible { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(0, 90, 238, 0.15); } .recruiting-defaults-2027 .status-required { color: var(--oa-danger, #EF4444); } .recruiting-defaults-2027 .status-optional { color: var(--oa-success, #22C55E); } .recruiting-defaults-2027 .custom-fields-section { padding: 24px; border-top: 1px solid var(--oa-border, #E5E7EB); } .recruiting-defaults-2027 .custom-field-card { padding: 16px; background: var(--oa-bg-subtle, #F8FAFC); border: 1px solid var(--oa-border, #E5E7EB); border-radius: 8px; margin-bottom: 12px; } .recruiting-defaults-2027 .custom-field-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; } .recruiting-defaults-2027 .custom-field-header h4 { font-size: 14px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0; } .recruiting-defaults-2027 .custom-field-actions { display: flex; gap: 4px; } .recruiting-defaults-2027 .custom-field-description { font-size: 12px; color: var(--oa-text-muted, #64748B); margin: 0 0 12px 0; } .recruiting-defaults-2027 .add-custom-field { display: flex; justify-content: center; padding-top: 16px; } .recruiting-defaults-2027 .dropdown-menu-2027 { min-width: 180px; padding: 6px; background: var(--oa-card-bg, #FFFFFF); border: 1px solid var(--oa-border, #E5E7EB); border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .recruiting-defaults-2027 .dropdown-menu-2027 li a { display: flex; align-items: center; gap: 8px; padding: 8px 12px; font-size: 13px; color: var(--oa-text-main, #1F2937); border-radius: 6px; cursor: pointer; transition: background var(--oa-duration-fast, 150ms) ease; } .recruiting-defaults-2027 .dropdown-menu-2027 li a:hover { background: var(--oa-bg-hover, #F1F5F9); text-decoration: none; } .recruiting-defaults-2027 .dropdown-menu-2027 li a i { font-size: 14px; color: var(--oa-text-muted, #64748B); } .recruiting-defaults-2027 .dropdown-menu-2027 li.active a { background: var(--oa-brand-primary-light, #EFF6FF); color: var(--oa-brand-primary, #005aee); } .recruiting-defaults-2027 .dropdown-menu-2027 li.active a i { color: var(--oa-brand-primary, #005aee); } .recruiting-defaults-2027 .settings-footer-2027 { display: flex; justify-content: flex-end; padding: 20px 24px; background: var(--oa-card-bg, #FFFFFF); border: 1px solid var(--oa-border, #E5E7EB); border-radius: 12px; } @media (max-width: 768px) { .recruiting-defaults-2027 { padding: 16px; } .recruiting-defaults-2027 .settings-card-header { flex-wrap: wrap; padding: 16px; } .recruiting-defaults-2027 .card-header-actions { width: 100%; margin-top: 12px; } .recruiting-defaults-2027 .card-header-actions .btn { width: 100%; } .recruiting-defaults-2027 .settings-card-body { padding: 16px; } .recruiting-defaults-2027 .form-row-2027 { grid-template-columns: 1fr; } .recruiting-defaults-2027 .form-element-row { flex-wrap: wrap; padding: 12px 16px; } .recruiting-defaults-2027 .form-element-name { width: 100%; margin-bottom: 8px; } .recruiting-defaults-2027 .toggle-group-3 .toggle-label { display: none; } .recruiting-defaults-2027 .custom-fields-section { padding: 16px; } .recruiting-defaults-2027 .settings-footer-2027 { padding: 16px; } .recruiting-defaults-2027 .settings-footer-2027 .btn { width: 100%; } } .permissions-2027 { padding: 24px; } .permissions-2027 .permissions-header { position: sticky; top: var(--oa-header-height, 56px); z-index: 100; background: var(--oa-bg-hover, #F8FAFD); border-bottom: 1px solid var(--oa-border-color, #E5E7EB); margin: -24px -24px 24px -24px; padding: 16px 24px; } .permissions-2027 .permissions-content { background: var(--oa-card-bg, #FFFFFF); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 12px; overflow: hidden; box-shadow: var(--oa-shadow-sm); } .permissions-2027 .permissions-table { width: 100%; margin: 0; border-collapse: collapse; } .permissions-2027 .permissions-table thead { background: var(--oa-bg-subtle, #F8FAFC); } .permissions-2027 .permissions-table thead th { padding: 12px 16px; font-size: 12px; font-weight: 600; color: var(--oa-text-muted, #64748B); text-transform: uppercase; letter-spacing: 0.05em; border-bottom: 1px solid var(--oa-border-color, #E5E7EB); text-align: left; } .permissions-2027 .permissions-table tbody tr { border-bottom: 1px solid var(--oa-border-light, #F1F5F9); } .permissions-2027 .permissions-table tbody tr:last-child { border-bottom: none; } .permissions-2027 .permissions-table tbody tr:hover { background: var(--oa-bg-hover, #F8FAFC); } .permissions-2027 .permissions-table td { padding: 16px; vertical-align: middle; } .permissions-2027 .permissions-table .col-group { width: 25%; min-width: 180px; } .permissions-2027 .permissions-table .col-permissions { width: auto; } .permissions-2027 .permissions-table .col-actions { width: 60px; text-align: right; } .permissions-2027 .group-info { display: flex; align-items: center; gap: 12px; } .permissions-2027 .group-icon { font-size: 18px; color: var(--oa-brand-primary, #005aee); } .permissions-2027 .group-name { font-size: 14px; font-weight: 500; color: var(--oa-text-main, #1F2937); } .permissions-2027 .system-badge { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; font-size: 11px; font-weight: 500; color: var(--oa-text-muted, #64748B); background: var(--oa-bg-subtle, #F1F5F9); border-radius: 4px; } .permissions-2027 .system-badge i { font-size: 10px; } .permissions-2027 .permissions-list { display: flex; flex-wrap: wrap; gap: 6px; } .permissions-2027 .permission-chip { display: inline-block; padding: 4px 10px; font-size: 12px; color: var(--oa-text-secondary, #374151); background: var(--oa-bg-subtle, #F1F5F9); border-radius: var(--oa-radius-sm, 6px); } .permissions-2027 .permission-more { color: var(--oa-text-muted, #64748B); font-style: italic; font-variant-numeric: tabular-nums; } .permissions-2027 .btn-icon-ghost { width: 32px; height: 32px; border: none; background: transparent; border-radius: 6px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--oa-text-muted, #64748B); transition: all var(--oa-duration-fast, 150ms) var(--oa-ease-snap, cubic-bezier(0.2, 0, 0, 1)); } .permissions-2027 .btn-icon-ghost:hover { background: var(--oa-bg-subtle, #F1F5F9); color: var(--oa-brand-primary, #005aee); } .permissions-2027 .btn-icon-ghost:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .permissions-2027 .btn-icon-ghost i { font-size: 13px; } .permissions-2027 .empty-state-2027 { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 64px 24px; text-align: center; } .permissions-2027 .empty-state-2027 .empty-icon { font-size: 48px; color: var(--oa-text-light, #9CA3AF); margin-bottom: 16px; } .permissions-2027 .empty-state-2027 h3 { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0 0 8px 0; } .permissions-2027 .empty-state-2027 p { font-size: 14px; color: var(--oa-text-muted, #64748B); margin: 0 0 24px 0; max-width: 300px; } @media (max-width: 768px) { .permissions-2027 { padding: 16px; } .permissions-2027 .permissions-table thead { display: none; } .permissions-2027 .permissions-table tbody tr { display: block; padding: 16px; border-bottom: 1px solid var(--oa-border-color, #E5E7EB); } .permissions-2027 .permissions-table td { display: block; padding: 4px 0; width: 100% !important; } .permissions-2027 .permissions-table .col-group { margin-bottom: 12px; } .permissions-2027 .permissions-table .col-actions { text-align: left; margin-top: 12px; } } .integrations-2027 { padding: 24px; background-color: var(--oa-bg-base, #F5F5F7); } .integrations-2027 .integrations-header { position: sticky; top: var(--oa-header-height, 56px); z-index: 100; background: var(--oa-bg-hover, #F8FAFD); border-bottom: 1px solid var(--oa-border-color, #E5E7EB); margin: -24px -24px 24px -24px; padding: 16px 24px; } .integrations-2027 .integrations-content { max-width: 1200px; } .integrations-2027 .integrations-category { margin-bottom: 32px; } .integrations-2027 .integrations-category:last-child { margin-bottom: 0; } .integrations-2027 .category-title { font-size: 14px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0 0 16px 0; padding-bottom: 8px; border-bottom: 1px solid var(--oa-border-color, #E5E7EB); } .integrations-2027 .integrations-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; } .integrations-2027 .integration-card { background: #FFFFFF; border: 1px solid #E5E7EB; border-radius: 12px; padding: 16px; display: flex; flex-direction: column; align-items: center; text-align: center; transition: all 150ms ease; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); position: relative; } .integrations-2027 .integration-card:hover { border-color: #3FA9FF; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .integrations-2027 .integration-card:focus-visible { outline: none; border-color: #005aee; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .integrations-2027 .integration-card.is-active { border-color: #10B981; background: linear-gradient(180deg, #F0FDF4 0%, #FFFFFF 100%); } .integrations-2027 .integration-status { width: 100%; display: flex; justify-content: flex-end; margin-bottom: 12px; min-height: 24px; } .integrations-2027 .status-badge { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; font-size: 11px; font-weight: 500; border-radius: var(--oa-radius-sm, 6px); } .integrations-2027 .status-badge i { font-size: 10px; } .integrations-2027 .status-active { background: #DCFCE7; color: #166534; } .integrations-2027 .status-inactive { background: #F1F5F9; color: #6B7280; border: 1px solid #E5E7EB; } .integrations-2027 .integration-logo { width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; } .integrations-2027 .integration-logo img { max-width: 100%; max-height: 100%; object-fit: contain; } .integrations-2027 .integration-info { flex: 1; margin-bottom: 12px; } .integrations-2027 .integration-name { font-size: 14px; font-weight: 600; color: #1F2937; margin: 0 0 4px 0; } .integrations-2027 .integration-description { font-size: 12px; color: #6B7280; margin: 0; line-height: 1.4; } .integrations-2027 .integration-actions { width: 100%; } .integrations-2027 .btn-ghost { width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 16px; font-size: 13px; font-weight: 500; color: var(--oa-text-secondary, #374151); background: transparent; border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 8px; cursor: pointer; transition: all var(--oa-duration-fast, 150ms) var(--oa-ease-snap, cubic-bezier(0.2, 0, 0, 1)); } .integrations-2027 .btn-ghost:hover { background: var(--oa-bg-subtle, #F1F5F9); border-color: var(--oa-brand-primary, #005aee); color: var(--oa-brand-primary, #005aee); } .integrations-2027 .btn-ghost:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .integrations-2027 .btn-ghost i { font-size: 14px; } .integrations-2027 .empty-state-2027 { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 64px 24px; text-align: center; background: var(--oa-card-bg, #FFFFFF); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 12px; } .integrations-2027 .empty-state-2027 .empty-icon { font-size: 48px; color: var(--oa-text-light, #9CA3AF); margin-bottom: 16px; } .integrations-2027 .empty-state-2027 h3 { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0 0 8px 0; } .integrations-2027 .empty-state-2027 p { font-size: 14px; color: var(--oa-text-muted, #64748B); margin: 0; max-width: 300px; } @media (max-width: 768px) { .integrations-2027 { padding: 16px; } .integrations-2027 .integrations-header { margin: -16px -16px 16px -16px; padding: 12px 16px; } .integrations-2027 .integrations-grid { grid-template-columns: 1fr; gap: 16px; } .integrations-2027 .integration-card { padding: 16px; } } .legal-settings-2027 { padding: 24px; background-color: var(--oa-bg-base, #F5F5F7); } .legal-settings-2027 .legal-header { position: sticky; top: var(--oa-header-height, 56px); z-index: 100; background: var(--oa-bg-hover, #F8FAFD); border-bottom: 1px solid var(--oa-border-color, #E5E7EB); margin: -24px -24px 24px -24px; padding: 16px 24px; } .legal-settings-2027 .error-messages { margin-bottom: 16px; } .legal-settings-2027 .error-alert { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: var(--oa-danger-bg, #FEF2F2); border: 1px solid var(--oa-danger, #EF4444); border-radius: 8px; color: var(--oa-danger-text, #B91C1C); font-size: 13px; margin-bottom: 8px; } .legal-settings-2027 .error-alert i { font-size: 16px; } .legal-settings-2027 .legal-content { max-width: 900px; } .legal-settings-2027 .settings-card-2027 { background: var(--oa-bg-white, #F9FAFB); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 12px; margin-bottom: 20px; box-shadow: var(--oa-shadow-sm); } .legal-settings-2027 .settings-card-header { display: flex; align-items: flex-start; gap: 16px; padding: 20px 24px; border-bottom: 1px solid var(--oa-border-light, #F1F5F9); } .legal-settings-2027 .card-header-icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: var(--oa-brand-bg, #EFF6FF); border-radius: 10px; color: var(--oa-brand-primary, #005aee); font-size: 18px; flex-shrink: 0; } .legal-settings-2027 .card-header-content { flex: 1; min-width: 0; } .legal-settings-2027 .card-header-title { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0 0 4px 0; letter-spacing: -0.01em; } .legal-settings-2027 .card-header-description { font-size: 13px; color: var(--oa-text-secondary, #4B5563); margin: 0; line-height: 1.5; } .legal-settings-2027 .settings-card-body { padding: 20px 24px; } .legal-settings-2027 .settings-card-footer { padding: 16px 24px; border-top: 1px solid var(--oa-border-light, #F1F5F9); display: flex; justify-content: flex-end; } .legal-settings-2027 .setting-row { margin-bottom: 16px; } .legal-settings-2027 .setting-row:last-child { margin-bottom: 0; } .legal-settings-2027 .setting-row-inline { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 16px; } .legal-settings-2027 .setting-options { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; } .legal-settings-2027 .inline-input-group { display: flex; align-items: center; gap: 8px; } .legal-settings-2027 .inline-input-group .form-control-sm { width: 80px; height: var(--oa-input-height, 32px); padding: 6px 10px; font-size: 13px; border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 6px; } .legal-settings-2027 .inline-input-group .form-control-sm:focus { border-color: var(--oa-brand-primary, #005aee); box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); outline: none; } .legal-settings-2027 .input-suffix { font-size: 12px; color: var(--oa-text-muted, #64748B); cursor: help; } .legal-settings-2027 .checkbox-2027 { display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 13px; color: var(--oa-text-secondary, #374151); } .legal-settings-2027 .checkbox-2027 input[type=checkbox] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .legal-settings-2027 .checkbox-2027 .checkbox-indicator { width: 18px; height: 18px; border: 2px solid var(--oa-border-color, #D1D5DB); border-radius: 4px; display: flex; align-items: center; justify-content: center; transition: all var(--oa-duration-fast, 150ms) ease; flex-shrink: 0; } .legal-settings-2027 .checkbox-2027 .checkbox-indicator::after { content: ""; font-family: "Font Awesome 6 Pro"; font-weight: 300; font-size: 11px; color: white; opacity: 0; transform: scale(0.5); transition: all var(--oa-duration-fast, 150ms) ease; } .legal-settings-2027 .checkbox-2027 input:checked + .checkbox-indicator { background: var(--oa-brand-primary, #005aee); border-color: var(--oa-brand-primary, #005aee); } .legal-settings-2027 .checkbox-2027 input:checked + .checkbox-indicator::after { opacity: 1; transform: scale(1); } .legal-settings-2027 .checkbox-2027 .checkbox-label { flex: 1; } .legal-settings-2027 .checkbox-2027:focus-within .checkbox-indicator { box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .legal-settings-2027 .checkbox-list { display: flex; flex-direction: column; gap: 16px; } .legal-settings-2027 .checkbox-item { padding-bottom: 16px; border-bottom: 1px solid var(--oa-border-light, #F1F5F9); } .legal-settings-2027 .checkbox-item:last-child { padding-bottom: 0; border-bottom: none; } .legal-settings-2027 .checkbox-description { font-size: 12px; color: var(--oa-text-muted, #64748B); margin: 6px 0 0 26px; line-height: 1.5; } .legal-settings-2027 .agreements-section .settings-card-body { padding: 0; } .legal-settings-2027 .agreements-layout { display: grid; grid-template-columns: 280px 1fr; min-height: 400px; } @media (max-width: 768px) { .legal-settings-2027 .agreements-layout { grid-template-columns: 1fr; } } .legal-settings-2027 .agreements-sidebar { background: var(--oa-bg-white, #FFFFFF) !important; border-right: 1px solid var(--oa-border-light, #E5E7EB); padding: 16px; border-radius: 8px 0 0 8px; } @media (max-width: 768px) { .legal-settings-2027 .agreements-sidebar { border-right: none; border-bottom: 1px solid var(--oa-border-light, #E5E7EB); border-radius: 8px 8px 0 0; } } .legal-settings-2027 .agreements-list { display: flex; flex-direction: column; gap: 4px; } .legal-settings-2027 .agreement-item { display: block; width: 100%; padding: 12px 14px; border-radius: 8px; cursor: pointer; transition: all var(--oa-duration-fast, 150ms) ease; text-decoration: none; text-align: left; background: transparent; border: none; font-family: inherit; } .legal-settings-2027 .agreement-item:hover { background: var(--oa-bg-hover, #F1F5F9); } .legal-settings-2027 .agreement-item.active { background: var(--oa-brand-bg, #EFF6FF); } .legal-settings-2027 .agreement-item:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .legal-settings-2027 .agreement-meta { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; } .legal-settings-2027 .agreement-type { font-size: 11px; font-weight: 500; color: var(--oa-text-muted, #64748B); text-transform: uppercase; letter-spacing: 0.02em; } .legal-settings-2027 .required-indicator { font-size: 8px; color: var(--oa-danger, #DC2626); } .legal-settings-2027 .default-badge { display: inline-block; padding: 2px 6px; background: var(--oa-bg-subtle, #F1F5F9); color: var(--oa-text-muted, #64748B); font-size: 9px; font-weight: 500; border-radius: 4px; text-transform: uppercase; letter-spacing: 0.03em; } .legal-settings-2027 .agreement-name { font-size: 13px; color: var(--oa-text-main, #1F2937); } .legal-settings-2027 .agreement-name i { margin-right: 6px; color: var(--oa-text-muted, #64748B); } .legal-settings-2027 .add-agreement { text-align: center; color: var(--oa-brand-primary, #005aee); font-size: 13px; font-weight: 500; margin-top: 8px; border: 1px dashed var(--oa-border-color, #E5E7EB); } .legal-settings-2027 .add-agreement:hover { background: var(--oa-brand-bg, #EFF6FF); border-color: var(--oa-brand-primary, #005aee); } .legal-settings-2027 .add-agreement i { margin-right: 6px; } .legal-settings-2027 .agreement-detail { padding: 24px; } .legal-settings-2027 .agreement-empty { display: flex; align-items: center; justify-content: center; } .legal-settings-2027 .agreement-title { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0 0 12px 0; } .legal-settings-2027 .required-text { font-size: 13px; font-weight: 400; color: var(--oa-text-muted, #64748B); } .legal-settings-2027 .agreement-description { font-size: 13px; color: var(--oa-text-secondary, #374151); margin-bottom: 16px; line-height: 1.6; } .legal-settings-2027 .agreement-content { border: 1px solid var(--oa-border-color, #E5E7EB); background: var(--oa-bg-subtle, #F8FAFC); padding: 20px; border-radius: 8px; max-height: 400px; overflow-y: auto; font-size: 13px; line-height: 1.6; color: var(--oa-text-secondary, #374151); margin-bottom: 16px; } .legal-settings-2027 .agreement-actions, .legal-settings-2027 .form-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; } .legal-settings-2027 .form-row { margin-bottom: 16px; } .legal-settings-2027 .form-row-3col { display: grid; grid-template-columns: 1fr auto auto; gap: 16px; align-items: end; } @media (max-width: 768px) { .legal-settings-2027 .form-row-3col { grid-template-columns: 1fr; } } .legal-settings-2027 .form-group { margin-bottom: 16px; } .legal-settings-2027 .form-group:last-child { margin-bottom: 0; } .legal-settings-2027 .form-group-checkbox, .legal-settings-2027 .form-group-toggle { display: flex; align-items: center; } .legal-settings-2027 .form-label { display: block; font-size: 12px; font-weight: 500; color: var(--oa-text-muted, #64748B); margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.02em; } .legal-settings-2027 .form-input-2027, .legal-settings-2027 .form-select-2027, .legal-settings-2027 .form-textarea-2027 { width: 100%; height: var(--oa-input-height, 32px); padding: 6px 12px; font-size: 13px; color: var(--oa-text-main, #1F2937); background: var(--oa-bg-white, #FFFFFF); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 6px; transition: all var(--oa-duration-fast, 150ms) ease; } .legal-settings-2027 .form-input-2027:focus, .legal-settings-2027 .form-select-2027:focus, .legal-settings-2027 .form-textarea-2027:focus { border-color: var(--oa-brand-primary, #005aee); box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); outline: none; } .legal-settings-2027 .form-input-2027::placeholder, .legal-settings-2027 .form-select-2027::placeholder, .legal-settings-2027 .form-textarea-2027::placeholder { color: var(--oa-text-light, #9CA3AF); } .legal-settings-2027 .form-textarea-2027 { height: auto; min-height: 80px; resize: vertical; } .legal-settings-2027 .form-select-2027 { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748B' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; padding-right: 30px; } .legal-settings-2027 .toggle-group { display: inline-flex; background: var(--oa-bg-subtle, #F1F5F9); border-radius: 6px; padding: 2px; } .legal-settings-2027 .toggle-btn { padding: 6px 16px; font-size: 12px; font-weight: 500; color: var(--oa-text-muted, #64748B); background: transparent; border: none; border-radius: 4px; cursor: pointer; transition: all var(--oa-duration-fast, 150ms) ease; } .legal-settings-2027 .toggle-btn.active { background: var(--oa-bg-white, #FFFFFF); color: var(--oa-brand-primary, #005aee); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .legal-settings-2027 .toggle-btn:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .legal-settings-2027 .content-preview { border: 1px solid var(--oa-border-color, #E5E7EB); background: var(--oa-bg-subtle, #F8FAFC); padding: 20px; border-radius: 8px; font-size: 13px; line-height: 1.6; color: var(--oa-text-secondary, #374151); margin-bottom: 16px; } .legal-settings-2027 .empty-state-2027 { text-align: center; padding: 32px; } .legal-settings-2027 .empty-state-2027 .empty-illustration { max-width: 200px; margin-bottom: 16px; opacity: 0.8; } .legal-settings-2027 .empty-state-2027 p { font-size: 13px; color: var(--oa-text-muted, #64748B); margin: 0; } .legal-settings-2027 .btn-ghost { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; font-size: 13px; font-weight: 500; color: var(--oa-text-secondary, #374151); background: transparent; border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 8px; cursor: pointer; transition: all var(--oa-duration-fast, 150ms) ease; } .legal-settings-2027 .btn-ghost:hover { background: var(--oa-bg-subtle, #F1F5F9); border-color: var(--oa-brand-primary, #005aee); color: var(--oa-brand-primary, #005aee); } .legal-settings-2027 .btn-ghost:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .legal-settings-2027 .btn-ghost i { font-size: 13px; } @media (max-width: 768px) { .legal-settings-2027 { padding: 16px; } .legal-settings-2027 .legal-header { margin: -16px -16px 16px -16px; padding: 12px 16px; } .legal-settings-2027 .settings-card-header { padding: 16px; } .legal-settings-2027 .settings-card-body { padding: 16px; } .legal-settings-2027 .setting-row-inline { flex-direction: column; align-items: flex-start; } .legal-settings-2027 .agreement-detail { padding: 16px; } } .domain-settings-2027 { padding: 24px; background-color: var(--oa-bg-base, #F5F5F7); } .domain-settings-2027 .domain-header { position: sticky; top: var(--oa-header-height, 56px); z-index: 100; background: var(--oa-bg-hover, #F8FAFD); border-bottom: 1px solid var(--oa-border-color, #E5E7EB); margin: -24px -24px 24px -24px; padding: 16px 24px; } .domain-settings-2027 .error-messages { margin-bottom: 16px; } .domain-settings-2027 .error-alert { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: var(--oa-error-bg, #FEF2F2); border: 1px solid var(--oa-error-border, #FECACA); border-radius: 8px; color: var(--oa-error-text, #B91C1C); font-size: 13px; margin-bottom: 8px; } .domain-settings-2027 .error-alert i { font-size: 16px; } .domain-settings-2027 .domain-content { max-width: 700px; } .domain-settings-2027 .settings-card-2027 { background: var(--oa-bg-white, #F9FAFB); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 12px; margin-bottom: 20px; box-shadow: var(--oa-shadow-sm); } .domain-settings-2027 .settings-card-header { display: flex; align-items: flex-start; gap: 16px; padding: 20px 24px; border-bottom: 1px solid var(--oa-border-light, #F1F5F9); } .domain-settings-2027 .card-header-icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: var(--oa-brand-bg, #EFF6FF); border-radius: 10px; color: var(--oa-brand-primary, #005aee); font-size: 18px; flex-shrink: 0; } .domain-settings-2027 .card-header-icon.card-header-icon-info { background: var(--oa-info-bg, #EFF6FF); color: var(--oa-info-text, #1D4ED8); } .domain-settings-2027 .card-header-content { flex: 1; min-width: 0; } .domain-settings-2027 .card-header-title { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0 0 4px 0; letter-spacing: -0.01em; } .domain-settings-2027 .card-header-description { font-size: 13px; color: var(--oa-text-secondary, #4B5563); margin: 0; line-height: 1.5; } .domain-settings-2027 .settings-card-body { padding: 20px 24px; } .domain-settings-2027 .settings-card-body + .domain-settings-2027 .settings-card-body { display: none; } .domain-settings-2027 .setting-row { margin-bottom: 16px; } .domain-settings-2027 .setting-row:last-child { margin-bottom: 0; } .domain-settings-2027 .form-group { margin-bottom: 16px; } .domain-settings-2027 .form-group:last-child { margin-bottom: 0; } .domain-settings-2027 .form-label { display: block; font-size: 12px; font-weight: 500; color: var(--oa-text-muted, #64748B); margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.02em; } .domain-settings-2027 .form-input-2027 { width: 100%; height: var(--oa-input-height, 32px); padding: 6px 12px; font-size: 13px; color: var(--oa-text-main, #1F2937); background: var(--oa-bg-white, #FFFFFF); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 6px; transition: all var(--oa-duration-fast, 150ms) ease; } .domain-settings-2027 .form-input-2027:focus { border-color: var(--oa-brand-primary, #005aee); box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); outline: none; } .domain-settings-2027 .form-input-2027::placeholder { color: var(--oa-text-light, #9CA3AF); } .domain-settings-2027 .form-input-2027.input-readonly { background: var(--oa-bg-subtle, #F1F5F9); color: var(--oa-text-muted, #64748B); cursor: not-allowed; } .domain-settings-2027 .checkbox-2027 { display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 13px; color: var(--oa-text-secondary, #374151); } .domain-settings-2027 .checkbox-2027 input[type=checkbox] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .domain-settings-2027 .checkbox-2027 .checkbox-indicator { width: 18px; height: 18px; border: 2px solid var(--oa-border-color, #D1D5DB); border-radius: 4px; display: flex; align-items: center; justify-content: center; transition: all var(--oa-duration-fast, 150ms) ease; flex-shrink: 0; } .domain-settings-2027 .checkbox-2027 .checkbox-indicator::after { content: ""; font-family: "Font Awesome 6 Pro"; font-weight: 300; font-size: 11px; color: white; opacity: 0; transform: scale(0.5); transition: all var(--oa-duration-fast, 150ms) ease; } .domain-settings-2027 .checkbox-2027 input:checked + .checkbox-indicator { background: var(--oa-brand-primary, #005aee); border-color: var(--oa-brand-primary, #005aee); } .domain-settings-2027 .checkbox-2027 input:checked + .checkbox-indicator::after { opacity: 1; transform: scale(1); } .domain-settings-2027 .checkbox-2027:focus-within .checkbox-indicator { box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .domain-settings-2027 .checkbox-2027 .checkbox-label { flex: 1; } .domain-settings-2027 .instructions-steps { display: flex; flex-direction: column; gap: 16px; } .domain-settings-2027 .instruction-step { display: flex; align-items: flex-start; gap: 12px; } .domain-settings-2027 .step-number { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; background: var(--oa-brand-primary, #005aee); color: white; border-radius: 50%; font-size: 12px; font-weight: 600; flex-shrink: 0; } .domain-settings-2027 .step-text { font-size: 14px; color: var(--oa-text-main, #1F2937); line-height: 1.6; padding-top: 2px; } .domain-settings-2027 .step-text strong { color: var(--oa-brand-primary, #005aee); font-weight: 600; } .domain-settings-2027 .dns-records { margin-left: 36px; margin-top: 12px; display: flex; flex-direction: column; gap: 12px; } .domain-settings-2027 .dns-record { background: var(--oa-bg-subtle, #F8FAFC); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 8px; padding: 12px 16px; } .domain-settings-2027 .dns-record-cname { margin-left: 36px; margin-top: 8px; } .domain-settings-2027 .record-label { font-size: 11px; font-weight: 500; color: var(--oa-text-muted, #64748B); text-transform: uppercase; letter-spacing: 0.02em; margin-bottom: 6px; } .domain-settings-2027 .record-value { display: flex; align-items: center; gap: 8px; } .domain-settings-2027 .record-value code { flex: 1; font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; font-size: 12px; color: var(--oa-text-main, #1F2937); background: var(--oa-bg-white, #FFFFFF); padding: 6px 10px; border-radius: 4px; border: 1px solid var(--oa-border-color, #E5E7EB); word-break: break-all; } .domain-settings-2027 .btn-copy { flex-shrink: 0; padding: 6px; } .domain-settings-2027 .btn-copy:hover { color: var(--oa-brand-primary, #005aee); } .domain-settings-2027 .form-actions-sticky { position: sticky; bottom: 0; background: var(--oa-bg-base, #F5F5F7); padding: 16px 0; margin-top: 8px; display: flex; justify-content: flex-end; } @media (max-width: 768px) { .domain-settings-2027 { padding: 16px; } .domain-settings-2027 .domain-header { margin: -16px -16px 16px -16px; padding: 12px 16px; } .domain-settings-2027 .settings-card-header { padding: 16px; } .domain-settings-2027 .settings-card-body { padding: 16px; } .domain-settings-2027 .dns-records, .domain-settings-2027 .dns-record-cname { margin-left: 0; } } .locations-settings-2027 { padding: 24px; background-color: var(--oa-bg-base, #F5F5F7); } .locations-settings-2027 .locations-header { position: sticky; top: var(--oa-header-height, 56px); z-index: 100; background: var(--oa-bg-hover, #F8FAFD); border-bottom: 1px solid var(--oa-border-color, #E5E7EB); margin: -24px -24px 24px -24px; padding: 16px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; } .locations-settings-2027 .header-actions { display: flex; gap: 8px; } .locations-settings-2027 .locations-content { max-width: none; } .locations-settings-2027 .settings-card-2027 { background: #FFFFFF; border: 1px solid #E5E7EB; border-radius: 12px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); } .locations-settings-2027 .settings-card-body { padding: 0; } .locations-settings-2027 .locations-table-wrapper { overflow-x: auto; } .locations-settings-2027 .data-table-2027 { width: 100%; border-collapse: collapse; } .locations-settings-2027 .data-table-2027 thead { background: #F8FAFC; border-bottom: 1px solid #E5E7EB; } .locations-settings-2027 .data-table-2027 thead th { padding: 12px 16px; font-size: 11px; font-weight: 600; color: #64748B; text-transform: uppercase; letter-spacing: 0.03em; text-align: left; white-space: nowrap; } .locations-settings-2027 .data-table-2027 tbody tr { border-bottom: 1px solid #F1F5F9; transition: background 150ms ease; } .locations-settings-2027 .data-table-2027 tbody tr:last-child { border-bottom: none; } .locations-settings-2027 .data-table-2027 tbody tr:hover { background: #F8FAFC; } .locations-settings-2027 .data-table-2027 tbody td { padding: 14px 16px; font-size: 13px; color: #374151; vertical-align: middle; } .locations-settings-2027 .data-table-2027 .col-name { min-width: 180px; } .locations-settings-2027 .data-table-2027 .col-address { min-width: 220px; } .locations-settings-2027 .data-table-2027 .col-country, .locations-settings-2027 .data-table-2027 .col-city { min-width: 100px; } .locations-settings-2027 .data-table-2027 .col-actions { width: 60px; text-align: right; } .locations-settings-2027 .location-name-cell { display: flex; flex-direction: column; gap: 2px; } .locations-settings-2027 .location-name { font-weight: 600; color: #1F2937; } .locations-settings-2027 .location-code { font-size: 12px; color: #9CA3AF; } .locations-settings-2027 .address-text, .locations-settings-2027 .country-text, .locations-settings-2027 .city-text { color: #4B5563; } .locations-settings-2027 .btn-icon-ghost { padding: 6px 8px; color: #6B7280; background: transparent; border: none; border-radius: 6px; cursor: pointer; transition: all 150ms ease; } .locations-settings-2027 .btn-icon-ghost:hover { background: #EFF6FF; color: #005aee; } .locations-settings-2027 .empty-state-2027 { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 24px; text-align: center; } .locations-settings-2027 .empty-state-2027 .empty-icon { font-size: 48px; color: #D1D5DB; margin-bottom: 16px; } .locations-settings-2027 .empty-state-2027 h3 { font-size: 16px; font-weight: 600; color: #374151; margin: 0 0 8px 0; } .locations-settings-2027 .empty-state-2027 p { font-size: 13px; color: #6B7280; margin: 0 0 20px 0; } @media (max-width: 768px) { .locations-settings-2027 { padding: 16px; } .locations-settings-2027 .locations-header { margin: -16px -16px 16px -16px; padding: 12px 16px; flex-direction: column; align-items: stretch; } .locations-settings-2027 .header-actions { justify-content: flex-end; } } .calendar-config-2027 { padding: 24px; background-color: var(--oa-bg-base, #F5F5F7); } .calendar-config-2027 .calendar-header { position: sticky; top: var(--oa-header-height, 56px); z-index: 100; display: flex; align-items: center; justify-content: space-between; margin: -24px -24px 24px -24px; padding: 16px 24px; background: var(--oa-bg-white, #FFFFFF); border-bottom: 1px solid var(--oa-border-light, #E5E7EB); } .calendar-config-2027 .year-selector .select-2027 { position: relative; display: inline-block; } .calendar-config-2027 .year-selector .form-select-2027 { appearance: none; padding: 8px 36px 8px 12px; font-size: 14px; font-weight: 500; color: #1F2937; background: #F8FAFC; border: 1px solid #E5E7EB; border-radius: 8px; cursor: pointer; min-width: 100px; } .calendar-config-2027 .year-selector .form-select-2027:hover { background: #F1F5F9; border-color: #D1D5DB; } .calendar-config-2027 .year-selector .form-select-2027:focus { outline: none; border-color: var(--oa-brand-primary, #005AEE); box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1); } .calendar-config-2027 .year-selector .select-icon { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); font-size: 12px; color: #6B7280; pointer-events: none; } .calendar-config-2027 .calendar-content { display: flex; flex-direction: column; gap: 24px; } .calendar-config-2027 .settings-card-2027 { background: var(--oa-bg-white, #FFFFFF); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 12px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); } .calendar-config-2027 .settings-card-header { display: flex; align-items: flex-start; gap: 16px; padding: 20px 24px; border-bottom: 1px solid var(--oa-border-light, #F1F5F9); } .calendar-config-2027 .card-header-icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: var(--oa-brand-bg, #EFF6FF); border-radius: 10px; color: var(--oa-brand-primary, #005aee); font-size: 18px; flex-shrink: 0; } .calendar-config-2027 .card-header-content { flex: 1; min-width: 0; } .calendar-config-2027 .card-header-title { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0 0 4px 0; letter-spacing: -0.01em; } .calendar-config-2027 .card-header-description { font-size: 13px; color: var(--oa-text-secondary, #4B5563); margin: 0; line-height: 1.5; } .calendar-config-2027 .settings-card-body { padding: 20px 24px; } .calendar-config-2027 .calendar-table-wrapper { padding: 0; } .calendar-config-2027 .data-table-2027 { width: 100%; border-collapse: collapse; } .calendar-config-2027 .data-table-2027 thead { background: #F8FAFC; border-bottom: 1px solid #E5E7EB; } .calendar-config-2027 .data-table-2027 thead th { padding: 12px 16px; font-size: 11px; font-weight: 600; color: #64748B; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; } .calendar-config-2027 .data-table-2027 thead th.col-date { width: 180px; } .calendar-config-2027 .data-table-2027 thead th.col-type { width: 150px; } .calendar-config-2027 .data-table-2027 thead th.col-actions { width: 80px; text-align: right; } .calendar-config-2027 .data-table-2027 tbody tr { border-bottom: 1px solid #F1F5F9; transition: background-color 0.15s ease; } .calendar-config-2027 .data-table-2027 tbody tr:hover { background: #F8FAFC; } .calendar-config-2027 .data-table-2027 tbody tr:last-child { border-bottom: none; } .calendar-config-2027 .data-table-2027 tbody td { padding: 12px 16px; font-size: 14px; color: #374151; vertical-align: middle; } .calendar-config-2027 .data-table-2027 tbody td.col-actions { text-align: right; } .calendar-config-2027 .date-text { font-weight: 500; color: #1F2937; } .calendar-config-2027 .name-text { color: #374151; } .calendar-config-2027 .type-badge { display: inline-block; padding: 4px 10px; background: #EFF6FF; color: #1D4ED8; font-size: 12px; font-weight: 500; border-radius: 6px; } .calendar-config-2027 .form-input-2027 { width: 100%; padding: 8px 12px; font-size: 14px; color: #1F2937; background: #FFFFFF; border: 1px solid #E5E7EB; border-radius: 6px; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .calendar-config-2027 .form-input-2027:focus { outline: none; border-color: var(--oa-brand-primary, #005AEE); box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1); } .calendar-config-2027 .form-input-2027::placeholder { color: #9CA3AF; } .calendar-config-2027 .form-select-2027 { width: 100%; padding: 8px 12px; font-size: 14px; color: #1F2937; background: #FFFFFF; border: 1px solid #E5E7EB; border-radius: 6px; cursor: pointer; } .calendar-config-2027 .form-select-2027:focus { outline: none; border-color: var(--oa-brand-primary, #005AEE); box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1); } .calendar-config-2027 .edit-actions { display: flex; gap: 8px; justify-content: flex-end; } .calendar-config-2027 .btn-icon-success { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: #DCFCE7; color: #166534; border: none; border-radius: 6px; cursor: pointer; transition: background-color 0.15s ease; } .calendar-config-2027 .btn-icon-success:hover { background: #BBF7D0; } .calendar-config-2027 .btn-icon-success:disabled { opacity: 0.5; cursor: not-allowed; } .calendar-config-2027 .btn-icon-danger { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: #FEE2E2; color: #B91C1C; border: none; border-radius: 6px; cursor: pointer; transition: background-color 0.15s ease; } .calendar-config-2027 .btn-icon-danger:hover { background: #FECACA; } .calendar-config-2027 .add-holiday-card .card-header-icon-add { background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%); color: #1D4ED8; } .calendar-config-2027 .add-holiday-form .form-row { display: flex; gap: 16px; align-items: flex-end; } .calendar-config-2027 .add-holiday-form .form-group { display: flex; flex-direction: column; gap: 6px; } .calendar-config-2027 .add-holiday-form .form-group.form-group-date { flex: 0 0 180px; } .calendar-config-2027 .add-holiday-form .form-group.form-group-name { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; } .calendar-config-2027 .add-holiday-form .form-group.form-group-type { flex: 0 0 180px; } .calendar-config-2027 .add-holiday-form .form-group.form-group-action { flex: 0 0 auto; } .calendar-config-2027 .add-holiday-form .form-label { font-size: 12px; font-weight: 500; color: #64748B; text-transform: uppercase; letter-spacing: 0.05em; } .calendar-config-2027 .empty-state-2027 { text-align: center; padding: 48px 24px; } .calendar-config-2027 .empty-state-2027 .empty-icon { font-size: 48px; color: #D1D5DB; margin-bottom: 16px; } .calendar-config-2027 .empty-state-2027 h3 { font-size: 16px; font-weight: 600; color: #374151; margin: 0 0 8px 0; } .calendar-config-2027 .empty-state-2027 p { font-size: 13px; color: #6B7280; margin: 0; } @media (max-width: 992px) { .calendar-config-2027 .add-holiday-form .form-row { flex-wrap: wrap; } .calendar-config-2027 .add-holiday-form .form-group.form-group-date, .calendar-config-2027 .add-holiday-form .form-group.form-group-type { flex: 0 0 calc(50% - 8px); } .calendar-config-2027 .add-holiday-form .form-group.form-group-name { flex: 0 0 100%; order: -1; } .calendar-config-2027 .add-holiday-form .form-group.form-group-action { flex: 0 0 100%; margin-top: 8px; } } @media (max-width: 768px) { .calendar-config-2027 { padding: 16px; } .calendar-config-2027 .calendar-header { margin: -16px -16px 16px -16px; padding: 12px 16px; flex-direction: column; gap: 12px; align-items: stretch; } .calendar-config-2027 .year-selector .form-select-2027 { width: 100%; } .calendar-config-2027 .data-table-2027 thead th, .calendar-config-2027 .data-table-2027 tbody td { padding: 10px 12px; } .calendar-config-2027 .data-table-2027 thead th.col-type, .calendar-config-2027 .data-table-2027 tbody td.col-type { display: none; } .calendar-config-2027 .add-holiday-form .form-row { flex-direction: column; } .calendar-config-2027 .add-holiday-form .form-group.form-group-date, .calendar-config-2027 .add-holiday-form .form-group.form-group-name, .calendar-config-2027 .add-holiday-form .form-group.form-group-type, .calendar-config-2027 .add-holiday-form .form-group.form-group-action { flex: 0 0 100%; } } .export-settings-2027 { padding: 24px; background-color: var(--oa-bg-base, #F5F5F7); } .export-settings-2027 .export-header { position: sticky; top: var(--oa-header-height, 56px); z-index: 100; margin: -24px -24px 24px -24px; padding: 16px 24px; background: var(--oa-bg-white, #FFFFFF); border-bottom: 1px solid var(--oa-border-light, #E5E7EB); } .export-settings-2027 .export-content { display: flex; flex-direction: column; gap: 24px; } .export-settings-2027 .settings-card-2027 { background: var(--oa-bg-white, #FFFFFF); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 12px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); } .export-settings-2027 .settings-card-header { display: flex; align-items: flex-start; gap: 16px; padding: 20px 24px; border-bottom: 1px solid var(--oa-border-light, #F1F5F9); } .export-settings-2027 .card-header-icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: var(--oa-brand-bg, #EFF6FF); border-radius: 10px; color: var(--oa-brand-primary, #005aee); font-size: 18px; flex-shrink: 0; } .export-settings-2027 .card-header-content { flex: 1; min-width: 0; } .export-settings-2027 .card-header-title { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0 0 4px 0; letter-spacing: -0.01em; } .export-settings-2027 .card-header-description { font-size: 13px; color: var(--oa-text-secondary, #4B5563); margin: 0; line-height: 1.5; } .export-settings-2027 .settings-card-body { padding: 20px 24px; } .export-settings-2027 .card-header-icon-import { background: linear-gradient(135deg, #F0FDF4 0%, #DCFCE7 100%); color: #166534; } .export-settings-2027 .card-header-icon-export { background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%); color: #1D4ED8; } .export-settings-2027 .export-table-wrapper { padding: 0; } .export-settings-2027 .data-table-2027 { width: 100%; border-collapse: collapse; } .export-settings-2027 .data-table-2027 thead { background: #F8FAFC; border-bottom: 1px solid #E5E7EB; } .export-settings-2027 .data-table-2027 thead th { padding: 12px 16px; font-size: 11px; font-weight: 600; color: #64748B; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; } .export-settings-2027 .data-table-2027 thead th.col-data { width: 70%; } .export-settings-2027 .data-table-2027 thead th.col-action { width: 30%; } .export-settings-2027 .data-table-2027 tbody tr { border-bottom: 1px solid #F1F5F9; transition: background-color 0.15s ease; } .export-settings-2027 .data-table-2027 tbody tr:hover { background: #F8FAFC; } .export-settings-2027 .data-table-2027 tbody tr:last-child { border-bottom: none; } .export-settings-2027 .data-table-2027 tbody td { padding: 16px; font-size: 14px; color: #374151; vertical-align: middle; } .export-settings-2027 .data-cell { display: flex; align-items: center; gap: 12px; } .export-settings-2027 .data-icon { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: #F1F5F9; color: #64748B; border-radius: 8px; font-size: 16px; } .export-settings-2027 .data-name { font-weight: 500; color: #1F2937; } .export-settings-2027 .btn-ghost { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; font-size: 13px; font-weight: 500; color: var(--oa-brand-primary, #005AEE); background: transparent; border: 1px solid var(--oa-brand-primary, #005AEE); border-radius: 6px; cursor: pointer; text-decoration: none; transition: all 0.15s ease; } .export-settings-2027 .btn-ghost:hover { background: var(--oa-brand-primary, #005AEE); color: #FFFFFF; } .export-settings-2027 .btn-ghost i { font-size: 14px; } .export-settings-2027 .btn-sm { padding: 6px 12px; font-size: 12px; } .export-settings-2027 .empty-state-2027 { text-align: center; padding: 48px 24px; } .export-settings-2027 .empty-state-2027 .empty-icon { font-size: 48px; color: #D1D5DB; margin-bottom: 16px; } .export-settings-2027 .empty-state-2027 h3 { font-size: 16px; font-weight: 600; color: #374151; margin: 0 0 8px 0; } .export-settings-2027 .empty-state-2027 p { font-size: 13px; color: #6B7280; margin: 0; } @media (max-width: 768px) { .export-settings-2027 { padding: 16px; } .export-settings-2027 .export-header { margin: -16px -16px 16px -16px; padding: 12px 16px; } .export-settings-2027 .data-table-2027 thead th, .export-settings-2027 .data-table-2027 tbody td { padding: 12px; } .export-settings-2027 .data-table-2027 thead th.col-action { display: none; } .export-settings-2027 .data-table-2027 tbody td.col-action { display: block; padding-top: 0; border-bottom: none; } .export-settings-2027 .data-table-2027 tbody tr { display: flex; flex-direction: column; } .export-settings-2027 .data-cell { gap: 10px; } .export-settings-2027 .data-icon { width: 32px; height: 32px; font-size: 14px; } } .configuration .email-templates-config { padding: 20px 24px; background: var(--oa-bg-white, #F9FAFB); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 12px; box-shadow: var(--oa-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.05)); } .configuration .email-templates-config .form-group { margin-bottom: 16px; } .configuration .email-templates-config .form-group:last-child { margin-bottom: 0; } .configuration .email-templates-config .form-label { font-size: 12px; font-weight: 500; color: var(--oa-text-muted, #64748B); text-transform: uppercase; letter-spacing: 0.03em; margin-bottom: 6px; } .configuration .email-templates-config .form-control { height: var(--oa-input-height, 32px); border-radius: 6px; border: 1px solid var(--oa-border-color, #E5E7EB); font-size: 13px; color: var(--oa-text-main, #1F2937); } .configuration .email-templates-config .form-control:focus { border-color: var(--oa-brand-primary, #005aee); box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .configuration .edoc-data-config { padding: 20px 24px; background: var(--oa-bg-white, #F9FAFB); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 12px; box-shadow: var(--oa-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.05)); } .configuration .edoc-data-config .smart-form { margin: 0; } .configuration .edoc-data-config .smart-form .form-group { margin-bottom: 16px; } .configuration .edoc-data-config .smart-form .form-group:last-child { margin-bottom: 0; } .configuration .edoc-data-config .smart-form label.label { font-size: 12px; font-weight: 500; color: var(--oa-text-muted, #64748B); text-transform: uppercase; letter-spacing: 0.03em; margin-bottom: 6px; } .configuration .edoc-data-config .smart-form .input input, .configuration .edoc-data-config .smart-form .select select { height: var(--oa-input-height, 32px); border-radius: 6px; border: 1px solid var(--oa-border-color, #E5E7EB); font-size: 13px; color: var(--oa-text-main, #1F2937); } .configuration .edoc-data-config .smart-form .input input:focus, .configuration .edoc-data-config .smart-form .select select:focus { border-color: var(--oa-brand-primary, #005aee); box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .category-options-modal .modal-footer { padding: 12px 20px !important; } .category-options-modal .modal-footer .row { display: flex; align-items: center; flex-wrap: nowrap; width: 100%; margin: 0; } .category-options-modal .modal-footer .row > [class*=col-md-4] { flex: 0 0 auto; width: auto; padding-left: 0; } .category-options-modal .modal-footer .row > [class*=col-md-8] { flex: 1 1 auto; display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding-right: 0; float: none !important; } .category-options-modal .modal-footer .row > [class*=col-md-8] .checkbox { margin: 0 !important; padding-top: 0 !important; display: inline-flex !important; align-items: center; white-space: nowrap; font-size: 13px; } @media (max-width: 768px) { .category-options-modal .modal-footer .row { flex-wrap: wrap; gap: 8px; } .category-options-modal .modal-footer .row > [class*=col-md-4], .category-options-modal .modal-footer .row > [class*=col-md-8] { flex: 1 1 100%; width: 100%; justify-content: center; padding: 0; } .category-options-modal .modal-footer .row > [class*=col-md-8] { flex-wrap: wrap; gap: 8px; } } .category-options-modal label.input-group.input-group-xs, .category-options-modal .input-group.input-group-xs { display: inline-flex !important; width: auto !important; max-width: 200px; vertical-align: middle; } .category-options-modal label.input-group.input-group-xs .form-control, .category-options-modal .input-group.input-group-xs .form-control { height: 32px !important; min-height: 32px !important; padding: 6px 10px !important; font-size: 14px !important; border-radius: var(--oa-radius-sm, 6px) 0 0 var(--oa-radius-sm, 6px) !important; } .category-options-modal label.input-group.input-group-xs .input-group-addon, .category-options-modal .input-group.input-group-xs .input-group-addon { height: 32px !important; min-height: 32px !important; line-height: 32px; box-sizing: border-box !important; border-radius: 0 var(--oa-radius-sm, 6px) var(--oa-radius-sm, 6px) 0 !important; border: 1px solid var(--oa-border-color, #E2E8F0) !important; border-left: none !important; } .category-options-modal .icon-picker-dropdown .dropdown-menu { width: 500px; max-height: 300px; overflow-y: auto; padding: 8px !important; display: flex !important; flex-wrap: wrap; } .category-options-modal .icon-picker-dropdown .dropdown-menu > li { width: 36px; height: 36px; display: inline-flex !important; align-items: center; justify-content: center; margin: 2px; } .category-options-modal .icon-picker-dropdown .dropdown-menu > li > a { display: flex !important; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0 !important; border-radius: 4px; } .category-options-modal .icon-picker-dropdown .dropdown-menu > li > a i { font-size: 16px; color: #4a56a7; } .scorecard-edit-modal .modal-body .row.item { border-radius: 8px !important; margin: 4px 15px !important; padding: 12px 16px !important; background-color: var(--oa-bg-subtle, #EFF6FF) !important; border: 1px solid var(--oa-border-glass, rgba(226, 232, 240, 0.6)); transition: background-color 150ms ease; } .scorecard-edit-modal .modal-body .row.item:hover { background-color: var(--oa-bg-hover, #E0ECFF) !important; } .scorecard-edit-modal .modal-body .row.item .media { align-items: center; } .scorecard-edit-modal .modal-body .row.item span[style*="background-color: #677385"] { background-color: var(--oa-brand-primary, #005aee) !important; padding: 4px 12px !important; border-radius: 20px !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 0.02em; } .scorecard-edit-modal .modal-body label.label { font-size: 14px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin-bottom: 12px; } .scorecard-edit-modal .modal-body label.label .text-muted { font-size: 12px; font-weight: 400; } .scorecard-edit-modal .modal-body .card { border-radius: 8px; border: 1px solid var(--oa-border, #E5E7EB); box-shadow: var(--oa-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.05)); } .scorecard-edit-modal .modal-body { padding: 20px !important; } .scorecard-edit-modal .modal-body .padding-top-20 { padding-top: 16px !important; } .scorecard-edit-modal .modal-body .row.no-gutter { margin-bottom: 8px; } .scorecard-edit-modal .modal-body .btn, .scorecard-edit-modal .modal-body input, .scorecard-edit-modal .modal-body select, .scorecard-edit-modal .modal-body textarea { min-height: 32px; padding: 8px 12px; } @media (max-width: 767px) { .scorecard-edit-modal .modal-body { padding: 16px !important; } .scorecard-edit-modal .modal-body .row.item { margin: 4px 0 !important; padding: 12px !important; } .scorecard-edit-modal .modal-body .row.item .col-md-6, .scorecard-edit-modal .modal-body .row.item .col-md-3, .scorecard-edit-modal .modal-body .row.item .col-md-2 { width: 100%; padding: 4px 0; } .scorecard-edit-modal .modal-body .card .card-body .row .col-md-3, .scorecard-edit-modal .modal-body .card .card-body .row .col-md-9, .scorecard-edit-modal .modal-body .card .card-body .row .col-md-12 { padding: 4px 0; } } .permission_row label i { margin-top: 8px; } .permission_row label span { margin-left: 15px !important; } .permission_row label div.text-muted { margin-top: 0px !important; margin-left: 15px !important; } .permission_row i { margin-top: 8px; } .permission_row .card.margin-top-0 { margin-top: 0px !important; } .permission_row .card.padding-top-0 { padding-top: 0px !important; } .configuration .position-right div.smart-form { background: var(--oa-bg-base, #F5F5F7); padding: 24px !important; } .configuration .position-right div.smart-form > .card > .card-body.smart-form { background: transparent !important; } .configuration .position-right div.smart-form > h5.bold { font-size: 18px !important; font-weight: 600 !important; color: var(--oa-text-main, #1F2937) !important; padding: 0 0 16px 0 !important; margin: 0 !important; border-bottom: 1px solid var(--oa-border, #E5E7EB); margin-bottom: 16px !important; } .configuration .position-right div.smart-form > h5.bold i { color: var(--oa-brand-primary, #005aee); margin-right: 8px; } .configuration .position-right div.smart-form > section.row { gap: 16px; } .configuration .position-right div.smart-form .col-md-3 > .list-unstyled { background: var(--oa-card-bg, #F9FAFB) !important; border: 1px solid rgba(226, 232, 240, 0.6) !important; border-radius: 12px !important; padding: 8px 12px !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important; color: var(--oa-text-main, #1F2937) !important; } .configuration .position-right div.smart-form .col-md-3 > .list-unstyled > li { border-bottom: 1px solid var(--oa-border-light, #F1F5F9) !important; margin-bottom: 2px !important; border-radius: 8px; transition: background 150ms ease; } .configuration .position-right div.smart-form .col-md-3 > .list-unstyled > li:last-child { border-bottom: none !important; } .configuration .position-right div.smart-form .col-md-3 > .list-unstyled > li:hover { background: var(--oa-bg-hover, #F8FAFD); } .configuration .position-right div.smart-form .col-md-3 > .list-unstyled > li .padding-10 { padding: 10px 12px !important; } .configuration .position-right div.smart-form .col-md-3 > .list-unstyled > li .settings-item-selected { background: var(--oa-brand-primary-light, #EFF6FF); border-radius: 8px; border-left: 3px solid var(--oa-brand-primary, #005aee); } .configuration .position-right div.smart-form .col-md-3 > .list-unstyled > li .bold { font-size: 13px; font-weight: 500; color: var(--oa-text-main, #1F2937); } .configuration .position-right div.smart-form .col-md-3 > .list-unstyled > li .font-xs { font-size: 12px; color: var(--oa-text-muted, #6B7280); } .configuration .position-right div.smart-form .col-md-9 > .card { border-radius: 12px !important; border: 1px solid rgba(226, 232, 240, 0.6) !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important; background: #FFFFFF !important; } .configuration .position-right div.smart-form .col-md-9 > .card .card-body { padding: 20px 24px !important; } .configuration .position-right div.smart-form .col-md-9 > .card .card-body h4 { font-size: 16px !important; font-weight: 600 !important; color: var(--oa-text-main, #1F2937) !important; } .configuration .position-right div.smart-form .col-md-9 > .card .card-body h4 i { color: var(--oa-brand-primary, #005aee); margin-right: 8px; } .configuration .position-right div.smart-form .col-md-9 > .card .card-body label.input input { height: var(--oa-input-height, 32px); border: 1px solid var(--oa-border, #E5E7EB); border-radius: 6px; padding: 0 12px; font-size: 13px; transition: border-color 150ms ease, box-shadow 150ms ease; } .configuration .position-right div.smart-form .col-md-9 > .card .card-body label.input input:focus { border-color: var(--oa-brand-primary, #005aee); box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .configuration .position-right div.smart-form .col-md-9 > .card .card-body .media { border: 1px solid var(--oa-border-light, #F1F5F9) !important; border-radius: 8px !important; padding: 12px 16px !important; margin-bottom: 8px !important; transition: background 150ms ease, border-color 150ms ease; } .configuration .position-right div.smart-form .col-md-9 > .card .card-body .media:hover { background: var(--oa-bg-hover, #F8FAFD) !important; border-color: var(--oa-brand-light, #BFDBFE) !important; } .configuration .position-right div.smart-form .col-md-9 > .card .card-body .media .bold { font-size: 13px; font-weight: 500; color: var(--oa-text-main, #1F2937); } .configuration .position-right div.smart-form .col-md-9 > .card .card-body .media .text-muted { font-size: 12px; color: var(--oa-text-muted, #6B7280); } .position-right .email-templates-config { background: var(--oa-bg-base, #F5F5F7); padding: 16px !important; margin: 0 !important; border-radius: 0; box-sizing: border-box !important; } .position-right .email-templates-config [class*=col-md-], .position-right .email-templates-config [class*=col-xs-], .position-right .email-templates-config [class*=col-sm-], .position-right .email-templates-config [class*=col-lg-], .position-right .email-templates-config .row { box-sizing: border-box !important; } .position-right .email-templates-config > .col-md-4 .accordion-toggle { background: var(--oa-card-bg, #F9FAFB) !important; border-radius: 8px; padding: 12px 16px !important; border: 1px solid rgba(226, 232, 240, 0.6); margin-bottom: 4px; transition: background 150ms ease; } .position-right .email-templates-config > .col-md-4 .accordion-toggle:hover { background: var(--oa-bg-hover, #F8FAFD) !important; } .position-right .email-templates-config > .col-md-4 .accordion-toggle h5 { font-size: 14px !important; font-weight: 600 !important; color: var(--oa-text-main, #1F2937) !important; margin: 0 !important; } .position-right .email-templates-config > .col-md-4 .accordion-toggle .description { font-size: 12px; color: var(--oa-text-muted, #6B7280); margin-top: 4px; } .position-right .email-templates-config > .col-md-4 .email-templates-category.panel-open > .accordion-toggle { background: var(--oa-bg-tertiary, #F3F4F6) !important; border-left: 3px solid var(--oa-text-secondary, #4B5563); padding-left: 13px !important; } .position-right .email-templates-config > .col-md-4 .list-unstyled.card { background: var(--oa-card-bg, #F9FAFB) !important; border: 1px solid rgba(226, 232, 240, 0.6) !important; border-radius: 8px !important; padding: 8px !important; min-height: 200px !important; } .position-right .email-templates-config > .col-md-4 .list-unstyled.card > li { border-bottom: 1px solid var(--oa-border-light, #F1F5F9) !important; margin: 0 0 2px 0 !important; padding: 6px 8px 6px 12px !important; border-radius: 6px; } .position-right .email-templates-config > .col-md-4 .list-unstyled.card > li .padding-10, .position-right .email-templates-config > .col-md-4 .list-unstyled.card > li .padding-5 { padding: 6px 8px !important; } .position-right .email-templates-config > .col-md-4 .list-unstyled.card > li .settings-item-selected { background: var(--oa-brand-primary-light, #EFF6FF); border-radius: 6px; border-left: 3px solid var(--oa-brand-primary, #005aee); color: var(--oa-text-main, #1F2937) !important; } .position-right .email-templates-config > .col-md-4 .list-unstyled.card > li .settings-item-selected .text-muted { color: var(--oa-text-muted, #6B7280) !important; } .position-right .email-templates-config > .col-md-8 { background: #FFFFFF; border-radius: 12px; border: 1px solid rgba(226, 232, 240, 0.6); padding: 20px 24px !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .position-right .email-templates-config > .col-md-8 .label.text-uppercase { font-size: 12px !important; font-weight: 500 !important; color: var(--oa-text-muted, #6B7280) !important; text-transform: uppercase !important; letter-spacing: 0.02em; } .position-right .email-templates-config > .col-md-8 .form-label, .position-right .email-templates-config > .col-md-8 .label.form-label { font-size: 12px !important; font-weight: 500 !important; color: var(--oa-text-muted, #6B7280) !important; letter-spacing: 0.02em; margin-bottom: 4px; } .position-right .email-templates-config > .col-md-8 label.input input, .position-right .email-templates-config > .col-md-8 label.select select { height: var(--oa-input-height, 32px); border: 1px solid var(--oa-border, #E5E7EB); border-radius: 6px; font-size: 13px; } .position-right .email-templates-config > .col-md-8 label.input input:focus, .position-right .email-templates-config > .col-md-8 label.select select:focus { border-color: var(--oa-brand-primary, #005aee); box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .position-right .email-templates-config > .col-md-8 label.select { display: block; position: relative; overflow: visible !important; } .position-right .email-templates-config > .col-md-8 label.select select { width: 100%; padding-right: 28px; cursor: pointer; position: relative; z-index: 1; } .position-right .email-templates-config > .col-md-8 label.select > i { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: none; z-index: 2; } .smart-form .card-body .btn-group { max-width: 400px; } .modal .modal-body.smart-form .padding-top-20 { padding-top: 16px; } .modal .modal-body.smart-form .settings-card-2027, .modal .modal-body.smart-form .scorecard-items-section { margin-top: 16px; } .modal .modal-body.smart-form input[type=text], .modal .modal-body.smart-form textarea, .modal .modal-body.smart-form select { min-height: 32px; padding: 6px 12px; } @media (max-width: 768px) { .modal .modal-body.smart-form .modal-dialog.modal-lg { margin: 8px; } } .edoc-data-2027 { padding: 0; background-color: var(--oa-bg-base, #F5F5F7); min-height: calc(100vh - var(--oa-header-height, 56px)); } .edoc-data-2027 .edoc-header { display: flex; align-items: center; gap: 12px; padding: 20px 24px; border-bottom: 1px solid var(--oa-border, #E5E7EB); background: #FFFFFF; } .edoc-data-2027 .edoc-header h3 { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0; } .edoc-data-2027 .edoc-header h3 i { margin-right: 8px; color: var(--oa-brand-primary, #005aee); } .edoc-data-2027 .edoc-layout { display: grid; grid-template-columns: 280px 1fr; gap: 0; min-height: calc(100vh - 120px); } .edoc-data-2027 .edoc-sidebar { background: var(--oa-card-bg, #FFFFFF); border-right: 1px solid var(--oa-border, #E5E7EB); padding: 16px; position: sticky; top: var(--oa-header-height, 56px); height: calc(100vh - var(--oa-header-height, 56px)); overflow-y: auto; } .edoc-data-2027 .edoc-category-list { list-style: none; padding: 0; margin: 0; } .edoc-data-2027 .edoc-category-item { padding: 10px 12px; border-radius: 8px; cursor: pointer; margin-bottom: 2px; transition: all 150ms ease; } .edoc-data-2027 .edoc-category-item:hover { background: var(--oa-bg-hover, #F8FAFD); } .edoc-data-2027 .edoc-category-item.active { background: var(--oa-brand-primary-light, #EFF6FF); border-left: 3px solid var(--oa-brand-primary, #005aee); } .edoc-data-2027 .edoc-category-item .category-name { font-size: 14px; font-weight: 500; color: var(--oa-text-main, #1F2937); } .edoc-data-2027 .edoc-category-item .category-type { font-size: 12px; color: var(--oa-text-muted, #64748B); margin-top: 2px; } .edoc-data-2027 .edoc-category-item .category-desc { font-size: 11px; color: var(--oa-text-light, #94A3B8); margin-top: 2px; } .edoc-data-2027 .edoc-category-item.add-category { font-weight: 600; color: var(--oa-brand-primary, #005aee); } .edoc-data-2027 .edoc-content { padding: 24px; } .edoc-data-2027 .edoc-content-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; } .edoc-data-2027 .edoc-content-header h4 { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0; } .edoc-data-2027 .edoc-content-header h4 i { margin-right: 8px; color: var(--oa-brand-primary, #005aee); } .edoc-data-2027 .edoc-search { margin-bottom: 16px; } .edoc-data-2027 .edoc-search input { width: 100%; height: var(--oa-input-height, 32px); padding: 0 12px; font-size: 13px; border: 1px solid var(--oa-border, #E5E7EB); border-radius: 8px; background: #FFFFFF; } .edoc-data-2027 .edoc-search input:focus { outline: none; border-color: var(--oa-brand-primary, #005aee); box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .edoc-data-2027 .edoc-item { display: flex; align-items: center; padding: 12px 16px; background: #FFFFFF; border: 1px solid var(--oa-border, #E5E7EB); border-radius: 8px; margin-bottom: 8px; transition: all 150ms ease; } .edoc-data-2027 .edoc-item:hover { border-color: var(--oa-brand-light, #3FA9FF); box-shadow: 0 2px 8px rgba(0, 90, 238, 0.08); } .edoc-data-2027 .edoc-item-info { flex: 1; min-width: 0; } .edoc-data-2027 .edoc-item-info .item-name { font-size: 14px; font-weight: 500; color: var(--oa-text-main, #1F2937); } .edoc-data-2027 .edoc-item-info .item-code { font-size: 12px; color: var(--oa-text-muted, #64748B); } .edoc-data-2027 .edoc-item-actions { display: flex; gap: 4px; flex-shrink: 0; } @media (max-width: 768px) { .edoc-data-2027 .edoc-layout { grid-template-columns: 1fr; } .edoc-data-2027 .edoc-sidebar { position: static; height: auto; border-right: none; border-bottom: 1px solid var(--oa-border, #E5E7EB); } } .smart-form > h5.bold.padding-top-15 + section.row > .col.col-md-3 > ul.list-unstyled { background-color: var(--oa-card-bg, #F9FAFB) !important; padding: 12px !important; border: 1px solid var(--oa-border, #E5E7EB) !important; border-radius: 12px !important; color: var(--oa-text-main, #1F2937) !important; } .smart-form > h5.bold.padding-top-15 + section.row > .col.col-md-3 > ul.list-unstyled > li { border-bottom: 1px solid var(--oa-border-light, #F1F5F9) !important; margin-bottom: 2px !important; border-radius: 8px; } .smart-form > h5.bold.padding-top-15 + section.row > .col.col-md-3 > ul.list-unstyled > li .padding-10 { padding: 8px 12px !important; } .smart-form > h5.bold.padding-top-15 + section.row > .col.col-md-3 > ul.list-unstyled > li:hover { background: var(--oa-bg-hover, #F8FAFD); } .smart-form > h5.bold.padding-top-15 + section.row > .col.col-md-3 > ul.list-unstyled > li .settings-item-selected { background: var(--oa-brand-primary-light, #EFF6FF); border-radius: 8px; border-left: 3px solid var(--oa-brand-primary, #005aee); } .smart-form > h5.bold.padding-top-15 + section.row > .col.col-md-9 .card { border-radius: 12px !important; border: 1px solid var(--oa-border, #E5E7EB) !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important; } .smart-form > h5.bold.padding-top-15 + section.row > .col.col-md-9 .media { border: 1px solid var(--oa-border, #E5E7EB) !important; border-radius: 8px !important; transition: all 150ms ease; } .smart-form > h5.bold.padding-top-15 + section.row > .col.col-md-9 .media:hover { border-color: var(--oa-brand-light, #3FA9FF) !important; box-shadow: 0 2px 8px rgba(0, 90, 238, 0.08); } .smart-form .card .card-body .heading-4 { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); } .smart-form .card .card-body .caption-text { font-size: 13px; line-height: 1.5; } .profile-settings-2027 { padding: 24px; background-color: var(--oa-bg-base, #F5F5F7); min-height: calc(100vh - var(--oa-header-height, 56px)); } .profile-settings-2027 .profile-content { max-width: 760px; margin: 0 auto; } .profile-settings-2027 .settings-card-2027 { background: #FFFFFF; border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-lg, 12px); box-shadow: var(--oa-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.05)); margin-bottom: 24px; } .profile-settings-2027 .profile-hero-2027 { display: flex; align-items: center; gap: 20px; padding: 20px 24px; } .profile-settings-2027 .profile-hero-2027 .hero-avatar { position: relative; flex-shrink: 0; } .profile-settings-2027 .profile-hero-2027 .hero-avatar-img { position: absolute; top: 0; left: 0; object-fit: cover; } .profile-settings-2027 .profile-hero-2027 .hero-name { font-size: 20px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0 0 6px; } .profile-settings-2027 .profile-hero-2027 .hero-meta { display: flex; flex-wrap: wrap; gap: 4px 24px; font-size: 13px; color: var(--oa-text-muted, #4B5563); } .profile-settings-2027 .profile-hero-2027 .hero-meta i { margin-right: 6px; color: var(--oa-text-light, #6B7280); } .profile-settings-2027 .profile-hero-2027 .hero-meta a { color: inherit; } .profile-settings-2027 .profile-hero-2027 .hero-meta a:hover { color: var(--oa-brand-primary, #005aee); } .profile-settings-2027 .settings-card-body { padding: 20px 24px; } .profile-settings-2027 .settings-card-footer { padding: 12px 24px; background: var(--oa-bg-card-footer, #F5F5F7); border-top: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 0 0 var(--oa-radius-lg, 12px) var(--oa-radius-lg, 12px); display: flex; justify-content: flex-end; } .profile-settings-2027 .card-title { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0 0 4px; display: flex; align-items: center; } .profile-settings-2027 .card-title i { color: var(--oa-brand-primary, #005aee); font-size: 18px; margin-right: 8px; } .profile-settings-2027 .card-description { font-size: 13px; color: #94A3B8; margin: 0 0 16px; } .profile-settings-2027 .card-title + .form-field { margin-top: 16px; } .profile-settings-2027 .smart-form .label.form-label { font-size: 12px; font-weight: 500; color: var(--oa-text-muted, #4B5563); } .profile-settings-2027 .form-field { max-width: 480px; margin-bottom: 16px; } .profile-settings-2027 .form-field:last-child { margin-bottom: 0; } .profile-settings-2027 .form-field .iti { width: 100%; } .profile-settings-2027 .ui-select-container { width: 100%; } .profile-settings-2027 .ui-select-container .select2-choice { box-sizing: border-box !important; height: var(--oa-input-height, 32px); align-items: center; border-radius: var(--oa-radius-sm, 6px); border: 1px solid var(--oa-border-color, #E5E7EB); } .profile-settings-2027 .smart-form input:-webkit-autofill, .profile-settings-2027 .smart-form input:-webkit-autofill:hover, .profile-settings-2027 .smart-form input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px var(--oa-bg-input, #FFFFFF) inset; -webkit-text-fill-color: var(--oa-text-main, #1F2937); } .profile-settings-2027 .integration-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; } .profile-settings-2027 .tfa-note { font-size: 13px; color: var(--oa-text-muted, #4B5563); margin: 12px 0 0; } .profile-settings-2027 .btn-group-2027 .btn.btn-off.active { background: #64748B; color: #FFFFFF; } .profile-settings-2027 .btn-group-2027 .btn.btn-off.active:hover { background: #475569; color: #FFFFFF; } @media (max-width: 767px) { .profile-settings-2027 { padding: 16px; } .profile-settings-2027 .profile-hero-2027 { flex-direction: column; text-align: center; } .profile-settings-2027 .profile-hero-2027 .hero-meta { justify-content: center; } } .user-actions-dropdown { position: relative; display: inline-block; vertical-align: middle; } .user-actions-trigger { padding: 6px 10px !important; background: transparent !important; border: none !important; cursor: pointer !important; color: #64748B !important; transition: all 0.2s ease !important; } .user-actions-trigger:hover, .user-actions-trigger:focus { color: #0055FF !important; background: rgba(0, 0, 0, 0.04) !important; border-radius: 6px !important; } .user-actions-trigger i { font-size: 16px !important; display: inline-block !important; } .user-actions-menu { position: absolute; right: 0; top: 100%; z-index: 1000; min-width: 200px; margin: 0; padding: 12px 0 8px 0; list-style: none; background: rgba(239, 246, 255, 0.97) !important; backdrop-filter: blur(40px) saturate(1.3) !important; -webkit-backdrop-filter: blur(40px) saturate(1.3) !important; border-radius: 12px !important; box-shadow: 0 12px 32px -6px rgba(0, 85, 255, 0.15), 0 4px 8px -2px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 85, 255, 0.08) !important; border: 1px solid rgba(0, 85, 255, 0.12) !important; animation: dropdownSlideIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important; transform-origin: top right; } .user-actions-menu::before { content: ""; position: absolute; top: -8px; left: 0; right: 0; height: 12px; background: transparent; } .user-actions-menu li { list-style: none; margin: 0; padding: 0; } .user-actions-menu li a { display: flex !important; align-items: center; gap: 10px; padding: 10px 16px; color: #0F172A !important; text-decoration: none !important; font-size: 13px; font-weight: 400; transition: all 0.2s ease; } .user-actions-menu li a i { font-size: 14px; color: #64748B; width: 16px; text-align: center; flex-shrink: 0; } .user-actions-menu li a:hover { background: rgba(0, 0, 0, 0.04) !important; color: #0055FF !important; } .user-actions-menu li a:hover i { color: #0055FF !important; } .user-actions-menu li a:active { transform: scale(0.98); } .user-actions-menu li:first-child a { border-radius: 10px 10px 0 0; } .user-actions-menu li:last-child a { border-radius: 0 0 10px 10px; } .user-actions-menu li:first-child:last-child a { border-radius: 10px; } .user-actions-menu.ng-hide { display: none !important; } @keyframes dropdownSlideIn2027 { from { opacity: 0; transform: translateY(-8px) scale(0.95); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes dropdownSlideIn { from { opacity: 0; transform: translateY(-8px) scale(0.95); } to { opacity: 1; transform: translateY(0) scale(1); } } .uib-typeahead-popup.dropdown-menu, ul.uib-typeahead-popup.dropdown-menu, ul.dropdown-menu.uib-typeahead-popup, ul.dropdown-menu[id^=typeahead-] { background: #F8FAFC !important; border-radius: 12px !important; box-shadow: 0 12px 32px -6px rgba(0, 85, 255, 0.15), 0 4px 8px -2px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 85, 255, 0.08) !important; border: 1px solid rgba(0, 85, 255, 0.12) !important; transition: none !important; padding: 8px 0 !important; } @supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) { .uib-typeahead-popup.dropdown-menu, ul.uib-typeahead-popup.dropdown-menu, ul.dropdown-menu.uib-typeahead-popup, ul.dropdown-menu[id^=typeahead-] { background: rgba(239, 246, 255, 0.97) !important; backdrop-filter: blur(40px) saturate(1.3) !important; -webkit-backdrop-filter: blur(40px) saturate(1.3) !important; } } .uib-typeahead-popup.dropdown-menu > li, ul.uib-typeahead-popup.dropdown-menu > li, ul.dropdown-menu.uib-typeahead-popup > li, ul.dropdown-menu[id^=typeahead-] > li { margin: 0; padding: 0; background: transparent !important; } .uib-typeahead-popup.dropdown-menu > li > a, ul.uib-typeahead-popup.dropdown-menu > li > a, ul.dropdown-menu.uib-typeahead-popup > li > a, ul.dropdown-menu[id^=typeahead-] > li > a { display: flex !important; align-items: center; padding: 10px 16px; color: #0F172A !important; text-decoration: none !important; font-size: 13px; font-weight: 400; transition: all 0.2s ease; border-radius: 8px; margin: 0 8px; display: block !important; } .uib-typeahead-popup.dropdown-menu > li > a:hover, ul.uib-typeahead-popup.dropdown-menu > li > a:hover, ul.dropdown-menu.uib-typeahead-popup > li > a:hover, ul.dropdown-menu[id^=typeahead-] > li > a:hover { background: rgba(0, 0, 0, 0.04) !important; color: #005aee !important; } .uib-typeahead-popup.dropdown-menu > li > a:active, ul.uib-typeahead-popup.dropdown-menu > li > a:active, ul.dropdown-menu.uib-typeahead-popup > li > a:active, ul.dropdown-menu[id^=typeahead-] > li > a:active { transform: scale(0.98); } .uib-typeahead-popup.dropdown-menu > li > a.active, .uib-typeahead-popup.dropdown-menu > li > a.selected, ul.uib-typeahead-popup.dropdown-menu > li > a.active, ul.uib-typeahead-popup.dropdown-menu > li > a.selected, ul.dropdown-menu.uib-typeahead-popup > li > a.active, ul.dropdown-menu.uib-typeahead-popup > li > a.selected, ul.dropdown-menu[id^=typeahead-] > li > a.active, ul.dropdown-menu[id^=typeahead-] > li > a.selected { background: rgba(0, 85, 255, 0.08) !important; color: #005aee !important; font-weight: 500; } .uib-typeahead-popup.dropdown-menu > li > a i, ul.uib-typeahead-popup.dropdown-menu > li > a i, ul.dropdown-menu.uib-typeahead-popup > li > a i, ul.dropdown-menu[id^=typeahead-] > li > a i { font-size: 14px; color: #64748B; width: 20px; text-align: center; flex-shrink: 0; margin-right: 10px; transition: color 0.2s ease; } .uib-typeahead-popup.dropdown-menu > li > a:hover i, .uib-typeahead-popup.dropdown-menu > li > a.active i, .uib-typeahead-popup.dropdown-menu > li > a.selected i, ul.uib-typeahead-popup.dropdown-menu > li > a:hover i, ul.uib-typeahead-popup.dropdown-menu > li > a.active i, ul.uib-typeahead-popup.dropdown-menu > li > a.selected i, ul.dropdown-menu.uib-typeahead-popup > li > a:hover i, ul.dropdown-menu.uib-typeahead-popup > li > a.active i, ul.dropdown-menu.uib-typeahead-popup > li > a.selected i, ul.dropdown-menu[id^=typeahead-] > li > a:hover i, ul.dropdown-menu[id^=typeahead-] > li > a.active i, ul.dropdown-menu[id^=typeahead-] > li > a.selected i { color: #005aee !important; } .uib-typeahead-popup.dropdown-menu > li > a[ng-bind-html], ul.uib-typeahead-popup.dropdown-menu > li > a[ng-bind-html], ul.dropdown-menu.uib-typeahead-popup > li > a[ng-bind-html], ul.dropdown-menu[id^=typeahead-] > li > a[ng-bind-html] { white-space: pre-wrap; } .uib-typeahead-popup.dropdown-menu > li > a.active, .uib-typeahead-popup.dropdown-menu > li > a.uib-typeahead-match, ul.uib-typeahead-popup.dropdown-menu > li > a.active, ul.uib-typeahead-popup.dropdown-menu > li > a.uib-typeahead-match, ul.dropdown-menu.uib-typeahead-popup > li > a.active, ul.dropdown-menu.uib-typeahead-popup > li > a.uib-typeahead-match, ul.dropdown-menu[id^=typeahead-] > li > a.active, ul.dropdown-menu[id^=typeahead-] > li > a.uib-typeahead-match { background: rgba(0, 85, 255, 0.08) !important; color: #005aee !important; } .uib-typeahead-popup.dropdown-menu > li.active, .uib-typeahead-popup.dropdown-menu > li.active:hover, .uib-typeahead-popup.dropdown-menu > li.active:focus, ul.uib-typeahead-popup.dropdown-menu > li.active, ul.uib-typeahead-popup.dropdown-menu > li.active:hover, ul.uib-typeahead-popup.dropdown-menu > li.active:focus, ul.dropdown-menu.uib-typeahead-popup > li.active, ul.dropdown-menu.uib-typeahead-popup > li.active:hover, ul.dropdown-menu.uib-typeahead-popup > li.active:focus, ul.dropdown-menu[id^=typeahead-] > li.active, ul.dropdown-menu[id^=typeahead-] > li.active:hover, ul.dropdown-menu[id^=typeahead-] > li.active:focus { background: transparent !important; background-color: transparent !important; } .uib-typeahead-popup.dropdown-menu > li.active > a, .uib-typeahead-popup.dropdown-menu > li.active > a:hover, .uib-typeahead-popup.dropdown-menu > li.active > a:focus, .uib-typeahead-popup.dropdown-menu > li.active:hover > a, .uib-typeahead-popup.dropdown-menu > li.active:hover > a:hover, .uib-typeahead-popup.dropdown-menu > li.active:hover > a:focus, .uib-typeahead-popup.dropdown-menu > li.active:focus > a, .uib-typeahead-popup.dropdown-menu > li.active:focus > a:hover, .uib-typeahead-popup.dropdown-menu > li.active:focus > a:focus, ul.uib-typeahead-popup.dropdown-menu > li.active > a, ul.uib-typeahead-popup.dropdown-menu > li.active > a:hover, ul.uib-typeahead-popup.dropdown-menu > li.active > a:focus, ul.uib-typeahead-popup.dropdown-menu > li.active:hover > a, ul.uib-typeahead-popup.dropdown-menu > li.active:hover > a:hover, ul.uib-typeahead-popup.dropdown-menu > li.active:hover > a:focus, ul.uib-typeahead-popup.dropdown-menu > li.active:focus > a, ul.uib-typeahead-popup.dropdown-menu > li.active:focus > a:hover, ul.uib-typeahead-popup.dropdown-menu > li.active:focus > a:focus, ul.dropdown-menu.uib-typeahead-popup > li.active > a, ul.dropdown-menu.uib-typeahead-popup > li.active > a:hover, ul.dropdown-menu.uib-typeahead-popup > li.active > a:focus, ul.dropdown-menu.uib-typeahead-popup > li.active:hover > a, ul.dropdown-menu.uib-typeahead-popup > li.active:hover > a:hover, ul.dropdown-menu.uib-typeahead-popup > li.active:hover > a:focus, ul.dropdown-menu.uib-typeahead-popup > li.active:focus > a, ul.dropdown-menu.uib-typeahead-popup > li.active:focus > a:hover, ul.dropdown-menu.uib-typeahead-popup > li.active:focus > a:focus, ul.dropdown-menu[id^=typeahead-] > li.active > a, ul.dropdown-menu[id^=typeahead-] > li.active > a:hover, ul.dropdown-menu[id^=typeahead-] > li.active > a:focus, ul.dropdown-menu[id^=typeahead-] > li.active:hover > a, ul.dropdown-menu[id^=typeahead-] > li.active:hover > a:hover, ul.dropdown-menu[id^=typeahead-] > li.active:hover > a:focus, ul.dropdown-menu[id^=typeahead-] > li.active:focus > a, ul.dropdown-menu[id^=typeahead-] > li.active:focus > a:hover, ul.dropdown-menu[id^=typeahead-] > li.active:focus > a:focus { background: rgba(0, 85, 255, 0.08) !important; background-color: rgba(0, 85, 255, 0.08) !important; color: #005aee !important; } .uib-typeahead-popup.dropdown-menu > li:not(.active):hover > a, .uib-typeahead-popup.dropdown-menu > li:not(.active) > a:hover, ul.uib-typeahead-popup.dropdown-menu > li:not(.active):hover > a, ul.uib-typeahead-popup.dropdown-menu > li:not(.active) > a:hover, ul.dropdown-menu.uib-typeahead-popup > li:not(.active):hover > a, ul.dropdown-menu.uib-typeahead-popup > li:not(.active) > a:hover, ul.dropdown-menu[id^=typeahead-] > li:not(.active):hover > a, ul.dropdown-menu[id^=typeahead-] > li:not(.active) > a:hover { background: rgba(0, 0, 0, 0.04) !important; background-color: rgba(0, 0, 0, 0.04) !important; color: #005aee !important; } .uib-typeahead-popup.dropdown-menu > li:first-child > a, ul.uib-typeahead-popup.dropdown-menu > li:first-child > a, ul.dropdown-menu.uib-typeahead-popup > li:first-child > a, ul.dropdown-menu[id^=typeahead-] > li:first-child > a { border-radius: 8px 8px 0 0; margin-top: 0; } .uib-typeahead-popup.dropdown-menu > li:last-child > a, ul.uib-typeahead-popup.dropdown-menu > li:last-child > a, ul.dropdown-menu.uib-typeahead-popup > li:last-child > a, ul.dropdown-menu[id^=typeahead-] > li:last-child > a { border-radius: 0 0 8px 8px; margin-bottom: 0; } .uib-typeahead-popup.dropdown-menu > li:first-child:last-child > a, ul.uib-typeahead-popup.dropdown-menu > li:first-child:last-child > a, ul.dropdown-menu.uib-typeahead-popup > li:first-child:last-child > a, ul.dropdown-menu[id^=typeahead-] > li:first-child:last-child > a { border-radius: 8px; } #candidate_search + .uib-typeahead-popup, #candidate_search ~ .uib-typeahead-popup, .header-search .uib-typeahead-popup, .header-search .dropdown-menu { background: #F8FAFC !important; border-radius: 12px !important; box-shadow: 0 12px 32px -6px rgba(0, 85, 255, 0.15), 0 4px 8px -2px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 85, 255, 0.08) !important; border: 1px solid rgba(0, 85, 255, 0.12) !important; margin-top: 4px !important; } @supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) { #candidate_search + .uib-typeahead-popup, #candidate_search ~ .uib-typeahead-popup, .header-search .uib-typeahead-popup, .header-search .dropdown-menu { background: rgba(239, 246, 255, 0.97) !important; backdrop-filter: blur(40px) saturate(1.3) !important; -webkit-backdrop-filter: blur(40px) saturate(1.3) !important; } } #candidate_search + .uib-typeahead-popup > li > a, #candidate_search ~ .uib-typeahead-popup > li > a, .header-search .uib-typeahead-popup > li > a, .header-search .dropdown-menu > li > a { display: flex !important; align-items: center; padding: 10px 16px; color: #0F172A !important; text-decoration: none !important; font-size: 13px; font-weight: 400; transition: all 0.2s ease; border-radius: 8px; margin: 0 8px; } #candidate_search + .uib-typeahead-popup > li > a:hover, #candidate_search ~ .uib-typeahead-popup > li > a:hover, .header-search .uib-typeahead-popup > li > a:hover, .header-search .dropdown-menu > li > a:hover { background: rgba(0, 0, 0, 0.04) !important; color: #005aee !important; } #candidate_search + .uib-typeahead-popup > li > a:active, #candidate_search ~ .uib-typeahead-popup > li > a:active, .header-search .uib-typeahead-popup > li > a:active, .header-search .dropdown-menu > li > a:active { transform: scale(0.98); } #candidate_search + .uib-typeahead-popup > li > a.active, #candidate_search + .uib-typeahead-popup > li > a.selected, #candidate_search ~ .uib-typeahead-popup > li > a.active, #candidate_search ~ .uib-typeahead-popup > li > a.selected, .header-search .uib-typeahead-popup > li > a.active, .header-search .uib-typeahead-popup > li > a.selected, .header-search .dropdown-menu > li > a.active, .header-search .dropdown-menu > li > a.selected { background: rgba(0, 85, 255, 0.08) !important; color: #005aee !important; font-weight: 500; } #candidate_search + .uib-typeahead-popup > li > a i, #candidate_search ~ .uib-typeahead-popup > li > a i, .header-search .uib-typeahead-popup > li > a i, .header-search .dropdown-menu > li > a i { font-size: 14px; color: #64748B; width: 20px; text-align: center; flex-shrink: 0; margin-right: 10px; transition: color 0.2s ease; } #candidate_search + .uib-typeahead-popup > li > a:hover i, #candidate_search + .uib-typeahead-popup > li > a.active i, #candidate_search + .uib-typeahead-popup > li > a.selected i, #candidate_search ~ .uib-typeahead-popup > li > a:hover i, #candidate_search ~ .uib-typeahead-popup > li > a.active i, #candidate_search ~ .uib-typeahead-popup > li > a.selected i, .header-search .uib-typeahead-popup > li > a:hover i, .header-search .uib-typeahead-popup > li > a.active i, .header-search .uib-typeahead-popup > li > a.selected i, .header-search .dropdown-menu > li > a:hover i, .header-search .dropdown-menu > li > a.active i, .header-search .dropdown-menu > li > a.selected i { color: #005aee !important; } #candidate_search + .uib-typeahead-popup > li.active > a, #candidate_search + .uib-typeahead-popup > li > a.active, #candidate_search ~ .uib-typeahead-popup > li.active > a, #candidate_search ~ .uib-typeahead-popup > li > a.active, .header-search .uib-typeahead-popup > li.active > a, .header-search .uib-typeahead-popup > li > a.active, .header-search .dropdown-menu > li.active > a, .header-search .dropdown-menu > li > a.active { background: rgba(0, 85, 255, 0.08) !important; color: #005aee !important; } #candidate_search + .uib-typeahead-popup .active, #candidate_search + .uib-typeahead-popup li.active, #candidate_search ~ .uib-typeahead-popup .active, #candidate_search ~ .uib-typeahead-popup li.active, .header-search .uib-typeahead-popup .active, .header-search .uib-typeahead-popup li.active, .header-search .dropdown-menu .active, .header-search .dropdown-menu li.active { background: transparent !important; background-color: transparent !important; color: #0F172A !important; } #candidate_search + .uib-typeahead-popup .active > a, #candidate_search + .uib-typeahead-popup .active > a:hover, #candidate_search + .uib-typeahead-popup .active > a:focus, #candidate_search + .uib-typeahead-popup li.active > a, #candidate_search + .uib-typeahead-popup li.active > a:hover, #candidate_search + .uib-typeahead-popup li.active > a:focus, #candidate_search ~ .uib-typeahead-popup .active > a, #candidate_search ~ .uib-typeahead-popup .active > a:hover, #candidate_search ~ .uib-typeahead-popup .active > a:focus, #candidate_search ~ .uib-typeahead-popup li.active > a, #candidate_search ~ .uib-typeahead-popup li.active > a:hover, #candidate_search ~ .uib-typeahead-popup li.active > a:focus, .header-search .uib-typeahead-popup .active > a, .header-search .uib-typeahead-popup .active > a:hover, .header-search .uib-typeahead-popup .active > a:focus, .header-search .uib-typeahead-popup li.active > a, .header-search .uib-typeahead-popup li.active > a:hover, .header-search .uib-typeahead-popup li.active > a:focus, .header-search .dropdown-menu .active > a, .header-search .dropdown-menu .active > a:hover, .header-search .dropdown-menu .active > a:focus, .header-search .dropdown-menu li.active > a, .header-search .dropdown-menu li.active > a:hover, .header-search .dropdown-menu li.active > a:focus { background: rgba(0, 85, 255, 0.08) !important; background-color: rgba(0, 85, 255, 0.08) !important; color: #005aee !important; } #candidate_search + .uib-typeahead-popup .active div.bold.txt-color-black, #candidate_search + .uib-typeahead-popup .active .txt-color-black, #candidate_search + .uib-typeahead-popup li.active div.bold.txt-color-black, #candidate_search + .uib-typeahead-popup li.active .txt-color-black, #candidate_search ~ .uib-typeahead-popup .active div.bold.txt-color-black, #candidate_search ~ .uib-typeahead-popup .active .txt-color-black, #candidate_search ~ .uib-typeahead-popup li.active div.bold.txt-color-black, #candidate_search ~ .uib-typeahead-popup li.active .txt-color-black, .header-search .uib-typeahead-popup .active div.bold.txt-color-black, .header-search .uib-typeahead-popup .active .txt-color-black, .header-search .uib-typeahead-popup li.active div.bold.txt-color-black, .header-search .uib-typeahead-popup li.active .txt-color-black, .header-search .dropdown-menu .active div.bold.txt-color-black, .header-search .dropdown-menu .active .txt-color-black, .header-search .dropdown-menu li.active div.bold.txt-color-black, .header-search .dropdown-menu li.active .txt-color-black { color: #005aee !important; } .header-search .dropdown-menu .active, .header-search .dropdown-menu li.active, .search-candidate .search-item.active { background: transparent !important; background-color: transparent !important; } .header-search .dropdown-menu .active > a, .header-search .dropdown-menu li.active > a, .search-candidate .search-item.active > a { background: rgba(0, 85, 255, 0.08) !important; background-color: rgba(0, 85, 255, 0.08) !important; color: #005aee !important; } .search-candidate .search-item:hover, .header-search .dropdown-menu li:hover { background: rgba(0, 0, 0, 0.04) !important; background-color: rgba(0, 0, 0, 0.04) !important; color: #0F172A !important; } .search-candidate .search-item:hover > a, .header-search .dropdown-menu li:hover > a { background: rgba(0, 0, 0, 0.04) !important; color: #005aee !important; } .search-candidate .search-item:hover div.bold.txt-color-black, .search-candidate .search-item:hover .txt-color-black, .header-search .dropdown-menu li:hover div.bold.txt-color-black, .header-search .dropdown-menu li:hover .txt-color-black { color: #005aee !important; } .search-candidate .search-item { padding: 6px 10px !important; margin: 0 !important; } .dropdown-menu-2027 { background: #F8FAFC !important; border-radius: 12px !important; box-shadow: 0 12px 32px -6px rgba(0, 85, 255, 0.15), 0 4px 8px -2px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 85, 255, 0.08) !important; border: 1px solid rgba(0, 85, 255, 0.12) !important; padding: 8px 0 !important; min-width: 180px; animation: dropdownSlideIn2027 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); transform-origin: top center; } @supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) { .dropdown-menu-2027 { background: rgba(239, 246, 255, 0.97) !important; backdrop-filter: blur(40px) saturate(1.3) !important; -webkit-backdrop-filter: blur(40px) saturate(1.3) !important; } } .dropdown-menu-2027 > li { margin: 0; padding: 0; background: transparent !important; } .dropdown-menu-2027 > li > a { display: flex !important; align-items: center; padding: 10px 16px; color: #0F172A !important; text-decoration: none !important; font-size: 13px; font-weight: 400; transition: all 0.2s ease; border-radius: 8px; margin: 0 8px; } .dropdown-menu-2027 > li > a:hover { background: rgba(0, 0, 0, 0.04) !important; color: #005aee !important; } .dropdown-menu-2027 > li > a:active { transform: scale(0.98); } .dropdown-menu-2027 > li > a.active, .dropdown-menu-2027 > li > a.selected { background: rgba(0, 85, 255, 0.08) !important; color: #005aee !important; font-weight: 500; } .dropdown-menu-2027 > li > a i { font-size: 14px; color: #64748B; width: 20px; text-align: center; flex-shrink: 0; margin-right: 10px; transition: color 0.2s ease; } .dropdown-menu-2027 > li > a:hover i, .dropdown-menu-2027 > li > a.active i, .dropdown-menu-2027 > li > a.selected i { color: #005aee !important; } .dropdown-menu-2027 > li.divider { height: 1px; margin: 8px 16px; background: rgba(0, 0, 0, 0.08); padding: 0; } .dropdown-menu-2027 .text-danger, .dropdown-menu-2027 .txt-color-red { color: #DC2626 !important; } .dropdown-menu-2027 .text-danger i, .dropdown-menu-2027 .txt-color-red i { color: #DC2626 !important; } .dropdown-menu-2027 .text-danger:hover, .dropdown-menu-2027 .txt-color-red:hover { background: #FEF2F2 !important; color: #B91C1C !important; } .dropdown-menu-2027 .dropdown-header { padding: 8px 16px; font-size: 11px; font-weight: 600; color: #64748B; text-transform: uppercase; letter-spacing: 0.05em; background: transparent !important; } .dropdown-menu.profile-dropdown-menu { background: #F8FAFC !important; border-radius: 12px !important; box-shadow: 0 12px 32px -6px rgba(0, 85, 255, 0.15), 0 4px 8px -2px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 85, 255, 0.08) !important; border: 1px solid rgba(0, 85, 255, 0.12) !important; background-color: rgba(239, 246, 255, 0.97) !important; } @supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) { .dropdown-menu.profile-dropdown-menu { background: rgba(239, 246, 255, 0.97) !important; backdrop-filter: blur(40px) saturate(1.3) !important; -webkit-backdrop-filter: blur(40px) saturate(1.3) !important; } } #candidate_search .form-control-feedback, .header-search .form-control-feedback { color: #64748B !important; font-size: 11px; font-weight: 500; letter-spacing: 0.02em; } .btn-group > .dropdown-menu, .operations-dropdown .dropdown-menu, .action-dropdown .dropdown-menu { background: #F8FAFC !important; border-radius: 12px !important; box-shadow: 0 12px 32px -6px rgba(0, 85, 255, 0.15), 0 4px 8px -2px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 85, 255, 0.08) !important; border: 1px solid rgba(0, 85, 255, 0.12) !important; padding: 8px 0 !important; min-width: 180px; animation: dropdownSlideIn2027 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); transform-origin: top right; } @supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) { .btn-group > .dropdown-menu, .operations-dropdown .dropdown-menu, .action-dropdown .dropdown-menu { background: rgba(239, 246, 255, 0.97) !important; backdrop-filter: blur(40px) saturate(1.3) !important; -webkit-backdrop-filter: blur(40px) saturate(1.3) !important; } } .btn-group > .dropdown-menu > li, .operations-dropdown .dropdown-menu > li, .action-dropdown .dropdown-menu > li { margin: 0; padding: 0; background: transparent !important; } .btn-group > .dropdown-menu > li > a, .operations-dropdown .dropdown-menu > li > a, .action-dropdown .dropdown-menu > li > a { display: flex !important; align-items: center; padding: 10px 16px; color: #0F172A !important; text-decoration: none !important; font-size: 13px; font-weight: 400; transition: all 0.2s ease; border-radius: 8px; margin: 0 8px; } .btn-group > .dropdown-menu > li > a:hover, .operations-dropdown .dropdown-menu > li > a:hover, .action-dropdown .dropdown-menu > li > a:hover { background: rgba(0, 0, 0, 0.04) !important; color: #005aee !important; } .btn-group > .dropdown-menu > li > a:active, .operations-dropdown .dropdown-menu > li > a:active, .action-dropdown .dropdown-menu > li > a:active { transform: scale(0.98); } .btn-group > .dropdown-menu > li > a.active, .btn-group > .dropdown-menu > li > a.selected, .operations-dropdown .dropdown-menu > li > a.active, .operations-dropdown .dropdown-menu > li > a.selected, .action-dropdown .dropdown-menu > li > a.active, .action-dropdown .dropdown-menu > li > a.selected { background: rgba(0, 85, 255, 0.08) !important; color: #005aee !important; font-weight: 500; } .btn-group > .dropdown-menu > li > a i, .operations-dropdown .dropdown-menu > li > a i, .action-dropdown .dropdown-menu > li > a i { font-size: 14px; color: #64748B; width: 20px; text-align: center; flex-shrink: 0; margin-right: 10px; transition: color 0.2s ease; } .btn-group > .dropdown-menu > li > a:hover i, .btn-group > .dropdown-menu > li > a.active i, .btn-group > .dropdown-menu > li > a.selected i, .operations-dropdown .dropdown-menu > li > a:hover i, .operations-dropdown .dropdown-menu > li > a.active i, .operations-dropdown .dropdown-menu > li > a.selected i, .action-dropdown .dropdown-menu > li > a:hover i, .action-dropdown .dropdown-menu > li > a.active i, .action-dropdown .dropdown-menu > li > a.selected i { color: #005aee !important; } .btn-group > .dropdown-menu > li > a i, .operations-dropdown .dropdown-menu > li > a i, .action-dropdown .dropdown-menu > li > a i { font-size: 14px; width: 22px; text-align: center; margin-right: 8px; opacity: 0.7; transition: opacity 0.2s ease; } .btn-group > .dropdown-menu > li > a:hover i, .operations-dropdown .dropdown-menu > li > a:hover i, .action-dropdown .dropdown-menu > li > a:hover i { opacity: 1; } .btn-group > .dropdown-menu > li.divider, .operations-dropdown .dropdown-menu > li.divider, .action-dropdown .dropdown-menu > li.divider { height: 1px; margin: 8px 16px; background: rgba(0, 0, 0, 0.08); padding: 0; } .btn-group > .dropdown-menu > li > a[ng-click*=delete], .btn-group > .dropdown-menu > li > a[ng-click*=remove], .btn-group > .dropdown-menu > li > a[ng-click*=archive], .btn-group > .dropdown-menu > li > a.text-danger, .btn-group > .dropdown-menu > li.text-danger > a, .operations-dropdown .dropdown-menu > li > a[ng-click*=delete], .operations-dropdown .dropdown-menu > li > a[ng-click*=remove], .operations-dropdown .dropdown-menu > li > a[ng-click*=archive], .operations-dropdown .dropdown-menu > li > a.text-danger, .operations-dropdown .dropdown-menu > li.text-danger > a, .action-dropdown .dropdown-menu > li > a[ng-click*=delete], .action-dropdown .dropdown-menu > li > a[ng-click*=remove], .action-dropdown .dropdown-menu > li > a[ng-click*=archive], .action-dropdown .dropdown-menu > li > a.text-danger, .action-dropdown .dropdown-menu > li.text-danger > a { color: #DC2626 !important; } .btn-group > .dropdown-menu > li > a[ng-click*=delete] i, .btn-group > .dropdown-menu > li > a[ng-click*=remove] i, .btn-group > .dropdown-menu > li > a[ng-click*=archive] i, .btn-group > .dropdown-menu > li > a.text-danger i, .btn-group > .dropdown-menu > li.text-danger > a i, .operations-dropdown .dropdown-menu > li > a[ng-click*=delete] i, .operations-dropdown .dropdown-menu > li > a[ng-click*=remove] i, .operations-dropdown .dropdown-menu > li > a[ng-click*=archive] i, .operations-dropdown .dropdown-menu > li > a.text-danger i, .operations-dropdown .dropdown-menu > li.text-danger > a i, .action-dropdown .dropdown-menu > li > a[ng-click*=delete] i, .action-dropdown .dropdown-menu > li > a[ng-click*=remove] i, .action-dropdown .dropdown-menu > li > a[ng-click*=archive] i, .action-dropdown .dropdown-menu > li > a.text-danger i, .action-dropdown .dropdown-menu > li.text-danger > a i { color: #DC2626 !important; } .btn-group > .dropdown-menu > li > a[ng-click*=delete]:hover, .btn-group > .dropdown-menu > li > a[ng-click*=remove]:hover, .btn-group > .dropdown-menu > li > a[ng-click*=archive]:hover, .btn-group > .dropdown-menu > li > a.text-danger:hover, .btn-group > .dropdown-menu > li.text-danger > a:hover, .operations-dropdown .dropdown-menu > li > a[ng-click*=delete]:hover, .operations-dropdown .dropdown-menu > li > a[ng-click*=remove]:hover, .operations-dropdown .dropdown-menu > li > a[ng-click*=archive]:hover, .operations-dropdown .dropdown-menu > li > a.text-danger:hover, .operations-dropdown .dropdown-menu > li.text-danger > a:hover, .action-dropdown .dropdown-menu > li > a[ng-click*=delete]:hover, .action-dropdown .dropdown-menu > li > a[ng-click*=remove]:hover, .action-dropdown .dropdown-menu > li > a[ng-click*=archive]:hover, .action-dropdown .dropdown-menu > li > a.text-danger:hover, .action-dropdown .dropdown-menu > li.text-danger > a:hover { background: #FEF2F2 !important; color: #B91C1C !important; } .btn-group > .dropdown-menu > li > a[ng-click*=delete]:hover i, .btn-group > .dropdown-menu > li > a[ng-click*=remove]:hover i, .btn-group > .dropdown-menu > li > a[ng-click*=archive]:hover i, .btn-group > .dropdown-menu > li > a.text-danger:hover i, .btn-group > .dropdown-menu > li.text-danger > a:hover i, .operations-dropdown .dropdown-menu > li > a[ng-click*=delete]:hover i, .operations-dropdown .dropdown-menu > li > a[ng-click*=remove]:hover i, .operations-dropdown .dropdown-menu > li > a[ng-click*=archive]:hover i, .operations-dropdown .dropdown-menu > li > a.text-danger:hover i, .operations-dropdown .dropdown-menu > li.text-danger > a:hover i, .action-dropdown .dropdown-menu > li > a[ng-click*=delete]:hover i, .action-dropdown .dropdown-menu > li > a[ng-click*=remove]:hover i, .action-dropdown .dropdown-menu > li > a[ng-click*=archive]:hover i, .action-dropdown .dropdown-menu > li > a.text-danger:hover i, .action-dropdown .dropdown-menu > li.text-danger > a:hover i { color: #B91C1C !important; } :root { --ease-spring-2027: cubic-bezier(0.34, 1.56, 0.64, 1); --ease-snap-2027: cubic-bezier(0.2, 0, 0, 1); --tabs-border-color: #e1e5e9; --tabs-text-color: #64748B; --tabs-text-hover: #0F172A; --tabs-active-color: #005aee; --tabs-gap: 24px; --tabs-padding-y: 12px; --tabs-font-size: 14px; --tabs-font-weight: 500; --tabs-font-weight-active: 600; --tabs-indicator-height: 2px; } .tabs-2027, .tabs-container { border-bottom: 1px solid var(--tabs-border-color); display: flex; gap: var(--tabs-gap); margin-bottom: 24px; flex-wrap: wrap; } .tabs-2027.list-inline, .tabs-container.list-inline { margin-bottom: 24px; padding-left: 0; } .tabs-2027.list-inline > li, .tabs-container.list-inline > li { display: inline-block; padding: 0; margin: 0; } .tabs-2027.list-inline > li.active .tab-item, .tabs-2027.list-inline > li.active > a, .tabs-2027.list-inline > li.position-nav-active .tab-item, .tabs-2027.list-inline > li.position-nav-active > a, .tabs-container.list-inline > li.active .tab-item, .tabs-container.list-inline > li.active > a, .tabs-container.list-inline > li.position-nav-active .tab-item, .tabs-container.list-inline > li.position-nav-active > a { color: var(--tabs-active-color) !important; font-weight: var(--tabs-font-weight-active) !important; } .tabs-2027.list-inline > li.active .tab-item i, .tabs-2027.list-inline > li.active .tab-item .fa, .tabs-2027.list-inline > li.active .tab-item .fa-duotone, .tabs-2027.list-inline > li.active .tab-item [class^=fa-], .tabs-2027.list-inline > li.active > a i, .tabs-2027.list-inline > li.active > a .fa, .tabs-2027.list-inline > li.active > a .fa-duotone, .tabs-2027.list-inline > li.active > a [class^=fa-], .tabs-2027.list-inline > li.position-nav-active .tab-item i, .tabs-2027.list-inline > li.position-nav-active .tab-item .fa, .tabs-2027.list-inline > li.position-nav-active .tab-item .fa-duotone, .tabs-2027.list-inline > li.position-nav-active .tab-item [class^=fa-], .tabs-2027.list-inline > li.position-nav-active > a i, .tabs-2027.list-inline > li.position-nav-active > a .fa, .tabs-2027.list-inline > li.position-nav-active > a .fa-duotone, .tabs-2027.list-inline > li.position-nav-active > a [class^=fa-], .tabs-container.list-inline > li.active .tab-item i, .tabs-container.list-inline > li.active .tab-item .fa, .tabs-container.list-inline > li.active .tab-item .fa-duotone, .tabs-container.list-inline > li.active .tab-item [class^=fa-], .tabs-container.list-inline > li.active > a i, .tabs-container.list-inline > li.active > a .fa, .tabs-container.list-inline > li.active > a .fa-duotone, .tabs-container.list-inline > li.active > a [class^=fa-], .tabs-container.list-inline > li.position-nav-active .tab-item i, .tabs-container.list-inline > li.position-nav-active .tab-item .fa, .tabs-container.list-inline > li.position-nav-active .tab-item .fa-duotone, .tabs-container.list-inline > li.position-nav-active .tab-item [class^=fa-], .tabs-container.list-inline > li.position-nav-active > a i, .tabs-container.list-inline > li.position-nav-active > a .fa, .tabs-container.list-inline > li.position-nav-active > a .fa-duotone, .tabs-container.list-inline > li.position-nav-active > a [class^=fa-] { opacity: 1; color: var(--tabs-active-color) !important; } .tabs-2027.list-inline > li.active .tab-item::after, .tabs-2027.list-inline > li.active > a::after, .tabs-2027.list-inline > li.position-nav-active .tab-item::after, .tabs-2027.list-inline > li.position-nav-active > a::after, .tabs-container.list-inline > li.active .tab-item::after, .tabs-container.list-inline > li.active > a::after, .tabs-container.list-inline > li.position-nav-active .tab-item::after, .tabs-container.list-inline > li.position-nav-active > a::after { content: "" !important; position: absolute !important; bottom: -1px !important; left: 0 !important; width: 100% !important; height: var(--tabs-indicator-height) !important; background: var(--tabs-active-color) !important; border-radius: 2px 2px 0 0 !important; } .tabs-2027 .tab-item, .tabs-2027 > li > a, .tab-item-2027, .tab-item { padding: var(--tabs-padding-y) 0 !important; font-size: var(--tabs-font-size) !important; font-weight: var(--tabs-font-weight) !important; color: var(--tabs-text-color) !important; cursor: pointer; position: relative; transition: color 0.2s ease; text-decoration: none !important; background: transparent !important; border: none !important; display: inline-flex !important; align-items: center; } .tabs-2027 .tab-item i, .tabs-2027 .tab-item .fa, .tabs-2027 .tab-item .fa-duotone, .tabs-2027 .tab-item [class^=fa-], .tabs-2027 > li > a i, .tabs-2027 > li > a .fa, .tabs-2027 > li > a .fa-duotone, .tabs-2027 > li > a [class^=fa-], .tab-item-2027 i, .tab-item-2027 .fa, .tab-item-2027 .fa-duotone, .tab-item-2027 [class^=fa-], .tab-item i, .tab-item .fa, .tab-item .fa-duotone, .tab-item [class^=fa-] { margin-right: 6px; opacity: 0.7; transition: opacity 0.2s ease; } .tabs-2027 .tab-item:hover, .tabs-2027 > li > a:hover, .tab-item-2027:hover, .tab-item:hover { color: var(--tabs-text-hover) !important; text-decoration: none !important; } .tabs-2027 .tab-item:hover i, .tabs-2027 .tab-item:hover .fa, .tabs-2027 .tab-item:hover .fa-duotone, .tabs-2027 .tab-item:hover [class^=fa-], .tabs-2027 > li > a:hover i, .tabs-2027 > li > a:hover .fa, .tabs-2027 > li > a:hover .fa-duotone, .tabs-2027 > li > a:hover [class^=fa-], .tab-item-2027:hover i, .tab-item-2027:hover .fa, .tab-item-2027:hover .fa-duotone, .tab-item-2027:hover [class^=fa-], .tab-item:hover i, .tab-item:hover .fa, .tab-item:hover .fa-duotone, .tab-item:hover [class^=fa-] { opacity: 1; } .tabs-2027 .tab-item.active, .tabs-2027 .tab-item.tab-active, .tabs-2027 > li > a.active, .tabs-2027 > li > a.tab-active, .tab-item-2027.active, .tab-item-2027.tab-active, .tab-item.active, .tab-item.tab-active { color: var(--tabs-active-color) !important; font-weight: var(--tabs-font-weight-active) !important; } .tabs-2027 .tab-item.active i, .tabs-2027 .tab-item.active .fa, .tabs-2027 .tab-item.active .fa-duotone, .tabs-2027 .tab-item.active [class^=fa-], .tabs-2027 .tab-item.tab-active i, .tabs-2027 .tab-item.tab-active .fa, .tabs-2027 .tab-item.tab-active .fa-duotone, .tabs-2027 .tab-item.tab-active [class^=fa-], .tabs-2027 > li > a.active i, .tabs-2027 > li > a.active .fa, .tabs-2027 > li > a.active .fa-duotone, .tabs-2027 > li > a.active [class^=fa-], .tabs-2027 > li > a.tab-active i, .tabs-2027 > li > a.tab-active .fa, .tabs-2027 > li > a.tab-active .fa-duotone, .tabs-2027 > li > a.tab-active [class^=fa-], .tab-item-2027.active i, .tab-item-2027.active .fa, .tab-item-2027.active .fa-duotone, .tab-item-2027.active [class^=fa-], .tab-item-2027.tab-active i, .tab-item-2027.tab-active .fa, .tab-item-2027.tab-active .fa-duotone, .tab-item-2027.tab-active [class^=fa-], .tab-item.active i, .tab-item.active .fa, .tab-item.active .fa-duotone, .tab-item.active [class^=fa-], .tab-item.tab-active i, .tab-item.tab-active .fa, .tab-item.tab-active .fa-duotone, .tab-item.tab-active [class^=fa-] { opacity: 1; color: var(--tabs-active-color) !important; } .tabs-2027 .tab-item.active::after, .tabs-2027 .tab-item.tab-active::after, .tabs-2027 > li > a.active::after, .tabs-2027 > li > a.tab-active::after, .tab-item-2027.active::after, .tab-item-2027.tab-active::after, .tab-item.active::after, .tab-item.tab-active::after { content: "" !important; position: absolute !important; bottom: -1px !important; left: 0 !important; width: 100% !important; height: var(--tabs-indicator-height) !important; background: var(--tabs-active-color) !important; border-radius: 2px 2px 0 0 !important; } .employee-nav.tabs-2027, .employee-nav-2027 { background-color: transparent !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 16px !important; border-bottom: 1px solid var(--tabs-border-color); display: flex; gap: var(--tabs-gap); margin-bottom: 24px; } .employee-nav.tabs-2027 ul, .employee-nav-2027 ul { display: flex; gap: var(--tabs-gap); margin: 0; padding: 0; list-style: none; flex-wrap: wrap; } .employee-nav.tabs-2027 ul li, .employee-nav-2027 ul li { padding: 0; margin: 0; background: transparent !important; border-radius: 0 !important; } .employee-nav.tabs-2027 ul li a, .employee-nav-2027 ul li a { padding: var(--tabs-padding-y) 0; font-size: var(--tabs-font-size); font-weight: var(--tabs-font-weight); color: var(--tabs-text-color); text-decoration: none; display: inline-flex; align-items: center; position: relative; transition: color 0.2s ease; background: transparent !important; border-radius: 0 !important; } .employee-nav.tabs-2027 ul li a i, .employee-nav.tabs-2027 ul li a .fa-duotone, .employee-nav-2027 ul li a i, .employee-nav-2027 ul li a .fa-duotone { margin-right: 6px; opacity: 0.7; } .employee-nav.tabs-2027 ul li a:hover, .employee-nav-2027 ul li a:hover { color: var(--tabs-text-hover); background: transparent !important; } .employee-nav.tabs-2027 ul li a:hover i, .employee-nav.tabs-2027 ul li a:hover .fa-duotone, .employee-nav-2027 ul li a:hover i, .employee-nav-2027 ul li a:hover .fa-duotone { opacity: 1; } .employee-nav.tabs-2027 ul li.employee-nav-active, .employee-nav.tabs-2027 ul li.active, .employee-nav-2027 ul li.employee-nav-active, .employee-nav-2027 ul li.active { background: transparent !important; } .employee-nav.tabs-2027 ul li.employee-nav-active a, .employee-nav.tabs-2027 ul li.active a, .employee-nav-2027 ul li.employee-nav-active a, .employee-nav-2027 ul li.active a { color: var(--tabs-active-color) !important; font-weight: var(--tabs-font-weight-active); background: transparent !important; } .employee-nav.tabs-2027 ul li.employee-nav-active a i, .employee-nav.tabs-2027 ul li.employee-nav-active a .fa-duotone, .employee-nav.tabs-2027 ul li.active a i, .employee-nav.tabs-2027 ul li.active a .fa-duotone, .employee-nav-2027 ul li.employee-nav-active a i, .employee-nav-2027 ul li.employee-nav-active a .fa-duotone, .employee-nav-2027 ul li.active a i, .employee-nav-2027 ul li.active a .fa-duotone { opacity: 1; color: var(--tabs-active-color) !important; } .employee-nav.tabs-2027 ul li.employee-nav-active a::after, .employee-nav.tabs-2027 ul li.active a::after, .employee-nav-2027 ul li.employee-nav-active a::after, .employee-nav-2027 ul li.active a::after { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: var(--tabs-indicator-height); background: var(--tabs-active-color); border-radius: 2px 2px 0 0; } .employee-nav.tabs-2027 ul li.edit, .employee-nav-2027 ul li.edit { margin-left: auto; background: transparent !important; border: none !important; } .employee-nav.tabs-2027 ul li.edit a, .employee-nav-2027 ul li.edit a { color: var(--tabs-text-color); } .employee-nav.tabs-2027 ul li.edit a:hover, .employee-nav-2027 ul li.edit a:hover { color: var(--tabs-active-color); } @media (max-width: 768px) { .tabs-2027, .tabs-container, .employee-nav.tabs-2027 ul { gap: 16px; } .tabs-2027 .tab-item, .tabs-2027 li a, .tabs-container .tab-item, .tabs-container li a, .employee-nav.tabs-2027 ul .tab-item, .employee-nav.tabs-2027 ul li a { font-size: 12px; padding: 10px 0; } } .tabs-2027.tabs-compact, .tabs-container.tabs-compact { gap: 16px; } .tabs-2027.tabs-compact .tab-item, .tabs-container.tabs-compact .tab-item { padding: 8px 0; font-size: 12px; } .tabs-2027.tabs-with-bg { background: var(--color-bg-secondary); padding: 0 16px; border-radius: var(--radius-lg) var(--radius-lg) 0 0; } body > .dropdown-menu.uib-dropdown-menu { border-radius: var(--oa-radius-md, 8px) !important; border: 1px solid rgba(226, 232, 240, 0.6) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important; padding: 4px 0 !important; z-index: 1050 !important; } body > .dropdown-menu.uib-dropdown-menu > li > a { padding: 8px 16px !important; font-size: 14px !important; color: var(--text-main, #1F2937) !important; display: flex !important; align-items: center !important; } body > .dropdown-menu.uib-dropdown-menu > li > a i { margin-right: 8px; opacity: 0.7; } body > .dropdown-menu.uib-dropdown-menu > li > a:hover { background: var(--oa-bg-secondary, #F1F5F9) !important; color: var(--brand-primary, #005aee) !important; } body > .dropdown-menu.uib-dropdown-menu > li > a:hover i { opacity: 1; } .empty-state { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 3rem 2rem; min-height: 200px; } .empty-state__icon { display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; margin-bottom: 1.5rem; border-radius: 50%; background: linear-gradient(135deg, rgba(0, 90, 238, 0.08) 0%, rgba(0, 90, 238, 0.04) 100%); color: #005aee; } .empty-state__icon i { font-size: 2rem; opacity: 0.7; } .empty-state__icon--image { width: auto; height: auto; max-width: 120px; background: none; } .empty-state__icon--image img { max-width: 100%; max-height: 100px; opacity: 0.6; filter: grayscale(30%); } .empty-state__title { margin: 0 0 0.5rem 0; font-size: 1.125rem; font-weight: 600; color: #1f2b38; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } .empty-state__description { margin: 0; font-size: 0.875rem; color: #64748B; max-width: 320px; line-height: 1.5; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } .empty-state__action { margin-top: 1.5rem; } .empty-state__action:empty { display: none; } .empty-state__action .btn { border-radius: var(--oa-btn-radius, 8px) !important; font-size: 13px !important; font-weight: 600 !important; } .empty-state__action .btn:not(:hover):not(:focus) { box-shadow: none !important; } .empty-state__action .btn-primary-soft, .empty-state__action .btn-primary-2, .empty-state__action .btn.btn-primary-soft { background-color: #EFF6FF !important; color: var(--oa-brand-primary, #005aee) !important; border: 1px solid transparent !important; } .empty-state__action .btn-primary-soft:hover:not(:disabled), .empty-state__action .btn-primary-2:hover:not(:disabled), .empty-state__action .btn.btn-primary-soft:hover:not(:disabled) { background-color: #DBEAFE !important; } .card .empty-state, .card-body .empty-state { padding: 2rem 1.5rem; min-height: 160px; } .extension-promo-card { display: inline-block; background: var(--oa-info-bg, #EFF6FF); border: 1px solid var(--oa-info-border, #DBEAFE); border-radius: 12px; padding: 20px 24px; max-width: 520px; text-align: left; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); transition: all 0.2s ease; display: flex; align-items: flex-start; gap: 16px; } .extension-promo-card:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); } .extension-promo-card__icon { background: linear-gradient(135deg, #005aee 0%, #004ac2 100%); width: 44px; height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 4px 6px -1px rgba(0, 90, 238, 0.3); } .extension-promo-card__icon i { color: #fff; font-size: 20px; } .extension-promo-card__content { flex: 1; } .extension-promo-card__title { margin: 0 0 4px 0; font-weight: 600; color: #0F172A; font-size: 14px; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } .extension-promo-card__description { margin: 0 0 14px 0; color: #64748B; font-size: 13px; line-height: 1.5; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } .extension-promo-card .btn { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 8px; font-size: 13px; font-weight: 500; text-decoration: none; } .extension-promo-card .btn i { font-size: 16px; } .edoc-badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 6px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.02em; } .edoc-badge i { font-size: 12px; } .edoc-badge-submitted, .edoc-badge-draft { background-color: var(--color-warning-bg, #FFFBEB); color: var(--color-warning-text, #B45309); border: 1px solid var(--color-warning-border, #FEF3C7); } .edoc-badge-approved, .edoc-badge-signed { background-color: var(--color-success-bg, #F0FDF4); color: var(--color-success-text, #166534); border: 1px solid var(--color-success-border, #DCFCE7); } .edoc-badge-rejected, .edoc-badge-canceled { background-color: var(--color-danger-bg, #FEF2F2); color: var(--color-danger-text, #B91C1C); border: 1px solid var(--color-danger-border, #FECACA); } .edoc-badge-update-requested { background-color: #FEF2F2; color: #B91C1C; border: 1px solid #FECACA; } .edoc-badge-expired { background-color: #FFFBEB; color: #92400E; border: 1px solid #FDE68A; } .edoc-list-table { width: 100%; border-collapse: collapse; } .edoc-list-table thead { display: none; } .edoc-list-table tbody tr { background: #ffffff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); } .edoc-list-table tbody tr td { padding: 10px 12px; border-top: 6px solid #F1F5F9; border-bottom: 1px solid #E5E9F0; vertical-align: top; } .edoc-list-table tbody tr td:first-child { border-left: 1px solid #E5E9F0; padding-left: 14px; } .edoc-list-table tbody tr td:last-child { border-right: 1px solid #E5E9F0; padding-right: 14px; } .edoc-list-table tbody tr:first-child td { border-top: 1px solid #E5E9F0; } .edoc-list-table tbody tr:hover td { background-color: #F8FAFC; } .edoc-list-table .edoc-status-col { width: 170px; } .edoc-process-card { display: inline-flex; flex-direction: column; padding: 10px 16px; margin: 4px; min-width: 180px; background-color: var(--oa-bg-surface, #ffffff); border: 1px solid var(--oa-border-default, #E2E8F0); border-radius: var(--radius-md, 8px); transition: all 0.2s ease; } .edoc-process-card:hover { text-decoration: none; border-color: var(--oa-brand-primary, #005aee); background-color: var(--oa-bg-hover, #F8FAFC); } .edoc-process-card.edoc-process-card--current { border-width: 2px; border-color: var(--oa-brand-primary, #005aee); background-color: #ffffff; } .edoc-process-card.edoc-process-card--completed { border-color: var(--color-success-border, #DCFCE7); background-color: var(--color-success-bg, #F0FDF4); } .edoc-process-card .edoc-process-card__title { font-weight: 600; font-size: 12px; color: #1f2b38; } .edoc-process-card .edoc-process-card__subtitle { font-size: 11px; color: #64748B; margin-top: 2px; } .edoc-process-card .edoc-process-card__meta { font-size: 11px; color: #64748B; margin-top: 8px; } .edoc-process-card .edoc-process-card__meta i { margin-right: 4px; } .edoc-flow-arrow { display: inline-flex; align-items: center; padding: 0 8px; color: #64748B; } .edoc-flow-arrow i { font-size: 16px; } .edoc-user-status { display: inline-flex; align-items: center; gap: 6px; padding: 2px 0; font-size: 11px; font-weight: 500; } .edoc-user-status i { font-size: 12px; } .edoc-user-status.edoc-user-status--approved { color: var(--color-success-text, #166534); } .edoc-user-status.edoc-user-status--approved i { color: #22C55E; } .edoc-user-status.edoc-user-status--seen { color: #334155; } .edoc-user-status.edoc-user-status--seen i { color: #64748B; } .edoc-user-status.edoc-user-status--rejected { color: var(--color-danger-text, #B91C1C); } .edoc-user-status.edoc-user-status--rejected i { color: #EF4444; } .edoc-user-status.edoc-user-status--sent { color: #64748B; } .edoc-user-status.edoc-user-status--sent i { color: #64748B; } .edoc-user-status.edoc-user-status--pending { color: #64748B; } .edoc-user-status.edoc-user-status--pending i { color: #CBD5E1; } .edoc-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .edoc-header h4 { margin: 0; font-size: 18px; font-weight: 600; color: #1f2b38; } .edoc-header h4 i { margin-right: 8px; color: #64748B; } .edoc-header .edoc-header__actions { display: flex; gap: 8px; } .edoc-filter-bar { display: flex; flex-wrap: nowrap !important; align-items: center; gap: 8px; padding: 12px 16px; background: #ffffff !important; border: 1px solid #E2E8F0 !important; border-radius: 12px !important; margin-bottom: 16px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); position: sticky; top: 60px; z-index: 900; } .edoc-filter-bar .form-inline { display: contents; } .edoc-filter-bar .form-group { margin-bottom: 0; flex: 0 0 auto; width: auto !important; } .edoc-filter-bar .form-group:nth-child(2) { flex: 1 1 200px; min-width: 150px; max-width: 300px; } .edoc-filter-bar .form-group:has(select), .edoc-filter-bar .form-group:has(.ng-dropdown-multiselect) { flex: 0 0 auto; min-width: 120px; max-width: 160px; } .edoc-filter-bar .form-control { height: 36px; border-radius: 6px; border: 1px solid #E2E8F0; width: 100%; } .edoc-filter-bar .form-control:focus { border-color: #005aee; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1); } .edoc-filter-bar .btn { height: 36px; border-radius: 8px; white-space: nowrap; padding: 6px 12px !important; font-size: 13px !important; } .edoc-filter-bar .form-group:last-child, .edoc-filter-bar .form-group:nth-last-child(2) { flex: 0 0 auto; } .edoc-filter-bar .multiselect-parent button.dropdown-toggle, .edoc-filter-bar button.dropdown-toggle.btn-default { height: 36px !important; min-height: 36px; background-color: #ffffff !important; border: 1px solid #E2E8F0 !important; border-radius: 8px !important; font-size: 13px; font-weight: 500; color: #0F172A; padding: 6px 14px; transition: border-color 0.2s ease, box-shadow 0.2s ease; display: inline-flex; align-items: center; justify-content: space-between; gap: 8px; } .edoc-filter-bar .multiselect-parent button.dropdown-toggle:hover, .edoc-filter-bar button.dropdown-toggle.btn-default:hover { border-color: #94A3B8 !important; background-color: #F8FAFC !important; } .edoc-filter-bar .multiselect-parent button.dropdown-toggle:focus, .edoc-filter-bar .multiselect-parent button.dropdown-toggle:focus-visible, .edoc-filter-bar button.dropdown-toggle.btn-default:focus, .edoc-filter-bar button.dropdown-toggle.btn-default:focus-visible { border-color: #3FA9FF !important; box-shadow: 0 0 0 3px rgba(0, 85, 255, 0.15) !important; outline: none; } .edoc-filter-bar .multiselect-parent button.dropdown-toggle .caret, .edoc-filter-bar button.dropdown-toggle.btn-default .caret { margin-left: 4px; border-top-color: #64748B; } .forms-process { display: inline-flex; flex-direction: column; padding: 5px 12px; margin: 3px; min-width: 160px; background-color: #F8FAFF; border: 1px solid #D9E3F1; border-radius: 5px; transition: all 0.15s ease; color: #1f2b38; } .forms-process .fa-pencil { opacity: 0.55; } .forms-process:hover .fa-pencil { opacity: 1; } .forms-process:hover { text-decoration: none; background-color: #EFF8FF; } .forms-process:last-of-type { box-shadow: 0 0 0 2px rgba(0, 90, 238, 0.12); } .edoc-user { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 6px; font-size: 11px; font-weight: 600; background-color: var(--color-info-bg, #EFF6FF) !important; color: var(--color-info-text, #1D4ED8) !important; border: 1px solid var(--color-info-border, #DBEAFE) !important; } .edoc-page-title { font-size: 18px; font-weight: 600; color: #1f2b38; } .edoc-page-title i { color: #64748B; margin-right: 8px; } .edoc-template-card { border-radius: 12px !important; border: 1px solid #E2E8F0 !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important; transition: all 0.2s ease; } .edoc-template-card:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important; border-color: #CBD5E1 !important; } .edoc-template-card .card-body { padding: 20px; } .edoc-template-icon { color: #005aee; } .edoc-template-date { font-size: 11px; text-transform: none; letter-spacing: 0.01em; color: #64748B; } .edoc-template-title { font-size: 14.5px !important; font-weight: 600; color: #1f2b38; } .edoc-template-desc { font-size: 13.5px; line-height: 1.5; margin-bottom: 0; } .edoc-template-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; align-items: center; padding: 10px 0; } @media (max-width: 991px) { .edoc-template-actions { justify-content: flex-start; margin-top: 12px; } } .edoc-template-actions .btn { margin-right: 0 !important; margin-bottom: 0 !important; } .edoc-template-card .list-group { margin-bottom: 0; } .edoc-template-card .list-group-item { border: none !important; padding: 12px 0 !important; background: transparent !important; } .edoc-template-card .list-group-item:hover { background: #F8FAFC !important; border-radius: 8px; } .edoc-template-card .list-group-item .h4 { font-size: 14px !important; } .edoc-template-card .list-group-item .h4 i { color: #64748B; margin-right: 6px; } .edoc-workflow-step { display: flex; align-items: flex-start; position: relative; padding-bottom: 16px; } .edoc-workflow-step__marker { flex-shrink: 0; width: 28px; margin-right: 16px; position: relative; z-index: 2; align-self: stretch; } .edoc-workflow-children > .edoc-workflow-step:last-child > .edoc-workflow-step__marker::after, .edoc-workflow-nested > .edoc-workflow-step:last-child > .edoc-workflow-step__marker::after { display: none; } .edoc-workflow-step--parent > .edoc-workflow-step__marker::after { display: none; } .edoc-workflow-step--parent:has(.edoc-workflow-children) > .edoc-workflow-step__marker::after { display: block; } .edoc-workflow-step__content { flex: 1; min-width: 0; } .edoc-workflow-step__content h4, .edoc-workflow-step__content .h4 { font-size: 15px !important; line-height: 1.3; } .edoc-step-circle { width: 28px; height: 28px; border-radius: 50%; background: transparent; border: 2px solid var(--oa-blue-400, #3B82F6); color: var(--oa-blue-400, #3B82F6); font-weight: 700; font-size: 13px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; } .edoc-workflow-children { margin-left: -44px; } .edoc-workflow-nested { margin-left: -44px; } .edoc-template-icon-child { color: #005aee; } .edoc-template-title-child { font-size: 15px !important; color: #1f2b38; } @media (max-width: 767px) { .edoc-workflow-step__marker { width: 24px; margin-right: 12px; } .edoc-step-circle { width: 24px; height: 24px; font-size: 12px; } .edoc-template-card:has(.edoc-workflow-children) .card-body::before { left: 29px; } } .modal-body.smart-form .input-group-sm.input-group, .edoc.smart-form .input-group-sm.input-group { display: flex; align-items: stretch; } .modal-body.smart-form .input-group-sm.input-group > label.input, .modal-body.smart-form .input-group-sm.input-group > input, .edoc.smart-form .input-group-sm.input-group > label.input, .edoc.smart-form .input-group-sm.input-group > input { flex: 1; min-width: 0; } .modal-body.smart-form .input-group-sm.input-group .input-group-btn, .edoc.smart-form .input-group-sm.input-group .input-group-btn { flex: 0 0 auto; } .modal-body.smart-form .input-group-sm.input-group .input-group-btn .btn, .edoc.smart-form .input-group-sm.input-group .input-group-btn .btn { overflow: visible; white-space: nowrap; } .modal-body .nav-pills.nav-stacked .oa-print-rule { display: flex; align-items: center; } .modal-body .nav-pills.nav-stacked .oa-print-rule .oa-print-rule-label { flex: 1 1 auto; min-width: 0; word-break: break-word; } .modal-body .nav-pills.nav-stacked .oa-print-rule .oa-print-rule-trash { flex: 0 0 auto; margin-left: 8px; } .smart-form .edoc-date-rule-panel { margin: 0; padding: 15px; background: var(--oa-bg-base); } .smart-form .edoc-date-rule-panel [class*=col-] { padding-right: 15px; padding-left: 15px; box-sizing: border-box; } .smart-form .edoc-date-rule-panel .row + .row { margin-top: 16px; } .smart-form .edoc-date-rule-panel .edoc-date-rule-hint { display: block; margin-top: 6px; } .smart-form .edoc-date-rule-panel .edoc-date-rule-states { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 8px 16px; } .smart-form .edoc-date-rule-panel .edoc-date-rule-states .checkbox-inline { margin: 0; padding-left: 20px; } .campaign-list .list-group-item.campaign-item { padding: 16px 0; transition: background-color 0.15s ease; } .campaign-list .list-group-item.campaign-item:hover { background-color: #F8FAFC; } .campaign-list .campaign-header { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; flex-wrap: wrap; } .campaign-list .campaign-title { font-size: 15px !important; font-weight: 600; color: #0F172A; margin: 0; padding: 0; line-height: 1.4; } .campaign-list .campaign-title a { color: inherit; text-decoration: none; transition: color 0.15s ease; } .campaign-list .campaign-title a:hover { color: #005aee; } .campaign-list .campaign-badge { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 6px; font-size: 11px; font-weight: 500; line-height: 1.4; } .campaign-list .campaign-badge.badge-category { background: #F0FDF4; color: #166534; border: 1px solid #DCFCE7; } .campaign-list .campaign-badge.badge-dates { background: var(--oa-info-bg, #EFF6FF); color: #1D4ED8; border: 1px solid #DBEAFE; } .campaign-list .campaign-badge.badge-dates i { font-size: 10px; } .campaign-list .campaign-stats { display: flex; align-items: center; height: 100%; } .campaign-list .campaign-stats .stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; } .campaign-list .campaign-stats .stat-item .stat-value { font-size: 16px; font-weight: 600; color: #0F172A; margin: 0; line-height: 1.2; } .campaign-list .campaign-stats .stat-item .stat-label { font-size: 11px; font-weight: 500; color: #64748B; text-transform: uppercase; letter-spacing: 0.02em; margin: 0; } .campaign-list .campaign-stats .status-indicator { display: flex; flex-direction: column; align-items: center; gap: 4px; } .campaign-list .campaign-stats .status-indicator i { font-size: 12px; margin-bottom: 2px; } .campaign-list .campaign-stats .status-indicator .status-label { font-size: 12px; font-weight: 600; } .campaign-list .campaign-stats .status-indicator.status-active i { color: #166534; } .campaign-list .campaign-stats .status-indicator.status-active .status-label { color: #166534; } .campaign-list .campaign-stats .status-indicator.status-stopped i { color: #B91C1C; } .campaign-list .campaign-stats .status-indicator.status-stopped .status-label { color: #B91C1C; } .campaign-list .campaign-stats .status-indicator.status-pending i { color: #B45309; } .campaign-list .campaign-stats .status-indicator.status-pending .status-label { color: #B45309; } .campaign-list .campaign-actions { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 8px; height: 100%; } .campaign-list .campaign-actions .btn-sm { min-width: 36px; width: 36px; height: 36px; padding: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--oa-radius-md, 8px); } .campaign-list .campaign-actions .btn-sm i { font-size: 14px; } .campaign-list .gantt-range { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 6px; font-size: 13px; font-weight: 500; color: #0F172A; cursor: pointer; transition: all 0.15s ease; height: 32px; } .campaign-list .gantt-range:hover { border-color: #005aee; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1); } .campaign-list .gantt-range i { font-size: 14px; color: #64748B; } .campaign-list .gantt-range .filter-toggle { display: flex; align-items: center; gap: 8px; } .campaign-list .gantt-range .filter-value { white-space: nowrap; } .campaign-list .pagination-container { padding: 20px 0; background: transparent; border: none; } .campaign-list .pagination-container .pagination { display: inline-flex; } @media (max-width: 991px) { .campaign-list .campaign-stats { flex-wrap: wrap; } .campaign-list .campaign-stats .stat-item { flex: 0 0 50%; margin-bottom: 12px; } } #tw.campaign-list .campaign-filter-header.filter-header-2027 { width: 100% !important; margin-left: 0 !important; margin-bottom: 16px !important; } .btn-group-2027 { display: inline-flex; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); border: 1px solid #E2E8F0; } .btn-group-2027 .btn { flex: 1; margin: 0; border: none; border-radius: 0; background: #ffffff; color: #64748B; font-size: 13px; font-weight: 500; padding: 8px 16px; transition: all 0.15s ease; position: relative; } .btn-group-2027 .btn:hover { background: #F8FAFC; color: #0F172A; border: none; box-shadow: none; } .btn-group-2027 .btn:focus, .btn-group-2027 .btn:focus-visible { outline: none; box-shadow: none; } .btn-group-2027 .btn.active { background: #005aee; color: #ffffff; font-weight: 600; z-index: 1; } .btn-group-2027 .btn.active:hover { background: #004ac2; color: #ffffff; } .btn-group-2027 .btn:first-child { border-radius: 8px 0 0 8px; } .btn-group-2027 .btn:last-child { border-radius: 0 8px 8px 0; } .btn-group-2027 .btn:not(:last-child):not(.active)::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 16px; width: 1px; background: #E2E8F0; } .btn-group-2027 .btn.active + .btn::before, .btn-group-2027 .btn:has(+ .btn.active)::after { display: none; } .list-group-2027 { display: flex; flex-direction: column; padding: 0; margin: 0; border-radius: 8px; border: 1px solid #E2E8F0; overflow: hidden; background: #ffffff; } .list-group-2027 .list-group-item-2027 { padding: 12px 16px; border: none; border-bottom: 1px solid #F1F5F9; background: #ffffff; cursor: pointer; transition: all 0.15s ease; text-decoration: none; color: #0F172A; } .list-group-2027 .list-group-item-2027:last-child { border-bottom: none; } .list-group-2027 .list-group-item-2027:hover { background: rgba(0, 90, 238, 0.04); text-decoration: none; } .list-group-2027 .list-group-item-2027.active { background: var(--oa-bg-hover, #F8FAFD); border-left: 3px solid #005aee; padding-left: 13px; } .list-group-2027 .list-group-item-2027.active .caption-text { color: #005aee !important; } .list-group-2027 .list-group-item-2027.active i { color: #005aee; } .list-group-2027 .list-group-item-2027.list-group-item-action { color: #005aee; font-weight: 500; border-top: 1px solid #E2E8F0; } .list-group-2027 .list-group-item-2027.list-group-item-action:hover { background: rgba(0, 90, 238, 0.08); } .list-group-2027 .list-group-item-2027.list-group-item-action i { margin-right: 4px; } .heading-4 { font-size: 16px; font-weight: 600; color: #0F172A; line-height: 1.5; } .body-text { font-size: 13.5px; font-weight: 400; color: #0F172A; line-height: 1.6; } .label-text { font-size: 12px; font-weight: 500; color: #475569; line-height: 1.5; display: block; margin-bottom: 4px; } .caption-text { font-size: 11px; font-weight: 400; color: #64748B; line-height: 1.5; } .btn-group:not(.btn-radio-rounded):not(:has(.dropdown-menu)):has(.flat-btn) { display: inline-flex; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); border: 1px solid #E2E8F0; } .btn-group:not(.btn-radio-rounded):not(:has(.dropdown-menu)):has(.flat-btn) label.flat-btn, .btn-group:not(.btn-radio-rounded):not(:has(.dropdown-menu)):has(.flat-btn) .flat-btn { flex: 1; margin: 0 !important; border: none !important; border-radius: 0 !important; background: #ffffff !important; color: #64748B !important; font-size: 12px !important; font-weight: 500 !important; padding: 6px 12px !important; transition: all 0.15s ease; position: relative; float: none !important; } .btn-group:not(.btn-radio-rounded):not(:has(.dropdown-menu)):has(.flat-btn) label.flat-btn:hover:not(.active), .btn-group:not(.btn-radio-rounded):not(:has(.dropdown-menu)):has(.flat-btn) .flat-btn:hover:not(.active) { background: #F8FAFC; color: #0F172A; box-shadow: none; } .btn-group:not(.btn-radio-rounded):not(:has(.dropdown-menu)):has(.flat-btn) label.flat-btn:focus, .btn-group:not(.btn-radio-rounded):not(:has(.dropdown-menu)):has(.flat-btn) label.flat-btn:focus-visible, .btn-group:not(.btn-radio-rounded):not(:has(.dropdown-menu)):has(.flat-btn) .flat-btn:focus, .btn-group:not(.btn-radio-rounded):not(:has(.dropdown-menu)):has(.flat-btn) .flat-btn:focus-visible { outline: none; box-shadow: none; } .btn-group:not(.btn-radio-rounded):not(:has(.dropdown-menu)):has(.flat-btn) label.flat-btn.active, .btn-group:not(.btn-radio-rounded):not(:has(.dropdown-menu)):has(.flat-btn) .flat-btn.active { background: #005aee !important; color: #ffffff !important; font-weight: 600; z-index: 1; } .btn-group:not(.btn-radio-rounded):not(:has(.dropdown-menu)):has(.flat-btn) label.flat-btn.active:hover, .btn-group:not(.btn-radio-rounded):not(:has(.dropdown-menu)):has(.flat-btn) .flat-btn.active:hover { background: #004ac2 !important; color: #ffffff !important; } .btn-group:not(.btn-radio-rounded):not(:has(.dropdown-menu)):has(.flat-btn) label.flat-btn:first-child, .btn-group:not(.btn-radio-rounded):not(:has(.dropdown-menu)):has(.flat-btn) .flat-btn:first-child { border-radius: 8px 0 0 8px !important; padding-left: 14px !important; } .btn-group:not(.btn-radio-rounded):not(:has(.dropdown-menu)):has(.flat-btn) label.flat-btn:last-child, .btn-group:not(.btn-radio-rounded):not(:has(.dropdown-menu)):has(.flat-btn) .flat-btn:last-child { border-radius: 0 8px 8px 0 !important; padding-right: 14px !important; } .btn-group:not(.btn-radio-rounded):not(:has(.dropdown-menu)):has(.flat-btn) label.flat-btn:only-child, .btn-group:not(.btn-radio-rounded):not(:has(.dropdown-menu)):has(.flat-btn) .flat-btn:only-child { border-radius: 8px !important; padding-left: 14px !important; padding-right: 14px !important; } .btn-group:not(.btn-radio-rounded):not(:has(.dropdown-menu)):has(.flat-btn) label.flat-btn:not(:last-child):not(.active)::after, .btn-group:not(.btn-radio-rounded):not(:has(.dropdown-menu)):has(.flat-btn) .flat-btn:not(:last-child):not(.active)::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 16px; width: 1px; background: #E2E8F0; } .btn-group-actions { display: inline-flex; align-items: center; gap: 6px; flex-wrap: nowrap; } .btn-group-actions .btn { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; } .btn-group-actions .btn i { font-size: 12px; } .btn-group-actions.btn-group-actions-compact { gap: 4px; } .btn-group-actions.btn-group-actions-compact .btn { padding: 4px 8px; font-size: 11px; } .toggle-switch-2027 { display: inline-flex; align-items: center; gap: 10px; cursor: pointer; user-select: none; } .toggle-switch-2027 input[type=checkbox], .toggle-switch-2027 input[type=radio] { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; } .toggle-switch-2027 .toggle-track { position: relative; width: 44px; height: 24px; background: #E2E8F0; border-radius: 12px; transition: background-color 0.2s cubic-bezier(0.34, 1.56, 0.64, 1); flex-shrink: 0; } .toggle-switch-2027 .toggle-track::after { content: ""; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background: #FFFFFF; border-radius: 50%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1); } .toggle-switch-2027 .toggle-label { font-size: 13px; font-weight: 500; color: #0F172A; line-height: 1.4; } .toggle-switch-2027:hover .toggle-track { background: #CBD5E1; } .toggle-switch-2027 input:focus-visible + .toggle-track { outline: none; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.2); } .toggle-switch-2027 input:checked + .toggle-track, .toggle-switch-2027.active .toggle-track { background: #22C55E; } .toggle-switch-2027 input:checked + .toggle-track::after, .toggle-switch-2027.active .toggle-track::after { transform: translateX(20px); } .toggle-switch-2027:hover input:checked + .toggle-track, .toggle-switch-2027.active:hover .toggle-track { background: #16A34A; } .toggle-switch-2027.disabled, .toggle-switch-2027 input:disabled + .toggle-track { opacity: 0.5; cursor: not-allowed; } .toggle-switch-2027.toggle-sm .toggle-track { width: 36px; height: 20px; border-radius: 10px; } .toggle-switch-2027.toggle-sm .toggle-track::after { width: 16px; height: 16px; } .toggle-switch-2027.toggle-sm input:checked + .toggle-track::after, .toggle-switch-2027.toggle-sm.active .toggle-track::after { transform: translateX(16px); } .toggle-switch-2027.toggle-sm .toggle-label { font-size: 12px; } .toggle-switch-2027.toggle-lg .toggle-track { width: 52px; height: 28px; border-radius: 14px; } .toggle-switch-2027.toggle-lg .toggle-track::after { width: 24px; height: 24px; } .toggle-switch-2027.toggle-lg input:checked + .toggle-track::after, .toggle-switch-2027.toggle-lg.active .toggle-track::after { transform: translateX(24px); } .toggle-switch-2027.toggle-lg .toggle-label { font-size: 14px; } .toggle-switch-2027.toggle-primary input:checked + .toggle-track, .toggle-switch-2027.toggle-primary.active .toggle-track { background: #005aee; } .toggle-switch-2027.toggle-primary:hover input:checked + .toggle-track, .toggle-switch-2027.toggle-primary.active:hover .toggle-track { background: #004ac2; } .toggle-switch-2027.with-status .toggle-status { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.02em; color: #64748B; min-width: 28px; } .toggle-switch-2027.with-status input:checked ~ .toggle-status, .toggle-switch-2027.with-status.active .toggle-status { color: #22C55E; } .toggle-switch-2027.with-status.toggle-primary input:checked ~ .toggle-status, .toggle-switch-2027.with-status.toggle-primary.active .toggle-status { color: #005aee; } .messages-container { background: #F8FAFC; } .messages-container .messages-sidebar { background: #FFFFFF; border-right: 1px solid #E2E8F0; } .messages-container .messages-sidebar .messages-filter-link { display: flex; align-items: center; padding: 10px 16px; margin-bottom: 4px; border-radius: 8px; font-size: 13.5px; font-weight: 500; color: #64748B; transition: all 0.15s ease; text-decoration: none !important; } .messages-container .messages-sidebar .messages-filter-link i { margin-right: 12px; font-size: 16px; color: #94A3B8; transition: color 0.15s ease; } .messages-container .messages-sidebar .messages-filter-link:hover { background: #F8FAFC; color: #0F172A; } .messages-container .messages-sidebar .messages-filter-link:hover i { color: #64748B; } .messages-container .messages-sidebar .messages-filter-link.active { background: rgba(0, 90, 238, 0.08); color: #005aee; font-weight: 600; border-left: 3px solid #005aee; } .messages-container .messages-sidebar .messages-filter-link.active i { color: #005aee; } .messages-container .messages-sidebar .messages-filter-link .badge { margin-left: auto; background: #005aee; color: #FFFFFF; font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 12px; } .messages-search-box { position: relative; } .messages-search-box .form-control { height: 36px; border-radius: 8px; border: 1px solid #E2E8F0; padding-left: 40px; font-size: 13.5px; color: #0F172A; transition: all 0.15s ease; } .messages-search-box .form-control::placeholder { color: #94A3B8; } .messages-search-box .form-control:focus, .messages-search-box .form-control:focus-visible { border-color: #3FA9FF; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); outline: none; } .messages-search-box i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #94A3B8; font-size: 16px; pointer-events: none; } .messages-toolbar { background: #F8FAFC; border-bottom: 1px solid #E2E8F0; padding: 12px 20px; } .messages-toolbar .smart-form .checkbox { margin-bottom: 0; } .messages-toolbar .smart-form .checkbox input[type=checkbox] + i { border: 1.5px solid #CBD5E1; border-radius: 4px; width: 18px; height: 18px; background: #FFFFFF; transition: all 0.15s ease; } .messages-toolbar .smart-form .checkbox input[type=checkbox]:checked + i { background: #005aee; border-color: #005aee; } .messages-toolbar .smart-form .checkbox input[type=checkbox]:checked + i:after { color: #FFFFFF; } .messages-toolbar .list-inline li a { color: #64748B; padding: 8px 12px; border-radius: 6px; transition: all 0.15s ease; } .messages-toolbar .list-inline li a i { font-size: 16px; } .messages-toolbar .list-inline li a:hover { background: #E2E8F0; color: #0F172A; } .messages-item { background: #FFFFFF; border-bottom: 1px solid #E2E8F0; transition: all 0.15s ease; } .messages-item:hover { background: #F8FAFC; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); } .messages-item .message-checkbox-col { background: #F8FAFC; padding: 16px 12px; } .messages-item .message-checkbox-col .checkbox { margin-bottom: 0; } .messages-item .message-checkbox-col .checkbox input[type=checkbox] + i { border: 1.5px solid #CBD5E1; border-radius: 4px; width: 18px; height: 18px; background: #FFFFFF; transition: all 0.15s ease; } .messages-item .message-checkbox-col .checkbox input[type=checkbox]:checked + i { background: #005aee; border-color: #005aee; } .messages-item .message-checkbox-col .checkbox input[type=checkbox]:checked + i:after { color: #FFFFFF; } .messages-item .message-avatar-col { position: relative; padding: 16px 12px; min-width: 70px; } .messages-item .message-avatar-col .message-status-icon { position: absolute; top: 12px; left: 8px; font-size: 12px; } .messages-item .message-avatar-col .message-status-icon.unread { color: #005aee; } .messages-item .message-avatar-col .message-status-icon.error { color: #DC2626; } .messages-item .message-avatar-col .avatar-circle { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; color: #FFFFFF; background: linear-gradient(135deg, #005aee, #3FA9FF); } .messages-item .message-avatar-col .avatar-circle img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } .messages-item .message-content-col { padding: 16px 20px; } .messages-item .message-content-col.unread { font-weight: 600; } .messages-item .message-content-col.unread .message-subject { font-weight: 700; } .messages-item .message-content-col .message-meta { margin-bottom: 4px; } .messages-item .message-content-col .message-meta .message-date { font-size: 11px; font-weight: 500; color: #94A3B8; text-transform: uppercase; letter-spacing: 0.5px; } .messages-item .message-content-col .message-meta .message-from { font-size: 11px; color: #64748B; margin-left: 8px; } .messages-item .message-content-col .message-sender { font-size: 13.5px; color: #005aee; font-weight: 500; margin-bottom: 2px; } .messages-item .message-content-col .message-sender:hover { text-decoration: underline; } .messages-item .message-content-col .message-position { font-size: 11px; color: #64748B; margin-bottom: 8px; } .messages-item .message-content-col .message-subject { font-size: 13.5px; color: #0F172A; font-weight: 600; margin-bottom: 4px; } .messages-item .message-content-col .message-preview { font-size: 13px; color: #64748B; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .messages-item .message-status-badge { margin-top: 8px; } .messages-item .message-status-badge .badge-delivered { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 12px; background: #F0FDF4; color: #166534; font-size: 10px; font-weight: 600; letter-spacing: 0.3px; } .messages-item .message-status-badge .badge-delivered i { font-size: 10px; } .messages-item .message-status-badge .badge-not-delivered { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 12px; background: #FEF2F2; color: #B91C1C; font-size: 10px; font-weight: 600; letter-spacing: 0.3px; } .messages-item .message-status-badge .status-timestamp { font-size: 10px; color: #94A3B8; margin-left: 6px; } .messages-item .message-actions { display: flex; gap: 4px; padding: 16px 12px; } .messages-item .message-actions .action-btn { padding: 8px 12px; border-radius: 6px; color: #64748B; transition: all 0.15s ease; cursor: pointer; } .messages-item .message-actions .action-btn i { font-size: 16px; } .messages-item .message-actions .action-btn:hover { background: #E2E8F0; color: #0F172A; } .message-placeholder-items { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 80px 20px; } .message-placeholder-items img { max-width: 300px; height: auto; margin-bottom: 24px; opacity: 0.7; } .message-placeholder-items .text-muted { font-size: 14px; color: #64748B; } .pagination.pg-blue li a { color: #005aee; border-color: #E2E8F0; border-radius: 6px; margin: 0 2px; font-size: 13px; padding: 6px 12px; } .pagination.pg-blue li a:hover { background: #F8FAFC; border-color: #005aee; } .pagination.pg-blue li.active a { background: #005aee; border-color: #005aee; color: #FFFFFF; } .pagination.pg-blue li.disabled a { color: #CBD5E1; cursor: not-allowed; } .messages-filter-dropdown .dropdown-menu { border-radius: 12px; border: 1px solid rgba(226, 232, 240, 0.8); box-shadow: 0 4px 24px rgba(0, 90, 238, 0.15); background: rgba(239, 246, 255, 0.97); backdrop-filter: blur(40px) saturate(1.3); padding: 8px; } .messages-filter-dropdown .dropdown-menu li a { padding: 8px 12px; border-radius: 8px; font-size: 13px; color: #0F172A; transition: all 0.15s ease; } .messages-filter-dropdown .dropdown-menu li a:hover { background: rgba(0, 0, 0, 0.08); } .messages-filter-dropdown .dropdown-menu li a i.fa-check { color: #005aee; } .table-2027 { width: 100%; border-collapse: separate; border-spacing: 0; } .table-2027 thead tr th { background: #F8FAFC !important; color: #64748B !important; font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase; letter-spacing: 0.02em; padding: 12px 16px !important; border-bottom: 1px solid #E2E8F0 !important; border-top: 1px solid #E2E8F0 !important; white-space: nowrap; } .table-2027 thead tr th:first-child { border-left: 1px solid #E2E8F0 !important; border-top-left-radius: 12px !important; } .table-2027 thead tr th:last-child { border-right: 1px solid #E2E8F0 !important; border-top-right-radius: 12px !important; } .table-2027 tbody tr { background-color: #FFFFFF; transition: background-color 0.15s ease; } .table-2027 tbody tr:hover { background-color: #F8FAFC !important; } .table-2027 tbody tr:last-child td:first-child { border-bottom-left-radius: 12px !important; } .table-2027 tbody tr:last-child td:last-child { border-bottom-right-radius: 12px !important; } .table-2027 tbody tr td { padding: 16px !important; border-bottom: 1px solid #E2E8F0 !important; font-size: 13.5px !important; color: #0F172A !important; vertical-align: top !important; } .table-2027 tbody tr td:first-child { border-left: 1px solid #E2E8F0 !important; } .table-2027 tbody tr td:last-child { border-right: 1px solid #E2E8F0 !important; } .table-2027 a:not(.btn) { color: #1E293B !important; text-decoration: none; transition: color 0.15s ease; } .table-2027 a:not(.btn):hover { color: var(--oa-brand-primary, #005aee) !important; text-decoration: none; } .status-badge { display: inline-block; padding: 2px 8px; border-radius: 10px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.02em; white-space: nowrap; } .status-badge.status-success, .status-badge-success { background: #F0FDF4; color: #166534; border: 1px solid #DCFCE7; } .status-badge.status-warning, .status-badge-warning { background: #FFFBEB; color: #B45309; border: 1px solid #FEF3C7; } .status-badge.status-danger, .status-badge-danger { background: #FEF2F2; color: #B91C1C; border: 1px solid #FECACA; } .status-badge.status-info, .status-badge-info { background: var(--oa-info-bg, #EFF6FF); color: #1D4ED8; border: 1px solid #DBEAFE; } .status-badge.status-new, .status-badge-new { background: #F0FDFA; color: #0F766E; border: 1px solid #CCFBF1; } .status-badge.status-primary, .status-badge-primary { background: rgba(0, 90, 238, 0.06); color: #005aee; border: 1px solid rgba(0, 90, 238, 0.15); } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive .table-2027 { margin-bottom: 0; } .table-2027-empty { padding: 48px 24px; text-align: center; color: #64748B; font-size: 13.5px; } .table-2027-empty i { font-size: 48px; color: #CBD5E1; margin-bottom: 16px; display: block; } .table-2027-empty .empty-title { font-size: 16px; font-weight: 600; color: #0F172A; margin-bottom: 8px; } .table-2027-empty .empty-description { font-size: 13.5px; color: #64748B; } .table-2027.table-compact tbody tr td { padding: 12px; } .table-2027.table-compact thead tr th { padding: 8px 12px; } .table-2027.table-striped tbody tr:nth-child(even) { background-color: #FAFBFC; } .top-angle-left, .top-angle-right { display: none !important; } body.menu-on-top { background: radial-gradient(ellipse at 20% 30%, rgba(0, 85, 255, 0.15) 0%, transparent 50%), radial-gradient(ellipse at 80% 70%, rgba(100, 200, 255, 0.15) 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, rgba(0, 60, 180, 0.1) 0%, transparent 60%), linear-gradient(180deg, #F8FAFC 0%, #EFF6FF 100%) !important; background-size: 200% 200%, 200% 200%, 150% 150%, 100% 100%; min-height: 100vh; } body.menu-on-top footer.footer { display: none !important; } .login-badges { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 15px; opacity: 0.4; } .login-badges img { height: 20px !important; max-height: 20px !important; width: auto !important; object-fit: contain; } body.menu-on-top .container.height-100 { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; padding-top: 0 !important; padding-bottom: 0 !important; } body.menu-on-top .container.height-100 > .row { margin-top: 0 !important; width: 100%; } body.menu-on-top .container .row > .row { display: flex; justify-content: center; align-items: flex-start; } body.menu-on-top .container .smart-form.card { position: relative; background: #FFFFFF; border-radius: var(--oa-radius-lg, 12px); border: 1px solid rgba(0, 85, 255, 0.15); overflow: hidden; max-width: 420px; width: 100%; margin-left: auto; margin-right: auto; padding: 30px 40px !important; } body.menu-on-top .container .smart-form.card .logo-100 { max-width: 200px; height: auto; } body.menu-on-top .container .smart-form.card .row.margin-bottom-30 { margin-bottom: 15px !important; } body.menu-on-top .container .smart-form.card .row.margin-top-35 { margin-top: 20px !important; } .smart-form.card .input { position: relative; } .smart-form.card .input input, .smart-form.card .input input.input { background: #FFFFFF !important; border: 1px solid var(--oa-border-color, #E2E8F0) !important; border-radius: var(--oa-radius-md, 8px) !important; height: 36px !important; padding: 6px 14px 6px 40px !important; font-family: var(--oa-font-family, "Inter", -apple-system, sans-serif) !important; font-size: 14px !important; color: var(--oa-text-main, #0F172A) !important; transition: border-color 0.2s ease, box-shadow 0.2s ease !important; } .smart-form.card .input input::placeholder, .smart-form.card .input input.input::placeholder { color: var(--oa-text-light, #94A3B8) !important; font-weight: 400 !important; } .smart-form.card .input input:focus, .smart-form.card .input input.input:focus { border-color: var(--oa-brand-light, #3FA9FF) !important; outline: none !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15) !important; } .smart-form.card .input input:hover:not(:focus), .smart-form.card .input input.input:hover:not(:focus) { border-color: #CBD5E1 !important; } .smart-form.card .icon-prepend { position: absolute !important; left: 14px !important; top: 50% !important; transform: translateY(-50%) !important; font-size: 18px !important; color: #475569 !important; width: 20px !important; text-align: center !important; pointer-events: none !important; z-index: 2 !important; } .smart-form.card .icon-append { position: absolute !important; right: 14px !important; left: auto !important; top: 50% !important; transform: translateY(-50%) !important; font-size: 18px !important; color: #475569 !important; cursor: pointer !important; pointer-events: auto !important; z-index: 2 !important; transition: color 0.15s ease !important; } .smart-form.card .icon-append:hover { color: var(--oa-text-main, #0F172A) !important; } .smart-form.card .input:has(.icon-append) input { padding-right: 44px !important; } .smart-form.card .btn-primary { height: 36px !important; min-height: 36px !important; border-radius: var(--oa-radius-md, 8px) !important; font-family: var(--oa-font-family, "Inter", -apple-system, sans-serif) !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.5px !important; background-color: var(--oa-brand-primary, #005aee) !important; border-color: var(--oa-brand-primary, #005aee) !important; color: #FFFFFF !important; box-shadow: 0 2px 8px rgba(0, 85, 255, 0.25) !important; transition: all 0.2s ease !important; } .smart-form.card .btn-primary:hover { background-color: var(--oa-brand-hover, #004ac2) !important; border-color: var(--oa-brand-hover, #004ac2) !important; box-shadow: 0 4px 12px rgba(0, 85, 255, 0.35) !important; transform: translateY(-1px) !important; } .smart-form.card .btn-primary:active { transform: translateY(0) !important; box-shadow: 0 2px 4px rgba(0, 85, 255, 0.2) !important; } .smart-form.card .btn-primary:focus { outline: none !important; box-shadow: 0 0 0 3px rgba(0, 85, 255, 0.2), 0 2px 8px rgba(0, 85, 255, 0.25) !important; } .smart-form.card .btn-default { display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; height: 36px !important; min-height: 36px !important; border-radius: var(--oa-radius-md, 8px) !important; font-family: var(--oa-font-family, "Inter", -apple-system, sans-serif) !important; font-size: 14px !important; font-weight: 500 !important; background-color: #FFFFFF !important; border: 1px solid var(--oa-border-color, #E2E8F0) !important; color: var(--oa-text-main, #0F172A) !important; transition: all 0.2s ease !important; } .smart-form.card .btn-default svg { flex-shrink: 0 !important; width: 18px !important; height: 18px !important; } .smart-form.card .btn-default:hover { background-color: var(--oa-bg-hover, #F8FAFC) !important; border-color: #CBD5E1 !important; } .smart-form.card .btn-default:focus { outline: none !important; box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05) !important; } .smart-form.card .row.margin-bottom-15:has(.btn-default) { margin-bottom: 8px !important; } .smart-form.card a.font-sm.text-muted { color: var(--oa-text-muted, #64748B) !important; font-size: 13px !important; text-decoration: none !important; transition: color 0.15s ease !important; } .smart-form.card a.font-sm.text-muted:hover { color: var(--oa-brand-primary, #005aee) !important; text-decoration: underline !important; } .smart-form.card .font-xs.text-align-center { color: var(--oa-text-muted, #64748B) !important; font-size: 12px !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: normal !important; margin: 12px 0 4px 0 !important; } .smart-form.card .error.txt-color-red { color: var(--oa-error-text, #B91C1C) !important; background-color: var(--oa-error-bg, #FEF2F2) !important; border: 1px solid var(--oa-error-border, #FECACA) !important; border-radius: var(--oa-radius-md, 8px) !important; padding: 12px 16px !important; font-size: 13px !important; font-weight: 500 !important; } .smart-form.card .error.txt-color-red i { margin-right: 8px !important; } .smart-form.card .font-xs.text-muted { color: var(--oa-text-light, #94A3B8) !important; font-size: 11px !important; line-height: 1.5 !important; } .smart-form.card .font-xs.text-muted a { color: var(--oa-brand-primary, #005aee) !important; text-decoration: none !important; } .smart-form.card .font-xs.text-muted a:hover { text-decoration: underline !important; } .smart-form.card .row.no-gutter.padding-top-15.text-muted { padding-top: 12px !important; background: transparent !important; text-align: center !important; } @media (max-width: 767px) { body.menu-on-top .container .smart-form.card { padding: 30px 20px !important; margin: 20px 10px !important; border-radius: var(--oa-radius-md, 8px) !important; } .smart-form.card .btn-primary, .smart-form.card .btn-default { height: 40px !important; min-height: 40px !important; } .smart-form.card .input input { height: 40px !important; } } .smart-form.card.register-user-2027 .label.form-label { display: block; font-family: var(--oa-font-family, "Inter", -apple-system, sans-serif) !important; font-size: 13px !important; font-weight: 500 !important; color: var(--oa-text-muted, #64748B) !important; text-align: left; margin-bottom: 5px; } .smart-form.card.register-user-2027 .label.form-label .required { color: var(--oa-error-text, #B91C1C); margin-left: 1px; } .smart-form.card.register-user-2027 .form-box section { margin-bottom: 14px; } .smart-form.card.register-user-2027 .select { position: relative; display: block; } .smart-form.card.register-user-2027 .select select { width: 100%; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: #FFFFFF !important; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; border: 1px solid var(--oa-border-color, #E2E8F0) !important; border-radius: var(--oa-radius-md, 8px) !important; height: 36px !important; padding: 6px 36px 6px 14px !important; font-family: var(--oa-font-family, "Inter", -apple-system, sans-serif) !important; font-size: 14px !important; color: var(--oa-text-main, #0F172A) !important; box-shadow: none !important; transition: border-color 0.2s ease, box-shadow 0.2s ease !important; } .smart-form.card.register-user-2027 .select select:focus { outline: none !important; border-color: var(--oa-brand-light, #3FA9FF) !important; outline: none !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15) !important; } .smart-form.card.register-user-2027 .select select:hover:not(:focus) { border-color: #CBD5E1 !important; } .smart-form.card.register-user-2027 .select i { display: none !important; } .smart-form.card.register-user-2027 .register-intro { font-size: 13px; color: var(--oa-text-muted, #64748B); margin-bottom: 18px; } .smart-form.card.register-user-2027 .register-intro a { color: var(--oa-brand-primary, #005aee); text-decoration: none; } .smart-form.card.register-user-2027 .register-intro a:hover { text-decoration: underline; } .smart-form.card.register-user-2027 .register-password-intro { margin: 20px 0 12px; text-align: left; } .smart-form.card.register-user-2027 .register-password-intro .register-password-title { font-size: 13px; font-weight: 600; color: var(--oa-text-main, #0F172A); margin-bottom: 4px; } .smart-form.card.register-user-2027 .register-password-intro .register-password-description { font-size: 12px; line-height: 1.5; color: var(--oa-text-muted, #64748B); } .smart-form.card.register-user-2027 .register-error-block p.text-danger { color: var(--oa-error-text, #B91C1C) !important; background-color: var(--oa-error-bg, #FEF2F2); border: 1px solid var(--oa-error-border, #FECACA); border-radius: var(--oa-radius-md, 8px); padding: 12px 16px; font-size: 13px; font-weight: 500; margin-bottom: 15px; text-align: center; } .smart-form.card.register-user-2027 section p.text-danger { font-size: 12px; margin: 4px 0 0; text-align: left; } @media (min-width: 992px) { body.menu-on-top .container .smart-form.card.register-user-2027 { max-width: 740px; } .smart-form.card.register-user-2027 .register-columns { display: flex; } .smart-form.card.register-user-2027 .register-columns > .register-col-left { padding-right: 28px; } .smart-form.card.register-user-2027 .register-columns > .register-col-right { background: #F6F9FE; border: 1px solid rgba(0, 90, 238, 0.06); border-radius: var(--oa-radius-lg, 12px); padding: 20px 24px; } } @media (max-width: 400px) { body.menu-on-top .container { padding-left: 10px !important; padding-right: 10px !important; } body.menu-on-top .container.height-100 { min-height: auto; padding-top: 20px !important; padding-bottom: 20px !important; } body.menu-on-top .container .smart-form.card { max-width: 100% !important; width: 100% !important; padding: 24px 16px !important; margin: 10px 0 !important; border-radius: var(--oa-radius-sm, 6px) !important; } body.menu-on-top .container .smart-form.card .logo-100 { max-width: 160px; } body.menu-on-top .container .smart-form.card .row.margin-bottom-30 { margin-bottom: 10px !important; } body.menu-on-top .container .smart-form.card .row.margin-top-35 { margin-top: 15px !important; } .smart-form.card .btn-primary { font-size: 13px !important; letter-spacing: 0.3px !important; } .smart-form.card .btn-default { font-size: 13px !important; } .smart-form.card .input input { font-size: 13px !important; padding-left: 36px !important; } .smart-form.card .icon-prepend { font-size: 16px !important; left: 12px !important; } } .error-page-2027 { display: flex; flex-direction: column; min-height: 100vh; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } .error-page-2027__header { padding: clamp(20px, 4vh, 40px) clamp(24px, 6vw, 64px); } .error-page-2027__logo { display: inline-block; } .error-page-2027__logo img { height: 32px; width: auto; } .error-page-2027__main { flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 24px clamp(48px, 10vh, 110px); } .error-page-2027__code { display: flex; align-items: center; justify-content: center; gap: 0.04em; font-size: clamp(6.5rem, 21vw, 14rem); font-weight: 700; line-height: 1; letter-spacing: -0.05em; color: #0e2a5c; user-select: none; animation: ep-rise 0.7s cubic-bezier(0.22, 1, 0.36, 1) both; } .error-page-2027__dot { flex: none; width: 0.56em; height: 0.56em; margin: 0.08em 0.05em 0; border-radius: 50%; background: var(--oa-brand-primary); box-shadow: 0 0.06em 0.3em rgba(0, 90, 238, 0.35); animation: ep-rise 0.7s cubic-bezier(0.22, 1, 0.36, 1) both; } .error-page-2027__dot + .error-page-2027__dot { animation-delay: 0.08s; } .error-page-2027__title { margin: clamp(16px, 3vh, 28px) 0 10px; font-size: clamp(1.375rem, 2.6vw, 1.875rem); font-weight: 600; letter-spacing: -0.01em; color: var(--oa-text-main); animation: ep-rise 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.12s both; } .error-page-2027__text { margin: 0 auto clamp(24px, 4vh, 36px); max-width: 44ch; font-size: 15px; line-height: 1.65; color: var(--oa-text-muted); animation: ep-rise 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.2s both; } .error-page-2027__actions { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px 24px; animation: ep-rise 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.3s both; } .error-page-2027__btn { display: inline-block; padding: 11px 26px; font-size: 14px; font-weight: 600; color: #ffffff; background: var(--oa-brand-primary); border-radius: var(--oa-radius-md); transition: background-color 0.15s ease, box-shadow 0.15s ease; } .error-page-2027__btn:hover, .error-page-2027__btn:focus { color: #ffffff; background: var(--oa-brand-hover); box-shadow: 0 4px 14px rgba(0, 90, 238, 0.25); text-decoration: none; } .error-page-2027__back { font-size: 14px; font-weight: 600; color: var(--oa-text-muted); text-decoration: none; } .error-page-2027__back:hover, .error-page-2027__back:focus { color: var(--oa-brand-primary); text-decoration: none; } @media (max-width: 640px) { .error-page-2027__main { padding-left: 24px; padding-right: 24px; } .error-page-2027__logo img { height: 28px; } } @keyframes ep-rise { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } } @media (prefers-reduced-motion: reduce) { .error-page-2027__code, .error-page-2027__dot, .error-page-2027__title, .error-page-2027__text, .error-page-2027__actions { animation: none; } } #tw, #tw *, #tw *::before, #tw *::after { box-sizing: border-box; } #tw .block { display: block; } #tw .inline-block { display: inline-block; } #tw .inline { display: inline; } #tw .flex { display: flex; } #tw .inline-flex { display: inline-flex; } #tw .grid { display: grid; } #tw .hidden { display: none; } #tw .table { display: table; } #tw .flex-row { flex-direction: row; } #tw .flex-row-reverse { flex-direction: row-reverse; } #tw .flex-col { flex-direction: column; } #tw .flex-wrap { flex-wrap: wrap; } #tw .flex-nowrap { flex-wrap: nowrap; } #tw .items-start { align-items: flex-start; } #tw .items-center { align-items: center; } #tw .items-end { align-items: flex-end; } #tw .items-baseline { align-items: baseline; } #tw .items-stretch { align-items: stretch; } #tw .justify-start { justify-content: flex-start; } #tw .justify-center { justify-content: center; } #tw .justify-end { justify-content: flex-end; } #tw .justify-between { justify-content: space-between; } #tw .justify-around { justify-content: space-around; } #tw .flex-1 { flex: 1 1 0%; } #tw .flex-auto { flex: 1 1 auto; } #tw .flex-none { flex: none; } #tw .flex-shrink-0 { flex-shrink: 0; } #tw .flex-grow { flex-grow: 1; } #tw .flex-grow-0 { flex-grow: 0; } #tw .m-0 { margin: 0; } #tw .m-1 { margin: 0.25rem; } #tw .m-2 { margin: 0.5rem; } #tw .m-3 { margin: 0.75rem; } #tw .m-4 { margin: 1rem; } #tw .m-5 { margin: 1.25rem; } #tw .m-6 { margin: 1.5rem; } #tw .m-8 { margin: 2rem; } #tw .mx-auto { margin-left: auto; margin-right: auto; } #tw .my-auto { margin-top: auto; margin-bottom: auto; } #tw .mt-0 { margin-top: 0; } #tw .mt-1 { margin-top: 0.25rem; } #tw .mt-2 { margin-top: 0.5rem; } #tw .mt-3 { margin-top: 0.75rem; } #tw .mt-4 { margin-top: 1rem; } #tw .mt-5 { margin-top: 1.25rem; } #tw .mt-6 { margin-top: 1.5rem; } #tw .mt-8 { margin-top: 2rem; } #tw .mr-0 { margin-right: 0; } #tw .mr-1 { margin-right: 0.25rem; } #tw .mr-2 { margin-right: 0.5rem; } #tw .mr-3 { margin-right: 0.75rem; } #tw .mr-4 { margin-right: 1rem; } #tw .mr-6 { margin-right: 1.5rem; } #tw .mr-10 { margin-right: 2.5rem; } #tw .-mr-14 { margin-right: -3.5rem; } #tw .mb-0 { margin-bottom: 0; } #tw .mb-1 { margin-bottom: 0.25rem; } #tw .mb-2 { margin-bottom: 0.5rem; } #tw .mb-3 { margin-bottom: 0.75rem; } #tw .mb-4 { margin-bottom: 1rem; } #tw .mb-6 { margin-bottom: 1.5rem; } #tw .mb-8 { margin-bottom: 2rem; } #tw .ml-0 { margin-left: 0; } #tw .ml-1 { margin-left: 0.25rem; } #tw .ml-2 { margin-left: 0.5rem; } #tw .ml-3 { margin-left: 0.75rem; } #tw .ml-4 { margin-left: 1rem; } #tw .ml-6 { margin-left: 1.5rem; } #tw .p-0 { padding: 0; } #tw .p-1 { padding: 0.25rem; } #tw .p-2 { padding: 0.5rem; } #tw .p-3 { padding: 0.75rem; } #tw .p-4 { padding: 1rem; } #tw .p-5 { padding: 1.25rem; } #tw .p-6 { padding: 1.5rem; } #tw .p-8 { padding: 2rem; } #tw .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } #tw .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } #tw .px-4 { padding-left: 1rem; padding-right: 1rem; } #tw .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } #tw .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } #tw .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } #tw .py-4 { padding-top: 1rem; padding-bottom: 1rem; } #tw .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } #tw .pt-0 { padding-top: 0; } #tw .pt-1 { padding-top: 0.25rem; } #tw .pt-2 { padding-top: 0.5rem; } #tw .pt-4 { padding-top: 1rem; } #tw .pt-5 { padding-top: 1.25rem; } #tw .pt-6 { padding-top: 1.5rem; } #tw .pr-0 { padding-right: 0; } #tw .pr-2 { padding-right: 0.5rem; } #tw .pr-4 { padding-right: 1rem; } #tw .pr-6 { padding-right: 1.5rem; } #tw .pb-0 { padding-bottom: 0; } #tw .pb-2 { padding-bottom: 0.5rem; } #tw .pb-4 { padding-bottom: 1rem; } #tw .pb-5 { padding-bottom: 1.25rem; } #tw .pb-6 { padding-bottom: 1.5rem; } #tw .pl-0 { padding-left: 0; } #tw .pl-2 { padding-left: 0.5rem; } #tw .pl-4 { padding-left: 1rem; } #tw .pl-6 { padding-left: 1.5rem; } #tw .w-0 { width: 0; } #tw .w-4 { width: 1rem; } #tw .w-5 { width: 1.25rem; } #tw .w-6 { width: 1.5rem; } #tw .w-8 { width: 2rem; } #tw .w-10 { width: 2.5rem; } #tw .w-12 { width: 3rem; } #tw .w-14 { width: 3.5rem; } #tw .w-16 { width: 4rem; } #tw .w-20 { width: 5rem; } #tw .w-24 { width: 6rem; } #tw .w-32 { width: 8rem; } #tw .w-40 { width: 10rem; } #tw .w-48 { width: 12rem; } #tw .w-64 { width: 16rem; } #tw .w-full { width: 100%; } #tw .w-screen { width: 100vw; } #tw .w-auto { width: auto; } #tw .max-w-xs { max-width: 20rem; } #tw .max-w-sm { max-width: 24rem; } #tw .max-w-md { max-width: 28rem; } #tw .max-w-lg { max-width: 32rem; } #tw .max-w-xl { max-width: 36rem; } #tw .max-w-2xl { max-width: 42rem; } #tw .max-w-4xl { max-width: 56rem; } #tw .max-w-7xl { max-width: 80rem; } #tw .max-w-full { max-width: 100%; } #tw .min-w-0 { min-width: 0; } #tw .min-w-full { min-width: 100%; } #tw .h-0 { height: 0; } #tw .h-4 { height: 1rem; } #tw .h-5 { height: 1.25rem; } #tw .h-6 { height: 1.5rem; } #tw .h-8 { height: 2rem; } #tw .h-10 { height: 2.5rem; } #tw .h-12 { height: 3rem; } #tw .h-16 { height: 4rem; } #tw .h-20 { height: 5rem; } #tw .h-24 { height: 6rem; } #tw .h-32 { height: 8rem; } #tw .h-40 { height: 10rem; } #tw .h-48 { height: 12rem; } #tw .h-64 { height: 16rem; } #tw .h-96 { height: 24rem; } #tw .h-full { height: 100%; } #tw .h-screen { height: 100vh; } #tw .h-auto { height: auto; } #tw .min-h-0 { min-height: 0; } #tw .min-h-full { min-height: 100%; } #tw .min-h-screen { min-height: 100vh; } #tw .max-h-full { max-height: 100%; } #tw .max-h-screen { max-height: 100vh; } #tw .static { position: static; } #tw .fixed { position: fixed; } #tw .absolute { position: absolute; } #tw .relative { position: relative; } #tw .sticky { position: sticky; } #tw .inset-0 { top: 0; right: 0; bottom: 0; left: 0; } #tw .inset-x-0 { left: 0; right: 0; } #tw .inset-y-0 { top: 0; bottom: 0; } #tw .top-0 { top: 0; } #tw .right-0 { right: 0; } #tw .bottom-0 { bottom: 0; } #tw .left-0 { left: 0; } #tw .z-0 { z-index: 0; } #tw .z-10 { z-index: 10; } #tw .z-20 { z-index: 20; } #tw .z-30 { z-index: 30; } #tw .z-40 { z-index: 40; } #tw .z-50 { z-index: 50; } #tw .bg-transparent { background-color: transparent; } #tw .bg-white { background-color: #ffffff; } #tw .bg-gray-50 { background-color: #f9fafb; } #tw .bg-gray-100 { background-color: #f4f5f7; } #tw .bg-gray-200 { background-color: #e5e7eb; } #tw .bg-gray-300 { background-color: #d1d5db; } #tw .bg-gray-400 { background-color: #9ca3af; } #tw .bg-gray-500 { background-color: #6b7280; } #tw .bg-gray-600 { background-color: #4b5563; } #tw .bg-gray-700 { background-color: #374151; } #tw .bg-gray-800 { background-color: #1f2937; } #tw .bg-gray-900 { background-color: #111827; } #tw .bg-blue-50 { background-color: #eff6ff; } #tw .bg-blue-100 { background-color: #dbeafe; } #tw .bg-blue-500 { background-color: #3b82f6; } #tw .bg-blue-600 { background-color: #2563eb; } #tw .bg-green-50 { background-color: #f0fdf4; } #tw .bg-green-100 { background-color: #def7ec; } #tw .bg-green-500 { background-color: #22c55e; } #tw .bg-red-50 { background-color: #fef2f2; } #tw .bg-red-100 { background-color: #fee2e2; } #tw .bg-red-500 { background-color: #ef4444; } #tw .bg-indigo-600 { background-color: #5850ec; } #tw .hover\:bg-gray-50:hover { background-color: #f9fafb; } #tw .hover\:bg-gray-100:hover { background-color: #f4f5f7; } #tw .hover\:bg-gray-200:hover { background-color: #e5e7eb; } #tw .hover\:bg-indigo-500:hover { background-color: #6875f5; } #tw .focus\:bg-gray-50:focus { background-color: #f9fafb; } #tw .focus\:bg-gray-100:focus { background-color: #f4f5f7; } #tw .focus\:bg-gray-200:focus { background-color: #e5e7eb; } #tw .focus\:bg-gray-600:focus { background-color: #4b5563; } #tw .text-transparent { color: transparent; } #tw .text-white { color: #ffffff; } #tw .text-gray-300 { color: #d1d5db; } #tw .text-gray-400 { color: #9ca3af; } #tw .text-gray-500 { color: #6b7280; } #tw .text-gray-600 { color: #4b5563; } #tw .text-gray-700 { color: #374151; } #tw .text-gray-800 { color: #1f2937; } #tw .text-gray-900 { color: #111827; } #tw .text-blue-500 { color: #3b82f6; } #tw .text-blue-600 { color: #2563eb; } #tw .text-green-500 { color: #22c55e; } #tw .text-green-600 { color: #16a34a; } #tw .text-green-800 { color: #166534; } #tw .text-red-500 { color: #ef4444; } #tw .text-red-600 { color: #dc2626; } #tw .text-indigo-600 { color: #5850ec; } #tw .hover\:text-gray-500:hover { color: #6b7280; } #tw .hover\:text-gray-900:hover { color: #111827; } #tw .group:hover .group-hover\:text-gray-500 { color: #6b7280; } #tw .group:hover .group-hover\:text-gray-600 { color: #4b5563; } #tw .focus\:text-gray-900:focus { color: #111827; } #tw .group:focus .group-focus\:text-gray-500 { color: #6b7280; } #tw .group:focus .group-focus\:text-gray-600 { color: #4b5563; } #tw .text-xs { font-size: 0.75rem; line-height: 1rem; } #tw .text-sm { font-size: 0.875rem; line-height: 1.25rem; } #tw .text-base { font-size: 1rem; line-height: 1.5rem; } #tw .text-lg { font-size: 1.125rem; line-height: 1.75rem; } #tw .text-xl { font-size: 1.25rem; line-height: 1.75rem; } #tw .text-2xl { font-size: 1.5rem; line-height: 2rem; } #tw .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } #tw .font-normal { font-weight: 400; } #tw .font-medium { font-weight: 500; } #tw .font-semibold { font-weight: 600; } #tw .font-bold { font-weight: 700; } #tw .leading-4 { line-height: 1rem; } #tw .leading-5 { line-height: 1.25rem; } #tw .leading-6 { line-height: 1.5rem; } #tw .leading-7 { line-height: 1.75rem; } #tw .leading-8 { line-height: 2rem; } #tw .leading-none { line-height: 1; } #tw .leading-tight { line-height: 1.25; } #tw .leading-normal { line-height: 1.5; } #tw .leading-relaxed { line-height: 1.625; } #tw .text-left { text-align: left; } #tw .text-center { text-align: center; } #tw .text-right { text-align: right; } #tw .uppercase { text-transform: uppercase; } #tw .lowercase { text-transform: lowercase; } #tw .capitalize { text-transform: capitalize; } #tw .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #tw .border { border-width: 1px; } #tw .border-0 { border-width: 0; } #tw .border-2 { border-width: 2px; } #tw .border-4 { border-width: 4px; } #tw .border-t { border-top-width: 1px; } #tw .border-r { border-right-width: 1px; } #tw .border-b { border-bottom-width: 1px; } #tw .border-l { border-left-width: 1px; } #tw .border-t-0 { border-top-width: 0; } #tw .border-r-0 { border-right-width: 0; } #tw .border-b-0 { border-bottom-width: 0; } #tw .border-l-0 { border-left-width: 0; } #tw .border-transparent { border-color: transparent; } #tw .border-gray-100 { border-color: #f4f5f7; } #tw .border-gray-200 { border-color: #e5e7eb; } #tw .border-gray-300 { border-color: #d1d5db; } #tw .border-gray-400 { border-color: #9ca3af; } #tw .border-solid { border-style: solid; } #tw .border-dashed { border-style: dashed; } #tw .border-dotted { border-style: dotted; } #tw .border-none { border-style: none; } #tw .rounded-none { border-radius: 0; } #tw .rounded-sm { border-radius: 0.125rem; } #tw .rounded { border-radius: 0.25rem; } #tw .rounded-md { border-radius: 0.375rem; } #tw .rounded-lg { border-radius: 0.5rem; } #tw .rounded-xl { border-radius: 0.75rem; } #tw .rounded-2xl { border-radius: 1rem; } #tw .rounded-full { border-radius: 9999px; } #tw .shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } #tw .shadow { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } #tw .shadow-md { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } #tw .shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } #tw .shadow-xl { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } #tw .shadow-none { box-shadow: none; } #tw .overflow-auto { overflow: auto; } #tw .overflow-hidden { overflow: hidden; } #tw .overflow-visible { overflow: visible; } #tw .overflow-scroll { overflow: scroll; } #tw .overflow-x-auto { overflow-x: auto; } #tw .overflow-x-hidden { overflow-x: hidden; } #tw .overflow-y-auto { overflow-y: auto; } #tw .overflow-y-hidden { overflow-y: hidden; } #tw .overflow-y-scroll { overflow-y: scroll; } #tw .cursor-auto { cursor: auto; } #tw .cursor-default { cursor: default; } #tw .cursor-pointer { cursor: pointer; } #tw .cursor-move { cursor: move; } #tw .cursor-not-allowed { cursor: not-allowed; } #tw .opacity-0 { opacity: 0; } #tw .opacity-25 { opacity: 0.25; } #tw .opacity-50 { opacity: 0.5; } #tw .opacity-75 { opacity: 0.75; } #tw .opacity-100 { opacity: 1; } #tw .transition { transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } #tw .transition-all { transition-property: all; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } #tw .transition-colors { transition-property: background-color, border-color, color, fill, stroke; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } #tw .transition-opacity { transition-property: opacity; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } #tw .transition-transform { transition-property: transform; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } #tw .duration-75 { transition-duration: 75ms; } #tw .duration-100 { transition-duration: 100ms; } #tw .duration-150 { transition-duration: 150ms; } #tw .duration-200 { transition-duration: 200ms; } #tw .duration-300 { transition-duration: 300ms; } #tw .ease-linear { transition-timing-function: linear; } #tw .ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } #tw .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } #tw .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } #tw .transform { --transform-translate-x: 0; --transform-translate-y: 0; --transform-rotate: 0; --transform-skew-x: 0; --transform-skew-y: 0; --transform-scale-x: 1; --transform-scale-y: 1; transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); } #tw .translate-x-0 { --transform-translate-x: 0; } #tw .translate-y-0 { --transform-translate-y: 0; } #tw .-translate-x-full { transform: translateX(-100%); } #tw .translate-x-0 { transform: translateX(0); } #tw .float-right { float: right; } #tw .float-left { float: left; } #tw .float-none { float: none; } #tw .clearfix::after { content: ""; display: table; clear: both; } #tw .clear-both { clear: both; } #tw .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } #tw .outline-none { outline: 2px solid transparent; outline-offset: 2px; } #tw .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } @media (min-width: 640px) { #tw .sm\:flex { display: flex; } #tw .sm\:hidden { display: none; } #tw .sm\:block { display: block; } #tw .sm\:w-auto { width: auto; } #tw .sm\:w-full { width: 100%; } #tw .sm\:max-w-xs { max-width: 20rem; } } @media (min-width: 768px) { #tw .md\:flex { display: flex; } #tw .md\:hidden { display: none; } #tw .md\:block { display: block; } #tw .md\:inline { display: inline; } #tw .md\:flex-shrink-0 { flex-shrink: 0; } #tw .md\:w-auto { width: auto; } #tw .md\:w-64 { width: 16rem; } #tw .md\:w-full { width: 100%; } #tw .md\:pl-64 { padding-left: 16rem; } #tw .md\:ml-64 { margin-left: 16rem; } } @media (min-width: 1024px) { #tw .lg\:flex { display: flex; } #tw .lg\:hidden { display: none; } #tw .lg\:block { display: block; } #tw .lg\:w-auto { width: auto; } #tw .lg\:max-w-7xl { max-width: 80rem; } #tw .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; } } @media (min-width: 1280px) { #tw .xl\:flex { display: flex; } #tw .xl\:hidden { display: none; } #tw .xl\:block { display: block; } } .employee-avatar { position: relative; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; overflow: visible; flex-shrink: 0; background: linear-gradient(135deg, #E0E7FF 0%, #C7D2FE 100%); color: #4338CA; } .avatar-img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; } .avatar-initials { text-transform: uppercase; letter-spacing: -0.02em; user-select: none; } .avatar-status { position: absolute; bottom: -2px; right: -2px; width: 16px; height: 16px; border-radius: 50%; background: #FFFFFF; display: flex; align-items: center; justify-content: center; font-size: 9px; color: #16A34A; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); } .avatar--candidate { background: linear-gradient(135deg, #DBEAFE 0%, #BFDBFE 100%); color: #1D4ED8; } .avatar--employee { background: linear-gradient(135deg, #E0E7FF 0%, #C7D2FE 100%); color: #4338CA; } .avatar--manager { background: linear-gradient(135deg, #EDE9FE 0%, #DDD6FE 100%); color: #7C3AED; box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #A78BFA; } .avatar--former { background: linear-gradient(135deg, #F3F4F6 0%, #E5E7EB 100%); color: #6B7280; opacity: 0.7; } .avatar--temporary { background: linear-gradient(135deg, #FEF3C7 0%, #FDE68A 100%); color: #B45309; } .col-avatar { width: 56px; padding: 8px 12px !important; vertical-align: middle; } .reports-filter-header .filter-page-title { font-size: 16px; font-weight: 700; color: var(--oa-text-main, #1F2937); margin: 0; white-space: nowrap; display: flex; align-items: center; gap: 8px; } .reports-filter-header .filter-page-title i { color: var(--oa-brand-primary, #005aee); } .reports-filter-header .filter-tabs { margin-left: auto; } .reports-category { margin-bottom: 28px; } .reports-category:last-child { margin-bottom: 0; } .reports-category-title { font-size: 12px; font-weight: 600; color: #4B5563; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 12px; padding-left: 4px; display: flex; align-items: center; gap: 6px; } .reports-category-title i { font-size: 12px; color: #6B7280; } .reports-grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 1fr; gap: 16px; } @media (max-width: 991px) { .reports-grid { grid-template-columns: 1fr; grid-auto-rows: auto; } } .report-card-wrapper { display: flex; height: 100%; } .report-card { display: flex; align-items: flex-start; flex: 1; background: #FFFFFF; border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-lg, 12px); padding: 18px 24px; min-height: 96px; box-shadow: var(--oa-shadow-sm); transition: all var(--oa-duration-normal) var(--oa-ease-snap); cursor: pointer; } .report-card:hover { border-color: var(--oa-brand-primary); box-shadow: 0 6px 20px rgba(0, 85, 238, 0.15), 0 3px 8px rgba(0, 0, 0, 0.06); transform: translateY(-3px); } .report-card:hover .report-card-icon { transform: scale(1.05); } .report-card:hover .report-card-arrow { opacity: 1; transform: translateX(4px); } .report-card:hover .report-card-title { color: var(--oa-brand-primary); } .report-card-icon { flex-shrink: 0; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; margin-right: 16px; background: rgba(0, 90, 238, 0.06); border-radius: var(--oa-radius-md, 8px); transition: transform var(--oa-duration-normal) var(--oa-ease-snap); } .report-card-icon i { font-size: 20px; color: var(--oa-brand-primary, #005aee); } .report-card-icon img { max-width: 24px; max-height: 24px; object-fit: contain; filter: brightness(0) invert(1); } .report-card-content { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; } .report-card-meta { display: flex; align-items: center; gap: var(--oa-space-sm); margin-bottom: var(--oa-space-xs); } .report-card-category { font-size: 11px; color: #9CA3AF; text-transform: uppercase; letter-spacing: 0.06em; font-weight: 500; } .report-card-meta .badge { font-size: 11px !important; padding: 2px 8px !important; border-radius: var(--oa-radius-full) !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; background: #F3F4F6 !important; color: #6B7280 !important; } .report-card-title { font-size: 16px; font-weight: 600; color: #111827; margin: 0 0 6px 0; transition: color var(--oa-duration-fast) var(--oa-ease-snap); line-height: 1.4; } .report-card-description { font-size: 13px; color: #374151; margin: 0; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .report-card-arrow { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 24px; margin-left: var(--oa-space-md); opacity: 0.3; transition: all var(--oa-duration-normal) var(--oa-ease-snap); } .report-card-arrow i { font-size: 14px; color: var(--oa-text-muted); } .report-card--color-0 .report-card-icon { background: rgba(0, 90, 238, 0.08); } .report-card--color-0 .report-card-icon i { color: #005aee; } .report-card--color-0:hover { border-color: #005aee; box-shadow: 0 6px 20px rgba(0, 90, 238, 0.15), 0 3px 8px rgba(0, 0, 0, 0.06); } .report-card--color-0:hover .report-card-title { color: #005aee; } .report-card--color-1 .report-card-icon { background: rgba(139, 92, 246, 0.08); } .report-card--color-1 .report-card-icon i { color: #7C3AED; } .report-card--color-1:hover { border-color: #7C3AED; box-shadow: 0 6px 20px rgba(139, 92, 246, 0.15), 0 3px 8px rgba(0, 0, 0, 0.06); } .report-card--color-1:hover .report-card-title { color: #7C3AED; } .report-card--color-2 .report-card-icon { background: rgba(20, 184, 166, 0.08); } .report-card--color-2 .report-card-icon i { color: #0D9488; } .report-card--color-2:hover { border-color: #0D9488; box-shadow: 0 6px 20px rgba(20, 184, 166, 0.15), 0 3px 8px rgba(0, 0, 0, 0.06); } .report-card--color-2:hover .report-card-title { color: #0D9488; } .report-card--color-3 .report-card-icon { background: rgba(249, 115, 22, 0.08); } .report-card--color-3 .report-card-icon i { color: #EA580C; } .report-card--color-3:hover { border-color: #EA580C; box-shadow: 0 6px 20px rgba(249, 115, 22, 0.15), 0 3px 8px rgba(0, 0, 0, 0.06); } .report-card--color-3:hover .report-card-title { color: #EA580C; } .report-card--color-4 .report-card-icon { background: rgba(244, 63, 94, 0.08); } .report-card--color-4 .report-card-icon i { color: #E11D48; } .report-card--color-4:hover { border-color: #E11D48; box-shadow: 0 6px 20px rgba(244, 63, 94, 0.15), 0 3px 8px rgba(0, 0, 0, 0.06); } .report-card--color-4:hover .report-card-title { color: #E11D48; } .report-generic-table th, .report-generic-table td { text-align: left; } .report-generic-table th.report-col-numeric, .report-generic-table td.report-col-numeric { text-align: right; } .report-generic-table td.report-col-numeric, .report-generic-table td.report-col-short { white-space: nowrap; } .report-generic-table th.report-col-long, .report-generic-table td.report-col-long { min-width: 240px; } /* start Candidate-test */ #extr-page { background: transparent; height: 100%; } #extr-page #header { height: 0px; padding: 0; background: transparent !important; border-bottom: none !important; color: #ffffff; } #extr-page #header > div { height: 0px; background-color: #434e5d !important; } #extr-page #header .pull-left { padding-top: 8px; } #extr-page #header .pull-right .font-lg { font-size: 150% !important; line-height: 1.1; padding-top: 2px; } #extr-page #header .pull-right .btn { margin-top: -8px; padding: 3px 6px; } .candidate-test-pages .feature { min-height: 340px; z-index: 999; } #extr-page .candidate-test, #extr-page body .candidate-test { min-height: 100%; height: auto; margin: 0 auto -40px; padding: 0 0 30px; } #extr-page .candidate-test inputp[type=answer_pattern], #extr-page body .candidate-test inputp[type=answer_pattern] { border: 2px solid #c7d9fc !important; } #extr-page .candidate-test .btn, #extr-page body .candidate-test .btn { text-transform: none !important; } #extr-page .candidate-test .likert-scale, #extr-page body .candidate-test .likert-scale { padding-bottom: 50px; padding-top: 50px; } #extr-page .candidate-test .candidate-test-pages, #extr-page .candidate-test .main-content-box, #extr-page body .candidate-test .candidate-test-pages, #extr-page body .candidate-test .main-content-box { padding-bottom: 50px; } #extr-page .candidate-test .candidate-test-pages .choose-test-page .content-holder, #extr-page .candidate-test .main-content-box .choose-test-page .content-holder, #extr-page body .candidate-test .candidate-test-pages .choose-test-page .content-holder, #extr-page body .candidate-test .main-content-box .choose-test-page .content-holder { max-width: 800px; margin: 0 auto; z-index: 9999; } #extr-page .candidate-test .candidate-test-pages .choose-test-page .content-holder .icons-row, #extr-page .candidate-test .main-content-box .choose-test-page .content-holder .icons-row, #extr-page body .candidate-test .candidate-test-pages .choose-test-page .content-holder .icons-row, #extr-page body .candidate-test .main-content-box .choose-test-page .content-holder .icons-row { padding: 20px; background-color: #f6f6f6; } #extr-page .candidate-test .candidate-test-pages .choose-test-page .content-holder .col-sm-4 .bordered, #extr-page .candidate-test .main-content-box .choose-test-page .content-holder .col-sm-4 .bordered, #extr-page body .candidate-test .candidate-test-pages .choose-test-page .content-holder .col-sm-4 .bordered, #extr-page body .candidate-test .main-content-box .choose-test-page .content-holder .col-sm-4 .bordered { padding: 20px; } #extr-page .candidate-test .candidate-test-pages .choose-test-page .content-holder .img-holder img, #extr-page .candidate-test .main-content-box .choose-test-page .content-holder .img-holder img, #extr-page body .candidate-test .candidate-test-pages .choose-test-page .content-holder .img-holder img, #extr-page body .candidate-test .main-content-box .choose-test-page .content-holder .img-holder img { margin: 0 auto; } #extr-page .candidate-test .candidate-test-pages .choose-test-page .content-holder img, #extr-page .candidate-test .main-content-box .choose-test-page .content-holder img, #extr-page body .candidate-test .candidate-test-pages .choose-test-page .content-holder img, #extr-page body .candidate-test .main-content-box .choose-test-page .content-holder img { opacity: 1; filter: alpha(opacity=1); /* For IE8 and earlier */ } #extr-page .candidate-test .candidate-test-pages .choose-test-page .content-holder img.finished, #extr-page .candidate-test .main-content-box .choose-test-page .content-holder img.finished, #extr-page body .candidate-test .candidate-test-pages .choose-test-page .content-holder img.finished, #extr-page body .candidate-test .main-content-box .choose-test-page .content-holder img.finished { opacity: 1; filter: alpha(opacity=100); } #extr-page .candidate-test .candidate-test-pages .choose-test-page .clearfix img, #extr-page .candidate-test .main-content-box .choose-test-page .clearfix img, #extr-page body .candidate-test .candidate-test-pages .choose-test-page .clearfix img, #extr-page body .candidate-test .main-content-box .choose-test-page .clearfix img { display: inline-block; max-width: 50px; margin-right: 20px; } #extr-page .candidate-test .candidate-test-pages .choose-test-page div.text-center, #extr-page .candidate-test .main-content-box .choose-test-page div.text-center, #extr-page body .candidate-test .candidate-test-pages .choose-test-page div.text-center, #extr-page body .candidate-test .main-content-box .choose-test-page div.text-center { margin-top: 50px; } #extr-page .footer, #extr-page body .footer { height: 40px; } #extr-page .footer .content, #extr-page body .footer .content { padding: 15px 0 0 0; } #extr-page .footer .content .font-xs, #extr-page body .footer .content .font-xs { font-size: 11px !important; margin-left: 8px; } .text-muted { color: #8590a7; } .candidate-test { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */ user-select: none; /*.pagination-holder { text-align: center; height: 42px; .pagination { margin: 3px 0; border: 1px solid #dddddd; } } .pagination>li { &>a, &>span { border-top: none; border-bottom: none; padding: 7px 14px; font-size: $font-size-sm; // 14px box-shadow: none; } &:first-child>a { border-left: none; } &:last-child>a { border-right: none; } } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { background-color: #f6f6f6; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { color: #214e75; background-color: $bg-tertiary; border-color: #dddddd; }*/ } .candidate-test .main-progress .progress { height: 15px; z-index: 300; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .candidate-test .main-progress .progress .progress-bar { background-color: #3f3fa1; } .candidate-test .likert-scale { padding-bottom: 50px; padding-top: 50px; } .candidate-test header { height: 44px !important; } .candidate-test header .pull-left { font-size: 13.5px; } .candidate-test header .list-inline .text-muted { font-weight: 300; } .candidate-test header .list-inline li { padding: 0; } .candidate-test header .list-inline span { display: block; } .candidate-test header .list-inline i.fa { color: #f0ad4e; font-size: 18px; padding-left: 10px; } .candidate-test .coding-test { padding: 0 13px; } .candidate-test .coding-test article { padding: 13px; } .candidate-test .coding-test article .pull-right .btn { padding: 3px 6px; margin-top: 6px; } .candidate-test .coding-test article .tab-content-1 .tab-pane { min-height: 300px; } .candidate-test .coding-test article .tab-content-2 .tab-pane { min-height: 100px; } .candidate-test .coding-test article.col-md-4 { border-right: 1px solid #888888; min-height: 572px; } .candidate-test .code-question-edit .col-1 { width: 12.4%; } .candidate-test .code-question-edit .col-1 .icon-append { width: 40px; } .candidate-test .code-question-edit .smart-form .input .icon-append + input { padding-right: 60px; } .candidate-test .code-question-edit .border-top { border-top: 1px solid #888888; } .candidate-test .code-question-edit .pull-right.checkbox { padding-right: 15px; margin-top: 8px; } .candidate-test .tests-list div { margin-top: 0px !important; } .candidate-test .tests-list .test { background-color: #f6f6ff !important; } .candidate-test .tests-list .active { background-color: #f6f6ff !important; padding: 10px; background-color: white; border: 2px solid #798ba3; border-radius: 6px; } .candidate-test .tests-list .next { padding: 10px; background-color: white; border: 2px solid #e6e6e6; } .candidate-test .tests-list .finished { border: 1px solid lightsteelblue; } /* Numeric Reasoning - RND prefix styling */ .nr-prefix { font-size: 0.85em; font-weight: 500; margin-right: 4px; padding: 2px 6px; border-radius: 4px; display: inline-block; min-width: 70px; text-align: center; } .nr-prefix-positive { color: #059669; background-color: rgba(5, 150, 105, 0.1); } .nr-prefix-negative { color: #dc2626; background-color: rgba(220, 38, 38, 0.1); } .candidate-test-pages.main-content-box { background-color: var(--oa-bg-base, #F5F5F7); } .candidate-test-pages.main-content-box .row.no-gutter { background-color: transparent; } .candidate-test-pages .card.margin-bottom-10, .candidate-test-pages .card.margin-bottom-15 { background: rgba(255, 255, 255, 0.95); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-lg, 12px); box-shadow: var(--oa-shadow-sm); transition: all 0.2s var(--oa-ease-spring); } .candidate-test-pages .card.margin-bottom-10:hover, .candidate-test-pages .card.margin-bottom-15:hover { box-shadow: var(--oa-shadow-md); } .candidate-test-pages .card.margin-bottom-10.active, .candidate-test-pages .card.margin-bottom-15.active { border-color: var(--oa-brand-primary, #005aee); background: rgba(255, 255, 255, 0.98); box-shadow: var(--oa-shadow-md), 0 0 0 1px rgba(0, 90, 238, 0.1); } .candidate-test-pages .card.margin-bottom-10 .card-body, .candidate-test-pages .card.margin-bottom-15 .card-body { padding: var(--oa-space-lg, 16px) var(--oa-space-xl, 24px); } .candidate-test-pages .card .card-body h5.h5:first-of-type { font-size: 12px !important; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; padding: 4px 10px; border-radius: 6px; display: inline-block; margin-bottom: 8px; background-color: var(--oa-slate-200, #E2E8F0); color: var(--oa-slate-600, #475569); } .candidate-test-pages .card .card-body h4.h4 { font-size: 18px !important; font-weight: 600; color: var(--oa-text-main, #1F2937); margin-bottom: 8px; line-height: 1.3; } .candidate-test-pages .card .card-body h5.h5:last-of-type { font-size: 13px !important; font-weight: 400; color: var(--oa-text-muted, #4B5563); line-height: 1.5; } .candidate-test-pages .card .card-body h5.h5:last-of-type span { margin-right: 16px; display: inline-block; } .candidate-test-pages .card .card-body h5.h5:last-of-type i.fa-duotone, .candidate-test-pages .card .card-body h5.h5:last-of-type i.fas { color: var(--oa-text-light, #6B7280); margin-right: 4px; } [data-test-type=GA] h5.h5:first-of-type, .card .card-body h5.h5:first-of-type[class*=GA], .test-type-GA { background-color: #DBEAFE !important; color: #1D4ED8 !important; } [data-test-type=PE] h5.h5:first-of-type, .card .card-body h5.h5:first-of-type[class*=PE], .test-type-PE { background-color: #FEF3C7 !important; color: #B45309 !important; } [data-test-type=KN] h5.h5:first-of-type, .card .card-body h5.h5:first-of-type[class*=KN], .test-type-KN { background-color: #DCFCE7 !important; color: #166534 !important; } [data-test-type=LANG] h5.h5:first-of-type, .card .card-body h5.h5:first-of-type[class*=LANG], .test-type-LANG { background-color: #E0F2FE !important; color: #0369A1 !important; } [data-test-type=WORK_ENVIRONMENT] h5.h5:first-of-type, .test-type-WORK_ENVIRONMENT { background-color: #F1F5F9 !important; color: #475569 !important; } [data-test-type=one_way_interview_assessment] h5.h5:first-of-type, .test-type-one_way_interview { background-color: #F3E8FF !important; color: #7C3AED !important; } .diagram-answers .card-body, .diagram-answer .card-body { font-family: var(--oa-font-family) !important; } .diagram-answers .card-body *:not([class*=fa-]):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad), .diagram-answer .card-body *:not([class*=fa-]):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad) { font-family: inherit !important; } .diagram-answers .card-body code, .diagram-answers .card-body pre, .diagram-answer .card-body code, .diagram-answer .card-body pre { font-family: var(--oa-font-mono) !important; } #mode-group.btn-group { display: inline-flex; align-items: stretch; min-height: 40px; background: var(--oa-bg-white, #F8FAFC); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-md, 8px); overflow: hidden; vertical-align: middle; } #mode-group.btn-group label.btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 40px; height: 100%; margin: 0 !important; padding: 0 14px; border-radius: 0; border: none; border-right: 1px solid var(--oa-border-color, #E5E7EB); font-size: 14px; font-weight: 500; line-height: 1; transition: all 0.15s ease; box-sizing: border-box; } #mode-group.btn-group label.btn input[type=radio] { position: absolute; opacity: 0; width: 0; height: 0; margin: 0; padding: 0; } #mode-group.btn-group label.btn:last-child { border-right: none; } #mode-group.btn-group label.btn:hover { background-color: var(--oa-bg-hover, #F8FAFD); } #mode-group.btn-group label.btn.active, #mode-group.btn-group label.btn:has(input:checked) { background-color: var(--oa-brand-primary, #005aee); color: white; } #mode-group.btn-group label.btn.solution { background-color: var(--oa-success-bg, #F0FDF4); color: var(--oa-success-text, #166534); border-color: var(--oa-success-border, #DCFCE7); } .radio-toolbar.with-text .diagram-answer.row { margin-bottom: var(--oa-space-lg, 16px); } .radio-toolbar.with-text .diagram-answer.row .card.margin-bottom-5 { margin-bottom: 0; } .radio-toolbar.with-text .card-body.padding-top-0 { padding: var(--oa-space-md, 12px) var(--oa-space-lg, 16px) var(--oa-space-lg, 16px); } .radio-toolbar.with-text .card-body.padding-top-0 .row.nomargine:nth-child(3), .radio-toolbar.with-text .card-body.padding-top-0 .row.nomargine.padding-top-20 { margin-bottom: var(--oa-space-md, 12px) !important; } .diagram-answer .card { background: rgba(255, 255, 255, 0.95); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-md, 8px); box-shadow: var(--oa-shadow-sm); } .assessment .card .btn-group, .assessment .card-body .btn-group, .diagram .card .btn-group:not(#mode-group), .answer-holder .btn-group { display: inline-flex; align-items: stretch; justify-content: center; border-radius: var(--oa-radius-md, 8px); overflow: hidden; background: var(--oa-bg-white, #F8FAFC); border: 1px solid var(--oa-border-color, #E5E7EB); } .assessment .card .btn-group > label.btn, .assessment .card .btn-group > .btn, .assessment .card-body .btn-group > label.btn, .assessment .card-body .btn-group > .btn, .diagram .card .btn-group:not(#mode-group) > label.btn, .diagram .card .btn-group:not(#mode-group) > .btn, .answer-holder .btn-group > label.btn, .answer-holder .btn-group > .btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 32px; min-width: 32px; margin: 0 !important; padding: 6px 12px; border: none !important; border-right: 1px solid var(--oa-border-color, #E5E7EB) !important; border-radius: 0 !important; font-size: 14px; font-weight: 500; line-height: 1; transition: all 0.15s ease; } .assessment .card .btn-group > label.btn:last-child, .assessment .card .btn-group > .btn:last-child, .assessment .card-body .btn-group > label.btn:last-child, .assessment .card-body .btn-group > .btn:last-child, .diagram .card .btn-group:not(#mode-group) > label.btn:last-child, .diagram .card .btn-group:not(#mode-group) > .btn:last-child, .answer-holder .btn-group > label.btn:last-child, .answer-holder .btn-group > .btn:last-child { border-right: none !important; } .assessment .card .btn-group > label.btn:hover, .assessment .card .btn-group > .btn:hover, .assessment .card-body .btn-group > label.btn:hover, .assessment .card-body .btn-group > .btn:hover, .diagram .card .btn-group:not(#mode-group) > label.btn:hover, .diagram .card .btn-group:not(#mode-group) > .btn:hover, .answer-holder .btn-group > label.btn:hover, .answer-holder .btn-group > .btn:hover { background-color: var(--oa-bg-hover, #F8FAFD); } .assessment .card .btn-group > label.btn.active, .assessment .card .btn-group > label.btn.chosen, .assessment .card .btn-group > label.btn:has(input:checked), .assessment .card .btn-group > .btn.active, .assessment .card .btn-group > .btn.chosen, .assessment .card .btn-group > .btn:has(input:checked), .assessment .card-body .btn-group > label.btn.active, .assessment .card-body .btn-group > label.btn.chosen, .assessment .card-body .btn-group > label.btn:has(input:checked), .assessment .card-body .btn-group > .btn.active, .assessment .card-body .btn-group > .btn.chosen, .assessment .card-body .btn-group > .btn:has(input:checked), .diagram .card .btn-group:not(#mode-group) > label.btn.active, .diagram .card .btn-group:not(#mode-group) > label.btn.chosen, .diagram .card .btn-group:not(#mode-group) > label.btn:has(input:checked), .diagram .card .btn-group:not(#mode-group) > .btn.active, .diagram .card .btn-group:not(#mode-group) > .btn.chosen, .diagram .card .btn-group:not(#mode-group) > .btn:has(input:checked), .answer-holder .btn-group > label.btn.active, .answer-holder .btn-group > label.btn.chosen, .answer-holder .btn-group > label.btn:has(input:checked), .answer-holder .btn-group > .btn.active, .answer-holder .btn-group > .btn.chosen, .answer-holder .btn-group > .btn:has(input:checked) { background-color: var(--oa-brand-primary, #005aee); color: white; } .btn-group-lg > label.btn, .btn-group.btn-group-lg > .btn { min-width: 40px; min-height: 40px; padding: 8px 14px; } .diagram .bin, .diagram-answer .bin { font-weight: 500; } .diagram .bin:not(:has(i[class*=fa])), .diagram-answer .bin:not(:has(i[class*=fa])) { font-family: var(--oa-font-mono) !important; } .diagram .bin i[class*=fa-], .diagram .bin i.fa, .diagram .bin i.fas, .diagram .bin i.far, .diagram .bin i.fal, .diagram .bin i.fab, .diagram .bin i.fad, .diagram-answer .bin i[class*=fa-], .diagram-answer .bin i.fa, .diagram-answer .bin i.fas, .diagram-answer .bin i.far, .diagram-answer .bin i.fal, .diagram-answer .bin i.fab, .diagram-answer .bin i.fad { font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free", "Font Awesome 6 Duotone" !important; font-weight: 900; } .diagram .bin i[class*=fa-].fa-regular, .diagram .bin i[class*=fa-].far, .diagram .bin i.fa.fa-regular, .diagram .bin i.fa.far, .diagram .bin i.fas.fa-regular, .diagram .bin i.fas.far, .diagram .bin i.far.fa-regular, .diagram .bin i.far.far, .diagram .bin i.fal.fa-regular, .diagram .bin i.fal.far, .diagram .bin i.fab.fa-regular, .diagram .bin i.fab.far, .diagram .bin i.fad.fa-regular, .diagram .bin i.fad.far, .diagram-answer .bin i[class*=fa-].fa-regular, .diagram-answer .bin i[class*=fa-].far, .diagram-answer .bin i.fa.fa-regular, .diagram-answer .bin i.fa.far, .diagram-answer .bin i.fas.fa-regular, .diagram-answer .bin i.fas.far, .diagram-answer .bin i.far.fa-regular, .diagram-answer .bin i.far.far, .diagram-answer .bin i.fal.fa-regular, .diagram-answer .bin i.fal.far, .diagram-answer .bin i.fab.fa-regular, .diagram-answer .bin i.fab.far, .diagram-answer .bin i.fad.fa-regular, .diagram-answer .bin i.fad.far { font-weight: 400; } .diagram .bin i[class*=fa-].fa-light, .diagram .bin i[class*=fa-].fal, .diagram .bin i.fa.fa-light, .diagram .bin i.fa.fal, .diagram .bin i.fas.fa-light, .diagram .bin i.fas.fal, .diagram .bin i.far.fa-light, .diagram .bin i.far.fal, .diagram .bin i.fal.fa-light, .diagram .bin i.fal.fal, .diagram .bin i.fab.fa-light, .diagram .bin i.fab.fal, .diagram .bin i.fad.fa-light, .diagram .bin i.fad.fal, .diagram-answer .bin i[class*=fa-].fa-light, .diagram-answer .bin i[class*=fa-].fal, .diagram-answer .bin i.fa.fa-light, .diagram-answer .bin i.fa.fal, .diagram-answer .bin i.fas.fa-light, .diagram-answer .bin i.fas.fal, .diagram-answer .bin i.far.fa-light, .diagram-answer .bin i.far.fal, .diagram-answer .bin i.fal.fa-light, .diagram-answer .bin i.fal.fal, .diagram-answer .bin i.fab.fa-light, .diagram-answer .bin i.fab.fal, .diagram-answer .bin i.fad.fa-light, .diagram-answer .bin i.fad.fal { font-weight: 300; } .sophia.full-screen { background: var(--oa-bg-base, #F5F5F7); } .sophia.full-screen .card { background: rgba(255, 255, 255, 0.95); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-lg, 12px); box-shadow: var(--oa-shadow-sm); } .sophia.full-screen .card .card-left { background: transparent; } .sophia.full-screen .card .card-left i.fa-duotone { color: var(--oa-brand-primary, #005aee); opacity: 0.85; } .sophia.full-screen .card .card-body { font-size: 14px; line-height: 1.5; color: var(--oa-text-secondary, #374151); } .answersList ul.list { background-color: var(--oa-bg-card, #F9FAFB) !important; border: 1px solid var(--oa-border-color, #E5E7EB) !important; border-radius: var(--oa-radius-lg, 12px) !important; padding: var(--oa-space-md, 12px) !important; min-height: 400px !important; } .answersList ul.list li.item { background: var(--oa-bg-white, #fff) !important; border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-md, 8px) !important; padding: 12px 14px !important; margin-bottom: 8px; cursor: grab !important; transition: box-shadow 0.15s ease, border-color 0.15s ease; font-size: 14px; line-height: 1.5; } .answersList ul.list li.item:hover { border-color: var(--oa-brand-primary, #005aee); box-shadow: var(--oa-shadow-sm); background-color: var(--oa-bg-white, #fff) !important; } .answersList ul.list li.item:active { cursor: grabbing !important; box-shadow: var(--oa-shadow-md); } .answersList ul.list li.item .badge { background-color: var(--oa-brand-primary, #005aee) !important; color: white !important; width: 28px; height: 28px; border-radius: 50%; display: inline-flex !important; align-items: center; justify-content: center; font-size: 13px; font-weight: 600; padding: 0 !important; } .answersList ul.list li.item .fa-arrow-circle-right { color: var(--oa-brand-primary, #005aee); opacity: 0.7; transition: opacity 0.15s ease; } .answersList ul.list li.item:hover .fa-arrow-circle-right { opacity: 1; } .radio-toolbar.with-text .row.coin { background: var(--oa-bg-white, #fff); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-md, 8px); padding: 14px 16px !important; margin-bottom: 8px !important; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .radio-toolbar.with-text .row.coin:hover { border-color: rgba(0, 90, 238, 0.3); box-shadow: var(--oa-shadow-sm); } .radio-toolbar.with-text .row.coin .answer-text { font-size: 14px; line-height: 1.5; color: var(--oa-text-main, #1F2937); } .radio-toolbar.with-text .row.coin .token-button { color: var(--oa-text-muted, #64748B); transition: color 0.15s ease; } .radio-toolbar.with-text .row.coin .token-button:hover { color: var(--oa-brand-primary, #005aee); } .coin-item-badge { display: inline-flex !important; align-items: center; justify-content: center; min-width: 36px; height: 36px; border-radius: var(--oa-radius-md, 8px); background: var(--oa-bg-base, #F5F5F7); color: var(--oa-text-main, #1F2937); font-weight: 600; font-variant-numeric: tabular-nums; } .radio-toolbar.with-text .diagram-answer .card, .radio-toolbar.with-text > div > label.border-radius { border-radius: var(--oa-radius-md, 8px); margin-bottom: 10px; } .radio-toolbar.with-text .card .card-body { padding: 14px 16px !important; } .candidate-test .row.no-gutter > div[style*="position: fixed"], .candidate-test .row.no-gutter > div[style*="position:fixed"] { background: var(--oa-bg-white, #fff); border-bottom: 1px solid var(--oa-border-color, #E5E7EB); box-shadow: var(--oa-shadow-sm); } .candidate-test .assessment, .candidate-test .candidate-test-pages { padding-top: 54px; } .option-input:checked::after { animation: none !important; display: none !important; } .assessment .card.padding-top-30 p, .assessment .card.padding-top-30 div, .assessment .card.padding-top-30 span { font-family: var(--oa-font-family, "Inter", system-ui, sans-serif) !important; font-size: 14px !important; line-height: 1.65 !important; color: var(--oa-text-secondary, #374151) !important; } .radio-toolbar.with-text .card-body .answer-text, .radio-toolbar.with-text .card .card-body .bold.font-md, .radio-toolbar.with-text .card-body [ng-bind-html] { font-size: 13px !important; line-height: 1.55 !important; } .answer-choice .radio-toolbar .oa-answer-native { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .answer-choice .radio-toolbar label:has(> .oa-answer-native:focus-visible) { outline: var(--focus-ring); outline-offset: var(--focus-ring-offset); } .answer-choice .btn-group label:has(> .oa-answer-native:focus-visible) { outline: var(--focus-ring); outline-offset: var(--focus-ring-offset); } .likert-scale [role=radio]:focus-visible { outline: var(--focus-ring) !important; outline-offset: var(--focus-ring-offset); } .choice-correct-answer.chosen, div.answer-choice label.choice-correct-answer.chosen { background-color: var(--oa-success-border, #DCFCE7) !important; color: var(--oa-success-text, #166534) !important; } .choice-correct-answer.chosen .choice-white-text, div.answer-choice label.choice-correct-answer.chosen .choice-white-text { color: var(--oa-success-text, #166534) !important; } /* end Candidate-test */ .assessment-container { padding-left: 0; padding-right: 0; } #assessment-results section.card { border: none !important; } #assessment-results .row.no-gutter { margin-left: 0 !important; margin-right: 0 !important; } #assessment-results .card .card { border: none !important; } #assessment-results .card-body { border: none !important; box-shadow: none !important; } #assessment-results h4.bold, #assessment-results h4.h4.bold, #assessment-results .h4.bold { font-size: 18px !important; font-weight: 700 !important; color: #1F2937 !important; line-height: 1.3 !important; } #assessment-results h5.bold, #assessment-results h5.h5.bold, #assessment-results .h5.bold { font-size: var(--oa-text-h3) !important; font-weight: 600 !important; color: var(--oa-text-main) !important; line-height: 1.4 !important; } #assessment-results h5.pe-dimension-headline, #assessment-results .h5.pe-dimension-headline { font-size: var(--oa-text-body) !important; font-weight: 400 !important; color: var(--oa-text-light) !important; line-height: 1.5 !important; font-style: italic !important; } #assessment-results h5:not(.bold):not(.pe-dimension-headline):not([class*=h5]) { font-size: var(--oa-text-h3) !important; font-weight: 600 !important; color: var(--oa-text-muted) !important; line-height: 1.4 !important; } #assessment-results h6.bold { font-size: var(--oa-text-sm) !important; font-weight: 600 !important; color: var(--oa-text-muted) !important; text-transform: uppercase; letter-spacing: var(--oa-tracking-wide); } #assessment-results .assessment-result-results-box > h5:not(.bold):not(.pe-dimension-headline), #assessment-results .assessment-result-results-box > .row > h5, #assessment-results .row.no-gutter > h5.bold { font-size: var(--oa-text-subtitle) !important; font-weight: 700 !important; color: var(--oa-text-main) !important; line-height: 1.3 !important; } #assessment-results p, #assessment-results .font-sm { font-size: 13.5px; line-height: 1.5; color: #374151; } #assessment-results .modal-body h4, #assessment-results .modal-body h4.bold { font-size: 16px !important; font-weight: 600 !important; } #assessment-results .modal-body h5, #assessment-results .modal-body h5.bold { font-size: 14px !important; font-weight: 600 !important; } #assessment-results .modal-body p, #assessment-results .modal-body .font-sm { font-size: 13px !important; line-height: 1.5 !important; } #assessment-results .assessment-result-results-box-label { font-size: var(--oa-text-sm) !important; font-weight: 600 !important; text-transform: uppercase; letter-spacing: var(--oa-tracking-wide); color: var(--oa-text-muted) !important; margin-top: 0; margin-bottom: var(--oa-space-xs); } #assessment-results .assessment-result-results-box .assessment-result-results-box-label { margin-bottom: var(--oa-space-lg); } #assessment-results .results-label-description { display: block; font-weight: 400; color: var(--oa-text-secondary); font-size: var(--oa-text-sm); } #assessment-results .assessment-result-results-box { background-color: var(--oa-bg-white) !important; border: 1px solid var(--oa-border-color) !important; border-radius: var(--oa-radius-lg) !important; padding: var(--oa-space-md) var(--oa-space-xl) !important; } #assessment-results .assessment-result-results-box h5 { font-weight: 700; margin-bottom: var(--oa-space-md); } #assessment-results .assessment-result-results-box ul { list-style: disc outside; padding-left: 1em; margin-bottom: var(--oa-space-md); } #assessment-results .assessment-result-results-box li { margin-bottom: var(--oa-space-xs); line-height: 1.5; } #assessment-results .assessment-result-results-box p { margin-bottom: var(--oa-space-md); } #assessment-results .assessment-result-results-box.orange-box { background-color: var(--oa-bg-white) !important; border-color: var(--oa-warning-border) !important; } #assessment-results .assessment-result-results-box.bg-white { background-color: var(--oa-bg-white) !important; } #assessment-results .assessment-result-results-box .orange-label, #assessment-results .assessment-result-results-box .blue-label { color: var(--oa-text-muted); text-transform: uppercase; font-size: var(--oa-text-label); letter-spacing: var(--oa-tracking-wide); } #assessment-results .row.equal .assessment-result-results-box { height: 100%; } #assessment-results .row:has(> [class*=col-] > .assessment-result-results-box) { display: flex; flex-wrap: wrap; align-items: stretch; } #assessment-results .row:has(> [class*=col-] > .assessment-result-results-box) > [class*=col-] { display: flex; flex-direction: column; } #assessment-results .row:has(> [class*=col-] > .assessment-result-results-box) > [class*=col-] > .assessment-result-results-box { flex: 1; height: auto; } #assessment-results .assessment-result-comment-box { background-color: var(--oa-bg-white) !important; border: 1px solid var(--oa-border-color) !important; border-radius: var(--oa-radius-lg) !important; padding: var(--oa-space-md) var(--oa-space-xl) !important; margin-bottom: var(--oa-space-xl) !important; } #assessment-results .assessment-result-note { background-color: var(--oa-warning-bg) !important; border: 1px solid var(--oa-warning-border) !important; border-radius: var(--oa-radius-lg) !important; padding: var(--oa-space-xl) !important; text-align: left !important; } #assessment-results .row.no-gutter > [class*=col-md-6]:first-child > .assessment-result-results-box, #assessment-results .row.no-gutter > [class*=col-md-6]:first-child > .row.no-gutter > .assessment-result-results-box, #assessment-results .no-gutter.row > [class*=col-md-6]:first-child > .assessment-result-results-box, #assessment-results .no-gutter.row > [class*=col-md-6]:first-child > .row.no-gutter > .assessment-result-results-box { margin-right: var(--oa-space-md) !important; } #assessment-results .row.no-gutter > [class*=col-md-6]:last-child > .assessment-result-results-box, #assessment-results .row.no-gutter > [class*=col-md-6]:last-child > .row.no-gutter > .assessment-result-results-box, #assessment-results .no-gutter.row > [class*=col-md-6]:last-child > .assessment-result-results-box, #assessment-results .no-gutter.row > [class*=col-md-6]:last-child > .row.no-gutter > .assessment-result-results-box { margin-left: var(--oa-space-md) !important; } #assessment-results .assessment-result-results-box .row.no-gutter > .row > [class*=col]:first-child { padding-left: 0 !important; } #assessment-results .tag-gray { color: #374151 !important; background-color: #F3F4F6 !important; font-size: 11px !important; font-weight: 500 !important; padding: 4px 10px !important; border-radius: 16px !important; display: inline-block !important; } #assessment-results ul li { line-height: 1.5 !important; color: #374151 !important; } #assessment-results .assessment-result-info-color { color: #6B7280 !important; } #assessment-results .font-xs.xs-font-responsive, #assessment-results .xs-font-responsive { font-size: var(--oa-text-label) !important; } #assessment-results h5.d-flex.align-center:has(.score-label) { align-items: baseline !important; } #assessment-results .score-label { float: none !important; align-self: baseline; } #assessment-results .card, #assessment-results .card > .card-body { background: var(--oa-bg-white) !important; } #assessment-results > section.card { background: var(--oa-bg-white) !important; border: 1px solid var(--oa-border-color) !important; border-radius: var(--oa-radius-lg) !important; margin-bottom: var(--oa-space-lg) !important; box-shadow: var(--oa-shadow-sm) !important; padding: 0 !important; overflow: hidden; } @media (max-width: 768px) { #assessment-results > .card { margin-bottom: var(--oa-space-lg) !important; } body #assessment-results .card { padding: 15px !important; } body #assessment-results .card .card-body { padding: 0 !important; } } #assessment-results section.card section.card, #assessment-results .card .card, #assessment-results .card section.card { border: none !important; box-shadow: none !important; border-radius: 0 !important; background: transparent !important; } #assessment-results > section.card > .card-body { padding: var(--oa-space-xl) !important; } #assessment-results > section.card.print-page-break:not(.team-roles-section) > .card-body { padding-left: var(--oa-space-2xl) !important; padding-right: var(--oa-space-2xl) !important; } #assessment-results .row { margin-left: 0; margin-right: 0; } #assessment-results .card-body { padding: var(--oa-space-lg) var(--oa-space-xl) !important; } #assessment-results .progress { margin-bottom: var(--oa-space-md) !important; } #assessment-results .row.no-gutter { margin-left: 0 !important; margin-right: 0 !important; } #assessment-results .row.no-gutter > .col, #assessment-results .row.no-gutter > [class*=col-] { padding-left: 0 !important; padding-right: 0 !important; } #assessment-results .col.col-sm-6.col-xs-6 { padding-left: var(--oa-space-sm); padding-right: var(--oa-space-sm); } #assessment-results .card-body .row:has(> [class*=col] > .assessment-result-results-box-label) > [class*=col], #assessment-results .card-body .row:has(> [class*=col] > h4.bold) > [class*=col], #assessment-results .card-body .row:has(> [class*=col].font-sm > span.assessment-result-info-color) > [class*=col] { padding-left: 0 !important; padding-right: 0 !important; } #assessment-results .card-body .row:has(> [class*=col] > .assessment-result-results-box-label), #assessment-results .card-body .row:has(> [class*=col] > h4.bold), #assessment-results .card-body .row:has(> [class*=col].font-sm > span.assessment-result-info-color) { margin-left: 0 !important; margin-right: 0 !important; } .modal-body #assessment-results .card-body .row.padding-bottom-20:not(.no-gutter):has(+ .assessment-result-info-color.italic) { padding-bottom: 0 !important; } #assessment-results > .card.hexaco-graphic > .card-body, #assessment-results > .card.motivation-report > .card-body { padding-top: var(--oa-space-xl) !important; } #assessment-results .inline-block[uib-tooltip*="T="] { top: auto !important; bottom: 10px !important; } #assessment-results .assessment-result-results-box h5 { font-weight: 700 !important; font-size: var(--oa-text-h3) !important; letter-spacing: 0 !important; line-height: 1.4 !important; color: var(--oa-text-muted) !important; } #assessment-results .assessment-result-results-box ul { font-size: var(--oa-text-h3) !important; line-height: 1.7 !important; } #assessment-results .assessment-result-info-color.italic { font-size: var(--oa-font-size-base) !important; } #assessment-results [class*=col].font-sm > .assessment-result-info-color { font-size: var(--oa-text-sm) !important; } #assessment-results section.card .card-body > .row > .col-md-12 > h4.text { margin-bottom: 2px !important; } .team-roles-section .assessment-result-results-box { background: var(--oa-bg-white); border: 1px solid var(--oa-border-color); border-radius: var(--oa-radius-lg); padding: var(--oa-space-lg) !important; margin-bottom: var(--oa-space-md); } .assessment-detail-header { display: flex; align-items: flex-start; gap: 8px; padding: 4px 0; width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .assessment-detail-header > .checkbox { margin: 0 !important; padding: 0 !important; flex-shrink: 0; margin-top: -1px !important; } .assessment-detail-header > .checkbox i { margin: 0; } .assessment-detail-header > div:nth-child(2) { flex: 1 1 auto; min-width: 0; } .assessment-detail-header > div:last-child { flex-shrink: 0; margin-left: auto; } .header-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 12px; min-height: 20px; } .header-meta .header-date { display: inline-flex; align-items: center; gap: 6px; color: #334155; } .header-meta .header-date i { color: #9ca3af; } .header-meta .header-action { display: inline-flex; align-items: center; gap: 4px; color: #005aee; font-size: 12px; font-weight: 500; text-transform: uppercase; transition: color 0.15s ease; } .header-meta .header-action:hover { color: #004ac2; text-decoration: none; } .header-meta .header-action i { font-size: 11px; } .status-badge i { margin-right: 4px; } .assessment-container .row.no-gutter:has(.assessment-badge) { display: flex !important; flex-wrap: wrap !important; gap: 4px !important; max-width: 100% !important; } .assessment-container .assessment-badge { float: none !important; } .assessment-container .profile-data, .assessment-container .candidate-table td { max-width: 100%; overflow-x: hidden; } .assessment-container input.search-input, .assessment-container input.form-control.search-input { background-color: #FFFFFF !important; border: 1px solid #E7E5E4 !important; border-radius: 6px !important; } .assessment-container input.search-input:focus, .assessment-container input.form-control.search-input:focus { border-color: #A8A29E !important; box-shadow: 0 0 0 2px rgba(168, 162, 158, 0.15) !important; } .assessment-container .filter-card { margin-bottom: 0 !important; padding: 8px 0 !important; } body:has(.assessment-container) #header .nav-page-title { display: none !important; } .result-container { display: flex; gap: 10px; padding: 6px 0; flex-wrap: wrap; min-height: 40px; } @media (max-width: 991px) { .result-container { flex-direction: column; } } .result-group-column { flex: 1 1 280px; min-width: 0; background: transparent; border: none; border-radius: 0; padding: 4px 8px 4px 12px; } .result-group-column.empty { display: none; } .result-group-column .result-group-header { background: transparent; padding: 0 0 4px 0; margin: 0 0 4px 0; border-bottom: none; font-weight: 600; font-size: 10px; text-transform: uppercase; letter-spacing: 0.05em; color: #6B7280; text-align: left; } .result-tests-container { display: flex; flex-wrap: wrap; gap: 8px; } .result-tests-container .result-test-item { flex: 1 1 calc(50% - 4px); min-width: 240px; padding: 6px 8px; font-size: 13px; background: transparent; border-radius: 0; border: none; border-bottom: 1px solid #F3F4F6; box-shadow: none; transition: background 0.15s ease; } .result-tests-container .result-test-item:last-child { border-bottom: none; } .result-tests-container .result-test-item:hover { background: #F9FAFB; } @media (max-width: 1400px) { .result-tests-container .result-test-item { flex: 1 1 100%; } } @media (min-width: 1800px) { .result-tests-container .result-test-item { flex: 1 1 calc(33.33% - 6px); } } .personality-box-color { border-left: 2px solid #8B5CF6; } .personality-box-color .result-group-header { color: #7C3AED; } .ability-box-color { border-left: 2px solid #0D9488; } .ability-box-color .result-group-header { color: #0D9488; } .knowledge-box-color { border-left: 2px solid #2563EB; } .knowledge-box-color .result-group-header { color: #2563EB; } .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded { background: transparent !important; padding: 0 !important; border-radius: 0 !important; gap: 4px !important; } .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded .btn, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded > .btn, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded > label.btn, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded label.btn.flat-btn { background: transparent !important; border: none !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; color: #78716C !important; font-weight: 500 !important; padding: 8px 12px !important; transition: all 0.15s ease !important; } .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded .btn:hover:not(.active), .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded > .btn:hover:not(.active), .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded > label.btn:hover:not(.active), .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded label.btn.flat-btn:hover:not(.active) { background: transparent !important; color: #44403C !important; border-bottom-color: #D6D3D1 !important; } .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded .btn.active, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded .btn.active.btn-default, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded > .btn.active, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded > .btn.active.btn-default, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded > label.btn.active, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded > label.btn.active.btn-default, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded label.btn.flat-btn.active, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded label.btn.flat-btn.active.btn-default { background: transparent !important; color: #44403C !important; border-bottom: 2px solid #8B7355 !important; font-weight: 600 !important; } .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded .btn.active:hover, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded .btn.active:focus, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded .btn.active.btn-default:hover, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded .btn.active.btn-default:focus, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded > .btn.active:hover, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded > .btn.active:focus, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded > .btn.active.btn-default:hover, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded > .btn.active.btn-default:focus, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded > label.btn.active:hover, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded > label.btn.active:focus, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded > label.btn.active.btn-default:hover, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded > label.btn.active.btn-default:focus, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded label.btn.flat-btn.active:hover, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded label.btn.flat-btn.active:focus, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded label.btn.flat-btn.active.btn-default:hover, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded label.btn.flat-btn.active.btn-default:focus { background: transparent !important; color: #44403C !important; border-bottom-color: #8B7355 !important; } .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded .btn.active i, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded .btn.active.btn-default i, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded > .btn.active i, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded > .btn.active.btn-default i, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded > label.btn.active i, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded > label.btn.active.btn-default i, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded label.btn.flat-btn.active i, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded label.btn.flat-btn.active.btn-default i { color: #8B7355 !important; } .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded .btn i, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded > .btn i, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded > label.btn i, .assessment-container .assessment-header-nav .btn-group.btn-radio-rounded label.btn.flat-btn i { color: inherit !important; } .ac-card-list { display: flex; flex-direction: column; gap: 12px; } .ac-card { background: #FFFFFF; border: 1px solid #E5E7EB; border-radius: 12px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04); transition: box-shadow 0.2s ease; } .ac-card:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04); } .ac-card.selected { border-left: 3px solid var(--oa-brand-primary, #005aee); } .ac-card .visible-on-hover { opacity: 0; pointer-events: none; transition: opacity 0.3s ease; } .ac-card:hover .visible-on-hover { opacity: 1; pointer-events: auto; } .ac-card-header { position: sticky; top: 66px; z-index: 10; background: #FFFFFF; border-radius: 12px 12px 0 0; padding: 8px 12px; border-bottom: 1px solid #E5E7EB; } .ac-card-body { padding: 12px; } .assessment-badge { width: 170px; border: 1px solid #E5E7EB; text-align: left !important; padding: 2px 7px !important; min-height: 20px; border-radius: 14px; background: transparent; margin: 2px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .status-delivered { padding: 5px 10px; border-radius: 10px; color: #084a08; background-color: #d2f1d2; border: 1px solid #7ed47e; } .status-pending { padding: 5px 10px; border-radius: 10px; color: white; background-color: #ffd154; } .status-finished { padding: 3px 7px; border-radius: 10px; color: white; background-color: #ff0000; display: inline-block; } .ac-card [class^=color_], .ac-card [class*=" color_"] { background-color: transparent !important; color: inherit !important; } .ac-card .COMPETENCE, .ac-card .PSYCHOLOGY_TEAM_ROLES { display: flex !important; flex-wrap: wrap !important; } .COMPETENCE-dimension { flex: 0 0 50%; box-sizing: border-box; } .PSYCHOLOGY_TEAM_ROLES-dimension { flex: 0 0 50%; box-sizing: border-box; } .HYGIENE_OA-dimension.result-dimension-child, .MOTIVATORS_OA-dimension.result-dimension-child, .COMPETENCE-dimension.result-dimension-child { justify-content: space-between; } .test-results-wrapper { display: flex; flex-wrap: nowrap; flex-direction: column; gap: 5px; box-sizing: border-box; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } .test-results-wrapper.COMPETENCE, .test-results-wrapper.PSYCHOLOGY_TEAM_ROLES { flex-direction: column; } .result-dimension { width: 100%; display: flex; justify-content: space-between; align-items: center; border-radius: 0; background: transparent; font-size: 9pt !important; padding: 3px 4px 3px 0; color: #1F2937 !important; box-sizing: border-box; border: none; } .result-dimension .pull-left { white-space: nowrap; width: 180px; } .truth-scale-row .pull-left { white-space: normal; } .result-dimension-child { min-width: 200px; max-width: 240px; display: flex; background: transparent; font-size: 9pt !important; margin: 1px 0; padding: 3px 4px 3px 0; color: #374151 !important; box-sizing: border-box; border-radius: 0; justify-content: left; border: none; gap: 4px; } .result-dimension-child .dimension-name { width: 160px; } .result-dimension-child .pull-right { white-space: nowrap; } .ac-card-list .result-dimension-child .dimension-name { white-space: normal; } .ac-card-list .result-dimension .pull-left { min-width: 0; overflow: hidden; text-overflow: ellipsis; } .candidate-contact-info { min-width: 410px; text-align: left; } .candidate-contact-info .candidate-contact-row { display: flex; align-items: center; justify-content: flex-start; gap: 12px; margin-top: 2px; } .candidate-email-phone { width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .phone-number { width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .result-value { width: 130px; text-align: left; display: block; padding: 3px 10px; border-radius: 10px; background-color: transparent; font-weight: 500; } .assessment-container .ui-select-bootstrap .ui-select-search { height: 32px !important; } .assessment-container .ui-select-bootstrap .btn { height: auto !important; } .assessment-container div.ui-select-container { border-color: #E7E5E4 !important; border-radius: 6px !important; border-width: 1px !important; background-color: #FFFFFF; } .assessment-container .ui-select-choices-group-label { font-size: 10px; font-weight: 600; padding-left: 8px; text-transform: uppercase; padding-top: 8px; color: #78716C; } .filter-header-2027.assessment-center-filter-header .filter-select-wrapper { flex: 0 1 130px; min-width: 112px; max-width: 130px; } .filter-header-2027.assessment-center-filter-header .filter-select-wrapper select, .filter-header-2027.assessment-center-filter-header .filter-select-wrapper select.form-control { padding: 0 22px 0 10px !important; } .filter-header-2027.assessment-center-filter-header .filter-search-wrapper input, .filter-header-2027.assessment-center-filter-header .filter-search-wrapper input.form-control { padding: 0 66px 0 40px !important; } .filter-header-2027.assessment-center-filter-header .filter-search-wrapper input:placeholder-shown, .filter-header-2027.assessment-center-filter-header .filter-search-wrapper input.form-control:placeholder-shown { padding-right: 12px !important; } .filter-header-2027.assessment-center-filter-header .filter-select-wrapper .ui-select-container { display: flex; align-items: center; width: 100%; height: var(--oa-input-height, 32px) !important; min-height: var(--oa-input-height, 32px) !important; padding: 0 8px !important; border: 1px solid var(--oa-border-color, #E5E7EB) !important; border-radius: var(--oa-radius-sm, 6px) !important; background: var(--oa-bg-input, #FFFFFF) !important; box-shadow: none !important; } .filter-header-2027.assessment-center-filter-header .filter-select-wrapper .ui-select-container > div:first-child { display: flex; align-items: center; flex: 1 1 auto; min-width: 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; } .filter-header-2027.assessment-center-filter-header .filter-select-wrapper .ui-select-container > div:first-child::-webkit-scrollbar { display: none; } .filter-header-2027.assessment-center-filter-header .filter-select-wrapper .ui-select-container .ui-select-match { display: flex; align-items: center; flex: 0 0 auto; min-width: 0; height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0; overflow: visible; white-space: nowrap; } .filter-header-2027.assessment-center-filter-header .filter-select-wrapper .ui-select-container .ui-select-match .ui-select-match-item { max-width: 100%; margin: 0 4px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .filter-header-2027.assessment-center-filter-header .filter-select-wrapper .ui-select-container input.ui-select-search { flex: 0 1 auto; width: auto !important; min-width: 24px !important; height: 24px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: none !important; background: transparent !important; box-shadow: none !important; font-family: var(--oa-font-family); font-size: var(--oa-text-body); color: var(--oa-text-main, #1F2937); text-overflow: ellipsis; } .filter-header-2027.assessment-center-filter-header .filter-select-wrapper .ui-select-container input.ui-select-search::placeholder { color: var(--oa-text-light, #6B7280); font-weight: 400; } .filter-header-2027.assessment-center-filter-header .filter-select-wrapper .ui-select-container.open, .filter-header-2027.assessment-center-filter-header .filter-select-wrapper .ui-select-container:focus-within { border-color: var(--oa-brand-light, #3FA9FF) !important; box-shadow: var(--oa-shadow-glow) !important; } .filter-header-2027.assessment-center-filter-header .filter-select-wrapper .ui-select-container .ui-select-choices { min-width: 260px; } .sticky-header { position: fixed; top: 0; left: 0; right: 0; background: var(--oa-bg-white); border-bottom: 1px solid var(--oa-border-color); z-index: var(--z-header); padding: 0 var(--oa-modal-padding); } .header-container { height: var(--oa-header-height); display: flex; align-items: center; justify-content: space-between; gap: var(--oa-space-lg); max-width: 1200px; margin: 0 auto; } .header-title-group { display: flex; align-items: center; gap: var(--oa-space-md); flex-shrink: 0; } .header-title-group .logo img { height: 32px; display: block; } .header-title-group .divider { width: 1px; height: var(--oa-space-xl); background: var(--oa-border-color); } .sticky-header .candidate-name { font-size: var(--oa-text-h2); font-weight: 600; color: var(--oa-text-main); margin: 0; line-height: 1.3; } .header-actions { display: flex !important; align-items: center !important; gap: var(--oa-space-lg) !important; margin-left: auto !important; } .header-actions a { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 6px var(--oa-space-md) !important; color: var(--oa-slate-600) !important; text-decoration: none !important; font-size: var(--oa-text-sm) !important; font-weight: 500 !important; white-space: nowrap !important; border-radius: var(--oa-radius-sm) !important; transition: all 0.15s ease !important; cursor: pointer !important; background: var(--oa-bg-white) !important; border: 1px solid var(--oa-border-color) !important; } .header-actions a i { font-size: var(--oa-space-lg) !important; color: var(--oa-brand-primary) !important; } .header-actions a:hover { background: var(--oa-info-bg) !important; border-color: var(--oa-brand-primary) !important; color: var(--oa-brand-primary) !important; text-decoration: none !important; } .logo img { max-height: 40px; } .custom-loader-height { height: 200px; width: 200px; text-align: center; top: calc(50% - 10px) !important; left: calc(50% - 100px) !important; } .candidate-results-loader { position: static !important; top: auto !important; left: auto !important; width: 100% !important; height: auto !important; min-height: 500px; display: flex; align-items: center; justify-content: center; text-align: center; transform: none !important; } .compare-results-link { text-transform: none; } .modal-fullscreen.compare-results-modal .modal-content { display: flex; flex-direction: column; height: 100%; overflow: hidden !important; background: #FFFFFF; color: inherit; } .modal-fullscreen.compare-results-modal .modal-header, .modal-fullscreen.compare-results-modal .modal-footer { flex: 0 0 auto; } .modal-fullscreen.compare-results-modal .modal-body { flex: 1 1 auto; overflow: hidden; padding: 16px 20px; background: #FFFFFF; } .modal-fullscreen.compare-results-modal .modal-header { position: relative; } .modal-fullscreen.compare-results-modal .modal-header .close { position: absolute; top: 14px; right: 18px; margin: 0; } .modal-fullscreen.compare-results-modal .compare-results-modal__chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding: 0 40px; } .modal-fullscreen.compare-results-modal .compare-results-modal__chip { display: inline-block; padding: 4px 12px; border: 1px solid #E5E7EB; border-radius: 999px; background: #F9FAFB; color: #1F2937; font-size: 13px; line-height: 1.4; cursor: pointer; white-space: nowrap; } .modal-fullscreen.compare-results-modal .compare-results-modal__chip:hover, .modal-fullscreen.compare-results-modal .compare-results-modal__chip:focus { background: #EFF4FF; border-color: #005AEE; color: #005AEE; text-decoration: none; } .modal-fullscreen.compare-results-modal .compare-results-modal__chip.is-selected { background: #005AEE; border-color: #005AEE; color: #FFFFFF; font-weight: 600; } .modal-fullscreen.compare-results-modal .compare-results-modal__content { height: 100%; } .modal-fullscreen.compare-results-modal .compare-results-modal__content .assessment-container { display: flex; gap: 16px; height: 100%; overflow-x: auto; padding-bottom: 12px; } .modal-fullscreen.compare-results-modal .compare-results-modal__content .content-column { flex: 0 0 auto; width: 380px; max-height: 100%; display: flex; flex-direction: column; background: #F9FAFB; border: 1px solid #E5E7EB; border-radius: 12px; overflow: hidden; } .modal-fullscreen.compare-results-modal .compare-results-modal__content .content-column.is-selected { border-color: #005AEE; box-shadow: 0 0 0 1px #005AEE; } .modal-fullscreen.compare-results-modal .compare-results-modal__content .content-column.is-selected .compare-results-modal__col-header { color: #005AEE; } .modal-fullscreen.compare-results-modal .compare-results-modal__content .compare-results-modal__you { margin-left: 6px; color: #005AEE; } .modal-fullscreen.compare-results-modal .compare-results-modal__content .compare-results-modal__col-header { flex: 0 0 auto; margin: 0; padding: 14px 20px; background: #FFFFFF; border-bottom: 1px solid #E5E7EB; font-size: 15px; font-weight: 600; color: #1F2937; } .modal-fullscreen.compare-results-modal .compare-results-modal__content .compare-results-modal__col-body { flex: 1 1 auto; overflow-y: auto; padding: 16px 20px; font-size: 14px; color: #374151; } .modal-fullscreen.compare-results-modal .compare-results-modal__content .compare-results-modal__col-body h5 { font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; color: #6B7280; margin: 18px 0 8px; } .modal-fullscreen.compare-results-modal .compare-results-modal__content .compare-results-modal__col-body h5:first-child { margin-top: 0; } .modal-fullscreen.compare-results-modal .compare-results-modal__content .compare-results-modal__col-body ul { list-style: disc; padding: 0 0 0 1.25rem; margin: 0 0 12px; } .modal-fullscreen.compare-results-modal .compare-results-modal__content .compare-results-modal__col-body li { padding: 0; margin-bottom: 6px; line-height: 1.5; } .modal-fullscreen.compare-results-modal .compare-results-modal__content .compare-results-modal__col-body p { margin: 0 0 10px; line-height: 1.55; } .modal-fullscreen.compare-results-modal .compare-results-modal__content .assessment-container::-webkit-scrollbar { height: 8px; } .modal-fullscreen.compare-results-modal .compare-results-modal__content .assessment-container::-webkit-scrollbar-track { background: #F1F1F1; border-radius: 4px; } .modal-fullscreen.compare-results-modal .compare-results-modal__content .assessment-container::-webkit-scrollbar-thumb { background: #C7CDD4; border-radius: 4px; } .modal-fullscreen.compare-results-modal .compare-results-modal__content .assessment-container::-webkit-scrollbar-thumb:hover { background: #9AA3AD; } .category-nav { background: #ffffff; padding: 8px 16px; border-bottom: none; position: relative; z-index: 15; display: flex; gap: 12px; flex-wrap: nowrap; overflow-x: auto; box-shadow: none; flex-shrink: 0; align-items: center; min-height: 40px; height: auto; } .category-buttons-group { display: flex; gap: 8px; flex-wrap: nowrap; align-items: center; flex: 1; padding-left: 0; padding-bottom: 0; overflow-x: auto; order: 3; } .category-nav button, .category-nav select, .category-nav .search-input, .category-nav .date-range { height: 36px; box-sizing: border-box; } .category-nav button { padding: 0 14px; border: 1px solid transparent; border-radius: 8px; cursor: pointer; font-size: 13px; font-weight: 500; text-decoration: none; white-space: nowrap; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); display: inline-flex; align-items: center; justify-content: center; gap: 6px; } .category-nav button i { font-size: 14px; opacity: 0.85; } .category-nav button:hover { transform: translateY(-1px); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); } .category-nav button:active { transform: scale(0.98) translateY(0); transition: all 0.05s; } .category-nav button.PE-btn { background-color: #FEF3C7; color: #B45309; border-color: #FDE68A; } .category-nav button.PE-btn:hover { background-color: #FDE68A; } .category-nav button.GA-btn { background-color: #DBEAFE; color: #1D4ED8; border-color: #BFDBFE; } .category-nav button.GA-btn:hover { background-color: #BFDBFE; } .category-nav button.KN-btn { background-color: #DCFCE7; color: #166534; border-color: #BBF7D0; } .category-nav button.KN-btn:hover { background-color: #BBF7D0; } .category-nav button.LANG-btn { background-color: #E0F2FE; color: #0369A1; border-color: #BAE6FD; } .category-nav button.LANG-btn:hover { background-color: #BAE6FD; } .category-nav button.WORK_ENVIRONMENT-btn { background-color: #F1F5F9; color: #475569; border-color: #E2E8F0; } .category-nav button.WORK_ENVIRONMENT-btn:hover { background-color: #E2E8F0; } .category-nav button:not([class*=-btn]) { background-color: #f8f9fa; color: #334155; border-color: #e1e5e9; } .category-nav button:not([class*=-btn]):hover { background-color: #F1F5F9; } .category-label { font-size: 12px; color: #334155; font-weight: 500; margin-right: 8px; } .filters-group { display: flex; gap: 8px; align-items: center; flex-wrap: nowrap; flex-shrink: 0; order: 2; } .filters-group.smart-group { margin-left: 0; } .category-nav .filter-item { display: flex; flex-direction: row; align-items: center; } .category-nav .filter-item.small { min-width: auto; } .category-nav .filter-item.medium { min-width: auto; } .category-nav .filter-item.large { min-width: auto; } .category-nav .filter-item label.label { display: none; } .category-nav .filter-item select { padding: 0 32px 0 12px; font-size: 13px; border: 1px solid #e1e5e9; border-radius: 6px; height: 36px; background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748B' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E") no-repeat right 10px center; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #1f2b38; transition: all 0.2s ease; cursor: pointer; } .category-nav .filter-item select:focus { outline: none; border-color: #eff6ff; box-shadow: 0 0 0 3px rgba(0, 85, 255, 0.15); } .category-nav .filter-item .date-range { padding: 0 12px; font-size: 13px; font-weight: 500; cursor: pointer; background: #ffffff; height: 36px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid #e1e5e9; border-radius: 6px; color: #1f2b38; transition: all 0.2s ease; white-space: nowrap; } .category-nav .filter-item .date-range:hover { border-color: #CBD5E1; background: #f8f9fa; } .category-nav .filter-item .date-range i { color: #334155; flex-shrink: 0; } .category-nav .filter-item .btn-search { padding: 0 16px; background: linear-gradient(135deg, #005aee 0%, #004ac2 100%); color: white; border: none; border-radius: 8px; cursor: pointer; height: 36px; font-size: 13px; font-weight: 500; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); } .category-nav .filter-item .btn-search:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0, 85, 255, 0.25); } .category-nav .filter-item .btn-search:active { transform: scale(0.98); } .nav-separator { width: 1px; height: 24px; background: #e1e5e9; margin: 0 4px; flex-shrink: 0; } .category-nav .filter-item.search-field { width: 240px; min-width: 200px; max-width: 280px; flex-shrink: 0; display: flex; flex-direction: row; order: 1; } .category-nav .filter-item.search-field .search-input { padding: 0 12px; font-size: 13px; border: 1px solid #e1e5e9; border-radius: 6px; height: 36px; width: 100%; flex: 1; min-width: 0; background: #ffffff; color: #1f2b38; transition: all 0.2s ease; } .category-nav .filter-item.search-field .search-input::placeholder { color: #94A3B8; } .category-nav .filter-item.search-field .search-input:focus { outline: none; border-color: #eff6ff; box-shadow: 0 0 0 3px rgba(0, 85, 255, 0.15); } .category-nav .btn-primary-2 { height: 36px; padding: 0 16px; font-size: 13px; font-weight: 500; border-radius: 8px; background: linear-gradient(135deg, #005aee 0%, #004ac2 100%); border: none; color: white; display: inline-flex; align-items: center; gap: 6px; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); } .category-nav .btn-primary-2:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0, 85, 255, 0.25); } .category-nav .btn-primary-2 .caret { border-top-color: white; margin-left: 4px; } .category-nav .ml-auto { margin-left: auto; flex-shrink: 0; order: 4; } .category-nav .pull-right { padding: 0 !important; } .category-nav .dropdown-menu { background: rgba(239, 246, 255, 0.97) !important; backdrop-filter: blur(40px) saturate(1.3) !important; -webkit-backdrop-filter: blur(40px) saturate(1.3) !important; border: 1px solid rgba(0, 85, 255, 0.12) !important; border-radius: 12px !important; box-shadow: 0 12px 32px -6px rgba(0, 85, 255, 0.15), 0 4px 8px -2px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 85, 255, 0.08) !important; padding: 8px !important; min-width: 220px; max-width: calc(100vw - 20px); } .category-nav .dropdown-menu.dropdown-menu-right { right: 0; left: auto !important; } @supports not (backdrop-filter: blur(1px)) { .category-nav .dropdown-menu { background: #F8FAFC !important; } } .category-nav .dropdown-menu li > a { display: flex !important; align-items: center; padding: 10px 16px; color: #1f2b38 !important; text-decoration: none !important; font-size: 13px; font-weight: 400; transition: all 0.2s ease; border-radius: 8px; } .category-nav .dropdown-menu li > a i { font-size: 14px; color: #334155; width: 20px; text-align: center; flex-shrink: 0; margin-right: 10px; transition: color 0.2s ease; } .category-nav .dropdown-menu li > a:hover { background: rgba(0, 0, 0, 0.04) !important; color: #005aee !important; } .category-nav .dropdown-menu li > a:hover i { color: #005aee !important; } .category-nav .dropdown-menu li > a:active { transform: scale(0.98); } @media (max-width: 991px) { .category-nav { flex-wrap: wrap; gap: 8px; padding: 10px 12px; } .category-buttons-group { flex-wrap: wrap; } .filters-group { flex-wrap: wrap; } .category-nav .filter-item.search-field { width: 100%; max-width: none; order: -1; } } @media (max-width: 767px) { .category-nav { min-height: auto; } .category-nav button { font-size: 12px; padding: 0 10px; } .category-nav .filter-item select, .category-nav .filter-item .date-range { font-size: 12px; } } .candidate-table-view tbody tr.clickable-row { cursor: pointer; transition: all 0.15s ease; } .candidate-table-view tbody tr.clickable-row:hover { background-color: rgba(0, 90, 238, 0.04) !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); transform: translateY(-1px); } .candidate-table-view tbody tr.clickable-row:hover td { background-color: rgba(0, 90, 238, 0.04) !important; } .candidate-table-view tbody tr.clickable-row:active { transform: translateY(0); box-shadow: none; } .assessment-container .category-nav { padding-right: 17px; } .row.smart-form > [class*=col-], .smart-form.row > [class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } .row.smart-form > [class*=col-] > .label, .smart-form.row > [class*=col-] > .label { padding: 0 10px 4px 0 !important; } .row.smart-form .select select, .row.smart-form .input input, .row.smart-form .textarea textarea, .smart-form.row .select select, .smart-form.row .input input, .smart-form.row .textarea textarea { padding: 6px 10px !important; } .position-assessment-tabs-modal .card[class*=color_], .position-assessment-tabs-modal .card.selected { border-radius: 8px !important; border: 1px solid var(--oa-border-color, #E2E8F0) !important; transition: box-shadow 0.15s ease, border-color 0.15s ease; } .position-assessment-tabs-modal .card[class*=color_]:hover, .position-assessment-tabs-modal .card.selected:hover { border-color: rgba(0, 90, 238, 0.3) !important; box-shadow: 0 2px 8px rgba(0, 90, 238, 0.08) !important; } .position-assessment-tabs-modal .card[class*=color_].selected, .position-assessment-tabs-modal .card.selected.selected { border-color: rgba(0, 90, 238, 0.5) !important; box-shadow: 0 0 0 2px rgba(0, 90, 238, 0.12) !important; } .survey-select-modal .card.pointer { border: 1px solid var(--oa-border-color, #E2E8F0) !important; transition: box-shadow 0.15s ease, border-color 0.15s ease; } .survey-select-modal .card.pointer:hover { border-color: rgba(0, 90, 238, 0.3) !important; box-shadow: 0 2px 8px rgba(0, 90, 238, 0.08) !important; } .survey-select-modal .card.pointer.selected { border-color: rgba(0, 90, 238, 0.5) !important; box-shadow: 0 0 0 2px rgba(0, 90, 238, 0.12) !important; } #testQuestions .card { border-radius: 12px; border: 1px solid #E2E8F0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); margin-bottom: 16px; transition: all 0.15s ease; } #testQuestions .card:hover { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08); } #testQuestions .card .card-body { padding: 24px; } #testQuestions .card .card-footer { background: #F8FAFC; border-top: 1px solid #E2E8F0; padding: 16px 24px; border-radius: 0 0 12px 12px; } #testQuestions h5 { font-size: 15px; font-weight: 600; color: #0F172A; margin-bottom: 12px; line-height: 1.5; } #testQuestions h5 .bold { font-weight: 600; color: #0F172A; } #testQuestions .tsq { font-size: 14px; color: #334155; line-height: 1.6; margin-bottom: 0; } .badge.generatedByAI { background: rgba(0, 90, 238, 0.06) !important; color: #005aee !important; border: 1px solid rgba(0, 90, 238, 0.15) !important; font-size: 10px; font-weight: 600; padding: 4px 10px; border-radius: 6px; text-transform: uppercase; letter-spacing: 0.02em; } .badge.badge-important { background: #FFFBEB !important; color: #B45309 !important; border: 1px solid #FEF3C7 !important; font-size: 10px; font-weight: 600; padding: 4px 10px; border-radius: 6px; text-transform: uppercase; letter-spacing: 0.02em; } .fas.fa-edit, .fas.fa-stopwatch, .fas.fa-award, .fas.fa-trash, .fa-solid.fa-edit, .fa-solid.fa-stopwatch, .fa-solid.fa-award, .fa-solid.fa-trash, .fa-light.fa-edit, .fa-light.fa-stopwatch, .fa-light.fa-award, .fa-light.fa-trash, .fa-regular.fa-edit, .fa-regular.fa-stopwatch, .fa-regular.fa-award, .fa-regular.fa-trash { font-size: 14px; color: #64748B; } .fas.fa-edit, .fa-solid.fa-edit, .fa-light.fa-edit, .fa-regular.fa-edit { cursor: pointer; transition: color 0.15s ease; } .fas.fa-edit:hover, .fa-solid.fa-edit:hover, .fa-light.fa-edit:hover, .fa-regular.fa-edit:hover { color: #005aee; } .fas.fa-trash, .fa-solid.fa-trash, .fa-light.fa-trash, .fa-regular.fa-trash { cursor: pointer; transition: color 0.15s ease; } .fas.fa-trash:hover, .fa-solid.fa-trash:hover, .fa-light.fa-trash:hover, .fa-regular.fa-trash:hover { color: #B91C1C; } #testQuestions h5 span { font-size: 13px; color: #64748B; font-weight: 500; margin-right: 12px; } #testQuestions h5 span:last-child { margin-right: 0; } #testQuestions h5 span i { margin-right: 4px; font-size: 13px; } .e-tag.u-bg--white-115 i.fa-file { font-size: 12px; color: #64748B; margin-right: 6px; } .card[style*="border: 2px dashed"] { border: 2px dashed #CBD5E1 !important; background: #F8FAFC !important; border-radius: 12px; transition: all 0.2s ease; } .card[style*="border: 2px dashed"]:hover { border-color: #94A3B8 !important; background: #F1F5F9 !important; } .card[style*="border: 2px dashed"] .card-body { padding: 32px; text-align: center; } .btn-ai { background: linear-gradient(135deg, #005aee 0%, #0066ff 100%); color: white; border: none; font-weight: 600; transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1); box-shadow: 0 2px 8px rgba(0, 90, 238, 0.2); } .btn-ai:hover:not(:disabled) { background: linear-gradient(135deg, #004ac2 0%, #0055dd 100%); box-shadow: 0 4px 12px rgba(0, 90, 238, 0.3); transform: translateY(-1px); } .btn-ai:active:not(:disabled) { transform: translateY(0); box-shadow: 0 1px 4px rgba(0, 90, 238, 0.2); } .btn-ai:disabled { background: #E2E8F0; color: #94A3B8; box-shadow: none; cursor: not-allowed; } .btn-ai i.fa-wand-magic-sparkles { margin-right: 6px; } .btn-ai.dropdown-toggle .caret { margin-left: 6px; } .dropdown-menu { border-radius: 12px; border: 1px solid rgba(226, 232, 240, 0.8); box-shadow: 0 12px 32px -6px rgba(0, 85, 255, 0.15), 0 4px 8px -2px rgba(0, 0, 0, 0.06); padding: 8px; margin-top: 8px; background: rgba(239, 246, 255, 0.97); backdrop-filter: blur(40px) saturate(1.3); } .dropdown-menu li { margin-bottom: 2px; } .dropdown-menu li:last-child { margin-bottom: 0; } .dropdown-menu li a { padding: 10px 14px; border-radius: 8px; font-size: 13px; font-weight: 500; color: #334155; transition: all 0.15s ease; } .dropdown-menu li a:hover { background: rgba(0, 0, 0, 0.08); color: #0F172A; } .dropdown-menu li a:active { background: rgba(0, 85, 255, 0.14); color: #005aee; } .dropdown-menu li a i { margin-right: 8px; font-size: 13px; } .row.no-gutter.padding-top-10 { margin-bottom: 12px; } .row.no-gutter.padding-top-10 .form-control { border-radius: 6px; border: 1px solid #E2E8F0; font-size: 14px; height: 38px; transition: all 0.15s ease; } .row.no-gutter.padding-top-10 .form-control:focus { border-color: #3FA9FF; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); outline: none; } .row.no-gutter.padding-top-10 .checkbox { padding-top: 10px; } .row.no-gutter.padding-top-10 .btn-link { color: #64748B; padding: 8px 12px; transition: color 0.15s ease; } .row.no-gutter.padding-top-10 .btn-link:hover { color: #B91C1C; background: transparent; } .row.no-gutter.padding-top-10 .btn-link i { font-size: 14px; } .bg-color-grayLight { background: #F8FAFC; border-radius: 8px; padding: 16px 15px; margin-top: 12px; } .header-title { font-size: 15px; font-weight: 600; color: #0F172A; margin-bottom: 4px; } .header-title i { margin-right: 8px; color: #005aee; font-size: 15px; } .label, .form-label { font-size: 12px; font-weight: 500; color: #475569; margin-bottom: 6px; } .label i, .form-label i { margin-right: 6px; font-size: 12px; color: #64748B; } .label .required, .form-label .required { color: #B91C1C; margin-left: 2px; } .small, .text-muted { font-size: 11px; color: #64748B; line-height: 1.5; } .margin-top-5 { margin-top: 5px; } .margin-top-7 { margin-top: 7px; } .margin-top-10 { margin-top: 10px; } .margin-top-20 { margin-top: 20px; } .margin-bottom-5 { margin-bottom: 5px; } .margin-bottom-10 { margin-bottom: 10px; } .margin-left-5 { margin-left: 5px; } .margin-left-10 { margin-left: 10px; } .margin-right-10 { margin-right: 10px; } .padding-top-5 { padding-top: 5px; } .padding-top-10 { padding-top: 10px; } .padding-bottom-10 { padding-bottom: 10px; } .padding-bottom-15 { padding-bottom: 15px; } .padding-19-5 { padding: 19.5px 15px; } .padding-left-5 { padding-left: 5px; } .padding-right-5 { padding-right: 5px; } .card.margin-top-25 { border-radius: 12px; border: 1px solid #E2E8F0; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); margin-bottom: 24px; } .card.margin-top-25 .card-body { padding: 24px; } .card.margin-top-25 .card-footer { background: #F8FAFC; border-top: 1px solid #E2E8F0; padding: 16px 24px; border-radius: 0 0 12px 12px; } .overlay .loader { border: 4px solid rgba(255, 255, 255, 0.2); border-top: 4px solid #005aee !important; border-radius: 50%; width: 60px; height: 60px; } .overlay .loader-text { color: #fff; font-size: 16px; font-weight: 600; margin-top: 16px; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); } .text-align-center { text-align: center; } .pointer { cursor: pointer; } .pull-left { float: left; } .pull-right { float: right; } .display-block { display: block; } .link { color: #005aee; cursor: pointer; transition: color 0.15s ease; text-decoration: none; } .link:hover { color: #004ac2; text-decoration: underline; } .link:active { color: #003a9e; } .video-interview-list .card-footer.evaluation-footer { background: linear-gradient(135deg, #F8FAFC 0%, #EFF6FF 100%); border-top: 1px solid rgba(0, 90, 238, 0.08); padding: 16px 20px; border-radius: 0 0 12px 12px; } .video-interview-list .ai-evaluation-grid { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 8px; } .video-interview-list .evaluation-dimension { flex: 0 0 auto; min-width: 120px; max-width: 180px; padding: 12px 16px; background: #ffffff; border: 1px solid #E2E8F0; border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); transition: all 0.15s ease; } .video-interview-list .evaluation-dimension:hover { border-color: #CBD5E1; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06); } .video-interview-list .evaluation-label { font-size: 12px; font-weight: 500; color: #64748B; margin-bottom: 6px; line-height: 1.4; display: block; } .video-interview-list .star-rating { display: flex; gap: 3px; font-size: 16px; } .video-interview-list .star-rating .fa-star { transition: color 0.15s ease; } .video-interview-list .star-rating .fa-solid.fa-star, .video-interview-list .star-rating .fa-duotone.fa-star { color: #005aee; } .video-interview-list .star-rating .fa-thin.fa-star { color: #E2E8F0; } .video-interview-list .pronunciation-grid { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 8px; } .video-interview-list .score-metric { flex: 0 0 auto; min-width: 90px; padding: 12px; background: #ffffff; border: 1px solid #E2E8F0; border-radius: 12px; text-align: center; transition: all 0.2s ease; display: flex; flex-direction: column; align-items: center; gap: 8px; } .video-interview-list .score-metric:hover { border-color: #CBD5E1; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .video-interview-list .donut-chart { position: relative; width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .video-interview-list .donut-chart::before { content: ""; position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(var(--donut-color, #005aee) calc(var(--score, 0) * 3.6deg), #E2E8F0 calc(var(--score, 0) * 3.6deg)); mask: radial-gradient(farthest-side, transparent calc(100% - 8px), #fff calc(100% - 8px)); -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 8px), #fff calc(100% - 8px)); } .video-interview-list .donut-value { position: relative; z-index: 1; font-size: 16px; font-weight: 700; color: #0F172A; font-variant-numeric: tabular-nums; line-height: 1; } .video-interview-list .score-label { font-size: 11px; font-weight: 500; color: #64748B; text-transform: uppercase; letter-spacing: 0.02em; display: block; white-space: nowrap; } .video-interview-list .score-value { font-size: 18px; font-weight: 600; color: #0F172A; font-variant-numeric: tabular-nums; line-height: 1.2; } .video-interview-list .score-value .score-max { font-size: 12px; font-weight: 400; color: #94A3B8; } .video-interview-list .score-metric.score-excellent { --donut-color: #22C55E; background: linear-gradient(135deg, #F0FDF4 0%, #DCFCE7 100%); border-color: #86EFAC; } .video-interview-list .score-metric.score-excellent .donut-value, .video-interview-list .score-metric.score-excellent .score-value { color: #166534; } .video-interview-list .score-metric.score-good { --donut-color: #3B82F6; background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%); border-color: #93C5FD; } .video-interview-list .score-metric.score-good .donut-value, .video-interview-list .score-metric.score-good .score-value { color: #1D4ED8; } .video-interview-list .score-metric.score-average { --donut-color: #F59E0B; background: linear-gradient(135deg, #FFFBEB 0%, #FEF3C7 100%); border-color: #FCD34D; } .video-interview-list .score-metric.score-average .donut-value, .video-interview-list .score-metric.score-average .score-value { color: #B45309; } .video-interview-list .score-metric.score-poor { --donut-color: #EF4444; background: linear-gradient(135deg, #FEF2F2 0%, #FEE2E2 100%); border-color: #FCA5A5; } .video-interview-list .score-metric.score-poor .donut-value, .video-interview-list .score-metric.score-poor .score-value { color: #B91C1C; } .video-interview-list .ai-disclaimer { font-size: 11px; color: #94A3B8; font-style: italic; display: flex; align-items: center; gap: 6px; margin-top: 8px; } .video-interview-list .ai-disclaimer i { font-size: 12px; color: #CBD5E1; } .video-interview-list.compact-evaluation .ai-evaluation-grid, .video-interview-list.compact-evaluation .pronunciation-grid { gap: 8px; } .video-interview-list.compact-evaluation .evaluation-dimension { min-width: 100px; padding: 8px 12px; } .video-interview-list.compact-evaluation .score-metric { min-width: 80px; padding: 6px 10px; } .video-interview-list.compact-evaluation .score-value { font-size: 15px; } .video-interview-list.compact-evaluation .star-rating { font-size: 14px; } .video-interview-list .total-score-badge { background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%); border: 1px solid rgba(0, 90, 238, 0.2); padding: 16px 24px; border-radius: 12px; text-align: center; box-shadow: 0 2px 8px rgba(0, 90, 238, 0.1); } .video-interview-list .total-score-badge .score-number { font-size: 28px; font-weight: 700; color: #005aee; font-variant-numeric: tabular-nums; line-height: 1.1; } .video-interview-list .total-score-badge .score-description { font-size: 12px; font-weight: 500; color: #64748B; text-transform: uppercase; letter-spacing: 0.02em; margin-top: 4px; } .action-link { display: inline-flex !important; align-items: center; gap: 6px; padding: 6px 14px !important; font-size: 13px !important; font-weight: 500; border-radius: 8px !important; border: 1px solid #005aee !important; background: transparent !important; color: #005aee !important; transition: all 0.2s ease; } .action-link i { font-size: 13px; } .action-link:hover { background: #005aee !important; color: #ffffff !important; transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0, 90, 238, 0.25); } .action-link:active { transform: translateY(0); } @media (max-width: 767px) { .video-interview-list .ai-evaluation-grid, .video-interview-list .pronunciation-grid { gap: 8px; } .video-interview-list .evaluation-dimension { min-width: 100%; max-width: 100%; } .video-interview-list .score-metric { flex: 1 1 calc(50% - 4px); min-width: 0; } } .list-group-item.candidate-card:hover { background-color: #ffffff; -webkit-transform: none; transform: none; backface-visibility: visible; -webkit-filter: none; filter: none; } .filter-header-2027.video-interview-filter-header { z-index: var(--z-sticky, 1020); } .filter-header-2027.video-interview-filter-header .candidate-dropdown-filter .filter-toggle i { color: var(--oa-icon-color, #57534E); } .list-group .list-group-item.candidate-card { z-index: 0; } .assessment-position-card { background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 12px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1); margin-bottom: 24px !important; } .assessment-position-card:hover { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 90, 238, 0.08); border-color: rgba(0, 90, 238, 0.15); } .assessment-card-body { padding: 16px 24px; min-height: 135px; } .assessment-card-footer { background: linear-gradient(135deg, #F8FAFC 0%, #EFF6FF 100%); border-radius: 0 0 12px 12px; padding: 12px 24px; margin: 0; border-top: 1px solid rgba(0, 90, 238, 0.08); transition: background 0.15s ease; } .assessment-position-title { font-size: 15px; font-weight: 600; color: #0F172A; margin: 0; display: inline-flex; align-items: center; gap: 8px; transition: color 0.15s ease; } .assessment-position-title:hover { color: #005aee; } .assessment-position-title i { font-size: 14px; color: #64748B; } .assessment-meta-badge { display: inline-block; padding: 3px 10px; margin-right: 6px; border-radius: 6px; background-color: #F1F5F9; font-size: 12px; font-weight: 500; color: #475569; transition: all 0.15s ease; } .assessment-meta-badge i { margin-right: 4px; font-size: 12px; } .assessment-meta-badge:hover { background-color: #E2E8F0; } .assessment-internal-badge { display: inline-flex; padding: 3px 8px; align-items: center; background-color: #F0FDF4; border: 1px solid #DCFCE7; border-radius: 6px; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #166534; gap: 4px; } .assessment-internal-badge i { font-size: 12px; color: #16A34A; } .btn-assessment { background-color: #F8FAFC !important; color: #475569 !important; border: 1px solid #E2E8F0 !important; padding: 6px 12px; border-radius: 6px; font-size: 12px; font-weight: 500; display: inline-block; margin-right: 6px; margin-bottom: 6px; cursor: default; transition: all 0.15s ease; } .btn-assessment:hover { background-color: #EFF6FF !important; border-color: rgba(0, 90, 238, 0.2) !important; color: #1E40AF !important; } .btn-assessment-default { border: 1px solid rgba(0, 90, 238, 0.25) !important; background-color: rgba(0, 90, 238, 0.04) !important; color: #1E40AF !important; } .btn-assessment-default i { font-size: 11px; margin-right: 4px; color: inherit; } .btn-assessment-default:hover { background-color: rgba(0, 90, 238, 0.08) !important; border-color: rgba(0, 90, 238, 0.35) !important; } .btn-assessment-show-more { border-left: 0 !important; font-style: italic; color: #64748B !important; } .btn-assessment-show-more:hover { color: #1E40AF !important; } .assessment-buttons-container { min-height: 44px; } .btn-assessment.category-PE { background-color: #FEF3C7 !important; color: #B45309 !important; border-color: #FDE68A !important; } .btn-assessment.category-GA { background-color: #DBEAFE !important; color: #1D4ED8 !important; border-color: #BFDBFE !important; } .btn-assessment.category-KN { background-color: #DCFCE7 !important; color: #166534 !important; border-color: #BBF7D0 !important; } .btn-assessment.category-LANG { background-color: #E0F2FE !important; color: #0369A1 !important; border-color: #BAE6FD !important; } .btn-assessment.category-WORK_ENVIRONMENT { background-color: #F1F5F9 !important; color: #475569 !important; border-color: #E2E8F0 !important; } .btn-assessment.category-one_way_interview_assessment { background-color: #F3E8FF !important; color: #7C3AED !important; border-color: #DDD6FE !important; } .btn-assessment.category-custom_assessments { background-color: #E0E7FF !important; color: #4338CA !important; border-color: #C7D2FE !important; } .btn-assessment.category-in_tray_assessment { background-color: #CCFBF1 !important; color: #0F766E !important; border-color: #99F6E4 !important; } .btn-assessment.category-candidate_satisfaction_questionnaire { background-color: #FFE4E6 !important; color: #BE123C !important; border-color: #FECDD3 !important; } .btn-assessment.category-TEAM_ANALYSIS { background-color: #FFF7ED !important; color: #C2410C !important; border-color: #FED7AA !important; } .btn-assessment.category-ATD { background-color: #DBEAFE !important; color: #1D4ED8 !important; border-color: #BFDBFE !important; } .btn-assessment.category-DRT_TEST { background-color: #DBEAFE !important; color: #1D4ED8 !important; border-color: #BFDBFE !important; } .btn-assessment.category-NR { background-color: #DBEAFE !important; color: #1D4ED8 !important; border-color: #BFDBFE !important; } .btn-assessment.category-VR { background-color: #DBEAFE !important; color: #1D4ED8 !important; border-color: #BFDBFE !important; } .btn-assessment.category-HEXACO_L_SER_100 { background-color: #FEF3C7 !important; color: #B45309 !important; border-color: #FDE68A !important; } .btn-assessment.category-MOTIVATION_TEST { background-color: #FFF7ED !important; color: #C2410C !important; border-color: #FED7AA !important; } .btn-assessment.category-COMPETENCES_TEST { background-color: #E0E7FF !important; color: #4338CA !important; border-color: #C7D2FE !important; } .btn-assessment.category-CST_TEST { background-color: #CCFBF1 !important; color: #0F766E !important; border-color: #99F6E4 !important; } .btn-assessment.category-TEAM_ROLES_TEST { background-color: #F3E8FF !important; color: #7C3AED !important; border-color: #DDD6FE !important; } .btn-assessment.category-english_test { background-color: #E0F2FE !important; color: #0369A1 !important; border-color: #BAE6FD !important; } .btn-assessment.category-employee_engagement_survey { background-color: #FFE4E6 !important; color: #BE123C !important; border-color: #FECDD3 !important; } .btn-assessment.category-surveys_candidate_custom { background-color: #FFE4E6 !important; color: #BE123C !important; border-color: #FECDD3 !important; } .assessment-configure-link { display: inline-flex; align-items: center; color: var(--oa-text-muted, #4B5563); font-size: 12px; text-decoration: none; margin-top: 6px; font-weight: 500; transition: all 0.15s ease; } .assessment-configure-link i { margin-right: 4px; font-size: 11px; } .assessment-configure-link:hover { color: var(--oa-brand-primary, #005aee); text-decoration: none; } .assessment-card-footer .assessment-configure-link { margin-top: 0; } .assessment-star-rating { display: inline-flex; align-items: center; gap: 6px; } .assessment-star-rating i.fa-star { font-size: 16px; color: #F59E0B; transition: transform 0.15s ease; } .assessment-star-rating i.fa-star.far { color: #CBD5E1; } .assessment-star-rating i.fa-star.fa-star-half-stroke { color: #F59E0B; } .assessment-star-rating .rating-label { font-size: 12px; font-weight: 600; color: #0F172A; margin-left: 4px; } .assessment-footer-stat { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: #64748B; } .assessment-footer-stat i { font-size: 13px; color: #94A3B8; } .assessment-footer-stat .stat-label { font-weight: 400; } .assessment-footer-stat .stat-value { font-weight: 600; color: #0F172A; } .assessment-footer-stat--clickable { cursor: pointer; text-decoration: none; transition: color 0.15s ease; } .assessment-footer-stat--clickable:hover, .assessment-footer-stat--clickable:focus { color: #005aee; text-decoration: none; outline: none; } .assessment-footer-stat--clickable:hover i, .assessment-footer-stat--clickable:hover .stat-value, .assessment-footer-stat--clickable:focus i, .assessment-footer-stat--clickable:focus .stat-value { color: inherit; } .assessment-checkbox { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; margin: 0; } .assessment-checkbox input[type=checkbox] { cursor: pointer; } .assessment-checkbox .checkbox-custom { display: inline-block; width: 16px; height: 16px; border: 2px solid #E2E8F0; border-radius: 3px; background: #fff; flex-shrink: 0; } .assessment-footer-stat-empty { border: 1px dashed #CBD5E1; border-radius: 6px; padding: 2px 8px; opacity: 0.75; } .assessment-footer-stat-empty i { color: #94A3B8; } .btn-send-assessment { background: linear-gradient(135deg, #005aee 0%, #004ac2 100%) !important; color: #FFFFFF !important; border: none !important; border-radius: 8px 0 0 8px; padding: 0 16px; height: 32px; display: inline-flex; align-items: center; font-size: 13px; font-weight: 600; box-shadow: 0 2px 4px rgba(0, 90, 238, 0.2); transition: all 0.15s cubic-bezier(0.34, 1.56, 0.64, 1); white-space: nowrap; } .btn-send-assessment i { margin-right: 6px; font-size: 13px; color: inherit; } .btn-send-assessment:hover { background: linear-gradient(135deg, #004ac2 0%, #003a99 100%) !important; box-shadow: 0 4px 8px rgba(0, 90, 238, 0.3); transform: translateY(-1px); } .btn-send-assessment:active { transform: translateY(0); box-shadow: 0 1px 2px rgba(0, 90, 238, 0.2); } .btn-send-assessment-toggle { background: linear-gradient(135deg, #005aee 0%, #004ac2 100%) !important; color: #FFFFFF !important; border: none !important; border-radius: 0 8px 8px 0; padding: 0 12px; height: 32px; display: inline-flex; align-items: center; border-left: 1px solid rgba(255, 255, 255, 0.2) !important; } .btn-send-assessment-toggle:hover { background: linear-gradient(135deg, #004ac2 0%, #003a99 100%) !important; } .assessment-text-meta { font-size: 12px; color: #64748B; line-height: 1.5; } .assessment-text-label { font-size: 12px; font-weight: 500; color: #475569; } @media (max-width: 991px) { .assessment-card-body { padding: 12px 20px; } .assessment-card-footer { padding: 8px 20px; } .assessment-star-rating i.fa-star { font-size: 14px; } } @media (max-width: 767px) { .assessment-position-card { margin-bottom: 15px !important; } .btn-send-assessment { width: 100%; justify-content: center; } .assessment-footer-stat { font-size: 11px; } } .assessment-filter-bar { z-index: 10; position: sticky; top: 55px; background: rgba(239, 246, 255, 0.97); backdrop-filter: blur(40px) saturate(1.3); border-radius: 12px; box-shadow: 0 4px 24px rgba(0, 90, 238, 0.15); padding: 12px 16px; margin-bottom: 16px; } .assessment-filter-bar .row { margin: 0; } .assessment-filter-bar input[type=text], .assessment-filter-bar select.form-control, .assessment-filter-bar .smart-form .input input, .assessment-filter-bar .smart-form .select select { height: 36px !important; min-height: 36px !important; border: 1px solid #E2E8F0; border-radius: 6px; } .assessment-filter-bar input[type=text]:focus { border-color: #3FA9FF; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .assessment-filter-bar .btn, .assessment-filter-bar .btn-primary, .assessment-filter-bar .flat-btn { height: 36px !important; min-height: 36px !important; padding: 0 16px; display: inline-flex; align-items: center; } .assessment-filter-bar .icon-addon label { z-index: 12 !important; } .modal-body.smart-form .input:has([uib-datepicker-popup]) { overflow: visible; } .modal .uib-datepicker-popup, .modal-open .uib-datepicker-popup { z-index: 1060 !important; } .modal .modal-header { padding: 14px 20px !important; border-bottom: 1px solid var(--oa-border-color, #E5E7EB); background: var(--oa-bg-white, #F9FAFB); } .modal .modal-header .modal-title { font-size: 15px; font-weight: 600; color: var(--oa-text-main, #1F2937); } .modal .modal-footer { padding: 12px 20px !important; border-top: 1px solid var(--oa-border-color, #E5E7EB); background: var(--oa-bg-white, #F9FAFB); } .modal .modal-footer .btn-default.flat-btn, .modal .modal-footer .btn-secondary, .modal .modal-footer .btn-header { color: var(--oa-text-muted, #4B5563); border-color: var(--oa-border-color, #E5E7EB); } .modal .modal-footer .btn-default.flat-btn:hover, .modal .modal-footer .btn-secondary:hover, .modal .modal-footer .btn-header:hover { color: var(--oa-text-main, #1F2937); background: rgba(0, 0, 0, 0.03); } .modal .modal-footer .btn-primary.flat-btn { background: var(--oa-brand-primary, #005aee); border-color: var(--oa-brand-primary, #005aee); color: #fff; } .modal .modal-footer .btn-primary.flat-btn:hover { background: var(--oa-brand-hover, #004ac2); } .modal .modal-footer .btn-success.flat-btn { background: #059669; border-color: #059669; color: #fff; } .modal .modal-footer .btn-success.flat-btn:hover { background: #047857; } .modal .nav-tabs { border-bottom: 2px solid var(--oa-border-color, #E5E7EB); } .modal .nav-tabs > li > a { border: none !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; margin-bottom: -2px; padding: 10px 16px; color: var(--oa-text-muted, #4B5563); font-weight: 500; font-size: 13px; transition: all 0.15s ease; } .modal .nav-tabs > li > a:hover { background: rgba(0, 90, 238, 0.04); color: var(--oa-text-main, #1F2937); } .modal .nav-tabs > li.active > a, .modal .nav-tabs > li.active > a:hover, .modal .nav-tabs > li.active > a:focus { background: transparent !important; color: var(--oa-brand-primary, #005aee) !important; border-bottom-color: var(--oa-brand-primary, #005aee) !important; font-weight: 600; } body:has(.talent-pool-tab) #header h1.nav-page-title { display: flex !important; align-items: center; gap: 8px; } .talent-pool-tab { padding: 4px 0 18px 0; } .talent-pool-tab .candidates-list { display: flex; flex-direction: column; gap: 12px; } .talent-pool-tab .candidate-card { background: var(--oa-card-bg, #F9FAFB); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 12px; padding: 14px 18px; transition: box-shadow 0.18s ease, border-color 0.18s ease; cursor: pointer; } .talent-pool-tab .candidate-card:hover { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06); border-color: var(--oa-brand-primary, #005aee); } .talent-pool-tab .candidate-card.selected { border-color: var(--oa-brand-primary, #005aee); background: rgba(0, 90, 238, 0.04); } .talent-pool-tab .candidate-header { display: flex; align-items: center; gap: 14px; background: transparent; border-radius: 0; border-bottom: none; padding: 0; position: static; z-index: auto; } .talent-pool-tab .candidate-checkbox { flex-shrink: 0; } .talent-pool-tab .candidate-avatar { width: 44px; height: 44px; border-radius: 50%; background: var(--oa-brand-primary, #005aee); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 600; flex-shrink: 0; text-transform: uppercase; } .talent-pool-tab .candidate-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; } .talent-pool-tab .candidate-avatar.candidate-avatar-masked { background: var(--oa-text-muted, #6B7280); } .talent-pool-tab .cli-avatar { width: 48px; height: 48px; margin: 0; flex-shrink: 0; position: relative; } .talent-pool-tab .cli-avatar .avatar-circle, .talent-pool-tab .cli-avatar img.avatar-circle { width: 48px !important; height: 48px !important; font-size: 15px; } .talent-pool-tab .cli-avatar img.cli-avatar-img { position: absolute; top: 0; left: 0; } .talent-pool-tab .candidate-info { flex: 1; min-width: 0; } .talent-pool-tab .candidate-info .candidate-name { font-size: 15px; font-weight: 700; color: var(--oa-text-main, #1F2937); margin-bottom: 3px; } .talent-pool-tab .candidate-subline { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 4px; } .talent-pool-tab .candidate-position { font-size: 12px; font-weight: 600; color: var(--oa-text-secondary, #475569); display: inline-flex; align-items: center; gap: 5px; } .talent-pool-tab .candidate-position i { color: var(--oa-text-muted, #6B7280); } .talent-pool-tab .candidate-phase-badge { font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: 999px; background: rgba(0, 90, 238, 0.08); color: var(--oa-brand-primary, #005aee); display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; } .talent-pool-tab .candidate-phase-badge i { color: var(--oa-brand-primary, #005aee); } .talent-pool-tab .candidate-status-badge { font-size: 11px; font-weight: 600; padding: 2px 9px; border-radius: 999px; display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; } .talent-pool-tab .candidate-meta { display: flex; gap: 14px; font-size: 12px; color: var(--oa-text-muted, #6B7280); flex-wrap: wrap; align-items: center; } .talent-pool-tab .candidate-meta-item { display: flex; align-items: center; gap: 5px; font-size: 12px; } .talent-pool-tab .candidate-meta-item i { color: var(--oa-text-muted, #6B7280); } .talent-pool-tab .candidate-results { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: stretch; gap: 8px; flex-shrink: 0; max-width: 46%; } .talent-pool-tab .result-box { min-width: 62px; max-width: 96px; min-height: 48px; text-align: center; padding: 6px 8px; border-radius: 8px; background: var(--oa-surface, #F1F5F9); border: 1px solid var(--oa-border-color, #E5E7EB); display: flex; flex-direction: column; align-items: center; justify-content: center; } .talent-pool-tab .result-box .result-value { display: block; width: auto; max-width: 100%; font-size: 15px; font-weight: 700; color: var(--oa-text-main, #1F2937); line-height: 1.1; } .talent-pool-tab .result-box .result-label { display: block; font-size: 10px; line-height: 1.2; min-height: 24px; color: var(--oa-text-muted, #6B7280); margin-top: 3px; } .talent-pool-tab .result-box.exceptional { background: linear-gradient(200.2deg, #12CEA3 26.8%, #317CB3 69%); border-color: transparent; } .talent-pool-tab .result-box.exceptional .result-value, .talent-pool-tab .result-box.exceptional .result-label { color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28); } .talent-pool-tab .assessment-status { padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 600; display: inline-flex; align-items: center; gap: 5px; } .talent-pool-tab .assessment-status.completed { background: rgba(34, 197, 94, 0.12); color: #15803D; } .talent-pool-tab .assessment-status.pending { background: rgba(234, 179, 8, 0.14); color: #92600A; } .talent-pool-tab .candidate-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .talent-pool-tab .candidate-actions .dropdown-menu-action > li { margin: 0; width: auto; height: auto; background: none; border: none; border-radius: 0; } .talent-pool-tab .pagination-wrapper { padding: 18px 0; } .talent-pool-tab .candidate-assessments { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; } .talent-pool-tab .assessment-chip { background: var(--oa-surface, #F1F5F9); color: var(--oa-text-secondary, #475569); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 6px; padding: 2px 8px; font-size: 11px; } .talent-pool-tab .assessment-chip strong { color: var(--oa-text-main, #1F2937); } .talent-pool-tab .assessment-chip.exceptional { background: linear-gradient(200.2deg, #12CEA3 26.8%, #317CB3 69%); border-color: transparent; color: #fff; } .talent-pool-tab .assessment-chip.exceptional strong { color: #fff; } .talent-pool-discover .talent-pool-credits { margin-left: auto; font-size: 13px; color: var(--oa-text-secondary, #475569); display: inline-flex; align-items: center; gap: 6px; } .talent-pool-discover .talent-pool-credits i { color: var(--oa-brand-primary, #005aee); } .talent-pool-tab .cli-avatar .avatar-pastel-0 { background: #FFB3BA !important; color: #7D2B35 !important; } .talent-pool-tab .cli-avatar .avatar-pastel-1 { background: #FFDFBA !important; color: #7D4E1F !important; } .talent-pool-tab .cli-avatar .avatar-pastel-2 { background: #FFFFBA !important; color: #5C5C1F !important; } .talent-pool-tab .cli-avatar .avatar-pastel-3 { background: #BAFFC9 !important; color: #1F6B35 !important; } .talent-pool-tab .cli-avatar .avatar-pastel-4 { background: #BAE1FF !important; color: #1F4E7D !important; } .talent-pool-tab .cli-avatar .avatar-pastel-5 { background: #E8BAFF !important; color: #5B1F7D !important; } .talent-pool-tab .cli-avatar .avatar-pastel-6 { background: #FFB3E6 !important; color: #7D1F5B !important; } .talent-pool-tab .cli-avatar .avatar-pastel-7 { background: #B3FFE0 !important; color: #1F7D5B !important; } .talent-pool-tab .cli-avatar .avatar-pastel-8 { background: #FFE0B3 !important; color: #7D5B1F !important; } .talent-pool-tab .cli-avatar .avatar-pastel-9 { background: #B3D4FF !important; color: #1F357D !important; } .sophia-2027 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 998; background: var(--oa-bg-base, #F5F5F7); overflow-y: auto; -webkit-overflow-scrolling: touch; display: flex; flex-direction: column; } .sophia-2027__content { max-width: 640px; margin: auto; padding: 48px 20px 40px; text-align: center; } @media (max-width: 480px) { .sophia-2027__content { padding: 32px 16px 32px; } } .sophia-2027__logo { margin-bottom: 28px; } .sophia-2027__logo img { max-height: 80px; max-width: 200px; object-fit: contain; } .sophia-2027__heading { font-size: 24px; font-weight: 700; color: var(--oa-text-main, #1F2937); margin: 0 0 8px; line-height: 1.3; } @media (max-width: 480px) { .sophia-2027__heading { font-size: 20px; } } .sophia-2027__subtitle { font-size: 15px; color: var(--oa-text-secondary, #4B5563); margin: 0 0 16px; line-height: 1.5; } .sophia-2027__subtitle strong { color: var(--oa-text-main, #1F2937); } .sophia-2027__pills { display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; margin-bottom: 32px; } .sophia-2027__pill { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; font-size: 13px; color: var(--oa-text-secondary, #4B5563); background: var(--oa-bg-white, #FFFFFF); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 20px; } .sophia-2027__pill i { color: var(--oa-brand-primary, #005aee); font-size: 13px; position: static !important; top: auto !important; } .sophia-2027__cards { display: flex; flex-direction: column; gap: 10px; margin-bottom: 32px; text-align: left; } .sophia-2027__card { display: flex; align-items: center; gap: 16px; padding: 14px 20px; background: var(--oa-bg-white, #FFFFFF); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-lg, 12px); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); transition: transform 0.2s ease, box-shadow 0.2s ease; } .sophia-2027__card:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07); } @media (max-width: 480px) { .sophia-2027__card { padding: 12px 16px; } } .sophia-2027__card-icon { width: 40px; height: 40px; border-radius: 10px; background: rgba(0, 90, 238, 0.06); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .sophia-2027__card-icon i { font-size: 16px; color: var(--oa-brand-primary, #005aee); opacity: 0.75; position: static !important; top: auto !important; } .sophia-2027__card-body { flex: 1; min-width: 0; } .sophia-2027__card-title { font-size: 14px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0 0 2px; line-height: 1.3; } .sophia-2027__card-text { font-size: 13px; color: var(--oa-text-secondary, #4B5563); line-height: 1.5; margin: 0; } .sophia-2027__cta { text-align: center; margin-top: 44px; padding-bottom: 24px; } .sophia-2027__cta .btn.btn-primary { background: var(--oa-brand-gradient, linear-gradient(135deg, #0055FF 0%, #2563EB 100%)) !important; border-color: var(--oa-brand-primary, #005aee) !important; color: #fff !important; min-width: 240px; padding: 16px 56px !important; font-size: 16px !important; border-radius: var(--oa-radius-xl, 16px) !important; gap: 10px; } .sophia-2027__cta .btn.btn-primary:hover, .sophia-2027__cta .btn.btn-primary:focus { background: linear-gradient(135deg, #004ACC 0%, #1D4ED8 100%) !important; } .sophia-2027__cta .btn.btn-primary i { position: static !important; top: auto !important; color: #fff !important; transition: transform 0.2s ease; } .sophia-2027__cta .btn.btn-primary:hover i { transform: translateX(4px); } @media (max-width: 480px) { .sophia-2027__cta .btn.btn-primary { width: 100%; justify-content: center; padding: 14px 24px; } } .sophia-2027__trust { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 28px; } .sophia-2027__trust img { height: 38px; width: auto; opacity: 0.9; } .sophia-2027--page { position: static; z-index: auto; min-height: 100vh; } .testlist-2027 { background: #F5F5F7; min-height: calc(100vh - 52px); padding-top: 20px; display: flex; flex-direction: column; font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif !important; -webkit-font-smoothing: antialiased; line-height: 1.5; text-align: left !important; } .testlist-2027__content { flex: 1; max-width: 760px; margin: 0 auto; padding: 28px 20px; width: 100%; text-align: left; } @media (max-width: 480px) { .testlist-2027__content { padding: 20px 16px; } } .testlist-2027__header { margin-bottom: 28px; text-align: left; } .testlist-2027__title { font-size: 28px !important; font-weight: 700 !important; color: #18181B !important; letter-spacing: -0.5px; line-height: 1.2 !important; margin: 0 0 6px !important; text-align: left; } @media (max-width: 480px) { .testlist-2027__title { font-size: 22px !important; } } .testlist-2027__progress-text { font-size: 14px; color: #71717A; margin: 0; font-weight: 400; text-align: left; } .testlist-2027__progress-wrap { margin-bottom: 32px; } .testlist-2027__progress-top { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 8px; } .testlist-2027__progress-label { font-size: 13px !important; font-weight: 500 !important; color: #71717A; } .testlist-2027__progress-count { font-size: 13px !important; color: #A1A1AA; font-weight: 500 !important; } .testlist-2027__progress-bar { display: flex !important; flex-direction: row !important; direction: ltr !important; gap: 4px; justify-content: flex-start !important; } .testlist-2027__progress-seg { flex: 1; height: 8px; border-radius: 99px; background: #E8E8EC; overflow: hidden; transition: all 0.3s; } .testlist-2027__progress-seg--done { background: var(--oa-brand-primary, #005aee); } .testlist-2027__progress-seg--current { background-color: rgba(0, 90, 238, 0.2); animation: tl-seg-pulse 2s ease-in-out 1; } .testlist-2027__intro { background: #FFFFFF; border: 1px solid #E8E8EC; border-radius: 12px; padding: 20px; margin-bottom: 20px; display: flex; gap: 20px; align-items: center; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); } @media (max-width: 480px) { .testlist-2027__intro { flex-direction: column; text-align: center; padding: 16px; gap: 14px; } } .testlist-2027__intro-logo { flex-shrink: 0; } .testlist-2027__intro-logo img { max-height: 56px; max-width: 120px; object-fit: contain; } .testlist-2027__intro-text { font-size: 13.5px; color: #71717A; line-height: 1.65; } .testlist-2027__instructions { font-size: 14px; color: #71717A; line-height: 1.7; margin-bottom: 12px; font-style: italic; border: none !important; background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } .testlist-2027__instructions .bold, .testlist-2027__instructions strong { font-weight: 600; color: #3F3F46; } .testlist-2027__instructions br { display: block; content: ""; margin-top: 8px; } .testlist-2027__section-label { font-size: 12px; font-weight: 600; color: #A1A1AA; text-transform: uppercase; letter-spacing: 0.8px; margin: 24px 0 10px; } .testlist-2027__done-card { background: #FFFFFF; border: 1px solid #E8E8EC; border-radius: 12px; padding: 18px 24px; margin-bottom: 8px; display: flex; align-items: center; gap: 16px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); cursor: default; } .testlist-2027__done-card:hover { border-color: #D4D4D8; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04); transform: translateY(-1px); } @media (max-width: 480px) { .testlist-2027__done-card { padding: 14px 16px; gap: 12px; } } .testlist-2027__done-check { width: 24px; text-align: center; flex-shrink: 0; color: #22C55E; display: flex; align-items: center; justify-content: center; } .testlist-2027__done-check svg { width: 16px; height: 16px; display: block; } .testlist-2027__done-info { flex: 1; min-width: 0; } .testlist-2027__done-name { font-size: 14px; font-weight: 600; color: #18181B; letter-spacing: -0.1px; } .testlist-2027__done-meta { font-size: 12px; color: #A1A1AA; margin-top: 1px; } .testlist-2027__done-meta i { position: static !important; top: auto !important; font-size: 11px; color: inherit; } .testlist-2027__done-right { display: flex; align-items: center; gap: 12px; } .testlist-2027__done-badge { font-size: 10px; font-weight: 600; padding: 2px 8px; border-radius: 4px; background: #F2F2F4; color: #71717A; letter-spacing: 0.2px; } .testlist-2027__done-status { font-size: 12px; color: #22C55E; font-weight: 500; white-space: nowrap; } .testlist-2027__hero { background: #FFFFFF; border: 1px solid #E8E8EC; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04); margin-bottom: 12px; overflow: hidden; transition: box-shadow 0.3s, transform 0.3s; } .testlist-2027__hero:hover { box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07), 0 1px 3px rgba(0, 0, 0, 0.04); } .testlist-2027__hero-body { padding: 36px; text-align: left; } @media (max-width: 480px) { .testlist-2027__hero-body { padding: 24px 20px; } } .testlist-2027__hero-eyebrow { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; } .testlist-2027__hero-step { font-size: 12px; font-weight: 500; color: #A1A1AA; letter-spacing: 0.2px; } .testlist-2027__hero-type { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.6px; padding: 3px 10px; border-radius: 4px; background: rgba(0, 90, 238, 0.08); color: var(--oa-brand-primary, #005aee); } .testlist-2027__hero-name { font-size: 22px !important; font-weight: 700 !important; color: #18181B !important; letter-spacing: -0.4px; line-height: 1.25 !important; margin: 0 0 6px !important; text-align: left; } @media (max-width: 480px) { .testlist-2027__hero-name { font-size: 19px !important; } } .testlist-2027__hero-sub { font-size: 13px; color: #71717A; margin-bottom: 14px; } .testlist-2027__hero-stats { display: flex; gap: 20px; margin-bottom: 18px; flex-wrap: wrap; align-items: center; padding: 8px 0; } @media (max-width: 480px) { .testlist-2027__hero-stats { gap: 12px; } } @media (max-width: 360px) { .testlist-2027__hero-stats { gap: 8px; } } .testlist-2027__hero-stat { display: flex; align-items: center; gap: 6px; min-height: 24px; } .testlist-2027__hero-stat-value { font-size: 22px; font-weight: 700; color: #18181B; letter-spacing: -0.3px; line-height: 1; } .testlist-2027__hero-stat-label { font-size: 12px; color: #71717A; font-weight: 500; } .testlist-2027__hero-stat--stacked { flex-direction: column; align-items: flex-start; gap: 1px; } .testlist-2027__hero-stat--stacked .testlist-2027__hero-stat-value { font-size: 14px; font-weight: 700; color: #18181B; } .testlist-2027__hero-stat-small { font-size: 11px; font-weight: 500; color: #A1A1AA; letter-spacing: 0.2px; } .testlist-2027__hero-stat-icon { font-size: 22px; color: #18181B; font-weight: 900; display: flex; align-items: center; line-height: 1; } .testlist-2027__hero-stat-icon i { position: static !important; top: auto !important; color: #18181B !important; font-weight: 900; } .testlist-2027__hero-stat-divider { width: 1px; height: 24px; background: #E8E8EC; align-self: center; flex-shrink: 0; } .testlist-2027__hero-desc { font-size: 14px; line-height: 1.7; color: #71717A; margin-bottom: 28px; padding-top: 18px; border-top: 1px solid #F2F2F4; } .testlist-2027__mobile-warning { background: rgba(254, 242, 242, 0.9); border: 1px solid #FECACA; border-radius: 8px; padding: 14px 18px; margin-bottom: 16px; display: flex; gap: 12px; align-items: center; } .testlist-2027__mobile-warning i { font-size: 20px; color: #B91C1C; position: static !important; top: auto !important; flex-shrink: 0; } .testlist-2027__mobile-warning p { font-size: 13px; color: #B91C1C; margin: 0; line-height: 1.5; } .testlist-2027__actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; } .testlist-2027 .btn.btn-primary { background: var(--oa-brand-primary, #005aee) !important; border-color: var(--oa-brand-primary, #005aee) !important; color: #fff !important; padding: 18px 64px !important; border-radius: 6px !important; font-size: 17px !important; font-weight: 600 !important; line-height: 1.4 !important; display: inline-flex !important; align-items: center; gap: 8px; transition: filter 0.15s, box-shadow 0.15s; letter-spacing: 0; text-transform: none !important; } .testlist-2027 .btn.btn-primary:hover, .testlist-2027 .btn.btn-primary:focus { filter: brightness(1.08); box-shadow: 0 4px 16px rgba(0, 90, 238, 0.25); background: var(--oa-brand-primary, #005aee) !important; } .testlist-2027 .btn.btn-primary i { position: static !important; top: auto !important; color: #fff !important; font-size: 13px; transition: transform 0.2s ease; } .testlist-2027 .btn.btn-primary:hover i { transform: translateX(3px); } .testlist-2027 .btn.btn-primary svg { width: 16px; height: 16px; } .testlist-2027 .btn.btn-outline { background: transparent; border: 1.5px solid rgba(0, 90, 238, 0.25); color: var(--oa-brand-primary, #005aee); padding: 10px 24px !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.4 !important; display: inline-flex; align-items: center; gap: 8px; transition: all 0.15s; } .testlist-2027 .btn.btn-outline:hover, .testlist-2027 .btn.btn-outline:focus { background: rgba(0, 90, 238, 0.08); border-color: rgba(0, 90, 238, 0.4); } .testlist-2027 .btn.btn-outline i { position: static !important; top: auto !important; color: var(--oa-brand-primary, #005aee); font-size: 13px; } .testlist-2027 .btn.btn-outline.btn-outline--lg { padding: 18px 64px !important; border-radius: 6px !important; font-size: 17px !important; border-width: 2px; } .testlist-2027 .btn.btn-outline.btn-outline--lg i { font-size: 16px; } .testlist-2027__queue-card { background: #FFFFFF; border: 1px solid #E8E8EC; border-radius: 12px; padding: 18px 24px; margin-bottom: 8px; display: flex; align-items: center; gap: 16px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); cursor: default; } .testlist-2027__queue-card:hover { border-color: #D4D4D8; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04); transform: translateY(-1px); } @media (max-width: 480px) { .testlist-2027__queue-card { padding: 14px 16px; gap: 12px; } } .testlist-2027__queue-num { font-size: 13px; font-weight: 600; color: #D4D4D8; width: 24px; text-align: center; flex-shrink: 0; } .testlist-2027__queue-info { flex: 1; min-width: 0; } .testlist-2027__queue-name { font-size: 14px; font-weight: 600; color: #18181B; letter-spacing: -0.1px; } .testlist-2027__queue-meta { font-size: 12px; color: #A1A1AA; margin-top: 1px; } .testlist-2027__queue-meta i { position: static !important; top: auto !important; font-size: 11px; color: inherit; } .testlist-2027__queue-right { display: flex; align-items: center; gap: 12px; } .testlist-2027__queue-badge { font-size: 10px; font-weight: 600; padding: 2px 8px; border-radius: 4px; background: #F2F2F4; color: #71717A; letter-spacing: 0.2px; } .testlist-2027__queue-time { font-size: 12px; color: #A1A1AA; font-weight: 500; white-space: nowrap; } .testlist-2027__all-done { text-align: center; padding: 48px 20px; } .testlist-2027__all-done-icon { width: 64px; height: 64px; border-radius: 50%; background: rgba(34, 197, 94, 0.08); border: 2px solid #22C55E; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; box-shadow: 0 4px 16px rgba(34, 197, 94, 0.15); } .testlist-2027__all-done-icon i { font-size: 28px; color: #22C55E; position: static !important; top: auto !important; } .testlist-2027__all-done-title { font-size: 20px; font-weight: 700; color: #18181B; margin: 0; } .testlist-2027__message { text-align: center; padding: 48px 20px; } .testlist-2027__message img { max-height: 100px; margin-bottom: 20px; } .testlist-2027__message p { font-size: 15px; color: #71717A; line-height: 1.6; margin: 0; } .testlist-2027__footer { border-top: 1px solid #E8E8EC; padding: 24px 20px 32px; margin-top: auto; } .testlist-2027__footer-inner { max-width: 760px; margin: 0 auto; display: flex; align-items: center; gap: 20px; } @media (max-width: 640px) { .testlist-2027__footer-inner { flex-direction: column; text-align: center; gap: 16px; } } .testlist-2027__footer-badges { display: flex; align-items: center; gap: 12px; flex-shrink: 0; } .testlist-2027__footer-badges img { height: 36px; object-fit: contain; } .testlist-2027__footer-text { font-size: 12px; color: #71717A; line-height: 1.6; margin: 0; } .testlist-2027__footer-text a { color: var(--oa-brand-primary, #005aee); text-decoration: none; font-weight: 500; } .testlist-2027__footer-text a:hover { text-decoration: underline; } .testlist-2027__footer-logo { margin-left: auto; flex-shrink: 0; } .testlist-2027__footer-logo img { height: 24px; opacity: 0.5; transition: opacity 0.2s ease; } .testlist-2027__footer-logo:hover img { opacity: 0.8; } @media (max-width: 640px) { .testlist-2027__footer-logo { margin-left: 0; } } .padding-xs-clear:has(.testlist-2027) { margin-bottom: 0 !important; margin-top: 52px !important; } .candidate-test:has(.testlist-2027) { padding-bottom: 0 !important; margin-bottom: 0 !important; } .candidate-test:has(.testlist-2027) .assessment-header-2027 { display: none; } .portal-results-modal__header { background: #FFFFFF; border-bottom: 1px solid #E8E8EC; padding: 24px 32px 20px !important; } .portal-results-modal__header .close { position: absolute; right: 20px; top: 16px; font-size: 24px; opacity: 0.4; z-index: 1; } .portal-results-modal__header .close:hover { opacity: 0.8; } .portal-results-modal__header-content { display: flex; flex-direction: row; align-items: center; gap: 14px; } .portal-results-modal__logo { height: 24px; width: auto; opacity: 0.6; } .portal-results-modal__title { font-family: "Inter", "Open Sans", sans-serif; font-size: 20px; font-weight: 700; color: #18181B; margin: 0; line-height: 1.3; } .portal-results-modal__body { background: #F2F2F4; padding: 24px 32px !important; max-height: 65vh; overflow-y: auto; } .portal-results-modal__body .candidate-results { font-size: 15px !important; line-height: 1.6 !important; color: #3F3F46; } .portal-results-modal__body .candidate-results h3, .portal-results-modal__body .candidate-results h4 { font-size: 17px !important; font-weight: 600 !important; color: #18181B !important; margin-top: 20px !important; margin-bottom: 8px !important; } .portal-results-modal__body .candidate-results h5 { font-size: 15px !important; font-weight: 600 !important; color: #18181B !important; } .portal-results-modal__body .candidate-results p, .portal-results-modal__body .candidate-results li, .portal-results-modal__body .candidate-results span, .portal-results-modal__body .candidate-results div { font-size: 15px !important; line-height: 1.6 !important; } .portal-results-modal__body .candidate-results .font-12, .portal-results-modal__body .candidate-results .font-11, .portal-results-modal__body .candidate-results .font-xs { font-size: 14px !important; } .portal-results-modal__loader { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; padding: 64px 0; } .portal-results-modal__loader-logo { height: 28px; width: auto; opacity: 0.5; } .portal-results-modal__loader-dots > div { width: 15px; aspect-ratio: 1; border-radius: 50%; animation: oa-loader-pulse 1s infinite linear alternate; margin: 0 auto; } @keyframes oa-loader-pulse { 0% { box-shadow: 20px 0 #006CFF, -20px 0 #7CDFFF; background: #00003F; } 33% { box-shadow: 20px 0 #00003F, -20px 0 #7CDFFF; background: #006CFF; } 66% { box-shadow: 20px 0 #00003F, -20px 0 #006CFF; background: #7CDFFF; } 100% { box-shadow: 20px 0 #006CFF, -20px 0 #7CDFFF; background: #00003F; } } .portal-results-modal__info { margin-bottom: 20px; } .portal-results-modal__info-card { background: #FFFFFF; border: 1px solid #E8E8EC; border-radius: 12px; padding: 20px 24px; display: flex; align-items: flex-start; gap: 16px; } .portal-results-modal__info-icon { width: 44px; height: 44px; background: rgba(0, 90, 238, 0.08); border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .portal-results-modal__info-icon i { font-size: 20px; color: var(--oa-brand-primary, #005aee); position: static !important; top: auto !important; } .portal-results-modal__info-body { flex: 1; min-width: 0; } .portal-results-modal__info-name { font-family: "Inter", "Open Sans", sans-serif; font-size: 17px; font-weight: 600; color: #18181B; margin: 0 0 6px; line-height: 1.3; } .portal-results-modal__info-meta { display: flex; flex-wrap: wrap; gap: 16px; font-size: 13px; color: #71717A; } .portal-results-modal__info-meta span { display: inline-flex; align-items: center; gap: 6px; } .portal-results-modal__info-meta i { font-size: 12px; color: #A1A1AA; position: static !important; top: auto !important; } .portal-results-modal__footer { background: #FFFFFF; border-top: 1px solid #E8E8EC; padding: 16px 32px !important; display: flex; justify-content: flex-end; gap: 10px; position: sticky; bottom: 0; } .portal-results-modal__btn-cancel { background: transparent !important; border: 1.5px solid #D4D4D8 !important; color: #3F3F46 !important; padding: 16px 40px !important; border-radius: 10px !important; font-size: 16px !important; font-weight: 600 !important; transition: all 0.15s; } .portal-results-modal__btn-cancel:hover { background: #F2F2F4 !important; border-color: #A1A1AA !important; } .portal-results-modal__btn-confirm { background: var(--oa-brand-primary, #005aee) !important; border-color: var(--oa-brand-primary, #005aee) !important; color: #fff !important; padding: 16px 48px !important; border-radius: 10px !important; font-size: 16px !important; font-weight: 600 !important; display: inline-flex; align-items: center; gap: 8px; transition: all 0.15s; } .portal-results-modal__btn-confirm:hover { filter: brightness(1.08); transform: translateY(-1px); box-shadow: 0 4px 16px rgba(0, 90, 238, 0.25); } .portal-results-modal__btn-confirm i { position: static !important; top: auto !important; color: #fff !important; font-size: 14px; } @keyframes tl-seg-pulse { 0%, 100% { background-color: rgba(0, 90, 238, 0.2); } 50% { background-color: rgba(0, 90, 238, 0.45); } } @media (prefers-reduced-motion: reduce) { .testlist-2027__progress-seg--current { animation: none; background-color: rgba(0, 90, 238, 0.35); } } .proctoring-check { position: fixed; inset: 0; z-index: 1040; display: flex; flex-direction: column; overflow-y: auto; background: var(--oa-bg-base, #F5F5F7); } .proctoring-check__panel { max-width: 560px; width: 100%; margin: auto; padding: 32px 20px; text-align: center; } .proctoring-check__close-x { position: fixed; top: 16px; right: 16px; width: 36px; height: 36px; border: none; border-radius: 50%; background: #fff; color: var(--oa-text-secondary, #4B5563); font-size: 16px; cursor: pointer; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); } .proctoring-check__close-x:hover { color: var(--oa-text-main, #1F2937); } .proctoring-check__steps { display: flex; justify-content: center; gap: 20px; margin-bottom: 28px; } .proctoring-check__step { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--oa-text-secondary, #4B5563); } .proctoring-check__step.is-active { color: var(--oa-brand-primary, #005aee); font-weight: 600; } .proctoring-check__step.is-done { color: var(--oa-text-main, #1F2937); } .proctoring-check__step-dot { width: 8px; height: 8px; border-radius: 50%; background: currentColor; } .proctoring-check__title { font-size: 22px; font-weight: 700; color: var(--oa-text-main, #1F2937); margin: 0 0 8px; } .proctoring-check__intro { font-size: 14px; color: var(--oa-text-secondary, #4B5563); margin: 0 0 24px; line-height: 1.5; } .proctoring-check__policy { font-size: 12.5px; color: var(--oa-text-secondary, #4B5563); max-width: 460px; margin: -12px auto 24px; line-height: 1.5; } .proctoring-check__policy i { margin-right: 6px; } .proctoring-check__cta { min-height: 44px; padding: 12px 28px; border-radius: 8px; } .proctoring-check__preview-wrap { margin-top: 8px; } .proctoring-check__preview { width: 100%; max-width: 360px; border-radius: 12px; background: #000; transform: scaleX(-1); } .proctoring-check__vu { height: 6px; max-width: 360px; margin: 10px auto 0; border-radius: 3px; background: #E5E7EB; overflow: hidden; } .proctoring-check__vu-bar { height: 100%; width: 0; border-radius: 3px; background: var(--oa-brand-primary, #005aee); transition: width 80ms linear; } .proctoring-check__hint, .proctoring-check__confirm { font-size: 13px; color: var(--oa-text-secondary, #4B5563); margin: 12px 0 8px; } .proctoring-check__error { margin-top: 20px; padding: 16px; border-radius: 12px; background: #FEF2F2; border: 1px solid #FECACA; } .proctoring-check__error-title { font-weight: 600; color: #991B1B; margin: 0 0 6px; } .proctoring-check__error-text { font-size: 13px; color: #7F1D1D; margin: 0 0 12px; } .proctoring-check__decline { display: inline-block; margin-top: 24px; font-size: 13px; color: var(--oa-text-secondary, #4B5563); text-decoration: underline; cursor: pointer; } .proctoring-check__decline-confirm { margin-top: 16px; padding: 16px; border-radius: 12px; background: #FFF7ED; border: 1px solid #FED7AA; } .proctoring-check__decline-confirm .btn { margin: 8px 6px 0; } .proctoring-check__ready { margin-top: 24px; } .proctoring-check__ready-icon { font-size: 48px; color: #16A34A; margin-bottom: 12px; } .proctoring-check__ready-title { font-size: 20px; font-weight: 700; color: var(--oa-text-main, #1F2937); margin: 0 0 8px; } .proctoring-check__ready-text { font-size: 13px; color: var(--oa-text-secondary, #4B5563); margin: 0 0 20px; line-height: 1.5; } @media (max-width: 480px) { .proctoring-check__panel { padding: 24px 16px; } .proctoring-check__steps { gap: 12px; } } .testlist-2027__equipment-link { align-self: center; display: inline-flex; align-items: center; gap: 6px; padding: 10px 12px; margin: 0; background: transparent; border: none; box-shadow: none; -webkit-appearance: none; appearance: none; color: var(--oa-brand-primary, #005aee); font-size: 14px; font-weight: 600; line-height: 1.4; text-decoration: none; cursor: pointer; transition: color 0.15s; } .testlist-2027__equipment-link i { position: static !important; top: auto !important; color: var(--oa-brand-primary, #005aee) !important; font-size: 14px; } .testlist-2027__equipment-link:hover { color: var(--oa-brand-primary, #005aee); text-decoration: underline; } .testlist-2027__equipment-link:focus-visible { outline: 2px solid var(--oa-brand-primary, #005aee); outline-offset: 2px; border-radius: 4px; } .proctoring-fullscreen-block { position: fixed; inset: 0; z-index: 1050; display: flex; background: rgba(245, 245, 247, 0.97); } .proctoring-stopped-banner { position: fixed; top: 60px; left: 50%; transform: translateX(-50%); z-index: 1035; padding: 10px 18px; border-radius: 8px; background: #FEF3C7; border: 1px solid #FDE68A; color: #92400E; font-size: 13px; } .proctoring-selfview { position: fixed; left: 16px; bottom: 16px; z-index: 1036; width: 240px; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25); cursor: move; touch-action: none; user-select: none; } .proctoring-selfview.is-dragging { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35); } .proctoring-selfview video { display: block; width: 100%; } .proctoring-selfview__dot { position: absolute; top: 8px; right: 8px; width: 10px; height: 10px; border-radius: 50%; background: #DC2626; animation: pcPulse 1.6s ease-in-out infinite; } @keyframes pcPulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } } @media (max-width: 480px) { .proctoring-selfview { width: 140px; } } .assessment-header-2027 { background-color: #FFFFFF; border-bottom: 1px solid #E5E7EB; padding: 0 5px; font-size: 13.5pt; height: 44px; padding-top: 10px; z-index: 997; font-weight: bold; color: #18181B; position: fixed; width: 100%; } .time-expired-2027 { display: flex; align-items: center; justify-content: center; gap: 12px; background: #FEF2F2; border: 1px solid #FECACA; border-radius: 12px; padding: 20px 28px; margin: 24px auto; max-width: 480px; animation: timeExpiredFadeIn 0.4s ease-out; } .time-expired-2027__icon { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-width: 44px; border-radius: 50%; background: #FEE2E2; color: #DC2626; font-size: 20px; } .time-expired-2027__text { font-size: 16px; font-weight: 600; color: #991B1B; line-height: 1.4; } @keyframes timeExpiredFadeIn { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } } .pulsingBorder { height: 100% !important; width: 100% !important; position: fixed !important; top: 0 !important; left: 0 !important; z-index: 9999 !important; box-sizing: border-box !important; pointer-events: none !important; border: none !important; box-shadow: none !important; animation: none !important; background: linear-gradient(to right, rgba(220, 38, 38, 0.5), transparent 80px), linear-gradient(to left, rgba(220, 38, 38, 0.5), transparent 80px), linear-gradient(to bottom, rgba(220, 38, 38, 0.5), transparent 80px), linear-gradient(to top, rgba(220, 38, 38, 0.5), transparent 80px) !important; animation: leaveGlow 2s ease-in-out infinite !important; } @keyframes leaveGlow { 0% { opacity: 0.3; } 50% { opacity: 1; } 100% { opacity: 0.3; } } .assessment-satisfaction-2027 { max-width: 760px; margin: -74px auto 0; padding: 28px 20px 80px; font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif !important; -webkit-font-smoothing: antialiased; line-height: 1.5; text-align: left; } .assessment-satisfaction-2027__header { margin-bottom: 28px; text-align: left; } .assessment-satisfaction-2027__title { font-size: 28px !important; font-weight: 700 !important; color: #18181B !important; line-height: 1.2 !important; letter-spacing: -0.5px; margin: 0 !important; text-align: left; } @media (max-width: 480px) { .assessment-satisfaction-2027__title { font-size: 22px !important; } } .assessment-satisfaction-2027__instructions { font-size: 14px; font-weight: 400; color: #71717A; line-height: 1.55; margin: 8px 0 24px; text-align: left; } .assessment-satisfaction-2027__icon { display: none !important; } .assessment-satisfaction-2027__statement-num { display: none; } .assessment-satisfaction-2027__question { background: var(--oa-bg-white, #F9FAFB); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-md, 8px); padding: 20px 22px; margin-bottom: 12px; box-shadow: var(--oa-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05)); transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease; } .assessment-satisfaction-2027__question:hover { border-color: var(--oa-border-strong, #D1D5DB); } .assessment-satisfaction-2027__statement-body { min-width: 0; } .assessment-satisfaction-2027__question-text { font-size: 17px !important; font-weight: 600 !important; color: var(--oa-text-main, #1F2937) !important; line-height: 1.45 !important; margin: 0 0 18px !important; } .assessment-satisfaction-2027__scale { display: flex; justify-content: space-between; align-items: center; gap: 8px; } .assessment-satisfaction-2027__scale-anchors { display: flex; justify-content: space-between; margin-top: 12px; font-size: 12px; font-weight: 500; color: var(--oa-text-light, #6B7280); line-height: 1.3; } .assessment-satisfaction-2027__scale-anchors > span { max-width: 18ch; } .assessment-satisfaction-2027__scale-anchors > span:last-child { text-align: right; } .assessment-satisfaction-2027__scale-btn { flex: 1 !important; min-width: 0; height: 40px !important; display: flex !important; align-items: center; justify-content: center; background: #FFFFFF !important; border: 1px solid var(--oa-border-strong, #D1D5DB) !important; border-radius: var(--oa-radius-sm, 6px) !important; color: var(--oa-text-secondary, #374151) !important; font-size: 14px !important; font-weight: 600 !important; text-align: center; cursor: pointer; margin: 0 !important; padding: 0 !important; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important; transition: background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease, box-shadow 0.12s ease; font-variant-numeric: tabular-nums; line-height: 1 !important; } .assessment-satisfaction-2027__scale-btn:hover { background: rgba(var(--oa-brand-primary-rgb, 0, 90, 238), 0.06); border-color: var(--oa-brand-primary, #005aee); color: var(--oa-brand-primary, #005aee); } .assessment-satisfaction-2027__scale-btn:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(var(--oa-brand-primary-rgb, 0, 90, 238), 0.25); } .assessment-satisfaction-2027__scale-btn.active, .assessment-satisfaction-2027__scale-btn.btn.active, .assessment-satisfaction-2027__scale-btn.btn.btn-default.active { background: var(--oa-brand-primary, #005aee) !important; border-color: var(--oa-brand-primary, #005aee) !important; color: #FFFFFF !important; box-shadow: 0 1px 2px 0 rgba(var(--oa-brand-primary-rgb, 0, 90, 238), 0.25); } .assessment-satisfaction-2027 label.assessment-satisfaction-2027__scale-btn { color: var(--oa-text-secondary, #374151) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1 !important; margin: 0 !important; } .assessment-satisfaction-2027 label.assessment-satisfaction-2027__scale-btn.active, .assessment-satisfaction-2027 label.assessment-satisfaction-2027__scale-btn.btn.active, .assessment-satisfaction-2027 label.assessment-satisfaction-2027__scale-btn.btn.btn-default.active { background: var(--oa-brand-primary, #005aee) !important; border-color: var(--oa-brand-primary, #005aee) !important; color: #FFFFFF !important; } .assessment-satisfaction-2027__check { display: none !important; } .assessment-satisfaction-2027__submit { text-align: center; margin-top: 32px; } .assessment-satisfaction-2027__submit .btn { font-weight: 500; letter-spacing: 0; text-transform: none !important; padding: 12px 32px; border-radius: var(--oa-radius-md, 8px); } @media (max-width: 600px) { .assessment-satisfaction-2027 { padding: 12px 14px 100px; } .assessment-satisfaction-2027__header { margin-bottom: 12px; } .assessment-satisfaction-2027__title { font-size: 18px; line-height: 1.3; } .assessment-satisfaction-2027__instructions { font-size: 13px; margin: 6px 0 12px; } .assessment-satisfaction-2027__question { padding: 16px 16px; margin-bottom: 10px; } .assessment-satisfaction-2027__question-text { font-size: 16px; line-height: 1.4; margin-bottom: 16px; } .assessment-satisfaction-2027__scale { gap: 6px; } .assessment-satisfaction-2027__scale-btn { height: 48px; font-size: 15px; border-width: 1px; } .assessment-satisfaction-2027__scale-anchors { font-size: 12px; margin-top: 10px; } .assessment-satisfaction-2027__scale-anchors > span { max-width: 14ch; } .assessment-satisfaction-2027__submit { position: sticky; bottom: 0; margin: 24px -14px 0; padding: 14px; background: linear-gradient(180deg, rgba(245, 245, 247, 0) 0%, var(--oa-bg-base, #F5F5F7) 30%); padding-bottom: max(14px, env(safe-area-inset-bottom)); } .assessment-satisfaction-2027__submit .btn { width: 100%; } } .assessment-satisfaction-2027 .btn-group.col-xs-12 { display: flex !important; gap: 6px; float: none !important; padding: 0 !important; } .assessment-satisfaction-2027 .btn-group.col-xs-12 label.btn { flex: 1; min-width: 0; padding: 10px 0 !important; border: 1px solid var(--oa-border-color, #E5E7EB) !important; border-radius: var(--oa-radius-sm, 6px) !important; background: #FFFFFF !important; color: var(--oa-text-secondary, #374151) !important; font-size: 13px !important; font-weight: 500 !important; text-align: center; margin: 0 !important; float: none !important; } .assessment-satisfaction-2027 .btn-group.col-xs-12 label.btn.active, .assessment-satisfaction-2027 .btn-group.col-xs-12 label.btn.active.btn-default { background: var(--oa-brand-primary, #005aee) !important; border-color: var(--oa-brand-primary, #005aee) !important; color: #FFFFFF !important; } .athanks-2027 { background: var(--oa-bg-base, #F5F5F7); min-height: 100vh; display: flex; flex-direction: column; font-family: var(--oa-font-family, "Inter", -apple-system, BlinkMacSystemFont, sans-serif); -webkit-font-smoothing: antialiased; line-height: 1.5; } .athanks-2027__content { flex: 1; width: 100%; max-width: 640px; margin: 0 auto; padding: 56px 20px 40px; text-align: center; } @media (max-width: 480px) { .athanks-2027__content { padding: 32px 16px 28px; } } .athanks-2027__logo { margin-bottom: 28px; padding-bottom: 24px; border-bottom: 1px solid var(--oa-border-color, #E5E7EB); } .athanks-2027__logo img { max-height: 56px; max-width: 180px; object-fit: contain; } @media (max-width: 480px) { .athanks-2027__logo { margin-bottom: 22px; padding-bottom: 20px; } .athanks-2027__logo img { max-height: 44px; max-width: 150px; } } .athanks-2027__card { background: var(--oa-bg-white, #FFFFFF); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-lg, 12px); box-shadow: var(--oa-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04)); padding: 32px 40px 36px; } @media (max-width: 480px) { .athanks-2027__card { padding: 24px 20px 24px; } } .athanks-2027__check { width: 64px; height: 64px; border-radius: 50%; background: rgba(34, 197, 94, 0.08); border: 2px solid #22C55E; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px; box-shadow: 0 4px 16px rgba(34, 197, 94, 0.15); animation: athanks-2027-check-in 320ms var(--oa-ease-spring, cubic-bezier(0.34, 1.56, 0.64, 1)) both; } .athanks-2027__check i { font-size: 28px; color: #22C55E; } @media (max-width: 480px) { .athanks-2027__check { width: 56px; height: 56px; margin-bottom: 20px; } .athanks-2027__check i { font-size: 24px; } } .athanks-2027__title { color: var(--oa-text-main, #1F2937); margin: 0 0 10px; } .athanks-2027__text { font-size: 15px !important; line-height: 1.6 !important; color: var(--oa-text-secondary, #4B5563); margin: 0 auto; max-width: 460px; } .athanks-2027__template { text-align: left; font-size: 15px; color: var(--oa-text-secondary, #4B5563); line-height: 1.6; } .athanks-2027__template h1 { font-size: 24px !important; color: var(--oa-text-main, #1F2937); margin: 0 0 10px; } .athanks-2027__template p { font-size: 15px !important; line-height: 1.6 !important; color: var(--oa-text-secondary, #4B5563); margin: 0 0 12px; } .athanks-2027__template p:last-child { margin-bottom: 0; } .athanks-2027__template a { color: var(--oa-brand-primary, #005aee); text-decoration: none; } .athanks-2027__template a:hover { text-decoration: underline; } .athanks-2027__template img { max-width: 100%; height: auto; } .athanks-2027__template ul, .athanks-2027__template ol { text-align: left; display: inline-block; margin: 0 0 12px; } .athanks-2027__cta { margin-top: 28px; } .athanks-2027__cta .btn.btn-primary { background: var(--oa-brand-gradient, linear-gradient(135deg, #005aee 0%, #004ac2 100%)) !important; border-color: var(--oa-brand-primary, #005aee) !important; color: #FFFFFF !important; border-radius: var(--oa-radius-md, 8px) !important; display: inline-flex; align-items: center; justify-content: center; min-width: 200px; padding: 13px 40px !important; font-size: 15px !important; font-weight: 600; transition: all 0.15s ease; } .athanks-2027__cta .btn.btn-primary:hover, .athanks-2027__cta .btn.btn-primary:focus { background: linear-gradient(135deg, #004ac2 0%, #003a99 100%) !important; box-shadow: var(--oa-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05)); } .athanks-2027__cta .btn.btn-primary:focus, .athanks-2027__cta .btn.btn-primary:focus-visible { outline: none; box-shadow: var(--oa-shadow-glow, 0 0 0 3px rgba(0, 85, 255, 0.15)); } @media (max-width: 480px) { .athanks-2027__cta .btn.btn-primary { width: 100%; padding: 13px 20px !important; } } .athanks-2027__footer { border-top: 1px solid var(--oa-border-color, #E5E7EB); padding: 24px 20px 32px; margin-top: auto; } .athanks-2027__footer-inner { max-width: 640px; margin: 0 auto; display: flex; align-items: center; gap: 20px; } @media (max-width: 640px) { .athanks-2027__footer-inner { flex-direction: column; gap: 16px; } } .athanks-2027__footer-badges { display: flex; align-items: center; gap: 12px; } .athanks-2027__footer-badges img { height: 36px; object-fit: contain; } .athanks-2027__footer-logo { margin-left: auto; } .athanks-2027__footer-logo img { height: 24px; opacity: 0.5; transition: opacity 0.2s ease; } .athanks-2027__footer-logo:hover img { opacity: 0.8; } @media (max-width: 640px) { .athanks-2027__footer-logo { margin-left: 0; } } .athanks-2027__jobboard { background: var(--oa-bg-white, #FFFFFF); border-top: 1px solid var(--oa-border-color, #E5E7EB); padding: 40px 20px 48px; text-align: center; } .athanks-2027__jobboard-title { color: var(--oa-text-main, #1F2937); margin: 0 0 20px; } .athanks-2027__jobboard .btn.btn-primary { background: var(--oa-brand-gradient, linear-gradient(135deg, #005aee 0%, #004ac2 100%)) !important; border-color: var(--oa-brand-primary, #005aee) !important; color: #FFFFFF !important; border-radius: var(--oa-radius-md, 8px) !important; padding: 13px 40px !important; font-size: 15px !important; font-weight: 600; } .athanks-2027__jobboard .btn.btn-primary input[type=radio] { display: none; } @media (max-width: 480px) { .athanks-2027__jobboard .btn.btn-primary { width: 100%; padding: 13px 20px !important; } } .athanks-2027--results { background: transparent; min-height: calc(100vh - 75px); min-height: calc(100dvh - 75px); justify-content: center; } .athanks-2027--results .athanks-2027__content { flex: 0 0 auto; max-width: 560px; padding: 16px 0 48px; } @media (max-width: 480px) { .athanks-2027--results .athanks-2027__content { padding: 8px 0 32px; } } .athanks-2027--results .athanks-2027__card { padding: 40px 48px 44px; } @media (max-width: 480px) { .athanks-2027--results .athanks-2027__card { padding: 28px 20px 28px; } } .athanks-2027--results .athanks-2027__title { margin-bottom: 12px; } .athanks-2027--results .athanks-2027__cta { margin-top: 32px; } @keyframes athanks-2027-check-in { from { opacity: 0; transform: scale(0.8); } to { opacity: 1; transform: scale(1); } } @media (prefers-reduced-motion: reduce) { .athanks-2027__check { animation: none; } } .ui-notification.version-update { border-radius: 10px; background-color: aliceblue !important; color: black; top: 15px; right: 15px; padding: 10px; width: 400px; } .ui-notification.version-update .btn.btn-primary { text-decoration: none !important; padding-left: 30px; padding-right: 30px; } .ui-notification.version-update:hover { background-color: #bbcddd; opacity: 1; width: 400px; } .ui-notification.version-update .notification-title { color: #2e3e5c; } .nav-page-title { display: inline-flex; align-items: center; margin: 0; padding: 0 16px 0 0; font-size: 16px; font-weight: 700 !important; color: var(--oa-text-main, #1F2937); line-height: var(--oa-header-height, 56px); white-space: nowrap; } .nav-page-title i { margin-right: 8px; color: var(--oa-text-muted, #6B7280); } @media (max-width: 767px) { .nav-page-title { display: none; } } .position-header { display: flex !important; align-items: center !important; height: var(--oa-input-height, 32px) !important; gap: 8px; } .position-header > #logout { position: absolute !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } .position-header .padding-top-10, .position-header .padding-top-5 { padding-top: 0 !important; } .position-header > .padding-top-10 { display: flex !important; align-items: center !important; gap: 8px !important; flex-wrap: nowrap !important; } .position-header .toolbar-form-group { max-width: 370px; width: auto; min-width: 300px; display: inline-flex !important; align-items: center !important; height: var(--oa-input-height, 32px) !important; margin-top: 0 !important; margin-bottom: 0 !important; } .position-header .toolbar-form-group-sm { max-width: 360px; width: auto; display: inline-flex !important; align-items: center !important; height: var(--oa-input-height, 32px) !important; margin-top: 0 !important; margin-bottom: 0 !important; } .position-header .toolbar-form-group-sm .btn:not(.btn-primary):not(.btn-success):not(.btn-danger) { background-color: rgba(107, 114, 128, 0.15); border-color: transparent; color: #334155; height: var(--oa-btn-height, 32px); min-height: var(--oa-btn-height, 32px); } .position-header .toolbar-form-group-sm .btn:not(.btn-primary):not(.btn-success):not(.btn-danger):hover { background-color: rgba(107, 114, 128, 0.25); color: #0F172A; } .position-header .toolbar-form-group-sm .btn:not(.btn-primary):not(.btn-success):not(.btn-danger):focus { box-shadow: 0 0 0 2px rgba(107, 114, 128, 0.2); } .position-header .toolbar-form-group-sm .btn:not(.btn-primary):not(.btn-success):not(.btn-danger).active { background-color: rgba(0, 90, 238, 0.15); color: #005aee; border-color: transparent; } .position-header .toolbar-form-group-sm .form-control, .position-header .toolbar-form-group-sm select { height: 32px; min-height: 32px; padding-top: 0; padding-bottom: 0; } .position-header .btn-flat-no-radius { border-radius: 0 !important; } .position-header .btn-action-padded { padding-left: 20px; padding-right: 20px; } .positions-nav.position-nav-height { height: 40px; } .positions-nav .headline.headline-constrained { max-width: 330px !important; font-size: 11px !important; } a.job-dropdown-toggle { display: inline-flex !important; align-items: center !important; flex-wrap: nowrap !important; gap: 0 !important; white-space: nowrap !important; } a.job-dropdown-toggle > i, a.job-dropdown-toggle > .fa, a.job-dropdown-toggle > [class*=fa-] { font-size: 14px !important; line-height: 1 !important; flex-shrink: 0 !important; display: inline-flex !important; align-items: center !important; } a.job-dropdown-toggle > .pull-left, a.job-dropdown-toggle > .float-left { float: none !important; } a.job-dropdown-toggle > .pull-right, a.job-dropdown-toggle > .float-right { float: none !important; margin-left: auto !important; } a.job-dropdown-toggle > i, a.job-dropdown-toggle > span, a.job-dropdown-toggle > .headline { padding-top: 0 !important; margin-top: 0 !important; vertical-align: middle !important; } a.job-dropdown-toggle > i:first-child, a.job-dropdown-toggle > i.fa-bullhorn, a.job-dropdown-toggle > i.fa-eye-slash { margin-right: 8px !important; padding-right: 0 !important; } a.job-dropdown-toggle > .headline { flex: 1 1 auto !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } a.job-dropdown-toggle > i:last-child, a.job-dropdown-toggle > i.fa-caret-down { margin-left: 8px !important; padding-left: 0 !important; } .position-menu-box { z-index: 999; } .position-menu-box .position-menu-column { min-width: 350px; max-width: 535px; } .position-menu-box .position-menu-column-wide { min-width: 535px; max-width: 535px; } .position-filter-item { background-color: #292e37; padding-left: 0; } .position-filter-item .btn-group.dashboard-position-filter { width: 100%; } .position-list-item { background-color: #22262e; color: #c3c3c3; } .position-list-item-alt { background-color: #232323; color: #c3c3c3; } .position-badge { background-color: #404859; } .job-list-controls { display: flex; align-items: center; } .job-list-controls > .btn-header { background-color: transparent !important; border: none !important; } .job-list-controls > .btn-header:hover { background-color: transparent !important; border: none !important; } .job-list-controls .header-dropdown-list > li { padding: 0 !important; margin: 0 !important; } .job-list-controls .header-dropdown-list > li > a.job-dropdown-toggle { margin-left: 0 !important; } .favorites-btn { margin: auto; padding-left: 15px; padding-right: 5px; padding-top: 0 !important; padding-bottom: 0 !important; } a.job-dropdown-toggle, .header-dropdown-list a.job-dropdown-toggle, #header a.job-dropdown-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; vertical-align: middle !important; background: rgba(var(--oa-brand-primary-rgb, 0, 85, 255), 0.1) !important; border: none !important; border-radius: 8px !important; padding: 6px 10px !important; margin: 0 0 0 15px !important; color: var(--oa-brand-primary, #005aee) !important; transition: all 0.15s ease !important; text-decoration: none !important; height: var(--oa-input-height, 32px) !important; width: var(--oa-input-height, 32px) !important; min-width: var(--oa-input-height, 32px) !important; box-sizing: border-box !important; } a.job-dropdown-toggle i, a.job-dropdown-toggle .job-dropdown-icon, .header-dropdown-list a.job-dropdown-toggle i, .header-dropdown-list a.job-dropdown-toggle .job-dropdown-icon, #header a.job-dropdown-toggle i, #header a.job-dropdown-toggle .job-dropdown-icon { padding: 0 !important; margin: 0 !important; font-size: 18px !important; line-height: 1 !important; color: #005aee !important; transition: color 0.15s ease; } a.job-dropdown-toggle:hover, .header-dropdown-list a.job-dropdown-toggle:hover, #header a.job-dropdown-toggle:hover { background: rgba(41, 116, 219, 0.18) !important; text-decoration: none !important; } a.job-dropdown-toggle:hover i, a.job-dropdown-toggle:hover .job-dropdown-icon, .header-dropdown-list a.job-dropdown-toggle:hover i, .header-dropdown-list a.job-dropdown-toggle:hover .job-dropdown-icon, #header a.job-dropdown-toggle:hover i, #header a.job-dropdown-toggle:hover .job-dropdown-icon { color: #1e5bb8 !important; } a.job-dropdown-toggle:focus, .header-dropdown-list a.job-dropdown-toggle:focus, #header a.job-dropdown-toggle:focus { outline: none !important; box-shadow: 0 0 0 2px rgba(41, 116, 219, 0.25) !important; text-decoration: none !important; } a.job-dropdown-toggle:active, .header-dropdown-list a.job-dropdown-toggle:active, #header a.job-dropdown-toggle:active { background: rgba(41, 116, 219, 0.25) !important; } .open > a.job-dropdown-toggle, li.open > a.job-dropdown-toggle { background: rgba(41, 116, 219, 0.2) !important; } .open > a.job-dropdown-toggle i, .open > a.job-dropdown-toggle .job-dropdown-icon, li.open > a.job-dropdown-toggle i, li.open > a.job-dropdown-toggle .job-dropdown-icon { color: #1e5bb8 !important; } .dropdown-menu-auto-height { overflow-y: hidden; height: auto; } .dropdown-menu-auto-height li > a { width: auto !important; white-space: nowrap; } .mjob-logo { height: 20px; padding-left: 20px; margin-top: 25px; } .profile-dropdown-menu { width: 250px; padding: 0; } .profile-dropdown-header { background-color: #013048; color: white; padding: 0; } .profile-dropdown-header a { color: white; } .header-search { flex: 1 1 auto !important; float: none !important; max-width: 450px; min-width: 250px; height: var(--oa-input-height, 32px) !important; display: flex !important; visibility: visible !important; opacity: 1 !important; align-items: center; } .header-search .search-item { width: 100%; max-width: 100%; } .header-search #candidate_search { margin-top: 0; flex: 1 1 auto; width: 100%; } .header-search #candidate_search .form-control { border: 1px solid var(--oa-border-color, #E5E7EB) !important; border-radius: 6px !important; width: 100% !important; height: var(--oa-input-height, 32px) !important; transition: all 0.15s ease; } .header-search #candidate_search .form-control:focus { border-color: var(--oa-brand-light, #3FA9FF) !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15) !important; outline: none; } .header-search #candidate_search .form-control-feedback { opacity: 0.3; color: #647fa5; width: 70px; } .header-search #candidate_search ul.dropdown-menu { width: 100%; max-width: 450px; min-width: 250px; } .header-search #candidate_search ul.dropdown-menu .search-item-position { white-space: normal; overflow-wrap: break-word; word-break: break-word; } .mobile-nav-modal { background: #FAF9F7; border: none; box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.15); } .mobile-nav-modal .mobile-nav-list { padding: 2rem 1rem; border-bottom: none; } .icon-accent { color: #fb3c4a; } .mega-menu-column { width: 250px; } .mega-menu-bottom { background-color: #edf2f7; } .loader-overlay-fixed { position: fixed !important; top: 56px !important; left: 0 !important; right: 0 !important; height: 4px !important; z-index: 1036; margin-left: 0; pointer-events: none; } .loader-overlay-fixed > .row { margin: 0 !important; } .position-selector, .positions-nav.position-selector { background-color: var(--oa-bg-hover, #F8FAFD) !important; border: 1px solid var(--oa-border-glass, rgba(226, 232, 240, 0.6)) !important; border-radius: var(--oa-radius-sm, 0.5rem) !important; box-shadow: var(--oa-shadow-sm) !important; transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; overflow: visible !important; height: var(--oa-input-height, 32px) !important; position: relative !important; padding: 0 !important; margin-top: 0 !important; cursor: pointer !important; } .position-selector:hover, .positions-nav.position-selector:hover { background-color: var(--oa-bg-white, #FFFFFF) !important; box-shadow: var(--oa-shadow-md) !important; border-color: var(--oa-brand-light, #3FA9FF) !important; } .position-selector.open, .position-selector:focus-within, .positions-nav.position-selector.open, .positions-nav.position-selector:focus-within { border-color: var(--oa-brand-primary, #005aee) !important; box-shadow: var(--oa-shadow-glow, 0 0 0 3px rgba(0, 85, 255, 0.15)) !important; } .position-selector .dropdown-toggle, .position-selector a.job-dropdown-toggle, .positions-nav.position-selector .dropdown-toggle, .positions-nav.position-selector a.job-dropdown-toggle { display: flex !important; align-items: center !important; gap: 8px !important; width: 100% !important; min-height: var(--oa-input-height, 32px) !important; padding: 0 12px !important; margin: 0 !important; color: var(--oa-text-main, #0F172A) !important; font-family: var(--oa-font-family, "Inter", sans-serif); font-size: 15px !important; font-weight: 500; line-height: 1.4 !important; cursor: pointer !important; box-sizing: border-box !important; } .position-selector .dropdown-toggle i, .position-selector .dropdown-toggle .fa, .position-selector .dropdown-toggle [class^=fa-], .position-selector a.job-dropdown-toggle i, .position-selector a.job-dropdown-toggle .fa, .position-selector a.job-dropdown-toggle [class^=fa-], .positions-nav.position-selector .dropdown-toggle i, .positions-nav.position-selector .dropdown-toggle .fa, .positions-nav.position-selector .dropdown-toggle [class^=fa-], .positions-nav.position-selector a.job-dropdown-toggle i, .positions-nav.position-selector a.job-dropdown-toggle .fa, .positions-nav.position-selector a.job-dropdown-toggle [class^=fa-] { display: inline-flex !important; align-items: center !important; font-size: 14px !important; line-height: 1 !important; vertical-align: middle !important; padding: 0 !important; } .position-selector .headline, .position-selector .headline-constrained, .positions-nav.position-selector .headline, .positions-nav.position-selector .headline-constrained { padding: 0 !important; margin: 0 !important; font-size: 15px !important; font-weight: 500 !important; color: var(--oa-text-main, #0F172A) !important; line-height: 1.4 !important; } .position-selector .dropdown-menu, .positions-nav.position-selector .dropdown-menu { overflow: visible !important; } .position-header .btn-group:not(.btn-radio-rounded) label.btn, #header .btn-group:not(.btn-radio-rounded) label.btn.flat-btn { background-color: var(--oa-bg-white, #FFFFFF) !important; border: 1px solid var(--oa-border-glass, rgba(226, 232, 240, 0.6)) !important; border-radius: var(--oa-radius-sm, 0.5rem) !important; color: var(--oa-text-muted, #64748B) !important; font-family: var(--oa-font-family, "Inter", sans-serif); font-size: 13px !important; font-weight: 500 !important; padding: 6px 14px !important; margin: 0 2px !important; box-shadow: var(--oa-shadow-sm) !important; transition: all 0.15s cubic-bezier(0.34, 1.56, 0.64, 1); } .position-header .btn-group:not(.btn-radio-rounded) label.btn:hover:not(.active), #header .btn-group:not(.btn-radio-rounded) label.btn.flat-btn:hover:not(.active) { background-color: var(--oa-bg-hover, #F8FAFD) !important; border-color: var(--oa-brand-light, #3FA9FF) !important; color: var(--oa-brand-primary, #005aee) !important; transform: translateY(-1px); box-shadow: var(--oa-shadow-md) !important; } .position-header .btn-group:not(.btn-radio-rounded) label.btn.active, #header .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active { background-color: var(--oa-brand-primary, #005aee) !important; background-image: var(--oa-brand-gradient, linear-gradient(135deg, #0055FF 0%, #2563EB 100%)) !important; border-color: var(--oa-brand-primary, #005aee) !important; color: #FFFFFF !important; box-shadow: var(--oa-shadow-sm), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important; } .position-header .btn-group:not(.btn-radio-rounded) label.btn.active:hover, #header .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active:hover { background-color: var(--oa-brand-hover, #004ac2) !important; transform: translateY(0); } .position-header .btn-group:not(.btn-radio-rounded) label.btn:active, #header .btn-group:not(.btn-radio-rounded) label.btn.flat-btn:active { transform: scale(0.96) translateY(1px) !important; transition: transform 0.05s ease !important; } .position-header .btn-group label.btn.btn-flat-no-radius { border-radius: var(--oa-radius-sm, 0.5rem) !important; } .position-header .btn-header.transparent, #header .btn-header.transparent { background-color: transparent !important; border: 1px solid transparent !important; border-radius: var(--oa-radius-sm, 0.5rem) !important; color: var(--oa-text-muted, #64748B) !important; transition: all 0.15s ease; } .position-header .btn-header.transparent:hover, #header .btn-header.transparent:hover { background-color: var(--oa-bg-hover, #F8FAFD) !important; border-color: var(--oa-border-glass) !important; color: var(--oa-brand-primary, #005aee) !important; } .position-header .btn-header.transparent.active, .position-header .btn-header.transparent:focus, #header .btn-header.transparent.active, #header .btn-header.transparent:focus { background-color: var(--oa-bg-hover, #F8FAFD) !important; color: var(--oa-brand-primary, #005aee) !important; } #header { display: flex !important; align-items: center !important; } #header .padding-top-10.inline-block { order: 1 !important; } #header .positions-nav.position-selector { order: -1 !important; } #header .assessment-header-nav { order: 2 !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; margin-top: 0 !important; margin-bottom: 0 !important; } #header .assessment-header-nav .form-group, #header .assessment-header-nav .btn.form-group { margin-top: 0 !important; margin-bottom: 0 !important; } #header .position-header { display: flex !important; align-items: center !important; } #header .position-header > .form-group { margin-top: 0 !important; margin-bottom: 0 !important; } #header .position-header > .padding-top-10, #header .position-header > .padding-top-15, #header .position-header > .padding-top-20, #header .position-header > .margin-top-10, #header .position-header > .margin-top-15, #header .position-header > .margin-top-20 { padding-top: 0 !important; margin-top: 0 !important; } .linkedin-ext-icon { position: relative; display: inline-block; cursor: pointer; text-decoration: none; } .linkedin-ext-icon:hover { text-decoration: none; opacity: 0.85; } .linkedin-ext-badge { position: absolute; top: -4px; right: -6px; background: #EF4444; color: #fff; border-radius: 50%; width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; font-size: 9px; line-height: 1; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } .linkedin-ext-pulse .linkedin-ext-badge { animation: ext-badge-pulse 2s ease-in-out 3; } @keyframes ext-badge-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.25); } } @media (prefers-reduced-motion: reduce) { .linkedin-ext-pulse .linkedin-ext-badge { animation: none; } } /* Positions pages */ .filter-header-2027 .row.smart-form { margin-left: -8px !important; margin-right: -8px !important; } .filter-header-2027 .row.smart-form > .col, .filter-header-2027 .row.smart-form > [class*=col-] { padding-left: 8px !important; padding-right: 8px !important; } .filter-header-2027 .row.smart-form .icon-addon input.form-control { height: var(--oa-input-height, 32px) !important; border: 1px solid var(--oa-border-color, #E5E7EB) !important; border-radius: 6px !important; font-size: 13px; padding-left: 36px !important; background: var(--oa-bg-primary, #FFFFFF); transition: all 0.15s ease; } .filter-header-2027 .row.smart-form .icon-addon input.form-control:focus { border-color: var(--oa-brand-light, #3FA9FF) !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15) !important; outline: none; } .filter-header-2027 .row.smart-form .icon-addon label[class*=fa-] { color: var(--oa-text-muted, #64748B); font-size: 14px; transition: color 0.15s ease; } .filter-header-2027 .row.smart-form .icon-addon:focus-within label[class*=fa-] { color: var(--oa-brand-primary, #005aee); } .filter-header-2027 .row.smart-form label.select select.form-control { height: var(--oa-input-height, 32px) !important; border: 1px solid var(--oa-border-color, #E5E7EB) !important; border-radius: 6px !important; font-size: 13px; background: var(--oa-bg-primary, #FFFFFF); transition: all 0.15s ease; } .filter-header-2027 .row.smart-form label.select select.form-control:focus { border-color: var(--oa-brand-light, #3FA9FF) !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15) !important; outline: none; } .filter-header-2027 .row.smart-form .checkbox { margin-top: 0; display: flex; align-items: center; height: var(--oa-input-height, 32px); } .filter-header-2027 #reportrange_list.gantt-range { height: var(--oa-input-height, 32px); padding: 0 12px; border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 16px; display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--oa-text-secondary, #475569); cursor: pointer; transition: all 0.15s ease; } .filter-header-2027 #reportrange_list.gantt-range:hover { border-color: var(--oa-brand-primary, #005aee); color: var(--oa-text-primary, #0F172A); } .filter-header-2027 #reportrange_list.gantt-range i { color: var(--oa-text-muted, #64748B); } .filter-header-2027 .btn-primary.flat-btn { height: var(--oa-input-height, 32px) !important; border-radius: 8px !important; font-size: 13px; font-weight: 600; padding: 0 16px; display: inline-flex; align-items: center; gap: 8px; transition: all 0.15s ease; } .positions .nav-tabs a span { background-color: #B2B5B9; border-radius: 50%; padding: 3px 9px; text-align: center; color: #ffffff; } .positions .tab-content .applied .common-actions .dropdown-menu { right: 65px; } .positions .applied .candidate-profile .col-sm-1 { width: 11%; } .positions .applied .candidate-profile .col-sm-10 { width: 89%; } .positions .applied .candidate-profile .col-sm-10 .buttons-holder { float: right; } .positions .applied .candidate-profile .col-sm-10 .buttons-holder .dropdown-menu { left: auto; } .positions .applied .candidate-profile .social-icons { display: inline-block; } .positions .assessment td img { max-width: 34px; margin-right: 10px; float: left; } .positions .assessment .table-hover > tbody > tr.inside-table:hover { background-color: transparent; } .positions .assessment .inside-table .table thead tr { background-color: transparent; background-image: none; } .positions .assessment .inside-table .table thead tr th { border-bottom: none; } .positions .assessment .inside-table .table > tbody > tr > td, .positions .assessment .inside-table .table > tfoot > tr > td { padding: 4px 10px; border-top: none; } .positions .interview strong { font-weight: 600; } .positions .interview .feedback .col-sm-1, .positions .interview .feedback .col-sm-8 { padding: 0 0 0 30px; } .positions .interview .feedback .col-sm-1 img, .positions .interview .feedback .col-sm-8 img { max-width: 35px; } .widget-body.positions-holder { padding: 0; border: none !important; /*max-height: 800px; overflow-y: auto;*/ } .widget-body.positions-holder ul.nav-tabs { border-top-left-radius: 3px; border-top-right-radius: 3px; } .widget-body.positions-holder div.tab-content { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .widget-body.positions-holder .smart-form .checkbox { border-radius: 3px !important; border-width: 2px !important; } .widget-body.positions-holder .smart-form .checkbox.gray i { border-color: #f2f2f2; background-color: #f2f2f2; } .widget-body.positions-holder .smart-form .checkbox.blue i { border-color: #4c90fe; background-color: #4c90fe; } .widget-body.positions-holder .smart-form .checkbox.green i { border-color: #dff0d8; background-color: #dff0d8; } .widget-body.positions-holder .smart-form .checkbox input + i:after { color: #ffffff; font-size: 11px; } .widget-body.positions-holder .list-unstyled.positions li { border-bottom: 1px dotted #ccc; padding: 5px 5px 10px 5px; cursor: pointer; } .widget-body.positions-holder .list-unstyled.positions li:hover, .widget-body.positions-holder .list-unstyled.positions li.active { background-color: #efefef; } .widget-body.positions-holder .list-unstyled.positions li:last-child { border-bottom: 0; } .widget-body.positions-holder .list-unstyled.positions li .badge.bg-color-gray { background-color: #f2f2f2 !important; } .widget-body.positions-holder .list-unstyled.positions li .badge.bg-color-blueLight { background-color: #4c90fe !important; } .widget-body.positions-holder .list-unstyled.positions li .badge.bg-color-green { background-color: #dff0d8 !important; } .widget-body.positions-holder .list-unstyled.positions li .row { margin: 0 -5px; max-width: 300px; } .widget-body.positions-holder .list-unstyled.positions li .row .col-xs-4 { padding: 0 5px; width: 32%; } .widget-body.positions-holder .list-unstyled.positions li .row .col-xs-4.long { width: 34%; } .widget-body.positions-holder .list-unstyled.positions li p { color: #005aee; font-size: 13.5px; } .widget-body.positions-holder .list-unstyled.positions li p.font-xs { color: #777; } .widget-body.positions-holder .list-unstyled.positions li .report { font-weight: 600; } .widget-body.positions-holder .positions-list { height: 600px; overflow-y: auto; } .widget-body.positions-holder .positions-list li.closed { border-left: 2px solid #ff0000; } .widget-body.positions-holder .positions-list li.selecting { border-left: 2px solid #f0ad4e; } .widget-body.positions-holder .positions-list li.archived { border-left: none; } .position-flow-tabs { padding-top: 0px !important; } .position-flow-tabs .location .fa { color: #777; margin-top: 2px; } .position-flow-tabs div.main-tabs > ul.nav-tabs { border-width: 0 !important; } .position-flow-tabs div.main-tabs > div.tab-content { border-width: 0 !important; padding: 2px 0; } .position-flow-tabs div.main-tabs > ul li { text-align: center; width: 25%; padding: 5px 15px; border-bottom: 1px solid #eeeeee; } .position-flow-tabs div.main-tabs > ul li.active { color: #434e5d; box-shadow: 0 -1px 0 0 #434e5d inset; } .position-flow-tabs div.main-tabs > ul li.active a { color: #434e5d !important; } .position-flow-tabs div.main-tabs > ul li a { padding: 0; } .position-flow-tabs div.main-tabs > ul li a:hover, .position-flow-tabs div.main-tabs > ul li a:active, .position-flow-tabs div.main-tabs > ul li a:focus { color: #434e5d !important; } .position-flow-tabs .nav > li > a:hover { background-color: transparent; } .position-flow-tabs .nav-tabs > li > a { border-width: 0; } .position-flow-tabs .nav-tabs > li > a:hover { border: none; } .position-flow-tabs .position-tabs .tab-content { border: none; padding: 0; } .position-flow-tabs .position-tabs .tab-content .col-sm-5 .list-inline li { width: 80px; } .position-flow-tabs .separator { border-bottom: 1px solid #dddddd; } .position-flow-tabs img.img-users { margin: 30px auto 0 auto; } .position-flow-tabs .position-page-candidate:first-child { margin-top: 10px; } .position-flow-tabs .position-page-candidate > div.row { border-bottom: 1px solid #eeeeee; } .position-flow-tabs .candidate-profile-wrap:last-child .position-page-candidate div.row { border-bottom: none; } .position-flow-tabs .candidate-profile-wrap .inactive { background-color: #f4f4f4; padding-bottom: 20px; } .position-flow-tabs .candidate-placeholder span.inline-block { height: 16px; background-color: #efefef; min-width: 120px; } .position-flow-tabs .candidate-placeholder span.estimate { background-color: #efefef; border: 1px solid #efefef; height: 16px; } .position-flow-tabs .candidate-placeholder .label-default { background-color: #f8f8f8; } .position-flow-tabs .candidate-placeholder .short { height: 12px !important; } .position-flow-tabs .add-position-placeholder { border: 2px dashed #ebebeb; } .position-flow-tabs .add-position-placeholder h3 { margin: 10px 0 5px 0; } .position-tabs .candidates-list { padding-top: 84px; } .position-tabs ul.nav-tabs { background: #F3F7FB; border: none !important; height: 60px; } .position-tabs ul.nav-tabs li { height: 50px; } .position-tabs ul.nav-tabs li a { padding: 20px 20px; border-right: 1px solid #dcdcdc; margin-right: 0; color: #0e0e0e; font-weight: 600; padding-left: 40px; padding-right: 40px; text-transform: uppercase; font-weight: 300; } .position-tabs ul.nav-tabs li.active { background-color: #ffffff; height: 50px; } .position-tabs ul.nav-tabs li.active a { position: relative; background: #ffffff; border: 1px solid #c2e1f5; border-left: none; border-bottom: none; border-top: none; box-shadow: none; color: #555555; font-weight: 600 !important; } .position-tabs ul.nav-tabs li.active a:after, .position-tabs ul.nav-tabs li.active a:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .position-tabs ul.nav-tabs li.active a:after { border-color: rgba(136, 183, 213, 0); border-left-color: #ffffff; border-width: 8px; margin-top: -8px; } .position-tabs ul.nav-tabs li.active a:before { border-color: rgba(194, 225, 245, 0); border-left-color: #c2e1f5; border-width: 10px; margin-top: -10px; } .position-tabs ul.nav-tabs li.last-tab a:after, .position-tabs ul.nav-tabs li.last-tab a:before, .position-tabs ul.nav-tabs li:last-child a:after, .position-tabs ul.nav-tabs li:last-child a:before { content: none; } .position-tabs ul.nav-tabs li .btn-link { padding: 15px 20px; } .position-tabs .measure-header { background-color: #f9f9f9; margin-bottom: 10px; padding: 5px 7px; font-weight: bold; border: 1px solid #dbdbdb; } @media (max-width: 767px) { .position-tabs .measure-header { margin-bottom: 0px !important; } } .position-tabs .measure-header span { width: 68px; display: inline-block; font-size: 10px; letter-spacing: 1px; } .position-tabs span.estimate { height: 35px; width: 50px; background-color: #f9f9f9; display: inline-block; font-weight: bold; padding-top: 7px; border-radius: 0px; border: none; color: black; font-size: 12px; } .position-tabs span.estimate.cutoff { border-bottom: 1px solid #9d1b1d; } .position-tabs span.estimate.passed { border-bottom: 1px solid #009d33; } .position-tabs span.estimate.not-tested { border-bottom: 1px solid #b8bfc8 !important; } .position-tabs .cutoff-point { /* margin: 0 -34px 15px -44px; line-height: 1px; margin-bottom: 30px; */ background: #000000; height: 3px; margin-top: 10px; font-size: 10px; text-transform: uppercase; } .position-tabs .cutoff-point span { background: #ffffff; padding: 10px; position: relative; top: -7px; left: 20px; } .position-tabs .cutoff-point.cutoff-absolute { background-color: #e53939; } .position-tabs .cutoff-point.cutoff-absolute span { background-color: #e53939; padding: 4px 10px; border-radius: 5px; } .position-tabs .cutoff-point.cutoff-relative { background-color: #5cb85c; } .position-tabs .cutoff-point.cutoff-relative span { background-color: #5cb85c; padding: 4px 10px; } .position-tabs .image-circle { margin-top: 20px; margin-left: 10px; } .smart-form .label { color: #617f9d; } label.label { color: #7795af; } #position-form { color: #333333; padding: 16px 32px !important; margin-top: 0; } #position-form .card-body > .row { align-items: flex-start; } #position-form > .row:first-child .header-title { font-size: var(--oa-text-label, 12px) !important; font-weight: var(--oa-text-label-weight, 400) !important; color: var(--oa-text-muted, #64748B) !important; line-height: var(--oa-text-label-leading, 1.4) !important; text-transform: none !important; letter-spacing: normal; padding: 0; margin-bottom: 6px; display: block !important; } #position-form > .row:first-child .header-title i, #position-form > .row:first-child .header-title .fa-light { color: var(--oa-text-muted, #64748B); margin-right: 4px; font-size: 12px !important; } #position-form > .row:first-child .header-title .required { color: var(--oa-danger-text, #DC2626); margin-left: 2px; } #position-form > .row:not(:first-child) .header-title { font-size: 15px !important; font-weight: 600 !important; color: var(--oa-text-main, #0F172A) !important; padding-bottom: 0 !important; margin-bottom: 28px !important; margin-top: 24px !important; display: block !important; position: relative; } #position-form > .row:not(:first-child) .header-title i, #position-form > .row:not(:first-child) .header-title .fa-light { color: var(--oa-brand-primary, #005AEE); margin-right: 10px; font-size: 18px; } #position-form > .row:not(:first-child) .header-title .required { color: var(--oa-danger-text, #DC2626); margin-left: 4px; } #position-form legend { font-weight: 300; padding-bottom: 4px; font-size: 14px; padding-top: 40px; } #position-form i.pull-left { font-size: 14px; color: #888888; width: 17px; } #position-form i.fa-money { margin-top: 2px; } #position-form span.note.pull-left { font-size: 11px; margin: 3px 10px 0 10px; } #position-form .list-inline li { padding: 0 8px; } #position-form .col-lg-offset-2 { margin-left: 16.66666667% !important; } #position-form .radios-holder { padding-top: 7px; } #position-form .radios-holder .inline-group label { width: 10%; } #position-form .table-responsive.required-skills { background-color: #fefefe; border-left: 5px solid #45B6AF; } #position-form .table-responsive.optional-skills { background-color: #fefefe; border-left: 5px solid #89C4F4; } #position-form .table thead tr { background: transparent !important; } #position-form .table thead tr th { background: transparent !important; border-bottom: none !important; } #position-form .table thead tr th:first-child, #position-form .table thead tr th.remove-th { /*background: $white;*/ } #position-form .table thead tr th .card-title, #position-form .table thead tr th .text-muted { text-transform: none !important; } #position-form .table tbody td { border: none !important; vertical-align: middle; } #position-form .table tbody td label.radio { display: inline; } #position-form .table tbody td:first-child { color: #333333; } #position-form .table tbody td.text-center { padding-top: 1px; } #position-form .table tbody td .state-disabled.radio input:checked + i { border-color: #3b9ff3 !important; } #position-form .col-lg-2 .btn-danger { margin-left: 5px; } #position-form .btn-group, #position-form .btn-group-justified-custom { display: inline-flex !important; align-items: center !important; gap: 0 !important; height: var(--oa-input-height, 32px) !important; background: #F1F5F9 !important; border-radius: 8px !important; padding: 2px !important; border: none !important; overflow: visible !important; width: auto !important; max-width: 100%; } #position-form .btn-group-justified-custom > .btn, #position-form .btn-group-justified-custom > label.btn { width: auto !important; flex: 0 0 auto !important; } #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn { padding: 4px 10px !important; line-height: 1.4 !important; min-height: auto !important; height: auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; box-sizing: border-box !important; background: transparent !important; border: none !important; border-width: 0 !important; border-style: none !important; border-color: transparent !important; border-radius: 6px !important; margin: 0 !important; color: #64748B !important; font-family: var(--oa-font-family, "Inter", sans-serif); font-size: 12px !important; font-weight: 500 !important; transition: all 0.15s ease !important; box-shadow: none !important; outline: none !important; float: none !important; } #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn:hover:not(.active):not(:disabled), #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn:hover:not(.active):not(:disabled) { background: rgba(0, 0, 0, 0.04) !important; color: #0F172A !important; border: none !important; border-width: 0 !important; border-style: none !important; } #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn:focus, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn:focus { outline: none !important; box-shadow: 0 0 0 2px rgba(0, 85, 255, 0.15) !important; border: none !important; border-width: 0 !important; } #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active, #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active.btn-default, #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.btn-default.active, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active.btn-default, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.btn-default.active { background: var(--oa-bg-hover, #F8FAFD) !important; color: #0055FF !important; box-shadow: none !important; border: none !important; border-width: 0 !important; border-style: none !important; border-color: transparent !important; z-index: 1 !important; } #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active:hover, #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active:focus, #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active:active, #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active.btn-default:hover, #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active.btn-default:focus, #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active.btn-default:active, #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.btn-default.active:hover, #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.btn-default.active:focus, #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.btn-default.active:active, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active:hover, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active:focus, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active:active, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active.btn-default:hover, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active.btn-default:focus, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active.btn-default:active, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.btn-default.active:hover, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.btn-default.active:focus, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.btn-default.active:active { background: #DBEAFE !important; color: #0055FF !important; border: none !important; border-width: 0 !important; } #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active:hover span:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active:focus span:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active:active span:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active.btn-default:hover span:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active.btn-default:focus span:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active.btn-default:active span:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.btn-default.active:hover span:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.btn-default.active:focus span:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.btn-default.active:active span:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active:hover span:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active:focus span:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active:active span:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active.btn-default:hover span:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active.btn-default:focus span:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active.btn-default:active span:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.btn-default.active:hover span:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.btn-default.active:focus span:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.btn-default.active:active span:not(.txt-color-red):not(.txt-color-green) { color: #0055FF !important; } #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active:hover i:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active:focus i:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active:active i:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active.btn-default:hover i:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active.btn-default:focus i:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active.btn-default:active i:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.btn-default.active:hover i:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.btn-default.active:focus i:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.btn-default.active:active i:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active:hover i:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active:focus i:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active:active i:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active.btn-default:hover i:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active.btn-default:focus i:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active.btn-default:active i:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.btn-default.active:hover i:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.btn-default.active:focus i:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.btn-default.active:active i:not(.txt-color-red):not(.txt-color-green) { color: #0055FF !important; } #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active span:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active.btn-default span:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.btn-default.active span:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active span:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active.btn-default span:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.btn-default.active span:not(.txt-color-red):not(.txt-color-green) { color: #0055FF !important; } #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active i:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active.btn-default i:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.btn-default.active i:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active i:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active.btn-default i:not(.txt-color-red):not(.txt-color-green), #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.btn-default.active i:not(.txt-color-red):not(.txt-color-green) { color: #0055FF !important; } #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active i.txt-color-red, #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active.btn-default i.txt-color-red, #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.btn-default.active i.txt-color-red, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active i.txt-color-red, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active.btn-default i.txt-color-red, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.btn-default.active i.txt-color-red { color: #A90329 !important; } #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active i.txt-color-green, #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.active.btn-default i.txt-color-green, #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.btn-default.active i.txt-color-green, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active i.txt-color-green, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.active.btn-default i.txt-color-green, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.btn-default.active i.txt-color-green { color: #356E35 !important; } #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.btn-default:hover, #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.btn-default:focus, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.btn-default:hover, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.btn-default:focus { color: #64748B !important; } #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.btn-default:hover span, #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.btn-default:focus span, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.btn-default:hover span, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.btn-default:focus span { color: #64748B !important; } #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.btn-default.active:hover, #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.btn-default.active:focus, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.btn-default.active:hover, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.btn-default.active:focus { color: #0055FF !important; } #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.btn-default.active:hover span, #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn.btn-default.active:focus span, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.btn-default.active:hover span, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn.btn-default.active:focus span { color: #0055FF !important; } #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn i, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn i { font-size: 12px !important; color: inherit !important; } #position-form .btn-group:not(.btn-radio-rounded) label.btn.flat-btn span, #position-form .btn-group:not(.btn-radio-rounded) .btn.flat-btn span { color: inherit !important; } @media (max-width: 767px) { .candidate-results-finished-view .card-body { padding-top: 15px !important; padding-bottom: 15px !important; } } @media (min-width: 768px) { .candidate-results-finished-view .pe-dimension-headline { padding-left: 30px !important; padding-right: 30px !important; } } .assessment-single-result-modal .card.hover-shadow { margin: 0 !important; margin-top: -20px !important; padding: 0 !important; border: none !important; box-shadow: none !important; } .assessment-single-result-modal .card.hover-shadow .card-body { padding: 0 !important; margin: 0 !important; padding-bottom: 20px !important; } .company-position-page > .row.no-gutter.padding-bottom-10 { margin-top: 0; } .company-position-page .position-top-nav { background: var(--oa-bg-hover, #F8FAFD) !important; border-bottom: 1px solid var(--oa-border-color, #E5E7EB); padding: 8px 0; } .company-position-page .position-top-nav ul.list-inline, .company-position-page .position-top-nav ul.tabs-2027 { border-bottom: none !important; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0; padding: 0 16px; } .company-position-page .position-top-nav ul.list-inline li, .company-position-page .position-top-nav ul.tabs-2027 li { list-style: none; } .company-position-page .position-top-nav ul.list-inline li a, .company-position-page .position-top-nav ul.list-inline li a.tab-item, .company-position-page .position-top-nav ul.tabs-2027 li a, .company-position-page .position-top-nav ul.tabs-2027 li a.tab-item { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px !important; color: var(--oa-text-secondary, #64748B); font-size: 13px; font-weight: 500; transition: all 0.15s ease; border-radius: 6px; text-decoration: none; } .company-position-page .position-top-nav ul.list-inline li a i, .company-position-page .position-top-nav ul.list-inline li a.tab-item i, .company-position-page .position-top-nav ul.tabs-2027 li a i, .company-position-page .position-top-nav ul.tabs-2027 li a.tab-item i { font-size: 14px; opacity: 0.8; } .company-position-page .position-top-nav ul.list-inline li a:hover, .company-position-page .position-top-nav ul.list-inline li a.tab-item:hover, .company-position-page .position-top-nav ul.tabs-2027 li a:hover, .company-position-page .position-top-nav ul.tabs-2027 li a.tab-item:hover { background: rgba(0, 0, 0, 0.04); color: var(--oa-text-main, #1F2937); text-decoration: none; } .company-position-page .position-top-nav ul.list-inline li a:hover i, .company-position-page .position-top-nav ul.list-inline li a.tab-item:hover i, .company-position-page .position-top-nav ul.tabs-2027 li a:hover i, .company-position-page .position-top-nav ul.tabs-2027 li a.tab-item:hover i { opacity: 1; } .company-position-page .position-top-nav ul.list-inline li.position-nav-active a, .company-position-page .position-top-nav ul.list-inline li.active a, .company-position-page .position-top-nav ul.tabs-2027 li.position-nav-active a, .company-position-page .position-top-nav ul.tabs-2027 li.active a { background: var(--oa-bg-hover, #F8FAFD); color: var(--oa-brand-primary, #005aee); box-shadow: none; font-weight: 600; border-bottom: 2px solid var(--oa-brand-primary, #005aee); margin-bottom: -1px; } .company-position-page .position-top-nav ul.list-inline li.position-nav-active a i, .company-position-page .position-top-nav ul.list-inline li.active a i, .company-position-page .position-top-nav ul.tabs-2027 li.position-nav-active a i, .company-position-page .position-top-nav ul.tabs-2027 li.active a i { opacity: 1; color: var(--oa-brand-primary, #005aee); } .company-position-page .card { border-top: none !important; } .company-position-page .position-content-wrapper { padding: 0 15px; } .company-position-page .position-content-centered { max-width: 1200px; margin: 0 auto; } .company-position-page .input-group { display: flex; align-items: stretch; border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 8px; background: #fff; overflow: hidden; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .company-position-page .input-group:focus-within { border-color: var(--oa-brand-primary, #005aee); box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1); } .company-position-page .input-group label.input, .company-position-page .input-group .input { flex: 1 !important; min-width: 0 !important; margin: 0 !important; display: block !important; } .company-position-page .input-group .form-control { width: 100% !important; flex: 1 !important; float: none !important; border: none !important; box-shadow: none !important; background: transparent !important; height: 40px !important; padding: 8px 12px !important; } .company-position-page .input-group .form-control:focus { box-shadow: none !important; } .company-position-page .input-group .input-group-btn { display: flex !important; flex-shrink: 0 !important; width: auto !important; align-items: center; padding: 0 !important; border-left: 1px solid var(--oa-border-color, #E5E7EB); background: var(--oa-bg-secondary, #F9F8F6); } .company-position-page .input-group .input-group-btn .btn { height: 100% !important; min-height: 40px; padding: 8px 16px !important; margin: 0 !important; border: none !important; border-radius: 0 !important; background: transparent !important; color: var(--oa-text-secondary, #64748B) !important; font-size: 13px; font-weight: 500; display: flex; align-items: center; gap: 6px; transition: background-color 0.15s ease, color 0.15s ease; } .company-position-page .input-group .input-group-btn .btn:hover { background: var(--oa-bg-tertiary, #F0EFEC) !important; color: var(--oa-text-main, #1F2937) !important; } .company-position-page .input-group .input-group-btn .btn:active { background: #E5E4E1 !important; } .company-position-page label.checkbox, .company-position-page .smart-form label.checkbox, .company-position-page .smart-form .checkbox { flex-wrap: nowrap !important; white-space: nowrap !important; } .company-position-page .position-right, .company-position-page .ui-view-container, .company-position-page [ui-view], .company-position-page .fade01 { border: none !important; } @media (max-width: 767px) { .company-position-page .open-close-position-button { margin-top: 12px !important; padding: 0px 2px 0px 0px !important; } } @media (max-width: 767px) { .company-position-page .positions-nav { margin-top: 5px !important; font-size: 10px; } } @media (min-width: 768px) and (max-width: 1199px) { .company-position-page .positions-nav { margin-top: 3px !important; } } @media (max-width: 767px) { .company-position-page .reports-dropdown-responsive { font-size: 12px !important; } } @media (min-width: 768px) and (max-width: 1199px) { .company-position-page .reports-dropdown-responsive { font-size: 14px !important; } } @media (min-width: 1200px) { .company-position-page .reports-dropdown-responsive { font-size: 16px !important; } } .company-position-page .candidates-workflow { padding-top: 76px; background: #fbfbfb; } .company-position-page .left-navigation { position: -webkit-sticky; position: sticky; top: 0px; } .company-position-page .left-navigation-fix { position: -webkit-sticky; position: sticky; top: 95px; } @media (min-width: 768px) { .company-position-page .right-content { padding-top: 0px; } } .company-position-page .open > .dropdown-menu { -webkit-animation: none; } .company-position-page span.dropdown-toggle { font-size: 16px; font-weight: 800; cursor: pointer; } .company-position-page span.dropdown-toggle i[class*=fa-] { color: var(--oa-icon-color, #57534E); } .company-position-page ul.dropdown-menu > li > a { padding: 10px 20px; } .company-position-page ul.dropdown-menu > li > a:hover { background-color: #5a6b9a; } .company-position-page ul.dropdown-menu { padding: 0px 0 0 0; min-width: 370px; left: auto; margin-top: 6px; margin-left: -20px; } @media (max-width: 767px) { .company-position-page ul.dropdown-menu { min-width: 0px !important; } } .company-position-page ul.dropdown-menu li.search { background-color: #e3e6e6; } .company-position-page ul.dropdown-menu li { border-bottom: 1px solid #eeeeee; padding: 5px 10px 5px 10px; cursor: pointer; } .company-position-page ul.dropdown-menu li a.span { font-weight: 400; } .company-position-page ul.dropdown-menu li:hover { background-color: #f7f7f7; } .company-position-page ul.dropdown-menu li.separator { background-color: #f8f9fa; margin-left: 0px; margin-right: 0px; font-size: 10px; } .company-position-page fieldset.location, .company-position-page div.position-name { display: none; } .left-navigation .company-position-nav > li > a:hover, .left-navigation .nav > li > a:focus, .left-navigation .nav > li > a:hover { border-color: transparent !important; background-color: transparent !important; } .txt-color-black { color: black !important; } /* Positions - Agile View */ .positions-agile-view { margin-top: -20px !important; } .positions-agile-view .positions-columns-holder .row { margin-left: -6.5px; margin-right: -6.5px; } .positions-agile-view .positions-columns-holder .row .column { padding-left: 6.5px; padding-right: 6.5px; } .positions-agile-view .positions-columns-holder .row .column .wall { border: none; padding: 5px 0; background-color: #f5f5f5; } .positions-agile-view .positions-columns-holder .row .column .wall .position-content { padding: 15px 10px; background: #ffffff; border-top: none; } .positions-agile-view .positions-columns-holder .row .column .wall .position-content:hover { border: 1px solid rgba(0, 0, 0, 0.2); border-top: none; background-color: #f9f9f9; cursor: move; } .positions-agile-view .positions-columns-holder .row .column .wall .position-content:first-child, .positions-agile-view .positions-columns-holder .row .column .wall .position-content:first-child:hover { border-top: 1px solid rgba(0, 0, 0, 0.2); } .positions-agile-view .positions-columns-holder .row .column .wall .position-content img { max-width: 35px; display: inline-block; } .positions-agile-view .positions-columns-holder .row .column .wall .position-content .btn { background: transparent; } .positions-agile-view .positions-columns-holder .row .column .wall .position-content .col-md-3 p.note { color: #555555; } .positions-agile-view .positions-columns-holder .row .column .wall .position-content .overall-rating { font-size: 13px; } .positions-agile-view .positions-columns-holder .row .column .wall .position-content .overall-rating span.static { border: 1px solid #777; border-bottom: none; border-top-left-radius: 6px; border-top-right-radius: 6px; padding: 2px 6px; } .positions-agile-view .positions-columns-holder .row .column .wall .position-content .overall-rating span.text-center { display: block; width: 37px; padding: 3px 6px; color: #ffffff; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; font-weight: 600; } .positions-agile-view .positions-columns-holder .row .column .wall .position-content .overall-rating span.text-center small { font-weight: normal; font-size: 12px; } .location-entry { background-color: var(--oa-bg-white, #F9FAFB) !important; border: 1px solid var(--oa-border-color, #E5E7EB) !important; border-radius: 12px !important; padding: 16px !important; transition: all 0.2s var(--ease-snap-2027, cubic-bezier(0.2, 0, 0, 1)); height: 100%; display: flex; align-items: flex-start; } .location-entry:hover { background-color: var(--oa-bg-hover, #F8FAFD) !important; border-color: var(--oa-border-strong, #CBD5E1) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } .location-entry .media-left { padding-right: 12px; padding-left: 0; flex-shrink: 0; } .location-entry .media-left i { color: var(--oa-icon-color, #64748B); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: rgba(100, 116, 139, 0.1); border-radius: 10px; } .location-entry .media-left i.location-icon-visible { color: var(--oa-brand-primary, #005AEE); } .location-entry .location-visibility-badge { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 6px; color: var(--oa-text-muted, #64748B); font-size: 14px; } .location-entry .location-visibility-badge.is-hidden { color: var(--oa-text-muted, #94A3B8); opacity: 0.6; } .location-entry .media-body { flex: 1; min-width: 0; } .location-entry .media-body .bold { font-weight: 600; color: var(--oa-text-main, #0F172A); font-size: 14px; line-height: 1.4; } .location-entry .media-body .font-sm { font-size: 13px; color: var(--oa-text-muted, #64748B); } .location-entry .media-body .font-xs { font-size: 12px; color: var(--oa-text-muted, #64748B); } .location-entry .badge { background-color: var(--oa-bg-base, #F5F5F7); color: var(--oa-text-primary, #334155); padding: 4px 10px; border-radius: 6px; font-weight: 500; font-size: 12px; } .location-entry .media-right { flex-shrink: 0; padding-left: 8px; } .location-entry .media-right .font-sm.text-muted.inline-block { display: inline-flex !important; align-items: center; gap: 4px; width: auto !important; font-size: 0 !important; } .location-entry .media-right .font-sm.text-muted.inline-block a { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 6px; color: var(--oa-text-muted, #64748B); background: transparent; transition: all 0.15s ease; font-size: 14px !important; } .location-entry .media-right .font-sm.text-muted.inline-block a i { font-size: 14px; } .location-entry .media-right .font-sm.text-muted.inline-block a:hover { color: var(--oa-brand-primary, #005AEE); background: var(--oa-bg-hover, #F8FAFD); } .location-entry .media-right .text-muted a { color: var(--oa-text-muted, #64748B); padding: 4px; border-radius: 4px; transition: color 0.15s ease; } .location-entry .media-right .text-muted a:hover { color: var(--oa-brand-primary, #005AEE); } #position-form .location-actions { border-radius: 6px; padding: 13px; max-width: fit-content; } #position-form .location-actions .btn-group { display: flex !important; flex-wrap: wrap !important; min-width: 140px; align-items: center !important; gap: 8px !important; background: transparent !important; height: auto !important; padding: 0 !important; } #position-form .location-actions .btn { border-radius: 16px !important; margin-left: 0 !important; } #position-form .location-actions .btn-primary { background-color: var(--oa-slate-300, #CBD5E1) !important; border-color: var(--oa-slate-400, #94A3B8) !important; color: var(--oa-slate-700, #334155) !important; padding: 4px 12px !important; font-size: 11px !important; border-radius: 14px !important; } #position-form .location-actions .btn-primary .fa, #position-form .location-actions .btn-primary .fa-light { color: var(--oa-slate-700, #334155) !important; } #position-form .location-actions .btn-primary:hover { background-color: var(--oa-slate-400, #94A3B8) !important; border-color: var(--oa-slate-400, #94A3B8) !important; color: var(--oa-slate-800, #1E293B) !important; } #position-form .location-actions .btn-default.flat-btn { background-color: var(--oa-slate-200, #E2E8F0) !important; border: 1px dotted var(--oa-slate-400, #94A3B8) !important; color: var(--oa-slate-600, #475569) !important; padding: 3px 10px !important; font-size: 11px !important; border-radius: 14px !important; } #position-form .location-actions .btn-default.flat-btn .fa, #position-form .location-actions .btn-default.flat-btn .fa-light { color: var(--oa-slate-600, #475569) !important; font-size: 10px !important; } #position-form .location-actions .btn-default.flat-btn:hover { background-color: var(--oa-slate-300, #CBD5E1) !important; border-color: var(--oa-slate-500, #64748B) !important; } .position-edit > footer.row, .smart-form footer.position-footer, footer.position-footer { background-color: var(--oa-bg-white, #FFFFFF); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-lg, 12px); padding: 16px 20px; margin: 0 15px 30px 15px; box-shadow: var(--oa-shadow-sm); } .position-edit > footer.row > .col, .smart-form footer.position-footer > .col, footer.position-footer > .col { padding: 0; } .position-edit > footer.row .btn-primary, .smart-form footer.position-footer .btn-primary, footer.position-footer .btn-primary { min-width: 120px; padding: 8px 24px; } #position-form table.table > tbody > tr > td { border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important; } #position-form table.table > tbody:last-child > tr:last-child > td { border-bottom: none !important; } #position-form select.form-control.input-xs { border-radius: 8px !important; font-size: 12px !important; padding: 4px 10px !important; height: auto !important; } #position-form .skill-row .fa-trash { font-size: 13px !important; color: var(--oa-text-muted, #4B5563) !important; transition: color 0.15s ease; } #position-form .skill-row .fa-trash:hover { color: var(--oa-danger-text, #DC2626) !important; } #position-form input[type=radio] + label, #position-form label:has(input[type=radio]) { margin-right: 16px; } #position-form h4 a[ng-click*=deleteCustomField], #position-form h4 a[ng-click*=editCustomField] { font-size: 13px !important; } .form-settings-wrapper #position-form { padding: 0 !important; } .form-settings-wrapper #position-form .form-toggle-group { width: 260px; } .form-settings-wrapper #position-form .form-toggle-label { white-space: nowrap; } .form-settings-wrapper #position-form .skill-input { padding-left: 5px; } .form-settings-wrapper #position-form .date-format-select { display: inline-block; width: auto; margin-left: 8px; } .form-settings-wrapper #position-form .step-dropdown { position: inherit; } .form-settings-wrapper #position-form .step-dropdown-btn { width: 130px; } .form-settings-wrapper #position-form .req-sample-text { width: 70%; } .form-settings-wrapper #position-form .req-placeholder-yes { margin-left: 10px; } .form-settings-wrapper #position-form .req-placeholder-no { background-color: #cbcbcb; } .form-settings-wrapper #position-form .custom-field-row { padding: 12px 0; } .form-settings-wrapper #position-form .custom-field-row.border-bottom { border-bottom: 1px solid var(--oa-border-light, #E5E7EB) !important; } .card-section-header { padding: 12px 16px; cursor: pointer; user-select: none; } .card-section-header:hover { background-color: var(--oa-slate-50, #F8FAFC); } .card-section-header .card-title { margin-bottom: 0; } .card-section-header .section-toggle { float: right; color: var(--oa-text-muted, #4B5563); font-size: 12px; margin-top: 4px; transition: none; } .card-section-header .badge { font-size: 11px; background-color: var(--oa-slate-200, #E2E8F0); color: var(--oa-text-muted, #4B5563); padding: 2px 6px; border-radius: 10px; margin-left: 4px; font-weight: 500; } .form-settings-wrapper { background-color: transparent; } .position-edit > footer.row, footer.position-footer { position: sticky; bottom: 0; z-index: 10; } #tw .nav-page-title { display: none !important; } .margin-top-5, .margin-top-10 { font-size: 12px !important; color: var(--oa-text-muted, #64748B) !important; line-height: 1.4 !important; } .display-flex { display: flex !important; align-items: center !important; gap: 8px; } .filter-header-2027 .smart-form .col { display: flex; align-items: center; } .filter-header-2027 .icon-addon.addon-md label { font-size: 14px !important; color: var(--oa-text-muted, #64748B) !important; } .consent-list { margin-top: 15px; } .consent-list .consent-item { padding: 12px 0; border-bottom: 1px solid var(--oa-border-color, #E2E8F0); } .consent-list .consent-item:last-child { border-bottom: none; } .consent-list .consent-item .row { align-items: center; } .consent-list .consent-label { font-weight: 600; color: var(--oa-text-main, #0F172A); font-size: 14px; } .consent-list .consent-label .required { color: var(--oa-danger-text, #DC2626); margin-left: 2px; } .consent-list .consent-description { font-size: 12px; color: var(--oa-text-muted, #64748B); margin-top: 2px; } .workflow-stages-list { list-style: none; padding: 0; margin: 0; } .workflow-stages-list .workflow-stage-item { padding: 12px 16px; border-bottom: 1px solid var(--oa-border-color, #E2E8F0); transition: background-color 0.15s ease; } .workflow-stages-list .workflow-stage-item:last-child { border-bottom: none; } .workflow-stages-list .workflow-stage-item:hover { background-color: var(--oa-bg-hover, #F8FAFD); } .workflow-stages-list .workflow-stage-item .font-weight-600 { font-weight: 600; color: var(--oa-text-main, #0F172A); font-size: 14px; } .workflow-stages-list .workflow-stage-item .text-muted { color: var(--oa-text-muted, #64748B); } .workflow-stages-list .workflow-stage-item .font-xs { font-size: 12px; } .workflow-stages-list .workflow-stage-item .btn-link { color: var(--oa-brand-primary, #005AEE); padding: 4px 8px; font-size: 13px; } .workflow-stages-list .workflow-stage-item .btn-link:hover { color: var(--oa-brand-hover, #004ac2); text-decoration: none; } .workflow-stages-list .workflow-stage-item .btn-link i { margin-right: 4px; } .position-tags .ui-select-multiple.ui-select-bootstrap { min-height: var(--oa-input-height, 32px) !important; border-color: var(--oa-border-color, #E7E5E4) !important; border-width: 1px !important; border-radius: var(--radius-sm, 6px) !important; background-color: var(--oa-input-bg, #FFFFFF) !important; padding: 4px 8px !important; } .position-tags .ui-select-multiple.ui-select-bootstrap input.ui-select-search { height: 24px !important; min-height: 24px !important; line-height: 24px !important; padding: 0 4px !important; margin: 0 !important; } .position-tags .ui-select-multiple.ui-select-bootstrap input.ui-select-search::placeholder { line-height: 24px; } .position-tags .ui-select-multiple.ui-select-bootstrap .ui-select-match-item { height: 24px !important; line-height: 22px !important; margin: 2px 4px 2px 0 !important; padding: 0 8px !important; border-radius: 4px !important; background: var(--oa-sidebar-bg, #F5F3F0) !important; border: none !important; } .position-tags .ui-select-multiple.ui-select-bootstrap .ui-select-match .close { line-height: 1 !important; padding: 2px !important; } .position-edit--cost-tracking { background-color: transparent !important; padding: 0 !important; } .position-edit .header-title { display: flex; align-items: center; gap: var(--oa-space-sm, 8px); font-size: var(--oa-text-h2, 18px); font-weight: var(--oa-text-h2-weight, 600); letter-spacing: var(--oa-tracking-normal, -0.01em); color: var(--oa-text-main, #1F2937); margin-bottom: var(--oa-space-xl, 24px); padding-top: var(--oa-space-xs, 4px); } .position-edit .header-title i { color: var(--oa-brand-primary, #005aee); } .position-edit .table-responsive { overflow: visible; } .position-edit .table { overflow: visible; } .position-edit .table > tbody > tr:hover > td { background: var(--oa-bg-hover, #F8FAFD) !important; } .position-edit .table .th-costs { display: flex; align-items: center; height: 44px; padding: 0 var(--oa-space-md, 12px); font-size: var(--oa-text-label, 12px); font-weight: 600; text-transform: uppercase; letter-spacing: var(--oa-tracking-wide, 0.05em); color: var(--oa-text-muted, #4B5563); background: var(--oa-bg-base, #F5F5F7); border-bottom: 1px solid var(--oa-border-color, #E5E7EB); } .position-edit .table .text-align-right-flex { text-align: right; justify-content: flex-end; } .position-edit .table .text-align-center { text-align: center; justify-content: center; } .position-edit .table .text-align-left-flex { text-align: left; justify-content: flex-start; } .position-edit .table .kr-card { transition: background-color var(--oa-duration-fast, 150ms) ease; } .position-edit .table .kr-card:hover { background: var(--oa-bg-hover, #F8FAFD) !important; } .position-edit .table .kr-card:hover td { background: transparent !important; } .position-edit .table .kr-card td { padding: var(--oa-space-sm, 8px) var(--oa-space-md, 12px); vertical-align: middle; border-bottom: 1px solid var(--oa-border-color, #E5E7EB); } .position-edit .table .kr-card .kr-actions { visibility: hidden; opacity: 0; color: var(--oa-text-muted, #4B5563); cursor: pointer; transition: color var(--oa-duration-fast, 150ms) ease, opacity var(--oa-duration-fast, 150ms) ease, visibility 0s linear var(--oa-duration-fast, 150ms); } .position-edit .table .kr-card .kr-actions:hover { color: var(--oa-brand-primary, #005aee); } .position-edit .table .kr-card .kr-actions.fa-trash:hover { color: var(--oa-error-text, #B91C1C); } .position-edit .table .kr-card:hover .kr-actions { visibility: visible; opacity: 1; transition-delay: 0s; } .position-edit .table tr[ng-form=costForm] { background: var(--oa-bg-base, #F5F5F7); border-top: 2px solid var(--oa-border-color, #E5E7EB); } .position-edit .table tr.bold, .position-edit .table tr.cost-total-row { background: var(--oa-bg-white, #F9FAFB); font-weight: 600; } .position-edit .table tr.bold td, .position-edit .table tr.cost-total-row td { padding: var(--oa-space-md, 12px); color: var(--oa-text-main, #1F2937); } .position-edit .table tfoot.card-footer { background: var(--oa-bg-card-footer, #F5F5F7); border-top: 1px solid var(--oa-border-color, #E5E7EB); } .position-edit .table tfoot.card-footer td { padding: var(--oa-space-md, 12px); } .position-edit .textarea-container { padding: var(--oa-space-xs, 4px) var(--oa-space-sm, 8px); border-radius: var(--oa-radius-sm, 6px); min-height: var(--oa-input-height-sm, 28px); resize: none; } #tw .filter-header-2027 > .row.no-gutter { margin-bottom: 12px !important; } #tw .filter-header-2027 > .row.no-gutter:last-child { margin-bottom: 0 !important; } #tw .filter-header-2027 .col, #tw .filter-header-2027 [class*=col-] { display: flex !important; align-items: center !important; padding: 0 8px !important; margin-bottom: 0 !important; } #tw .filter-header-2027 .icon-addon { position: relative; width: 100%; } #tw .filter-header-2027 .icon-addon .fa-light, #tw .filter-header-2027 .icon-addon i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--oa-text-muted, #64748B) !important; font-size: 14px !important; pointer-events: none; z-index: 2; } #tw .filter-header-2027 .icon-addon .form-control { height: var(--oa-input-height, 32px) !important; padding: 6px 12px 6px 38px !important; border: 1px solid var(--oa-border-color, #E5E7EB) !important; border-radius: 8px !important; font-size: 13px !important; color: var(--oa-text-main, #0F172A) !important; background: var(--oa-input-bg, #FFFFFF) !important; transition: all 0.15s ease !important; } #tw .filter-header-2027 .icon-addon .form-control::placeholder { color: var(--oa-text-light, #94A3B8) !important; font-weight: 400 !important; } #tw .filter-header-2027 .icon-addon .form-control:focus { border-color: var(--oa-brand-primary, #005aee) !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1) !important; outline: none !important; } #tw .filter-header-2027 .select { width: 100%; } #tw .filter-header-2027 .select select.form-control { height: var(--oa-input-height, 32px) !important; padding: 6px 12px !important; border: 1px solid var(--oa-border-color, #E5E7EB) !important; border-radius: 8px !important; font-size: 13px !important; color: var(--oa-text-main, #0F172A) !important; background: var(--oa-input-bg, #FFFFFF) !important; transition: all 0.15s ease !important; } #tw .filter-header-2027 .select select.form-control:focus { border-color: var(--oa-brand-primary, #005aee) !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1) !important; outline: none !important; } #tw .filter-header-2027 .btn { height: var(--oa-input-height, 32px) !important; padding: 6px 16px !important; border-radius: 8px !important; font-size: 13px !important; font-weight: 600 !important; transition: all 0.15s ease !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; white-space: nowrap !important; } #tw .filter-header-2027 .btn i { font-size: 14px !important; } #tw .filter-header-2027 .btn.btn-primary { background: var(--oa-brand-primary, #005aee) !important; border: none !important; color: #FFFFFF !important; } #tw .filter-header-2027 .btn.btn-primary:hover { background: var(--oa-brand-hover, #004ac2) !important; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0, 90, 238, 0.2) !important; } #tw .filter-header-2027 .btn.btn-primary:active { transform: translateY(0); } #tw .filter-header-2027 .btn.btn-default { background: var(--oa-bg-base, #F5F5F7) !important; border: 1px solid var(--oa-border-color, #E5E7EB) !important; color: var(--oa-text-secondary, #475569) !important; } #tw .filter-header-2027 .btn.btn-default:hover { background: var(--oa-bg-hover, #F8FAFD) !important; border-color: var(--oa-brand-primary, #005aee) !important; color: var(--oa-brand-primary, #005aee) !important; } #tw .filter-header-2027 label { font-size: 12px !important; font-weight: 500 !important; color: var(--oa-text-muted, #64748B) !important; margin-bottom: 4px !important; letter-spacing: 0.02em !important; } #tw .filter-header-2027 label.input { position: relative; display: block; margin: 0 !important; } #tw .filter-header-2027 label.input i { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; } #tw .filter-header-2027 label.input .icon-prepend { left: 12px !important; } #tw .filter-header-2027 label.input .icon-append { right: 12px !important; } #tw .filter-header-2027 label.input input { padding-left: 38px !important; padding-right: 38px !important; } @media (max-width: 992px) { #tw .filter-header-2027 .row.no-gutter { flex-direction: column; } #tw .filter-header-2027 .col, #tw .filter-header-2027 [class*=col-] { width: 100% !important; max-width: 100% !important; margin-bottom: 8px !important; } #tw .filter-header-2027 .col:last-child, #tw .filter-header-2027 [class*=col-]:last-child { margin-bottom: 0 !important; } } .templates-page-wrapper { padding: 0 15px; background-color: transparent; } .email-templates-config .padding-left-20.padding-bottom-5 { background-color: var(--oa-bg-secondary, #F8FAFC) !important; } .email-templates-config [uib-accordion-group] { border-top: 4px solid var(--oa-bg-secondary, #F8FAFC) !important; } .email-templates-config ul.list-unstyled.card { background-color: var(--oa-bg-secondary, #F8FAFC) !important; border: 1px solid var(--oa-border-color, #E5E7EB) !important; border-radius: var(--oa-radius-md, 8px) !important; } .email-templates-config span.pull-right[ng-if="item.language_name"], .email-templates-config span.pull-right[ng-if="!item.language_name"] { display: inline-block !important; border-radius: 4px !important; font-size: 9px !important; letter-spacing: 0.5px; padding: 2px 5px !important; text-transform: uppercase; background-color: var(--oa-text-secondary, #475569) !important; color: #fff !important; font-weight: 600; } .positions-list-view .font-r-xs { font-size: 10px; } .positions-list-view .font-r-sm { font-size: 14px; } .positions-list-view .meta-item { display: inline-flex; align-items: center; gap: 6px; } .positions-list-view .position-information { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 10px; border: none; display: inline-block; } @media (max-width: 768px) { .positions-list-view .position-information { max-width: 100%; } } .positions-list-view .display-flex { display: flex !important; } .positions-list-view .h4-r { font-size: 16px; } .positions-list-view .phase-container { display: flex; flex-wrap: nowrap; overflow-x: auto; background: #fafbfd; border-radius: 10px; border: 1px solid #fafbfd; align-items: stretch; } .positions-list-view .phase-container::-webkit-scrollbar { height: 6px; } .positions-list-view .phase-container::-webkit-scrollbar-track { background: #dce0e4; border-radius: 10px; } .positions-list-view .phase-container::-webkit-scrollbar-thumb { background: #eaf0f7; border-radius: 10px; } .positions-list-view .phase-container::-webkit-scrollbar-thumb:hover { background: #eaf0f7; } .positions-list-view .phase-name { font-size: 12px; font-weight: normal; } .positions-list-view .phase-box { text-align: center; color: black; flex: 0 0 auto; position: relative; width: 115px !important; font-size: 11px; font-weight: bold; padding-bottom: 5px !important; padding-top: 7px !important; } .positions-list-view .phase-box::after { content: ""; position: absolute; right: 0; top: 15%; bottom: 15%; width: 1px; background: #eff4fd; z-index: 1; } .positions-list-view .phase-box:last-child::after { content: none; } .positions-list-view .phase-box:hover { background-color: #eff4fd; } .positions-list-view .bg-phase-color-blue { background-color: #f1f7f8; } .positions-list-view .bg-color-green-hover:hover { background-color: #caf0ca !important; } .positions-list-view .phase-number { color: black; font-size: 15px; } .positions-list-view .txt-color-redLight { color: #be4343 !important; } .positions-list-view .btn-group:hover > .dropdown-menu { display: block; } .positions-list-view .card .btn-group > .dropdown-menu { top: 100%; } .positions-list-view .process-info-box { display: inline-block; font-size: 11px; margin-right: 10px; background-color: #edf2f74a; padding: 5px 10px; border-radius: 10px; border: 1px solid #edf2f7; } .positions-list-view .position-name { background-color: #eee; font-weight: bold; } .positions-list-view .non-editable { background-color: #eee; font-weight: bold; padding: 9px; display: block; width: 100%; border-radius: 4px; } .positions-list-view .note-link { color: #0066cc; text-decoration: none; display: inline-block; padding: 5px 10px; background-color: #f0f0f0; border-radius: 3px; border: 1px solid #ddd; font-size: 12px; cursor: pointer; } .positions-list-view .note-link:hover { background-color: #e0e0e0; } .positions-list-view .candidates-header { background-color: #e2f0d9; } .positions-list-view .installment-header-1 { background-color: #d9edf7; } .positions-list-view .installment-header-2 { background-color: #fff2cc; } .positions-list-view .installment-header-3 { background-color: #f8d7da; } .positions-list-view .date-column { background-color: rgba(255, 255, 255, 0.4); } .positions-list-view .amount-column { background-color: rgba(0, 0, 0, 0.05); } .positions-list-view .status-column { background-color: rgba(0, 0, 0, 0.1); } .positions-list-view .total-header { background-color: #e9ecef; font-weight: bold; } .positions-list-view .total-cell { background-color: #e9ecef; font-weight: bold; text-align: right; } .positions-list-view .total-row { background-color: #f5f5f5; font-weight: bold; } .positions-list-view .modal-title { font-weight: bold; } .positions-list-view .date-input { position: relative; } .positions-list-view .inner-addon { position: relative; } .positions-list-view .inner-addon .glyphicon { position: absolute; padding: 10px; pointer-events: none; right: 0; } @media (max-width: 992px) { .positions-list-view .container-fluid { padding: 10px; } .positions-list-view .table td, .positions-list-view .table th { padding: 8px 5px; font-size: 13px; } .positions-list-view .form-control { padding: 4px 8px; } } .positions-list-view .project-table tr td input { min-width: 80px; } .positions-list-view .project-table tr td select { min-width: 150px; } .positions-list-view .project-table tr td .inner-addon { min-width: 140px; } .dropdown-menu.position-menu-box, div.dropdown-menu.position-menu-box, .position-menu-box { background: rgba(248, 250, 253, 0.97) !important; backdrop-filter: blur(40px) saturate(1.3) !important; -webkit-backdrop-filter: blur(40px) saturate(1.3) !important; border-radius: 12px !important; box-shadow: 0 12px 32px -6px rgba(0, 85, 255, 0.15), 0 4px 8px -2px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 85, 255, 0.08) !important; border: 1px solid rgba(0, 85, 255, 0.12) !important; overflow: hidden !important; max-height: 80vh !important; flex-direction: column !important; padding: 8px 0 8px 8px !important; } .open > .dropdown-menu.position-menu-box, .open > div.dropdown-menu.position-menu-box, .open > .position-menu-box { display: flex !important; } .open > .dropdown-menu.position-menu-box > .row, .open > div.dropdown-menu.position-menu-box > .row, .open > .position-menu-box > .row { margin-left: 0 !important; margin-right: 0 !important; } .open > .dropdown-menu.position-menu-box .position-menu-column-wide, .open > div.dropdown-menu.position-menu-box .position-menu-column-wide, .open > .position-menu-box .position-menu-column-wide { padding-left: 0 !important; padding-right: 0 !important; } ul.positions-menu, ul.positions.positions-menu { background: transparent !important; position: relative !important; overflow-y: auto !important; overflow-x: hidden !important; flex: 1 !important; min-height: 0 !important; max-height: 80vh !important; margin: 0 !important; padding: 0 !important; border-radius: 8px !important; } ul.positions-menu > li, ul.positions.positions-menu > li { max-width: 100% !important; box-sizing: border-box !important; } ul.positions-menu > li:first-child, ul.positions.positions-menu > li:first-child { border-radius: 8px 8px 0 0 !important; } ul.positions-menu > li:last-child, ul.positions.positions-menu > li:last-child { border-radius: 0 0 8px 8px !important; } ul.positions-menu > li:first-child:last-child, ul.positions.positions-menu > li:first-child:last-child { border-radius: 8px !important; } ul.positions-menu::-webkit-scrollbar, ul.positions.positions-menu::-webkit-scrollbar { width: 6px; } ul.positions-menu::-webkit-scrollbar-track, ul.positions.positions-menu::-webkit-scrollbar-track { background: transparent !important; margin: 8px 0 !important; } ul.positions-menu::-webkit-scrollbar-thumb, ul.positions.positions-menu::-webkit-scrollbar-thumb { background: rgba(148, 163, 184, 0.5) !important; border-radius: 3px; } ul.positions-menu::-webkit-scrollbar-thumb:hover, ul.positions.positions-menu::-webkit-scrollbar-thumb:hover { background: rgba(148, 163, 184, 0.8) !important; } ul.positions-menu li.search, ul.positions.positions-menu li.search { position: sticky !important; top: 0 !important; z-index: 20 !important; padding: 10px 12px !important; background: #F8FAFD !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; border-bottom: 1px solid rgba(0, 85, 255, 0.12) !important; box-shadow: 0 2px 8px rgba(0, 85, 255, 0.06) !important; margin: 0 !important; border-radius: 8px 8px 0 0 !important; width: 100% !important; } ul.positions-menu li.search::before, ul.positions-menu li.search::after, ul.positions.positions-menu li.search::before, ul.positions.positions-menu li.search::after { display: none !important; } ul.positions-menu li.search input, ul.positions-menu li.search .form-control, ul.positions.positions-menu li.search input, ul.positions.positions-menu li.search .form-control { background: transparent !important; border: 1px solid rgba(0, 85, 255, 0.2) !important; border-radius: 6px !important; color: #0F172A !important; padding: 8px 12px !important; font-size: 14px !important; width: 100% !important; transition: all 0.2s ease !important; height: var(--oa-input-height, 32px) !important; } ul.positions-menu li.search input::placeholder, ul.positions-menu li.search .form-control::placeholder, ul.positions.positions-menu li.search input::placeholder, ul.positions.positions-menu li.search .form-control::placeholder { color: #94A3B8 !important; font-weight: 400 !important; } ul.positions-menu li.search input:focus, ul.positions-menu li.search .form-control:focus, ul.positions.positions-menu li.search input:focus, ul.positions.positions-menu li.search .form-control:focus { background: #FFFFFF !important; border-color: #0055FF !important; box-shadow: 0 0 0 3px rgba(0, 85, 255, 0.15) !important; outline: none !important; } ul.positions-menu li.search:hover, ul.positions.positions-menu li.search:hover { background: rgba(248, 250, 253, 0.97) !important; } ul.positions-menu li.search .dashboard-position-filter, ul.positions.positions-menu li.search .dashboard-position-filter { display: flex !important; justify-content: center !important; width: 100% !important; background: transparent !important; border: none !important; padding: 0 !important; } ul.positions-menu li.search .dashboard-position-filter .btn, ul.positions-menu li.search .dashboard-position-filter label.btn, ul.positions.positions-menu li.search .dashboard-position-filter .btn, ul.positions.positions-menu li.search .dashboard-position-filter label.btn { padding: 2px 8px !important; font-size: 10px !important; min-height: 18px !important; height: 18px !important; line-height: 1 !important; } ul.positions-menu li.search .dashboard-position-filter .btn i, ul.positions-menu li.search .dashboard-position-filter label.btn i, ul.positions.positions-menu li.search .dashboard-position-filter .btn i, ul.positions.positions-menu li.search .dashboard-position-filter label.btn i { font-size: 10px !important; } ul.positions-menu li.search .dashboard-position-filter .btn span, ul.positions-menu li.search .dashboard-position-filter label.btn span, ul.positions.positions-menu li.search .dashboard-position-filter .btn span, ul.positions.positions-menu li.search .dashboard-position-filter label.btn span { font-size: 10px !important; } ul.positions-menu li.favorites-last, ul.positions.positions-menu li.favorites-last { border-bottom: 2px solid rgba(0, 85, 255, 0.12) !important; margin-bottom: 4px !important; padding-bottom: 12px !important; } ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item), ul.positions.positions-menu > li.padding-top-10 { padding: 8px 14px !important; border-bottom: 1px solid rgba(0, 85, 255, 0.12) !important; cursor: pointer !important; background: transparent !important; text-align: left !important; position: relative !important; } ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item):hover, ul.positions.positions-menu > li.padding-top-10:hover { background: rgba(0, 0, 0, 0.04) !important; transform: translateY(-1px) !important; box-shadow: 0 4px 8px rgba(0, 85, 255, 0.08) !important; } ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item):active, ul.positions.positions-menu > li.padding-top-10:active { transform: translateY(0) scale(0.99) !important; transition: all 50ms ease !important; } ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item):last-child, ul.positions.positions-menu > li.padding-top-10:last-child { border-bottom: none !important; } ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) .row:has(.pull-left), ul.positions.positions-menu > li.padding-top-10 .row:has(.pull-left) { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; margin-bottom: 1px !important; } ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) .row:has(.locations-ellipsis), ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) .row:not(:has(.pull-left)), ul.positions.positions-menu > li.padding-top-10 .row:has(.locations-ellipsis), ul.positions.positions-menu > li.padding-top-10 .row:not(:has(.pull-left)) { display: flex !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap !important; margin-top: 1px !important; } ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) .pull-left, ul.positions.positions-menu > li.padding-top-10 .pull-left { flex: 1 !important; min-width: 0 !important; } ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) .pull-right, ul.positions.positions-menu > li.padding-top-10 .pull-right { flex-shrink: 0 !important; margin-left: 6px !important; } ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) .locations-ellipsis, ul.positions.positions-menu > li.padding-top-10 .locations-ellipsis { text-align: left !important; flex: 1 !important; margin-right: auto !important; } ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) .clearfix, ul.positions.positions-menu > li.padding-top-10 .clearfix { display: flex !important; align-items: center !important; gap: 4px !important; flex-wrap: nowrap !important; } ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) .clearfix > *, ul.positions.positions-menu > li.padding-top-10 .clearfix > * { display: inline !important; flex-shrink: 0 !important; } ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) .clearfix > span, ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) .clearfix > .small-font-responsive, ul.positions.positions-menu > li.padding-top-10 .clearfix > span, ul.positions.positions-menu > li.padding-top-10 .clearfix > .small-font-responsive { flex-shrink: 1 !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) span, ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) a, ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) .position-name, ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) .small-font-responsive, ul.positions.positions-menu > li.padding-top-10 span, ul.positions.positions-menu > li.padding-top-10 a, ul.positions.positions-menu > li.padding-top-10 .position-name, ul.positions.positions-menu > li.padding-top-10 .small-font-responsive { font-size: 12px !important; font-weight: 500 !important; color: #0F172A !important; text-decoration: none !important; line-height: 1.3 !important; } ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) > div:not(.row):not(.clearfix), ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) small, ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) .text-muted, ul.positions.positions-menu > li.padding-top-10 > div:not(.row):not(.clearfix), ul.positions.positions-menu > li.padding-top-10 small, ul.positions.positions-menu > li.padding-top-10 .text-muted { font-size: 11px !important; color: #64748B !important; margin-top: 1px !important; display: block !important; text-align: left !important; padding-left: 0 !important; line-height: 1.2 !important; } ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) i, ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) .fa, ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) [class*=fa-], ul.positions.positions-menu > li.padding-top-10 i, ul.positions.positions-menu > li.padding-top-10 .fa, ul.positions.positions-menu > li.padding-top-10 [class*=fa-] { display: inline !important; vertical-align: middle !important; font-size: 10px !important; } ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) i.fa-calendar, ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) i.fa-clock, ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) i.fa-clock-o, ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) i.fa-calendar-o, ul.positions.positions-menu > li.padding-top-10 i.fa-calendar, ul.positions.positions-menu > li.padding-top-10 i.fa-clock, ul.positions.positions-menu > li.padding-top-10 i.fa-clock-o, ul.positions.positions-menu > li.padding-top-10 i.fa-calendar-o { font-size: 9px !important; color: #94A3B8 !important; margin-right: 3px !important; } ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) i.fa-bullhorn, ul.positions.positions-menu > li.padding-top-10 i.fa-bullhorn { color: #1D4ED8 !important; font-size: 10px !important; margin-right: 3px !important; } ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) i.fa-eye-slash, ul.positions.positions-menu > li.padding-top-10 i.fa-eye-slash { color: #94A3B8 !important; font-size: 10px !important; margin-right: 3px !important; } ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) i.fa-star, ul.positions.positions-menu > li.padding-top-10 i.fa-star { color: #B45309 !important; font-size: 10px !important; margin-left: 3px !important; } ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item) .font-xs, ul.positions.positions-menu > li.padding-top-10 .font-xs { font-size: 11px !important; } ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item).selectedposition, ul.positions.positions-menu > li.padding-top-10.selectedposition { background: rgba(0, 85, 255, 0.1) !important; border-left: 3px solid #0055FF !important; padding-left: 11px !important; } ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item).selectedposition span, ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item).selectedposition a, ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item).selectedposition .position-name, ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item).selectedposition .small-font-responsive, ul.positions.positions-menu > li.padding-top-10.selectedposition span, ul.positions.positions-menu > li.padding-top-10.selectedposition a, ul.positions.positions-menu > li.padding-top-10.selectedposition .position-name, ul.positions.positions-menu > li.padding-top-10.selectedposition .small-font-responsive { color: #0055FF !important; font-weight: 600 !important; } ul.positions-menu > li:not(.search):not(.separator):not(.menu):not(.position-filter-item).selectedposition:hover, ul.positions.positions-menu > li.padding-top-10.selectedposition:hover { transform: none !important; box-shadow: none !important; } .position-badge, ul.positions-menu .badge, ul.positions-menu .badge-important { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 18px !important; height: 16px !important; padding: 1px 6px !important; border-radius: 9999px !important; font-size: 9px !important; font-weight: 600 !important; font-variant-numeric: tabular-nums !important; margin-left: 4px !important; line-height: 1 !important; } .position-badge.badge-important, ul.positions-menu .badge.badge-important, ul.positions-menu .badge-important.badge-important { background: #DBEAFE !important; color: #1D4ED8 !important; } .position-badge.bg-color-green, .position-badge.badge-success, ul.positions-menu .badge.bg-color-green, ul.positions-menu .badge.badge-success, ul.positions-menu .badge-important.bg-color-green, ul.positions-menu .badge-important.badge-success { background: #DBEAFE !important; color: #1D4ED8 !important; } .position-badge.bg-color-gray, .position-badge.badge-default, .position-badge:not(.badge-important):not(.bg-color-green):not(.badge-success), ul.positions-menu .badge.bg-color-gray, ul.positions-menu .badge.badge-default, ul.positions-menu .badge:not(.badge-important):not(.bg-color-green):not(.badge-success), ul.positions-menu .badge-important.bg-color-gray, ul.positions-menu .badge-important.badge-default, ul.positions-menu .badge-important:not(.badge-important):not(.bg-color-green):not(.badge-success) { background: #F8FAFD !important; color: #1D4ED8 !important; } .position-badge.bg-color-blueLight, .position-badge.badge-info, ul.positions-menu .badge.bg-color-blueLight, ul.positions-menu .badge.badge-info, ul.positions-menu .badge-important.bg-color-blueLight, ul.positions-menu .badge-important.badge-info { background: #DBEAFE !important; color: #1D4ED8 !important; } ul.positions-menu li i.fa-tag, ul.positions-menu li i.fa-briefcase, ul.positions-menu li i.fa-folder { color: #94A3B8 !important; font-size: 12px !important; margin-right: 8px !important; width: 14px !important; text-align: center !important; transition: color 0.15s ease !important; } ul.positions-menu li:hover i.fa-tag, ul.positions-menu li:hover i.fa-briefcase, ul.positions-menu li:hover i.fa-folder { color: #0055FF !important; } .position-menu-column-wide { padding: 0 !important; } ul.positions-menu li.all-candidates-item, ul.positions-menu > li:first-child:not(.search):not(.separator):not(.menu):not(.position-filter-item) { border-bottom: 1px solid rgba(0, 85, 255, 0.12) !important; } ul.positions-menu li.all-candidates-item span, ul.positions-menu li.all-candidates-item a, ul.positions-menu > li:first-child:not(.search):not(.separator):not(.menu):not(.position-filter-item) span, ul.positions-menu > li:first-child:not(.search):not(.separator):not(.menu):not(.position-filter-item) a { font-weight: 600 !important; } /* Position Wizard */ .modal-dialog.modal-200 { width: 700px !important; } #NewPositionModal .modal-header, #PositionAdModal .modal-header { border-bottom: none; } #NewPositionModal .modal-header .close, #PositionAdModal .modal-header .close { margin: 4px 10px 0 0; } #NewPositionModal .tab-content, #PositionAdModal .tab-content { height: 800px; overflow-y: auto; padding: 20px 0 10px 0; } .fuelux .wizard { background-color: #f9f9f9; } .fuelux .wizard a { color: #777; } .fuelux .wizard a:hover, .fuelux .wizard a:focus { text-decoration: none; color: #333333; } .fuelux .wizard .step { border: 1px solid #777; background-color: #ffffff; padding: 2px 6px; margin-right: 2px; } .fuelux .wizard .step-done { display: none; } .fuelux .wizard ul li { height: 40px; line-height: 40px; font-size: 12px; background: #f9f9f9; padding: 0 8px 0 22px; } .fuelux .wizard ul li .chevron { top: -3px; } .fuelux .wizard ul li .chevron:before { border-left: 14px solid #f9f9f9; } .fuelux .wizard ul li.active { background: #f9f9f9; } .fuelux .wizard ul li.active a { color: #333333; } .fuelux .wizard ul li.active .step { border: 1px solid #333333; } .fuelux .wizard ul li.active .chevron:before { border-left: 14px solid #f9f9f9; } .fuelux .wizard ul li:first-child { padding-left: 10px; } .fuelux .wizard ul li.completed .step { display: none; } .fuelux .wizard ul li.completed .step-done { display: inline-block; background-color: #5cb85c; color: #ffffff; line-height: 21px; margin-right: 2px; content: ""; font-family: "Font Awesome 6 Pro"; padding: 0 4px; } .fuelux .wizard ul li.completed .step-done:before { content: ""; color: #ffffff; } #position-wraper1 { padding-bottom: 10px; } #position-wraper1 .position-name { font-size: 18px; } #position-wraper1 .location { color: #a9a9a9; } .position-wizard p { color: #555555; } .position-wizard p em { color: #777; } .position-wizard .form-control { height: var(--oa-input-height, 32px); } .position-wizard .knowledge-skill-section, .position-wizard .selection-phase { cursor: move; overflow: hidden; display: table; } .position-wizard .knowledge-skill-section .description, .position-wizard .selection-phase .description { padding: 8px; } .position-wizard .knowledge-skill-section .remove-button, .position-wizard .selection-phase .remove-button { border-left: 1px solid rgba(0, 0, 0, 0.2); display: table-cell; width: 50px; vertical-align: middle; cursor: pointer; text-align: center; } .position-wizard .knowledge-skill-section .remove-button .btn-link, .position-wizard .selection-phase .remove-button .btn-link { font-size: 16px; color: #e74c3c; } .position-wizard .selection-phase { cursor: default; width: 317.5px; } .position-wizard .selection-phase .description { padding: 6px; } .position-wizard .selection-phase .remove-button { width: 32px; } .position-ad-wizard .bootstrapWizard li { width: 33.33333%; } .position-ad-wizard .logo-holder img { max-width: 220px; margin: 0 auto; } .position-ad-wizard h6 { font-size: 14px; } .position-ad-wizard h5 { margin-top: 20px; padding: 5px 10px; background-color: #f8f9fa; border: 1px dotted #888888; border-radius: 2px; } .position-ad-wizard .table thead tr { background-color: transparent; background-image: none; } .position-ad-wizard .table thead tr th { border-bottom: none; } .position-ad-wizard .table td { border-top: none; vertical-align: middle; } .position-ad-wizard .table img { width: 100px; } .position-ad-wizard .glyphicon-ok { color: #5cb85c; margin-right: 4px; } article { padding-left: 10px !important; padding-right: 10px !important; } #questionList { border: 0px solid #dddddd; padding-left: 0px; padding-right: 0px; } article.noleftpadding { padding-left: 0px !important; } article.norightpadding { padding-right: 0px; } .nomargine article { margin-left: 0px; margin-right: 0px; } article.nopadding { padding-right: 0px !important; padding-left: 0px !important; } .nopadding { padding-right: 0px !important; padding-left: 0px !important; } .nomargine { margin-left: 0px; margin-right: 0px; } .positions-nav.nav-stacked > li + li { padding-top: 0; margin-top: 0; } .positions-nav a .hidden-sm::first-letter { text-transform: capitalize; } ul.positions-nav li { color: #919191; padding-bottom: 10px; padding-top: 10px; border-top: 1px solid #e7e7e7; border-right: none; font-weight: 300; height: 70px; padding-left: 10px; } ul.positions-nav li a { padding-left: 5px; } ul.positions-nav li:hover { background-color: #6576a614; } ul.positions-nav a { font-size: 0.9em; color: #1f2b38; padding-bottom: 10px; padding-top: 10px; font-weight: bold; display: block; height: 70px; letter-spacing: 0.4px; } ul.positions-nav li.active-position-nav { color: #0d1117; border-right: none !important; background-color: #1f2b38; } ul.positions-nav li.active-position-nav a { color: #01348c; } ul.positions-nav li:first-child { border-top: none; border-bottom: 1px solid #e7e7e7; } ul.positions-nav.jarviswidget > div { border: none !important; } ul.positions-nav .description { font-size: 0.8em; color: #2f699c; padding-left: 0px; font-weight: 500; letter-spacing: 0.2px; } ul.positions-nav i { padding-right: 10px; color: #009CFF; } .active-position-nav .nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background-color: #edf2f7; } .position-right { padding-top: 0px; border: none; } .candidates { background-color: #ffffff; } .candidates .tab-content { padding: 0; } .position-tabs .measure-header span a { cursor: pointer; } .opportunity.measure-header { background-color: #efefef !important; padding: 5px 7px; margin-top: 7px !important; border: 1px solid #cecece !important; } .job-board-logo { max-height: 50px; max-width: 200px; } .alert-note { border-color: #9cb4c5; color: #305d8c; background-color: #F3F9FF; } .margin-bottom-15 { margin-bottom: 15px; } .candidate-placeholder span.inline-block { height: 16px; background-color: #efefef; min-width: 120px; } .assessment-placeholder span.inline-block { height: 16px; background-color: #f8f9fa; min-width: 120px; } .position-tabs { border: none; } .position-tabs .nav-tabs + .tab-content { border: none; } .assessment-positions { background-color: white; } .assessment-positions .included.alert-warning { background-color: #efe1b3; } .assessment-positions .included.alert-note { background-color: #ebf1f7; } .assessment-positions .not-included.alert-warning { background-color: #f8f8f8; color: #696969; } .assessment-positions .not-included.alert-note { background-color: #f8f8f8; color: #696969; } .assessment-positions .alert-warning { background-color: #f5e7b8; } .assessment-positions .alert-note { background-color: #f3f9ff; } .included.alert-warning { background-color: #efe1b3; } .included.alert-note { background-color: #ebf1f7; } .not-included.alert-warning { background-color: #f8f8f8; color: #696969; } .not-included.alert-note { background-color: #f8f8f8; color: #696969; } .position-templates { background-color: white; } .candidate-small-separator { margin-bottom: 0px; margin-top: 0px; padding: 3px; background-color: #fbfbfb; border-top: 1px solid #e0e0e0; } span.estimate { /*&.aptitude { background-color: #deffb7; } &.fit { background-color: #deffb7; } &.knowledge { background-color: #F3F9FF; } &.coding { background-color: #F3F9FF; } &.overall { background-color: #bcdeff; font-weight: bold; }*/ color: black; font-size: 12px; } .active_sort { font-weight: bold; text-decoration: underline; } .assessment-page { padding-top: 50px !important; } .handler { font-size: 18px; color: #dcdcdc; padding-right: 20px; cursor: move; } .handle-td { cursor: move; } .ui-sortable-helper { background-color: #f4f5f6; -webkit-box-shadow: 10px 10px 5px -6px #bfbdbf; -moz-box-shadow: 10px 10px 5px -6px #bfbdbf; box-shadow: 10px 10px 5px -6px #bfbdbf; border-bottom: 0pt solid #ffffff; } .ui-sortable-helper tr { border-bottom: 0pt solid #ffffff; } .ui-sortable-placeholder { background-color: #eef0c7; } /* body { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none; } */ .ui-sortable tr { border-bottom: 4pt solid #ffffff; } .ui-sortable td { background-color: #fafbfc; padding-bottom: 1em; } .ui-sortable li { background-color: #fafbfc; margin-bottom: 3px; border-left: 5px solid #e6e6e6; } .ui-sortable li .fa-circle { font-size: 10px; } .ui-sortable li .question-headline { font-size: 11px; } .unsortable td { background-color: #ffffff; } .skills-placeholder td { background-color: #fcfbdb !important; } .header-radio-buttons { height: 20px; } .wrapper { position: relative; height: 120px; } .reveal-animation { position: absolute; top: 0; left: 0; } #settings-icon { border-radius: 2px; display: inline-block; height: 24px; width: 24px; padding: 2px; text-align: center; text-decoration: none !important; -moz-user-select: none; -webkit-user-select: none; background-color: #f8f8f8; background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1)); background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1); background-image: linear-gradient(top, #f8f8f8, #f1f1f1); border: 1px solid #bfbfbf; color: #c4bab6; font-size: 16px; cursor: pointer; position: relative; } #position-form .table tfoot td label.radio { display: inline; } span.badge { font-weight: normal; } span.badge.gray { background-color: darkgrey; } span.skills.label { font-weight: normal; margin-top: 3px; line-height: 30px; } span.label-gray { background-color: #f3f3f3; } /* .reveal-animation.ng-enter, .reveal-animation.ng-leave { transition:5s linear all; } .reveal-animation.ng-enter { opacity: 0; } .reveal-animation.ng-enter.ng-enter-active { opacity: 1; } .reveal-animation.ng-leave { opacity: 1; }.homepage .header { .reveal-animation.ng-leave.ng-leave-active { opacity: 0; } */ .benefits span.offer_icon { padding: 0px 0px 7px 10px; margin: 5px; width: 70px; } .benefits span.offer_icon i { padding-top: 3px; font-size: 16px; } .benefits div.offer_icon_text { color: #c9c9c9; font-size: 10px; padding-top: 5px; text-transform: uppercase; text-align: left; line-height: 1.2; } .benefits div.offer_icon { padding-right: 4px; } .benefits .active { color: #7B7B7B !important; } .min-height-570 { min-height: 570px !important; } .job-ad-page div.offer_icon { padding-left: 7px !important; padding-right: 7px !important; padding-bottom: 15px; } .job-ad-page div.offer_icon_text { font-size: 10px; text-align: center; } .job-ad-page span.offer_icon { padding: 0px 0px 7px 10px; color: #949494 !important; } .job-ad-page span.offer_icon i { padding-top: 3px; font-size: 18px; } .offers { margin-top: 51px; z-index: 999; } .offers .btn-border { border: 1px solid #337ab7; } .offers .btn-border:hover { border: 1px solid #337ab7; } .offers .skill .label { color: black; font-size: 11px; display: inline-block; padding: 4px; margin: 2px; } .offers .skill span.active { background-color: #ffffff; font-weight: bold; } .offers .skill .label-default { margin-right: 2px; background-color: #ffffff; } .offers .allowed { border-left: 1px solid green; } .offers .jobAd-right { padding: 60px; padding-top: 10px; } .offers .distance { padding: 50px; } .offers .panel-body { padding-bottom: 0px; } .offers .panel { margin-bottom: 30px; } .offers .panel > div:first-child { padding-bottom: 0px; } .offers .position-type { font-size: 10px; padding: 3px; margin-left: 10px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; } .offers .offers-date { color: #939393; font-size: 12px; } @media (max-width: 767px) { .edit-profile .smart-form { padding: 5px !important; } } .edit-profile .smart-form { padding: 30px; } .edit-profile .btn-group .btn { box-shadow: none; webkit-box-shadow: none; padding: 7px; border-radius: 0px; } .edit-profile .btn-group .btn-default.active:hover { border-color: #e6e6e6; } .edit-profile .label { color: #424242; font-size: 12px; padding-bottom: 10px; } .edit-profile section { padding-top: 20px; padding-bottom: 10px; } .blue-row { background-color: #F1F2F4; padding-top: 40px; padding-bottom: 40px; color: black; } .black-row { background-color: #434442; padding-top: 20px; padding-bottom: 30px; color: #ffffff; } .other .header { background-color: #FBFAEB !important; } .other .companies { background-color: #FBFAEB !important; } .other .footer { background-color: #FBFAEB !important; } .homepage .header { text-align: center; font-family: var(--oa-font-family); -webkit-font-smoothing: antialiased; padding-bottom: 40px; background-color: #F1F2F4; padding-top: 40px; font-weight: 300; } .homepage.other .header .images img { width: 70%; padding: 20px; } .homepage .chart { padding-left: 20px; padding-right: 20px; } .homepage .chart-legend { font-size: 12px; padding-bottom: 35px; font-weight: 400; font-family: var(--oa-font-family); } .homepage .how { font-size: 22px; text-align: center; padding-top: 30px; padding-bottom: 10px; background-color: #ffffff; } .homepage .how .steps { font-size: 16px; padding-top: 30px; padding-bottom: 20px; } .homepage .how .steps ol.poolball-list { counter-reset: poolball-list-counter; list-style: none; margin-left: 4.6rem; padding: 0; list-style-type: decimal; } .homepage .how .steps ol.poolball-list li { padding-top: 20px; } .homepage .companies { padding-top: 40px; background-color: #F1F2F4; text-align: center; padding-bottom: 70px; } .homepage .lead { color: grey; font-size: 60%; padding-top: 15px; font-family: var(--oa-font-family); -webkit-font-smoothing: antialiased; font-weight: 300; } .homepage .footer { background-color: #F1F2F4; padding-bottom: 40px; } .homepage .footer .menu { text-transform: uppercase; } .icon-prepend.icon-prepend-lg { position: absolute; top: 7px; width: 35px; height: 35px; font-size: 14px; line-height: 35px; text-align: center; border: none; } .industry .list-group-item { border: none; } .register-form { position: absolute; top: 10%; left: 50%; margin-left: auto; margin-right: auto; min-width: 1000px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .candidate-login { z-index: 10; } @media not all and (max-width: 600px) { .candidate-login { position: absolute; top: 20%; left: 50%; margin-left: auto; margin-right: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } } .candidate-login .quote { font-family: var(--oa-font-family, "Inter", system-ui, sans-serif); color: #6879a8; font-weight: 400; -webkit-font-smoothing: antialiased; font-size: 22px !important; } @media (max-width: 767px) { .candidate-login .quote { font-size: 150%; padding: 0px; padding-right: 0px; text-align: center; } } @media (min-width: 768px) { .candidate-login .quote { font-size: 200%; padding: 40px; padding-right: 40px; } } @media (min-width: 992px) { .candidate-login .quote { font-size: 220%; padding: 40px; padding-right: 80px; } } @media (min-width: 1200px) { .candidate-login .quote { font-size: 220%; padding: 40px; padding-right: 80px; } } .candidate-login .error { padding: 10px; font-weight: 500; } .candidate-login .smart-form { padding: 20px; } @media (max-width: 767px) { .candidate-login .smart-form { padding: 55px !important; border: 1px solid #e7e7e7 !important; } } @media (min-width: 768px) { .candidate-login .smart-form { border: 1px solid #e7e7e7 !important; min-width: 750px; } } @media (min-width: 992px) { .candidate-login .smart-form { border: 1px solid #e7e7e7 !important; min-width: 750px; } } @media (min-width: 1200px) { .candidate-login .smart-form { border: 1px solid #e7e7e7 !important; min-width: 850px; } } @media (max-width: 600px) { .candidate-login { margin-top: 10px; top: 0% !important; } } .font-tiny { font-family: var(--oa-font-family); font-weight: 300; } .checkbox input.ng-dirty.ng-invalid { border-color: red !important; } .checkbox input.ng-dirty.ng-invalid + i { border-color: red !important; } input.ng-dirty.ng-invalid { border-color: red !important; } select.ng-dirty.ng-invalid { border-color: red !important; } .hired-profile { padding-top: 20px; } .hired-profile fieldset:hover { background-color: #fcfcfc; } .hired-profile .company-header { background-color: #ffffff; color: #141414; } .hired-profile .required:after { font-weight: normal; font-size: 10px; color: red; content: "*"; } .hired-profile .required-button { padding-left: 0px; } .hired-profile .intl-tel-input { width: 100%; } .hired-profile h1 { color: #0b0b0b !important; } .hired-profile .application-nav a { color: grey; } .hired-profile .application-nav .active a { color: #6475a5; } .hired-profile .card { background: var(--oa-bg-white, #F9FAFB); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-lg, 12px); box-shadow: var(--oa-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.05)); } .hired-profile .card .card-body { padding: 24px !important; } @media (max-width: 767px) { .hired-profile .application-form-header .steps .card { padding: 0 !important; margin: 0 !important; } .hired-profile .application-form-header .steps .card .iti--allow-dropdown { width: 100%; } } .invite-modal-telephone .intl-tel-input { width: 100%; } .user-dropdown-custom { width: 200px !important; right: 10px !important; } .jb-header { z-index: 1004 !important; } .jb-header#header > div { height: 50px; } .btn-link:hover, .btn-link:active, .btn-link:visited, .btn-link:focus { text-decoration: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-bottom: 1px solid #0c3379 !important; margin-bottom: 0px !important; color: #0c3379; transition: all 0.3s ease; } .join .btn:hover { background: none !important; border: none; } .join .btn { background: none !important; border: none; } .join .linkedin { font-size: 180%; margin-bottom: 10px; } .join a:hover, .join a:active, .join a:visited, .join a:focus { text-decoration: none; background: none; border-bottom: 1px solid #708698; margin-bottom: 10px; } .join .btn-link:hover, .join .btn-link:active, .join .btn-link:visited, .join .btn-link:focus { text-decoration: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-bottom: 2px solid #005aee; margin-bottom: 10px !important; } .join small { font-size: 200%; } .join input { border-top: none; border-left: none; border-right: none; border-bottom: solid 1px #97BBCD; padding-top: 8px; padding-bottom: 10px; padding-left: 10px; width: 280px; border-radius: 1px; font-size: 130%; font-family: var(--oa-font-family, "Inter", system-ui, sans-serif); -webkit-font-smoothing: antialiased; font-weight: 300; margin-bottom: 0px; } .join input:hover { border-bottom: solid 1px #708698; } .join input:active { border-bottom: solid 1px #708698; } .btn-link { color: #005aee; box-shadow: none !important; -webkit-box-shadow: none !important; } .btn-link.btn-link:hover, .btn-link.btn-link:active, .btn-link.btn-link:visited, .btn-link.btn-link:focus { text-decoration: none; margin-bottom: 0px; border-bottom: 1px solid #708698; background-color: inherit; box-shadow: none !important; -webkit-box-shadow: none !important; color: #005aee; } .btn-link a:hover, .btn-link a:active, .btn-link a:visited, .btn-link a:focus { text-decoration: none; margin-bottom: 0px; border-bottom: 1px solid #708698; background-color: inherit; box-shadow: none !important; -webkit-box-shadow: none !important; } .btn-link.active { text-decoration: none; margin-bottom: 0px; border-bottom: 1px solid #708698; } .search-candidates { border-bottom: solid 1px #efefef; } .skills .label { float: left; margin: 3px; padding: 5px; } .basic-information { font-size: 12px; } .basic-information span.text-16 { font-size: 16px !important; } .basic-information span.text-16 strong { font-weight: 300 !important; } .select2-choices { border-color: #e3eeff !important; border-radius: 3px !important; border-width: 2px !important; } .select2-choices:hover { border-color: #adcdff !important; } .label-required { color: red !important; } .label-short { padding-top: 0.1em !important; padding-bottom: 0em !important; } .table thead tr { background: none; background-color: white; text-transform: uppercase; } .table thead tr th { font-weight: 700; font-size: 11px; color: #0d1117; } .candidate-score-boxes .metric .label { color: black; font-size: 16px; padding-left: 0px; text-transform: capitalize; } .candidate-score-boxes label { text-transform: uppercase; margin-bottom: 1px; font-size: 10px; font-weight: bold; } .candidate-score-boxes .col { padding-left: 5px; padding-right: 5px; } .candidate-score-boxes .score { margin-top: 0px; text-align: center; padding-top: 5px; padding-left: 20px; padding-right: 20px; } .candidate-score-boxes .score .global { border-left: solid 1px #E5E7E8; color: #ababab; } .candidate-score-boxes .score .global .label { color: #ababab; } .candidate-score-boxes .score .label { font-size: 10px; padding-top: 0px; } .candidate-score-boxes .score .summary-label { padding-top: 5px; font-size: 10px; color: #a3a3a3; margin-bottom: 15px; } .candidate-score-boxes .score .score-right { padding-left: 20px; text-align: left; float: left; } .candidate-score-boxes .score .score-right .label { font-size: 10px; text-transform: uppercase; text-align: left; padding-top: 5px; padding-left: 10px; } .candidate-score-boxes .score .global-perct { font-size: 18px; } .candidate-score-boxes .score .rank { font-size: 18px; } .candidate-score-boxes .overall-no { background-color: rgba(255, 0, 3, 0.04); } .candidate-score-boxes .overall-yes { background-color: rgba(34, 255, 0, 0.07); } .candidate-score-boxes p { font-size: 12px; line-height: 160%; font-weight: 100; font-family: var(--oa-font-family); color: #535353; text-align: justify; } .candidate-score-boxes .percentiles { background-color: #dbd7d7; padding: 0px 3px; color: black; font-size: 13.5px; margin-left: 10px; text-transform: lowercase; font-weight: 600; } .candidate-score-boxes .percentiles-box { font-size: 10px; text-transform: uppercase; } .candidate-score-boxes .percentiles-box .num-tested { color: #949494; font-size: 10px; padding-top: 5px; } .candidate-score-boxes .percentage { font-size: 16px; } .candidate-score-boxes .not-tested { font-size: 10px; padding: 5px; height: 45px; } .offer-filter { display: block; position: fixed; right: 0; left: 0; z-index: 1003; background-color: #e9e9e9; top: 39px; padding-bottom: 1px; font-size: 11px; } .button-hired-container { position: relative; display: block; padding-bottom: 30px; } .buttons-hired, .test-required { width: 100%; height: 100%; position: absolute; top: 0; left: -10px; width: 500px; } .test-required { z-index: 10; height: 63px; text-align: center; margin-left: 60px; padding-top: 10px !important; width: 450px; background-color: rgba(255, 255, 255, 0.9); font-size: 13.5px; } .text-faq { font-size: 12px; line-height: 1.45; font-weight: 400; letter-spacing: normal; margin-bottom: 0.2778em; -webkit-font-smoothing: antialiased; } .text-faq p { padding-bottom: 30px !important; } .vertical-center { min-height: 100%; /* Fallback for vh unit */ min-height: 80vh; /* You might also want to use 'height' property instead. Note that for percentage values of 'height' or 'min-height' properties, the 'height' of the parent element should be specified explicitly. In this case the parent of '.vertical-center' is the element */ /* Make it a flex container */ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /* Align the bootstrap's container vertically */ -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; /* In legacy web browsers such as Firefox 9 we need to specify the width of the flex container */ width: 100%; /* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers hence the bootstrap's container won't be aligned to the center anymore. Therefore, we should use the following declarations to get it centered again */ -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; justify-content: center; } .invitation-inactive { background-color: #ffffff; opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */ } p { line-height: 150%; } .candidate-phase { padding: 5px; border: 1px solid; text-transform: uppercase; font-size: 11px; width: 80px; text-align: center; } @media (max-width: 991px) { .candidate-phase-invite { margin-left: 15px; } } .label-border { padding: 5px; border: 1px solid; text-transform: uppercase; font-size: 11px; text-align: center; } .smart-form header { border-bottom: none; font-size: 16px; } .offer { background-color: #f8f9fa; } .offer .panel-default > .panel-heading { color: #1f2b38; background-color: #ffffff; border-color: #FFFEFE; } .offer-metric { padding-bottom: 20px; } .offer-metric div { color: #475569; font-size: 11px; } .employers .header-employers { height: 600px; margin-bottom: 0px; background-repeat: no-repeat; background-position: 100%; } .employers .header-employers .feature p { padding-top: 20px; } .employers .header-right-bg { height: 600px; background-repeat: no-repeat; background-position: 100% left; } .employers .header-main-text { line-height: 160%; } .employers .main-headline { padding-top: 45px; font-size: 28px; font-weight: 500; } .footer-homepage { background-color: #F1F2F4; padding: 20px; margin-top: 0px !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } .footer-homepage .menu { text-transform: uppercase; } .about .header-main-text { line-height: 160%; } .about .main-headline { padding-top: 45px; font-size: 32pt; } .about .text-headline { font-size: 25pt; } .about .header-about { background-image: url("/img/company1.jpg"); height: 400px; background-size: cover; /* <------ */ background-repeat: no-repeat; background-position: top center; } .billing { font-size: 11px; } .offered { padding-top: 5px; } .offered input { width: 160px; margin-top: 0px; padding-left: 35px; border-color: #e3eeff !important; border-radius: 3px !important; border-width: 2px !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; border-bottom: solid 1px #97BBCD !important; font-size: 13.5px; } .offered button { margin-top: 2px; } .offered i { margin-top: 3px; color: #aaaaa8; } .table td { vertical-align: middle !important; } #main { padding-bottom: 20px; min-height: calc(100% - 50px); } .jarviswidget { margine-bottom: 10px; } .two-columns { /* Chrome, Safari, Opera */ /* Firefox */ column-count: 2; -webkit-column-gap: 40px; /* Chrome, Safari, Opera */ -moz-column-gap: 40px; /* Firefox */ column-gap: 40px; } input, textarea, .select2-input, .select2-container-multi, .select2-choices { border-color: #e3eeff; border-radius: 3px; border-width: 2px; } input:hover, textarea:hover, .select2-input:hover, .select2-container-multi:hover, .select2-choices:hover { border-color: #adcdff !important; } .smart-form .input input, .smart-form .input textarea, .smart-form .input .select2-input, .smart-form .input .select2-container-multi, .smart-form .input .select2-choices, .smart-form .textarea input, .smart-form .textarea textarea, .smart-form .textarea .select2-input, .smart-form .textarea .select2-container-multi, .smart-form .textarea .select2-choices { border-color: #e3eeff; border-radius: 3px !important; border-width: 2px; } .smart-form .input input:hover, .smart-form .input textarea:hover, .smart-form .input .select2-input:hover, .smart-form .input .select2-container-multi:hover, .smart-form .input .select2-choices:hover, .smart-form .textarea input:hover, .smart-form .textarea textarea:hover, .smart-form .textarea .select2-input:hover, .smart-form .textarea .select2-container-multi:hover, .smart-form .textarea .select2-choices:hover { border-color: #adcdff !important; } .job-ad-images img { cursor: pointer; } .job-ad-images .job-ad-images-container:hover div span { cursor: pointer; } .job-ad-images .job-ad-images-container:hover div span.img-remove { cursor: pointer; } .job-ad-images .job-ad-images-container:hover i.hide-image { display: none; } .job-ad-images .job-ad-images-container:hover div { display: block !important; z-index: 500; cursor: pointer; } .job-ad-images .job-ad-images-container div { display: none; color: inherit; } .position-edit { background-color: white; padding: 25px 15px 0px 15px; } .position-edit section { padding-bottom: 45px; } .position-edit h1 { font-family: var(--oa-font-family); font-weight: bold; padding-bottom: 0px !important; margin-bottom: 10px; font-size: 90%; text-transform: uppercase; color: #1f2b38; } .position-edit thead tr { border-color: #e8e8e8; } .jobAd { padding: 15px 40px 40px 50px; } .jobAd h1 { font-family: var(--oa-font-family); font-weight: 400; padding-bottom: 20px; font-size: 135%; } .jobAd .tab-pane { padding: 0px 20px 20px; } @media (max-width: 767px) { .jobAd .tab-pane { padding: 0px; } } .candidate-full-profile { background-color: white; margin: 0; padding: 0; } .candidate-full-profile .nav-tabs + .tab-content { border: none; } .candidate-full-profile .abilities { width: 120px; } .candidate-full-profile .skills ul li, .candidate-full-profile .experience ul li { padding-bottom: 10px; font-size: 12px; } .candidate-full-profile .badge { background: none; color: black !important; border-radius: 2px; padding-left: 0px; padding-bottom: 10px; padding-top: 25px; } .candidate-full-profile section.section-separator { border-bottom: 1px solid #e2e0e0; } .candidate-full-profile section.section-separator:last-child { border-bottom: none !important; } .font-xxl { font-size: 36px !important; } .no-candidates { padding-top: 30px; padding-bottom: 30px; text-align: center; color: #7e7e7e; } .no-candidates h1, .no-candidates h2 { font-weight: 100; font-family: var(--oa-font-family); } .no-candidates h1 { font-size: 18px !important; } .team-page { background-color: white; padding: 40px; } .team-page section.team-row { padding-bottom: 15px; padding-top: 20px; border-top: solid #ededed 1px; } .team-page section.header { padding-top: 30px; padding-bottom: 30px; } .full-width { max-width: 100% !important; } .bootstrapWizard li:before { border-top: 1px solid #e7e7e7; } .bootstrapWizard li:hover .step { background: lightslategray; } .bootstrapWizard li:hover .title { color: lightslategray; } .bootstrapWizard li .step { border-radius: 50%; background-color: #ececec; border: 4px solid lightslategray; color: black; padding: 17px; width: 60px; } .bootstrapWizard li .step:hover { background-color: lightslategray; } .bootstrapWizard li .step i { font-weight: 600; } .bootstrapWizard li span.step.scale-1 { padding: 17px; } .bootstrapWizard li span.step.scale-1 i { width: 23px; } .bootstrapWizard li span.step.scale-2 { padding: 12px; } .bootstrapWizard li span.step.scale-2 i { width: 23px; } .bootstrapWizard li span.step.scale-3 { padding: 12px; } .bootstrapWizard li span.step.scale-3 i { width: 23px; } .bootstrapWizard li span.step.scale-4 { padding: 17px; } .bootstrapWizard li span.step.scale-4 i { width: 23px; } .bootstrapWizard li span.step.scale-reference { padding: 12px 17px; } .bootstrapWizard li span.step.scale-reference i { width: 23px; } .bootstrapWizard li .title { color: black; padding-top: 10px; } .form-bootstrapWizard { max-width: 600px; } .display-table { display: table; table-layout: fixed; } .display-cell { display: table-cell; vertical-align: bottom; float: none; } .modal-content { border-radius: 2px; background-color: transparent; } .modal-header { border-bottom: none; background-color: transparent; color: #334155; border-radius: 5px 5px 0px 0px; } .modal-header h4 { font-weight: bolder; color: #163f76; } .modal-header h3 { color: #163f76; font-weight: bolder; } .modal-header .close { color: black; } .modal-header .close span { color: black; } .modal-footer { border-top: none; background-color: transparent; border-radius: 0px 0px 5px 5px; } .modal-title { font-weight: bold; font-family: var(--oa-font-family); font-size: 130%; } @-webkit-keyframes shake { 0% { -webkit-transform: translate(2px, 2px) rotate(20deg); } 20% { -webkit-transform: translate(-4px, -4px) rotate(-20deg); } 40% { -webkit-transform: translate(2px, 2px) rotate(20deg); } 60% { -webkit-transform: translate(-2px, 2px) rotate(-20deg); } 80% { -webkit-transform: translate(4px, -4px) rotate(20deg); } 100% { -webkit-transform: translate(-2px, 2px) rotate(-20deg); } } .shake { -webkit-animation-name: shake; -webkit-animation-duration: 0.6s; -webkit-transform-origin: 50% 50%; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear; animation-duration: 0.6s; } .fade01 { top: 0; left: 0; right: 0; height: 100%; opacity: 1; } .fade01.ng-enter, .fade01.ng-leave { transition: all 0.5s ease; } .fade01.ng-enter { opacity: 0; } .fade01.ng-enter-active { opacity: 1; } .fade01.ng-leave { opacity: 1; } .fade01.ng-leave-active { opacity: 0; } .users { background-color: white; min-height: 500px; } .footer { color: #AFADAD; bottom: 10px; margin-bottom: 20px; } .footer h3 { text-transform: uppercase; font-size: 12px; margin-bottom: 10px; font-weight: 600; } .footer li { padding-bottom: 5px; } .footer li a { color: #414141; } .animate-enter { /* Chrome */ transition: 10s linear all; opacity: 0; } .animate-enter.animate-enter-active { opacity: 1; } h1 { font-family: var(--oa-font-family); font-size: 150%; letter-spacing: 0px !important; } .homepage .header h1.headline { font-size: 230%; } .homepage .header .lead { font-size: 150%; padding-top: 0; } .wizard { height: 56px; background: #f9f9f9; padding-top: 6px; padding-bottom: 2px; position: fixed; right: 0; left: 0; z-index: 801; } ul.nav-wizard { background-color: #f1f1f1; border: 1px solid #d4d4d4; height: 50px; position: relative; overflow: hidden; } .overflow-hidden { overflow: hidden; } .text-overflow-ellipsis { text-overflow: ellipsis; } .top-border-3 { border-top: 1px solid #9db4c5; } .top-border { border-top: 1px solid #e5e5e5; margin-left: -15px !important; margin-right: -15px !important; } .top-border-solid { border-top: 1px solid #e5e5e5; } ul.nav-wizard:before { position: absolute; } ul.nav-wizard:after { display: block; position: absolute; left: 0px; right: 0px; top: 138px; height: 50px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; z-index: 11; content: " "; } ul.nav-wizard li:first-child { position: relative; float: left; height: 50px; display: inline-block; text-align: center; padding: 0 0px 0 10px; margin: 0; font-size: 12px; line-height: 49px; width: 25px; text-transform: uppercase; } ul.nav-wizard li { position: relative; float: left; height: 50px; display: inline-block; text-align: center; padding: 0 0px 0 30px; margin: 0; font-size: 12px; line-height: 49px; width: 19%; text-transform: uppercase; } @media (max-width: 767px) { ul.nav-wizard li { padding: 0 0px 0 15px !important; font-size: 11px !important; width: 35px !important; } } ul.nav-wizard li a { color: #334155; font-weight: bold !important; padding: 0; } ul.nav-wizard li a:hover { background-color: transparent; } ul.nav-wizard li:before { position: absolute; display: block; border: 25px solid transparent; border-left: 16px solid #d4d4d4; border-right: 0; top: -1px; z-index: 10; content: ""; right: -16px; } ul.nav-wizard li:after { position: absolute; display: block; border: 25px solid transparent; border-left: 16px solid #f1f1f1; border-right: 0; top: -1px; z-index: 10; content: ""; right: -15px; } ul.nav-wizard li.active { color: #334155; font-weight: bold !important; background: #1f2b38; } ul.nav-wizard li.active:after { border-left: 16px solid #1f2b38; } ul.nav-wizard li.active a, ul.nav-wizard li.active a:active, ul.nav-wizard li.active a:visited, ul.nav-wizard li.active a:focus { color: #fefefe; background: #1f2b38; font-weight: bold !important; } ul.nav-wizard li.gray { color: #334155; font-weight: bold !important; background: #c6c6c6 !important; } ul.nav-wizard li.gray:after { border-left: 16px solid #c6c6c6 !important; } ul.nav-wizard li.gray a, ul.nav-wizard li.gray a:active, ul.nav-wizard li.gray a:visited, ul.nav-wizard li.gray a:focus { background: #c6c6c6 !important; font-weight: bold !important; } ul.nav-wizard .active ~ li { color: #334155; background: #f9f9f9; font-weight: bold !important; } ul.nav-wizard .active ~ li:after { border-left: 16px solid #f9f9f9; } ul.nav-wizard .active ~ li a, ul.nav-wizard .active ~ li a:active, ul.nav-wizard .active ~ li a:visited, ul.nav-wizard .active ~ li a:focus { color: #334155; background: #f9f9f9; font-weight: bold !important; } ul.nav-wizard.nav-wizard-backnav li:hover { color: #334155; background: #f6fbfd; font-weight: bold !important; } ul.nav-wizard.nav-wizard-backnav li:hover:after { border-left: 16px solid #f6fbfd; } ul.nav-wizard.nav-wizard-backnav li:hover a, ul.nav-wizard.nav-wizard-backnav li:hover a:active, ul.nav-wizard.nav-wizard-backnav li:hover a:visited, ul.nav-wizard.nav-wizard-backnav li:hover a:focus { color: #334155; background: #f6fbfd; font-weight: bold !important; } ul.nav-wizard.nav-wizard-backnav .active ~ li { color: #334155; background: #ededed; font-weight: bold !important; } ul.nav-wizard.nav-wizard-backnav .active ~ li:after { border-left: 16px solid #ededed; } ul.nav-wizard.nav-wizard-backnav .active ~ li a, ul.nav-wizard.nav-wizard-backnav .active ~ li a:active, ul.nav-wizard.nav-wizard-backnav .active ~ li a:visited, ul.nav-wizard.nav-wizard-backnav .active ~ li a:focus { color: #334155; background: #ededed; font-weight: bold !important; } /* We're using CSS transitions for when the enter and move events are triggered for the element that has the .repeated-item class */ .repeated-item.ng-enter, .repeated-item.ng-move { transition: 0.4s linear all; opacity: 0; } /* The ng-enter-active and ng-move-active are where the transition destination properties are set so that the animation knows what to animate. */ .repeated-item.ng-enter.ng-enter-active, .repeated-item.ng-move.ng-move-active { opacity: 1; } /* We're using CSS keyframe animations for when the leave event is triggered for the element that has the .repeated-item class */ .repeated-item.ng-leave { -webkit-animation: 0.5s my_animation; -moz-animation: 0.5s my_animation; animation: 0.5s my_animation; transition: 500ms ease-in all; } @keyframes my_animation { from { opacity: 1; left: 0; } to { opacity: 0; left: -1000px; } } @-webkit-keyframes my_animation { from { opacity: 1; left: 0; } to { opacity: 0; left: -1000px; } } @-moz-keyframes my_animation { from { opacity: 1; left: 0; } to { opacity: 0; left: -1000px; } } @keyframes my_animation_right { from { opacity: 1; left: 0; } to { opacity: 0; left: 1000px; } } @-webkit-keyframes my_animation_right { from { opacity: 1; left: 0; } to { opacity: 0; left: 1000px; } } @-moz-keyframes my_animation_right { from { opacity: 1; left: 0; } to { opacity: 0; left: 1000px; } } .positions-nav { margin-top: 4px; } .font-xxs { font-size: 65%; } .text-nowrap { white-space: nowrap !important; } .panel-default > .panel-heading { background-color: white; } .comments { padding-top: 1px; } .comments .card { -webkit-box-shadow: none; box-shadow: none; } .comments li.message .message-text { margin-left: 10px; } .comments li.message { margin-left: 0px; } .comments .nav.nav-tabs { background: none; border-bottom: none; } .comments .nav.nav-tabs ul { border-bottom: none; } .comments .nav.nav-tabs ul li .active { background-color: white; } .comments .text-success { color: #3ea840; } .task .assagnee { background-color: #e8e8e8; margin: 4px; height: 30px; padding: 2px 7px 2px 7px; border-radius: 30px; text-transform: capitalize; color: black; border: 1px solid #d4d4d4; font-size: 8pt; font-weight: bold; } .avatar-circle-search { width: 40px; height: 40px; border-radius: 20px; font-size: 12px; color: #ffffff; line-height: 40px; text-align: center; background: #d4dbee; margin-left: 5px; min-width: 40px; } .avatar-circle-search-30 { width: 30px; height: 30px; border-radius: 20px; font-size: 16px; color: #24418f; line-height: 30px; text-align: center; background: #d4dbee; margin-right: 20px; min-width: 30px; } .avatar-circle-search-20 { width: 20px; height: 20px; border-radius: 20px; font-size: 12px; color: #24418f; line-height: 20px; text-align: center; background: #d4dbee; margin-right: 20px; } .assessment .diagram .tooltip.right { margin-left: 0px; margin-top: 5px; font-size: 13.5px; } .assessment .diagram .drt-input-in { direction: rtl; } .model-question .bin { width: 50px !important; } .model-question .symbol { width: 50px !important; } .model-question .popover { box-shadow: none; -webkit-box-shadow: none; } .diagram .tooltip.right { margin-left: 183px; margin-top: 5px; } .diagram .bin { width: 50px; float: left; border: 1px solid #ffffff; padding: 0px; text-align: center; background-color: white; color: black; } .diagram .model-item { min-height: 37px; width: 36px; background: #f4f4f4; transition: all 0.2s ease; text-align: center; display: table; padding-left: 9px; padding-right: 9px; z-index: 1000; border: 1px solid #d2d2db; float: left; } .diagram .bg-text { overflow: hidden; position: relative; } .diagram .bg-text::after { color: #cdcdcd; content: attr(data-bg-text); display: block; font-size: 5px; line-height: 1; position: absolute; bottom: 5px; right: 10px; display: none; } .diagram .item-dragable { min-height: 37px; width: 36px; background: #f4f4f4; transition: all 0.2s ease; cursor: move; text-align: center; display: table; padding-left: 9px; padding-right: 9px; z-index: 1000; border: 1px solid #060608; float: left; } .diagram .item-dragable-text { display: table-cell; vertical-align: middle; font-size: 14px; } .diagram .drag { opacity: 0.7; cursor: move; } .diagram .over { background: #d6d6d6; cursor: move; } .diagram .arrow { background: white; font-size: 18px; } .diagram .symbol { min-height: 40px; width: 60px; padding-top: 3px; font-size: 16px; letter-spacing: 1px; border-radius: 5px; } .diagram .symbol span { position: relative; font-weight: bold; } .diagram .arrow span { font-size: 18px; } .diagram .diagram-answer { /*padding-top: 25px; padding-bottom: 15px; border-bottom: 1px solid darkgrey; */ padding-left: 20px; } .diagram .diagram-answer .bin { width: 70px; } .diagram .diagram-answer .btn { width: 85px; letter-spacing: 2px; margin-right: 12px; box-shadow: none; -webkit-box-shadow: none; font-weight: 600; } .diagram .diagram-answer option.solution { background-color: var(--oa-success-bg, #F0FDF4); color: var(--oa-success-text, #166534); } .diagram .diagram-answer select.solution-picked { color: var(--oa-success-text, #166534); } .diagram .diagram-answer option.wrong { background-color: var(--oa-error-bg, #FEF2F2); color: var(--oa-error-text, #B91C1C); } .diagram .diagram-answer select.wrong-picked { color: var(--oa-error-text, #B91C1C); } .diagram .diagram-answer select.solution-picked option:not(.solution), .diagram .diagram-answer select.wrong-picked option:not(.wrong) { color: var(--oa-text-main, #1F2937); } .diagram .diagram-answer .active { background-color: #005aee; color: white; } html { overflow-y: scroll; } .offers-panel .panel { margin-bottom: 0px; } .offers-panel footer { margin: 0px 0px; background-color: #F5F5F5; padding-top: 10px; border-color: #dddddd; border: 1px solid #dddddd; border-top: none; margin-bottom: 20px; } .offers-panel .headline { font-size: 12px; line-height: 1.4444; } .offer-expand { cursor: pointer; cursor: hand; padding: 0px 20px; } .offer-bin:hover i { color: #23527c !important; } .animate-repeat { box-sizing: border-box; } .animate-repeat.ng-move, .animate-repeat.ng-enter, .animate-repeat.ng-leave { transition: all linear 0.3s; } .animate-repeat.ng-leave.ng-leave-active, .animate-repeat.ng-move, .animate-repeat.ng-enter { opacity: 0; } .animate-repeat.ng-leave, .animate-repeat.ng-move.ng-move-active, .animate-repeat.ng-enter.ng-enter-active { opacity: 1; } .progress-xs { height: 5px !important; line-height: 5px !important; box-shadow: none; -webkit-box-shadow: none; } .agency section { padding-top: 0px; padding-bottom: 0px; } .company-position-nav li.active-position-nav { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfbfb+0,ffffff+32 */ background: #1f2b38; border-right: 5px solid #C2185B !important; } .company-position-nav li.active-position-nav a { color: white !important; } .company-position-nav li.active-position-nav a .description { color: #cbd6e2; } .logo-image { max-width: 170px; margin: 0 auto; padding-bottom: 10px; text-align: center !important; } #logo-minifed { visibility: hidden; height: 49px; } #logo-minifed.minified { margin-top: 10px; visibility: visible; } .minified #logo { visibility: hidden; } .minified #logo img { visibility: hidden; } .minified #logo-minifed { visibility: visible; } .pricing section { padding-bottom: 50px; } .pricing .box { border: 1px solid #dddbdb; padding: 10px; border-left: none; } .pricing .box:first-child { border-left: 1px solid #dddbdb; } .pricing .list-group .list-group-item { border: none; font-size: 12px; } .pricing .price { font-size: 22px; position: relative; margin: 20px 0; } .pricing .price span:first-child { font-size: 12px; vertical-align: top; display: inline-block; margin-top: -5px; margin-right: 5px; } .pricing .price span { font-size: 12px; } .pricing .packages { font-size: 13.5px; padding: 0 20px; padding-bottom: 40px; } .pricing .packages .col { padding: 0 50px; } .pricing .packages h3 { font-weight: 600; } .pricing .packages p { line-height: 180%; } .pricing .faq { padding: 0 40px; padding-bottom: 40px; } .pricing .linkedin { border: 1px solid #337ab7; } .pricing .mute { font-size: 12px; color: grey; } .pricing .popular { padding-top: 0px; padding-left: 0px; padding-right: 0px; border: 1px solid #337ab7; margin-top: -40px; } .pricing .popular ul { padding-bottom: 30px; } .pricing .popular .linkedin { margin-bottom: 20px; } .pricing .popular-header { background-color: #337ab7; padding: 7px; color: #ffffff; border: 1px solid #337ab7; } .rounded-box { border: 1px solid #337ab7; width: 630px; margin: auto; padding: 15px; font-size: 13.5px; } .rounded-box a { text-decoration: underline; } .right-0 { right: 0px !important; } .registration .left { background-color: #ffffff !important; } .registration .right { padding: 20px 60px; border-left: 1px solid #e7e7e7; } .registration .right li { padding: 10px; font-size: 14px; } .registration .jarviswidget > div { background-color: #ffffff !important; padding: 0; } .registration .linkedin { border: 1px solid #85C847; background-color: #85C847; color: white; font-size: 14px; padding: 20px; font-weight: bold; } .registration .linkedin:hover { border: 1px solid #6da73d; background-color: #6da73d; } .btn-border { border: 1px solid #337ab7; } .btn-border:hover { border: 1px solid #337ab7; } .standalone { background-color: white; } .standalone .fother-bg { height: 200px; background-image: url("/img/fbg.jpg"); background-repeat: repeat-x; /* background-attachment: fixed; */ background-position: 50% 40px; background-color: white; } .standalone .flow p { font-size: 12px; } .standalone .container { padding-top: 10px; margin-right: auto; margin-left: auto; } .standalone .navbar { min-height: 55px; } .standalone ul.nav li a { font-size: 11px !important; } .standalone .text-headline { font-size: 36px !important; } .standalone .header-employers .linkedin { border: 1px solid #337ab7; } .standalone .subheader { font-size: 16px; color: #8a8a8a; } .standalone section { margin-top: 30px; margin-bottom: 30px; } .standalone .flow img { padding-bottom: 30px; height: 101px; } .standalone .flow h3 { height: 40px; font-size: 13.5px; } .standalone .flow .arrow { background-image: url("/img/arrows.png"); background-repeat: no-repeat; /* background-attachment: fixed; */ background-position: 50% 50%; height: 150px; width: 25px; padding-left: 0px; margin-top: 40px; padding-right: 0px; } .standalone .flow .col { padding-left: 0; padding-right: 0; width: 23%; } .standalone .features { padding-left: 30px; padding-right: 30px; text-align: center; background-color: white; } .standalone .features img { height: 70px; } .standalone .features h3 { text-align: center; margin-bottom: 10px; color: #337ab7; } .standalone .features .row { padding-bottom: 30px; } .standalone .features .row .col-md-4 { padding-left: 40px; padding-right: 40px; } .standalone .features h1 { padding-top: 70px !important; } .standalone .button-yellow { background-color: #FFA200; border: 1px solid #FFA200 !important; color: white; } .standalone .button-yellow:hover { background-color: #e78500; border: 1px solid #e78500 !important; } .standalone .intro { padding: 50px; } .standalone .intro p { line-height: 190%; font-size: 13.5px; } .tc-chart-js-legend { list-style-type: none; padding-left: 0px; font-weight: 600; } .tc-chart-js-legend li { display: inline-block; clear: both; padding: 10px; text-transform: uppercase; font-size: 11px; } .tc-chart-js-legend li span { width: 25px; height: 15px; display: block; float: left; margin-right: 10px; } .assessment-page .nav-tabs > li > a:hover, .assessment-page .nav > li > a:focus, .assessment-page .nav > li > a:hover { webkit-box-shadow: 0 0px 0 #57889c; -moz-box-shadow: 0 0px 0 #57889c; box-shadow: 0 0px 0 #57889c; border-top-width: 0 !important; margin-top: 1px !important; font-weight: 700; border-top: none; border-bottom: 0px solid; border-top: 0px; border: none; } .assessment-page .nav-tabs > li.active > a, .assessment-page .nav-tabs > li.active > a:focus, .assessment-page .nav-tabs > li.active > a:hover { webkit-box-shadow: 0 2px 0 #57889c !important; -moz-box-shadow: 0 2px 0 #57889c !important; box-shadow: 0 2px 0 #57889c !important; border-top-width: 0 !important; margin-top: 1px !important; font-weight: bold !important; border-top: none; border-bottom: 0px solid; border-top: 0px; border: none; } .assessment-page .left-questions-nav .active { border-right: none; border-bottom: 2px solid; } /* .nav-tabs>li{ &.active>a { webkit-box-shadow: 0 2px 0 #337ab7 !important; -moz-box-shadow: 0 2px 0 #337ab7!important; box-shadow: 0 2px 0 #337ab7!important; } text-transform: uppercase; font-size: $font-size-sm; // 14px }*/ .opportunites { margin-top: 0px; } .opportunites .image-circle { width: 70px; height: 70px; } .candidates-search { margin-left: -15px !important; margin-right: -15px !important; /* style glyph */ } .candidates-search .inner-addon { position: relative; } .candidates-search .inner-addon .glyphicon, .candidates-search .inner-addon .fa-duotone { position: absolute; padding: 10px; } .candidates-search .right-addon .glyphicon, .candidates-search .right-addon .fa-duotone { right: 20px; top: 0; } .candidates-search .right-addon input { padding-right: 40px; } .candidates-search .rounded-search { border-radius: 20px !important; } .position-edit .btn-group .btn-default { background-color: #f6f8f9; font-weight: bold; } .skills-table .skill-row { padding: 8px 0px; margin: 5px 0px; background-color: #f4f4f4; } .skills-table .skills-header { font-weight: 300; font-size: 11px; color: #7a7a7a; text-transform: uppercase; } .skills-table .skill-rows { margin: 3px; border: dashed 2px #fcf7db; } .skills-table label.radio { display: inline; } .skills-table .remove a { height: 25px; width: 50px; display: block; } .skills-table div.remove:hover div { background-color: darkred; } .modal-fullscreen .modal-dialog { margin: 0 0 0 0; width: 100%; height: 100%; min-height: 100%; padding: 0; color: #1f2b38; } .modal-fullscreen .modal-content { height: 100%; min-height: 100%; border-radius: 0; color: #1f2b38; background: rgba(48, 51, 55, 0.6); overflow: auto; overflow-y: scroll; } .modal-fullscreen .modal-body ul { padding: 100px 0 0 0; } .modal-fullscreen .modal-body li { padding: 10px 0 10px 0; } .modal-fullscreen .modal-body a { color: #1f2b38; } @media (max-width: 480px) { .modal-fullscreen .modal-body ul { padding: 30px 0 0 0; overflow: auto; } .modal-fullscreen .modal-body li { padding: 4px 0 4px 0; } .modal-fullscreen .modal-body a { color: #1f2b38; font-size: 200%; text-transform: uppercase; font-weight: 700; } } .fixframe { position: fixed; top: 50px; left: 0px; right: 0px; bottom: 0px; } .fixframe iframe { height: 100%; width: 100%; } .candidate-modal-body { padding-top: 0px; width: auto; max-width: 90%; margin-right: auto; margin-left: auto; } .candidate-modal-body .close { color: #353535; opacity: 0.9; position: fixed; right: 30px; top: 20px; } .candidate-modal-body .close:hover { border-bottom: 1px solid #ffffff; opacity: 1; position: fixed; right: 30px; top: 20px; } .modal-candidate { padding-top: 0px; } .modal-candidate .close-profile { color: black; position: absolute; right: 0px; z-index: 1000 !important; } .modal-candidate .close-profile:hover { text-decoration: none; border-bottom: none !important; } .modal-candidate.modal-header { z-index: 1000; width: 100%; background: none; height: 5px; } .modal-candidate .print { color: #ffffff; margin-top: 3px; padding-top: 0px; } .modal-candidate .print:hover { padding-top: 0px; margin-top: 3px; opacity: 1; border-bottom: 1px solid #ffffff; } div.print-a4 { width: 21cm; } div.print-a4-landscape { width: 29.7cm; } div.print-a4-center { width: 21cm; margin: 0 auto; } div.print-a4-landscape-center { width: 29.7cm; margin: 0 auto; } .sortorder:after { content: "▲"; } .sortorder.reverse:after { content: "▼"; } .pricing-buttons .btn { border: 1px solid #337ab7; box-shadow: none; width: 160px; } .pricing-buttons .active { background-color: #337ab7; color: white; } .offer-box { width: 650px; background-color: #E2F1F4; padding: 20px 50px; padding-bottom: 40px; margin: auto; } .offer-box .linkedin { background-color: #FFA200; border: 1px solid #FFA200; color: white; } .offer-box .linkedin:hover { background-color: #e78500; border: 1px solid #e78500; } .btn-orange { background-color: #FFA200; border: 1px solid #FFA200; color: white; } .btn-orange:hover { background-color: #e78500; border: 1px solid #e78500; } .candidates-filters { padding: 8px 16px; } .candidates-filters > .col-xs-11, .candidates-filters > .col-md-11 { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; } .candidates-filters .candidate-dropdown-filter { display: inline-flex; align-items: center; height: 24px; margin: 0; padding: 0; border-radius: 12px; font-size: 11px; line-height: 1; background-color: #ffffff; border: 1px solid #e1e5e9; color: #334155; } .candidates-filters .candidate-dropdown-filter .filter-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 4px; padding: 0 10px 0 8px; margin: 0; border: none; background: transparent; color: inherit; font-size: inherit; font-weight: 500; line-height: 1; cursor: pointer; white-space: nowrap; height: 100%; width: 100%; border-radius: inherit; } .candidates-filters .candidate-dropdown-filter .filter-toggle:hover, .candidates-filters .candidate-dropdown-filter .filter-toggle:focus { outline: none; text-decoration: none; } .candidates-filters .candidate-dropdown-filter .filter-toggle:disabled { opacity: 0.5; cursor: not-allowed; } .candidates-filters .candidate-dropdown-filter .filter-toggle i { font-size: 11px; width: 14px; text-align: center; color: #607d8b; } .candidates-filters .candidate-dropdown-filter .filter-toggle .filter-label { color: #334155; } .candidates-filters .candidate-dropdown-filter .filter-toggle .filter-value { font-weight: 600; color: #1f2b38; } .candidates-filters .candidate-dropdown-filter .filter-clear { margin-left: 6px; font-size: 13px; color: rgba(255, 255, 255, 0.7); cursor: pointer; transition: color 0.15s ease; } .candidates-filters .candidate-dropdown-filter .filter-clear:hover { color: #ffffff; } .candidates-filters .candidate-dropdown-filter:hover:not(.active):not(.filter-active) { border-color: #1e5bb8 !important; background-color: #1e5bb8 !important; background: #1e5bb8 !important; color: #ffffff !important; } .candidates-filters .candidate-dropdown-filter:hover:not(.active):not(.filter-active) .btn, .candidates-filters .candidate-dropdown-filter:hover:not(.active):not(.filter-active) .filter-toggle, .candidates-filters .candidate-dropdown-filter:hover:not(.active):not(.filter-active) .filter-label, .candidates-filters .candidate-dropdown-filter:hover:not(.active):not(.filter-active) .filter-value { color: #ffffff !important; } .candidates-filters .candidate-dropdown-filter:hover:not(.active):not(.filter-active) .filter-toggle i { color: #ffffff !important; } .candidates-filters .candidate-dropdown-filter.active, .candidates-filters .candidate-dropdown-filter.filter-active { background-color: #1e5bb8 !important; background: #1e5bb8 !important; border-color: #1e5bb8 !important; color: #ffffff !important; } .candidates-filters .candidate-dropdown-filter.active .filter-toggle, .candidates-filters .candidate-dropdown-filter.active .filter-toggle i, .candidates-filters .candidate-dropdown-filter.active .filter-label, .candidates-filters .candidate-dropdown-filter.active .filter-value, .candidates-filters .candidate-dropdown-filter.active .btn, .candidates-filters .candidate-dropdown-filter.filter-active .filter-toggle, .candidates-filters .candidate-dropdown-filter.filter-active .filter-toggle i, .candidates-filters .candidate-dropdown-filter.filter-active .filter-label, .candidates-filters .candidate-dropdown-filter.filter-active .filter-value, .candidates-filters .candidate-dropdown-filter.filter-active .btn { color: #ffffff !important; } .candidates-filters .candidate-dropdown-filter.active .filter-clear, .candidates-filters .candidate-dropdown-filter.filter-active .filter-clear { color: #ffffff !important; opacity: 0.8; } .candidates-filters .candidate-dropdown-filter.active .filter-clear:hover, .candidates-filters .candidate-dropdown-filter.filter-active .filter-clear:hover { opacity: 1; } .candidates-filters .candidate-dropdown-filter.active:hover, .candidates-filters .candidate-dropdown-filter.filter-active:hover { background-color: #1a4f9e !important; background: #1a4f9e !important; border-color: #1a4f9e !important; } .candidates-filters .candidate-dropdown-filter .btn { padding: 0; height: auto; line-height: inherit; font-size: inherit; } .candidates-filters .candidate-dropdown-filter.candidate-filter-recruitment:not(.active):not(.filter-active):not(:hover) .filter-toggle i { color: #005aee !important; } .candidates-filters .candidate-dropdown-filter.candidate-filter-info:not(.active):not(.filter-active):not(:hover) .filter-toggle i { color: #6576a6 !important; } .candidates-filters .candidate-dropdown-filter:not(.active):not(.filter-active):not(:hover):not(.candidate-filter-recruitment):not(.candidate-filter-info) .filter-toggle i.fa-map-marker, .candidates-filters .candidate-dropdown-filter:not(.active):not(.filter-active):not(:hover):not(.candidate-filter-recruitment):not(.candidate-filter-info) .filter-toggle i.fa-globe, .candidates-filters .candidate-dropdown-filter:not(.active):not(.filter-active):not(:hover):not(.candidate-filter-recruitment):not(.candidate-filter-info) .filter-toggle i.fa-building-user, .candidates-filters .candidate-dropdown-filter:not(.active):not(.filter-active):not(:hover):not(.candidate-filter-recruitment):not(.candidate-filter-info) .filter-toggle i.fa-building-circle-arrow-right, .candidates-filters .candidate-dropdown-filter:not(.active):not(.filter-active):not(:hover):not(.candidate-filter-recruitment):not(.candidate-filter-info) .filter-toggle i.fa-passport { color: #28a745 !important; } .candidates-filters .candidate-dropdown-filter.filter-primary:not(.active):not(.filter-active) .filter-toggle i { color: #ffffff !important; } .candidates-filters .candidate-dropdown-filter .dropdown-menu { top: 100% !important; margin-top: 4px; } .candidates-filters .candidate-dropdown-filter.open .dropdown-toggle, .candidates-filters .candidate-dropdown-filter.open .filter-toggle, .candidates-filters .btn-group.candidate-dropdown-filter.open .dropdown-toggle { box-shadow: none !important; outline: none !important; } .candidates-filters .filter-date { background-color: #1e5bb8 !important; border-color: #1e5bb8 !important; color: #ffffff !important; cursor: pointer; } .candidates-filters .filter-date .filter-toggle { color: #ffffff !important; } .candidates-filters .filter-date .filter-toggle i { color: #ffffff !important; } .candidates-filters .filter-date .filter-toggle .caret { margin-left: 6px; border-top-color: #ffffff; } .candidates-filters .filter-date:hover { background-color: #1a4f9e !important; border-color: #1a4f9e !important; } .candidates-filters.filter-primary, .candidates-filters .filter-primary { background-color: #1e5bb8 !important; border-color: #1e5bb8 !important; color: #ffffff !important; } .candidates-filters.filter-primary .filter-toggle, .candidates-filters.filter-primary .filter-label, .candidates-filters.filter-primary .filter-value, .candidates-filters.filter-primary .btn, .candidates-filters .filter-primary .filter-toggle, .candidates-filters .filter-primary .filter-label, .candidates-filters .filter-primary .filter-value, .candidates-filters .filter-primary .btn { color: #ffffff !important; font-weight: 500 !important; } .candidates-filters.filter-primary .filter-toggle i, .candidates-filters.filter-primary .filter-label i, .candidates-filters.filter-primary .filter-value i, .candidates-filters.filter-primary .btn i, .candidates-filters .filter-primary .filter-toggle i, .candidates-filters .filter-primary .filter-label i, .candidates-filters .filter-primary .filter-value i, .candidates-filters .filter-primary .btn i { color: #ffffff !important; } .candidates-filters.filter-primary:hover, .candidates-filters .filter-primary:hover { background-color: #1a4f9e !important; border-color: #1a4f9e !important; } .candidates-filters input[type=search], .candidates-filters input[type=text].filter-search { height: 28px; padding: 0 12px; border-radius: 14px; font-size: var(--fluid-xs, 12px); min-width: 150px; } .candidates-empty-state, .no-candidates-message, .empty-candidates { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 60px 20px; min-height: 300px; margin: 0 auto; } .candidates-empty-state .empty-icon, .candidates-empty-state .fa-users, .candidates-empty-state .fa-search, .no-candidates-message .empty-icon, .no-candidates-message .fa-users, .no-candidates-message .fa-search, .empty-candidates .empty-icon, .empty-candidates .fa-users, .empty-candidates .fa-search { font-size: 48px; color: #c0c8d0; margin-bottom: 20px; } .candidates-empty-state h3, .candidates-empty-state h4, .candidates-empty-state .empty-title, .no-candidates-message h3, .no-candidates-message h4, .no-candidates-message .empty-title, .empty-candidates h3, .empty-candidates h4, .empty-candidates .empty-title { color: #455a64; margin-bottom: 10px; font-weight: 500; } .candidates-empty-state p, .candidates-empty-state .empty-description, .no-candidates-message p, .no-candidates-message .empty-description, .empty-candidates p, .empty-candidates .empty-description { color: #6b7c8a; max-width: 400px; margin: 0 auto; } .candidates-empty-state .btn, .no-candidates-message .btn, .empty-candidates .btn { margin-top: 20px; } .candidates-content, .candidates-list-container { margin-left: 0; margin-right: 0; padding: 0 16px; } .minified #content .candidates-filters { padding-left: 16px; } @media (max-width: 991px) { .candidates-filters { padding: 6px 12px; } .candidates-filters > .col-xs-11, .candidates-filters > .col-md-11 { gap: 4px 6px; } .candidates-filters .candidate-dropdown-filter { height: 22px; font-size: 10px; } .candidates-filters .candidate-dropdown-filter .filter-toggle { padding: 0 8px 0 6px; gap: 3px; } .candidates-filters .candidate-dropdown-filter .filter-toggle i { font-size: 10px; width: 12px; } } @media (max-width: 767px) { .candidates-filters { padding: 6px; } .candidates-filters > .col-xs-11, .candidates-filters > .col-md-11 { flex-direction: column; align-items: stretch; gap: 6px; } .candidates-filters .candidate-dropdown-filter { width: 100%; justify-content: space-between; height: 28px; } } .ai-filter .candidate-dropdown-filter .filter-toggle { justify-content: flex-start; text-align: left; } .candidate-dropdown-filter .dropdown-menu a.candidate-filter-check { display: flex !important; align-items: center; gap: 10px; padding: 8px 12px; font-size: 13px; line-height: 1.4; color: #1f2b38; cursor: pointer; white-space: nowrap; max-width: 300px; } .candidate-dropdown-filter .dropdown-menu a.candidate-filter-check:hover { background-color: #edf2f7; text-decoration: none; } .candidate-dropdown-filter .dropdown-menu a.candidate-filter-check:hover .filter-checkbox:not(.checked) { border-color: #005aee; } .candidate-dropdown-filter .dropdown-menu a.candidate-filter-check .filter-checkbox { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border: 2px solid #ced4da; border-radius: 50%; flex-shrink: 0; background-color: #ffffff; } .candidate-dropdown-filter .dropdown-menu a.candidate-filter-check .filter-checkbox .fa-check { font-size: 10px; color: #ffffff; } .candidate-dropdown-filter .dropdown-menu a.candidate-filter-check .filter-checkbox.checked { background-color: #005aee; border-color: #005aee; } .candidate-dropdown-filter .dropdown-menu a.candidate-filter-check > i.fa { display: none; } .candidate-dropdown-filter .dropdown-menu a.candidate-filter-check .filter-count-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; font-size: 11px; font-weight: 600; line-height: 1; flex-shrink: 0; } .candidate-dropdown-filter .dropdown-menu a.candidate-filter-check .filter-count-badge.has-count { background-color: #005aee; color: #ffffff; } .candidate-dropdown-filter .dropdown-menu a.candidate-filter-check .filter-count-badge.no-count { background-color: #f8f9fa; color: #334155; } .candidate-dropdown-filter .dropdown-menu a.candidate-filter-check .filter-option-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #1f2b38; font-size: 13px; } .candidate-dropdown-filter .dropdown-menu a.candidate-filter-check .filter-count { font-size: 12px; color: #334155; flex-shrink: 0; } .candidate-dropdown-filter .dropdown-menu li:first-of-type a.candidate-filter-check .filter-checkbox { visibility: hidden; } .candidate-dropdown-filter .dropdown-menu li:first-of-type a.candidate-filter-check .fa:not(.fa-check) { visibility: hidden; } .mainwrap:has(.filter-bar-2027) { display: block !important; } .filter-bar-2027 { position: relative; width: calc(100% + 10px); margin-left: -10px; padding-left: 10px; background: #ffffff; } .filter-header-2027 { position: sticky; top: var(--oa-header-height, 56px); z-index: 100; width: calc(100% + 10px); margin-left: -10px; background: var(--oa-bg-hover, #F8FAFD); display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px; padding: 16px 20px; border-bottom: 1px solid #e1e5e9; } .filter-header-2027.filter-header-compact { padding: 8px 20px; } .filter-header-2027 .filter-actions-row { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; margin-left: auto; } .filter-header-2027 .filter-spacer { flex: 1; } .filter-header-2027 .filter-row-primary { display: flex; flex-wrap: nowrap; align-items: center; gap: 12px; width: 100%; margin-bottom: 4px; } @media (max-width: 768px) { .filter-header-2027 .filter-row-primary { flex-wrap: wrap; } } .filter-header-2027 .filter-search-group { display: flex; gap: 8px; flex: 1; max-width: 500px; } @media (max-width: 768px) { .filter-header-2027 .filter-search-group { flex: 1 1 100%; max-width: 100%; } } .filter-header-2027 .filter-row-secondary { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; width: 100%; margin-bottom: 4px; border-bottom: none; padding: 0; margin-left: 0; background: transparent; } .filter-header-2027.filter-header-positions { display: flex; flex-direction: column; gap: 8px; } .filter-header-2027.filter-header-positions .filter-input-wrapper, .filter-header-2027.filter-header-positions .filter-select-wrapper, .filter-header-2027.filter-header-positions .filter-checkbox, .filter-header-2027.filter-header-positions .filter-daterange, .filter-header-2027.filter-header-positions .filter-actions-row .btn { height: 32px; box-sizing: border-box; } .filter-header-2027.filter-header-positions .filter-checkbox, .filter-header-2027.filter-header-positions .filter-daterange { display: flex; align-items: center; padding-top: 0; padding-bottom: 0; line-height: 1; } .filter-header-2027.filter-header-positions .filter-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .filter-header-2027.filter-header-positions .filter-input-half { flex: 1 1 0; min-width: 160px; max-width: 220px; } .filter-header-2027.filter-header-positions .filter-row-bottom .filter-actions-row { margin-left: auto; } .filter-header-2027 .filter-input-wrapper { position: relative; display: flex; align-items: center; min-width: 180px; flex: 1; max-width: 220px; } .filter-header-2027 .filter-input-wrapper i { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: #475569; font-size: 13px; pointer-events: none; } .filter-header-2027 .filter-input-wrapper .filter-input { width: 100%; height: 28px; padding: 4px 10px 4px 10px; padding-left: 28px !important; border: 1px solid #e1e5e9; border-radius: 4px; font-size: 12px; background: white; transition: border-color 0.15s ease; } .filter-header-2027 .filter-input-wrapper .filter-input:focus { outline: none; border-color: #005aee; } .filter-header-2027 .filter-input-wrapper .filter-input::placeholder { color: #475569; } .filter-header-2027 .filter-input-wrapper.filter-input-compact { min-width: 140px; max-width: 160px; flex: 0 1 auto; } .filter-header-2027 .filter-select-wrapper { position: relative; min-width: 120px; max-width: 180px; } .filter-header-2027 .filter-select-wrapper .filter-select { width: 100%; height: 28px; padding: 4px 24px 4px 8px; border: 1px solid #e1e5e9; border-radius: 4px; font-size: 12px; background: white; appearance: none; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 6px center; } .filter-header-2027 .filter-select-wrapper .filter-select:focus { outline: none; border-color: #005aee; } .filter-header-2027 .filter-checkbox { display: flex; align-items: center; gap: 4px; font-size: 12px; color: #334155; cursor: pointer; white-space: nowrap; padding: 4px 8px; border-radius: 4px; background: white; border: 1px solid #e1e5e9; } .filter-header-2027 .filter-checkbox input[type=checkbox] { width: 16px; height: 16px; accent-color: #005aee; } .filter-header-2027 .filter-checkbox:hover { border-color: #005aee; } .filter-header-2027 .filter-daterange { display: flex; align-items: center; gap: 6px; padding: 6px 10px; border: 1px solid #e1e5e9; border-radius: 6px; font-size: 13px; background: white; cursor: pointer; white-space: nowrap; } .filter-header-2027 .filter-daterange i:first-child { color: #475569; } .filter-header-2027 .filter-daterange i:last-child { font-size: 10px; color: #475569; } .filter-header-2027 .filter-daterange:hover { border-color: #005aee; } .filter-header-2027 .filter-tabs { display: flex; gap: 4px; } .filter-header-2027 .filter-tabs .tab-btn { padding: 6px 14px; border: none; background: transparent; color: #334155; font-size: 13px; font-weight: 500; border-radius: 6px; cursor: pointer; transition: all 0.15s ease; } .filter-header-2027 .filter-tabs .tab-btn:hover:not(.active) { background: rgba(0, 0, 0, 0.04) !important; color: var(--oa-text-main) !important; } .filter-header-2027 .filter-tabs .tab-btn.active { background: var(--oa-bg-hover, #F8FAFD) !important; color: #0055FF !important; } .filter-header-2027 .filter-tabs .tab-btn.active:hover { background: #EFF6FF !important; color: #0055FF !important; } .filter-header-2027 .filter-tabs .tab-btn.active i { color: #0055FF !important; } .filter-header-2027 .filter-search-wrapper { flex: 1; min-width: 150px; position: relative; } .filter-header-2027 .filter-search-wrapper input, .filter-header-2027 .filter-search-wrapper input.form-control { width: 100%; height: var(--oa-input-height, 32px) !important; padding: 0 75px 0 40px !important; border: 1px solid #e1e5e9 !important; border-radius: 6px !important; font-size: var(--oa-text-body, 15px); font-family: var(--oa-font-family); background: #ffffff; color: #1f2b38; transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1); } .filter-header-2027 .filter-search-wrapper input::placeholder, .filter-header-2027 .filter-search-wrapper input.form-control::placeholder { color: #64748B; font-weight: 400; } .filter-header-2027 .filter-search-wrapper input:hover, .filter-header-2027 .filter-search-wrapper input.form-control:hover { border-color: #c4ccd3; } .filter-header-2027 .filter-search-wrapper input:focus, .filter-header-2027 .filter-search-wrapper input.form-control:focus { outline: none; border-color: #005aee; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .filter-header-2027 .filter-search-wrapper .search-icon-pre { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #64748B; font-size: 14px; pointer-events: none; z-index: 2; transition: color 0.15s ease; } .filter-header-2027 .filter-search-wrapper:focus-within .search-icon-pre { color: #005aee; } .filter-header-2027 .filter-search-wrapper .search-icon-post { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #64748B; font-size: 14px; cursor: pointer; z-index: 2; transition: all 0.15s ease; opacity: 0.7; background: transparent; border: none; padding: 4px 8px; } .filter-header-2027 .filter-search-wrapper .search-icon-post:hover { color: #005aee; opacity: 1; } .filter-header-2027 .filter-search-wrapper .search-icon-post.icon-clear { right: 38px; } .filter-header-2027 .filter-search-wrapper .search-icon-post.icon-clear:hover { color: #B91C1C; } .filter-header-2027 .filter-search-wrapper .search-icon-post.icon-info { right: 12px; } .filter-header-2027 .filter-search-wrapper .search-icon-post.ai-match-btn { right: 4px; padding: 4px 8px; border-radius: 6px; font-size: 14px; line-height: 1; } .filter-header-2027 .filter-search-wrapper .search-icon-post.ai-match-btn.ai-match-active { background: rgba(0, 90, 238, 0.12); color: #005aee; opacity: 1; } .filter-header-2027 .filter-search-wrapper .search-icon-post.ai-match-btn:hover:not([disabled]) { background: rgba(0, 90, 238, 0.08); color: #005aee; opacity: 1; } .filter-header-2027 .filter-search-wrapper .search-icon-post.ai-match-btn[disabled] { opacity: 0.3; cursor: not-allowed; } .filter-header-2027 .filter-search-wrapper .search-icon-post.ai-match-btn[disabled]:hover { color: #64748B; background: transparent; } .filter-header-2027 .filter-search-wrapper.has-ai-match input, .filter-header-2027 .filter-search-wrapper.has-ai-match input.form-control { padding-right: 105px !important; } .filter-header-2027 .filter-search-wrapper.has-ai-match .search-icon-post.icon-info { right: 40px; } .filter-header-2027 .filter-search-wrapper.has-ai-match .search-icon-post.icon-clear { right: 66px; } .filter-header-2027 .filter-typeahead-wrapper { position: relative; min-width: 160px; flex: 0 1 200px; } .filter-header-2027 .filter-typeahead-wrapper > ul.dropdown-menu[id^=typeahead-] { width: max-content; min-width: 100%; max-width: min(420px, calc(100vw - 40px)); } .filter-header-2027 .filter-typeahead-wrapper input, .filter-header-2027 .filter-typeahead-wrapper input.form-control { width: 100%; height: var(--oa-input-height, 32px) !important; padding: 0 32px 0 36px !important; border: 1px solid #e1e5e9 !important; border-radius: 6px !important; font-size: var(--oa-text-body, 13px); font-family: var(--oa-font-family); background: #ffffff; color: #1f2b38; transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1); } .filter-header-2027 .filter-typeahead-wrapper input::placeholder, .filter-header-2027 .filter-typeahead-wrapper input.form-control::placeholder { color: #64748B; font-weight: 400; } .filter-header-2027 .filter-typeahead-wrapper input:hover, .filter-header-2027 .filter-typeahead-wrapper input.form-control:hover { border-color: #c4ccd3; } .filter-header-2027 .filter-typeahead-wrapper input:focus, .filter-header-2027 .filter-typeahead-wrapper input.form-control:focus { outline: none; border-color: #005aee; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .filter-header-2027 .filter-typeahead-wrapper .icon-pre { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: var(--oa-text-muted, #6B7280); font-size: 14px; pointer-events: none; z-index: 2; } .filter-header-2027 .filter-typeahead-wrapper .icon-clear { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: var(--oa-text-muted, #6B7280); font-size: 14px; cursor: pointer; z-index: 2; opacity: 0.7; transition: all 0.15s ease; } .filter-header-2027 .filter-typeahead-wrapper .icon-clear:hover { color: #B91C1C; opacity: 1; } .filter-header-2027 .filter-typeahead-wrapper:focus-within .icon-pre { color: #005aee; } .filter-header-2027 .filter-select-wrapper { position: relative; min-width: 140px; flex: 0 0 auto; } .filter-header-2027 .filter-select-wrapper select, .filter-header-2027 .filter-select-wrapper select.form-control { width: 100%; height: var(--oa-input-height, 32px) !important; padding: 0 28px 0 12px !important; border: 1px solid #e1e5e9 !important; border-radius: 6px !important; font-size: var(--oa-text-body, 13px); font-family: var(--oa-font-family); background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M3 5l3 3 3-3'/%3E%3C/svg%3E") no-repeat right 10px center; background-size: 12px; color: #1f2b38; cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none; transition: all 0.2s ease; } .filter-header-2027 .filter-select-wrapper select:hover, .filter-header-2027 .filter-select-wrapper select.form-control:hover { border-color: #c4ccd3; } .filter-header-2027 .filter-select-wrapper select:focus, .filter-header-2027 .filter-select-wrapper select.form-control:focus { outline: none; border-color: #005aee; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .filter-header-2027 #reportrange { height: var(--oa-input-height, 32px); padding: 0 12px; border: 1px solid #e1e5e9; border-radius: 16px; display: flex; align-items: center; gap: 8px; font-size: 13px; color: #334155; cursor: pointer; transition: all 0.15s ease; } .filter-header-2027 #reportrange:hover { border-color: #005aee; color: #1f2b38; } .filter-header-2027 #reportrange i { color: #64748B; } .filter-header-2027 .gantt-range, .filter-header-2027 #reportrange_list { height: var(--oa-input-height, 32px); padding: 0 12px; border: 1px solid #e1e5e9; border-radius: 16px; display: flex; align-items: center; gap: 8px; font-size: 13px; color: #334155; background: #ffffff; cursor: pointer; transition: all 0.15s ease; } .filter-header-2027 .gantt-range.date-range-preset, .filter-header-2027 #reportrange_list.date-range-preset { max-width: 160px; } .filter-header-2027 .gantt-range.date-range-custom, .filter-header-2027 #reportrange_list.date-range-custom { max-width: 160px; font-size: 11px; } .filter-header-2027 .gantt-range:hover, .filter-header-2027 #reportrange_list:hover { border-color: #005aee; color: #1f2b38; } .filter-header-2027 .gantt-range i, .filter-header-2027 #reportrange_list i { color: #64748B; } .filter-header-2027 .gantt-range .filter-toggle, .filter-header-2027 #reportrange_list .filter-toggle { display: flex; align-items: center; gap: 8px; cursor: pointer; } .filter-header-2027 .gantt-range .filter-value, .filter-header-2027 #reportrange_list .filter-value { white-space: nowrap; } .filter-defaults-2027 { display: flex; align-items: center; gap: 8px; padding: 10px 20px; flex-wrap: wrap; } .filter-defaults-2027 .candidate-dropdown-filter { display: inline-flex; align-items: center; height: var(--oa-input-height, 32px); border-radius: 8px; font-size: 13px; background: transparent; border: none; color: var(--oa-text-secondary); cursor: pointer; } .filter-defaults-2027 .candidate-dropdown-filter .filter-toggle, .filter-defaults-2027 .candidate-dropdown-filter button.filter-toggle { height: 100%; padding: 0 8px; display: flex; align-items: center; gap: 6px; cursor: pointer; background: transparent; border: none; font: inherit; color: inherit; } .filter-defaults-2027 .candidate-dropdown-filter .filter-toggle i, .filter-defaults-2027 .candidate-dropdown-filter button.filter-toggle i { font-size: 14px; color: var(--oa-text-muted); } .filter-defaults-2027 .candidate-dropdown-filter .filter-clear { margin-right: 6px; } .filter-defaults-2027 .candidate-dropdown-filter:hover, .filter-defaults-2027 .candidate-dropdown-filter:focus { background: rgba(0, 0, 0, 0.04); color: var(--oa-text-main); box-shadow: none !important; } .filter-defaults-2027 .candidate-dropdown-filter.open { background: rgba(0, 0, 0, 0.04); box-shadow: none !important; } .filter-defaults-2027 .candidate-dropdown-filter.active, .filter-defaults-2027 .candidate-dropdown-filter.filter-active { background: rgba(var(--oa-brand-primary-rgb, 0, 85, 238), 0.08); color: var(--oa-brand-primary, #005aee); font-weight: 600; box-shadow: none !important; } .filter-defaults-2027 .candidate-dropdown-filter.active .filter-toggle, .filter-defaults-2027 .candidate-dropdown-filter.active .filter-label, .filter-defaults-2027 .candidate-dropdown-filter.active .filter-value, .filter-defaults-2027 .candidate-dropdown-filter.filter-active .filter-toggle, .filter-defaults-2027 .candidate-dropdown-filter.filter-active .filter-label, .filter-defaults-2027 .candidate-dropdown-filter.filter-active .filter-value { color: var(--oa-brand-primary, #005aee); font-weight: 600; } .filter-defaults-2027 .candidate-dropdown-filter.active .filter-toggle i, .filter-defaults-2027 .candidate-dropdown-filter.filter-active .filter-toggle i { color: var(--oa-brand-primary, #005aee); } .filter-defaults-2027 .active-badges { display: flex; gap: 6px; flex-wrap: wrap; margin-left: auto; } .filter-defaults-2027 .filter-badge { height: 28px; display: inline-flex; align-items: center; gap: 6px; padding: 0 10px; background: linear-gradient(135deg, #005aee 0%, #004bc5 100%); color: #ffffff; border-radius: 14px; font-size: 12px; cursor: pointer; transition: all 0.15s ease; } .filter-defaults-2027 .filter-badge:hover { background: #004bc5; } .filter-defaults-2027 .filter-badge i { font-size: 10px; opacity: 0.8; } .filter-defaults-2027 .filter-badge-more { height: 28px; display: inline-flex; align-items: center; padding: 0 10px; background: #f8f9fa; color: #334155; border-radius: 14px; font-size: 12px; } .filter-defaults-2027 .filter-toggle-btn { margin-left: 8px; width: 32px; height: 32px; border-radius: 8px; border: 1px solid #e1e5e9; background: transparent; color: #334155; cursor: pointer; transition: all 0.15s ease; display: flex; align-items: center; justify-content: center; } .filter-defaults-2027 .filter-toggle-btn:hover { border-color: #005aee; color: #005aee; } .filter-overlay-panel { position: absolute; top: 100%; left: 0; right: 0; z-index: 1000; background: rgba(255, 255, 255, 0.97); backdrop-filter: blur(24px) saturate(1.2); -webkit-backdrop-filter: blur(24px) saturate(1.2); border: 1px solid rgba(0, 90, 238, 0.1); border-top: none; box-shadow: 0 12px 32px -8px rgba(0, 90, 238, 0.12); display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px 16px; padding: 16px 20px; opacity: 0; visibility: hidden; transform: translateY(-8px); pointer-events: none; transition: opacity 0.2s ease, transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), visibility 0s linear 0.25s; } @supports not (backdrop-filter: blur(24px)) { .filter-overlay-panel { background: rgba(255, 255, 255, 0.98); } } .filter-bar-2027.panel-open .filter-overlay-panel { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; transition: opacity 0.2s ease, transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), visibility 0s linear; } .filter-column { display: flex; flex-direction: column; gap: 6px; } .filter-column-title { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #334155; border-bottom: 1px solid #e1e5e9; padding-bottom: 8px; margin-bottom: 4px; } .filter-overlay-panel .candidate-dropdown-filter { display: inline-flex; align-items: center; height: var(--oa-input-height, 32px); border-radius: 8px; font-size: 13px; background: transparent; border: none; color: var(--oa-text-secondary); cursor: pointer; } .filter-overlay-panel .candidate-dropdown-filter .filter-toggle, .filter-overlay-panel .candidate-dropdown-filter button.filter-toggle { height: 100%; padding: 0 8px; display: flex; align-items: center; gap: 6px; white-space: nowrap; cursor: pointer; background: transparent; border: none; font: inherit; color: inherit; } .filter-overlay-panel .candidate-dropdown-filter .filter-toggle i, .filter-overlay-panel .candidate-dropdown-filter button.filter-toggle i { font-size: 14px; color: var(--oa-text-muted); } .filter-overlay-panel .candidate-dropdown-filter .filter-clear { margin-right: 6px; } .filter-overlay-panel .candidate-dropdown-filter:hover, .filter-overlay-panel .candidate-dropdown-filter:focus { background: rgba(0, 0, 0, 0.04); color: var(--oa-text-main); box-shadow: none !important; } .filter-overlay-panel .candidate-dropdown-filter.open { background: rgba(0, 0, 0, 0.04); box-shadow: none !important; } .filter-overlay-panel .candidate-dropdown-filter.active, .filter-overlay-panel .candidate-dropdown-filter.filter-active { background: rgba(0, 85, 255, 0.08); color: var(--oa-brand-primary); font-weight: 600; box-shadow: none !important; } .filter-overlay-panel .candidate-dropdown-filter.active .filter-toggle, .filter-overlay-panel .candidate-dropdown-filter.active .filter-label, .filter-overlay-panel .candidate-dropdown-filter.active .filter-value, .filter-overlay-panel .candidate-dropdown-filter.filter-active .filter-toggle, .filter-overlay-panel .candidate-dropdown-filter.filter-active .filter-label, .filter-overlay-panel .candidate-dropdown-filter.filter-active .filter-value { color: var(--oa-brand-primary); font-weight: 600; } .filter-overlay-panel .candidate-dropdown-filter.active .filter-toggle i, .filter-overlay-panel .candidate-dropdown-filter.filter-active .filter-toggle i { color: var(--oa-brand-primary); } .filter-defaults-2027 .candidate-dropdown-filter.open .dropdown-toggle, .filter-header-2027 .btn-group.open .dropdown-toggle, .filter-overlay-panel .candidate-dropdown-filter.open .dropdown-toggle { -webkit-box-shadow: none !important; box-shadow: none !important; } .filter-defaults-2027 .dropdown-menu, .filter-defaults-2027 .candidate-dropdown-filter .dropdown-menu { z-index: 1020 !important; } .filter-defaults-2027 .candidate-dropdown-filter .dropdown-menu, .filter-header-2027 .candidate-dropdown-filter .dropdown-menu, .filter-overlay-panel .candidate-dropdown-filter .dropdown-menu { background: #F8FAFC !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border: 1px solid #E2E8F0 !important; border-radius: 12px !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08) !important; padding: 8px !important; } .filter-defaults-2027 .candidate-dropdown-filter.open > .dropdown-menu, .filter-header-2027 .candidate-dropdown-filter.open > .dropdown-menu, .filter-overlay-panel .candidate-dropdown-filter.open > .dropdown-menu, .candidate-dropdown-filter.open > .dropdown-menu { display: block !important; visibility: visible !important; z-index: 99999 !important; opacity: 1 !important; } .filter-defaults-2027 .candidate-dropdown-filter .dropdown-menu, .filter-header-2027 .dropdown-menu, .candidate-dropdown-filter .dropdown-menu { inset: auto !important; top: 100% !important; bottom: auto !important; left: 0 !important; right: auto !important; margin-top: 6px !important; max-width: calc(100vw - 40px); max-height: 400px; overflow: auto; } .filter-defaults-2027 .candidate-dropdown-filter .dropdown-menu.dropdown-menu-right, .filter-header-2027 .dropdown-menu.dropdown-menu-right, .candidate-dropdown-filter .dropdown-menu.dropdown-menu-right { left: auto !important; right: 0 !important; } .filter-defaults-2027 .candidate-dropdown-filter.open > .dropdown-menu.column-3, .filter-overlay-panel .candidate-dropdown-filter.open > .dropdown-menu.column-3, .candidate-dropdown-filter.open > .dropdown-menu.column-3 { display: block !important; column-count: 4 !important; column-gap: 8px !important; max-height: 500px !important; height: auto !important; overflow-y: auto !important; overflow-x: auto !important; max-width: min(700px, calc(100vw - 40px)) !important; width: auto !important; min-width: 400px; padding: 12px !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background: #F8FAFC !important; animation: none !important; transition: none !important; left: 0; right: auto; } .filter-defaults-2027 .candidate-dropdown-filter.open > .dropdown-menu.column-3 > li, .filter-overlay-panel .candidate-dropdown-filter.open > .dropdown-menu.column-3 > li, .candidate-dropdown-filter.open > .dropdown-menu.column-3 > li { break-inside: avoid; max-width: 100%; padding: 0 !important; } .filter-defaults-2027 .candidate-dropdown-filter.open > .dropdown-menu.column-3 > li > span.text-muted, .filter-overlay-panel .candidate-dropdown-filter.open > .dropdown-menu.column-3 > li > span.text-muted, .candidate-dropdown-filter.open > .dropdown-menu.column-3 > li > span.text-muted { display: block; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; max-width: 100% !important; padding: 3px 6px !important; } .filter-defaults-2027 .candidate-dropdown-filter.open > .dropdown-menu.column-3 > li > a, .filter-overlay-panel .candidate-dropdown-filter.open > .dropdown-menu.column-3 > li > a, .candidate-dropdown-filter.open > .dropdown-menu.column-3 > li > a { display: flex !important; align-items: center; flex-wrap: nowrap; overflow: hidden !important; max-width: 100% !important; gap: 4px; padding: 3px 6px !important; margin: 1px 0 !important; } .filter-defaults-2027 .candidate-dropdown-filter.open > .dropdown-menu.column-3 > li > a > i.fa, .filter-overlay-panel .candidate-dropdown-filter.open > .dropdown-menu.column-3 > li > a > i.fa, .candidate-dropdown-filter.open > .dropdown-menu.column-3 > li > a > i.fa { flex-shrink: 0; width: 14px; } .filter-defaults-2027 .candidate-dropdown-filter.open > .dropdown-menu.column-3 > li > a > .label, .filter-overlay-panel .candidate-dropdown-filter.open > .dropdown-menu.column-3 > li > a > .label, .candidate-dropdown-filter.open > .dropdown-menu.column-3 > li > a > .label { flex-shrink: 0; padding: 2px 5px !important; margin: 0 !important; font-size: 10px; line-height: 1.2; position: static !important; bottom: auto !important; } .filter-defaults-2027 .candidate-dropdown-filter.open > .dropdown-menu.column-3 > li > a > .filter-checkbox, .filter-overlay-panel .candidate-dropdown-filter.open > .dropdown-menu.column-3 > li > a > .filter-checkbox, .candidate-dropdown-filter.open > .dropdown-menu.column-3 > li > a > .filter-checkbox { flex: 0 0 18px !important; min-width: 18px !important; width: 18px !important; height: 18px !important; overflow: visible !important; } .filter-defaults-2027 .candidate-dropdown-filter.open > .dropdown-menu.column-3 > li > a > .filter-option-name, .filter-defaults-2027 .candidate-dropdown-filter.open > .dropdown-menu.column-3 > li > a > span:not(.filter-checkbox):not(.filter-count), .filter-overlay-panel .candidate-dropdown-filter.open > .dropdown-menu.column-3 > li > a > .filter-option-name, .filter-overlay-panel .candidate-dropdown-filter.open > .dropdown-menu.column-3 > li > a > span:not(.filter-checkbox):not(.filter-count), .candidate-dropdown-filter.open > .dropdown-menu.column-3 > li > a > .filter-option-name, .candidate-dropdown-filter.open > .dropdown-menu.column-3 > li > a > span:not(.filter-checkbox):not(.filter-count) { flex: 1; min-width: 0; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; width: auto !important; } .filter-defaults-2027 .candidate-dropdown-filter.open > .dropdown-menu.column-3 > li > a > .filter-count, .filter-overlay-panel .candidate-dropdown-filter.open > .dropdown-menu.column-3 > li > a > .filter-count, .candidate-dropdown-filter.open > .dropdown-menu.column-3 > li > a > .filter-count { flex-shrink: 0; } .filter-defaults-2027 .open > .dropdown-menu.row-4-layout, .filter-overlay-panel .open > .dropdown-menu.row-4-layout, .candidate-dropdown-filter.open > .dropdown-menu.row-4-layout { display: grid !important; grid-template-rows: repeat(4, minmax(34px, auto)); grid-auto-flow: column !important; grid-auto-columns: minmax(180px, 240px); gap: 2px 16px !important; max-height: 200px !important; max-width: calc(100vw - 80px) !important; min-width: 400px; overflow-x: auto !important; overflow-y: hidden !important; column-count: unset !important; padding: 12px !important; } .filter-defaults-2027 .open > .dropdown-menu.row-4-layout > li:first-child, .filter-overlay-panel .open > .dropdown-menu.row-4-layout > li:first-child, .candidate-dropdown-filter.open > .dropdown-menu.row-4-layout > li:first-child { grid-row: 1/span 2; min-width: 250px; } .filter-defaults-2027 .open > .dropdown-menu.row-4-layout > li:first-child .row, .filter-overlay-panel .open > .dropdown-menu.row-4-layout > li:first-child .row, .candidate-dropdown-filter.open > .dropdown-menu.row-4-layout > li:first-child .row { display: block; } .filter-defaults-2027 .open > .dropdown-menu.row-4-layout > li[role=menuitem], .filter-overlay-panel .open > .dropdown-menu.row-4-layout > li[role=menuitem], .candidate-dropdown-filter.open > .dropdown-menu.row-4-layout > li[role=menuitem] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 4px 8px; } .filter-defaults-2027 .open > .dropdown-menu.row-4-layout::-webkit-scrollbar, .filter-overlay-panel .open > .dropdown-menu.row-4-layout::-webkit-scrollbar, .candidate-dropdown-filter.open > .dropdown-menu.row-4-layout::-webkit-scrollbar { height: 6px; } .filter-defaults-2027 .open > .dropdown-menu.row-4-layout::-webkit-scrollbar-track, .filter-overlay-panel .open > .dropdown-menu.row-4-layout::-webkit-scrollbar-track, .candidate-dropdown-filter.open > .dropdown-menu.row-4-layout::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.05); border-radius: 3px; } .filter-defaults-2027 .open > .dropdown-menu.row-4-layout::-webkit-scrollbar-thumb, .filter-overlay-panel .open > .dropdown-menu.row-4-layout::-webkit-scrollbar-thumb, .candidate-dropdown-filter.open > .dropdown-menu.row-4-layout::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.15); border-radius: 3px; } .filter-defaults-2027 .open > .dropdown-menu.row-4-layout::-webkit-scrollbar-thumb:hover, .filter-overlay-panel .open > .dropdown-menu.row-4-layout::-webkit-scrollbar-thumb:hover, .candidate-dropdown-filter.open > .dropdown-menu.row-4-layout::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.25); } .filter-overlay-panel .dropdown-menu { z-index: 1010 !important; inset: auto !important; top: 100% !important; bottom: auto !important; left: 0 !important; right: auto; margin-top: 6px !important; max-height: 400px; overflow: auto !important; } .btn-show-advanced { height: var(--oa-btn-height, 32px); padding: 0 12px; border: 1px dashed #e1e5e9; border-radius: 16px; background: transparent; color: #64748B; font-size: 12px; cursor: pointer; transition: all 0.15s ease; } .btn-show-advanced:hover { border-color: #005aee; color: #005aee; background: rgba(0, 90, 238, 0.04); } @media (max-width: 1199px) { .filter-overlay-panel { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 767px) { .filter-overlay-panel { grid-template-columns: repeat(2, 1fr); padding: 12px 16px; gap: 6px 12px; } .filter-defaults-2027 { flex-wrap: wrap; gap: 6px; padding: 8px 16px; } .filter-header-2027 { flex-wrap: wrap; gap: 8px; padding: 10px 16px; } .filter-header-2027 .filter-search-wrapper { order: 10; flex: 1 1 100%; max-width: none; } } @media (max-width: 575px) { .filter-overlay-panel { grid-template-columns: 1fr; } } .saved-searches-dropdown { position: relative; } .saved-searches-dropdown .saved-searches-toggle { display: flex; align-items: center; gap: 8px; padding: 6px 14px; border: 1px solid #e1e5e9; background: #ffffff; color: #334155; font-size: 13px; font-weight: 500; border-radius: 6px; cursor: pointer; transition: all 0.15s ease; } .saved-searches-dropdown .saved-searches-toggle:hover { border-color: #005aee; color: #005aee; } .saved-searches-dropdown .saved-searches-toggle:disabled { opacity: 0.6; cursor: not-allowed; } .saved-searches-dropdown .saved-searches-toggle .saved-searches-label { white-space: nowrap; } .saved-searches-dropdown .saved-searches-toggle .chevron-icon { font-size: 10px; transition: transform 0.2s ease; } .saved-searches-dropdown.open .saved-searches-toggle { border-color: #005aee; color: #005aee; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.12); } .saved-searches-dropdown.open .saved-searches-toggle .chevron-icon { transform: rotate(180deg); } .saved-searches-dropdown .saved-searches-menu { position: absolute; top: calc(100% + 4px); left: 0; min-width: 280px; max-width: 350px; background: rgba(239, 246, 255, 0.97); backdrop-filter: blur(40px) saturate(1.3); border: 1px solid #e1e5e9; border-radius: 12px; box-shadow: 0 4px 24px -4px rgba(0, 90, 238, 0.15), 0 8px 16px -8px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 90, 238, 0.05); z-index: 1050; overflow: hidden; } .saved-searches-dropdown .saved-searches-save-section { padding: 12px; border-bottom: 1px solid #e1e5e9; } .saved-searches-dropdown .saved-searches-save-section .save-search-btn { display: flex; align-items: center; gap: 8px; padding: 8px 12px; color: #005aee; font-size: 13px; font-weight: 500; cursor: pointer; border-radius: 6px; transition: background 0.15s ease; } .saved-searches-dropdown .saved-searches-save-section .save-search-btn .fa-light { color: var(--oa-icon-color, #57534E); } .saved-searches-dropdown .saved-searches-save-section .save-search-btn:hover { background: rgba(0, 90, 238, 0.08); } .saved-searches-dropdown .saved-searches-save-section .save-search-input-group { display: flex; gap: 8px; } .saved-searches-dropdown .saved-searches-save-section .save-search-input-group input { flex: 1; height: var(--oa-input-height, 32px) !important; font-size: 13px; border-radius: 6px !important; } .saved-searches-dropdown .saved-searches-save-section .save-search-input-group .btn { padding: 4px 10px; height: var(--oa-btn-height, 32px); min-width: var(--oa-btn-height, 32px); } .saved-searches-dropdown .saved-searches-divider { height: 1px; background: #e1e5e9; } .saved-searches-dropdown .saved-searches-list { max-height: 300px; overflow-y: auto; padding: 8px 0; } .saved-searches-dropdown .saved-search-item { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; cursor: pointer; transition: background 0.15s ease, box-shadow 0.15s ease; border-radius: 6px; margin: 0 8px; } .saved-searches-dropdown .saved-search-item:hover { background: rgba(0, 90, 238, 0.06); } .saved-searches-dropdown .saved-search-item.selected { background: rgba(0, 90, 238, 0.08); box-shadow: inset 0 0 0 1px rgba(0, 90, 238, 0.15); } .saved-searches-dropdown .saved-search-item.selected .saved-search-name { color: #005aee; font-weight: 600; } .saved-searches-dropdown .saved-search-item.selected .saved-search-delete { opacity: 1; } .saved-searches-dropdown .saved-search-item .saved-search-info { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; position: relative; padding-left: 0; } .saved-searches-dropdown .saved-search-item .saved-search-check { color: #005aee; font-size: 12px; margin-right: 6px; flex-shrink: 0; } .saved-searches-dropdown .saved-search-item.selected .saved-search-info { flex-direction: row; align-items: center; flex-wrap: wrap; } .saved-searches-dropdown .saved-search-item.selected .saved-search-info .saved-search-name { flex: 0 1 auto; } .saved-searches-dropdown .saved-search-item.selected .saved-search-info .saved-search-date { margin-left: 8px; } .saved-searches-dropdown .saved-search-item .saved-search-name { font-size: 13px; font-weight: 500; color: #1f2b38; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 0.15s ease; } .saved-searches-dropdown .saved-search-item .saved-search-date { font-size: 11px; color: #64748B; } .saved-searches-dropdown .saved-search-item .saved-search-delete { padding: 4px 8px; border: none; background: transparent; color: #64748B; cursor: pointer; border-radius: 4px; opacity: 0; transition: all 0.15s ease; } .saved-searches-dropdown .saved-search-item .saved-search-delete:hover { background: rgba(234, 84, 85, 0.1); color: #ea5455; } .saved-searches-dropdown .saved-search-item:hover .saved-search-delete { opacity: 1; } .saved-searches-dropdown .saved-searches-loading { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 24px 16px; color: #64748B; font-size: 13px; } .saved-searches-dropdown .saved-searches-loading i { font-size: 16px; color: #005aee; } .saved-searches-dropdown .saved-searches-empty { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 24px 16px; color: #64748B; font-size: 13px; } .saved-searches-dropdown .saved-searches-empty i { font-size: 24px; opacity: 0.5; } .filter-panel-2027 { background: #ffffff; border: 1px solid rgba(225, 229, 233, 0.6); border-radius: 12px; padding: 16px 20px; margin: 0 20px 24px 20px; } .filter-panel-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 16px; } .filter-panel-group { display: flex; flex-direction: column; gap: 6px; } .filter-panel-group.filter-search { flex: 1 1 200px; max-width: 280px; } .filter-panel-group.filter-select { flex: 0 0 150px; } .filter-panel-group.filter-actions { margin-left: auto; } .filter-panel-label { font-size: 11px; color: #334155; text-transform: uppercase; letter-spacing: 0.02em; font-weight: 500; } .filter-panel-2027 input.form-control { height: var(--oa-input-height, 32px); border-radius: 8px; } .filter-panel-2027 select.form-control { height: var(--oa-input-height, 32px); border-radius: 8px; } .filter-panel-2027 .btn { height: var(--oa-input-height, 32px); border-radius: 8px; } .filter-panel-2027 .gantt-range { height: var(--oa-input-height, 32px); box-sizing: border-box; display: inline-flex; align-items: center; padding: 0 12px; border: 1px solid #e1e5e9; border-radius: 16px; font-size: 13px; color: #334155; cursor: pointer; transition: all 0.15s ease; } .filter-panel-2027 .gantt-range:hover { border-color: #005aee; color: #1f2b38; } .filter-panel-2027 .gantt-range i { color: #64748B; margin-right: 6px; } @media (max-width: 767px) { .filter-panel-2027 { margin: 0 10px 16px 10px; padding: 12px 16px; } .filter-panel-row { gap: 12px; } .filter-panel-group.filter-search { flex: 1 1 100%; max-width: none; } .filter-panel-group.filter-select { flex: 1 1 calc(50% - 6px); } } .collections-filter-header .filter-page-title { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0; white-space: nowrap; display: flex; align-items: center; gap: 8px; } .collections-filter-header .filter-page-title i { color: var(--oa-brand-primary, #005aee); } .collections-filter-header .filter-input-wrapper { position: relative; min-width: 140px; max-width: 180px; } .collections-filter-header .filter-input-wrapper input, .collections-filter-header .filter-input-wrapper input.form-control { width: 100%; height: var(--oa-input-height, 32px) !important; padding: 0 32px 0 32px !important; border: 1px solid #e1e5e9 !important; border-radius: 6px !important; font-size: var(--oa-text-body, 14px); font-family: var(--oa-font-family); background: #ffffff; color: #1f2b38; transition: all 0.2s ease; } .collections-filter-header .filter-input-wrapper input::placeholder, .collections-filter-header .filter-input-wrapper input.form-control::placeholder { color: #64748B; font-weight: 400; } .collections-filter-header .filter-input-wrapper input:hover, .collections-filter-header .filter-input-wrapper input.form-control:hover { border-color: #c4ccd3; } .collections-filter-header .filter-input-wrapper input:focus, .collections-filter-header .filter-input-wrapper input.form-control:focus { outline: none; border-color: #005aee; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .collections-filter-header .filter-input-wrapper .filter-icon-pre { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: #64748B; font-size: 13px; pointer-events: none; z-index: 2; } .collections-filter-header .filter-input-wrapper .filter-icon-post { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: #64748B; font-size: 12px; cursor: pointer; z-index: 2; opacity: 0.7; transition: all 0.15s ease; } .collections-filter-header .filter-input-wrapper .filter-icon-post:hover { color: #B91C1C; opacity: 1; } .collections-filter-header .filter-select-wrapper { min-width: 120px; } .collections-filter-header .filter-select-wrapper select, .collections-filter-header .filter-select-wrapper select.form-control { height: var(--oa-input-height, 32px) !important; padding: 0 28px 0 10px !important; border: 1px solid #e1e5e9 !important; border-radius: 6px !important; font-size: var(--oa-text-body, 14px); font-family: var(--oa-font-family); background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M3 5l3 3 3-3'/%3E%3C/svg%3E") no-repeat right 10px center; background-size: 12px; color: #1f2b38; cursor: pointer; appearance: none; transition: all 0.2s ease; } .collections-filter-header .filter-select-wrapper select:hover, .collections-filter-header .filter-select-wrapper select.form-control:hover { border-color: #c4ccd3; } .collections-filter-header .filter-select-wrapper select:focus, .collections-filter-header .filter-select-wrapper select.form-control:focus { outline: none; border-color: #005aee; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .collections-filter-header .btn-primary { margin-left: auto; white-space: nowrap; } @media (max-width: 991px) { .collections-filter-header { flex-wrap: wrap; gap: 10px; } .collections-filter-header .filter-page-title { flex: 1 1 100%; order: -1; } .collections-filter-header .filter-search-wrapper { flex: 1 1 calc(50% - 5px); min-width: 150px; } .collections-filter-header .filter-input-wrapper { flex: 1 1 calc(50% - 5px); max-width: none; } .collections-filter-header .filter-select-wrapper { flex: 1 1 auto; } .collections-filter-header .btn-primary { margin-left: 0; } } @media (max-width: 767px) { .collections-filter-header .filter-search-wrapper, .collections-filter-header .filter-input-wrapper, .collections-filter-header .filter-select-wrapper { flex: 1 1 100%; max-width: none; } } .referrals-filter-header .filter-page-title { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0; white-space: nowrap; display: flex; align-items: center; gap: 8px; } .referrals-filter-header .filter-page-title i { color: var(--oa-brand-primary, #005aee); } .referrals-filter-header .filter-select-wrapper { min-width: 130px; } .referrals-filter-header .filter-select-wrapper select, .referrals-filter-header .filter-select-wrapper select.form-control { height: var(--oa-input-height, 32px) !important; padding: 0 28px 0 10px !important; border: 1px solid #e1e5e9 !important; border-radius: 6px !important; font-size: var(--oa-text-body, 14px); font-family: var(--oa-font-family); background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M3 5l3 3 3-3'/%3E%3C/svg%3E") no-repeat right 10px center; background-size: 12px; color: #1f2b38; cursor: pointer; appearance: none; transition: all 0.2s ease; } .referrals-filter-header .filter-select-wrapper select:hover, .referrals-filter-header .filter-select-wrapper select.form-control:hover { border-color: #c4ccd3; } .referrals-filter-header .filter-select-wrapper select:focus, .referrals-filter-header .filter-select-wrapper select.form-control:focus { outline: none; border-color: #005aee; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .referrals-filter-header .btn-secondary, .referrals-filter-header .btn-header { white-space: nowrap; } @media (max-width: 991px) { .referrals-filter-header { flex-wrap: wrap; gap: 10px; } .referrals-filter-header .filter-page-title { flex: 1 1 100%; order: -1; } .referrals-filter-header .filter-search-wrapper { flex: 1 1 calc(50% - 5px); min-width: 150px; } .referrals-filter-header .filter-select-wrapper { flex: 1 1 calc(33% - 7px); } .referrals-filter-header .gantt-range { flex: 1 1 auto; } } @media (max-width: 767px) { .referrals-filter-header .filter-search-wrapper, .referrals-filter-header .filter-select-wrapper, .referrals-filter-header .gantt-range { flex: 1 1 100%; } .referrals-filter-header .btn-secondary, .referrals-filter-header .btn-header { width: 100%; } } .assessment-center-filter-header { flex-wrap: nowrap !important; overflow: visible; max-width: 100%; } .assessment-center-filter-header .filter-checkbox-wrapper { display: flex; align-items: center; flex-shrink: 0; } .assessment-center-filter-header .filter-checkbox-wrapper .checkbox { margin: 0; padding: 0; } .assessment-center-filter-header .filter-checkbox-wrapper .checkbox i { margin-left: 0; } .assessment-center-filter-header .filter-select-wrapper { min-width: 130px; } .assessment-center-filter-header .filter-select-wrapper select, .assessment-center-filter-header .filter-select-wrapper select.form-control { height: var(--oa-input-height, 32px) !important; padding: 0 28px 0 10px !important; border: 1px solid #e1e5e9 !important; border-radius: 6px !important; font-size: var(--oa-text-body, 14px); font-family: var(--oa-font-family); background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M3 5l3 3 3-3'/%3E%3C/svg%3E") no-repeat right 10px center; background-size: 12px; color: #1f2b38; cursor: pointer; appearance: none; transition: all 0.2s ease; } .assessment-center-filter-header .filter-select-wrapper select:hover, .assessment-center-filter-header .filter-select-wrapper select.form-control:hover { border-color: #c4ccd3; } .assessment-center-filter-header .filter-select-wrapper select:focus, .assessment-center-filter-header .filter-select-wrapper select.form-control:focus { outline: none; border-color: #005aee; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .assessment-center-filter-header .dropdown { margin-left: auto; } @media (max-width: 991px) { .assessment-center-filter-header { gap: 8px; } .assessment-center-filter-header .filter-search-wrapper { flex: 0 1 auto; min-width: 120px; } .assessment-center-filter-header .filter-select-wrapper { flex: 0 0 auto; } .assessment-center-filter-header .gantt-range { flex: 0 0 auto; } } @media (max-width: 767px) { .assessment-center-filter-header { gap: 6px; padding: 8px 12px; } .assessment-center-filter-header .filter-checkbox-wrapper { flex: 0 0 auto; } .assessment-center-filter-header .filter-search-wrapper { flex: 0 1 auto; min-width: 100px; } .assessment-center-filter-header .filter-select-wrapper { min-width: auto; } .assessment-center-filter-header .filter-select-wrapper select { padding-right: 24px !important; padding-left: 8px !important; } } .test-card .card-body { padding: 12px 16px; } .test-card .test-category { display: inline-block; font-size: 11px; font-weight: 600; padding: 3px 10px; border-radius: 6px; border: 1px solid transparent; margin-bottom: 6px; background-color: #F1F5F9; color: #475569; border-color: #E2E8F0; } .test-card .test-category.category-PE { background-color: #FEF3C7; color: #B45309; border-color: #FDE68A; } .test-card .test-category.category-GA { background-color: #DBEAFE; color: #1D4ED8; border-color: #BFDBFE; } .test-card .test-category.category-KN { background-color: #DCFCE7; color: #166534; border-color: #BBF7D0; } .test-card .test-category.category-LANG { background-color: #E0F2FE; color: #0369A1; border-color: #BAE6FD; } .test-card .test-category.category-WORK_ENVIRONMENT { background-color: #F1F5F9; color: #475569; border-color: #E2E8F0; } .test-card .test-category.category-one_way_interview_assessment { background-color: #F3E8FF; color: #7C3AED; border-color: #DDD6FE; } .test-card .test-category.category-custom_assessments { background-color: #E0E7FF; color: #4338CA; border-color: #C7D2FE; } .test-card .test-category.category-in_tray_assessment { background-color: #CCFBF1; color: #0F766E; border-color: #99F6E4; } .test-card .test-category.category-candidate_satisfaction_questionnaire { background-color: #FFE4E6; color: #BE123C; border-color: #FECDD3; } .test-card .test-name { font-size: var(--oa-text-body, 13.5px); font-weight: 600; color: var(--oa-text-main, #1F2937); } .test-card .test-name i { color: var(--oa-brand-primary, #005aee); } .test-card .test-meta-label { font-size: var(--oa-text-caption, 11px); color: var(--oa-text-muted, #4B5563); } .test-card .test-meta-value { font-size: var(--oa-text-label, 12px); color: var(--oa-text-muted, #4B5563); } .test-card .test-actions { margin-top: 8px; } .tests-filter-header .filter-search-wrapper { flex: 0 0 40%; max-width: 40%; } .tests-filter-header .filter-page-title { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0; white-space: nowrap; display: flex; align-items: center; gap: 8px; } .tests-filter-header .filter-page-title i { color: var(--oa-brand-primary, #005aee); } .tests-filter-header .filter-select-wrapper { min-width: 150px; } .tests-filter-header .filter-select-wrapper select, .tests-filter-header .filter-select-wrapper select.form-control { height: var(--oa-input-height, 32px) !important; padding: 0 28px 0 10px !important; border: 1px solid #e1e5e9 !important; border-radius: 6px !important; font-size: var(--oa-text-body, 14px); font-family: var(--oa-font-family); background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M3 5l3 3 3-3'/%3E%3C/svg%3E") no-repeat right 10px center; background-size: 12px; color: #1f2b38; cursor: pointer; appearance: none; transition: all 0.2s ease; } .tests-filter-header .filter-select-wrapper select:hover, .tests-filter-header .filter-select-wrapper select.form-control:hover { border-color: #c4ccd3; } .tests-filter-header .filter-select-wrapper select:focus, .tests-filter-header .filter-select-wrapper select.form-control:focus { outline: none; border-color: #005aee; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .tests-filter-header .btn-primary { margin-left: auto; white-space: nowrap; } @media (max-width: 991px) { .tests-filter-header { flex-wrap: wrap; gap: 10px; } .tests-filter-header .filter-page-title { flex: 1 1 100%; order: -1; } .tests-filter-header .filter-search-wrapper { flex: 1 1 calc(50% - 5px); min-width: 150px; } .tests-filter-header .filter-select-wrapper { flex: 1 1 auto; } .tests-filter-header .btn-primary { margin-left: 0; } } @media (max-width: 767px) { .tests-filter-header .filter-search-wrapper, .tests-filter-header .filter-select-wrapper { flex: 1 1 100%; } .tests-filter-header .btn-primary { width: 100%; } } .benefits-filter-header .filter-page-title { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0; white-space: nowrap; display: flex; align-items: center; gap: 8px; } .benefits-filter-header .filter-page-title i { color: var(--oa-brand-primary, #005aee); } .benefit-category { margin-bottom: 24px; } .benefit-category-header { background: var(--oa-bg-hover, #F8FAFD); border-radius: 12px 12px 0 0; padding: 12px 16px; font-size: var(--oa-text-body, 14px); font-weight: 600; color: var(--oa-text-main, #1F2937); border: 1px solid var(--oa-border-color, #E5E7EB); border-bottom: none; display: flex; align-items: center; gap: 8px; } .benefit-category-header i { color: var(--oa-brand-primary, #005aee); } .benefit-card { border-radius: 0 !important; border-top: none !important; } .benefit-card:last-child { border-radius: 0 0 12px 12px !important; } .benefit-card .card-body { padding: 12px 16px; } .benefit-card .benefit-date { font-size: var(--oa-text-caption, 11px); color: var(--oa-text-muted, #4B5563); } .benefit-card .benefit-name { font-size: var(--oa-text-body, 13.5px); font-weight: 600; } .benefit-card .benefit-name a { color: var(--oa-brand-primary, #005aee); text-decoration: none; } .benefit-card .benefit-name a:hover { text-decoration: underline; } .benefit-card .benefit-description { font-size: var(--oa-text-label, 12px); color: var(--oa-text-muted, #4B5563); margin-top: 4px; } .benefit-card .benefit-meta-label { font-size: var(--oa-text-caption, 11px); color: var(--oa-text-muted, #4B5563); } .benefit-card .benefit-meta-value { font-size: var(--oa-text-label, 12px); color: var(--oa-text-main, #1F2937); font-weight: 500; } .benefit-card .benefit-meta-value i { color: var(--oa-text-muted, #4B5563); } .benefit-card .benefit-currency { color: var(--oa-text-muted, #4B5563); margin-left: 2px; } .benefit-card .benefit-actions { margin-top: 4px; } .assessment-positions-filter-header .filter-page-title { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0; white-space: nowrap; display: flex; align-items: center; gap: 8px; } .assessment-positions-filter-header .filter-page-title i { color: var(--oa-brand-primary, #005aee); } .assessment-positions-filter-header .filter-select-wrapper { min-width: 140px; } .assessment-positions-filter-header .filter-select-wrapper select, .assessment-positions-filter-header .filter-select-wrapper select.form-control { height: var(--oa-input-height, 32px) !important; padding: 0 28px 0 10px !important; border: 1px solid #e1e5e9 !important; border-radius: 6px !important; font-size: var(--oa-text-body, 13px); font-family: var(--oa-font-family); background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M3 5l3 3 3-3'/%3E%3C/svg%3E") no-repeat right 10px center; background-size: 12px; color: #1f2b38; cursor: pointer; appearance: none; transition: all 0.2s ease; } .assessment-positions-filter-header .filter-select-wrapper select:hover, .assessment-positions-filter-header .filter-select-wrapper select.form-control:hover { border-color: #c4ccd3; } .assessment-positions-filter-header .filter-select-wrapper select:focus, .assessment-positions-filter-header .filter-select-wrapper select.form-control:focus { border-color: var(--oa-brand-primary, #005aee); outline: none; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1); } @media (max-width: 991px) { .assessment-positions-filter-header { flex-wrap: wrap; } .assessment-positions-filter-header .filter-page-title { flex: 1 1 100%; order: -1; margin-bottom: 8px; } .assessment-positions-filter-header .filter-search-wrapper { flex: 1 1 100%; margin-bottom: 8px; } .assessment-positions-filter-header .filter-select-wrapper { flex: 1 1 calc(33% - 8px); min-width: 120px; } .assessment-positions-filter-header .btn-primary { flex: 1 1 100%; margin-top: 8px; } } @media (max-width: 767px) { .assessment-positions-filter-header .filter-select-wrapper { flex: 1 1 100%; } } .employees-filter-header .filter-typeahead-wrapper input, .employees-filter-header .filter-typeahead-wrapper input.form-control, .employees-filter-header .filter-select-wrapper select, .employees-filter-header .filter-select-wrapper select.form-control, .employees-filter-header .filter-search-wrapper input { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: var(--oa-text-body, 13px) !important; } .employees-filter-header .filter-typeahead-wrapper .icon-pre, .employees-filter-header .filter-search-wrapper .search-icon-pre { font-size: 13px; } .employees-filter-header .filter-page-title { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0; white-space: nowrap; display: flex; align-items: center; gap: 8px; } .employees-filter-header .filter-page-title i { color: var(--oa-brand-primary, #005aee); } .employees-filter-header .filter-select-wrapper { min-width: 140px; } .employees-filter-header .filter-select-wrapper select, .employees-filter-header .filter-select-wrapper select.form-control { height: var(--oa-input-height, 32px) !important; padding: 0 28px 0 10px !important; border: 1px solid #e1e5e9 !important; border-radius: 6px !important; font-size: var(--oa-text-body, 13px); background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M3 5l3 3 3-3'/%3E%3C/svg%3E") no-repeat right 10px center; background-size: 12px; color: #1f2b38; cursor: pointer; appearance: none; } .employees-filter-header .filter-typeahead-wrapper { position: relative; min-width: 160px; flex: 0 1 200px; } .employees-filter-header .filter-typeahead-wrapper .icon-pre { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: var(--oa-text-muted, #6B7280); z-index: 1; } .employees-filter-header .filter-typeahead-wrapper .icon-clear { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: var(--oa-text-muted, #6B7280); cursor: pointer; z-index: 1; } .employees-filter-header .filter-typeahead-wrapper .icon-clear:hover { color: var(--oa-text-main, #1F2937); } .employees-filter-header .filter-typeahead-wrapper input, .employees-filter-header .filter-typeahead-wrapper input.form-control { height: var(--oa-input-height, 32px) !important; padding: 0 30px 0 32px !important; border: 1px solid #e1e5e9 !important; border-radius: 6px !important; font-size: var(--oa-text-body, 13px); background: #ffffff; color: #1f2b38; } .employees-filter-header .filter-typeahead-wrapper input::placeholder, .employees-filter-header .filter-typeahead-wrapper input.form-control::placeholder { color: var(--oa-text-muted, #6B7280); } .employees-filter-header .filter-typeahead-wrapper input:focus, .employees-filter-header .filter-typeahead-wrapper input.form-control:focus { border-color: var(--oa-brand-primary, #005aee) !important; outline: none; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1); } .filter-row-extended, .filter-row-secondary { display: flex; align-items: center; gap: 12px; padding: 12px 20px; background: var(--oa-bg-hover, #F8FAFD); border-bottom: 1px solid #e1e5e9; margin-left: -10px; width: calc(100% + 10px); } .filter-row-extended .filter-typeahead-wrapper, .filter-row-secondary .filter-typeahead-wrapper { position: relative; min-width: 200px; flex: 0 1 250px; } .filter-row-extended .filter-typeahead-wrapper .icon-pre, .filter-row-secondary .filter-typeahead-wrapper .icon-pre { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: var(--oa-text-muted, #6B7280); z-index: 1; } .filter-row-extended .filter-typeahead-wrapper .icon-clear, .filter-row-secondary .filter-typeahead-wrapper .icon-clear { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: var(--oa-text-muted, #6B7280); cursor: pointer; z-index: 1; } .filter-row-extended .filter-typeahead-wrapper input, .filter-row-extended .filter-typeahead-wrapper input.form-control, .filter-row-secondary .filter-typeahead-wrapper input, .filter-row-secondary .filter-typeahead-wrapper input.form-control { height: var(--oa-input-height, 32px) !important; padding: 0 32px 0 36px !important; border: 1px solid #e1e5e9 !important; border-radius: 6px !important; font-size: var(--oa-text-body, 13px); background: #ffffff; } .filter-row-extended .filter-select-wrapper, .filter-row-secondary .filter-select-wrapper { min-width: 180px; } .filter-row-extended .filter-select-wrapper select, .filter-row-extended .filter-select-wrapper select.form-control, .filter-row-secondary .filter-select-wrapper select, .filter-row-secondary .filter-select-wrapper select.form-control { height: var(--oa-input-height, 32px) !important; padding: 0 28px 0 10px !important; border: 1px solid #e1e5e9 !important; border-radius: 6px !important; font-size: var(--oa-text-body, 13px); background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M3 5l3 3 3-3'/%3E%3C/svg%3E") no-repeat right 10px center; background-size: 12px; color: #1f2b38; cursor: pointer; appearance: none; } .filter-row-extended .filter-date-range, .filter-row-secondary .filter-date-range { display: flex; align-items: center; gap: 8px; padding: 6px 12px; background: #ffffff; border: 1px solid #e1e5e9; border-radius: 6px; font-size: var(--oa-text-body, 13px); color: var(--oa-text-main, #1F2937); cursor: pointer; } .filter-row-extended .filter-date-range i, .filter-row-secondary .filter-date-range i { color: var(--oa-text-muted, #6B7280); } .filter-row-extended .filter-date-range:hover, .filter-row-secondary .filter-date-range:hover { border-color: #c4ccd3; } .employees-toolbar { display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; background: #fff; border-bottom: 1px solid #e1e5e9; margin: 0 -10px; width: calc(100% + 10px); } .employees-toolbar .toolbar-filters { display: flex; align-items: center; gap: 12px; } .employees-toolbar .toolbar-filters .filter-select-wrapper { min-width: 180px; } .employees-toolbar .toolbar-filters .filter-select-wrapper select, .employees-toolbar .toolbar-filters .filter-select-wrapper select.form-control { height: var(--oa-input-height, 32px) !important; padding: 0 28px 0 10px !important; border: 1px solid #e1e5e9 !important; border-radius: 6px !important; font-size: var(--oa-text-body, 13px); background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M3 5l3 3 3-3'/%3E%3C/svg%3E") no-repeat right 10px center; background-size: 12px; color: #1f2b38; cursor: pointer; appearance: none; } .employees-toolbar .toolbar-filters .filter-date-range { display: flex; align-items: center; gap: 8px; padding: 6px 12px; height: var(--oa-input-height, 32px); background: #ffffff; border: 1px solid #e1e5e9; border-radius: 6px; font-size: var(--oa-text-body, 13px); color: var(--oa-text-main, #1F2937); cursor: pointer; } .employees-toolbar .toolbar-filters .filter-date-range i { color: var(--oa-text-muted, #6B7280); } .employees-toolbar .toolbar-filters .filter-date-range:hover { border-color: #c4ccd3; } .employees-toolbar .toolbar-actions { display: flex; align-items: center; gap: 12px; margin-left: 12px; } .employees-toolbar .toolbar-actions .toolbar-selected-count { font-size: var(--oa-text-body, 13px); font-weight: 600; color: var(--oa-brand-primary, #005aee); } .employees-toolbar .toolbar-actions .toolbar-buttons { display: flex; gap: 4px; } .employees-toolbar .toolbar-actions .toolbar-buttons .btn { padding: 6px 10px; } .employees-toolbar .toolbar-count { margin-left: auto; margin-right: 12px; font-size: var(--oa-text-body, 13px); color: var(--oa-text-muted, #6B7280); } .employees-toolbar .toolbar-count strong { color: var(--oa-text-main, #1F2937); } .modal-body.smart-form .tab-pane .card .card-body .row .col input.form-control, .modal-body.smart-form .tab-pane .card .card-body .row .col .input input, .modal-body.smart-form .tab-pane .card .card-body .row .col .select select.form-control, .modal-body .smart-form .tab-pane .card .card-body .row .col input.form-control, .modal-body .smart-form .tab-pane .card .card-body .row .col .input input, .modal-body .smart-form .tab-pane .card .card-body .row .col .select select.form-control { height: 32px; font-size: 13px; } .modal-body.smart-form .tab-pane .card .card-body .row .col .label, .modal-body.smart-form .tab-pane .card .card-body .row .col label.label, .modal-body .smart-form .tab-pane .card .card-body .row .col .label, .modal-body .smart-form .tab-pane .card .card-body .row .col label.label { font-size: 12px; font-weight: 500; margin-bottom: 4px; } .modal-body.smart-form .tab-pane .card .card-body .row .col .checkbox, .modal-body .smart-form .tab-pane .card .card-body .row .col .checkbox { font-size: 13px; } .modal-body.smart-form .tab-pane .card .card-body .row .col .icon-prepend, .modal-body .smart-form .tab-pane .card .card-body .row .col .icon-prepend { font-size: 13px; } .modal-body.smart-form .tab-pane .card .card-body .row .col input[uib-typeahead], .modal-body .smart-form .tab-pane .card .card-body .row .col input[uib-typeahead] { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .modal-body.smart-form .tab-pane .card .card-body .row + .row, .modal-body .smart-form .tab-pane .card .card-body .row + .row { margin-top: 0; } .modal-body.smart-form .tab-pane .card .card-body .row.padding-top-10, .modal-body .smart-form .tab-pane .card .card-body .row.padding-top-10 { padding-top: 10px !important; } .employees-table .col-checkbox { width: 40px; padding: 12px !important; } .employees-table .col-icon { width: 50px; text-align: center; } .employees-table .col-icon i { color: var(--oa-text-muted, #6B7280); } .employees-table .col-name { min-width: 200px; } .employees-table .col-org { min-width: 200px; } .employees-table .col-manager { min-width: 150px; } .employees-table .col-activity { min-width: 150px; } .employees-table .row-selected { background-color: var(--oa-info-bg, #EFF6FF) !important; } .employees-table .employee-name { font-size: var(--oa-text-body, 13.5px); font-weight: 600; color: var(--oa-brand-primary, #005aee); text-decoration: none; } .employees-table .employee-name:hover { text-decoration: underline; } .employees-table .employee-email { font-size: var(--oa-text-label, 12px); color: var(--oa-text-muted, #6B7280); margin-top: 2px; } .employees-table .employee-email i { margin-right: 4px; } .employees-table .employee-job, .employees-table .employee-org, .employees-table .employee-office { font-size: var(--oa-text-label, 12px); color: var(--oa-text-secondary, #374151); margin-bottom: 4px; } .employees-table .employee-job i, .employees-table .employee-org i, .employees-table .employee-office i { color: var(--oa-text-muted, #6B7280); margin-right: 6px; width: 14px; text-align: center; } .employees-table .employee-job a, .employees-table .employee-org a, .employees-table .employee-office a { color: var(--oa-text-secondary, #374151); text-decoration: none; border-radius: 4px; padding: 2px 4px; margin: -2px -4px; transition: all 0.15s ease; } .employees-table .employee-job a:hover, .employees-table .employee-org a:hover, .employees-table .employee-office a:hover { color: var(--oa-brand-primary, #005aee); background-color: rgba(0, 90, 238, 0.06); } .employees-table .employee-office { color: var(--oa-text-muted, #6B7280); } .employees-table .employee-activity { font-size: var(--oa-text-label, 12px); color: var(--oa-text-muted, #6B7280); } .employees-table .employee-activity i { margin-right: 4px; } .employees-table .col-manager a { font-size: var(--oa-text-label, 12px); color: var(--oa-text-secondary, #374151); text-decoration: none; border-radius: 4px; padding: 4px 8px; transition: all 0.15s ease; display: inline-flex; align-items: center; gap: 6px; } .employees-table .col-manager a i { color: var(--oa-text-muted, #6B7280); } .employees-table .col-manager a:hover { color: var(--oa-brand-primary, #005aee); background-color: rgba(0, 90, 238, 0.06); } .employees-table .col-manager a:hover i { color: var(--oa-brand-primary, #005aee); } .employees-tree-view .org-tree-loading, .employees-tree-view .org-tree-error { padding: 12px 16px; font-size: 13px; } .employees-tree-grid { height: calc(100vh - 300px); min-height: 360px; border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-lg, 12px); background: var(--oa-bg-white, #FFFFFF); overflow: hidden; font-family: var(--oa-font-family); font-size: var(--oa-text-body, 13.5px); color: var(--oa-text-main, #1F2937); } .employees-tree-grid .ui-grid-pinned-container { position: absolute; display: inline; top: 0; } .employees-tree-grid .ui-grid-pinned-container.ui-grid-pinned-container-left { float: left; left: 0; } .employees-tree-grid .ui-grid-header { background: var(--oa-bg-base, #F5F5F7); border-bottom: 1px solid var(--oa-border-color, #E5E7EB); } .employees-tree-grid .ui-grid-header-cell { border-color: var(--oa-border-color, #E5E7EB); font-size: var(--oa-text-label, 12px); font-weight: 600; color: var(--oa-text-muted, #4B5563); } .employees-tree-grid .ui-grid-cell { border-color: var(--oa-border-color, #E5E7EB); background: transparent; } .employees-tree-grid .ui-grid-cell-contents { white-space: normal; line-height: 1.35; padding: 8px 12px; } .employees-tree-grid .ui-grid-row:hover .ui-grid-cell { background: var(--oa-bg-hover, #F8FAFD); } .employees-tree-grid .ui-grid-row.ui-grid-row-selected .ui-grid-cell { background: var(--oa-info-bg, #EFF6FF); } .employees-tree-grid .ui-grid-row:has(.emp-tree-unit) .ui-grid-cell { background: var(--oa-bg-base, #F5F5F7); } .employees-tree-grid .emp-tree-unit { display: flex; align-items: center; gap: 8px; font-weight: 600; } .employees-tree-grid .emp-tree-unit > i { color: var(--oa-brand-primary, #005aee); } .employees-tree-grid .org-item-identifier { font-size: 11px; font-weight: 600; letter-spacing: 0.02em; color: var(--oa-text-muted, #4B5563); } .employees-tree-grid .org-item-count { font-size: 11px; font-weight: 600; line-height: 1; padding: 3px 8px; border-radius: var(--oa-radius-full, 9999px); background: var(--oa-info-bg, #EFF6FF); color: var(--oa-info-text, #1D4ED8); } .employees-tree-grid .org-item-count.is-zero { background: var(--oa-bg-base, #F5F5F7); color: var(--oa-text-muted, #4B5563); } .employees-tree-grid .employee-name { font-weight: 600; color: var(--oa-text-main, #1F2937); } .employees-tree-grid .employee-email, .employees-tree-grid .employee-job, .employees-tree-grid .employee-org, .employees-tree-grid .employee-office, .employees-tree-grid .employee-activity { font-size: 12px; color: var(--oa-text-muted, #4B5563); } .employees-tree-grid .employee-org a, .employees-tree-grid .col-manager a, .employees-tree-grid .emp-tree-cell > a.pointer { color: var(--oa-text-main, #1F2937); } .employees-tree-grid .employee-org a:hover, .employees-tree-grid .col-manager a:hover, .employees-tree-grid .emp-tree-cell > a.pointer:hover { color: var(--oa-brand-primary, #005aee); } .employees-tree-grid .ui-grid-tree-base-row-header-buttons { cursor: pointer; } .employees-tree-grid .ui-grid-selection-row-header-buttons { cursor: pointer; } .employees-table .col-checkbox label.checkbox, .table-2027 .col-checkbox label.checkbox { margin: 0 !important; padding: 0 !important; justify-content: center; } .pagination-wrapper { display: flex; justify-content: center; padding: 20px 0 40px; } @media (max-width: 991px) { .employees-filter-header { flex-wrap: wrap; } .employees-filter-header .filter-page-title { flex: 1 1 100%; margin-bottom: 10px; } .employees-filter-header .filter-search-wrapper { flex: 1 1 100%; margin-bottom: 10px; } .employees-filter-header .filter-typeahead-wrapper { flex: 1 1 calc(50% - 6px); } } @media (max-width: 767px) { .employees-filter-header .filter-select-wrapper, .employees-filter-header .filter-typeahead-wrapper { flex: 1 1 100%; } .employees-filter-header .btn-secondary, .employees-filter-header .btn-header { width: 100%; margin-top: 8px; } .filter-row-extended { flex-wrap: wrap; } .filter-row-extended .filter-typeahead-wrapper, .filter-row-extended .filter-select-wrapper, .filter-row-extended .filter-date-range { flex: 1 1 100%; } .employees-toolbar { flex-wrap: wrap; gap: 10px; } .employees-toolbar .toolbar-filters { flex: 1 1 100%; flex-wrap: wrap; } .employees-toolbar .toolbar-filters .filter-select-wrapper, .employees-toolbar .toolbar-filters .filter-date-range { flex: 1 1 100%; } .employees-toolbar .toolbar-actions, .employees-toolbar .toolbar-count { flex: 1 1 100%; } } .container-90 { padding: 20px 30px; max-width: calc(100% - 60px); margin: 0 auto; } @media (max-width: 991px) { .container-90 { padding: 16px 20px; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 767px) { .container-90 { padding: 12px 16px; } } @media (max-width: 991px) { .employees-table thead tr th { padding: 10px 12px !important; font-size: 10px !important; } .employees-table tbody tr td { padding: 12px !important; font-size: 12.5px !important; } .employees-table .col-name { min-width: 160px; } .employees-table .col-org { min-width: 160px; } .employees-table .col-manager { min-width: 120px; } .employees-table .col-activity { min-width: 120px; } } @media (max-width: 767px) { .employees-table .col-manager, .employees-table .col-activity { display: none; } .employees-table thead tr th { padding: 8px 10px !important; } .employees-table tbody tr td { padding: 10px !important; } .employees-table .col-name { min-width: 140px; } .employees-table .col-org { min-width: 140px; } .employees-table .col-checkbox { width: 32px; padding: 8px !important; } .employees-table .col-avatar { width: 44px; padding: 6px 8px !important; } .employees-table .employee-avatar { width: 32px; height: 32px; font-size: 11px; } .employees-table .employee-name { font-size: 12.5px !important; } .employees-table .employee-email { font-size: 11px; } .employees-table .employee-job, .employees-table .employee-org, .employees-table .employee-office { font-size: 11px; } } @media (max-width: 480px) { .employees-table .col-org { display: none; } .employees-table .col-name { min-width: auto; } .employees-table .employee-name { font-size: 12px !important; } } @media (max-width: 767px) { .pagination-wrapper { padding: 16px 0 32px; } .pagination-wrapper .pagination { flex-wrap: wrap; justify-content: center; gap: 4px; } .pagination-wrapper .pagination > li > a, .pagination-wrapper .pagination > li > span { padding: 6px 10px; font-size: 12px; } } .timeoff-filter-header .filter-page-title { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0; white-space: nowrap; display: flex; align-items: center; gap: 8px; } .timeoff-filter-header .filter-page-title i { color: var(--oa-brand-primary, #005aee); } .timeoff-filter-header .filter-nav-group { display: flex; align-items: center; gap: 8px; } .timeoff-filter-header .filter-nav-group .nav-arrow { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border: 1px solid #e1e5e9; border-radius: 6px; background: #ffffff; color: var(--oa-text-secondary, #374151); cursor: pointer; transition: all 0.15s ease; } .timeoff-filter-header .filter-nav-group .nav-arrow:hover { border-color: var(--oa-brand-primary, #005aee); color: var(--oa-brand-primary, #005aee); background: rgba(0, 90, 238, 0.04); } .timeoff-filter-header .filter-select-wrapper { min-width: 100px; } .timeoff-filter-header .filter-select-wrapper select, .timeoff-filter-header .filter-select-wrapper select.form-control { height: var(--oa-input-height, 32px) !important; padding: 0 28px 0 10px !important; border: 1px solid #e1e5e9 !important; border-radius: 6px !important; font-size: var(--oa-text-body, 13px); font-family: var(--oa-font-family); background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M3 5l3 3 3-3'/%3E%3C/svg%3E") no-repeat right 10px center; background-size: 12px; color: #1f2b38; cursor: pointer; appearance: none; transition: all 0.2s ease; } .timeoff-filter-header .filter-select-wrapper select:hover, .timeoff-filter-header .filter-select-wrapper select.form-control:hover { border-color: #c4ccd3; } .timeoff-filter-header .filter-select-wrapper select:focus, .timeoff-filter-header .filter-select-wrapper select.form-control:focus { outline: none; border-color: #005aee; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .timeoff-filter-header .filter-typeahead-wrapper { position: relative; min-width: 200px; flex: 0 1 280px; } .timeoff-filter-header .filter-typeahead-wrapper .icon-pre { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: var(--oa-text-muted, #6B7280); z-index: 1; pointer-events: none; } .timeoff-filter-header .filter-typeahead-wrapper .icon-clear { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: var(--oa-text-muted, #6B7280); cursor: pointer; z-index: 1; opacity: 0.7; transition: all 0.15s ease; } .timeoff-filter-header .filter-typeahead-wrapper .icon-clear:hover { color: #B91C1C; opacity: 1; } .timeoff-filter-header .filter-typeahead-wrapper input, .timeoff-filter-header .filter-typeahead-wrapper input.form-control { height: var(--oa-input-height, 32px) !important; padding: 0 30px 0 32px !important; border: 1px solid #e1e5e9 !important; border-radius: 6px !important; font-size: var(--oa-text-body, 13px); background: #ffffff; color: #1f2b38; } .timeoff-filter-header .filter-typeahead-wrapper input::placeholder, .timeoff-filter-header .filter-typeahead-wrapper input.form-control::placeholder { color: var(--oa-text-muted, #6B7280); } .timeoff-filter-header .filter-typeahead-wrapper input:focus, .timeoff-filter-header .filter-typeahead-wrapper input.form-control:focus { border-color: var(--oa-brand-primary, #005aee) !important; outline: none; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1); } .timeoff-filter-header .filter-checkbox-wrapper { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--oa-text-secondary, #374151); white-space: nowrap; cursor: pointer; } .timeoff-filter-header .filter-checkbox-wrapper input[type=checkbox] { width: 16px; height: 16px; accent-color: var(--oa-brand-primary, #005aee); cursor: pointer; } .timeoff-filter-header .filter-toggle-group { display: flex; border: 1px solid #e1e5e9; border-radius: 6px; overflow: hidden; } .timeoff-filter-header .filter-toggle-group .toggle-btn { padding: 6px 12px; font-size: 12px; font-weight: 500; background: #ffffff; border: none; color: var(--oa-text-secondary, #374151); cursor: pointer; transition: all 0.15s ease; } .timeoff-filter-header .filter-toggle-group .toggle-btn:not(:last-child) { border-right: 1px solid #e1e5e9; } .timeoff-filter-header .filter-toggle-group .toggle-btn:hover:not(.active) { background: rgba(0, 0, 0, 0.03); } .timeoff-filter-header .filter-toggle-group .toggle-btn.active { background: var(--oa-brand-primary, #005aee); color: #fff; } @media (max-width: 1199px) { .timeoff-filter-header { flex-wrap: wrap; gap: 10px; } .timeoff-filter-header .filter-page-title { flex: 0 0 auto; } .timeoff-filter-header .filter-nav-group { flex: 0 0 auto; } .timeoff-filter-header .filter-typeahead-wrapper { flex: 1 1 200px; } } @media (max-width: 991px) { .timeoff-filter-header .filter-page-title { flex: 1 1 100%; order: -1; margin-bottom: 4px; } .timeoff-filter-header .filter-search-wrapper { flex: 1 1 100%; margin-bottom: 8px; } } @media (max-width: 767px) { .timeoff-filter-header .filter-nav-group, .timeoff-filter-header .filter-select-wrapper, .timeoff-filter-header .filter-typeahead-wrapper, .timeoff-filter-header .filter-checkbox-wrapper, .timeoff-filter-header .filter-toggle-group { flex: 1 1 100%; } .timeoff-filter-header .filter-nav-group { justify-content: center; } .timeoff-filter-header .filter-toggle-group { justify-content: center; } } .objectives-filter-header { flex-wrap: nowrap; } .objectives-filter-header .filter-page-title { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0; white-space: nowrap; display: flex; align-items: center; gap: 8px; } .objectives-filter-header .filter-page-title i { color: var(--oa-brand-primary, #005aee); } .objectives-filter-header .filter-progress-range { display: flex; align-items: center; gap: 8px; flex-shrink: 0; white-space: nowrap; } .objectives-filter-header .filter-input-small { width: 70px; } .objectives-filter-header .filter-input-small input, .objectives-filter-header .filter-input-small input.form-control { height: var(--oa-input-height, 32px) !important; padding: 0 8px !important; border: 1px solid #e1e5e9 !important; border-radius: 6px !important; font-size: var(--oa-text-body, 13px); text-align: center; background: #ffffff; } .objectives-filter-header .filter-input-small input:focus, .objectives-filter-header .filter-input-small input.form-control:focus { border-color: var(--oa-brand-primary, #005aee) !important; outline: none; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1); } .objectives-filter-header .filter-date-compact { max-width: 130px !important; flex: 0 0 auto; padding: 6px 8px; font-size: 11px; gap: 4px; } .objectives-filter-header .filter-date-compact span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .objectives-filter-header .filter-date-compact i.fa-chevron-down { font-size: 10px; } .objectives-filter-header .btn-primary { margin-left: auto; } .objectives-filter-header .filter-select-wrapper select, .objectives-filter-header .filter-select-wrapper select.form-control { font-size: 13px !important; } .objectives-filter-extended .filter-date-range { flex: 0 0 25%; max-width: 25%; } .objectives-filter-extended .filter-progress-range { display: flex; align-items: center; gap: 8px; } .objectives-filter-extended .filter-input-small { width: 70px; } .objectives-filter-extended .filter-input-small input, .objectives-filter-extended .filter-input-small input.form-control { height: var(--oa-input-height, 32px) !important; padding: 0 8px !important; border: 1px solid #e1e5e9 !important; border-radius: 6px !important; font-size: var(--oa-text-body, 13px); text-align: center; background: #ffffff; } .objectives-filter-extended .filter-input-small input:focus, .objectives-filter-extended .filter-input-small input.form-control:focus { border-color: var(--oa-brand-primary, #005aee) !important; outline: none; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1); } .objectives-toolbar { display: flex; align-items: center; justify-content: flex-end; padding: 10px 20px; background: transparent; border-bottom: 1px solid #e1e5e9; margin: 0 -10px; width: calc(100% + 10px); } .objectives-toolbar .toolbar-count { font-size: var(--oa-text-body, 13px); color: var(--oa-text-muted, #6B7280); } .objectives-toolbar .toolbar-count strong { color: var(--oa-text-main, #1F2937); } .objectives-table .col-owner { min-width: 200px; } .objectives-table .col-keyresult { min-width: 220px; } .objectives-table .col-status { min-width: 180px; } .objectives-table .col-progress { min-width: 100px; } .objectives-table .col-updated { min-width: 120px; } .objectives-table .row-selected { background-color: var(--oa-info-bg, #EFF6FF) !important; } .objectives-table .objective-owner-name { font-size: var(--oa-text-body, 13.5px); font-weight: 600; color: var(--oa-text-main, #1F2937); text-decoration: none; } .objectives-table .objective-owner-name:hover { color: var(--oa-brand-primary, #005aee); text-decoration: underline; } .objectives-table .objective-org-link { font-size: var(--oa-text-body, 13.5px); font-weight: 600; color: var(--oa-brand-primary, #005aee); text-decoration: none; cursor: pointer; } .objectives-table .objective-org-link i { color: var(--oa-text-muted, #6B7280); margin-right: 4px; } .objectives-table .objective-org-link:hover { text-decoration: underline; } .objectives-table .objective-meta { font-size: var(--oa-text-label, 12px); color: var(--oa-text-secondary, #4B5563); margin-top: 4px; } .objectives-table .objective-meta i { margin-right: 6px; width: 14px; text-align: center; } .objectives-table .objective-meta a { color: var(--oa-text-secondary, #374151); text-decoration: none; cursor: pointer; } .objectives-table .objective-meta a:hover { color: var(--oa-brand-primary, #005aee); } .objectives-table .keyresult-date { font-size: var(--oa-text-caption, 11px); color: var(--oa-text-muted, #6B7280); } .objectives-table .keyresult-name { font-size: var(--oa-text-body, 13.5px); font-weight: 500; color: var(--oa-text-main, #1F2937); margin: 4px 0; } .objectives-table .keyresult-objective a { font-size: var(--oa-text-label, 12px); color: var(--oa-text-secondary, #374151); text-decoration: none; cursor: pointer; } .objectives-table .keyresult-objective a i { color: var(--oa-brand-primary, #005aee); margin-right: 4px; } .objectives-table .keyresult-objective a:hover { color: var(--oa-brand-primary, #005aee); } .objectives-table .status-values { display: inline-grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 4px; width: 100%; } .objectives-table .status-value { font-size: var(--oa-text-label, 12px); color: var(--oa-text-secondary, #374151); padding: 2px 6px; border-radius: 4px; background: var(--oa-bg-hover, #F8FAFD); cursor: help; text-align: center; min-width: 40px; } .objectives-table .status-value i { font-size: 10px; margin: 0 2px; color: var(--oa-text-muted, #6B7280); } .objectives-table .status-current { background: var(--oa-info-bg, #EFF6FF); color: var(--oa-brand-primary, #005aee); font-weight: 700; font-size: 14px; padding: 3px 8px; } .objectives-table .status-current i { color: var(--oa-brand-primary, #005aee); font-size: 12px; } .objectives-table .status-target { background: var(--oa-success-bg, #F0FDF4); color: var(--oa-success-text, #166534); } .objectives-table .status-target i { color: var(--oa-success-text, #166534); } .objectives-table .status-separator { color: var(--oa-text-muted, #6B7280); font-size: 11px; text-align: center; } .objectives-table .status-boolean { font-size: var(--oa-text-label, 12px); } .objectives-table .status-boolean i { margin-right: 4px; } .objectives-table .progress-value { font-size: var(--oa-text-body, 13.5px); font-weight: 600; } .objectives-table .progress-success { color: var(--oa-success-text, #166534); background: var(--oa-success-bg, #F0FDF4); } .objectives-table .progress-warning { color: var(--oa-warning-text, #B45309); background: var(--oa-warning-bg, #FFFBEB); } .objectives-table .progress-danger { color: var(--oa-danger-text, #B91C1C); background: var(--oa-danger-bg, #FEF2F2); } .objectives-table.table-hover tbody tr:hover td.bg-red-light { background-color: #f6b7b7 !important; } .objectives-table.table-hover tbody tr:hover td.bg-orange-light { background-color: #fae0aa !important; } .objectives-table.table-hover tbody tr:hover td.bg-green-light { background-color: #c0f2c0 !important; } .objectives-table.table-hover tbody tr:hover td.bg-green-dark { background-color: #80c180 !important; } .modal-body .smart-form[ng-form=objectiveModal] > .row { margin-bottom: 10px; } .modal-body .smart-form[ng-form=objectiveModal] > .row.padding-bottom-10 { padding-bottom: 0 !important; margin-bottom: 12px; } .modal-body .smart-form[ng-form=objectiveModal] .row > [class*=col-md-] > .col { padding-left: 0; } .modal-body .smart-form[ng-form=objectiveModal] .row > [class*=col-md-]:first-child { padding-left: 15px; } .modal-body .smart-form[ng-form=objectiveModal] .label, .modal-body .smart-form[ng-form=objectiveModal] .label.form-label { margin-bottom: 4px; } .objectives-filter-header, .objectives-filter-extended, .objectives-toolbar, .objectives-table { flex-shrink: 0; } .objectives-filter-header ~ .container-90, .objectives-toolbar ~ .container-90 { min-height: 400px; padding: 0; } .main-view-parrent:has(.objectives-filter-header) { height: auto !important; min-height: calc(100vh - 120px) !important; } .objectives-filter-header + .filter-row-extended + .objectives-toolbar + .container-90, .objectives-filter-header + .filter-row-extended + .container-90 { min-height: calc(100vh - 280px); } @media (max-width: 1199px) { .objectives-filter-header { flex-wrap: nowrap; overflow-x: auto; gap: 6px; -ms-overflow-style: none; scrollbar-width: none; } .objectives-filter-header::-webkit-scrollbar { display: none; } .objectives-filter-header .filter-page-title { flex: 0 0 auto; display: none; } .objectives-filter-header .filter-tabs { flex: 0 0 auto; order: 0; } .objectives-filter-header .filter-tabs .tab-btn { padding: 4px 10px; font-size: 12px; } .objectives-filter-header .filter-select-wrapper { flex: 0 0 auto; min-width: 0; } .objectives-filter-header .filter-select-wrapper select.form-control { min-width: 120px; max-width: 150px; font-size: 12px; padding-right: 24px; } .objectives-filter-header .filter-progress-range { flex: 0 0 auto; } .objectives-filter-header .filter-progress-range .filter-input-small { width: 55px; } .objectives-filter-header .filter-progress-range .filter-input-small input { font-size: 11px !important; padding: 0 4px !important; } .objectives-filter-header .btn-primary { flex: 0 0 auto; margin-left: auto; padding: 4px 12px; font-size: 12px; white-space: nowrap; } .objectives-filter-extended { flex-wrap: wrap; gap: 10px; } .objectives-filter-extended .filter-search-wrapper, .objectives-filter-extended .filter-typeahead-wrapper { flex: 1 1 calc(25% - 8px) !important; min-width: 180px; } .objectives-filter-extended .filter-select-wrapper { flex: 1 1 calc(33% - 7px); min-width: 140px; } .objectives-filter-extended .filter-progress-range { flex: 0 0 auto; } } @media (max-width: 767px) { .objectives-filter-header .filter-page-title { flex: 1 1 100%; margin-bottom: 8px; } .objectives-filter-header .btn-primary { margin-left: 0; order: 5; } .objectives-filter-extended .filter-search-wrapper, .objectives-filter-extended .filter-typeahead-wrapper, .objectives-filter-extended .filter-select-wrapper { flex: 1 1 calc(50% - 6px) !important; min-width: 140px; } .objectives-filter-extended .filter-progress-range { flex: 1 1 calc(50% - 6px); justify-content: center; } .objectives-filter-extended .filter-date-range { flex: 1 1 calc(50% - 6px); justify-content: center; } } .reviews-filter-header { flex-wrap: nowrap; } .reviews-filter-header .filter-page-title { margin: 0; } .reviews-filter-header .filter-page-title i { color: var(--oa-text-muted, #6B7280); } .reviews-filter-header .filter-select-wrapper { flex: 0 0 auto; min-width: 160px; } .reviews-filter-header .btn-secondary, .reviews-filter-header .btn-header { margin-left: auto; } .reviews-filter-header .btn-primary { margin-left: 8px; flex-shrink: 0; } .reviews-toolbar { display: flex; align-items: center; justify-content: flex-end; padding: 0px 30px; gap: 12px; } .reviews-toolbar .toolbar-count { font-size: var(--oa-text-body, 13px); color: var(--oa-text-muted, #6B7280); } .reviews-toolbar .toolbar-count strong { color: var(--oa-text-main, #1F2937); } .reviews-table .col-name { min-width: 250px; max-width: 400px; } .reviews-table .col-type { min-width: 120px; max-width: 160px; } .reviews-table .col-period { min-width: 180px; max-width: 220px; } .reviews-table .col-status { min-width: 100px; max-width: 140px; } .reviews-table .col-total, .reviews-table .col-submitted { min-width: 80px; max-width: 120px; } .reviews-table .col-actions { width: 60px; text-align: center; } .reviews-table .review-date { font-size: 11px; color: var(--oa-text-muted, #6B7280); margin-bottom: 2px; } .reviews-table .review-date i { margin-right: 4px; font-size: 10px; } .reviews-table .review-name { font-weight: 500; font-size: 14px; color: var(--oa-text-main, #1F2937); text-decoration: none; display: block; margin-bottom: 2px; } .reviews-table .review-name:hover { color: var(--oa-brand-primary, #005aee); text-decoration: underline; } .reviews-table .review-description { font-size: 12px; color: var(--oa-text-muted, #6B7280); line-height: 1.4; max-width: 350px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .reviews-table .review-type-badge { display: inline-flex; align-items: center; padding: 4px 10px; background: var(--oa-info-bg, #EFF6FF); color: var(--oa-info-text, #1D4ED8); border-radius: 12px; font-size: 12px; font-weight: 500; line-height: 1.2; } .reviews-table .review-period { font-size: 13px; color: var(--oa-text-secondary, #374151); white-space: nowrap; } .reviews-table .review-status-badge { display: inline-flex; align-items: center; justify-content: center; padding: 4px 12px; border-radius: 12px; font-size: 12px; font-weight: 500; white-space: nowrap; } .reviews-table .review-status-badge.status-open { background: var(--oa-success-bg, #F0FDF4); color: var(--oa-success-text, #166534); } .reviews-table .review-status-badge.status-completed { background: var(--oa-info-bg, #EFF6FF); color: var(--oa-info-text, #1D4ED8); } .reviews-table .review-status-badge.status-not-started { background: var(--oa-warning-bg, #FFFBEB); color: var(--oa-warning-text, #B45309); } .reviews-table .review-count { font-size: 14px; font-weight: 600; color: var(--oa-text-main, #1F2937); } .reviews-table .review-count.review-count-submitted { color: var(--oa-success-text, #166534); } .reviews-table .col-actions .btn-secondary, .reviews-table .col-actions .btn-header { padding: 4px 8px; min-width: auto; } .reviews-table .col-actions .btn-secondary i, .reviews-table .col-actions .btn-header i { margin: 0; } .reviews-table .col-actions .dropdown-menu { min-width: 160px; } .reviews-table .col-actions .dropdown-menu li a { display: flex; align-items: center; gap: 8px; padding: 8px 12px; font-size: 13px; color: var(--oa-text-secondary, #374151); } .reviews-table .col-actions .dropdown-menu li a:hover { background: var(--oa-hover-bg, #F8FAFD); color: var(--oa-text-main, #1F2937); } .reviews-table .col-actions .dropdown-menu li a i { width: 16px; text-align: center; color: var(--oa-text-muted, #6B7280); } @media (max-width: 1199px) { .reviews-filter-header { gap: 8px; } .reviews-filter-header .filter-select-wrapper { min-width: 120px; } .reviews-table .col-name { min-width: 200px; } .reviews-table .col-period { min-width: 160px; } } @media (max-width: 767px) { .reviews-filter-header { flex-wrap: wrap; gap: 10px; } .reviews-filter-header .filter-page-title { flex: 1 1 100%; margin-bottom: 4px; } .reviews-filter-header .filter-select-wrapper { flex: 1 1 calc(50% - 5px); min-width: 120px; } .reviews-filter-header .btn-secondary, .reviews-filter-header .btn-header { margin-left: auto; } .reviews-filter-header .btn-primary { margin-left: 8px; } .reviews-table .col-type, .reviews-table .col-period { display: none; } .reviews-table .col-name { min-width: 150px; } .reviews-table .col-status { min-width: 80px; } .reviews-table .col-total, .reviews-table .col-submitted { min-width: 60px; } } .collections-sidebar { width: 300px; position: fixed; top: 63px; left: 90px; bottom: 0; display: flex; flex-direction: column; background: var(--oa-bg-hover, #F8FAFD); border-right: 1px solid var(--oa-border-color, #E5E7EB); overflow-y: auto; overflow-x: hidden; padding: 10px; padding-top: 0; transition: width 0.2s ease; } .collections-sidebar::-webkit-scrollbar { width: 6px; } .collections-sidebar::-webkit-scrollbar-track { background: transparent; } .collections-sidebar::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.15); border-radius: 3px; } .collections-sidebar::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.25); } .collections-sidebar.collapsed { width: var(--oa-sidebar-collapsed, 78px); padding: 5px; } .collections-sidebar.collapsed .sidebar-title-text, .collections-sidebar.collapsed .collections-sidebar-link, .collections-sidebar.collapsed .collections-search, .collections-sidebar.collapsed .collection-card-content, .collections-sidebar.collapsed .collection-card-meta { display: none; } .collections-sidebar.collapsed .collections-sidebar-header { flex-direction: column; padding: 12px 8px; gap: 8px; } .collections-sidebar.collapsed .collections-sidebar-title { justify-content: center; } .collections-sidebar.collapsed .collections-sidebar-title i { font-size: 18px; } .collections-sidebar.collapsed .collections-sidebar-actions { width: 100%; justify-content: center; } .collections-sidebar.collapsed .collection-card { padding: 8px; justify-content: center; } .collections-sidebar.collapsed .collection-card .collection-icon { margin: 0; } .company-position-page .collections-main-content.opportunites { margin-left: 320px; margin-right: 20px; transition: margin-left var(--oa-duration-spring, 300ms) var(--oa-ease-spring, cubic-bezier(0.34, 1.56, 0.64, 1)); } .company-position-page .collections-main-content.opportunites.sidebar-collapsed { margin-left: 188px !important; } .collections-sidebar-header { display: flex; align-items: center; justify-content: space-between; padding: 16px 16px 12px; border-bottom: 1px solid var(--oa-border-color, #E5E7EB); background: var(--oa-bg-white, #F9FAFB); position: sticky; top: 0; z-index: 10; gap: 12px; } .collections-sidebar-title { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 14px; font-weight: 600; color: var(--oa-text-main, #1F2937); text-transform: none; letter-spacing: normal; } .collections-sidebar-title i { color: var(--oa-brand-primary, #005aee); font-size: 16px; } .collections-sidebar-title .sidebar-title-text { color: var(--oa-text-main, #1F2937); } .collections-sidebar-link { font-size: 12px; color: var(--oa-brand-primary, #005aee); text-decoration: none; display: flex; align-items: center; gap: 4px; transition: color 0.15s ease; } .collections-sidebar-link:hover { color: var(--oa-brand-hover, #004ac2); } .collections-sidebar-link i { font-size: 11px; } .collections-sidebar-actions { display: flex; align-items: center; gap: 8px; } .sidebar-collapse-btn { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0; border: none; border-radius: 6px; background: transparent; color: var(--oa-text-muted, #6B7280); cursor: pointer; transition: all 0.15s ease; } .sidebar-collapse-btn:hover { background: var(--oa-bg-hover, #F3F4F6); color: var(--oa-text-main, #1F2937); } .sidebar-collapse-btn i { font-size: 12px; } .collections-search { padding: 12px 16px; position: relative; } .collections-search .search-icon { position: absolute; left: 28px; top: 50%; transform: translateY(-50%); color: var(--oa-text-light, #9CA3AF); font-size: 13px; pointer-events: none; } .collections-search input.form-control { width: 100%; height: var(--oa-input-height, 32px); padding: 0 12px 0 40px !important; border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 6px; font-size: 13px; color: var(--oa-text-main, #1F2937); background: #fff; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .collections-search input.form-control::placeholder { color: var(--oa-text-light, #9CA3AF); } .collections-search input.form-control:focus { outline: none; border-color: var(--oa-brand-primary, #005aee); box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1); } .collections-list { flex: 1; padding: 8px 12px 16px; overflow-y: auto; } .collection-card { display: block; padding: 12px 14px; margin-bottom: 6px; background: #fff; border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 8px; cursor: pointer; text-decoration: none; transition: all 0.15s ease; } .collection-card:hover { border-color: var(--oa-brand-light, #93C5FD); background: var(--oa-bg-hover, #F8FAFD); } .collection-card.active { border-color: var(--oa-brand-primary, #005aee); background: rgba(0, 90, 238, 0.04); box-shadow: 0 0 0 1px var(--oa-brand-primary, #005aee); } .collection-card .collection-card-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; } .collection-card .collection-card-name { font-size: 13px; font-weight: 500; color: var(--oa-text-main, #1F2937); margin: 0; display: flex; align-items: center; gap: 6px; } .collection-card .collection-card-name i { color: var(--oa-brand-primary, #005aee); font-size: 12px; } .collection-card .collection-card-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; font-size: 11px; font-weight: 600; color: #fff; background: var(--oa-danger, #EF4444); border-radius: 10px; } .collection-card .collection-card-position { font-size: 12px; color: var(--oa-text-muted, #6B7280); margin-top: 4px; } .compensations-filter-header { flex-wrap: nowrap; } .compensations-filter-header .filter-page-title { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0; white-space: nowrap; display: flex; align-items: center; gap: 8px; } .compensations-filter-header .filter-page-title i { color: var(--oa-brand-primary, #005aee); } .compensations-filter-header .filter-typeahead-wrapper { flex: 1 1 160px; min-width: 140px; max-width: 220px; } .compensations-filter-header .filter-select-wrapper { flex: 0 0 auto; min-width: 200px; } .compensations-filter-header .filter-select-wrapper select, .compensations-filter-header .filter-select-wrapper select.form-control { height: var(--oa-input-height, 32px) !important; padding: 0 28px 0 10px !important; border: 1px solid #e1e5e9 !important; border-radius: 6px !important; font-size: var(--oa-text-body, 13px); background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M3 5l3 3 3-3'/%3E%3C/svg%3E") no-repeat right 10px center; background-size: 12px; color: #1f2b38; cursor: pointer; appearance: none; } .compensations-filter-header .filter-date-range { flex: 0 0 auto; white-space: nowrap; } .compensations-filter-header .filter-date-range .icon-clear { font-size: 14px; cursor: pointer; opacity: 0.7; transition: all 0.15s ease; } .compensations-filter-header .filter-date-range .icon-clear:hover { opacity: 1; } .compensations-filter-header #reportrange_list .icon-clear { color: var(--oa-text-muted, #6B7280); } .compensations-filter-header #reportrange_list .icon-clear:hover { color: #B91C1C; } .compensations-filter-header .btn-primary { margin-left: auto; flex-shrink: 0; } .compensations-toolbar { display: flex; align-items: center; justify-content: flex-end; padding: 10px 30px; background: #fff; border-bottom: 1px solid #e1e5e9; } .compensations-toolbar .toolbar-count { font-size: var(--oa-text-body, 13px); color: var(--oa-text-muted, #6B7280); } .compensations-toolbar .toolbar-count strong { color: var(--oa-text-main, #1F2937); } .compensations-table .col-avatar { width: 48px; padding-left: 20px !important; padding-right: 0 !important; } .compensations-table .col-employee { min-width: 200px; } .compensations-table .col-salary, .compensations-table .col-bonus, .compensations-table .col-allowance, .compensations-table .col-review, .compensations-table .col-deduction { min-width: 120px; white-space: nowrap; } .compensations-table .employee-avatar { width: 36px; height: 36px; border-radius: 50%; background: #E5E7EB; display: flex; align-items: center; justify-content: center; overflow: hidden; flex-shrink: 0; } .compensations-table .employee-avatar .avatar-img { width: 100%; height: 100%; object-fit: cover; } .compensations-table .employee-avatar .avatar-initials { font-size: 12px; font-weight: 600; color: #6B7280; text-transform: uppercase; } .compensations-table .employee-avatar.avatar--manager { background: linear-gradient(135deg, #DBEAFE 0%, #BFDBFE 100%); } .compensations-table .employee-avatar.avatar--manager .avatar-initials { color: #1E40AF; } .compensations-table .employee-avatar.avatar--employee { background: #F3F4F6; } .compensations-table .employee-name { margin-bottom: 4px; } .compensations-table .employee-link { font-size: var(--oa-text-body, 13.5px); font-weight: 600; color: var(--oa-brand-primary, #005aee); text-decoration: none; } .compensations-table .employee-link:hover { text-decoration: underline; } .compensations-table .employee-meta { font-size: var(--oa-text-label, 12px); color: var(--oa-text-muted, #6B7280); } .compensations-table .employee-meta .meta-position, .compensations-table .employee-meta .meta-org { display: inline-flex; align-items: center; gap: 4px; margin-right: 12px; } .compensations-table .employee-meta .meta-position i, .compensations-table .employee-meta .meta-org i { font-size: 11px; color: var(--oa-text-light, #9CA3AF); } .compensations-table .employee-meta .org-link { color: var(--oa-text-secondary, #374151); text-decoration: none; cursor: pointer; } .compensations-table .employee-meta .org-link:hover { color: var(--oa-brand-primary, #005aee); } .compensations-table .date-range { font-size: var(--oa-text-caption, 11px); color: var(--oa-text-muted, #6B7280); margin-bottom: 2px; } .compensations-table .compensation-value { font-size: var(--oa-text-body, 13px); color: var(--oa-text-main, #1F2937); font-weight: 500; } .compensations-table .compensation-entry + .compensations-table .compensation-entry { margin-top: 4px; padding-top: 4px; border-top: 1px solid var(--oa-border-color, #E5E7EB); } .compensations-table .compensation-entry--historical .date-range, .compensations-table .compensation-entry--future .date-range { font-size: var(--oa-text-caption, 11px); color: var(--oa-text-light, #6B7280); margin-bottom: 0; } .compensations-table .compensation-entry--historical .compensation-value, .compensations-table .compensation-entry--future .compensation-value { font-size: var(--oa-text-label, 12px); font-weight: 400; color: var(--oa-text-light, #6B7280); } .compensations-table .compensation-note { font-size: var(--oa-text-caption, 11px); color: var(--oa-text-muted, #4B5563); } .compensations-table .compensation-more { display: inline-block; margin-top: 4px; font-size: var(--oa-text-caption, 11px); color: var(--oa-text-muted, #4B5563); text-decoration: none; cursor: pointer; } .compensations-table .compensation-more:hover, .compensations-table .compensation-more:focus { color: var(--oa-brand-primary, #005aee); text-decoration: none; } .compensations-table .objective-link { margin-top: 4px; } .compensations-table .objective-link a { font-size: var(--oa-text-label, 12px); color: var(--oa-text-secondary, #374151); text-decoration: none; cursor: pointer; } .compensations-table .objective-link a i { color: var(--oa-brand-primary, #005aee); margin-right: 4px; } .compensations-table .objective-link a:hover { color: var(--oa-brand-primary, #005aee); } .compensations-table .value-grid { display: inline-flex; align-items: center; gap: 2px; } .compensations-table .value-cell { font-size: var(--oa-text-label, 12px); color: var(--oa-text-secondary, #374151); padding: 2px 6px; background: var(--oa-bg-hover, #F8FAFD); border-radius: 4px; cursor: help; } .compensations-table .value-cell i { font-size: 10px; color: var(--oa-text-muted, #6B7280); margin: 0 2px; } .compensations-table .value-separator { border-left: 1px solid var(--oa-border-color, #E5E7EB); margin-left: 2px; padding-left: 8px; } .compensations-table .boolean-status { font-size: var(--oa-text-label, 12px); color: var(--oa-text-secondary, #374151); } .compensations-table .progress-value { font-size: var(--oa-text-body, 13.5px); font-weight: 600; } .compensations-table .progress-success { color: var(--oa-success-text, #166534) !important; background: var(--oa-success-bg, #F0FDF4) !important; } .compensations-table .progress-warning { color: var(--oa-warning-text, #B45309) !important; background: var(--oa-warning-bg, #FFFBEB) !important; } .compensations-table .progress-danger { color: var(--oa-danger-text, #B91C1C) !important; background: var(--oa-danger-bg, #FEF2F2) !important; } @media (max-width: 1199px) { .compensations-filter-header { flex-wrap: wrap; } .compensations-filter-header .filter-page-title { flex: 0 0 auto; } .compensations-filter-header .filter-typeahead-wrapper { flex: 1 1 calc(50% - 6px); min-width: 160px; } .compensations-filter-header .btn-primary { margin-left: auto; } } @media (max-width: 767px) { .compensations-filter-header .filter-page-title { flex: 1 1 100%; margin-bottom: 8px; } .compensations-filter-header .filter-typeahead-wrapper { flex: 1 1 100%; } .compensations-filter-header .btn-primary { flex: 1 1 100%; margin-left: 0; margin-top: 8px; } .compensations-filter-extended { flex-wrap: wrap; } .compensations-filter-extended .filter-select-wrapper, .compensations-filter-extended .filter-date-range { flex: 1 1 100%; } .compensations-table .col-bonus, .compensations-table .col-allowance, .compensations-table .col-deduction { display: none; } .compensations-table .col-employee { min-width: 180px; } .compensations-table .col-salary, .compensations-table .col-review { min-width: 100px; } } .resources-filter-header .filter-page-title { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0; display: flex; align-items: center; gap: 8px; } .resources-filter-header .filter-page-title i { color: var(--oa-brand-primary, #005aee); } .resources-filter-header .filter-page-title a { color: inherit; text-decoration: none; } .resources-filter-header .filter-page-title a:hover { color: var(--oa-brand-primary, #005aee); } .resources-filter-header .btn-primary { margin-left: auto; } .resource-card-2027 { background: var(--oa-bg-primary, #FFFFFF); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 12px; margin-bottom: 12px; transition: box-shadow 0.2s ease, border-color 0.2s ease; } .resource-card-2027:hover { border-color: var(--oa-brand-primary-light, #E0ECFF); box-shadow: 0 4px 12px rgba(0, 90, 238, 0.08); } .resource-card-2027 .resource-card-main { display: flex; align-items: flex-start; padding: 16px 20px; gap: 20px; } .resource-card-2027 .resource-info { flex: 1; min-width: 0; } .resource-card-2027 .resource-meta { margin-bottom: 6px; } .resource-card-2027 .resource-date { font-size: var(--oa-text-caption, 11px); color: var(--oa-text-muted, #6B7280); } .resource-card-2027 .resource-date i { margin-right: 4px; } .resource-card-2027 .resource-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; } .resource-card-2027 .tag-pill { display: inline-flex; align-items: center; padding: 3px 10px; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.02em; border-radius: 12px; white-space: nowrap; } .resource-card-2027 .tag-type { background: var(--oa-warning-bg, #FEF3C7); color: var(--oa-warning-text, #92400E); } .resource-card-2027 .tag-access { background: var(--oa-info-bg, #EFF6FF); color: var(--oa-brand-primary, #005aee); } .resource-card-2027 .resource-title { font-size: var(--oa-text-heading, 15px); font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0 0 6px 0; line-height: 1.4; } .resource-card-2027 .resource-title a { color: inherit; text-decoration: none; } .resource-card-2027 .resource-title a:hover { color: var(--oa-brand-primary, #005aee); } .resource-card-2027 .resource-favorite { color: var(--oa-warning-text, #F59E0B); margin-right: 4px; } .resource-card-2027 .resource-description { font-size: var(--oa-text-body, 13px); color: var(--oa-text-secondary, #374151); margin: 0; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .resource-card-2027 .resource-stats { display: flex; flex-wrap: nowrap; gap: 16px; flex-shrink: 0; } .resource-card-2027 .stat-item { display: flex; flex-direction: row; align-items: center; text-align: center; padding: 8px 12px; border-radius: 8px; background: var(--oa-bg-hover, #F8FAFD); min-width: 70px; cursor: help; transition: background 0.15s ease; gap: 6px; } .resource-card-2027 .stat-item:hover { background: var(--oa-bg-subtle, #F3F4F6); } .resource-card-2027 .stat-item i { font-size: 16px; color: var(--oa-text-muted, #6B7280); margin-bottom: 0; flex-shrink: 0; } .resource-card-2027 .stat-item .stat-value { font-size: var(--oa-text-heading, 15px); font-weight: 700; color: var(--oa-text-main, #1F2937); } .resource-card-2027 .stat-item .stat-percent { font-size: var(--oa-text-caption, 11px); color: var(--oa-text-muted, #6B7280); } .resource-card-2027 .stat-item .stat-label { font-size: 9px; color: var(--oa-text-muted, #6B7280); text-transform: uppercase; letter-spacing: 0.02em; margin-top: 2px; } .resource-card-2027 .resource-actions { flex-shrink: 0; } .resource-card-2027 .resource-actions .btn-icon-only { width: 32px; height: 32px; padding: 0; display: flex; align-items: center; justify-content: center; background: transparent; border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 6px; color: var(--oa-text-secondary, #374151); cursor: pointer; transition: all 0.15s ease; } .resource-card-2027 .resource-actions .btn-icon-only:hover { background: var(--oa-bg-hover, #F8FAFD); border-color: var(--oa-border-subtle, #D1D5DB); } .resource-card-2027 .resource-actions .dropdown-menu { min-width: 140px; } .resource-card-2027 .resource-actions .dropdown-menu li a { display: flex; align-items: center; gap: 8px; padding: 8px 12px; font-size: var(--oa-text-body, 13px); color: var(--oa-text-main, #1F2937); cursor: pointer; } .resource-card-2027 .resource-actions .dropdown-menu li a i { width: 16px; color: var(--oa-text-muted, #6B7280); } .resource-card-2027 .resource-actions .dropdown-menu li a:hover { background: var(--oa-bg-hover, #F8FAFD); } .resource-card-2027 .resource-actions .dropdown-menu li a.text-danger { color: var(--oa-danger-text, #DC2626); } .resource-card-2027 .resource-actions .dropdown-menu li a.text-danger i { color: inherit; } @media (max-width: 991px) { .resource-card-2027 .resource-card-main { position: relative; } .resource-card-2027 .resource-info { flex: 1 1 auto; min-width: 200px; } .resource-card-2027 .resource-stats { flex: 0 1 auto; justify-content: flex-end; } .resource-card-2027 .resource-actions { position: absolute; top: 16px; right: 16px; } } @media (max-width: 575px) { .resource-card-2027 .resource-card-main { flex-wrap: wrap; } .resource-card-2027 .resource-info { flex: 1 1 100%; margin-bottom: 12px; } .resource-card-2027 .resource-stats { flex: 1 1 100%; justify-content: flex-start; } } @media (max-width: 767px) { .resource-card-2027 .resource-stats { gap: 8px; } .resource-card-2027 .stat-item { min-width: 60px; padding: 6px 8px; } .resource-card-2027 .stat-item .stat-label { display: none; } } .ai-models-filter-header .filter-search-wrapper { flex: 1 1 200px; max-width: 300px; } .ai-models-filter-header .filter-select-wrapper { flex: 0 0 auto; min-width: 150px; } .ai-models-filter-header .filter-checkbox { flex: 0 0 auto; margin: 0 8px; white-space: nowrap; } .ai-models-filter-header .btn-primary { margin-left: auto; flex-shrink: 0; } .surveys-filter-header .filter-select-wrapper { flex: 0 0 auto; min-width: 180px; } .surveys-filter-header .btn-primary { margin-left: auto; flex-shrink: 0; } @media (max-width: 768px) { .surveys-filter-header { flex-wrap: wrap; } .surveys-filter-header .filter-select-wrapper { flex: 1 1 100%; min-width: 0; } .surveys-filter-header .btn-primary { flex: 1 1 100%; margin-left: 0; } } .users .content > .row.smart-form { position: sticky; top: var(--oa-header-height, 56px); z-index: 100; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 12px; padding: 12px 20px; margin: -13px -13px 0 -13px !important; width: calc(100% + 26px); background: var(--oa-bg-hover, #F8FAFD); border-bottom: 1px solid #e1e5e9; } .users .content > .row.smart-form > [class*=col-] { flex: 0 0 auto; width: auto; max-width: none; padding: 0; } .users .content > .row.smart-form .btn-group.users-filter { display: flex; gap: 0; } .users .content > .row.smart-form .btn-group.users-filter .btn { border-radius: 0; border: 1px solid #e1e5e9; background: white; font-size: 13px; padding: 6px 12px; } .users .content > .row.smart-form .btn-group.users-filter .btn:first-child { border-radius: 6px 0 0 6px; } .users .content > .row.smart-form .btn-group.users-filter .btn:last-child { border-radius: 0 6px 6px 0; } .users .content > .row.smart-form .btn-group.users-filter .btn.active { background: var(--oa-brand-primary, #005aee); border-color: var(--oa-brand-primary, #005aee); color: white; } .users .content > .row.smart-form .btn-group.users-filter .btn .badge { font-size: 10px; padding: 2px 6px; } .users .content > .row.smart-form .col-md-3 { flex: 1 1 200px; max-width: 300px; } .users .content > .row.smart-form .col-md-3 .input, .users .content > .row.smart-form .col-md-3 label.input { margin: 0; } .users .content > .row.smart-form .col-md-3 .input input.form-control, .users .content > .row.smart-form .col-md-3 label.input input.form-control { height: var(--oa-input-height, 32px) !important; padding: 0 12px !important; border: 1px solid #e1e5e9 !important; border-radius: 6px !important; font-size: 13px; background: white; } .users .content > .row.smart-form .col-md-3 .input input.form-control:focus, .users .content > .row.smart-form .col-md-3 label.input input.form-control:focus { border-color: var(--oa-brand-primary, #005aee) !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1); } .users .content > .row.smart-form .col-md-2 { flex: 0 0 auto; } .users .content > .row.smart-form .col-md-2 label.select { margin: 0; } .users .content > .row.smart-form .col-md-2 label.select select.form-control { height: var(--oa-input-height, 32px) !important; padding: 0 28px 0 12px !important; border: 1px solid #e1e5e9 !important; border-radius: 6px !important; font-size: 13px; background: white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M3 5l3 3 3-3'/%3E%3C/svg%3E") no-repeat right 10px center; -webkit-appearance: none; appearance: none; } .users .content > .row.smart-form .col-md-2 label.select i { display: none; } .users .content > .row.smart-form .col-md-2:last-child { flex: 0 0 auto; margin-left: auto; } .users .content > .row.smart-form .col-md-2:last-child .btn-primary { height: var(--oa-input-height, 32px); padding: 0 16px; font-size: 13px; border-radius: 6px; white-space: nowrap; } @media (max-width: 991px) { .users .content > .row.smart-form { flex-wrap: wrap; gap: 8px; } .users .content > .row.smart-form > [class*=col-] { flex: 1 1 calc(50% - 4px); } .users .content > .row.smart-form .col-md-2:last-child { flex: 1 1 100%; margin-left: 0; } .users .content > .row.smart-form .col-md-2:last-child .btn-primary { width: 100%; } } .smart-form section.row .list-unstyled.card { background: var(--oa-card-bg, rgba(255, 255, 255, 0.95)); border: 1px solid #e1e5e9; border-radius: var(--oa-radius-lg, 12px); box-shadow: var(--oa-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.05)); } .smart-form section.row .list-unstyled.card li { padding: 12px 16px; border-bottom: 1px solid #e1e5e9; font-size: 14px; color: var(--oa-text-main, #1F2937); cursor: pointer; transition: background 0.15s ease; } .smart-form section.row .list-unstyled.card li:last-child { border-bottom: none; } .smart-form section.row .list-unstyled.card li:hover { background: var(--oa-bg-hover, #F8FAFD); } .smart-form section.row .list-unstyled.card li.active, .smart-form section.row .list-unstyled.card li.selected { background: var(--oa-info-bg, #EFF6FF); color: var(--oa-brand-primary, #005aee); font-weight: 600; } .smart-form section.row .list-unstyled.card li i { margin-right: 8px; width: 16px; text-align: center; color: var(--oa-text-muted, #6B7280); } .smart-form section.row .list-unstyled.card li small { display: block; font-size: 12px; color: var(--oa-text-muted, #6B7280); margin-top: 2px; } .email-templates-config .panel-group { margin: 0; } .email-templates-config .panel-group .panel { border: none; border-radius: 0; box-shadow: none; margin: 0; background: transparent; } .email-templates-config .panel-group .panel + .panel { margin-top: 0; } .email-templates-config .panel-group .panel-heading { padding: 0; border: none; background: transparent; } .email-templates-config .panel-group .panel-heading .panel-title a, .email-templates-config .panel-group .panel-heading .panel-title a[aria-expanded] { display: flex; align-items: center; padding: 14px 16px; font-size: 14px; font-weight: 500; color: var(--oa-text-main, #1F2937); text-decoration: none; border-bottom: 1px solid #e1e5e9; transition: background 0.15s ease; } .email-templates-config .panel-group .panel-heading .panel-title a:hover, .email-templates-config .panel-group .panel-heading .panel-title a[aria-expanded]:hover { background: var(--oa-bg-hover, #F8FAFD); } .email-templates-config .panel-group .panel-heading .panel-title a[aria-expanded=true], .email-templates-config .panel-group .panel-heading .panel-title a[aria-expanded][aria-expanded=true] { background: var(--oa-bg-tertiary, #F3F4F6); color: var(--oa-text-main, #1F2937); font-weight: 600; border-left: 3px solid var(--oa-text-secondary, #4B5563); padding-left: 13px; } .email-templates-config .panel-group .panel-heading .panel-title a i.fa-chevron-down, .email-templates-config .panel-group .panel-heading .panel-title a i.fa-chevron-right, .email-templates-config .panel-group .panel-heading .panel-title a .fa-duotone, .email-templates-config .panel-group .panel-heading .panel-title a[aria-expanded] i.fa-chevron-down, .email-templates-config .panel-group .panel-heading .panel-title a[aria-expanded] i.fa-chevron-right, .email-templates-config .panel-group .panel-heading .panel-title a[aria-expanded] .fa-duotone { margin-right: 10px; font-size: 12px; color: var(--oa-text-muted, #6B7280); transition: transform 0.2s ease; } .email-templates-config .panel-group .panel-collapse .panel-body { padding: 0; border: none; background: white; } .email-templates-config .panel-group .panel-collapse .panel-body .list-group, .email-templates-config .panel-group .panel-collapse .panel-body ul { margin: 0; padding: 0; list-style: none; } .email-templates-config .panel-group .panel-collapse .panel-body .list-group .list-group-item, .email-templates-config .panel-group .panel-collapse .panel-body .list-group li, .email-templates-config .panel-group .panel-collapse .panel-body ul .list-group-item, .email-templates-config .panel-group .panel-collapse .panel-body ul li { padding: 10px 16px 10px 40px; border: none; border-bottom: 1px solid rgba(225, 229, 233, 0.5); font-size: 13px; color: var(--oa-text-secondary, #4B5563); cursor: pointer; transition: background 0.15s ease; } .email-templates-config .panel-group .panel-collapse .panel-body .list-group .list-group-item:hover, .email-templates-config .panel-group .panel-collapse .panel-body .list-group li:hover, .email-templates-config .panel-group .panel-collapse .panel-body ul .list-group-item:hover, .email-templates-config .panel-group .panel-collapse .panel-body ul li:hover { background: var(--oa-bg-hover, #F8FAFD); } .email-templates-config .panel-group .panel-collapse .panel-body .list-group .list-group-item.active, .email-templates-config .panel-group .panel-collapse .panel-body .list-group .list-group-item.selected, .email-templates-config .panel-group .panel-collapse .panel-body .list-group li.active, .email-templates-config .panel-group .panel-collapse .panel-body .list-group li.selected, .email-templates-config .panel-group .panel-collapse .panel-body ul .list-group-item.active, .email-templates-config .panel-group .panel-collapse .panel-body ul .list-group-item.selected, .email-templates-config .panel-group .panel-collapse .panel-body ul li.active, .email-templates-config .panel-group .panel-collapse .panel-body ul li.selected { background: var(--oa-bg-tertiary, #F3F4F6); color: var(--oa-text-main, #1F2937); font-weight: 500; border-left: 2px solid var(--oa-text-muted, #6B7280); padding-left: 38px; } .email-templates-config .panel-group .panel-collapse .panel-body .list-group .list-group-item:last-child, .email-templates-config .panel-group .panel-collapse .panel-body .list-group li:last-child, .email-templates-config .panel-group .panel-collapse .panel-body ul .list-group-item:last-child, .email-templates-config .panel-group .panel-collapse .panel-body ul li:last-child { border-bottom: none; } @media (max-width: 768px) { .smart-form section.row .list-unstyled.card li { padding: 14px 12px; font-size: 13px; } .smart-form section.row .list-unstyled.card li i { margin-right: 6px; } .smart-form section.row .list-unstyled.card li small { font-size: 11px; } .email-templates-config .panel-group .panel-heading .panel-title a, .email-templates-config .panel-group .panel-heading .panel-title a[aria-expanded] { padding: 16px 12px; font-size: 13px; } .email-templates-config .panel-group .panel-heading .panel-title a[aria-expanded=true], .email-templates-config .panel-group .panel-heading .panel-title a[aria-expanded][aria-expanded=true] { padding-left: 9px; } .email-templates-config .panel-group .panel-collapse .panel-body .list-group-item, .email-templates-config .panel-group .panel-collapse .panel-body li { padding: 14px 12px 14px 32px; font-size: 12px; } .email-templates-config .panel-group .panel-collapse .panel-body .list-group-item.active, .email-templates-config .panel-group .panel-collapse .panel-body .list-group-item.selected, .email-templates-config .panel-group .panel-collapse .panel-body li.active, .email-templates-config .panel-group .panel-collapse .panel-body li.selected { padding-left: 30px; } } .candidate-dropdown-filter .dropdown-menu, .candidate-dropdown-filter .dropdown-menu.column-1, .candidate-dropdown-filter .dropdown-menu.column-2, .candidate-dropdown-filter .dropdown-menu.column-3 { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background: #F8FAFC !important; opacity: 1 !important; } .candidate-modal-body::after { content: ""; display: table; clear: both; } .candidate-modal-body.standalone-page { max-width: 100%; margin: 0; padding: 0; } .contact-2027 { background: #F7F5F2 !important; background-image: none !important; border-bottom: 1px solid #E7E5E4 !important; padding: 16px 20px 12px !important; } .contact-2027 .text-muted, .contact-2027 .txt-color-gray { color: #78716C !important; } .contact-2027 h4 { color: #1C1917; font-size: 16px; margin-top: 4px; } .contact-2027 a { color: #005aee; text-decoration: none; } .contact-2027 a:hover { color: #004ac2; } .contact-2027 .bold { color: #1C1917; } .contact-2027 .avatar-circle { background: #F0EDE8; color: #44403C; border: 2px solid #D6D3D1; } .contact-2027 .label-teal, .contact-2027 .label-green, .contact-2027 .label-blue, .contact-2027 .label-purple, .contact-2027 .label-orange, .contact-2027 .label-red, .contact-2027 .label-yellow { font-size: 11px; font-weight: 500; border-radius: 6px; padding: 3px 10px !important; color: #44403C !important; background-color: #F0EDE8 !important; border: 1px solid #E7E5E4; } .contact-2027 .skill-tags { border-radius: 6px; } .contact-2027 .skills .match { color: #1C1917; font-weight: 600; } .contact-2027 .skills .fa-check-circle { color: #005aee !important; } .contact-2027 .skills .fa-circle-minus { color: #D6D3D1 !important; } .contact-2027 .no-padding.row, .contact-2027 .row.no-gutter { color: #44403C; } .contact-2027 .no-padding.row i, .contact-2027 .row.no-gutter i { color: #78716C; } .contact-2027 .no-padding.row .fa-location-dot, .contact-2027 .row.no-gutter .fa-location-dot { margin-right: 6px; } .contact-2027 .no-padding.row a, .contact-2027 .row.no-gutter a { color: #1F2937 !important; } .contact-2027 .no-padding.row a:hover, .contact-2027 .row.no-gutter a:hover { color: #005aee !important; } .contact-2027 .e-tag { color: #44403C !important; text-transform: none !important; } .contact-2027__right-context { text-align: right; padding: 4px 0; } .contact-2027__context-item { font-size: 13px; color: #44403C; line-height: 1.8; } .contact-2027__context-item i { color: #78716C; width: 16px; text-align: center; margin-right: 4px; } .contact-2027__context-item strong { color: #1C1917; font-weight: 600; } .contact-2027__context-label { color: #78716C; font-size: 11px; text-transform: uppercase; letter-spacing: 0.3px; margin-right: 6px; } .contact-2027 .min-height-150 { min-height: auto !important; } .contact-2027.rejected { border-left: 4px solid #B91C1C; } .contact-2027.accepted { border-left: 4px solid #166534; } .contact-2027.maybe { border-left: 4px solid #B45309; } .contact-2027 ul.estimate-view { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; margin: 8px 0 4px; } .contact-2027 ul.estimate-view li { text-transform: none; font-size: 12px; font-weight: 500; text-align: left; display: inline-flex; vertical-align: middle; margin: 0; padding: 0; min-height: 0; } .contact-2027__pill { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 8px; background: #fff; border: 1px solid #E7E5E4; color: #44403C; font-size: 12px; font-weight: 500; line-height: 1.4; white-space: nowrap; text-transform: none; } .contact-2027__pill > i { font-size: 12px; color: inherit; } .contact-2027__pill-value { font-weight: 600; color: #1C1917; } .contact-2027__pill-label { max-width: 150px; overflow: hidden; text-overflow: ellipsis; } .contact-2027__pill--info { background: #EFF6FF; border-color: #DBEAFE; color: #1D4ED8; } .contact-2027__pill--warning { background: #FFFBEB; border-color: #FEF3C7; color: #B45309; } .contact-2027__pill--danger { background: #FEF2F2; border-color: #FECACA; color: #B91C1C; } .contact-2027__pill--success { background: #F0FDF4; border-color: #DCFCE7; color: #166534; } .contact-2027__pill--neutral { background: #F0EDE8; border-color: #E7E5E4; color: #44403C; } .contact-2027__pill--experience.passed { background: #F0FDF4; border-color: #DCFCE7; color: #166534; } .contact-2027__pill--experience.passed .contact-2027__pill-value { color: #166534; } .contact-2027__pill--experience.cutoff { background: #FEF2F2; border-color: #FECACA; color: #B91C1C; } .contact-2027__pill--experience.cutoff .contact-2027__pill-value { color: #B91C1C; } .contact-2027__status-dot { font-size: 9px; line-height: 1; } .contact-2027__status-icon { color: #78716C; } .contact-2027__pill--status .contact-2027__pill-label { max-width: 160px; } @media (max-width: 991px) { .contact-2027 ul.estimate-view { justify-content: flex-start; } } .modal-fullscreen .candidate-modal-body.standalone-page { box-shadow: none; border-radius: 0; margin: 0; } .modal-fullscreen .candidate-header--toolbar { border-radius: 0; } .candidate-full-profile .nav-tabs { background: transparent !important; border: none !important; border-bottom: 1px solid #E2E8F0 !important; display: flex !important; gap: 24px; padding: 0 16px; margin-bottom: 0; } .candidate-full-profile .nav-tabs > li, .candidate-full-profile .nav-tabs .nav-item { float: none !important; margin: 0 !important; background: transparent !important; border: none !important; } .candidate-full-profile .nav-tabs > li > a, .candidate-full-profile .nav-tabs > li .nav-link, .candidate-full-profile .nav-tabs .nav-item > a, .candidate-full-profile .nav-tabs .nav-item .nav-link { padding: 12px 0 !important; font-size: 13px !important; font-weight: 500 !important; color: #64748B !important; background: transparent !important; border: none !important; border-radius: 0 !important; text-transform: none !important; position: relative; cursor: pointer; transition: color 0.2s ease; } .candidate-full-profile .nav-tabs > li > a i, .candidate-full-profile .nav-tabs > li .nav-link i, .candidate-full-profile .nav-tabs .nav-item > a i, .candidate-full-profile .nav-tabs .nav-item .nav-link i { margin-right: 6px; font-size: 14px; } .candidate-full-profile .nav-tabs > li > a:hover, .candidate-full-profile .nav-tabs > li .nav-link:hover, .candidate-full-profile .nav-tabs .nav-item > a:hover, .candidate-full-profile .nav-tabs .nav-item .nav-link:hover { color: #0F172A !important; background: transparent !important; } .candidate-full-profile .nav-tabs > li > a:focus, .candidate-full-profile .nav-tabs > li .nav-link:focus, .candidate-full-profile .nav-tabs .nav-item > a:focus, .candidate-full-profile .nav-tabs .nav-item .nav-link:focus { outline: none; box-shadow: none; } .candidate-full-profile .nav-tabs > li.active > a, .candidate-full-profile .nav-tabs > li.active .nav-link, .candidate-full-profile .nav-tabs > li > a.active, .candidate-full-profile .nav-tabs .nav-item.active > a, .candidate-full-profile .nav-tabs .nav-item.active .nav-link, .candidate-full-profile .nav-tabs .nav-item > a.active { color: #005aee !important; font-weight: 600 !important; background: transparent !important; } .candidate-full-profile .nav-tabs > li.active > a::after, .candidate-full-profile .nav-tabs > li.active .nav-link::after, .candidate-full-profile .nav-tabs > li > a.active::after, .candidate-full-profile .nav-tabs .nav-item.active > a::after, .candidate-full-profile .nav-tabs .nav-item.active .nav-link::after, .candidate-full-profile .nav-tabs .nav-item > a.active::after { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: #005aee; border-radius: 2px 2px 0 0; } .candidate-full-profile .nav-tabs > li.active > a i, .candidate-full-profile .nav-tabs > li.active .nav-link i, .candidate-full-profile .nav-tabs > li > a.active i, .candidate-full-profile .nav-tabs .nav-item.active > a i, .candidate-full-profile .nav-tabs .nav-item.active .nav-link i, .candidate-full-profile .nav-tabs .nav-item > a.active i { font-weight: 400; } .candidate-full-profile .tab-content, .candidate-full-profile .profile-tabs-placeholder { background: #ffffff; padding: 12px 20px 20px 20px; position: relative; z-index: 1; } [uib-tabset] .nav.nav-tabs, [uib-tabset] ul.nav-tabs, .candidate-modal-body .nav.nav-tabs, .candidate-modal-body ul.nav-tabs, .candidate-full-profile .nav.nav-tabs, .candidate-full-profile ul.nav-tabs { background: transparent !important; border: none !important; border-bottom: 1px solid #E2E8F0 !important; display: flex !important; gap: 24px; padding: 0 16px !important; padding-left: 24px !important; margin-bottom: 16px; list-style: none !important; } [uib-tabset] .nav.nav-tabs > li, [uib-tabset] ul.nav-tabs > li, .candidate-modal-body .nav.nav-tabs > li, .candidate-modal-body ul.nav-tabs > li, .candidate-full-profile .nav.nav-tabs > li, .candidate-full-profile ul.nav-tabs > li { float: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; list-style: none !important; } [uib-tabset] .nav.nav-tabs > li > a, [uib-tabset] ul.nav-tabs > li > a, .candidate-modal-body .nav.nav-tabs > li > a, .candidate-modal-body ul.nav-tabs > li > a, .candidate-full-profile .nav.nav-tabs > li > a, .candidate-full-profile ul.nav-tabs > li > a { padding: 12px 0 !important; font-size: 14px !important; font-weight: 500 !important; color: #64748B !important; background: transparent !important; border: none !important; border-radius: 0 !important; text-transform: none !important; text-decoration: none !important; position: relative; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; transition: color 0.2s ease; } [uib-tabset] .nav.nav-tabs > li > a i, [uib-tabset] .nav.nav-tabs > li > a .fa, [uib-tabset] .nav.nav-tabs > li > a [class^=fa-], [uib-tabset] ul.nav-tabs > li > a i, [uib-tabset] ul.nav-tabs > li > a .fa, [uib-tabset] ul.nav-tabs > li > a [class^=fa-], .candidate-modal-body .nav.nav-tabs > li > a i, .candidate-modal-body .nav.nav-tabs > li > a .fa, .candidate-modal-body .nav.nav-tabs > li > a [class^=fa-], .candidate-modal-body ul.nav-tabs > li > a i, .candidate-modal-body ul.nav-tabs > li > a .fa, .candidate-modal-body ul.nav-tabs > li > a [class^=fa-], .candidate-full-profile .nav.nav-tabs > li > a i, .candidate-full-profile .nav.nav-tabs > li > a .fa, .candidate-full-profile .nav.nav-tabs > li > a [class^=fa-], .candidate-full-profile ul.nav-tabs > li > a i, .candidate-full-profile ul.nav-tabs > li > a .fa, .candidate-full-profile ul.nav-tabs > li > a [class^=fa-] { font-size: 14px; opacity: 0.7; transition: opacity 0.2s ease; } [uib-tabset] .nav.nav-tabs > li > a:hover, [uib-tabset] ul.nav-tabs > li > a:hover, .candidate-modal-body .nav.nav-tabs > li > a:hover, .candidate-modal-body ul.nav-tabs > li > a:hover, .candidate-full-profile .nav.nav-tabs > li > a:hover, .candidate-full-profile ul.nav-tabs > li > a:hover { color: #0F172A !important; background: transparent !important; } [uib-tabset] .nav.nav-tabs > li > a:hover i, [uib-tabset] .nav.nav-tabs > li > a:hover .fa, [uib-tabset] .nav.nav-tabs > li > a:hover [class^=fa-], [uib-tabset] ul.nav-tabs > li > a:hover i, [uib-tabset] ul.nav-tabs > li > a:hover .fa, [uib-tabset] ul.nav-tabs > li > a:hover [class^=fa-], .candidate-modal-body .nav.nav-tabs > li > a:hover i, .candidate-modal-body .nav.nav-tabs > li > a:hover .fa, .candidate-modal-body .nav.nav-tabs > li > a:hover [class^=fa-], .candidate-modal-body ul.nav-tabs > li > a:hover i, .candidate-modal-body ul.nav-tabs > li > a:hover .fa, .candidate-modal-body ul.nav-tabs > li > a:hover [class^=fa-], .candidate-full-profile .nav.nav-tabs > li > a:hover i, .candidate-full-profile .nav.nav-tabs > li > a:hover .fa, .candidate-full-profile .nav.nav-tabs > li > a:hover [class^=fa-], .candidate-full-profile ul.nav-tabs > li > a:hover i, .candidate-full-profile ul.nav-tabs > li > a:hover .fa, .candidate-full-profile ul.nav-tabs > li > a:hover [class^=fa-] { opacity: 1; } [uib-tabset] .nav.nav-tabs > li > a:focus, [uib-tabset] ul.nav-tabs > li > a:focus, .candidate-modal-body .nav.nav-tabs > li > a:focus, .candidate-modal-body ul.nav-tabs > li > a:focus, .candidate-full-profile .nav.nav-tabs > li > a:focus, .candidate-full-profile ul.nav-tabs > li > a:focus { outline: none !important; box-shadow: none !important; } [uib-tabset] .nav.nav-tabs > li.active > a, [uib-tabset] .nav.nav-tabs > li > a.active, [uib-tabset] ul.nav-tabs > li.active > a, [uib-tabset] ul.nav-tabs > li > a.active, .candidate-modal-body .nav.nav-tabs > li.active > a, .candidate-modal-body .nav.nav-tabs > li > a.active, .candidate-modal-body ul.nav-tabs > li.active > a, .candidate-modal-body ul.nav-tabs > li > a.active, .candidate-full-profile .nav.nav-tabs > li.active > a, .candidate-full-profile .nav.nav-tabs > li > a.active, .candidate-full-profile ul.nav-tabs > li.active > a, .candidate-full-profile ul.nav-tabs > li > a.active { color: #005aee !important; font-weight: 600 !important; background: transparent !important; } [uib-tabset] .nav.nav-tabs > li.active > a i, [uib-tabset] .nav.nav-tabs > li.active > a .fa, [uib-tabset] .nav.nav-tabs > li.active > a [class^=fa-], [uib-tabset] .nav.nav-tabs > li > a.active i, [uib-tabset] .nav.nav-tabs > li > a.active .fa, [uib-tabset] .nav.nav-tabs > li > a.active [class^=fa-], [uib-tabset] ul.nav-tabs > li.active > a i, [uib-tabset] ul.nav-tabs > li.active > a .fa, [uib-tabset] ul.nav-tabs > li.active > a [class^=fa-], [uib-tabset] ul.nav-tabs > li > a.active i, [uib-tabset] ul.nav-tabs > li > a.active .fa, [uib-tabset] ul.nav-tabs > li > a.active [class^=fa-], .candidate-modal-body .nav.nav-tabs > li.active > a i, .candidate-modal-body .nav.nav-tabs > li.active > a .fa, .candidate-modal-body .nav.nav-tabs > li.active > a [class^=fa-], .candidate-modal-body .nav.nav-tabs > li > a.active i, .candidate-modal-body .nav.nav-tabs > li > a.active .fa, .candidate-modal-body .nav.nav-tabs > li > a.active [class^=fa-], .candidate-modal-body ul.nav-tabs > li.active > a i, .candidate-modal-body ul.nav-tabs > li.active > a .fa, .candidate-modal-body ul.nav-tabs > li.active > a [class^=fa-], .candidate-modal-body ul.nav-tabs > li > a.active i, .candidate-modal-body ul.nav-tabs > li > a.active .fa, .candidate-modal-body ul.nav-tabs > li > a.active [class^=fa-], .candidate-full-profile .nav.nav-tabs > li.active > a i, .candidate-full-profile .nav.nav-tabs > li.active > a .fa, .candidate-full-profile .nav.nav-tabs > li.active > a [class^=fa-], .candidate-full-profile .nav.nav-tabs > li > a.active i, .candidate-full-profile .nav.nav-tabs > li > a.active .fa, .candidate-full-profile .nav.nav-tabs > li > a.active [class^=fa-], .candidate-full-profile ul.nav-tabs > li.active > a i, .candidate-full-profile ul.nav-tabs > li.active > a .fa, .candidate-full-profile ul.nav-tabs > li.active > a [class^=fa-], .candidate-full-profile ul.nav-tabs > li > a.active i, .candidate-full-profile ul.nav-tabs > li > a.active .fa, .candidate-full-profile ul.nav-tabs > li > a.active [class^=fa-] { opacity: 1; color: #005aee !important; } [uib-tabset] .nav.nav-tabs > li.active > a::after, [uib-tabset] .nav.nav-tabs > li > a.active::after, [uib-tabset] ul.nav-tabs > li.active > a::after, [uib-tabset] ul.nav-tabs > li > a.active::after, .candidate-modal-body .nav.nav-tabs > li.active > a::after, .candidate-modal-body .nav.nav-tabs > li > a.active::after, .candidate-modal-body ul.nav-tabs > li.active > a::after, .candidate-modal-body ul.nav-tabs > li > a.active::after, .candidate-full-profile .nav.nav-tabs > li.active > a::after, .candidate-full-profile .nav.nav-tabs > li > a.active::after, .candidate-full-profile ul.nav-tabs > li.active > a::after, .candidate-full-profile ul.nav-tabs > li > a.active::after { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: #005aee; border-radius: 2px 2px 0 0; } .candidate-modal-body .skill-tags, .candidate-modal-body .label-teal, .candidate-modal-body .skills .label, #summary.contact .skill-tags, #summary.contact .label-teal, #summary.contact .skills .label, .profile-bacground .skill-tags, .profile-bacground .label-teal, .profile-bacground .skills .label, .basic-information .skill-tags, .basic-information .label-teal, .basic-information .skills .label { display: inline-flex !important; align-items: center; gap: 4px; padding: 4px 10px !important; margin: 0 !important; border-radius: 4px !important; font-size: 12px !important; font-weight: 500 !important; text-transform: none !important; line-height: 1.3; max-width: none !important; background-color: #F0EDE8 !important; color: #44403C !important; border: 1px solid #E7E5E4 !important; } .candidate-modal-body .skill-tags.skill-match, .candidate-modal-body .skill-tags.match, .candidate-modal-body .label-teal.skill-match, .candidate-modal-body .label-teal.match, .candidate-modal-body .skills .label.skill-match, .candidate-modal-body .skills .label.match, #summary.contact .skill-tags.skill-match, #summary.contact .skill-tags.match, #summary.contact .label-teal.skill-match, #summary.contact .label-teal.match, #summary.contact .skills .label.skill-match, #summary.contact .skills .label.match, .profile-bacground .skill-tags.skill-match, .profile-bacground .skill-tags.match, .profile-bacground .label-teal.skill-match, .profile-bacground .label-teal.match, .profile-bacground .skills .label.skill-match, .profile-bacground .skills .label.match, .basic-information .skill-tags.skill-match, .basic-information .skill-tags.match, .basic-information .label-teal.skill-match, .basic-information .label-teal.match, .basic-information .skills .label.skill-match, .basic-information .skills .label.match { background-color: #F0EDE8 !important; color: #44403C !important; border-color: #005aee !important; font-weight: 600 !important; } .candidate-modal-body .skill-tags.bold, .candidate-modal-body .label-teal.bold, .candidate-modal-body .skills .label.bold, #summary.contact .skill-tags.bold, #summary.contact .label-teal.bold, #summary.contact .skills .label.bold, .profile-bacground .skill-tags.bold, .profile-bacground .label-teal.bold, .profile-bacground .skills .label.bold, .basic-information .skill-tags.bold, .basic-information .label-teal.bold, .basic-information .skills .label.bold { font-weight: 600 !important; } .candidate-modal-body .skill-tags .fa-check-circle, .candidate-modal-body .skill-tags .txt-green, .candidate-modal-body .label-teal .fa-check-circle, .candidate-modal-body .label-teal .txt-green, .candidate-modal-body .skills .label .fa-check-circle, .candidate-modal-body .skills .label .txt-green, #summary.contact .skill-tags .fa-check-circle, #summary.contact .skill-tags .txt-green, #summary.contact .label-teal .fa-check-circle, #summary.contact .label-teal .txt-green, #summary.contact .skills .label .fa-check-circle, #summary.contact .skills .label .txt-green, .profile-bacground .skill-tags .fa-check-circle, .profile-bacground .skill-tags .txt-green, .profile-bacground .label-teal .fa-check-circle, .profile-bacground .label-teal .txt-green, .profile-bacground .skills .label .fa-check-circle, .profile-bacground .skills .label .txt-green, .basic-information .skill-tags .fa-check-circle, .basic-information .skill-tags .txt-green, .basic-information .label-teal .fa-check-circle, .basic-information .label-teal .txt-green, .basic-information .skills .label .fa-check-circle, .basic-information .skills .label .txt-green { color: #005aee !important; } .candidate-modal-body .skills, #summary.contact .skills, .profile-bacground .skills, .basic-information .skills { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px 0; } .basic-information { padding-left: 0 !important; margin-left: 0 !important; } .candidate-profile.card .contact-details { font-size: 13px !important; line-height: 1.6; padding: 6px 0; } .candidate-profile.card .contact-details > span { display: inline-block; margin-right: 16px; margin-bottom: 4px; } .candidate-profile.card .contact-details > span i { margin-right: 5px; color: #64748B; width: 14px; } .candidate-profile.card .text-10 { font-size: 12px !important; line-height: 1.5; } .candidate-profile.card .basic-information .row.no-gutter { margin-bottom: 4px; } .candidate-profile.card .fa-graduation-cap, .candidate-profile.card .fa-briefcase { margin-right: 6px; } .label-teal { background-color: #F0EDE8 !important; color: #44403C !important; } .candidate-modal-body .label-orange, #summary.contact .label-orange { background: #FFFBEB !important; color: #B45309 !important; border: 1px solid #FEF3C7; padding: 4px 10px !important; border-radius: 6px !important; font-size: 11px !important; font-weight: 600 !important; } .candidate-modal-body .label-red, #summary.contact .label-red { background: #FEF2F2 !important; color: #B91C1C !important; border: 1px solid #FECACA; padding: 4px 10px !important; border-radius: 6px !important; font-size: 11px !important; font-weight: 600 !important; } .candidate-modal-body .label-purple, #summary.contact .label-purple { background: #F3E8FF !important; color: #7C3AED !important; border: 1px solid #E9D5FF; padding: 4px 10px !important; border-radius: 6px !important; font-size: 11px !important; font-weight: 600 !important; } .candidate-modal-body .label-blue, #summary.contact .label-blue { background: #EFF6FF !important; color: #1D4ED8 !important; border: 1px solid #DBEAFE; padding: 4px 10px !important; border-radius: 6px !important; font-size: 11px !important; font-weight: 600 !important; } .candidate-modal-body .label-green, .candidate-modal-body .label-teal, #summary.contact .label-green, #summary.contact .label-teal { background: #F0EDE8 !important; color: #44403C !important; border: 1px solid #E7E5E4; padding: 4px 10px !important; border-radius: 6px !important; font-size: 11px !important; font-weight: 600 !important; } .candidate-modal-body .label-yellow, #summary.contact .label-yellow { background: #FFFBEB !important; color: #92400E !important; border: 1px solid #FEF3C7; padding: 4px 10px !important; border-radius: 6px !important; font-size: 11px !important; font-weight: 600 !important; } .candidate-header { display: flex; align-items: center; gap: 16px; padding: 12px 20px; background-color: #1E293B; border-radius: 12px 12px 0 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: sticky; top: 0; z-index: 100; } .candidate-header__identity { display: flex; align-items: center; gap: 10px; min-width: 0; } .candidate-header__avatar { width: 36px; height: 36px; border-radius: 50%; flex-shrink: 0; overflow: hidden; } .candidate-header__avatar img { width: 100%; height: 100%; object-fit: cover; } .candidate-header__avatar--initials { display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.15); color: #F8FAFC; font-size: 13px; font-weight: 600; } .candidate-header__info { min-width: 0; } .candidate-header__name { font-size: 15px; font-weight: 600; color: #F8FAFC; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.3; } .candidate-header__name a { color: #60A5FA !important; margin-left: 4px; font-size: 13px; } .candidate-header__contact { display: flex; align-items: center; gap: 10px; font-size: 12px; color: #94A3B8; white-space: nowrap; line-height: 1.3; } .candidate-header__contact a { color: #94A3B8; text-decoration: none; } .candidate-header__contact a:hover { color: #F8FAFC; } .candidate-header__contact i { margin-right: 2px; font-size: 11px; } .candidate-header__meta { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; font-size: 13px; color: #94A3B8; } .candidate-header__counter { font-weight: 500; white-space: nowrap; } .candidate-header__separator { color: #475569; } .candidate-header__timestamp { display: inline-flex; align-items: center; gap: 5px; cursor: default; white-space: nowrap; } .candidate-header__timestamp i { font-size: 12px; } .candidate-header__position { display: inline-flex; align-items: center; gap: 5px; color: #94A3B8 !important; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px; } .candidate-header__position:hover { color: #F8FAFC !important; } .candidate-header__position i { flex-shrink: 0; } .candidate-header__seen-by { display: inline-flex; align-items: center; gap: 5px; margin-left: 8px; white-space: nowrap; } .candidate-header__seen-by i { font-size: 12px; } .candidate-header__quick-actions { display: flex; align-items: center; gap: 4px; } .candidate-header__icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; background: transparent; border: none; border-radius: 6px; color: #F1F5F9; cursor: pointer; transition: all 0.15s ease; } .candidate-header__icon-btn:hover { background: rgba(255, 255, 255, 0.1); color: #F8FAFC; } .candidate-header__icon-btn:focus { outline: none; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2); } .candidate-header__icon-btn--active { color: #F8FAFC; background: rgba(255, 255, 255, 0.15); } .candidate-header__icon-btn i { font-size: 15px; } .candidate-header__primary-actions { display: flex; align-items: center; gap: 8px; } .candidate-header__action-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 8px; color: #F8FAFC; cursor: pointer; transition: all 0.15s ease; } .candidate-header__action-btn:hover { background: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.3); } .candidate-header__action-btn:focus { outline: none; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2); } .candidate-header__action-btn i { font-size: 15px; } .candidate-header__phase-dropdown { position: relative; } .candidate-header__phase-btn { display: inline-flex; align-items: center; gap: 8px; min-width: 180px; padding: 8px 12px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 8px; color: #F8FAFC; font-size: 13px; font-weight: 500; text-align: left; cursor: pointer; transition: all 0.15s ease; } .candidate-header__phase-btn:hover { background: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.3); } .candidate-header__phase-btn:focus { outline: none; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2); } .candidate-header__phase-btn > i:first-child { flex-shrink: 0; } .candidate-header__phase-btn > span { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .candidate-header__phase-caret { flex-shrink: 0; font-size: 10px; opacity: 0.7; transition: transform 0.2s ease; } .open .candidate-header__phase-caret { transform: rotate(180deg); } .candidate-header__phase-menu { min-width: 200px; padding: 8px 0; background: #ffffff; border: 1px solid #E2E8F0; border-radius: 8px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); margin-top: 4px; } .candidate-header__phase-menu li { list-style: none; } .candidate-header__phase-menu li a { display: block; padding: 8px 16px; color: #0F172A; font-size: 13px; text-decoration: none; cursor: pointer; transition: background 0.15s ease; } .candidate-header__phase-menu li a:hover { background: #F8FAFC; } .candidate-header__phase-menu li.active a { background: #EFF6FF; color: #005aee; font-weight: 500; } .candidate-header__close-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; background: transparent; border: none; border-radius: 8px; color: rgba(255, 255, 255, 0.7); cursor: pointer; transition: all 0.15s ease; } .candidate-header__close-btn:hover { background: rgba(255, 255, 255, 0.1); color: #F8FAFC; } .candidate-header__close-btn:focus { outline: none; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2); } .candidate-header__close-btn i { font-size: 18px; } .candidate-header--toolbar { padding: 6px 16px; gap: 8px; justify-content: flex-start; border-radius: 12px 12px 0 0; } .candidate-header--toolbar .candidate-header__context { display: flex; align-items: center; gap: 16px; color: #E2E8F0; font-size: 13px; min-width: 0; } .candidate-header--toolbar .candidate-header__context i { opacity: 0.6; margin-right: 4px; } .candidate-header--toolbar .candidate-header__position-name { font-weight: 600; color: #F8FAFC; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 400px; } .candidate-header--toolbar .candidate-header__applied-date { color: #94A3B8; white-space: nowrap; font-size: 12px; } .candidate-header--toolbar .candidate-header__quick-actions { gap: 2px; margin-left: auto; } .candidate-header--toolbar .candidate-header__icon-btn { color: #F1F5F9; } .candidate-header--toolbar .candidate-header__icon-btn:hover { color: #F8FAFC; background: rgba(255, 255, 255, 0.15); } .candidate-header--toolbar .candidate-header__icon-btn--active { color: #F8FAFC; } .candidate-header--toolbar .candidate-header__phase-btn { color: #E2E8F0; } .candidate-header--toolbar .candidate-header__close-btn { color: #E2E8F0; } .candidate-header--toolbar .candidate-header__close-btn { margin-left: 4px; } .candidate-nav { background-color: #1E293B !important; border-radius: 12px 12px 0 0 !important; padding: 10px 16px !important; border: none !important; border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; position: sticky !important; top: 0 !important; z-index: 100; } .candidate-nav .txt-color-white, .candidate-nav a { color: #F8FAFC !important; } .candidate-nav [style*="color:#bbbbbb"], .candidate-nav .text-muted { color: #94A3B8 !important; } .candidate-nav .btn-link { color: #94A3B8 !important; padding: 6px 8px; border-radius: 6px; transition: all 0.2s ease; } .candidate-nav .btn-link:hover { color: #ffffff !important; background: rgba(255, 255, 255, 0.1); } .row.profile-menu { display: flex !important; flex-wrap: nowrap; align-items: center; gap: 8px; min-height: 38px !important; } .row.profile-menu > .pull-left, .row.profile-menu > .pull-right { float: none !important; } .row.profile-menu > .btn-group { margin-left: auto; } .row.profile-menu > * { min-height: 38px; display: flex; align-items: center; } .row.profile-menu > .col-md-4, .row.profile-menu > .col-md-8, .row.profile-menu > [class*=col-] { display: flex !important; align-items: center; min-height: 38px; } .candidate-nav .col-md-8 > .row { display: flex; align-items: center; min-height: 38px; } .candidate-nav .col-md-8 > .row .col-md-4 { display: flex; align-items: center; justify-content: flex-end; } .candidate-nav .col-md-8 > .row .col-md-4 .btn-link { min-width: 36px; min-height: 36px; display: inline-flex !important; align-items: center; justify-content: center; padding: 6px 8px !important; border-radius: 6px; } .candidate-nav .col-md-8 > .row .col-md-4 .btn-link i { font-size: 16px; } .candidate-nav .col-md-4 > .row.profile-menu { min-height: 38px; padding-top: 0 !important; } .candidate-profile-header-btn { background: rgba(255, 255, 255, 0.1) !important; color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; border-radius: 8px !important; padding: 8px 14px !important; font-size: 13px !important; font-weight: 500 !important; transition: all 0.2s ease !important; } .candidate-profile-header-btn:hover { background: rgba(255, 255, 255, 0.2) !important; border-color: rgba(255, 255, 255, 0.3) !important; } .candidate-profile-header-btn i { margin-right: 4px; } .candidate-profile-tabs-row { clear: both; position: relative; } .candidate-profile-header-edit-btn { position: absolute; right: 15px; top: 8px; z-index: 10; background: #005aee !important; color: #ffffff !important; border: none !important; border-radius: 8px !important; padding: 8px 16px !important; font-size: 13px !important; font-weight: 500 !important; text-transform: none !important; cursor: pointer; transition: all 0.2s ease !important; } .candidate-profile-header-edit-btn:hover { background: #004ac2 !important; } .candidate-profile-header-edit-btn i { margin-right: 6px; } #summary.contact:not(.contact-2027), .profile-bacground { background: linear-gradient(135deg, #1e3a5f 0%, #2d4a6f 50%, #1e3a5f 100%) !important; background-image: none !important; padding: 20px 24px !important; } #summary.contact:not(.contact-2027).rejected, .profile-bacground.rejected { border-left: 4px solid #B91C1C; } #summary.contact:not(.contact-2027).accepted, .profile-bacground.accepted { border-left: 4px solid #005aee; } #summary.contact:not(.contact-2027).maybe, .profile-bacground.maybe { border-left: 4px solid #B45309; } #summary.contact img.avatar-circle, .profile-bacground img.avatar-circle, .candidate-modal-body img.avatar-circle { border: 3px solid #ffffff !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } #summary.contact div.avatar-circle, .profile-bacground div.avatar-circle, .candidate-modal-body div.avatar-circle { background: #F8FAFC !important; color: #64748B !important; border: 1px solid #E2E8F0 !important; box-shadow: none !important; } .employee-nav { background: #ffffff !important; border-bottom: 1px solid #E2E8F0 !important; padding: 0 16px !important; } .employee-nav ul.list-inline { margin: 0; display: flex; gap: 24px; } .employee-nav ul.list-inline li { margin: 0 !important; } .employee-nav ul.list-inline li a { padding: 12px 0 !important; font-size: 13px !important; font-weight: 500 !important; color: #64748B !important; background: transparent !important; border: none !important; border-radius: 0 !important; text-transform: none !important; letter-spacing: normal; transition: color 0.2s ease; display: inline-flex; align-items: center; gap: 6px; position: relative; } .employee-nav ul.list-inline li a i { font-size: 14px; font-weight: 300 !important; } .employee-nav ul.list-inline li a:hover { color: #0F172A !important; background: transparent !important; } .employee-nav ul.list-inline li.employee-nav-active a { color: #005aee !important; background: transparent !important; font-weight: 600 !important; } .employee-nav ul.list-inline li.employee-nav-active a::after { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: #005aee; border-radius: 2px 2px 0 0; } .employee-nav ul.list-inline li.employee-nav-active a i { color: #005aee !important; font-weight: 400 !important; } .profile-status .row.no-gutter > label.btn, .profile-status label.btn.flat-btn { display: flex !important; align-items: center; justify-content: flex-start !important; gap: 10px; width: 100%; padding: 12px 16px !important; margin-top: 8px !important; margin-bottom: 0 !important; background: #ffffff !important; border: 1px solid #E2E8F0 !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 500 !important; color: #0F172A !important; text-align: left !important; text-transform: none !important; cursor: pointer; transition: all 0.15s ease !important; } .profile-status .row.no-gutter > label.btn i, .profile-status label.btn.flat-btn i { font-size: 16px; width: 20px; text-align: center; flex-shrink: 0; opacity: 0.8; } .profile-status .row.no-gutter > label.btn:hover, .profile-status label.btn.flat-btn:hover { background: #F8FAFC !important; border-color: #CBD5E1 !important; } .profile-status .row.no-gutter > label.btn:hover i, .profile-status label.btn.flat-btn:hover i { opacity: 1; } .profile-status .row.no-gutter > label.btn.active, .profile-status label.btn.flat-btn.active { background: #EFF6FF !important; border-color: #005aee !important; color: #005aee !important; } .profile-status .row.no-gutter > label.btn.active i, .profile-status label.btn.flat-btn.active i { color: #005aee !important; opacity: 1; } .profile-status .row.no-gutter > label.btn:focus, .profile-status label.btn.flat-btn:focus { outline: none; box-shadow: 0 0 0 2px rgba(0, 90, 238, 0.2); } .profile-status .row.no-gutter:first-child > label.btn { margin-top: 0 !important; } .card-body > .label.text-uppercase { display: block; font-size: 11px !important; font-weight: 600 !important; color: #64748B !important; text-transform: uppercase !important; letter-spacing: 0.5px; margin-bottom: 12px; padding: 0; background: transparent !important; } .candidate-modal-body section.card { background: #ffffff; border: none; border-radius: 0; box-shadow: none; margin-bottom: 0; } .candidate-modal-body section.card .card-body { padding: 20px 24px; font-size: 14px; color: #0F172A; } .candidate-modal-body section.card .card-body .form-control { border: 1px solid #E2E8F0; border-radius: 8px; padding: 10px 14px; font-size: 14px; color: #0F172A; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .candidate-modal-body section.card .card-body .form-control:focus { border-color: #005aee; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1); outline: none; } .document-upload-dropzone { position: relative; background: transparent; border: 2px dashed #E2E8F0; border-radius: 8px; min-height: 80px; display: flex; align-items: center; justify-content: center; transition: border-color 0.2s ease; cursor: pointer; margin-bottom: 16px; } .document-upload-dropzone:hover { border-color: #005aee; } .document-upload-dropzone:hover .document-upload-content i { color: #005aee; } .document-upload-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 10; } .document-upload-content { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 12px; padding: 16px 24px; pointer-events: none; } .document-upload-content i { font-size: 24px; color: #64748B; transition: color 0.2s ease; } .document-upload-text { display: flex; flex-direction: column; gap: 4px; } .document-upload-text span:first-child { font-size: 15px; font-weight: 500; color: #0F172A; } .document-upload-card { background: transparent; border: 1px solid #E2E8F0; border-radius: 8px; margin-bottom: 16px; } .document-upload-card-header { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid #E2E8F0; } .document-file-info { display: flex; align-items: center; gap: 12px; } .document-file-name { display: flex; flex-direction: column; gap: 2px; } .document-upload-card-body { padding: 12px 16px; } .document-upload-card-body .row { margin: 0 -8px; } .document-upload-card-body .row > [class*=col-] { padding: 0 8px; } .document-form-label { display: block; font-size: 12px; font-weight: 500; color: #64748B; margin-bottom: 4px; } .document-upload-card-footer { display: flex; justify-content: flex-end; padding: 12px 16px; border-top: 1px solid #E2E8F0; } .document-upload-card-footer .btn-primary { background: #005aee; border-color: #005aee; border-radius: 6px; padding: 8px 16px; font-size: 13px; font-weight: 500; } .document-upload-card-footer .btn-primary:hover { background: #004ac2; border-color: #004ac2; } .document-upload-card-footer .btn-primary i { margin-right: 5px; } .reject-dropdown { position: relative; display: inline-block; width: 100%; } .reject-dropdown__toggle { width: 100%; min-width: 200px; min-height: 38px; padding: 8px 16px; font-size: 13px !important; font-weight: 600; line-height: 1.4; cursor: pointer; transition: all 0.2s ease; background: rgba(254, 202, 202, 0.15) !important; } .reject-dropdown__toggle .fa-thumbs-down { color: #B91C1C !important; } .reject-dropdown__toggle:hover { background: rgba(254, 202, 202, 0.3) !important; } .reject-dropdown__toggle.btn-danger { background: #FEF2F2 !important; color: #B91C1C !important; border-color: #FECACA !important; } .reject-dropdown__toggle.btn-danger i { color: #B91C1C; } .reject-dropdown__toggle.btn-danger:hover { background: #fde4e4 !important; } .reject-dropdown__toggle .badge { background: #B91C1C; color: #ffffff; font-size: 10px; padding: 2px 6px; border-radius: 10px; font-weight: 600; } .reject-dropdown__toggle .fa-chevron-down { opacity: 0.6; transition: transform 0.2s ease; } .reject-dropdown.open .reject-dropdown__toggle .fa-chevron-down { transform: rotate(180deg); } .reject-dropdown__menu { min-width: 280px; max-width: 350px; max-height: calc(100vh - 160px); overflow-y: auto; padding: 8px 0; background: #ffffff; border: 1px solid #E2E8F0; border-radius: 8px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); margin-top: 4px; z-index: 1050 !important; } .reject-dropdown__menu.dropdown-menu-right { right: 0 !important; left: auto !important; } .reject-dropdown__menu::before, .reject-dropdown__menu::after { display: none !important; } .reject-dropdown__header { padding: 8px 16px 6px; font-size: 11px; font-weight: 600; color: #64748B; text-transform: uppercase; letter-spacing: 0.5px; background: #F5F5F5; border-bottom: 1px solid #E2E8F0; list-style: none; } .reject-dropdown__header i { margin-right: 6px; color: #B91C1C; } .reject-dropdown__header--candidate { margin-top: 4px; border-top: 1px solid #E2E8F0; } .reject-dropdown__header--candidate i { color: #C2410C; } .reject-dropdown__item { list-style: none; margin: 0; padding: 0; } .reject-dropdown__item--candidate .reject-dropdown__link--selected { background: #FFF7ED; } .reject-dropdown__item--candidate .reject-dropdown__link--selected:hover { background: #fff0de; } .reject-dropdown__item--clear .reject-dropdown__link { color: #64748B; font-size: 12px; } .reject-dropdown__item--clear .reject-dropdown__link:hover { color: #B91C1C; } .reject-dropdown__link { display: flex; align-items: center; gap: 8px; padding: 10px 16px; color: #0F172A; font-size: 14px; font-weight: 400; cursor: pointer; transition: background 0.15s ease; text-decoration: none !important; } .reject-dropdown__link:hover { background: #F5F5F5; } .reject-dropdown__link .fa-square, .reject-dropdown__link .fa-square-check { font-size: 16px; width: 18px; flex-shrink: 0; } .reject-dropdown__link .fa-square.ng-enter, .reject-dropdown__link .fa-square.ng-leave, .reject-dropdown__link .fa-square.ng-animate, .reject-dropdown__link .fa-square-check.ng-enter, .reject-dropdown__link .fa-square-check.ng-leave, .reject-dropdown__link .fa-square-check.ng-animate { transition: none !important; animation: none !important; } .reject-dropdown__link .fa-square.ng-leave, .reject-dropdown__link .fa-square-check.ng-leave { display: none !important; } .reject-dropdown__link .fa-square { color: #64748B; } .reject-dropdown__link .fa-square-check { color: #B91C1C; } .reject-dropdown__link--selected { background: #FEF2F2; font-weight: 500; } .reject-dropdown__link--selected:hover { background: #fde9e9; } .reject-dropdown .divider { height: 1px; margin: 8px 0; background: #E2E8F0; border: none; padding: 0; } .actions-widgets section.animate-if > .row { margin-bottom: 8px; } .actions-widgets section.animate-if > .row > .col-xs-12.col-md-12 { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; } .actions-widgets section.animate-if > .row > .col-xs-12.col-md-12 > .col-md-4, .actions-widgets section.animate-if > .row > .col-xs-12.col-md-12 > .col { flex: 1 1 auto; min-width: 100px; max-width: calc(33.33% - 6px); padding: 0; } @media (max-width: 767px) { .actions-widgets section.animate-if > .row > .col-xs-12.col-md-12 > .col-md-4, .actions-widgets section.animate-if > .row > .col-xs-12.col-md-12 > .col { max-width: 100%; margin-bottom: 0; } } @media (max-width: 767px) { .actions-widgets .card-body .row > .col-xs-12.col-md-12 > .col-md-4 { margin-bottom: 8px; } } .reject-reasons-tags { margin-top: 12px; padding-top: 4px; } .reject-reasons-tags__list { display: flex; flex-wrap: wrap; gap: 8px; } .reject-reasons-tags__tag { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; background: #FEF2F2; color: #B91C1C; border: 1px solid #FECACA; border-radius: 6px; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.15s ease; } .reject-reasons-tags__tag .fa-thumbs-down, .reject-reasons-tags__tag .fa-handshake-simple-slash { font-size: 11px; opacity: 0.8; } .reject-reasons-tags__tag .reject-reasons-tags__remove { margin-left: 2px; opacity: 0.5; font-size: 10px; transition: opacity 0.15s ease; } .reject-reasons-tags__tag:hover { background: #fcdada; border-color: #fd9898; } .reject-reasons-tags__tag:hover .reject-reasons-tags__remove { opacity: 1; } .reject-reasons-tags__tag--candidate { background: #FFF7ED; color: #C2410C; border-color: #FED7AA; } .reject-reasons-tags__tag--candidate:hover { background: #ffecd4; } .actions-widgets:has(.btn.active, .reject-dropdown--active) .btn.candidate-approved:not(.active), .actions-widgets:has(.btn.active, .reject-dropdown--active) .btn.preliminary-status-maybe:not(.active), .actions-widgets:has(.btn.active, .reject-dropdown--active) .btn.candidate-rejected:not(.active), .actions-widgets:has(.btn.active, .reject-dropdown--active) .reject-dropdown:not(.reject-dropdown--active) .reject-dropdown__toggle { border-color: #E2E8F0 !important; background: #FFFFFF !important; color: #64748B !important; opacity: 0.55; transition: opacity 0.15s ease, background 0.15s ease, border-color 0.15s ease; } .actions-widgets:has(.btn.active, .reject-dropdown--active) .btn.candidate-approved:not(.active) i, .actions-widgets:has(.btn.active, .reject-dropdown--active) .btn.preliminary-status-maybe:not(.active) i, .actions-widgets:has(.btn.active, .reject-dropdown--active) .btn.candidate-rejected:not(.active) i, .actions-widgets:has(.btn.active, .reject-dropdown--active) .reject-dropdown:not(.reject-dropdown--active) .reject-dropdown__toggle i { color: inherit !important; } .actions-widgets:has(.btn.active, .reject-dropdown--active) .btn.candidate-approved:not(.active):hover, .actions-widgets:has(.btn.active, .reject-dropdown--active) .btn.preliminary-status-maybe:not(.active):hover, .actions-widgets:has(.btn.active, .reject-dropdown--active) .btn.candidate-rejected:not(.active):hover, .actions-widgets:has(.btn.active, .reject-dropdown--active) .reject-dropdown:not(.reject-dropdown--active) .reject-dropdown__toggle:hover { opacity: 1; } .candidate-modal-body > .col.col-md-12 > .row > .col.no-float.col-md-4 { min-width: 460px !important; max-width: 500px !important; } .employee-nav { min-width: 100%; margin-bottom: 16px !important; } .actions-widgets section.animate-if .margin-bottom-10 > .row.smart-form > .col.col-md-12 { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; } .actions-widgets section.animate-if .margin-bottom-10 > .row.smart-form > .col.col-md-12 > .btn.pull-left, .actions-widgets section.animate-if .margin-bottom-10 > .row.smart-form > .col.col-md-12 > .col-md-8, .actions-widgets section.animate-if .margin-bottom-10 > .row.smart-form > .col.col-md-12 > .btn.pull-right { float: none !important; display: inline-flex; vertical-align: middle; } .actions-widgets section.animate-if .margin-bottom-10 > .row.smart-form > .col.col-md-12 > label.input { flex: 0 0 100%; margin-bottom: 8px; } .actions-widgets section.animate-if .margin-bottom-10 > .row.smart-form > .col.col-md-12 > .btn.btn-default.pull-left { flex: 0 0 auto; margin: 0 !important; } .actions-widgets section.animate-if .margin-bottom-10 > .row.smart-form > .col.col-md-12 > .col-md-8 { flex: 1 1 auto; margin: 0 !important; padding: 0 !important; max-width: none; } .actions-widgets section.animate-if .margin-bottom-10 > .row.smart-form > .col.col-md-12 > .col-md-8 > label.select { margin: 0; width: 100%; max-width: 250px; } .actions-widgets section.animate-if .margin-bottom-10 > .row.smart-form > .col.col-md-12 > .btn.btn-primary.pull-right { flex: 0 0 auto; margin: 0 !important; margin-left: auto !important; } .actions-widgets section.animate-if small.text-muted { font-size: 11px; color: #64748B; margin-bottom: 4px; } .oa-ai-assistant { font-size: 12px !important; padding: 5px 12px !important; } .candidate-modal-body .tab-content, .candidate-full-profile .tab-content { padding-top: 8px !important; } .candidate-modal-body a.font-xs, .candidate-modal-body .font-xs a { font-size: 12px !important; line-height: 1.4; } .assessment-box { min-height: 36px; padding: 8px 12px !important; font-size: 13px !important; } .assessment-box.pointer { display: flex; align-items: center; } .reject-dropdown { min-width: 200px !important; width: auto !important; } .col-md-4 > .reject-dropdown { width: 100%; } .profile-tabs-placeholder profile-cv .card, .profile-tabs-placeholder [profile-cv] .card { border: 1px solid #E2E8F0; border-radius: 8px; overflow: hidden; } .profile-tabs-placeholder profile-cv .card .card-body, .profile-tabs-placeholder [profile-cv] .card .card-body { padding: 16px 20px; font-size: 14px; line-height: 1.5; } .profile-tabs-placeholder profile-cv .card .card-body .attached-file, .profile-tabs-placeholder profile-cv .card .card-body [ng-if*=attachedFile], .profile-tabs-placeholder profile-cv .card .card-body .margin-bottom-10:has(i.fa-file), .profile-tabs-placeholder [profile-cv] .card .card-body .attached-file, .profile-tabs-placeholder [profile-cv] .card .card-body [ng-if*=attachedFile], .profile-tabs-placeholder [profile-cv] .card .card-body .margin-bottom-10:has(i.fa-file) { display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: #F8FAFC; border-radius: 6px; margin-bottom: 12px; } .profile-tabs-placeholder > .row.no-gutter > .col.col-xs-6 { width: 100% !important; float: none; } .profile-tabs-placeholder > .row.no-gutter > .col.col-xs-6 > .row.no-gutter.text-align-right { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px; } .candidate-modal-body .profile-tabs-placeholder button.close { position: relative !important; top: auto !important; right: auto !important; margin-left: 20px; padding: 4px 8px; } .candidate-modal-body .profile-tabs-placeholder button.close span { font-size: 18px; color: #64748B; } .candidate-modal-body .profile-tabs-placeholder button.close span:hover { color: #0F172A; } #summary .label.label-teal, #summary .label-teal.skill-tags { text-transform: none !important; font-size: 12px; font-weight: 500; padding: 6px 12px; line-height: 1.4; white-space: normal; max-width: 280px; word-wrap: break-word; } .candidate-nav .col-md-4 > .row.profile-menu .close-profile { order: 100 !important; margin-left: auto !important; padding: 6px 12px; cursor: pointer; display: flex; align-items: center; } .candidate-nav .col-md-4 > .row.profile-menu .close-profile:hover { background: rgba(255, 255, 255, 0.1); border-radius: 6px; } .candidate-nav .col-md-4 > .row.profile-menu .close-profile span { color: rgba(255, 255, 255, 0.9); font-size: 24px; line-height: 1; } .candidate-nav .col-md-4 > .row.profile-menu .close-profile span:hover { color: #ffffff; } .candidate-nav .col-md-4 > .row.profile-menu > .btn-group { order: 50; margin-left: auto; } .profile-tabs-placeholder { padding: 8px 12px 12px 12px !important; } .profile-tabs-placeholder > .row.no-gutter.margin-bottom-10 { margin-bottom: 4px !important; } .profile-tabs-placeholder .row.no-gutter { margin-bottom: 8px; } .profile-tabs-placeholder .row.no-gutter:last-child { margin-bottom: 0; } ul.list-inline.inline-block > li > a.pointer.bold { font-size: 13px !important; line-height: 1.5; padding: 8px 12px !important; min-height: 32px; display: inline-flex; align-items: center; border-radius: 6px; transition: background-color 0.2s ease; } ul.list-inline.inline-block > li > a.pointer.bold:hover { background-color: rgba(0, 90, 238, 0.08); } ul.list-inline.inline-block > li > a.pointer.bold i { margin-right: 6px; font-size: 14px; } .profile-tabs-placeholder .row.no-gutter button.close { display: none !important; } .profile-tabs-placeholder .card, .candidate-modal-body .card { border-radius: 8px; border: 1px solid #E2E8F0; overflow: hidden; } .profile-tabs-placeholder .card .card-body, .candidate-modal-body .card .card-body { padding: 12px 16px !important; background: #F8FAFC; font-size: 13px; line-height: 1.5; color: #0F172A; } .profile-tabs-placeholder .card .card-body .text-muted, .profile-tabs-placeholder .card .card-body [class*=time], .profile-tabs-placeholder .card .card-body small, .candidate-modal-body .card .card-body .text-muted, .candidate-modal-body .card .card-body [class*=time], .candidate-modal-body .card .card-body small { font-size: 12px; color: #64748B; } .profile-tabs-placeholder .card .card-body a, .candidate-modal-body .card .card-body a { color: #005aee; font-weight: 500; } .communication-control .row.modal-body, candidate-communication-control .row.modal-body { padding: 16px !important; background: #ffffff; border-radius: 8px; } .communication-control .row.modal-body .form-group, candidate-communication-control .row.modal-body .form-group { margin-bottom: 12px; } .communication-control .row.modal-body .form-group label, candidate-communication-control .row.modal-body .form-group label { font-size: 12px; font-weight: 600; color: #64748B; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px; } .communication-control .row.modal-body .form-group input, .communication-control .row.modal-body .form-group textarea, candidate-communication-control .row.modal-body .form-group input, candidate-communication-control .row.modal-body .form-group textarea { border: 1px solid #E2E8F0; border-radius: 6px; padding: 8px 12px; font-size: 14px; } .communication-control .row.modal-body .form-group input:focus, .communication-control .row.modal-body .form-group textarea:focus, candidate-communication-control .row.modal-body .form-group input:focus, candidate-communication-control .row.modal-body .form-group textarea:focus { border-color: #005aee; box-shadow: 0 0 0 2px rgba(0, 90, 238, 0.1); } .communication-control .cke, candidate-communication-control .cke { border-radius: 6px !important; overflow: hidden; } profile-cv .card, [profile-cv] .card { margin-bottom: 16px !important; border-radius: 8px; border: 1px solid #E2E8F0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); } profile-cv .card .card-body, [profile-cv] .card .card-body { padding: 12px 16px; display: flex; align-items: center; gap: 12px; } profile-cv .card .card-body i, [profile-cv] .card .card-body i { font-size: 20px; color: #005aee; } profile-cv .card .card-body a, [profile-cv] .card .card-body a { color: #005aee; font-weight: 500; text-decoration: none; } profile-cv .card .card-body a:hover, [profile-cv] .card .card-body a:hover { text-decoration: underline; } .candidate-profile-nav-bar .nav-tabs li, .candidate-modal-body .nav-tabs li { cursor: pointer; } .candidate-profile-nav-bar .nav-tabs li a, .candidate-modal-body .nav-tabs li a { cursor: pointer !important; } .reject-dropdown label.btn { overflow: visible !important; text-overflow: clip !important; white-space: nowrap; min-width: 200px; justify-content: center; } .profile-tabs-placeholder { padding: 4px 8px 8px 8px !important; } #assessment-results .card { border-radius: 8px; border: 1px solid #E2E8F0; overflow: hidden; } #assessment-results .card .card-body { padding: 12px 16px !important; } #assessment-results .card .card-body h4, #assessment-results .card .card-body h5, #assessment-results .card .card-body .bold { font-size: 14px; font-weight: 600; color: #0F172A; margin-bottom: 8px; } #assessment-results .card .card-body .text-muted, #assessment-results .card .card-body small, #assessment-results .card .card-body [class*=time] { font-size: 12px; color: #64748B; } #assessment-results .card .card-body .card { margin-bottom: 12px; border: 1px solid rgba(226, 232, 240, 0.5); } .candidate-header__phase-dropdown.open > .candidate-header__phase-menu:not(#_) { display: block !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; background: #ffffff !important; border: 1px solid #E5E7EB !important; border-radius: 8px !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important; } .profile-tabs-placeholder profile-results > div.text-muted, .profile-tabs-placeholder [profile-results] > div.text-muted { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 48px 24px !important; text-align: center !important; min-height: auto; } .profile-tabs-placeholder profile-results > div.text-muted > p:first-child, .profile-tabs-placeholder [profile-results] > div.text-muted > p:first-child { height: auto !important; margin: 0 0 20px 0 !important; padding: 0 !important; } .profile-tabs-placeholder profile-results > div.text-muted > p:first-child img, .profile-tabs-placeholder [profile-results] > div.text-muted > p:first-child img { max-height: 120px !important; max-width: 180px; opacity: 0.7; } .profile-tabs-placeholder profile-results > div.text-muted h3, .profile-tabs-placeholder [profile-results] > div.text-muted h3 { font-size: 17px !important; font-weight: 600 !important; color: #0F172A !important; margin: 0 0 10px 0 !important; } .profile-tabs-placeholder profile-results > div.text-muted > p:last-child, .profile-tabs-placeholder [profile-results] > div.text-muted > p:last-child { font-size: 13px !important; color: #64748B !important; padding: 0 !important; margin: 0 !important; max-width: 400px; line-height: 1.6; } .profile-tabs-placeholder .empty-state { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 48px 24px; text-align: center; } .profile-tabs-placeholder .empty-state__icon { font-size: 40px; color: #64748B; margin-bottom: 16px; opacity: 0.4; } .profile-tabs-placeholder .empty-state__title { font-size: 17px; font-weight: 600; color: #0F172A; margin: 0 0 10px 0; } .profile-tabs-placeholder .empty-state__description { font-size: 13px; color: #64748B; margin: 0; max-width: 440px; line-height: 1.6; } .profile-tabs-placeholder .full-height { margin-top: 0 !important; padding-top: 0 !important; display: block !important; } .profile-tabs-placeholder .card1 { border: 1px solid #E2E8F0; border-radius: 10px; overflow: hidden; } .profile-tabs-placeholder .card1 > .card-body { padding: 16px 20px !important; background: #ffffff; } .profile-tabs-placeholder .card1 > .card-body > .row > label.label { font-size: 11px !important; font-weight: 600; color: #64748B !important; text-transform: uppercase; letter-spacing: 0.5px; padding-bottom: 8px !important; background: transparent !important; } .profile-tabs-placeholder .card1 > .card-body .card { border: 1px solid #E2E8F0; border-radius: 8px; margin-bottom: 10px !important; transition: box-shadow 0.15s ease; } .profile-tabs-placeholder .card1 > .card-body .card:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } .profile-tabs-placeholder .card1 > .card-body .card .card-body { padding: 12px 16px !important; background: #ffffff !important; } .profile-tabs-placeholder .card1 > .card-body .card .card-body .bold.color-oa { font-size: 13px !important; font-weight: 600; color: #0F172A !important; } .profile-tabs-placeholder .card1 > .card-body .card .card-body .text-muted { font-size: 12px; color: #64748B; } .profile-tabs-placeholder .card1 > .card-body .card .card-body .phase-label { border-radius: 20px !important; font-size: 11px !important; font-weight: 500 !important; padding: 4px 14px !important; letter-spacing: 0.3px; min-width: 100px; text-align: center; } .profile-tabs-placeholder .card1 > .card-body .card .card-body div[ng-if="w.city"] { font-size: 12px; color: #64748B; } .profile-tabs-placeholder profile-documents .table.table-bordered, .profile-tabs-placeholder [profile-documents] .table.table-bordered { border-collapse: separate !important; border-spacing: 0 !important; border: 1px solid #E2E8F0 !important; border-radius: 8px !important; overflow: hidden; } .profile-tabs-placeholder profile-documents .table.table-bordered > tbody > tr, .profile-tabs-placeholder [profile-documents] .table.table-bordered > tbody > tr { background: #ffffff !important; } .profile-tabs-placeholder profile-documents .table.table-bordered thead th, .profile-tabs-placeholder [profile-documents] .table.table-bordered thead th { background: #F8FAFC !important; color: #64748B !important; font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase; letter-spacing: 0.5px; padding: 10px 16px !important; border-bottom: 1px solid #E2E8F0 !important; border-right: none !important; border-left: none !important; border-top: none !important; } .profile-tabs-placeholder profile-documents .table.table-bordered tbody td, .profile-tabs-placeholder [profile-documents] .table.table-bordered tbody td { padding: 10px 16px !important; font-size: 13px; color: #0F172A; border-color: rgba(226, 232, 240, 0.5) !important; border-right: none !important; border-left: none !important; vertical-align: middle !important; } .profile-tabs-placeholder profile-documents .table.table-bordered tbody td a, .profile-tabs-placeholder [profile-documents] .table.table-bordered tbody td a { color: #005aee; font-weight: 500; text-decoration: none; } .profile-tabs-placeholder profile-documents .table.table-bordered tbody td a:hover, .profile-tabs-placeholder [profile-documents] .table.table-bordered tbody td a:hover { color: #004ac2; } .profile-tabs-placeholder profile-documents .table.table-bordered tbody td .text-muted, .profile-tabs-placeholder [profile-documents] .table.table-bordered tbody td .text-muted { font-size: 11px; color: #64748B; } .profile-tabs-placeholder profile-documents .table.table-bordered tbody tr:last-child td, .profile-tabs-placeholder [profile-documents] .table.table-bordered tbody tr:last-child td { border-bottom: none !important; } .profile-tabs-placeholder profile-documents .table.table-bordered tbody tr:hover td, .profile-tabs-placeholder [profile-documents] .table.table-bordered tbody tr:hover td { background: #F8FAFC !important; } .profile-tabs-placeholder { min-height: 200px !important; } .candidate-header--toolbar { background-color: #FFFFFF !important; border-bottom: 1px solid #E2E8F0 !important; } .candidate-header--toolbar .candidate-header__context { color: #44403C; } .candidate-header--toolbar .candidate-header__context i { opacity: 0.5; color: #78716C; } .candidate-header--toolbar .candidate-header__position-name { color: #0F172A !important; } .candidate-header--toolbar .candidate-header__applied-date { color: #64748B !important; } .candidate-header--toolbar .candidate-header__icon-btn { color: #64748B !important; } .candidate-header--toolbar .candidate-header__icon-btn:hover { color: #0F172A !important; background: #F8FAFC !important; } .candidate-header--toolbar .candidate-header__phase-btn { background: #F8FAFC !important; color: #0F172A !important; border: 1px solid #E2E8F0 !important; } .candidate-header--toolbar .candidate-header__phase-btn:hover { background: #f0f2f5 !important; } .candidate-header--toolbar .candidate-header__close-btn { color: #64748B !important; } .candidate-header--toolbar .candidate-header__close-btn:hover { color: #0F172A !important; background: #F8FAFC !important; } .contact-2027__right-context .contact-2027__context-item:has(.fa-briefcase), .contact-2027__right-context .contact-2027__context-item:has(.fa-clock) { display: none; } .textLayer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; opacity: 0.2; line-height: 1; } .textLayer > div { color: transparent; position: absolute; white-space: pre; cursor: text; transform-origin: 0 0; } .explain-fit .ai-label { font-size: 14px !important; font-weight: 600; } .explain-fit .font-sm { font-size: var(--oa-text-body, 13.5px) !important; } .explain-fit .para-gap { display: block; margin-top: 10px; } .explain-fit .fit-boxes-row { display: flex; align-items: stretch; } .explain-fit .fit-boxes-row > .col { float: none; } .explain-fit .fit-box { height: 100%; border-radius: 10px; padding: 12px 16px; border: 1px solid var(--oa-border-color, #E5E7EB); background: var(--oa-bg-white, #F9FAFB); } .explain-fit .fit-box-title { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; margin-bottom: 8px; } .explain-fit .fit-box-title i { margin-right: 4px; } .explain-fit .fit-box-pro { background: #F0FDF4; border-color: #DCFCE7; } .explain-fit .fit-box-pro .fit-box-title { color: #166534; } .explain-fit .fit-box-con { background: #FFFBEB; border-color: #FEF3C7; } .explain-fit .fit-box-con .fit-box-title { color: #B45309; } .explain-fit .fit-box .fit-tag-pro, .explain-fit .fit-box .fit-tag-con { font-size: 13px; padding: 3px 0; } .candidate-full-profile .explain-fit { background: var(--oa-bg-white, #FFFFFF); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-lg, 12px); box-shadow: var(--oa-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05)); padding: var(--oa-space-lg, 16px) 20px; } .candidate-full-profile .explain-fit .ai-label { display: flex; align-items: center; flex-wrap: wrap; gap: var(--oa-space-sm, 8px); font-size: var(--oa-text-h3, 14px) !important; font-weight: 600; line-height: var(--oa-text-h3-leading, 1.4); color: var(--oa-text-main, #1F2937); padding-bottom: var(--oa-space-sm, 8px) !important; } .candidate-full-profile .explain-fit .ai-label > i:first-child { color: var(--oa-brand-primary, #005aee); font-size: 16px; } .candidate-full-profile .explain-fit .ai-label .oa-ai-assistant { margin-left: auto; } .candidate-full-profile .explain-fit .fit-box { border-radius: var(--oa-radius-md, 8px); padding: var(--oa-space-md, 12px) var(--oa-space-lg, 16px); } .candidate-full-profile .explain-fit .fit-box-title { font-size: var(--oa-text-label, 12px); text-transform: none; letter-spacing: 0; } .candidate-full-profile .explain-fit .fit-box .fit-tag-pro, .candidate-full-profile .explain-fit .fit-box .fit-tag-con { font-size: var(--oa-text-body, 13.5px); line-height: var(--oa-text-body-leading, 1.5); } .candidate-full-profile .explain-fit .font-sm { line-height: var(--oa-text-body-leading, 1.5); color: var(--oa-text-main, #1F2937); } .candidate-full-profile .explain-fit .font-xs { font-size: var(--oa-text-caption, 11px) !important; color: var(--oa-text-muted, #4B5563); } .candidate-full-profile .position-fit-badge.e-tag { display: inline-flex !important; align-items: center !important; gap: 6px !important; height: auto !important; line-height: 1.5 !important; padding: 3px 10px !important; min-width: auto !important; margin: 0 10px 0 0 !important; font-family: var(--oa-font-family); font-size: var(--oa-text-label, 12px) !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; border-radius: var(--oa-radius-full, 9999px) !important; } .candidate-full-profile .position-fit-badge.e-tag .fit-icon { margin-top: 0 !important; font-size: var(--oa-text-label, 12px) !important; color: inherit !important; } .candidate-full-profile .position-fit-badge.e-tag:not([class*=candidate_position_fit_]) { background-color: var(--oa-bg-base, #F5F5F7); border: 1px solid var(--oa-border-color, #E5E7EB); color: var(--oa-text-main, #1F2937); } @media (max-width: 480px) { .candidate-full-profile .explain-fit { padding: var(--oa-space-md, 12px); } .candidate-full-profile .explain-fit .fit-boxes-row { flex-direction: column; gap: var(--oa-space-sm, 8px); } .candidate-full-profile .explain-fit .fit-boxes-row > .col { width: 100%; } } body.profile-standalone-mode { margin: 0; padding: 0; background: #F5F5F7; overflow: visible !important; } body.profile-standalone-mode #main { margin-left: 0 !important; padding-top: 0 !important; } body.profile-standalone-mode .close-profile, body.profile-standalone-mode .candidate-header__close-btn { display: none !important; } .standalone-header { display: flex; align-items: center; gap: 16px; padding: 0 24px; height: 56px; background: #F7F5F2; border-bottom: 1px solid #E5E7EB; position: sticky; top: 0; z-index: 1035; } .standalone-header__left { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; } .standalone-header__back { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; color: #4B5563; text-decoration: none; transition: all 0.15s; flex-shrink: 0; } .standalone-header__back:hover { background: #F5F5F7; color: #1F2937; } .standalone-header__back i { font-size: 16px; } .standalone-header__identity { display: flex; align-items: center; gap: 10px; min-width: 0; } .standalone-header__avatar { width: 40px; height: 40px; border-radius: 50%; flex-shrink: 0; overflow: hidden; } .standalone-header__avatar img { width: 100%; height: 100%; object-fit: cover; } .standalone-header__avatar--initials { display: flex; align-items: center; justify-content: center; background: #EFF6FF; color: #1D4ED8; font-size: 13px; font-weight: 600; } .standalone-header__info { min-width: 0; } .standalone-header__name { font-size: 18px; font-weight: 600; color: #1F2937; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; } .standalone-header__age { font-weight: 400; color: #6B7280; font-size: 15px; } .standalone-header__linkedin { color: #0A66C2 !important; margin-left: 4px; font-size: 14px; } .standalone-header__meta { display: flex; align-items: center; gap: 12px; font-size: 12px; color: #6B7280; white-space: nowrap; line-height: 1.3; } .standalone-header__meta a { color: #6B7280; text-decoration: none; } .standalone-header__meta a:hover { color: #005aee; } .standalone-header__meta i { margin-right: 3px; font-size: 11px; } .standalone-header__position { color: #005aee !important; font-weight: 500; } .standalone-header__divider { width: 1px; height: 24px; background: #E5E7EB; flex-shrink: 0; } .standalone-header__actions { display: flex; align-items: center; gap: 4px; flex-shrink: 0; } .standalone-header__action-btn { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; background: transparent; border: none; border-radius: 6px; color: #6B7280; cursor: pointer; transition: all 0.15s; } .standalone-header__action-btn:hover { background: #F5F5F7; color: #1F2937; } .standalone-header__action-btn i { font-size: 15px; } .standalone-header__phase { position: relative; } .standalone-header__phase-btn { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; background: #EFF6FF; border: 1px solid #DBEAFE; border-radius: 6px; color: #1D4ED8; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.15s; } .standalone-header__phase-btn:hover { background: #DBEAFE; } .standalone-header__phase-btn:focus { outline: none; box-shadow: 0 0 0 2px rgba(0, 90, 238, 0.2); } .standalone-header__right { flex-shrink: 0; display: flex; align-items: center; } .standalone-header__logo { max-height: 28px; display: block; } .standalone-header__company-name { font-size: 13px; font-weight: 500; color: #6B7280; } .standalone-main { min-height: calc(100vh - 56px); } .candidate-modal-body.standalone-page { box-shadow: none; border-radius: 0; margin: 0; padding: 0; } .standalone-profile__content { display: flex; align-items: flex-start; } .standalone-profile__main { flex: 1; min-width: 0; background: #FFFFFF; align-self: stretch; } .standalone-profile__sidebar { width: 460px; flex-shrink: 0; border-left: 1px solid #E5E7EB; background: #FFFFFF; align-self: stretch; overflow-x: hidden; } .standalone-profile__sidebar .employee-nav.tabs-2027 { padding-left: 4px !important; padding-right: 4px !important; } .standalone-profile__sidebar .employee-nav .list-inline { display: flex; flex-wrap: nowrap; justify-content: center; margin: 0; padding: 0; } .standalone-profile__sidebar .employee-nav .list-inline li { flex-shrink: 0; padding: 0; } .standalone-profile__sidebar .employee-nav .list-inline li a { padding-left: 10px; padding-right: 10px; font-size: 13px; } .standalone-profile__sidebar .actions-widgets { padding: 12px 8px 0; } .standalone-profile__sidebar .actions-widgets > section > .row { margin-left: 0; margin-right: 0; } .standalone-profile__sidebar .actions-widgets .row .row { margin-left: 0; margin-right: 0; } .standalone-profile__sidebar .actions-widgets .col-md-4 { width: 33.333%; padding-left: 4px; padding-right: 4px; } .standalone-profile__sidebar .actions-widgets .flat-btn.bold { font-size: 12px; padding: 6px 6px; white-space: nowrap; } .standalone-profile__sidebar .reject-dropdown { min-width: 0 !important; width: 100%; max-width: 100%; box-sizing: border-box; } .standalone-profile__sidebar .reject-dropdown .dropdown-toggle { min-width: 0 !important; width: 100%; max-width: 100%; box-sizing: border-box; padding-left: 6px; padding-right: 6px; } .standalone-profile__sidebar .reject-dropdown .dropdown-menu { min-width: 180px; right: 0; left: auto; } .standalone-profile__sidebar .margin-bottom-10 h4 { margin-top: 8px; } .standalone-profile__sidebar section.card { border: none; box-shadow: none; } .standalone-profile__sidebar .activites .row.no-gutter { max-width: 100% !important; } .standalone-profile__sidebar .activites .media { width: 100% !important; } .comment-actions-row { display: flex; align-items: center; gap: 8px; margin-top: 8px; } .comment-actions-row__edit { flex-shrink: 0; width: 32px; height: 32px; padding: 0; display: inline-flex; align-items: center; justify-content: center; } .comment-actions-row__edit i { font-size: 13px; } .comment-actions-row__type { flex: 1; min-width: 0; margin: 0 !important; } .comment-actions-row__type select { height: 32px !important; } .comment-actions-row__save { flex-shrink: 0; height: 32px; white-space: nowrap; } .comment-actions-row__save i { margin-right: 4px; } .candidate-profile-nav-bar > .nav-tabs { position: relative; } .candidate-profile-nav-bar > .nav-tabs > li:last-child { position: absolute; right: 10px; border: none !important; } .candidate-profile-nav-bar > .nav-tabs > li:last-child > a { background: transparent !important; border: none !important; padding: 4px 0 !important; } .candidate-profile-nav-bar > .nav-tabs > li:last-child > a:hover, .candidate-profile-nav-bar > .nav-tabs > li:last-child > a:focus { background: transparent !important; border: none !important; } .standalone-edit-btn { background: none; border: none; padding: 0; margin: 0; color: inherit; font: inherit; cursor: pointer; } .standalone-edit-btn i { margin-right: 4px; } .standalone-skills-bar { display: none !important; } body.profile-standalone-mode #summary.contact { display: none; } @media (max-width: 1200px) { .standalone-profile__sidebar { width: 380px; } } @media (max-width: 992px) { .standalone-header__meta { display: none; } .standalone-profile__content { flex-direction: column; } .standalone-profile__sidebar { position: static; width: 100%; max-height: none; border-left: none; border-top: 1px solid #E5E7EB; } } .cli-card { position: relative; min-height: 155px; background: #fff; border-radius: 8px; margin-bottom: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); transition: box-shadow 0.2s ease; } .cli-card:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .cli-card.selected { border-left: 3px solid var(--oa-primary, #005aee); } .cli-header { display: flex; align-items: flex-start; gap: 10px; padding: 10px; margin-bottom: 0; } @media (max-width: 767px) { .cli-header { flex-direction: column; align-items: center; text-align: center; } } .cli-checkbox { width: 25px; flex-shrink: 0; padding-top: 20px; } @media (max-width: 767px) { .cli-checkbox { position: absolute; top: 10px; right: 10px; padding-top: 0; } } .cli-checkbox .checkbox { margin: 0; padding: 0; } .cli-avatar { width: 60px; height: 60px; flex-shrink: 0; margin-top: 10px; } @media (max-width: 767px) { .cli-avatar { margin: 0 auto 10px; } } .cli-avatar .avatar-circle, .cli-avatar img.avatar-circle { width: 60px !important; height: 60px !important; border-radius: 50% !important; } .cli-avatar-img { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; } .avatar-pastel-0 { background: #FFB3BA !important; color: #7D2B35 !important; } .avatar-pastel-1 { background: #FFDFBA !important; color: #7D4E1F !important; } .avatar-pastel-2 { background: #FFFFBA !important; color: #5C5C1F !important; } .avatar-pastel-3 { background: #BAFFC9 !important; color: #1F6B35 !important; } .avatar-pastel-4 { background: #BAE1FF !important; color: #1F4E7D !important; } .avatar-pastel-5 { background: #E8BAFF !important; color: #5B1F7D !important; } .avatar-pastel-6 { background: #FFB3E6 !important; color: #7D1F5B !important; } .avatar-pastel-7 { background: #B3FFE0 !important; color: #1F7D5B !important; } .avatar-pastel-8 { background: #FFE0B3 !important; color: #7D5B1F !important; } .avatar-pastel-9 { background: #B3D4FF !important; color: #1F357D !important; } .cli-body { flex: 1; min-width: 0; } .cli-columns { display: flex; flex-wrap: wrap; gap: 15px; } @media (max-width: 991px) { .cli-columns { flex-direction: column; } } .cli-main { flex: 1 1 380px; min-width: 0; } @media (max-width: 991px) { .cli-main { flex-basis: auto; } } .cli-results { flex: 1 1 380px; min-width: 380px; } @media (max-width: 991px) { .cli-results { flex-basis: auto; min-width: 0; width: 100%; } } .cli-badges { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 5px; font-size: 12px; color: #6b7280; } .cli-badges-left { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; flex: 1 1 auto; min-width: 0; overflow: hidden; } .cli-badges-left > * { display: inline-flex !important; align-items: center !important; height: 26px !important; font-size: 12px !important; line-height: 1 !important; white-space: nowrap; margin: 0 !important; } .cli-badges-left .e-tag, .cli-badges-left .label, .cli-badges-left .badge, .cli-badges-left [class*=-badge] { padding: 0 8px !important; font-weight: 500; border-radius: 4px; } .cli-badges-right { display: flex; align-items: center; justify-content: flex-end; gap: 6px; flex-shrink: 0; margin-left: auto; } .cli-badges-right > * { display: inline-flex !important; align-items: center !important; height: 26px !important; font-size: 12px !important; line-height: 1.3 !important; margin: 0 !important; } .cli-badges-right .e-tag, .cli-badges-right .label, .cli-badges-right .badge, .cli-badges-right [class*=-badge] { padding: 0 8px !important; font-weight: 500; } .cli-badges-right .phase-badge { display: inline-flex !important; align-items: center; justify-content: center; width: 150px !important; min-width: 0 !important; max-width: 150px !important; height: 26px !important; padding: 0 12px !important; font-size: 12px !important; font-weight: 700 !important; border-radius: 10px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cli-badges-right .status-badge-menu .status-badge { height: 26px !important; border-radius: 8px !important; } .cli-badges-right .status-badge-no-status { font-size: 12px !important; color: #6B7280 !important; background-color: transparent !important; border: none !important; } .cli-badges-right .status-badge-menu { position: relative; overflow: visible !important; } .cli-card.status-menu-open { z-index: 100; } .cli-badges-right .status-badge-menu.open .status-badge-list { z-index: 9999; background-color: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); overflow-x: hidden; } .cli-badges-right .status-badge-menu.open .status-badge-list::-webkit-scrollbar { width: 4px; } .cli-badges-right .status-badge-menu.open .status-badge-list::-webkit-scrollbar-track { background: transparent; } .cli-badges-right .status-badge-menu.open .status-badge-list::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 4px; } .cli-badges-right .status-badge-selected { display: inline-flex !important; align-items: center; justify-content: center; width: 150px !important; min-width: 0 !important; max-width: 150px !important; height: 26px !important; padding: 0 12px !important; font-size: 12px !important; font-weight: 700 !important; border-radius: 10px !important; border: none !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .new-candidate-badge { background-color: #dbeafe !important; color: #1d4ed8 !important; } .first-time-badge { background-color: #dcfce7 !important; color: #15803d !important; } .cli-name-row { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin-bottom: 5px; } .cli-name { font-size: 14px; font-weight: 600; color: #1f2937; cursor: pointer; } .cli-name:hover { color: var(--oa-primary, #005aee); } .cli-linkedin { font-size: 12pt; color: #0077b5; } .cli-name-badges { display: flex; align-items: center; gap: 5px; } .cli-contact { display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 2px; padding: 0 !important; font-size: 12px; line-height: 1.4; color: #6b7280; margin-bottom: 3px; } .cli-contact i { margin-right: 4px; color: #9ca3af; } .cli-contact > span { display: inline-flex; align-items: center; gap: 4px; } .cli-contact > span i { margin-right: 0; } .cli-contact .oa-contact-reveal, .kanban-contact .oa-contact-reveal { font-size: 13px !important; font-weight: 500; } .cli-contact .oa-contact-reveal a, .kanban-contact .oa-contact-reveal a { display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; border-radius: 6px; } .cli-contact .oa-contact-reveal a:hover, .kanban-contact .oa-contact-reveal a:hover { background: #F3F4F6; } .kanban-contact .oa-contact-reveal { display: block; min-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cli-info-row { font-size: 12px; color: #6b7280; margin-bottom: 3px; } .cli-info-row i { margin-right: 4px; color: #9ca3af; } .cli-info-row .bold { font-weight: 600; } .cli-ai-buttons { display: flex; flex-wrap: nowrap; gap: 6px; margin: 6px 0; align-items: center; } .cli-ai-buttons .btn-ai-sparkle { padding: 3px 10px !important; font-size: 11px !important; margin-right: 0 !important; } .cli-ai-buttons .btn-ai-sparkle i, .cli-ai-buttons .btn-ai-sparkle .fa, .cli-ai-buttons .btn-ai-sparkle [class^=fa-] { font-size: 11px !important; } .candidate-profile .cli-ai-buttons .position-fit-badge { padding: 3px 10px !important; font-size: 11px !important; margin-right: 0 !important; text-transform: none !important; } .candidate-profile .cli-ai-buttons .position-fit-badge .fit-icon { font-size: 11px !important; } .candidate-profile .cli-ai-buttons .ai-opted-out { padding: 3px 10px !important; font-size: 11px !important; margin-right: 0 !important; text-transform: none !important; background-color: #F3F4F6 !important; color: #6B7280 !important; border: 1px solid #D1D5DB !important; cursor: default; } .cli-ai-explain-link { margin: -5px 0 5px; font-size: var(--oa-text-xs, 11px); color: var(--oa-text-muted, #6B7280); position: relative; z-index: 1; } .cli-ai-explain-link a { color: inherit; text-decoration: none; } .cli-ai-explain-link a:hover { text-decoration: underline; } .cli-ai-panel { background: #f8fafc; border-radius: 8px; padding: 12px; margin-top: 10px; } .cli-ai-header { display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px; font-size: 12px; font-weight: 500; } .cli-ai-header:has(.oa-ai-assistant) { justify-content: space-between; } .cli-ai-tags { display: flex; gap: 10px; margin-bottom: 10px; } .cli-ai-tags-col { flex: 1; } .cli-ai-body { font-size: 13px !important; line-height: 1.5; } .cli-ai-body .row { margin-left: 0 !important; margin-right: 0 !important; } .cli-ai-body .font-sm { font-size: inherit !important; } .cli-ai-disclaimer { font-size: 11px; color: #9ca3af; margin-top: 10px; } .cli-skills { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 10px; } .cli-skills .label, .cli-skills .skill-tags { float: none !important; display: inline-flex !important; align-items: center !important; font-size: 11px !important; line-height: 1.3 !important; margin: 0 !important; padding: 3px 8px !important; border-radius: 4px; text-transform: none !important; } .cli-skills .label-teal { background-color: #eff6ff !important; color: #1e40af !important; } .cli-skills .label-teal.skill-match { background-color: #dbeafe !important; color: #1e3a5f !important; } .cli-assessment-status { margin-bottom: 10px; } .cli-exceptional-talent { display: inline-flex; align-items: center; gap: 6px; height: 26px; max-width: 180px; padding: 0 12px; font-size: 12px; font-weight: 500; color: white; border-radius: 13px; background: linear-gradient(200.2deg, #12CEA3 26.8%, #317CB3 69%); cursor: pointer; } .cli-exceptional-talent.assessment-box { background-color: transparent !important; background-image: linear-gradient(200.2deg, #12CEA3 26.8%, #317CB3 69%) !important; border-radius: 13px !important; border: none !important; padding: 0 12px !important; height: 26px !important; min-height: 26px !important; } .cli-exceptional-talent i { font-size: 14px; line-height: 1; } .cli-no-assessments { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 12px; font-size: 12px; color: #4B5563; background-color: #dfe6ea; border-radius: 10px; max-width: 200px; cursor: pointer; } .cli-assessment-pending { display: inline-flex; align-items: center; height: 26px; font-size: 12px; max-width: 200px; cursor: pointer; } .cli-proctoring-flags { margin-top: 6px; display: flex; flex-wrap: wrap; gap: 4px; } .proctoring-flag-tag { display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 8px; font-size: 11px; font-weight: 600; border-radius: 6px; white-space: nowrap; cursor: default; font-family: "futura-pt", sans-serif; text-transform: uppercase; letter-spacing: 0.02em; } .proctoring-flag-tag--declined, .proctoring-flag-tag--stopped { background-color: #fff8f0; color: #b45309; border: 1px solid #fcd34d; } .proctoring-flag-tag--exits { background-color: #fffbeb; color: #92400e; border: 1px solid #fde68a; } .proctoring-flag-tag i { font-size: 11px; } .cli-scores { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; cursor: pointer; } .cli-scores .cli-score-item { width: 80px !important; } .cli-score-item { width: 80px; text-align: center; } .cli-score-item.exceptional_talent .cli-score-value { background: linear-gradient(200.2deg, #12CEA3 26.8%, #317CB3 69%); color: white; } .cli-score-value { display: block; width: 44px; margin: 0 auto; font-weight: 600; } .cli-score-label { font-size: 9px; text-transform: none; color: #6b7280; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.4; } .cli-last-applied { font-size: 12px; color: #6b7280; padding-top: 5px; } @media (max-width: 991px) { .cli-last-applied { width: 100%; min-width: 0; } } @media (max-width: 767px) { .cli-last-applied { font-size: 11px; } } .cli-last-job { margin-top: 5px; } .cli-comment { padding-top: 15px; font-size: 12px; } .cli-comment-header { font-size: 12px; color: #6b7280; margin-bottom: 5px; } .cli-comment-header i { font-size: 14px; margin-right: 5px; } .cli-comment-body { overflow: hidden; } .cli-highlights { padding: 5px 10px; background: #fefce8; border-radius: 4px; margin: 10px; } .cli-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 10px; padding: 10px; margin-top: 0; border-top: 1px solid #e5e7eb; opacity: 0; pointer-events: none; transition: opacity 0.15s ease; position: absolute; bottom: 0; left: 0; right: 0; background: #f5f5f7; border-radius: 0 0 8px 8px; } .cli-card:hover .cli-footer, .profile-item:hover .cli-footer { opacity: 1; pointer-events: auto; } .cli-footer a { color: #8590a7; text-decoration: none !important; } .cli-footer a:hover { color: var(--oa-primary, #005aee); } @media (max-width: 767px) { .cli-footer { position: static; flex-direction: column; align-items: flex-start; background: transparent; border-radius: 0; pointer-events: auto; opacity: 1; } } .cli-footer-info { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .cli-candidate-no { font-size: 12px; color: #9ca3af; } .cli-salary { font-size: 12px; } .cli-interview-badge { font-size: 12px; } .cli-actions { display: flex; flex-wrap: wrap; gap: 5px; } .cli-action { padding: 4px 10px; font-size: 12px; line-height: 1.4; color: #8590a7; text-decoration: none !important; cursor: pointer; border-radius: 4px; transition: color 0.15s ease, background-color 0.15s ease; } .cli-action:hover { color: var(--oa-primary, #005aee); background-color: rgba(0, 90, 238, 0.05); text-decoration: none !important; } .cli-action i { margin-right: 4px; } .cli-footer-edit { text-align: right; } .cli-status-menu { position: relative; display: inline-block; } ul.list-inline.inline-block { display: inline-flex !important; align-items: center !important; height: 40px !important; padding: 0 !important; margin: 0 !important; vertical-align: middle !important; } ul.list-inline.inline-block li { display: inline-flex !important; align-items: center !important; height: 40px; } ul.list-inline.inline-block li:not([class*=padding-]) { padding: 0 !important; } ul.pagination.pg-blue { display: inline-flex !important; align-items: center !important; height: 40px !important; margin: 0 !important; padding: 0 4px !important; vertical-align: middle !important; } div.padding-right-0.padding-top-10.bold.font-xs { display: inline-flex !important; align-items: center !important; height: 40px !important; padding: 0 !important; vertical-align: middle !important; } .cli-card.candidate-profile { background: rgba(255, 255, 255, 0.72); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.03); } .profile-item { position: relative; } .profile-item:hover { z-index: 10; } .profile-item.ng-animate, .profile-item .ng-animate { transition: none !important; animation: none !important; } .linkedin-prospect-card { background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 12px; padding: 16px; transition: box-shadow 0.2s ease, border-color 0.2s ease; overflow: hidden; max-width: 100%; box-sizing: border-box; } .linkedin-prospect-card:hover { border-color: rgba(0, 85, 255, 0.15); box-shadow: 0 4px 12px rgba(0, 85, 255, 0.08); } .linkedin-prospect-card.selected { border-color: var(--oa-brand-primary, #005aee); background: rgba(0, 90, 238, 0.02); } .linkedin-prospect-card .flex-center-gap-10, .linkedin-prospect-card .padding-left-10[style*="display: flex"] { display: flex !important; align-items: flex-start; gap: 16px; } .linkedin-prospect-card .flex-center-gap-10 > .flex-1, .linkedin-prospect-card .padding-left-10[style*="display: flex"] > .flex-1 { flex: 1; min-width: 0; overflow: hidden; } .linkedin-prospect-card .flex-center-gap-10 > .flex-1 > div[style*="display: flex"], .linkedin-prospect-card .padding-left-10[style*="display: flex"] > .flex-1 > div[style*="display: flex"] { display: flex; flex-wrap: nowrap; gap: 16px; align-items: flex-start; } .linkedin-prospect-card .flex-center-gap-10 > .flex-1 > div[style*="display: flex"] > div:first-child, .linkedin-prospect-card .padding-left-10[style*="display: flex"] > .flex-1 > div[style*="display: flex"] > div:first-child { flex: 1; min-width: 200px; } .linkedin-prospect-card .flex-center-gap-10 > .flex-1 > div[style*="display: flex"] > div:last-child, .linkedin-prospect-card .padding-left-10[style*="display: flex"] > .flex-1 > div[style*="display: flex"] > div:last-child { flex-shrink: 0; margin-left: auto; } .linkedin-prospect-card .smart-form { flex-shrink: 0; } .linkedin-prospect-card .avatar-circle { width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(135deg, #E2E8F0 0%, #CBD5E1 100%); color: #64748B; font-size: 18px; font-weight: 600; display: flex; align-items: center; justify-content: center; border: 2px solid #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .linkedin-prospect-card .avatar-circle.image-circle { object-fit: cover; } .linkedin-prospect-card img.avatar-circle { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; border: 2px solid #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .linkedin-prospect-card .status-badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 6px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.02em; } .linkedin-prospect-card .status-badge i { font-size: 12px; } .linkedin-prospect-card .status-badge.status-success { background: #F0FDF4; color: #166534; border: 1px solid #DCFCE7; } .linkedin-prospect-card .status-badge.status-info { background: #EFF6FF; color: #1D4ED8; border: 1px solid #DBEAFE; } .linkedin-prospect-card .status-badge.status-warning { background: #FFFBEB; color: #B45309; border: 1px solid #FEF3C7; } .linkedin-prospect-card .status-badge.status-default { background: #F8FAFC; color: #64748B; border: 1px solid #E2E8F0; } .linkedin-prospect-card .prospect-name, .linkedin-prospect-card .large-font-responsive.bold { font-size: 16px; font-weight: 600; color: #0F172A; line-height: 1.4; } .linkedin-prospect-card .prospect-headline { font-size: 13px; color: #64748B; line-height: 1.4; } .linkedin-prospect-card .prospect-meta { font-size: 13px; color: #64748B; } .linkedin-prospect-card .prospect-meta i { color: #94A3B8; margin-right: 4px; } .linkedin-prospect-card .skill-tag { display: inline-flex; align-items: center; padding: 4px 10px; background: #F1F5F9; color: #475569; border-radius: 6px; font-size: 12px; font-weight: 500; border: 1px solid #E2E8F0; transition: all 0.15s ease; } .linkedin-prospect-card .skill-tag:hover { background: #E2E8F0; border-color: #CBD5E1; } .linkedin-prospect-card .skill-tag.skill-tag-more { background: #F8FAFC; color: #64748B; font-style: italic; } .linkedin-prospect-card .linkedin-link { color: #0077B5; transition: opacity 0.15s ease; } .linkedin-prospect-card .linkedin-link:hover { opacity: 0.8; } .linkedin-prospect-card .linkedin-link i.fa-linkedin { font-size: 16px; } .linkedin-prospect-card .prospect-actions { display: flex; align-items: flex-start; justify-content: flex-end; gap: 8px; flex-shrink: 0; } .linkedin-prospect-card .prospect-actions .btn { flex-shrink: 0; } .linkedin-prospect-card .label.label-success, .linkedin-prospect-card .label.label-default, .linkedin-prospect-card .label.label-teal { padding: 0; font-size: inherit; font-weight: inherit; line-height: inherit; text-align: inherit; white-space: inherit; vertical-align: inherit; border-radius: 0; background: none; color: inherit; } .linkedin-prospect-card .text-muted { color: #64748B !important; } .linkedin-prospect-card i.fa-light, .linkedin-prospect-card i.fa-regular { color: currentColor; } .linkedin-prospect-card .prospect-date { font-size: 12px; color: #64748B; } .linkedin-prospect-card .prospect-date i { color: #94A3B8; } .linkedin-prospect-card .row.no-gutter[style*="display: flex"], .linkedin-prospect-card .no-gutter[style*="display: flex"] { align-items: center; } .linkedin-prospect-card .basic-information .row.no-gutter, .linkedin-prospect-card .basic-information .no-gutter { display: flex; align-items: center; } @media (max-width: 767px) { .linkedin-prospect-card { padding: 12px; } .linkedin-prospect-card .avatar-circle, .linkedin-prospect-card img.avatar-circle { width: 48px; height: 48px; font-size: 16px; } .linkedin-prospect-card .prospect-name, .linkedin-prospect-card .large-font-responsive.bold { font-size: 15px; } .linkedin-prospect-card .skill-tag { padding: 3px 8px; font-size: 11px; } .linkedin-prospect-card .prospect-actions { flex-direction: column; width: 100%; margin-top: 12px; } .linkedin-prospect-card .prospect-actions .btn { width: 100%; justify-content: center; } } .assessment-description { background: var(--oa-bg-white, #F9FAFB); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-lg, 12px); padding: 20px; transition: border-color 0.2s ease, background 0.2s ease; } .assessment-description.included { border-color: var(--oa-success-border, #DCFCE7); background: var(--oa-success-bg, #F0FDF4); } .assessment-description.not-included { background: var(--oa-bg-base, #F5F5F7); opacity: 0.85; } .assessment-description .card-header-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .assessment-description .card-header-row .card-title { flex: 1; min-width: 0; } .assessment-config-box { width: auto !important; min-width: 90px; height: auto !important; border-radius: 8px !important; padding: 10px 14px !important; margin: 0 8px 8px 0; display: inline-flex !important; flex-direction: column; gap: 4px; background: rgba(0, 90, 238, 0.06) !important; border: 1px solid rgba(0, 90, 238, 0.12) !important; } .assessment-config-box .test-name { font-size: 12px; font-weight: 600; color: var(--oa-text-main, #1F2937); text-align: center; width: 100%; } .assessment-config-box .test-time { font-size: 11px; color: var(--oa-text-muted, #4B5563); text-align: center; width: 100%; } .assessment-config-box.color_GA { background: #DBEAFE !important; color: #1D4ED8 !important; border-color: #BFDBFE !important; } .assessment-config-box.color_PE, .assessment-config-box.color_HEXACO_L_SER_100 { background: #FEF3C7 !important; color: #B45309 !important; border-color: #FDE68A !important; } .assessment-config-box.color_LANG, .assessment-config-box.color_english_test { background: #E0F2FE !important; color: #0369A1 !important; border-color: #BAE6FD !important; } .assessment-config-box.color_KN { background: #DCFCE7 !important; color: #166534 !important; border-color: #BBF7D0 !important; } .assessment-config-box.color_WORK_ENVIRONMENT { background: #F1F5F9 !important; color: #475569 !important; border-color: #E2E8F0 !important; } .assessment-config-box.color_one_way_interview_assessment, .assessment-config-box.color_TEAM_ROLES_TEST { background: #F3E8FF !important; color: #7C3AED !important; border-color: #DDD6FE !important; } .assessment-config-box.color_custom_assessments, .assessment-config-box.color_COMPETENCES_TEST { background: #E0E7FF !important; color: #4338CA !important; border-color: #C7D2FE !important; } .assessment-config-box.color_in_tray_assessment, .assessment-config-box.color_CST_TEST { background: #CCFBF1 !important; color: #0F766E !important; border-color: #99F6E4 !important; } .assessment-config-box.color_candidate_satisfaction_questionnaire, .assessment-config-box.color_employee_engagement_survey, .assessment-config-box.color_surveys_candidate_custom { background: #FFE4E6 !important; color: #BE123C !important; border-color: #FECDD3 !important; } .assessment-config-box.color_MOTIVATION_TEST, .assessment-config-box.color_TEAM_ANALYSIS { background: #FFEDD5 !important; color: #C2410C !important; border-color: #FED7AA !important; } .assessment-config-box.color_ATD, .assessment-config-box.color_DRT_TEST, .assessment-config-box.color_NR, .assessment-config-box.color_VR { background: #DBEAFE !important; color: #1D4ED8 !important; border-color: #BFDBFE !important; } .assessment-config-box--neutral { background: var(--oa-bg-secondary, #F1F5F9) !important; border-color: var(--oa-border-color, #E5E7EB) !important; } .assessment-config-box--total { background: #F1F5F9 !important; border-color: #E2E8F0 !important; justify-content: center; } .selected-tests-display { display: flex !important; flex-wrap: wrap; align-items: stretch; gap: 8px; margin-bottom: 20px; } .selected-tests-display .assessment-config-box { margin: 0; } .assessment-positions-tabs { background: var(--oa-bg-white, #F9FAFB); border-radius: var(--oa-radius-lg, 12px); overflow: visible; } .assessment-positions-tabs .nav-tabs { border-bottom: 1px solid var(--tabs-border-color, #E5E7EB); background: transparent; display: flex; flex-wrap: wrap; gap: var(--tabs-gap, 24px); padding: 0 16px; margin: 0; overflow: visible; } .assessment-positions-tabs .nav-tabs > li { float: none; margin: 0; padding: 0; background: transparent !important; border: none !important; } .assessment-positions-tabs .nav-tabs > li > a { padding: var(--tabs-padding-y, 12px) 0; margin: 0; font-size: var(--tabs-font-size, 14px); font-weight: var(--tabs-font-weight, 500); color: var(--tabs-text-color, #6B7280); background: transparent !important; border: none !important; border-radius: 0 !important; position: relative; transition: color 0.2s ease; white-space: nowrap; } .assessment-positions-tabs .nav-tabs > li > a i { margin-right: 6px; opacity: 0.7; transition: opacity 0.2s ease; } .assessment-positions-tabs .nav-tabs > li > a:hover, .assessment-positions-tabs .nav-tabs > li > a:focus { color: var(--tabs-text-hover, #1F2937); background: transparent !important; border: none !important; } .assessment-positions-tabs .nav-tabs > li > a:hover i, .assessment-positions-tabs .nav-tabs > li > a:focus i { opacity: 1; } .assessment-positions-tabs .nav-tabs > li.active > a, .assessment-positions-tabs .nav-tabs > li.active > a:hover, .assessment-positions-tabs .nav-tabs > li.active > a:focus { color: var(--tabs-active-color, #005aee) !important; font-weight: var(--tabs-font-weight-active, 600); background: transparent !important; border: none !important; } .assessment-positions-tabs .nav-tabs > li.active > a i, .assessment-positions-tabs .nav-tabs > li.active > a:hover i, .assessment-positions-tabs .nav-tabs > li.active > a:focus i { opacity: 1; color: var(--tabs-active-color, #005aee); } .assessment-positions-tabs .nav-tabs > li.active > a::after, .assessment-positions-tabs .nav-tabs > li.active > a:hover::after, .assessment-positions-tabs .nav-tabs > li.active > a:focus::after { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: var(--tabs-indicator-height, 2px); background: var(--tabs-active-color, #005aee); border-radius: 2px 2px 0 0; } .assessment-positions-tabs .tab-content { padding: 20px 16px; } .assessment-positions-tabs .nav-tabs > li > a .badge { opacity: 1 !important; font-size: 10px; padding: 3px 7px; border-radius: 10px; font-weight: 700; min-width: 18px; line-height: 1.4; display: inline-block; vertical-align: middle; margin-left: 5px; } .assessment-positions-tabs .badge-assessment-personality { background: #FEF3C7 !important; color: #92400E !important; border: 1px solid #FDE68A; } .assessment-positions-tabs .badge-assessment-ga { background: #DBEAFE !important; color: #1E40AF !important; border: 1px solid #BFDBFE; } .assessment-positions-tabs .badge-assessment-knowledge { background: #DCFCE7 !important; color: #14532D !important; border: 1px solid #BBF7D0; } .assessment-positions-tabs .badge-assessment-work-env { background: #E2E8F0 !important; color: #334155 !important; border: 1px solid #CBD5E1; } .assessment-positions-tabs .badge-assessment-language { background: #E0F2FE !important; color: #075985 !important; border: 1px solid #BAE6FD; } .assessment-positions-tabs .badge-assessment-video { background: #F3E8FF !important; color: #5B21B6 !important; border: 1px solid #DDD6FE; } .assessment-positions-tabs .badge-assessment-summary { background: rgba(0, 90, 238, 0.1) !important; color: #004ac2 !important; border: 1px solid rgba(0, 90, 238, 0.2); } @media (max-width: 991px) { .assessment-positions-tabs .nav-tabs > li > a .bold { display: none; } } .assessment-positions-tabs .assessment-description .text-muted { font-size: 13.5px !important; line-height: 1.5 !important; } .assessment-positions-tabs .tab-content .alert-block { background: var(--oa-bg-white, #F9FAFB); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-lg, 12px); padding: 20px; transition: border-color 0.2s ease, background 0.2s ease; color: inherit; } .assessment-positions-tabs .tab-content .alert-block.included { border-color: var(--oa-success-border, #DCFCE7); background: var(--oa-success-bg, #F0FDF4); } .assessment-positions-tabs .tab-content .alert-block.not-included { background: var(--oa-bg-base, #F5F5F7); opacity: 0.85; } .assessment-positions-tabs .tab-content .alert-block .text-muted { font-size: 13.5px !important; line-height: 1.5 !important; } #widget-grid > section.row.equal > .col-md-3.margin-bottom-10 { background: var(--oa-bg-white, #FFFFFF); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-lg, 12px); padding: 16px !important; box-shadow: var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.05)); } #widget-grid > section.row.equal > .col-md-3.margin-bottom-10 > label, #widget-grid > section.row.equal > .col-md-3.margin-bottom-10 > .label, #widget-grid > section.row.equal > .col-md-3.margin-bottom-10 > div { display: block; } .job-ad-nav-sticky { position: sticky; top: var(--oa-header-height, 56px); z-index: 100; background: var(--oa-bg-base, #F5F5F7); padding-top: 10px !important; } .job-ad-tabs { background: var(--oa-bg-white, #F9FAFB) !important; border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-lg, 12px); padding: 0 16px; } .job-ad-tabs > .list-inline { display: flex; gap: var(--tabs-gap, 24px); margin: 0; padding: 0; border-bottom: none; } .job-ad-tabs > .list-inline > li { float: none; margin: 0; padding: 0; list-style: none; } .job-ad-tabs > .list-inline > li > a { display: block; padding: var(--tabs-padding-y, 12px) 0; font-size: var(--tabs-font-size, 14px); font-weight: var(--tabs-font-weight, 500); color: var(--tabs-text-color, #6B7280); background: transparent !important; border: none !important; position: relative; transition: color 0.2s ease; text-transform: none; } .job-ad-tabs > .list-inline > li > a i { margin-right: 6px; opacity: 0.7; transition: opacity 0.2s ease; } .job-ad-tabs > .list-inline > li > a .badge { margin-left: 6px; font-size: 10px; padding: 2px 6px; border-radius: 10px; line-height: 1.2 !important; } .job-ad-tabs > .list-inline > li > a:hover, .job-ad-tabs > .list-inline > li > a:focus { color: var(--tabs-text-hover, #1F2937); background: transparent !important; text-decoration: none; } .job-ad-tabs > .list-inline > li > a:hover i, .job-ad-tabs > .list-inline > li > a:focus i { opacity: 1; } .job-ad-tabs > .list-inline > li.employee-nav-active > a, .job-ad-tabs > .list-inline > li.employee-nav-active > a:hover, .job-ad-tabs > .list-inline > li.employee-nav-active > a:focus { color: var(--tabs-active-color, #005aee) !important; font-weight: var(--tabs-font-weight-active, 600); background: transparent !important; } .job-ad-tabs > .list-inline > li.employee-nav-active > a i, .job-ad-tabs > .list-inline > li.employee-nav-active > a:hover i, .job-ad-tabs > .list-inline > li.employee-nav-active > a:focus i { opacity: 1; color: var(--tabs-active-color, #005aee); } .job-ad-tabs > .list-inline > li.employee-nav-active > a::after, .job-ad-tabs > .list-inline > li.employee-nav-active > a:hover::after, .job-ad-tabs > .list-inline > li.employee-nav-active > a:focus::after { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: var(--tabs-indicator-height, 2px); background: var(--tabs-active-color, #005aee); border-radius: 2px 2px 0 0; } .job-ad-content { padding: 20px 15px; } .job-ad-content .form-label { font-size: 13px; font-weight: 600; color: var(--oa-text-main, #1F2937); text-transform: uppercase; letter-spacing: 0.025em; } .job-ad-content .job-ad-images-container { margin: 0 20px; } .job-ad-footer { margin-top: 24px; padding: 16px 0; border-top: 1px solid var(--oa-border-color, #E5E7EB); } .job-ad-footer__actions { display: flex; justify-content: space-between; align-items: center; gap: 12px; } .job-ad-upload-dropzone { position: relative; background: var(--oa-bg-secondary, #F1F5F9); border: 2px dashed var(--oa-border-color, #D1D5DB); border-radius: var(--oa-radius-lg, 12px); min-height: 120px; display: flex; align-items: center; justify-content: center; transition: border-color 0.2s ease, background 0.2s ease; cursor: pointer; } .job-ad-upload-dropzone:hover { border-color: var(--oa-brand-primary, #005aee); background: var(--oa-bg-white, #F9FAFB); } .job-ad-upload-dropzone:hover .job-ad-upload-content i { color: var(--oa-brand-primary, #005aee); } .job-ad-upload-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 10; } .job-ad-upload-content { display: flex; align-items: center; justify-content: center; gap: 16px; padding: 24px 32px; pointer-events: none; } .job-ad-upload-content i { font-size: 32px; color: var(--oa-text-muted, #6B7280); transition: color 0.2s ease; } .job-ad-upload-text { display: flex; flex-direction: column; gap: 4px; } .job-ad-upload-text span:first-child { font-size: 14px; font-weight: 500; color: var(--oa-text-secondary, #374151); } .job-ad-upload-text span.font-xs { font-size: 12px; color: var(--oa-text-muted, #6B7280); } .position-edit--job-ad .card-body .media .label.text-uppercase { padding: 0 !important; background: transparent !important; font-size: 15px !important; font-weight: 700 !important; color: var(--oa-text-main, #1F2937) !important; text-transform: capitalize !important; letter-spacing: 0 !important; border-radius: 0 !important; display: block !important; } .position-edit--job-ad h5 { text-transform: none; } .position-edit--job-ad { background-color: transparent !important; padding: 0 !important; } .assessment-config-tabs { border-bottom: 1px solid var(--oa-border-color); display: flex; gap: 24px; margin-bottom: 24px; flex-wrap: wrap; } .jarviswidget .assessment-config-tabs { margin-bottom: 20px; } .assessment-config-tabs .tab-item { padding: 12px 0; font-size: 14px; font-weight: 500; color: var(--oa-text-muted); cursor: pointer; position: relative; transition: color var(--oa-duration-normal) ease; text-decoration: none; background: transparent; border: none; white-space: nowrap; } .assessment-config-tabs .tab-item i { margin-right: 6px; opacity: 0.7; font-size: 15px; transition: opacity var(--oa-duration-normal) ease; } .assessment-config-tabs .tab-item:hover { color: var(--oa-text-main); text-decoration: none; } .assessment-config-tabs .tab-item:hover i { opacity: 1; } .assessment-config-tabs .tab-item.active { color: var(--oa-brand-primary); font-weight: 600; } .assessment-config-tabs .tab-item.active i { opacity: 1; color: var(--oa-brand-primary); } .assessment-config-tabs .tab-item.active::after { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: var(--oa-brand-primary); border-radius: 2px 2px 0 0; animation: slideIn var(--oa-duration-normal) var(--oa-ease-snap); } .assessment-config-tabs .tab-item.disabled, .assessment-config-tabs .tab-item:disabled { color: var(--oa-text-light); cursor: not-allowed; opacity: 0.5; } .assessment-config-tabs .tab-item.disabled:hover, .assessment-config-tabs .tab-item:disabled:hover { color: var(--oa-text-light); } @keyframes slideIn { from { transform: scaleX(0); opacity: 0; } to { transform: scaleX(1); opacity: 1; } } .assessment-config-tabs.tabs-compact { gap: 16px; margin-bottom: 16px; } .assessment-config-tabs.tabs-compact .tab-item { padding: 8px 0; font-size: 13px; } @media (max-width: 768px) { .assessment-config-tabs { gap: 16px; } .assessment-config-tabs .tab-item { font-size: 13px; padding: 10px 0; } } .assessment-config-tabs a.tab-item { display: inline-flex; align-items: center; } .assessment-config-tabs a.tab-item:focus { outline: none; box-shadow: none; } .competence-picker { display: flex; flex-direction: column; gap: var(--oa-space-md); margin-bottom: var(--oa-space-lg); } .competence-picker__search { position: relative; width: 100%; } .competence-picker__search .form-control { height: var(--oa-input-height); padding-left: 36px; border: 1px solid var(--oa-border-color); border-radius: var(--oa-radius-sm); font-size: 13.5px; background: var(--oa-bg-input); transition: all var(--oa-duration-fast) ease; } .competence-picker__search .form-control:focus { border-color: var(--oa-brand-light); box-shadow: var(--oa-shadow-glow); outline: none; } .competence-picker__search .form-control::placeholder { color: var(--oa-text-light); font-weight: 400; } .competence-picker__search .search-icon { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--oa-text-light); font-size: 14px; pointer-events: none; } .competence-picker__dropdown { background: rgba(239, 246, 255, 0.97); backdrop-filter: blur(40px) saturate(1.3); border: 1px solid rgba(0, 85, 255, 0.12); border-radius: var(--oa-radius-lg); box-shadow: var(--oa-shadow-pop); max-height: 300px; overflow-y: auto; margin-top: var(--oa-space-xs); padding: var(--oa-space-xs); z-index: var(--z-dropdown); } .competence-picker__dropdown .dropdown-item { padding: 8px 12px; font-size: 13.5px; color: var(--oa-text-main); border-radius: var(--oa-radius-sm); cursor: pointer; transition: background-color var(--oa-duration-fast) ease; display: flex; align-items: center; gap: var(--oa-space-sm); } .competence-picker__dropdown .dropdown-item:hover { background: rgba(0, 0, 0, 0.04); } .competence-picker__dropdown .dropdown-item.selected { background: rgba(0, 85, 255, 0.08); color: var(--oa-brand-primary); font-weight: 500; } .competence-picker__dropdown .dropdown-item.selected::before { content: ""; font-family: "Font Awesome 6 Pro"; font-weight: 300; margin-right: 4px; font-size: 12px; } .competence-picker__dropdown .dropdown-item input[type=checkbox] { margin-right: var(--oa-space-sm); cursor: pointer; } .competence-picker__dropdown .dropdown-empty { padding: 16px 12px; text-align: center; color: var(--oa-text-muted); font-size: 13px; } .competence-picker__selected { display: flex; flex-wrap: wrap; gap: var(--oa-space-sm); padding: var(--oa-space-md); background: var(--oa-bg-white); border: 1px solid var(--oa-border-color); border-radius: var(--oa-radius-lg); min-height: 60px; } .competence-picker__selected:empty::after { content: "No competencies selected"; color: var(--oa-text-light); font-size: 13px; font-style: italic; display: flex; align-items: center; justify-content: center; height: 44px; } .competence-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; background: var(--oa-slate-200); border: 1px solid var(--oa-slate-300); border-radius: var(--oa-radius-md); color: var(--oa-slate-600); font-size: 12px; font-weight: 500; line-height: 1.2; transition: all var(--oa-duration-fast) ease; } .competence-chip .chip-icon { font-size: 11px; opacity: 0.7; } .competence-chip .chip-remove { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; padding: 0; margin-left: 2px; background: transparent; border: none; border-radius: var(--oa-radius-full); color: var(--oa-slate-600); cursor: pointer; transition: all var(--oa-duration-fast) ease; font-size: 10px; } .competence-chip .chip-remove:hover { background: rgba(0, 0, 0, 0.08); color: var(--oa-error-text); } .competence-chip .chip-remove:active { transform: scale(0.9); } .competence-chip .chip-remove i { font-size: 10px; line-height: 1; } .competence-chip:hover { background: var(--oa-slate-300); border-color: var(--oa-slate-600); } .competence-picker__ai-button { display: inline-flex; align-items: center; gap: var(--oa-space-sm); padding: 8px 16px; background: linear-gradient(135deg, var(--oa-brand-primary) 0%, var(--oa-brand-hover) 100%); color: #FFFFFF; border: none; border-radius: var(--oa-radius-md); font-size: 13px; font-weight: 600; cursor: pointer; transition: all var(--oa-duration-spring) var(--oa-ease-spring); box-shadow: var(--oa-shadow-sm); position: relative; overflow: hidden; } .competence-picker__ai-button i { font-size: 14px; } .competence-picker__ai-button:hover { transform: translateY(-1px); box-shadow: var(--oa-shadow-md); } .competence-picker__ai-button:active { transform: translateY(0) scale(0.98); box-shadow: var(--oa-shadow-sm); } .competence-picker__ai-button.loading { pointer-events: none; opacity: 0.7; } .competence-picker__ai-button.loading i { animation: spin 1s linear infinite; } .competence-picker__ai-button:disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .competence-picker.compact { gap: var(--oa-space-sm); } .competence-picker.compact .competence-picker__selected { padding: var(--oa-space-sm); min-height: 48px; } .competence-picker.compact .competence-chip { padding: 4px 8px; font-size: 11px; } @media (max-width: 768px) { .competence-picker__dropdown { max-height: 240px; } .competence-picker__selected { padding: var(--oa-space-sm); } .competence-chip { font-size: 11px; padding: 5px 8px; } .competence-picker__ai-button { width: 100%; justify-content: center; } } .smart-form .competence-picker { margin-bottom: 16px; } .smart-form label.label-competence { font-size: 12px; font-weight: 500; color: var(--oa-text-muted); margin-bottom: var(--oa-space-sm); display: block; } .competence-picker.has-error .competence-picker__search .form-control { border-color: var(--oa-error-border); } .competence-picker.has-error .competence-picker__search .form-control:focus { border-color: var(--oa-error-text); box-shadow: 0 0 0 3px rgba(185, 28, 28, 0.15); } .competence-picker.has-error .competence-picker__selected { border-color: var(--oa-error-border); } .competence-picker.has-success .competence-picker__search .form-control { border-color: var(--oa-success-border); } .competence-picker.has-success .competence-picker__selected { border-color: var(--oa-success-border); } .careers-page { max-width: 1200px; } .careers-page section.card { background: var(--oa-bg-white, #F9FAFB); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-lg, 12px); box-shadow: var(--oa-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.05)); margin-bottom: 20px; } .careers-page section.card .card-body { padding: 24px; } .careers-page .career-portal-items .card-body { padding: 24px; } .careers-page .career-portal-items .card-body .row { margin-left: -12px; margin-right: -12px; } .careers-page .career-portal-items .card-body .row > [class*=col-] { padding-left: 12px; padding-right: 12px; } .careers-page .career-portal-items .theme-preview { text-align: center; margin-bottom: 20px; display: flex; flex-direction: column; height: 100%; } .careers-page .career-portal-items .theme-preview img { width: 100%; height: 200px; object-fit: cover; object-position: top; border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-md, 8px); transition: all var(--oa-duration-normal, 200ms) var(--oa-ease-spring); } .careers-page .career-portal-items .theme-preview img:hover { box-shadow: var(--oa-shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1)); transform: translateY(-2px); } .careers-page .career-portal-items .theme-preview .theme-name { margin-top: 12px; font-size: 14px; font-weight: 500; color: var(--oa-text-main, #1F2937); } .careers-page .color-picker-section .row { margin-left: -8px; margin-right: -8px; } .careers-page .color-picker-section .row > [class*=col-] { padding-left: 8px; padding-right: 8px; margin-bottom: 12px; } .careers-page .color-picker-section .input-group, .careers-page .color-picker-section .input-group-sm { max-width: 160px; } .careers-page .color-picker-section label.input-group { display: flex !important; align-items: center; width: 100%; } .careers-page .color-picker-section label.input-group .form-control { flex: 1; height: var(--oa-input-height, 32px); border-radius: var(--oa-radius-sm, 6px) 0 0 var(--oa-radius-sm, 6px); } .careers-page .color-picker-section label.input-group .input-group-addon { flex-shrink: 0; width: 40px; height: var(--oa-input-height, 32px); display: flex; align-items: center; justify-content: center; border-radius: 0 var(--oa-radius-sm, 6px) var(--oa-radius-sm, 6px) 0; border: 1px solid var(--oa-border-color, #E5E7EB); border-left: none; } .careers-page .color-picker-section .input-group:not(label) { display: flex; } .careers-page .color-picker-section .input-group:not(label) .form-control { height: var(--oa-input-height, 32px); border-radius: var(--oa-radius-sm, 6px) 0 0 var(--oa-radius-sm, 6px); } .careers-page .color-picker-section .input-group:not(label) .input-group-addon { border-radius: 0 var(--oa-radius-sm, 6px) var(--oa-radius-sm, 6px) 0; border: 1px solid var(--oa-border-color, #E5E7EB); border-left: none; } .careers-page .color-picker-section .input-group-sm { height: var(--oa-input-height, 32px) !important; } .careers-page .color-picker-section .input-group-sm .form-control { height: var(--oa-input-height, 32px) !important; font-size: 13.5px; padding: 6px 12px; } .careers-page .color-picker-section .input-group-sm .input-group-addon { height: var(--oa-input-height, 32px) !important; min-height: var(--oa-input-height, 32px) !important; max-height: var(--oa-input-height, 32px) !important; width: 40px; padding: 0 !important; display: flex; align-items: center; justify-content: center; } .careers-page .bold.color-oa { color: var(--oa-text-main, #1F2937); font-weight: 600; font-size: 14px; margin-bottom: 8px; display: block; } .careers-page .bold.color-oa i { color: var(--oa-brand-primary, #005aee); margin-right: 6px; } .careers-page .label.form-label { font-size: 12px; font-weight: 500; color: var(--oa-text-secondary, #374151); margin-bottom: 6px; display: block; } .careers-page .media-body.text-muted { font-size: 13px; color: var(--oa-text-light, #6B7280); line-height: 1.5; } .careers-page label.checkbox { white-space: nowrap; } @media (max-width: 767px) { .careers-page label.checkbox { white-space: normal; } } .careers-page textarea.form-control, .careers-page label.textarea textarea.form-control { font-weight: 400 !important; } .careers-page .customisation-fields > .col { margin-bottom: 16px; } .careers-page .customisation-fields > .col:last-child { margin-bottom: 0; } .careers-page .customisation-fields .label.form-label { display: flex; align-items: center; gap: 6px; } .careers-page .customisation-fields .label.form-label i { color: var(--oa-brand-primary, #005aee); font-size: 14px; } .careers-page .customisation-fields textarea.form-control { font-family: "JetBrains Mono", "Consolas", "Monaco", monospace; font-size: 12px; line-height: 1.5; background: var(--oa-bg-white, #FFFFFF); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-md, 8px); } .careers-page .customisation-fields textarea.form-control::placeholder { color: var(--oa-text-light, #9CA3AF); font-style: italic; } .careers-page section.card .row.padding-top-10 > .col.col-md-3, .careers-page section.card .row.padding-top-10 > .col.col-md-4 { margin-bottom: 12px; } .careers-page .tracking-cards { margin-left: -10px; margin-right: -10px; } .careers-page .tracking-cards > [class*=col-] { padding-left: 10px; padding-right: 10px; margin-bottom: 16px; } .careers-page .tracking-card { background: var(--oa-bg-white, #FFFFFF); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-md, 8px); padding: 16px; height: 100%; display: flex; gap: 14px; transition: all var(--oa-duration-normal, 200ms) var(--oa-ease-spring); } .careers-page .tracking-card:hover { border-color: var(--oa-brand-light, #3FA9FF); box-shadow: var(--oa-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.08)); } .careers-page .tracking-card-icon { flex-shrink: 0; width: 40px; height: 40px; background: linear-gradient(135deg, var(--oa-brand-primary, #005aee) 0%, var(--oa-brand-light, #3FA9FF) 100%); border-radius: var(--oa-radius-md, 8px); display: flex; align-items: center; justify-content: center; } .careers-page .tracking-card-icon i { font-size: 18px; color: #FFFFFF; } .careers-page .tracking-card-icon.facebook { background: linear-gradient(135deg, #1877F2 0%, #42A5F5 100%); } .careers-page .tracking-card-icon.google { background: linear-gradient(135deg, #4285F4 0%, #34A853 100%); } .careers-page .tracking-card-content { flex: 1; min-width: 0; } .careers-page .tracking-card-content .label.form-label { margin-bottom: 4px; font-weight: 600; color: var(--oa-text-main, #1F2937); } .careers-page .tracking-card-description { font-size: 12px; color: var(--oa-text-light, #6B7280); line-height: 1.4; margin-bottom: 10px; } .careers-page .smart-form footer .btn, .careers-page footer .btn { text-transform: none; } @media (max-width: 767px) { .careers-page.margin-30 { margin: 10px !important; } .careers-page.padding-13 { padding: 8px !important; } .careers-page section.card .card-body { padding: 16px; } .career-portal-promo .card-body { padding: 24px 20px; } .career-portal-promo .card-body h4 { font-size: 20px; } .careers-page .career-portal-items .row > [class*=col-] { margin-bottom: 16px; } .careers-page .color-picker-section .row > [class*=col-] { flex: 0 0 100%; max-width: 100%; } .careers-page .tracking-cards > [class*=col-] { flex: 0 0 100%; max-width: 100%; } .careers-page .tracking-card { padding: 14px; gap: 12px; } .careers-page .tracking-card-icon { width: 36px; height: 36px; } .careers-page .tracking-card-icon i { font-size: 16px; } } @media (max-width: 400px) { .careers-page.margin-30 { margin: 5px !important; } .careers-page.padding-13 { padding: 5px !important; } .careers-page section.card .card-body { padding: 12px; } } .career-portal-promo { background: linear-gradient(135deg, #005aee 0%, #3FA9FF 100%) !important; border-radius: var(--oa-radius-lg, 12px); box-shadow: var(--oa-shadow-md, 0 4px 6px rgba(0, 90, 238, 0.15)); margin-bottom: 30px; overflow: hidden; } .career-portal-promo .card-body { padding: 40px 50px; } .career-portal-promo .card-body h4 { color: #FFFFFF; font-size: 24px; font-weight: 700; margin-bottom: 12px; } .career-portal-promo .card-body h4 i { margin-right: 8px; } .career-portal-promo .card-body .promo-description { color: rgba(255, 255, 255, 0.9); font-size: 14px; line-height: 1.6; margin-bottom: 12px; } .career-portal-promo .card-body .promo-domain { color: rgba(255, 255, 255, 0.95); font-size: 14px; margin-bottom: 24px; } .career-portal-promo .card-body .promo-domain a { color: #FFFFFF; font-weight: 600; text-decoration: underline; } .career-portal-promo .card-body .promo-domain a:hover { text-decoration: none; } .career-portal-promo .card-body .btn-primary { background: #FFFFFF; color: var(--oa-brand-primary, #005aee); border: none; font-weight: 600; } .career-portal-promo .card-body .btn-primary:hover { background: rgba(255, 255, 255, 0.9); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .systematization-filter-header { flex-direction: row !important; flex-wrap: wrap; align-items: center !important; gap: 12px !important; } .systematization-filter-header .view-toggle + .btn { margin-left: auto; } .systematization-filter-header .view-toggle, .employees-filter-header .view-toggle { display: flex; gap: 0; border: 1px solid var(--oa-border, #E5E7EB); border-radius: 8px; overflow: hidden; background: var(--oa-card-bg, #FFFFFF); } .systematization-filter-header .view-toggle .btn, .employees-filter-header .view-toggle .btn { padding: 6px 12px; min-width: 38px; border: none; border-radius: 0; transition: all var(--oa-duration-fast, 150ms) ease; } .systematization-filter-header .view-toggle .btn:first-child, .employees-filter-header .view-toggle .btn:first-child { border-right: 1px solid var(--oa-border, #E5E7EB); } .systematization-filter-header .view-toggle .btn.btn-ghost, .employees-filter-header .view-toggle .btn.btn-ghost { background: transparent; color: var(--oa-text-muted, #64748B); } .systematization-filter-header .view-toggle .btn.btn-ghost:hover, .employees-filter-header .view-toggle .btn.btn-ghost:hover { background: var(--oa-bg-hover, #F8FAFD); color: var(--oa-text-secondary, #475569); } .systematization-filter-header .view-toggle .btn.btn-primary, .employees-filter-header .view-toggle .btn.btn-primary { background: var(--oa-brand-primary, #005aee); color: white; } .systematization-filter-header .view-toggle .btn.btn-primary:hover, .employees-filter-header .view-toggle .btn.btn-primary:hover { background: var(--oa-brand-dark, #0047c1); } .systematization-filter-header .view-toggle .btn i, .employees-filter-header .view-toggle .btn i { font-size: 14px; } .systematization-toolbar { padding: 8px 20px; display: flex; align-items: center; gap: 12px; } .systematization-toolbar .toolbar-count { font-size: 13px; color: var(--oa-text-secondary, #64748B); } .systematization-toolbar .toolbar-count strong { color: var(--oa-text-main, #1F2937); } .systematization-toolbar .badge-info-tinted { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; background: rgba(0, 90, 238, 0.08); color: var(--oa-brand-primary, #005aee); border-radius: 20px; font-size: 13px; } .systematization-toolbar .badge-info-tinted i { font-size: 12px; } .systematization-toolbar .badge-info-tinted .badge-close { background: none; border: none; padding: 2px 4px; margin: -2px -4px -2px 4px; cursor: pointer; color: var(--oa-text-muted, #64748B); transition: color 0.15s ease; } .systematization-toolbar .badge-info-tinted .badge-close:hover { color: var(--oa-brand-primary, #005aee); } .systematization-table .col-name { min-width: 200px; } .systematization-table .col-org { min-width: 150px; } .systematization-table .col-date { width: 110px; } .systematization-table .col-count { width: 100px; } .systematization-table .col-actions { width: 60px; } .systematization-table .systematization-name { font-weight: 500; color: var(--oa-text-main, #1F2937); } .systematization-table .systematization-name:hover { color: var(--oa-brand-primary, #005aee); } .systematization-table .systematization-meta { font-size: 12px; color: var(--oa-text-muted, #64748B); margin-top: 2px; } .systematization-table .employee-count { display: inline-block; min-width: 32px; padding: 4px 10px; background: var(--oa-bg-subtle, #F1F5F9); color: var(--oa-text-secondary, #475569); border-radius: 12px; font-size: 13px; font-weight: 500; text-align: center; } .systematization-table .employee-count.count-zero { color: var(--oa-text-muted, #94A3B8); background: var(--oa-bg-base, #F9FAFB); } .systematization-tree, .employees-org-tree { background: var(--oa-card-bg, #FFFFFF); border: 1px solid var(--oa-border, #E5E7EB); border-radius: 12px; padding: 16px; min-height: 200px; } .systematization-tree .org-tree, .employees-org-tree .org-tree { list-style: none; padding: 0; margin: 0; } .systematization-tree .org-tree-children, .employees-org-tree .org-tree-children { list-style: none; padding: 0; margin: 0; padding-left: 24px; border-left: 1px solid var(--oa-border-light, #E5E7EB); margin-left: 16px; margin-top: 4px; } .systematization-tree .org-tree-node, .employees-org-tree .org-tree-node { margin-bottom: 4px; } .systematization-tree .org-tree-node:last-child, .employees-org-tree .org-tree-node:last-child { margin-bottom: 0; } .systematization-tree .org-tree-item, .employees-org-tree .org-tree-item { display: flex; align-items: center; padding: 12px 16px; background: var(--oa-bg-base, #F9FAFB); border: 1px solid var(--oa-border, #E5E7EB); border-radius: 8px; gap: 12px; transition: all var(--oa-duration-fast, 150ms) ease; } .systematization-tree .org-tree-item:hover, .employees-org-tree .org-tree-item:hover { background: var(--oa-bg-hover, #F8FAFD); border-color: var(--oa-brand-light, #3FA9FF); } .systematization-tree .org-tree-item.has-positions, .employees-org-tree .org-tree-item.has-positions { border-left: 3px solid var(--oa-brand-primary, #005aee); } .systematization-tree .org-tree-item.has-positions .org-item-icon i, .employees-org-tree .org-tree-item.has-positions .org-item-icon i { color: var(--oa-brand-primary, #005aee); } .systematization-tree .org-item-icon, .employees-org-tree .org-item-icon { display: flex; align-items: center; flex-shrink: 0; } .systematization-tree .org-item-icon i, .employees-org-tree .org-item-icon i { font-size: 16px; color: var(--oa-text-secondary, #64748B); width: 20px; text-align: center; } .systematization-tree .org-item-content, .employees-org-tree .org-item-content { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .systematization-tree .org-item-name, .employees-org-tree .org-item-name { font-size: 14px; font-weight: 500; color: var(--oa-text-main, #1F2937); line-height: 1.4; } .systematization-tree .org-item-description, .employees-org-tree .org-item-description { font-size: 12px; color: var(--oa-text-muted, #64748B); line-height: 1.3; } .systematization-tree .org-item-count, .employees-org-tree .org-item-count { flex-shrink: 0; min-width: 28px; padding: 2px 8px; border-radius: 12px; background: var(--oa-card-bg, #FFFFFF); border: 1px solid var(--oa-border, #E5E7EB); color: var(--oa-text-secondary, #64748B); font-size: 12px; font-weight: 600; line-height: 1.4; text-align: center; } .systematization-tree .org-item-count.is-zero, .employees-org-tree .org-item-count.is-zero { opacity: 0.5; } .systematization-tree .sys-count, .employees-org-tree .sys-count { background: var(--oa-brand-primary, #005aee); color: white; padding: 3px 10px; border-radius: 12px; font-size: 11px; font-weight: 600; flex-shrink: 0; } .systematization-tree .sys-list, .employees-org-tree .sys-list { margin: 8px 0 16px 40px; padding: 0; list-style: none; border-left: 2px solid var(--oa-brand-light, #A3D4FF); padding-left: 16px; } .systematization-tree .sys-item, .employees-org-tree .sys-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: var(--oa-radius-sm, 6px); transition: background var(--oa-duration-fast, 150ms) ease; background: var(--oa-card-bg, #FFFFFF); border: 1px solid transparent; margin-bottom: 4px; } .systematization-tree .sys-item:last-child, .employees-org-tree .sys-item:last-child { margin-bottom: 0; } .systematization-tree .sys-item:hover, .employees-org-tree .sys-item:hover { background: var(--oa-bg-hover, #F8FAFD); border-color: var(--oa-border, #E5E7EB); } .systematization-tree .sys-item > i, .employees-org-tree .sys-item > i { color: var(--oa-text-muted, #64748B); width: 16px; flex-shrink: 0; font-size: 13px; } .systematization-tree .sys-item .sys-name, .employees-org-tree .sys-item .sys-name { flex: 1; color: var(--oa-text-primary, #1F2937); font-size: 13px; font-weight: 500; } .systematization-tree .sys-item .sys-name:hover, .employees-org-tree .sys-item .sys-name:hover { color: var(--oa-brand-primary, #005aee); text-decoration: underline; } .systematization-tree .sys-item .emp-count, .employees-org-tree .sys-item .emp-count { background: var(--oa-bg-subtle, #F1F5F9); color: var(--oa-text-secondary, #475569); padding: 3px 10px; border-radius: 12px; font-size: 12px; min-width: 32px; text-align: center; font-weight: 500; } .systematization-tree .sys-item .emp-count.zero, .employees-org-tree .sys-item .emp-count.zero { color: var(--oa-text-muted, #94A3B8); background: var(--oa-bg-base, #F9FAFB); } .sys-unassigned { margin-top: 24px; background: var(--oa-card-bg, #FFFFFF); border: 1px dashed var(--oa-warning, #F59E0B); border-radius: 12px; overflow: hidden; } .sys-unassigned .card-header { background: rgba(245, 158, 11, 0.08); padding: 12px 16px; display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 14px; color: var(--oa-text-main, #1F2937); border-bottom: 1px solid rgba(245, 158, 11, 0.2); } .sys-unassigned .card-header > i { color: var(--oa-warning, #F59E0B); font-size: 16px; } .sys-unassigned .card-header .badge { background: var(--oa-warning, #F59E0B); color: white; padding: 3px 10px; border-radius: 12px; font-size: 11px; margin-left: auto; } .sys-unassigned .sys-list { margin: 0; padding: 12px 16px; list-style: none; border-left: none; } .sys-unassigned .sys-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: var(--oa-radius-sm, 6px); transition: background var(--oa-duration-fast, 150ms) ease; background: transparent; border: 1px solid transparent; margin-bottom: 4px; } .sys-unassigned .sys-item:last-child { margin-bottom: 0; } .sys-unassigned .sys-item:hover { background: var(--oa-bg-hover, #F8FAFD); border-color: var(--oa-border, #E5E7EB); } .sys-unassigned .sys-item > i { color: var(--oa-text-muted, #64748B); width: 16px; flex-shrink: 0; font-size: 13px; } .sys-unassigned .sys-item .sys-name { flex: 1; color: var(--oa-text-primary, #1F2937); font-size: 13px; font-weight: 500; } .sys-unassigned .sys-item .sys-name:hover { color: var(--oa-brand-primary, #005aee); text-decoration: underline; } .sys-unassigned .sys-item .emp-count { background: var(--oa-bg-subtle, #F1F5F9); color: var(--oa-text-secondary, #475569); padding: 3px 10px; border-radius: 12px; font-size: 12px; min-width: 32px; text-align: center; font-weight: 500; } .sys-unassigned .sys-item .emp-count.zero { color: var(--oa-text-muted, #94A3B8); background: var(--oa-bg-base, #F9FAFB); } .systematization-tree + .text-center .fa-spinner, .container-90 > .text-center .fa-spinner { color: var(--oa-brand-primary, #005aee); } @media (max-width: 768px) { .systematization-filter-header .view-toggle { margin-left: 8px; margin-right: 8px; } .systematization-tree { padding: 12px; } .systematization-tree .org-tree-children { padding-left: 16px; margin-left: 8px; } .systematization-tree .org-tree-item { padding: 10px 12px; } .systematization-tree .sys-list { margin-left: 24px; padding-left: 12px; } } .systematization-modal .boostrap-select2 .ui-select-match > .btn, .systematization-modal .boostrap-select2 .ui-select-toggle { height: var(--oa-input-height) !important; min-height: var(--oa-input-height) !important; padding: 0 12px !important; font-size: 13.5px !important; font-weight: 600 !important; line-height: calc(var(--oa-input-height) - 2px) !important; border-radius: var(--oa-radius-md) !important; border: 1px solid var(--oa-border-color) !important; background: #FFFFFF !important; box-shadow: none !important; display: flex !important; align-items: center !important; justify-content: space-between !important; } .systematization-modal .boostrap-select2.open .ui-select-match > .btn, .systematization-modal .boostrap-select2 .ui-select-match > .btn:focus { border-color: var(--oa-brand-light) !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15) !important; } .ai-filter .candidates-filters { width: auto !important; padding-top: 0; padding-bottom: 0; } .ai-filter .candidates-filters > .col.col-xs-4, .ai-filter .candidates-filters > [class*=col-xs-4] { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 5px !important; padding-left: 8px !important; padding-right: 8px !important; } .ai-filter .candidates-filters candidate-dropdown-filter, .ai-filter .candidates-filters candidate-dropdown-filter-single-choice { display: block !important; width: 100% !important; } .ai-filter .candidates-filters candidate-dropdown-filter .btn-group.candidate-dropdown-filter, .ai-filter .candidates-filters candidate-dropdown-filter-single-choice .btn-group.candidate-dropdown-filter { display: flex !important; width: 100% !important; height: 30px !important; min-height: auto !important; border-radius: 6px !important; border: 1px solid #E2E8F0 !important; background: #ffffff !important; padding: 0 !important; font-size: 12px !important; } .ai-filter .candidates-filters candidate-dropdown-filter .filter-toggle, .ai-filter .candidates-filters candidate-dropdown-filter-single-choice .filter-toggle { flex: 1 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 6px !important; padding: 0 10px !important; font-size: 12px !important; font-weight: 500 !important; height: 100% !important; min-height: auto !important; color: #475569 !important; background: transparent !important; border: none !important; cursor: pointer !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .ai-filter .candidates-filters candidate-dropdown-filter .filter-toggle i, .ai-filter .candidates-filters candidate-dropdown-filter-single-choice .filter-toggle i { font-size: 12px !important; flex-shrink: 0 !important; width: 14px !important; text-align: center !important; } .ai-filter .candidates-filters candidate-dropdown-filter .filter-toggle .filter-label, .ai-filter .candidates-filters candidate-dropdown-filter-single-choice .filter-toggle .filter-label { overflow: hidden; text-overflow: ellipsis; } .ai-filter .candidates-filters candidate-dropdown-filter .filter-toggle .filter-value, .ai-filter .candidates-filters candidate-dropdown-filter-single-choice .filter-toggle .filter-value { font-weight: 600 !important; color: #0F172A !important; overflow: hidden; text-overflow: ellipsis; } .ai-filter .candidates-filters candidate-dropdown-filter .filter-clear, .ai-filter .candidates-filters candidate-dropdown-filter-single-choice .filter-clear { display: flex !important; align-items: center !important; padding-right: 8px !important; font-size: 12px !important; color: #94A3B8 !important; cursor: pointer !important; flex-shrink: 0 !important; } .ai-filter .candidates-filters candidate-dropdown-filter .filter-clear:hover, .ai-filter .candidates-filters candidate-dropdown-filter-single-choice .filter-clear:hover { color: #0F172A !important; } .ai-filter .candidates-filters candidate-dropdown-filter .btn-group.candidate-dropdown-filter:hover, .ai-filter .candidates-filters candidate-dropdown-filter-single-choice .btn-group.candidate-dropdown-filter:hover { background: #1e5bb8 !important; border-color: #1e5bb8 !important; } .ai-filter .candidates-filters candidate-dropdown-filter .btn-group.candidate-dropdown-filter:hover .filter-toggle, .ai-filter .candidates-filters candidate-dropdown-filter .btn-group.candidate-dropdown-filter:hover .filter-toggle i, .ai-filter .candidates-filters candidate-dropdown-filter .btn-group.candidate-dropdown-filter:hover .filter-label, .ai-filter .candidates-filters candidate-dropdown-filter .btn-group.candidate-dropdown-filter:hover .filter-value, .ai-filter .candidates-filters candidate-dropdown-filter-single-choice .btn-group.candidate-dropdown-filter:hover .filter-toggle, .ai-filter .candidates-filters candidate-dropdown-filter-single-choice .btn-group.candidate-dropdown-filter:hover .filter-toggle i, .ai-filter .candidates-filters candidate-dropdown-filter-single-choice .btn-group.candidate-dropdown-filter:hover .filter-label, .ai-filter .candidates-filters candidate-dropdown-filter-single-choice .btn-group.candidate-dropdown-filter:hover .filter-value { color: #ffffff !important; } .ai-filter .candidates-filters candidate-dropdown-filter .btn-group.candidate-dropdown-filter.active, .ai-filter .candidates-filters candidate-dropdown-filter-single-choice .btn-group.candidate-dropdown-filter.active { background: #1e5bb8 !important; border-color: #1e5bb8 !important; } .ai-filter .candidates-filters candidate-dropdown-filter .btn-group.candidate-dropdown-filter.active .filter-toggle, .ai-filter .candidates-filters candidate-dropdown-filter .btn-group.candidate-dropdown-filter.active .filter-toggle i, .ai-filter .candidates-filters candidate-dropdown-filter .btn-group.candidate-dropdown-filter.active .filter-label, .ai-filter .candidates-filters candidate-dropdown-filter .btn-group.candidate-dropdown-filter.active .filter-value, .ai-filter .candidates-filters candidate-dropdown-filter-single-choice .btn-group.candidate-dropdown-filter.active .filter-toggle, .ai-filter .candidates-filters candidate-dropdown-filter-single-choice .btn-group.candidate-dropdown-filter.active .filter-toggle i, .ai-filter .candidates-filters candidate-dropdown-filter-single-choice .btn-group.candidate-dropdown-filter.active .filter-label, .ai-filter .candidates-filters candidate-dropdown-filter-single-choice .btn-group.candidate-dropdown-filter.active .filter-value { color: #ffffff !important; } .ai-filter .candidates-filters candidate-dropdown-filter .btn-group.candidate-dropdown-filter.active .filter-clear, .ai-filter .candidates-filters candidate-dropdown-filter-single-choice .btn-group.candidate-dropdown-filter.active .filter-clear { color: #ffffff !important; opacity: 0.8; } .ai-filter .candidates-filters candidate-dropdown-filter .btn-group.candidate-dropdown-filter.active .filter-clear:hover, .ai-filter .candidates-filters candidate-dropdown-filter-single-choice .btn-group.candidate-dropdown-filter.active .filter-clear:hover { opacity: 1; } .ai-filter .candidates-filters label.text-muted { display: block !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; color: #94A3B8 !important; padding: 6px 0 2px 0 !important; margin: 0 !important; width: 100% !important; border-top: 1px solid #F1F5F9 !important; } .ai-filter .candidates-filters label.text-muted:first-of-type { border-top: none !important; padding-top: 0 !important; } .ai-filter .candidates-filters br { display: none !important; } .ai-filter .candidates-filters .candidate-dropdown-filter .dropdown-menu { position: absolute !important; z-index: 1060 !important; min-width: 200px !important; max-height: 280px !important; overflow-y: auto !important; } .ai-filter .candidates-filters .candidate-dropdown-filter { border-radius: 4px !important; } .ai-filter .candidates-filters .candidate-dropdown-filter .filter-toggle { border-radius: 4px !important; } .ai-filter .candidates-filters .filter-toggle .filter-label.ng-hide { display: inline !important; margin-right: 4px; } .ai-filter .candidates-filters .filter-toggle .filter-label.ng-hide::after { content: ":"; } .ai-filter .candidates-filters + label, .ai-filter .candidates-filters + .row { margin-top: 16px !important; } .ai-filter .modal-body { text-align: left !important; } .ai-filter .modal-body .row { text-align: left !important; } .ai-filter .modal-body label, .ai-filter .modal-body .label, .ai-filter .modal-body .form-group, .ai-filter .modal-body .col { text-align: left !important; } .ai-filter .modal-body .smart-form { text-align: left !important; } .ai-filter .icon-addon.addon-md label.fa-circle-info { position: absolute !important; left: auto !important; right: 36px !important; top: 50% !important; transform: translateY(-50%) !important; pointer-events: auto !important; cursor: pointer !important; z-index: 2; color: #94A3B8; } .ai-filter .icon-addon.addon-md label.fa-circle-info:hover { color: #005aee; } .ai-filter .icon-addon.addon-md label.fa-xmark { position: absolute !important; left: auto !important; right: 10px !important; top: 50% !important; transform: translateY(-50%) !important; pointer-events: auto !important; cursor: pointer !important; z-index: 2; } .ai-filter .icon-addon.addon-md input.form-control { padding-right: 64px !important; } .ai-filter .dropdown-menu label.checkbox { flex-wrap: nowrap !important; align-items: flex-start !important; } .ai-filter .dropdown-menu label.checkbox input[type=checkbox] { margin: 1px 10px 0 0 !important; } .ai-filter .add-user-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px 10px; } .ai-filter .add-user-row > .col { float: none; width: auto; padding: 0 !important; } .ai-filter .add-user-row > .col:nth-child(1) { flex: 3 1 170px; } .ai-filter .add-user-row > .col:nth-child(2), .ai-filter .add-user-row > .col:nth-child(3) { flex: 1 1 90px; max-width: 160px; } .ai-filter .add-user-row > .col:nth-child(4), .ai-filter .add-user-row > .col:nth-child(5) { flex: 0 0 auto; } .ai-filter .add-user-row > .col:nth-child(n+6) { flex: 0 0 100%; } .collection-edit-add-user-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px 10px; } .collection-edit-add-user-row > .col { float: none; width: auto; padding: 0 !important; } .collection-edit-add-user-row > .col:nth-child(1) { flex: 3 1 170px; } .collection-edit-add-user-row > .col:nth-child(2), .collection-edit-add-user-row > .col:nth-child(3) { flex: 1 1 90px; max-width: 160px; } .collection-edit-add-user-row > .col:nth-child(4), .collection-edit-add-user-row > .col:nth-child(5) { flex: 0 0 auto; } .permissions-dropdown { width: 240px !important; min-width: 200px !important; padding: 4px 0 !important; font-size: 12px !important; max-height: 300px !important; overflow-y: auto !important; } .permissions-dropdown > li.line-height-2, .permissions-dropdown > li.padding-5 { line-height: 22px !important; padding: 0 8px !important; } .permissions-dropdown > li.line-height-2 label.checkbox, .permissions-dropdown > li.padding-5 label.checkbox { font-size: 12px !important; padding: 2px 0 !important; margin: 0 !important; font-weight: 500 !important; letter-spacing: 0.01em !important; flex-wrap: nowrap !important; align-items: flex-start !important; } .permissions-dropdown > li.line-height-2 label.checkbox input[type=checkbox], .permissions-dropdown > li.padding-5 label.checkbox input[type=checkbox] { margin: 1px 10px 0 0 !important; } .collection-edit-permissions-menu { max-height: 300px !important; overflow-y: auto !important; } .collection-edit-footer { position: relative; z-index: 1010; background: inherit; } .padding-left-40 .card-body > .row.margin-bottom-15 label.checkbox { flex-wrap: wrap !important; white-space: normal !important; } .padding-left-40 .input-group { display: flex !important; width: 100%; } .padding-left-40 .input-group > label.input { flex: 1 1 0% !important; min-width: 0 !important; width: 100%; } .padding-left-40 .input-group > label.input input[readonly] { white-space: nowrap; } .padding-left-40 .input-group > .input-group-btn { flex: 0 0 auto !important; white-space: nowrap; } .padding-left-40 .card-body > .row.no-gutter { flex-wrap: wrap; } .padding-left-40 .card-body > .row.no-gutter > .margin-top-20 { width: 100%; flex: 0 0 100%; max-width: 100%; margin-top: 24px !important; } .padding-left-40 .card-body > .row.no-gutter > .margin-top-20 h2.card-title { margin-bottom: 12px; } .automation-list-page .automation-grid { display: flex; flex-wrap: wrap; } .automation-list-page .automation-card { height: 100%; min-height: 168px; display: flex; flex-direction: column; } .automation-list-page .automation-card .card-body { display: flex; flex-direction: column; flex: 1 1 auto; } .automation-list-page .automation-card .card-body > .margin-top-15 { margin-top: auto !important; } .automation-editor-page { display: flex; flex-direction: column; height: calc(100vh - 55px); } .automation-editor-page .filter-header-2027 { flex: 0 0 auto; } .automation-editor-breadcrumb { margin: 0; padding: 0; background: transparent; } .automation-editor-back { cursor: pointer; } .automation-editor-page .automation-editor-name-input { width: 220px; margin-left: var(--oa-space-lg, 16px); } .automation-editor-actions { margin-left: auto; display: flex; gap: var(--oa-space-sm, 8px); } .automation-editor-canvas-wrap { position: relative; display: flex; flex: 1 1 auto; min-height: 0; } .automation-editor-canvas { position: relative; width: 100%; flex: 1; min-width: 0; background: var(--oa-bg-base, #F5F5F7); } .automation-editor-canvas .drawflow .drawflow-node { background: transparent; border: none; box-shadow: none; padding: 0; width: auto; } .oa-df-node { background: var(--oa-bg-white, #fff); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 10px; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06); padding: 10px 12px; min-width: 172px; font-family: inherit; } .oa-df-node-head { display: flex; align-items: center; } .oa-df-icon { display: inline-flex; width: 26px; height: 26px; align-items: center; justify-content: center; border-radius: 7px; background: rgba(0, 90, 238, 0.08); margin-right: 8px; font-size: 14px; } .oa-df-title { font-weight: 600; color: var(--oa-text-main, #1F2937); font-size: 13px; } .oa-df-sub { font-size: 11px; color: var(--oa-text-light, #6B7280); margin-top: 3px; } .oa-df-ports { margin-top: 8px; border-top: 1px dashed var(--oa-border-color, #E5E7EB); padding-top: 6px; } .oa-df-port { font-size: 11px; color: var(--oa-text-light, #6B7280); line-height: 18px; } .oa-df-port i { font-size: 10px; opacity: 0.7; } /* Semantic connector grammar — same KIND of flow = same look (color carries meaning): start (trigger) = green, Document status branches = teal, Switch branches = violet, continue/done = gray DASHED. Port circles differ by source type the same way: filled green (trigger), filled teal (Document statuses), filled violet (Switch), hollow gray (plain continue outputs + all inputs). These four hues are a semantic grammar with no token equivalent — left as literals on purpose. */ .oa-df-port-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; background: #94a3b8; } .oa-node-document .oa-df-port-dot { background: #0F766E; } .oa-node-gateway .oa-df-port-dot { background: #7C3AED; } .automation-editor-canvas .drawflow .drawflow-node .input, .automation-editor-canvas .drawflow .drawflow-node .output { background: var(--oa-bg-white, #fff); border: 2px solid #94a3b8; } .automation-editor-canvas .drawflow .connection .main-path { stroke: #94a3b8; stroke-width: 2px; } .automation-editor-canvas .drawflow .connection.oa-conn-start .main-path { stroke: #059669; } .automation-editor-canvas .drawflow .connection.oa-conn-status .main-path { stroke: #0F766E; } .automation-editor-canvas .drawflow .connection.oa-conn-gateway .main-path { stroke: #7C3AED; } .automation-editor-canvas .drawflow .connection.oa-conn-done .main-path { stroke: #94a3b8; stroke-dasharray: 6 5; } .automation-editor-canvas .drawflow .drawflow-node.oa-node-trigger .output { background: #059669; border-color: #059669; } .automation-editor-canvas .drawflow .drawflow-node.oa-node-document .output { background: #0F766E; border-color: #0F766E; } .automation-editor-canvas .drawflow .drawflow-node.oa-node-gateway .output { background: #7C3AED; border-color: #7C3AED; } /* Compact face for notification (email) nodes — they read as a small "email chip", not a full step card. */ .automation-editor-canvas .drawflow .drawflow-node.oa-node-notification .oa-df-node { min-width: 130px; max-width: 220px; padding: 6px 9px; border-radius: 8px; } .automation-editor-canvas .drawflow .drawflow-node.oa-node-notification .oa-df-icon { width: 20px; height: 20px; font-size: 11px; margin-right: 6px; border-radius: 5px; } .automation-editor-canvas .drawflow .drawflow-node.oa-node-notification .oa-df-title { font-size: 11.5px; } .automation-editor-canvas .drawflow .drawflow-node.oa-node-notification .oa-df-sub { font-size: 10px; margin-top: 1px; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .automation-palette { width: 240px; background: var(--oa-bg-white, #fff); border-right: 1px solid var(--oa-border-color, #E5E7EB); padding: 12px 10px; overflow-y: auto; } .automation-palette-title { font-size: 11px; font-weight: 600; color: var(--oa-text-light, #6B7280); margin: 0 0 6px 4px; } .automation-palette-title.automation-palette-title--gap { margin-top: 14px; } .automation-palette-item { border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 8px; padding: 7px 10px; font-size: 12.5px; color: var(--oa-text-main, #1F2937); margin-bottom: 6px; cursor: grab; background: #F9FAFB; } .automation-palette-item:hover { border-color: var(--oa-brand-primary, #005aee); } .automation-palette-item i { width: 18px; color: var(--oa-text-light, #6B7280); } .automation-palette-empty { font-size: 11px; padding: 6px 10px; } .automation-config-panel { width: 280px; background: var(--oa-bg-white, #fff); border-left: 1px solid var(--oa-border-color, #E5E7EB); padding: 14px 12px; overflow-y: auto; display: flex; flex-direction: column; gap: 0; } .automation-panel-section-title { font-size: var(--oa-text-caption, 11px); font-weight: 600; color: var(--oa-text-light, #6B7280); margin: 0 0 6px; } .automation-panel-node-title { font-size: var(--oa-text-sm, 13px); font-weight: 600; color: var(--oa-text-main, #1F2937); margin-bottom: var(--oa-space-sm, 8px); } .automation-panel-node-title i { color: var(--oa-text-light, #6B7280); margin-right: 4px; } .automation-panel-body { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; } .automation-panel-empty { margin: auto 0; text-align: center; font-size: var(--oa-text-label, 12px); line-height: 1.5; padding: var(--oa-space-lg, 16px) var(--oa-space-sm, 8px); } .automation-panel-field { margin-bottom: 10px; } .automation-panel-label { display: block; font-size: var(--oa-text-caption, 11px); font-weight: 400; color: var(--oa-text-light, #6B7280); margin-bottom: 2px; } .automation-config-panel .form-control { width: 100%; } .automation-panel-subfield { margin-top: 4px; } .automation-panel-stacked { margin-top: 4px; } .automation-panel-schema { margin-top: 4px; } .automation-panel-section { margin-bottom: 10px; } .automation-panel-section--divided { margin-top: 14px; border-top: 1px solid var(--oa-border-color, #E5E7EB); padding-top: 10px; } .automation-panel-group { margin-bottom: 4px; } .automation-panel-hint { font-size: var(--oa-text-caption, 11px); line-height: 1.45; margin-top: 2px; } .automation-panel-note { font-size: 10px; color: var(--oa-text-light, #6B7280); margin-top: 2px; } .automation-run-note { display: flex; align-items: flex-start; gap: 4px; font-size: var(--oa-text-label, 12px); line-height: 1.5; color: var(--oa-text-light, #6B7280); margin-bottom: var(--oa-space-sm, 8px); } .automation-run-note i { flex-shrink: 0; } .automation-run-subject-hint { font-size: var(--oa-text-label, 12px); color: var(--oa-text-secondary, #374151); } .automation-panel-alert { font-size: var(--oa-text-caption, 11px); line-height: 1.45; margin-bottom: 6px; } .automation-panel-alert.automation-panel-alert--spaced { margin-bottom: var(--oa-space-sm, 8px); } .automation-panel-error { font-size: 10px; line-height: 1.4; margin-top: 3px; } .automation-panel-checkbox { display: flex; align-items: flex-start; gap: 6px; font-size: var(--oa-text-label, 12px); font-weight: 400; color: var(--oa-text-secondary, #374151); cursor: pointer; margin: 0; } .automation-panel-checkbox input[type=checkbox] { margin: 2px 0 0; flex-shrink: 0; } .automation-status-row { display: flex; align-items: center; flex-wrap: wrap; gap: var(--oa-space-sm, 8px); font-size: 12.5px; color: var(--oa-text-main, #1F2937); font-weight: 400; padding: 4px 2px; cursor: pointer; margin: 0; } .automation-status-row input[type=checkbox] { margin: 0; flex-shrink: 0; } .automation-status-row.automation-status-row--separated { margin-top: var(--oa-space-sm, 8px); border-top: 1px solid var(--oa-border-color, #E5E7EB); padding-top: var(--oa-space-sm, 8px); } .automation-status-actions { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; } .btn.automation-quick-add { font-size: 10px; padding: 2px 7px; line-height: 1.4; } .btn.automation-panel-btn { margin-top: 6px; } .automation-signer-row, .automation-rule-row, .automation-field-row { background: #F9FAFB; border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-md, 8px); padding: 10px 12px; margin-bottom: var(--oa-space-sm, 8px); } .automation-field-row { display: flex; align-items: center; gap: 6px; } .automation-field-row > .form-control { flex: 1 1 0; min-width: 0; width: auto; } .automation-field-row > .btn { flex: 0 0 auto; } .automation-rule-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; } .automation-rule-row > .form-control { width: auto; } .automation-rule-row__port { flex: 1 1 auto; min-width: 0; } .automation-rule-row__remove { flex: 0 0 auto; } .automation-rule-row__field { flex: 1 1 100%; } .automation-rule-row__op { flex: 0 0 84px; } .automation-rule-row__value { flex: 1 1 90px; min-width: 0; } .automation-signer-row__head { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; font-size: var(--oa-text-label, 12px); color: var(--oa-text-main, #1F2937); margin-bottom: 6px; } .automation-badge { display: inline-flex; align-items: center; border-radius: var(--oa-radius-full, 9999px); background: #F3F4F6; color: var(--oa-text-muted, #4B5563); font-size: 10px; line-height: 1.6; padding: 0 7px; white-space: nowrap; } .automation-badge--required { background: var(--oa-error-bg, #FEF2F2); color: var(--oa-error-text, #B91C1C); } .automation-signer-picked { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; min-width: 0; } .automation-chip { display: inline-block; min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #F3F4F6; border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-sm, 6px); padding: 3px 7px; font-size: var(--oa-text-caption, 11px); color: var(--oa-text-main, #1F2937); } .automation-link { cursor: pointer; font-size: var(--oa-text-caption, 11px); } .automation-typeahead-list { list-style: none; padding: 0; margin: 4px 0 0; border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-sm, 6px); overflow: hidden; } .automation-typeahead-list li { padding: 5px 8px; cursor: pointer; border-bottom: 1px solid #F3F4F6; font-size: var(--oa-text-caption, 11px); } .automation-typeahead-list li:last-child { border-bottom: none; } .automation-typeahead-list li:hover { background: var(--oa-bg-hover, #F8FAFD); } .automation-typeahead-name { color: var(--oa-text-main, #1F2937); } .automation-panel-readonly { font-size: var(--oa-text-label, 12px); color: var(--oa-text-secondary, #374151); background: #F3F4F6; border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-sm, 6px); padding: 5px 8px; word-break: break-all; } .summary-content .no-float { display: block !important; float: none; width: 100%; max-width: none !important; } .summary-custom-fields, .summary-comments, .summary-collections, .summary-applied-for, .summary-source, .summary-consents, .summary-edocs { background: var(--oa-bg-white, #FFFFFF); border: 1px solid var(--oa-border-color, #E2E8F0); border-radius: var(--oa-radius-lg, 12px); margin-bottom: 16px; overflow: hidden; } .summary-custom-fields > .card-body, .summary-comments > .card-body, .summary-collections > .card-body, .summary-applied-for > .card-body, .summary-source > .card-body, .summary-consents > .card-body, .summary-edocs > .card-body { padding: 20px 24px !important; } .summary-section-label, .profile-tabs-placeholder label.label.bold.text-uppercase { display: block; font-size: 13px !important; font-weight: 600 !important; color: var(--oa-text-main, #1F2937) !important; text-transform: uppercase; letter-spacing: 0.025em; text-align: left !important; padding: 0 0 12px 0 !important; margin-bottom: 0; } .summary-section-label i, .profile-tabs-placeholder label.label.bold.text-uppercase i { color: var(--oa-brand-primary, #005aee); margin-right: 6px; } .summary-position-name { text-transform: none !important; } .profile-tabs-placeholder .phase-label { background-color: #f0f6ff !important; color: var(--oa-brand-primary, #005aee) !important; border-radius: 20px !important; padding: 5px 16px !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.3px; text-align: center; min-width: 100px; display: inline-block; } .summary-comment-item { background-color: var(--oa-bg-secondary, #F8FAFC); padding: 12px 20px; border-radius: 10px; margin-bottom: 8px; } .summary-comment-badge { display: inline-flex; min-width: 50px; align-items: center; justify-content: center; padding: 1px 8px; border-radius: 4px; margin-left: 6px; } .summary-comment-badge .font-xxs { font-size: 10px; font-weight: 600; text-transform: uppercase; } .summary-comment-badge.badge-internal { background-color: rgba(255, 200, 180, 0.81); } .summary-comment-badge.badge-internal .font-xxs { color: #9a6955; } .summary-comment-badge.badge-regular { background-color: rgba(245, 210, 245, 0.71); } .summary-comment-badge.badge-regular .font-xxs { color: #8c7c8c; } .summary-comment-badge.badge-position { background-color: rgba(180, 210, 255, 0.81); } .summary-comment-badge.badge-position .font-xxs { color: #616f87; } .summary-comment-badge.badge-profile { background-color: #d0d0e6; } .summary-comment-badge.badge-profile .font-xxs { color: #666670; } .summary-applied-for .card.margin-bottom-10, .summary-collections .card.margin-bottom-10 { box-shadow: var(--oa-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.05)); transition: box-shadow var(--oa-duration-fast, 150ms) ease, transform var(--oa-duration-fast, 150ms) ease; } .summary-applied-for .card.margin-bottom-10:hover, .summary-collections .card.margin-bottom-10:hover { box-shadow: var(--oa-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 85, 255, 0.05)); transform: translateY(-1px); } .summary-applied-for .col.col-md-1 { display: flex; align-items: center; justify-content: center; } .summary-applied-for .col.col-md-1 .margin-top-15 { margin-top: 0 !important; } .summary-applied-for .col.col-md-3:last-of-type { display: flex; align-items: center; } .summary-applied-for .col.col-md-3:last-of-type .margin-top-15 { margin-top: 0 !important; } .summary-applied-for [style*="padding-right:10px"], .summary-applied-for [style*="padding-right: 10px"] { padding-right: 10px; } .summary-consents table.table, .summary-edocs table.table { margin-bottom: 0; } .summary-consents table.table thead th, .summary-edocs table.table thead th { font-size: 11px; font-weight: 600; color: var(--oa-text-muted, #64748B); text-transform: uppercase; letter-spacing: 0.05em; border-bottom: 1px solid var(--oa-border-color, #E5E7EB); padding: 8px 12px; background: var(--oa-bg-secondary, #F8FAFC); } .summary-consents table.table tbody td, .summary-edocs table.table tbody td { font-size: 13px; padding: 10px 12px; border-bottom: 1px solid var(--oa-border-light, #F1F5F9); vertical-align: middle; color: var(--oa-text-main, #1F2937); } .summary-consents table.table tbody tr:last-child td, .summary-edocs table.table tbody tr:last-child td { border-bottom: none; } .summary-consents table.table .txt-gray, .summary-consents table.table .font-xxs, .summary-edocs table.table .txt-gray, .summary-edocs table.table .font-xxs { color: var(--oa-text-muted, #9CA3AF); font-size: 11px; } .profile-tabs-placeholder .card1 > .card-body > .row > label.label { font-size: 13px !important; } .profile-tabs-placeholder .card1 > .card-body .card .card-body .bold.color-oa, .profile-tabs-placeholder .card .card-body .bold.color-oa, .summary-content .summary-position-name { font-size: 14px !important; } .summary-content .card1 .card-body { font-size: var(--oa-text-body, 13.5px); } .summary-content .font-xs { font-size: 12px !important; } .calendar-dropdown .dropdown-menu { top: 100%; max-height: 400px; overflow-y: auto; } .modal-body label.select.has-ui-select::after { content: none; } .move-to-position-option-name { font-size: var(--oa-text-h3); font-weight: var(--oa-text-h3-weight); line-height: var(--oa-text-h3-leading); } .move-to-position-option-meta { font-size: var(--oa-text-caption); font-weight: var(--oa-text-label-weight); line-height: var(--oa-text-label-leading); } .move-to-position-option-meta > span { margin-right: var(--oa-space-sm); } body > .select2-container.open.move-to-position-select .select2-drop { left: 0; } .modal-body label.btn.text-align-left { justify-content: flex-start !important; text-align: left !important; } .modal-body label.btn.text-align-left > div { min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap; flex: 0 1 auto !important; } .modal-body.smart-form .ui-select-bootstrap > .ui-select-choices { box-sizing: border-box !important; } .compliance-dashboard, .compliance-approvals, .compliance-audits, .compliance-notices, .compliance-settings, .compliance-audit-trail, .compliance-rights, .compliance-dossier, .compliance-notice-templates, .compliance-system-card, .compliance-ropa { padding: 0 20px; } .compliance-dashboard > .filter-header-2027, .compliance-approvals > .filter-header-2027, .compliance-audits > .filter-header-2027, .compliance-notices > .filter-header-2027, .compliance-settings > .filter-header-2027, .compliance-audit-trail > .filter-header-2027, .compliance-rights > .filter-header-2027, .compliance-dossier > .filter-header-2027, .compliance-notice-templates > .filter-header-2027, .compliance-system-card > .filter-header-2027, .compliance-ropa > .filter-header-2027 { width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; margin-bottom: var(--oa-space-md, 16px); } .compliance-dashboard .filter-page-title, .compliance-approvals .filter-page-title, .compliance-audits .filter-page-title, .compliance-notices .filter-page-title, .compliance-settings .filter-page-title, .compliance-audit-trail .filter-page-title, .compliance-rights .filter-page-title, .compliance-dossier .filter-page-title, .compliance-notice-templates .filter-page-title, .compliance-system-card .filter-page-title, .compliance-ropa .filter-page-title { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0; display: flex; align-items: center; gap: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; flex-shrink: 1; } .compliance-dashboard .filter-page-title i, .compliance-approvals .filter-page-title i, .compliance-audits .filter-page-title i, .compliance-notices .filter-page-title i, .compliance-settings .filter-page-title i, .compliance-audit-trail .filter-page-title i, .compliance-rights .filter-page-title i, .compliance-dossier .filter-page-title i, .compliance-notice-templates .filter-page-title i, .compliance-system-card .filter-page-title i, .compliance-ropa .filter-page-title i { color: var(--oa-brand-primary, #005aee); flex-shrink: 0; } .compliance-dashboard .filter-header-2027 select.form-control, .compliance-approvals .filter-header-2027 select.form-control, .compliance-audits .filter-header-2027 select.form-control, .compliance-notices .filter-header-2027 select.form-control, .compliance-settings .filter-header-2027 select.form-control, .compliance-audit-trail .filter-header-2027 select.form-control, .compliance-rights .filter-header-2027 select.form-control, .compliance-dossier .filter-header-2027 select.form-control, .compliance-notice-templates .filter-header-2027 select.form-control, .compliance-system-card .filter-header-2027 select.form-control, .compliance-ropa .filter-header-2027 select.form-control { min-width: 140px; max-width: 200px; height: var(--oa-input-height, 32px); padding: 4px 28px 4px 12px; font-size: 13px; font-weight: 500; color: var(--oa-text-main, #1F2937); background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%236B7280' d='M4.5 6L8 9.5 11.5 6H4.5z'/%3E%3C/svg%3E") no-repeat right 8px center; background-size: 12px; border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-sm, 6px); appearance: none; -webkit-appearance: none; cursor: pointer; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .compliance-dashboard .filter-header-2027 select.form-control:hover, .compliance-approvals .filter-header-2027 select.form-control:hover, .compliance-audits .filter-header-2027 select.form-control:hover, .compliance-notices .filter-header-2027 select.form-control:hover, .compliance-settings .filter-header-2027 select.form-control:hover, .compliance-audit-trail .filter-header-2027 select.form-control:hover, .compliance-rights .filter-header-2027 select.form-control:hover, .compliance-dossier .filter-header-2027 select.form-control:hover, .compliance-notice-templates .filter-header-2027 select.form-control:hover, .compliance-system-card .filter-header-2027 select.form-control:hover, .compliance-ropa .filter-header-2027 select.form-control:hover { border-color: var(--oa-border-strong, #D1D5DB); } .compliance-dashboard .filter-header-2027 select.form-control:focus, .compliance-approvals .filter-header-2027 select.form-control:focus, .compliance-audits .filter-header-2027 select.form-control:focus, .compliance-notices .filter-header-2027 select.form-control:focus, .compliance-settings .filter-header-2027 select.form-control:focus, .compliance-audit-trail .filter-header-2027 select.form-control:focus, .compliance-rights .filter-header-2027 select.form-control:focus, .compliance-dossier .filter-header-2027 select.form-control:focus, .compliance-notice-templates .filter-header-2027 select.form-control:focus, .compliance-system-card .filter-header-2027 select.form-control:focus, .compliance-ropa .filter-header-2027 select.form-control:focus { outline: none; border-color: var(--oa-brand-primary, #005aee); box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1); } .compliance-dashboard .filter-header-2027 input[type=date].form-control, .compliance-approvals .filter-header-2027 input[type=date].form-control, .compliance-audits .filter-header-2027 input[type=date].form-control, .compliance-notices .filter-header-2027 input[type=date].form-control, .compliance-settings .filter-header-2027 input[type=date].form-control, .compliance-audit-trail .filter-header-2027 input[type=date].form-control, .compliance-rights .filter-header-2027 input[type=date].form-control, .compliance-dossier .filter-header-2027 input[type=date].form-control, .compliance-notice-templates .filter-header-2027 input[type=date].form-control, .compliance-system-card .filter-header-2027 input[type=date].form-control, .compliance-ropa .filter-header-2027 input[type=date].form-control { min-width: 140px; max-width: 160px; height: var(--oa-input-height, 32px); padding: 4px 8px; font-size: 13px; font-weight: 500; color: var(--oa-text-main, #1F2937); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-sm, 6px); transition: border-color 0.15s ease, box-shadow 0.15s ease; } .compliance-dashboard .filter-header-2027 input[type=date].form-control:focus, .compliance-approvals .filter-header-2027 input[type=date].form-control:focus, .compliance-audits .filter-header-2027 input[type=date].form-control:focus, .compliance-notices .filter-header-2027 input[type=date].form-control:focus, .compliance-settings .filter-header-2027 input[type=date].form-control:focus, .compliance-audit-trail .filter-header-2027 input[type=date].form-control:focus, .compliance-rights .filter-header-2027 input[type=date].form-control:focus, .compliance-dossier .filter-header-2027 input[type=date].form-control:focus, .compliance-notice-templates .filter-header-2027 input[type=date].form-control:focus, .compliance-system-card .filter-header-2027 input[type=date].form-control:focus, .compliance-ropa .filter-header-2027 input[type=date].form-control:focus { outline: none; border-color: var(--oa-brand-primary, #005aee); box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1); } .compliance-dashboard h1.h3, .compliance-approvals h1.h3, .compliance-audits h1.h3, .compliance-notices h1.h3, .compliance-settings h1.h3, .compliance-audit-trail h1.h3, .compliance-rights h1.h3, .compliance-dossier h1.h3, .compliance-notice-templates h1.h3, .compliance-system-card h1.h3, .compliance-ropa h1.h3 { font-size: 24px !important; font-weight: 700 !important; color: var(--oa-text-main, #1F2937); margin-bottom: 8px; } .compliance-dashboard h1.h3 i, .compliance-approvals h1.h3 i, .compliance-audits h1.h3 i, .compliance-notices h1.h3 i, .compliance-settings h1.h3 i, .compliance-audit-trail h1.h3 i, .compliance-rights h1.h3 i, .compliance-dossier h1.h3 i, .compliance-notice-templates h1.h3 i, .compliance-system-card h1.h3 i, .compliance-ropa h1.h3 i { color: var(--oa-brand-primary, #005aee); margin-right: 8px; } .compliance-dashboard .input-group, .compliance-approvals .input-group, .compliance-audits .input-group, .compliance-notices .input-group, .compliance-settings .input-group, .compliance-audit-trail .input-group, .compliance-rights .input-group, .compliance-dossier .input-group, .compliance-notice-templates .input-group, .compliance-system-card .input-group, .compliance-ropa .input-group { display: flex !important; height: var(--oa-input-height, 32px); } .compliance-dashboard .input-group .input-group-addon, .compliance-approvals .input-group .input-group-addon, .compliance-audits .input-group .input-group-addon, .compliance-notices .input-group .input-group-addon, .compliance-settings .input-group .input-group-addon, .compliance-audit-trail .input-group .input-group-addon, .compliance-rights .input-group .input-group-addon, .compliance-dossier .input-group .input-group-addon, .compliance-notice-templates .input-group .input-group-addon, .compliance-system-card .input-group .input-group-addon, .compliance-ropa .input-group .input-group-addon { display: flex !important; align-items: center; height: var(--oa-input-height, 32px) !important; min-height: var(--oa-input-height, 32px) !important; padding: 0 12px !important; background: var(--oa-bg-white, #F9FAFB); border: 1px solid var(--oa-border-color, #E5E7EB); } .compliance-dashboard .input-group .input-group-addon i, .compliance-approvals .input-group .input-group-addon i, .compliance-audits .input-group .input-group-addon i, .compliance-notices .input-group .input-group-addon i, .compliance-settings .input-group .input-group-addon i, .compliance-audit-trail .input-group .input-group-addon i, .compliance-rights .input-group .input-group-addon i, .compliance-dossier .input-group .input-group-addon i, .compliance-notice-templates .input-group .input-group-addon i, .compliance-system-card .input-group .input-group-addon i, .compliance-ropa .input-group .input-group-addon i { font-size: 14px; color: var(--oa-text-muted, #6B7280); } .compliance-dashboard .input-group .form-control, .compliance-approvals .input-group .form-control, .compliance-audits .input-group .form-control, .compliance-notices .input-group .form-control, .compliance-settings .input-group .form-control, .compliance-audit-trail .input-group .form-control, .compliance-rights .input-group .form-control, .compliance-dossier .input-group .form-control, .compliance-notice-templates .input-group .form-control, .compliance-system-card .input-group .form-control, .compliance-ropa .input-group .form-control { height: var(--oa-input-height, 32px) !important; border-radius: 0 var(--oa-radius-sm, 6px) var(--oa-radius-sm, 6px) 0; } .compliance-dashboard .input-group .input-group-addon:first-child, .compliance-approvals .input-group .input-group-addon:first-child, .compliance-audits .input-group .input-group-addon:first-child, .compliance-notices .input-group .input-group-addon:first-child, .compliance-settings .input-group .input-group-addon:first-child, .compliance-audit-trail .input-group .input-group-addon:first-child, .compliance-rights .input-group .input-group-addon:first-child, .compliance-dossier .input-group .input-group-addon:first-child, .compliance-notice-templates .input-group .input-group-addon:first-child, .compliance-system-card .input-group .input-group-addon:first-child, .compliance-ropa .input-group .input-group-addon:first-child { border-radius: var(--oa-radius-sm, 6px) 0 0 var(--oa-radius-sm, 6px); border-right: none; } .compliance-dashboard .input-group .input-group-addon:last-child, .compliance-approvals .input-group .input-group-addon:last-child, .compliance-audits .input-group .input-group-addon:last-child, .compliance-notices .input-group .input-group-addon:last-child, .compliance-settings .input-group .input-group-addon:last-child, .compliance-audit-trail .input-group .input-group-addon:last-child, .compliance-rights .input-group .input-group-addon:last-child, .compliance-dossier .input-group .input-group-addon:last-child, .compliance-notice-templates .input-group .input-group-addon:last-child, .compliance-system-card .input-group .input-group-addon:last-child, .compliance-ropa .input-group .input-group-addon:last-child { border-radius: 0 var(--oa-radius-sm, 6px) var(--oa-radius-sm, 6px) 0; border-left: none; } .compliance-dashboard .text-muted, .compliance-approvals .text-muted, .compliance-audits .text-muted, .compliance-notices .text-muted, .compliance-settings .text-muted, .compliance-audit-trail .text-muted, .compliance-rights .text-muted, .compliance-dossier .text-muted, .compliance-notice-templates .text-muted, .compliance-system-card .text-muted, .compliance-ropa .text-muted { font-size: 13.5px; color: var(--oa-text-muted, #4B5563); line-height: 1.5; } .compliance-dashboard .card, .compliance-approvals .card, .compliance-audits .card, .compliance-notices .card, .compliance-settings .card, .compliance-audit-trail .card, .compliance-rights .card, .compliance-dossier .card, .compliance-notice-templates .card, .compliance-system-card .card, .compliance-ropa .card { border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-lg, 12px); box-shadow: var(--oa-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.05)); background: var(--oa-bg-white, #F9FAFB); } .compliance-dashboard .card .card-body, .compliance-approvals .card .card-body, .compliance-audits .card .card-body, .compliance-notices .card .card-body, .compliance-settings .card .card-body, .compliance-audit-trail .card .card-body, .compliance-rights .card .card-body, .compliance-dossier .card .card-body, .compliance-notice-templates .card .card-body, .compliance-system-card .card .card-body, .compliance-ropa .card .card-body { font-size: 13.5px; line-height: 1.5; padding: 16px; } .compliance-dashboard .card .card-header, .compliance-approvals .card .card-header, .compliance-audits .card .card-header, .compliance-notices .card .card-header, .compliance-settings .card .card-header, .compliance-audit-trail .card .card-header, .compliance-rights .card .card-header, .compliance-dossier .card .card-header, .compliance-notice-templates .card .card-header, .compliance-system-card .card .card-header, .compliance-ropa .card .card-header { border-bottom: 1px solid var(--oa-border-color, #E5E7EB); } .compliance-dashboard .card .card-header .card-title, .compliance-approvals .card .card-header .card-title, .compliance-audits .card .card-header .card-title, .compliance-notices .card .card-header .card-title, .compliance-settings .card .card-header .card-title, .compliance-audit-trail .card .card-header .card-title, .compliance-rights .card .card-header .card-title, .compliance-dossier .card .card-header .card-title, .compliance-notice-templates .card .card-header .card-title, .compliance-system-card .card .card-header .card-title, .compliance-ropa .card .card-header .card-title { font-size: 16px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0; } .compliance-dashboard .card .card-header .card-title i, .compliance-approvals .card .card-header .card-title i, .compliance-audits .card .card-header .card-title i, .compliance-notices .card .card-header .card-title i, .compliance-settings .card .card-header .card-title i, .compliance-audit-trail .card .card-header .card-title i, .compliance-rights .card .card-header .card-title i, .compliance-dossier .card .card-header .card-title i, .compliance-notice-templates .card .card-header .card-title i, .compliance-system-card .card .card-header .card-title i, .compliance-ropa .card .card-header .card-title i { color: var(--oa-brand-primary, #005aee); margin-right: 8px; font-size: 18px; } .compliance-dashboard .text-warning-token, .compliance-notices .text-warning-token, .compliance-approvals .text-warning-token { color: var(--oa-warning-text, #B45309) !important; } .compliance-dashboard .text-danger-token, .compliance-notices .text-danger-token, .compliance-approvals .text-danger-token { color: var(--oa-danger-text, #B91C1C) !important; } .compliance-dashboard .text-success-token, .compliance-notices .text-success-token, .compliance-approvals .text-success-token { color: var(--oa-success-text, #166534) !important; } .compliance-dashboard .col-icon-sm, .compliance-notices .col-icon-sm, .compliance-approvals .col-icon-sm { width: 40px; } .compliance-dashboard .col-status-sm, .compliance-notices .col-status-sm, .compliance-approvals .col-status-sm { width: 100px; } .compliance-emergency-stop { border: 2px solid var(--oa-border-color, #E5E7EB); transition: border-color 0.2s ease; } .compliance-emergency-stop--active { border-color: var(--oa-danger-text, #DC2626) !important; } .compliance-emergency-stop--active .card-header { background: var(--oa-danger-text, #DC2626); color: #fff; } .compliance-emergency-stop--active .card-title { color: #fff !important; } .compliance-dashboard .card-title-link { font-size: 13px; font-weight: normal; } .compliance-dashboard .recruiting-metric.margin-bottom-20 { margin-bottom: 24px !important; } .compliance-dashboard > .row { margin-bottom: var(--oa-space-md, 16px); } .compliance-dashboard > .row:last-of-type { margin-bottom: var(--oa-space-sm, 8px); } .compliance-dashboard .card-body .text-center.padding-20 { padding: 12px 16px !important; } .compliance-dashboard .card-body .text-center.padding-20 i.fa-2x { font-size: 1.5em; margin-bottom: 4px; } .compliance-dashboard .card-body .text-center.padding-20 p { margin-top: 6px !important; margin-bottom: 0 !important; } .compliance-dashboard .card-header .card-title { display: flex; align-items: center; gap: 8px; } .compliance-dashboard .card-header .card-title i { flex-shrink: 0; } .compliance-dashboard .card-header .card-title .pull-right { margin-left: auto; } .compliance-dashboard .row:last-of-type .card-body .row.text-center h4 { font-size: 20px !important; margin-bottom: 2px; } .compliance-dashboard .recruiting-metric, .compliance-notices .recruiting-metric { margin-left: -8px; margin-right: -8px; } .compliance-dashboard .recruiting-metric.equal > [class*=col-], .compliance-notices .recruiting-metric.equal > [class*=col-] { display: flex; padding-left: 8px; padding-right: 8px; margin-bottom: var(--oa-space-md, 16px); } .compliance-dashboard .recruiting-metric .dashboard-card, .compliance-notices .recruiting-metric .dashboard-card { width: 100%; min-height: auto; height: auto !important; margin-bottom: 0; } .compliance-dashboard .recruiting-metric .dashboard-card .card-body, .compliance-notices .recruiting-metric .dashboard-card .card-body { padding: 16px 20px; display: flex; align-items: center; } .compliance-dashboard .recruiting-metric .dashboard-card .media, .compliance-notices .recruiting-metric .dashboard-card .media { display: flex !important; align-items: center; justify-content: space-between; width: 100%; overflow: hidden; } .compliance-dashboard .recruiting-metric .dashboard-card .media-left-icon, .compliance-notices .recruiting-metric .dashboard-card .media-left-icon { position: static !important; flex-shrink: 0; margin-right: 10px; padding: 0 !important; min-height: auto !important; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: var(--oa-radius-md, 8px); background: linear-gradient(135deg, rgba(0, 90, 238, 0.08) 0%, rgba(63, 169, 255, 0.12) 100%); } .compliance-dashboard .recruiting-metric .dashboard-card .media-left-icon i.fa-2x, .compliance-notices .recruiting-metric .dashboard-card .media-left-icon i.fa-2x { font-size: 1.25rem !important; line-height: 1; color: var(--oa-brand-primary, #005aee); } .compliance-dashboard .recruiting-metric .dashboard-card .media-left:not(.media-left-icon), .compliance-notices .recruiting-metric .dashboard-card .media-left:not(.media-left-icon) { flex: 1 1 auto; min-width: 60px; padding: 0 !important; margin: 0 !important; overflow: hidden; } .compliance-dashboard .recruiting-metric .dashboard-card .media-left:not(.media-left-icon) .h5, .compliance-dashboard .recruiting-metric .dashboard-card .media-left:not(.media-left-icon) h5, .compliance-notices .recruiting-metric .dashboard-card .media-left:not(.media-left-icon) .h5, .compliance-notices .recruiting-metric .dashboard-card .media-left:not(.media-left-icon) h5 { font-size: var(--oa-text-body, 13.5px) !important; font-weight: 600 !important; color: var(--oa-text-main, #374151); line-height: 1.2; margin: 0 !important; } .compliance-dashboard .recruiting-metric .dashboard-card .media-body, .compliance-notices .recruiting-metric .dashboard-card .media-body { flex: 0 1 auto; width: auto !important; max-width: 140px; min-width: 0; text-align: right; padding: 0; margin-left: 8px; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; } .compliance-dashboard .recruiting-metric .dashboard-card .media-body .h4, .compliance-dashboard .recruiting-metric .dashboard-card .media-body h4, .compliance-notices .recruiting-metric .dashboard-card .media-body .h4, .compliance-notices .recruiting-metric .dashboard-card .media-body h4 { font-size: 20px !important; font-weight: 700 !important; color: var(--oa-text-main, #1f2937); margin: 0; line-height: 1.1; } .compliance-dashboard .recruiting-metric .dashboard-card .dashboard-h5-padding, .compliance-notices .recruiting-metric .dashboard-card .dashboard-h5-padding { padding: 4px 0 !important; } .compliance-framework-strip { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 24px; } .compliance-framework-strip .framework-strip-link { margin-left: auto; font-size: 13px; color: var(--oa-text-secondary, #475569); } .compliance-framework-strip .framework-strip-link:hover { color: var(--oa-brand-primary, #005aee); text-decoration: none; } .notice-type-badge { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 4px; font-size: 12px; font-weight: 500; text-transform: capitalize; } .notice-type-badge.type-pre { background: #EFF6FF; color: #1D4ED8; } .notice-type-badge.type-post { background: #F0FDF4; color: #166534; } .notice-type-badge.type-adverse { background: #FEF2F2; color: #B91C1C; } .toggle-setting .toggle-switch { position: relative; display: inline-block; width: 48px; height: 26px; background: transparent; } .toggle-setting .toggle-switch::after { content: none; } .toggle-setting .toggle-switch input[type=checkbox] { position: absolute !important; opacity: 0 !important; width: 0 !important; height: 0 !important; min-width: 0 !important; margin: 0 !important; appearance: none !important; -webkit-appearance: none !important; border: 0 !important; pointer-events: none !important; } .toggle-setting .toggle-switch input[type=checkbox]:checked + .toggle-switch__slider { background: var(--oa-brand-primary, #005aee); } .toggle-setting .toggle-switch input[type=checkbox]:checked + .toggle-switch__slider::before { transform: translateX(22px); } .toggle-setting .toggle-switch input[type=checkbox]:focus + .toggle-switch__slider { box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .toggle-setting .toggle-switch__slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background: var(--oa-border-strong, #D1D5DB); border-radius: 26px; transition: background 0.2s ease, box-shadow 0.2s ease; } .toggle-setting .toggle-switch__slider::before { position: absolute; content: ""; height: 20px; width: 20px; left: 3px; bottom: 3px; background: #fff; border-radius: 50%; transition: transform 0.2s ease; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); } .toggle-setting { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 16px 0; border-bottom: 1px solid var(--oa-border-color, #E5E7EB); } .toggle-setting:last-child { border-bottom: none; padding-bottom: 0; } .toggle-setting:first-child { padding-top: 0; } .toggle-setting__info { flex: 1; } .toggle-setting__label { font-size: 14px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin-bottom: 4px; display: block; } .toggle-setting__description { font-size: 13px; color: var(--oa-text-muted, #4B5563); margin: 0; line-height: 1.5; } .toggle-setting__control { flex-shrink: 0; } .jurisdiction-list { border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-md, 8px); overflow: hidden; } .jurisdiction-item { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--oa-border-color, #E5E7EB); cursor: pointer; transition: background 0.15s ease; margin: 0; } .jurisdiction-item:last-child { border-bottom: none; } .jurisdiction-item:hover { background: var(--oa-bg-base, #F5F5F7); } .jurisdiction-item input[type=checkbox] { position: absolute; opacity: 0; } .jurisdiction-item input[type=checkbox]:checked + .jurisdiction-item__checkbox { background: var(--oa-brand-primary, #005aee); border-color: var(--oa-brand-primary, #005aee); } .jurisdiction-item input[type=checkbox]:checked + .jurisdiction-item__checkbox::after { opacity: 1; } .jurisdiction-item__checkbox { width: 18px; height: 18px; border: 2px solid var(--oa-border-strong, #D1D5DB); border-radius: 4px; flex-shrink: 0; position: relative; transition: all 0.15s ease; } .jurisdiction-item__checkbox::after { content: ""; position: absolute; left: 5px; top: 2px; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); opacity: 0; transition: opacity 0.15s ease; } .jurisdiction-item__info { flex: 1; } .jurisdiction-item__name { display: block; font-size: 14px; font-weight: 500; color: var(--oa-text-main, #1F2937); } .jurisdiction-item__code { display: block; font-size: 12px; color: var(--oa-text-muted, #4B5563); } .table-2027 tr.row-pending { background: #FFFBEB; } .table-2027 tr.row-warning { background: #FEF2F2; } .score-cell { min-width: 200px; width: 220px; } .score-visual { display: flex; flex-direction: column; gap: 6px; } .score-bar-container { position: relative; height: 8px; background: var(--oa-bg-base, #F5F5F7); border-radius: 4px; overflow: visible; } .score-bar-container::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 4px; background: linear-gradient(to right, #FEE2E2 0%, #FEF3C7 70%, #D1FAE5 90%); opacity: 0.5; } .score-threshold { position: absolute; top: -2px; width: 2px; height: 12px; background: var(--oa-text-light, #6B7280); border-radius: 1px; z-index: 2; opacity: 0.6; } .score-bar-fill { position: absolute; top: 0; left: 0; height: 100%; border-radius: 4px; transition: width 0.3s ease-out; z-index: 1; } .score-bar-fill.score-zone-auto { background: linear-gradient(to right, #22C55E, #16A34A); } .score-bar-fill.score-zone-review { background: linear-gradient(to right, #FBBF24, #F59E0B); } .score-bar-fill.score-zone-risk { background: linear-gradient(to right, #F87171, #EF4444); } .score-indicator { position: absolute; top: 50%; width: 12px; height: 12px; border-radius: 50%; transform: translate(-50%, -50%); border: 2px solid #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); z-index: 3; transition: left 0.3s ease-out; } .score-indicator.score-zone-auto { background: #16A34A; } .score-indicator.score-zone-review { background: #F59E0B; } .score-indicator.score-zone-risk { background: #EF4444; } .score-details { display: flex; align-items: center; justify-content: space-between; gap: 8px; } .score-value { font-weight: 600; font-variant-numeric: tabular-nums; } .score-zone-label { font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.02em; } .score-zone-label.score-zone-auto { color: #16A34A; } .score-zone-label.score-zone-review { color: #B45309; } .score-zone-label.score-zone-risk { color: #DC2626; } .bulk-actions-bar { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; margin-bottom: 16px; background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%); border: 1px solid #93C5FD; border-radius: var(--oa-radius-md, 8px); box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15); animation: slideDown 0.2s ease-out; } @keyframes slideDown { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } } .bulk-actions-info { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; color: #1E40AF; } .bulk-actions-info i { font-size: 16px; } .bulk-actions-info .bulk-count { font-weight: 700; font-size: 16px; } .bulk-actions-buttons { display: flex; gap: 8px; } .checkbox-cell { width: 40px; text-align: center; padding: 8px !important; } .bulk-checkbox { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; margin: 0; padding: 4px; } .bulk-checkbox input[type=checkbox] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .bulk-checkbox input[type=checkbox]:checked + .bulk-checkbox__mark { background: var(--oa-brand-primary, #005aee); border-color: var(--oa-brand-primary, #005aee); } .bulk-checkbox input[type=checkbox]:checked + .bulk-checkbox__mark::after { opacity: 1; transform: rotate(45deg) scale(1); } .bulk-checkbox input[type=checkbox]:focus + .bulk-checkbox__mark { box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.2); } .bulk-checkbox__mark { display: inline-block; width: 18px; height: 18px; border: 2px solid var(--oa-border-strong, #D1D5DB); border-radius: 4px; background: #fff; position: relative; transition: all 0.15s ease; } .bulk-checkbox__mark::after { content: ""; position: absolute; left: 5px; top: 1px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; opacity: 0; transform: rotate(45deg) scale(0.5); transition: all 0.15s ease; } .table-2027 tr.row-selected { background: #EFF6FF !important; } .table-2027 tr.row-selected:hover { background: #DBEAFE !important; } .notice-content { white-space: pre-wrap; word-wrap: break-word; font-family: inherit; font-size: 13px; line-height: 1.6; background: var(--oa-bg-base, #f5f5f7); padding: 15px; border-radius: var(--oa-radius-md, 8px); max-height: 300px; overflow-y: auto; margin: 0; border: none; } .notice-content.small { font-size: 12px; max-height: 200px; } .empty-state-small { text-align: center; padding: 30px 20px; background: var(--oa-bg-base, #f5f5f7); border-radius: var(--oa-radius-md, 8px); } .empty-state-small i { font-size: 32px; color: var(--oa-text-muted, #9ca3af); margin-bottom: 10px; display: block; } .empty-state-small p { margin: 0; font-size: 13px; } .info-row { margin-bottom: 8px; } .info-row .info-label { font-weight: 600; color: var(--oa-text-main, #1f2937); display: inline-block; min-width: 100px; } .info-row .info-value { color: var(--oa-text-main, #1f2937); } #viewNoticeModal .modal-body, #createNoticeModal .modal-body { max-height: calc(100vh - 200px); overflow-y: auto; } #viewNoticeModal .panel, #createNoticeModal .panel { margin-bottom: 0; } #viewNoticeModal .panel-heading, #createNoticeModal .panel-heading { background: var(--oa-bg-base, #f5f5f7); border-bottom: 1px solid var(--oa-border-color, #e5e7eb); padding: 10px 15px; } #viewNoticeModal .panel-body, #createNoticeModal .panel-body { padding: 0; } @media (min-width: 700px) { .compliance-filter-bar { flex-direction: row !important; align-items: center; gap: 12px !important; } } .compliance-filter-bar .filter-select { min-width: 140px; max-width: 180px; height: var(--oa-input-height, 32px); padding: 4px 28px 4px 12px; font-size: 13px; font-weight: 500; color: var(--oa-text-main, #1F2937); background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%236B7280' d='M4.5 6L8 9.5 11.5 6H4.5z'/%3E%3C/svg%3E") no-repeat right 8px center; background-size: 12px; border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-sm, 6px); appearance: none; -webkit-appearance: none; cursor: pointer; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .compliance-filter-bar .filter-select:hover { border-color: var(--oa-border-strong, #D1D5DB); } .compliance-filter-bar .filter-select:focus { outline: none; border-color: var(--oa-brand-primary, #005aee); box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1); } @media (min-width: 768px) { .compliance-filter-bar .filter-search-wrapper { flex: 0 1 300px; } } .compliance-filter-bar .filter-spacer { flex: 1; } .compliance-filter-bar .btn-primary { white-space: nowrap; } .compliance-help-btn { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; min-width: 28px; border-radius: 50%; border: 1px solid var(--oa-border-color, #E5E7EB); background: var(--oa-bg-white, #F9FAFB); color: var(--oa-brand-primary, #005aee); cursor: pointer; transition: all 0.15s ease; padding: 0; flex-shrink: 0; } .compliance-help-btn i { font-size: 14px; } .compliance-help-btn:hover { background: var(--oa-brand-primary, #005aee); color: #fff; border-color: var(--oa-brand-primary, #005aee); box-shadow: 0 2px 8px rgba(0, 90, 238, 0.25); } .compliance-help-btn:focus { outline: none; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .compliance-steps { margin-top: 16px; text-align: left; max-width: 420px; margin-left: auto; margin-right: auto; } .compliance-steps__header { font-size: 13px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin-bottom: 8px; } .compliance-steps__header i { color: var(--oa-brand-primary, #005aee); margin-right: 4px; } .compliance-steps__list { margin: 0; padding-left: 20px; color: var(--oa-text-muted, #4B5563); font-size: 13px; line-height: 1.8; } .compliance-steps__list li { padding-left: 4px; } .compliance-guidance-modal-window .modal-dialog { max-width: 640px; } .compliance-guidance-modal .modal-header { border-bottom: 1px solid var(--oa-border-color, #E5E7EB); } .compliance-guidance-modal .modal-header .modal-title { font-size: 18px; font-weight: 600; } .compliance-guidance-modal .modal-header .modal-title i { margin-right: 8px; } .compliance-guidance-modal .modal-body { padding: 20px 24px; max-height: calc(100vh - 200px); overflow-y: auto; } .compliance-guidance-modal .compliance-guidance__section { margin-bottom: 16px; } .compliance-guidance-modal .compliance-guidance__section:last-child { margin-bottom: 0; } .compliance-guidance-modal .compliance-guidance__section p { margin: 4px 0 0; color: #374151; font-size: 14px; line-height: 1.6; } .compliance-guidance-modal .compliance-guidance__section-title { font-size: 14px; font-weight: 600; color: #1F2937; margin: 0; } .compliance-guidance-modal .compliance-guidance__section-title > i { margin-right: 6px; } .compliance-guidance-modal .compliance-guidance__section--risk { background: #FEF2F2; border-radius: 6px; padding: 12px 14px; border-left: 3px solid #DC2626; } .compliance-guidance-modal .compliance-guidance__section--risk p { color: #991B1B; } .compliance-guidance-modal .compliance-guidance__steps { margin: 6px 0 0; padding-left: 20px; color: #374151; font-size: 14px; line-height: 1.8; } .compliance-guidance-modal .compliance-guidance__section--auditor { margin-top: 20px; padding-top: 16px; border-top: 1px dashed #93C5FD; } .txt-color-purple { color: #7C3AED; } .hitl-review-modal .hitl-context-row { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; font-size: 0.9em; color: var(--oa-text-muted, #6B7280); } .hitl-review-modal .hitl-context-row .hitl-context-label { font-weight: 600; color: var(--oa-text-main, #1F2937); } .hitl-review-modal .hitl-context-row .hitl-context-value { color: var(--oa-text-main, #1F2937); } .hitl-review-modal .hitl-flagged-box { border-left: 4px solid #D97706; background: #FFFBEB; color: #92400E; font-size: 0.9em; } .hitl-review-modal .hitl-section-label { font-size: 0.8em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--oa-text-muted, #6B7280); margin-bottom: 8px; margin-top: 16px; } .hitl-review-modal .hitl-section-label small { text-transform: none; font-weight: 400; margin-left: 6px; } .hitl-review-modal .hitl-score-section .hitl-score-bar { flex: 1; height: 12px; border-radius: 6px; position: relative; background: #E5E7EB; overflow: hidden; } .hitl-review-modal .hitl-score-section .hitl-score-row { display: flex; align-items: center; gap: 10px; } .hitl-review-modal .hitl-score-section .hitl-score-badge { font-size: 1em; min-width: 60px; text-align: center; } .hitl-review-modal .hitl-score-section .hitl-confidence-label { font-size: 0.85em; color: var(--oa-text-muted, #6B7280); white-space: nowrap; } .hitl-review-modal .hitl-components-section .hitl-component-list { display: flex; flex-direction: column; gap: 6px; } .hitl-review-modal .hitl-components-section .hitl-component-item { display: flex; align-items: center; gap: 10px; font-size: 0.88em; } .hitl-review-modal .hitl-components-section .hitl-component-item .hitl-component-name { width: 110px; font-weight: 500; color: var(--oa-text-main, #1F2937); } .hitl-review-modal .hitl-components-section .hitl-component-item .hitl-component-bar-wrap { flex: 1; height: 8px; background: #E5E7EB; border-radius: 4px; overflow: hidden; } .hitl-review-modal .hitl-components-section .hitl-component-item .hitl-component-bar-fill { height: 100%; border-radius: 4px; transition: width 0.3s; } .hitl-review-modal .hitl-components-section .hitl-component-item .hitl-component-score { width: 45px; text-align: right; font-weight: 600; color: var(--oa-text-main, #1F2937); } .hitl-review-modal .hitl-divider { border-color: #E5E7EB; margin: 16px 0; } .hitl-review-modal .hitl-checklist-section .hitl-checklist { display: flex; flex-direction: column; gap: 8px; } .hitl-review-modal .hitl-checklist-section .hitl-check-item { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; font-size: 0.9em; color: var(--oa-text-main, #1F2937); margin: 0; padding: 6px 10px; border-radius: 6px; border: 1px solid #E5E7EB; background: #FAFAFA; transition: background 0.15s, border-color 0.15s; } .hitl-review-modal .hitl-checklist-section .hitl-check-item input[type=checkbox] { margin-top: 2px; cursor: pointer; } .hitl-review-modal .hitl-checklist-section .hitl-check-item:has(input:checked) { background: #F0FFF4; border-color: #86EFAC; } .hitl-review-modal .hitl-char-counter { font-size: 0.8em; text-align: right; margin-top: 4px; } .hitl-review-modal .hitl-confidence-group .hitl-confidence-scale { display: flex; gap: 12px; margin-top: 8px; } .hitl-review-modal .hitl-confidence-group .hitl-confidence-option { display: flex; flex-direction: column; align-items: center; cursor: pointer; margin: 0; } .hitl-review-modal .hitl-confidence-group .hitl-confidence-option input { display: none; } .hitl-review-modal .hitl-confidence-group .hitl-confidence-option .hitl-confidence-dot { width: 36px; height: 36px; border-radius: 50%; border: 2px solid #D1D5DB; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 1em; color: #6B7280; transition: all 0.15s; background: #F9FAFB; } .hitl-review-modal .hitl-confidence-group .hitl-confidence-option .hitl-confidence-dot.active { border-color: var(--oa-brand-primary, #005aee); background: var(--oa-brand-primary, #005aee); color: #fff; } .hitl-review-modal .hitl-confidence-group .hitl-confidence-option:hover .hitl-confidence-dot { border-color: var(--oa-brand-primary, #005aee); } .hitl-review-modal .hitl-timer-row { display: flex; align-items: center; gap: 8px; font-size: 0.88em; color: var(--oa-text-muted, #6B7280); padding: 10px 12px; background: #F9FAFB; border-radius: 6px; border: 1px solid #E5E7EB; margin-top: 12px; } .hitl-review-modal .hitl-timer-row .hitl-timer-label { font-weight: 600; color: var(--oa-text-main, #1F2937); } .hitl-review-modal .hitl-timer-row .hitl-timer-value { font-weight: 700; font-variant-numeric: tabular-nums; min-width: 45px; } .hitl-review-modal .hitl-timer-row .hitl-timer-value.timer-pending { color: #DC2626; } .hitl-review-modal .hitl-timer-row .hitl-timer-value.timer-progress { color: #D97706; } .hitl-review-modal .hitl-timer-row .hitl-timer-value.timer-complete { color: #16A34A; } .hitl-review-modal .hitl-timer-row .hitl-timer-hint { color: var(--oa-text-muted, #6B7280); } @media (min-width: 1200px) { .col-lg-2-4 { width: 20%; float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } } .framework-tile { background: #fff; border-radius: var(--oa-radius-lg, 12px); padding: 16px; text-align: center; border: 1px solid var(--oa-border-color, #E5E7EB); margin-bottom: 15px; transition: border-color 0.2s; } .framework-tile--good { border-left: 4px solid #10B981; } .framework-tile--warning { border-left: 4px solid #F59E0B; } .framework-tile--danger { border-left: 4px solid #EF4444; } .framework-tile__label { font-size: 13px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin-bottom: 8px; } .framework-tile__score { font-size: 22px; font-weight: 700; color: var(--oa-text-main, #1F2937); } .framework-tile__actions { font-size: 12px; color: var(--oa-text-muted, #6B7280); margin-top: 4px; } .framework-tile__dots { margin-top: 8px; } .score-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin: 0 2px; } .score-dot--filled { background-color: var(--oa-brand-primary, #005aee); } .score-dot--empty { background-color: var(--oa-border-color, #E5E7EB); } .kpi-grid { display: flex; flex-wrap: wrap; gap: 15px; } .kpi-item { flex: 1 1 calc(16.666% - 15px); min-width: 140px; background: #fff; border-radius: var(--oa-radius-lg, 12px); padding: 16px; text-align: center; border: 1px solid var(--oa-border-color, #E5E7EB); display: flex; flex-direction: column; align-items: center; gap: 4px; } .kpi-value { font-size: 24px; font-weight: 700; color: var(--oa-text-main, #1F2937); line-height: 1.2; } .kpi-label { font-size: 12px; color: var(--oa-text-muted, #6B7280); margin-top: 4px; line-height: 1.3; } .priority-action { display: flex; align-items: center; padding: 12px 16px; border-bottom: 1px solid #F3F4F6; } .priority-action:last-child { border-bottom: none; } .priority-action--critical { border-left: 3px solid #EF4444; } .priority-action--high { border-left: 3px solid #F59E0B; } .priority-action--normal { border-left: 3px solid #10B981; } .priority-message { flex: 1; font-size: 13px; color: var(--oa-text-main, #1F2937); } .priority-badge { display: inline-block; font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 4px; text-transform: uppercase; margin-right: 12px; flex-shrink: 0; } .priority-badge.badge-critical { background: #FEE2E2; color: #DC2626; } .priority-badge.badge-high { background: #FEF3C7; color: #D97706; } .priority-badge.badge-normal { background: #D1FAE5; color: #059669; } .compliance-notice-templates .tpl-list { margin: 0; } .compliance-notice-templates .tpl-list__item { display: block; padding: 10px 14px; border-bottom: 1px solid var(--oa-border-color, #E5E7EB); cursor: pointer; transition: background 0.15s ease; } .compliance-notice-templates .tpl-list__item:hover { background: var(--oa-bg-hover, #F8FAFD); } .compliance-notice-templates .tpl-list__item.active { background: rgba(0, 90, 238, 0.06); border-left: 3px solid var(--oa-brand-primary, #005aee); } .compliance-notice-templates .tpl-list__meta { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; } .compliance-notice-templates .tpl-list__type { font-size: var(--oa-text-label, 12px); color: var(--oa-text-muted, #4B5563); font-weight: 500; } .compliance-notice-templates .tpl-list__badge { display: inline-block; padding: 2px 8px; font-size: 10px; font-weight: 600; border-radius: 10px; text-transform: uppercase; } .compliance-notice-templates .tpl-list__badge--default { background: var(--oa-info-bg, #EFF6FF); color: var(--oa-info-text, #1D4ED8); } .compliance-notice-templates .tpl-list__badge--jurisdiction { background: var(--oa-success-bg, #F0FDF4); color: var(--oa-success-text, #166534); } .compliance-notice-templates .tpl-list__name { font-size: var(--oa-text-body, 13.5px); color: var(--oa-text-main, #1F2937); } .compliance-notice-templates .tpl-list__name i { margin-right: 4px; } .compliance-notice-templates .tpl-list__version { font-size: var(--oa-text-caption, 11px); color: var(--oa-text-light, #6B7280); margin-top: 2px; } .compliance-notice-templates .tpl-list__empty { padding: 24px; text-align: center; color: var(--oa-text-light, #6B7280); } .compliance-notice-templates .tpl-list__empty i { margin-bottom: 8px; } .compliance-notice-templates .tpl-no-selection { text-align: center; padding: 48px 24px; } .compliance-notice-templates .tpl-no-selection img { max-width: 260px; margin-bottom: 24px; } .compliance-notice-templates .tpl-no-selection p { color: var(--oa-text-muted, #4B5563); } .compliance-notice-templates .tpl-editor__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .compliance-notice-templates .tpl-editor__header h4 { margin: 0; } .compliance-notice-templates .tpl-editor__header .tpl-editor__actions { display: flex; gap: 8px; } .compliance-notice-templates .tpl-editor__readonly-hint { color: var(--oa-text-muted, #4B5563); } .compliance-notice-templates .tpl-editor__field-group { margin-bottom: 16px; } .compliance-notice-templates .tpl-merge-tags { background: var(--oa-bg-base, #F5F5F7); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-md, 8px); padding: 16px; margin-bottom: 16px; } .compliance-notice-templates .tpl-merge-tags .tpl-merge-tags__label { margin-bottom: 8px; } .compliance-notice-templates .tpl-merge-tags .tpl-merge-tags__label i { margin-right: 4px; } .compliance-notice-templates .tpl-merge-tags .tpl-merge-tags__list { display: flex; flex-wrap: wrap; gap: 6px; } .compliance-notice-templates .tpl-merge-tags .tpl-merge-tag { background: var(--oa-border-color, #E5E7EB); color: var(--oa-text-secondary, #374151); padding: 4px 10px; border-radius: var(--oa-radius-sm, 6px); font-family: monospace; font-size: 12px; cursor: pointer; transition: background 0.15s ease; } .compliance-notice-templates .tpl-merge-tags .tpl-merge-tag:hover { background: var(--oa-border-strong, #D1D5DB); } .compliance-notice-templates .tpl-merge-tags .tpl-merge-tags__empty { color: var(--oa-text-light, #6B7280); font-size: 12px; } .compliance-notice-templates .tpl-editor__buttons { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; } .compliance-notice-templates .tpl-preview__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; } .compliance-notice-templates .tpl-preview__header h4 { margin: 0; } .compliance-notice-templates .tpl-preview__subject { background: var(--oa-bg-base, #F5F5F7); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-md, 8px); padding: 16px; margin-bottom: 12px; } .compliance-notice-templates .tpl-preview__body { border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-md, 8px); padding: 20px; max-height: 500px; overflow-y: auto; } .activity-feed__item { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; padding: 8px 14px; font-size: 13px; line-height: 1.4; } .activity-feed__item:hover { background-color: #F9FAFB; } .activity-feed__time { flex-shrink: 0; width: 90px; font-size: 12px; color: #9CA3AF; white-space: nowrap; } .activity-feed__icon { flex-shrink: 0; width: 20px; text-align: center; color: #9CA3AF; font-size: 13px; } .activity-feed__icon--success { color: #16A34A; } .activity-feed__icon--info { color: #005aee; } .activity-feed__icon--warning { color: #D97706; } .activity-feed__icon--danger { color: #DC2626; } .activity-feed__actor { flex-shrink: 0; font-weight: 600; font-size: 13px; color: #1F2937; white-space: nowrap; } .activity-feed__description { color: #4B5563; } .activity-feed__meta { font-size: 12px; color: #6B7280; } .activity-feed__toggle { color: #6B7280; font-size: 12px; padding: 2px 4px; } .activity-feed__toggle:hover { color: #1F2937; } .activity-feed__details { width: 100%; padding: 2px 14px 8px 118px; } .activity-feed__details .code-block { background: #F3F4F6; border: 1px solid #E5E7EB; border-radius: 4px; padding: 8px 10px; font-size: 11px; line-height: 1.5; overflow-x: auto; white-space: pre-wrap; word-break: break-word; } .hash-cell .hash-value { font-family: "SF Mono", "Fira Code", "Consolas", monospace; font-size: 11px; color: #334155; letter-spacing: -0.02em; } .compliance-settings footer.position-footer { margin-left: 0; margin-right: 0; } @media (max-width: 991px) { .compliance-settings footer.position-footer { padding-right: 150px; } } /* Designer */ #designer-arm-grop { transform: translate(0, 0) rotate(0deg) scale(1, 1); transform-origin: left top; } .deadline-days { color: #ffffff; text-align: center; width: 100px; margin: 0 auto; position: relative; height: 20px; font-family: "Oswald", sans-serif; } .deadline-days .inner { width: 100px; position: relative; top: 0; left: 0; } .mask-red, .mask-white { position: absolute; top: 0; width: 100%; overflow: hidden; height: 100%; } .mask-red { left: 0; width: 0; color: #BE002A; z-index: 2; background: #f4f6f7; } .mask-white { right: 0; } /* Flames */ #red-flame { opacity: 0; transform-origin: center bottom; } #yellow-flame { opacity: 0; transform-origin: center bottom; } #white-flame { opacity: 0; transform-origin: center bottom; } @keyframes walk { 0% { transform: translateX(0); } 6% { transform: translateX(0); } 10% { transform: translateX(100px); } 15% { transform: translateX(140px); } 25% { transform: translateX(170px); } 35% { transform: translateX(220px); } 45% { transform: translateX(280px); } 55% { transform: translateX(340px); } 65% { transform: translateX(370px); } 75% { transform: translateX(430px); } 85% { transform: translateX(460px); } 100% { transform: translateX(520px); } } @keyframes move-arm { 0% { transform: rotate(0); } 5% { transform: rotate(0); } 9% { transform: rotate(40deg); } 80% { transform: rotate(0); } } @keyframes move-tool { 0% { transform: rotate(0); } 5% { transform: rotate(0); } 9% { transform: rotate(50deg); } 80% { transform: rotate(0); } } #employee-reviews-container h4.h4, .employee-reviews-view h4.h4 { font-size: 15px !important; font-weight: 600 !important; color: var(--oa-text-main, #1F2937); line-height: 1.4 !important; margin: 0; padding-bottom: 10px; } #employee-reviews-container h4.h4 i, .employee-reviews-view h4.h4 i { font-size: 14px; color: var(--oa-text-light, #6B7280); margin-right: 8px; } #employee-reviews-container .link, .employee-reviews-view .link { font-size: 13px; font-weight: 500; color: var(--oa-text-muted, #4B5563); text-decoration: none; transition: color var(--oa-duration-fast, 150ms) ease; } #employee-reviews-container .link i, .employee-reviews-view .link i { font-size: 13px; color: var(--oa-text-light, #6B7280); margin-right: 6px; } #employee-reviews-container .link:hover, .employee-reviews-view .link:hover { color: var(--oa-brand-primary, #005aee); text-decoration: underline; } #employee-reviews-container .link.active-timeoff, .employee-reviews-view .link.active-timeoff { color: var(--oa-brand-primary, #005aee); font-weight: 600; } .row h4.h4.bold:has(> i.fa-tasks) { font-size: 15px !important; font-weight: 600 !important; color: var(--oa-text-main, #1F2937); line-height: 1.4 !important; } .row h4.h4.bold:has(> i.fa-tasks) i { font-size: 14px; color: var(--oa-text-light, #6B7280); } .review-cycle-header-actions { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-end !important; gap: 8px !important; } .review-cycle-header-actions .btn { white-space: nowrap; flex-shrink: 0; } .edoc-user.bg-blue-light { background-color: #475569 !important; border-color: #3d4e60 !important; } .edoc-user.bg-blue-light span, .edoc-user.bg-blue-light .txt-color-white { color: #ffffff !important; } .reviews-filter-header.filter-header-2027 .filter-select-wrapper select, .reviews-filter-header.filter-header-2027 .filter-select-wrapper select.form-control { padding-right: 28px !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; } .c-table__row td.width-50 { text-align: center !important; vertical-align: middle !important; } .c-table__row td.width-50 label.checkbox { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .container-90 .smart-form label.select select.form-control { padding-right: 28px !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; } .modal-body[ng-form=evaluationFormModal] > div > ul.nav.nav-tabs { flex-wrap: nowrap !important; } .modal-body[ng-form=evaluationFormModal] > div > ul.nav.nav-tabs > li { flex-shrink: 1; min-width: 0; } .modal-body[ng-form=evaluationFormModal] > div > ul.nav.nav-tabs > li > a.nav-link { font-size: 13px !important; padding: 8px 12px !important; white-space: nowrap !important; } .modal-body[ng-form=evaluationFormModal] .smart-form label.checkbox { flex-wrap: nowrap !important; white-space: nowrap !important; } .reviews-filter-header.filter-header-2027 { display: flex !important; align-items: center !important; gap: 12px !important; flex-wrap: wrap !important; } .reviews-filter-header.filter-header-2027 .filter-select-wrapper { flex: 1 1 0 !important; min-width: 180px !important; } .reviews-filter-header.filter-header-2027 .filter-select-wrapper select.form-control { width: 100% !important; } .reviews-filter-header.filter-header-2027 .btn { flex-shrink: 0 !important; white-space: nowrap !important; } .c-table__header th.col-md-4.padding-left-10 label.checkbox { display: inline-flex !important; align-items: center !important; vertical-align: middle !important; margin: 0 8px 0 0 !important; } .modal-body[ng-form=evaluationFormModal] label.label.form-label { white-space: nowrap !important; } .modal-body .smart-form .row.no-gutter > .col { padding-left: 8px !important; padding-right: 8px !important; } .modal-body .smart-form .row.no-gutter > .col:first-child { padding-left: 0 !important; } .modal-body .smart-form .row.no-gutter > .col:last-child { padding-right: 0 !important; } .modal-body .c-table td.width-50 label.checkbox { margin: 0 auto !important; display: flex !important; align-items: center !important; justify-content: center !important; } .modal-body[ng-form=evaluationFormModal] .tab-pane .smart-form .row.padding-bottom-10 .col.col-md-3 label.checkbox, .modal-body[ng-form=evaluationFormModal] .tab-pane .smart-form .row.padding-bottom-10 .col.col-md-2 label.checkbox { gap: 6px !important; } .modal-body[ng-form=evaluationFormModal] .smart-form label.checkbox i { margin-right: 6px !important; } .container-90 .margin-20 table.c-table th.col-md-1.text-align-center, .container-90 .margin-20 table.c-table th.col-md-2.text-align-center { padding-left: 10px !important; padding-right: 10px !important; } .view-review .row > .col-md-4 .value, .view-review .row > .col-md-3 .value { min-height: 38px !important; width: 100% !important; } .my-reviews .dashboard-card .card-body .media { overflow: visible; } .my-reviews .dashboard-card .card-body .media .media-body { overflow: visible; max-width: none; } .my-reviews .dashboard-card .card-body .media .media-body h4.h4, .my-reviews .dashboard-card .card-body .media .media-body .h4 { float: none; } .container-90 .c-table td.c-table__cell.text-align-left span.edoc-user.bg-blue-light { background-color: var(--oa-blue-100, #DBEAFE) !important; color: var(--oa-slate-600, #475569) !important; border: 1px solid var(--oa-border-color, #E5E7EB) !important; } .container-90 .c-table td.c-table__cell.text-align-left span.edoc-user.bg-blue-light.txt-color-white { color: var(--oa-slate-600, #475569) !important; } .modal-body [ng-form=addEmployeesForm] .row.no-gutter.margin-top-10 { margin-top: var(--oa-space-md) !important; } .my-reviews.container-90 { padding-bottom: 108px; } .my-reviews .my-reviews__description { color: var(--oa-text-muted, #4B5563); font-size: var(--oa-text-body, 13.5px); margin-top: 8px; margin-bottom: 12px; } .my-reviews .my-reviews__stats { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; margin-bottom: 16px; } .my-reviews .my-reviews__stat-card { flex: 1 1 200px; min-width: 180px; display: flex; align-items: center; gap: 12px; padding: 16px 20px; background: var(--oa-bg-white, #FFFFFF); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-lg, 12px); box-shadow: var(--oa-shadow-sm); transition: box-shadow 0.2s ease, border-color 0.2s ease; } .my-reviews .my-reviews__stat-card:hover { box-shadow: var(--oa-shadow-md); border-color: var(--oa-border-strong, #D1D5DB); } .my-reviews .my-reviews__stat-icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--oa-radius-md, 8px); flex-shrink: 0; font-size: 18px; } .my-reviews .my-reviews__stat-icon--total { background: var(--oa-info-bg, #EFF6FF); color: var(--oa-info-text, #1D4ED8); } .my-reviews .my-reviews__stat-icon--submitted { background: var(--oa-success-bg, #F0FDF4); color: var(--oa-success-text, #166534); } .my-reviews .my-reviews__stat-icon--pending { background: var(--oa-warning-bg, #FFFBEB); color: var(--oa-warning-text, #B45309); } .my-reviews .my-reviews__stat-icon--overdue { background: var(--oa-danger-bg, #FEF2F2); color: var(--oa-danger-text, #B91C1C); } .my-reviews .my-reviews__stat-content { display: flex; flex-direction: column; min-width: 0; } .my-reviews .my-reviews__stat-label { font-size: var(--oa-text-label, 12px); color: var(--oa-text-muted, #4B5563); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .my-reviews .my-reviews__stat-value { font-size: var(--oa-text-h2, 18px); font-weight: var(--oa-text-h2-weight, 600); color: var(--oa-text-main, #1F2937); line-height: 1.2; } .my-reviews .my-reviews__cycle-header { font-size: 15px; font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 24px 0 8px; display: flex; align-items: baseline; gap: 8px; } .my-reviews .my-reviews__cycle-header .my-reviews__cycle-dates { font-size: var(--oa-text-body, 13.5px); font-weight: 400; color: var(--oa-text-light, #6B7280); } .my-reviews .table-responsive { overflow: visible !important; } .my-reviews .my-reviews-table { margin-bottom: 0; } .my-reviews .my-reviews-table thead { position: sticky; top: 65px; z-index: var(--z-sticky, 1020); box-shadow: var(--oa-shadow-sm); } .my-reviews .my-reviews-table .col-employee { min-width: 240px; max-width: 360px; } .my-reviews .my-reviews-table .col-type { min-width: 100px; width: 120px; } .my-reviews .my-reviews-table .col-status { min-width: 130px; width: 160px; } .my-reviews .my-reviews-table .col-competences { min-width: 100px; width: 140px; } .my-reviews .my-reviews-table .col-goals { min-width: 100px; width: 140px; } .my-reviews .my-reviews-table .col-rating { min-width: 180px; width: 220px; } .my-reviews .my-reviews-table .col-actions { width: 60px; } .my-reviews .my-reviews-table td { vertical-align: middle; } .my-reviews .my-reviews__employee { display: flex; align-items: center; gap: 10px; } .my-reviews .my-reviews__avatar { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: var(--oa-radius-full, 9999px); background: var(--oa-bg-base, #F5F5F7); border: 1px solid var(--oa-border-color, #E5E7EB); font-size: 13px; font-weight: 600; color: var(--oa-text-muted, #4B5563); flex-shrink: 0; line-height: 1; } .my-reviews .my-reviews__employee-details { min-width: 0; line-height: 1.3; } .my-reviews .my-reviews__sent-date { font-size: var(--oa-text-caption, 11px); color: var(--oa-text-light, #6B7280); } .my-reviews .my-reviews__sent-date i { margin-right: 3px; } .my-reviews .my-reviews__employee-name { font-size: var(--oa-text-body, 13.5px); font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 1px 0; } .my-reviews .my-reviews__employee-position { font-size: var(--oa-text-label, 12px); color: var(--oa-text-light, #6B7280); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 220px; } .my-reviews .my-reviews__employee-position i { margin-right: 3px; } .my-reviews .my-reviews__status { text-align: center; } .my-reviews .my-reviews__deadline { font-size: var(--oa-text-caption, 11px); color: var(--oa-text-light, #6B7280); margin-bottom: 4px; } .my-reviews .my-reviews__deadline i { margin-right: 2px; } .my-reviews .my-reviews__deadline--overdue { color: var(--oa-danger-text, #B91C1C) !important; } .my-reviews .my-reviews__deadline--overdue i { color: var(--oa-danger-text, #B91C1C) !important; } .my-reviews .my-reviews__completed-date { font-size: var(--oa-text-caption, 11px); color: var(--oa-success-text, #166534); margin-bottom: 4px; } .my-reviews .my-reviews__completed-date i { margin-right: 2px; } .my-reviews .my-reviews__score { display: flex; flex-direction: column; align-items: center; gap: 2px; } .my-reviews .my-reviews__score-calibrated { font-size: var(--oa-text-label, 12px); color: var(--oa-text-secondary, #374151); } .my-reviews .my-reviews__score-calibrated i { color: var(--oa-brand-primary, #005aee); margin-right: 2px; } .my-reviews .my-reviews__score-evaluator { font-size: var(--oa-text-body, 13.5px); color: var(--oa-text-main, #1F2937); } .my-reviews .my-reviews__score-evaluator i { margin-right: 3px; } .my-reviews .my-reviews__no-score { color: var(--oa-text-light, #6B7280); } .my-reviews .my-reviews__evaluate-btn { gap: 4px; padding: 4px 10px; min-width: 150px; font-size: var(--oa-text-label, 12px); } .my-reviews .my-reviews__evaluate-btn i { font-size: 12px; } .my-reviews .my-reviews__rating { display: flex; flex-direction: column; gap: 2px; } .my-reviews .my-reviews__rating-row { display: flex; align-items: center; gap: 6px; font-size: var(--oa-text-body, 13.5px); color: var(--oa-text-main, #1F2937); } .my-reviews .my-reviews__rating-row i.fa-circle-half-stroke { color: var(--oa-brand-primary, #005aee); } .my-reviews .my-reviews__no-rating { color: var(--oa-text-light, #6B7280); font-size: var(--oa-text-body, 13.5px); } .my-reviews .my-reviews__comment-icon { color: var(--oa-text-light, #6B7280); cursor: pointer; font-size: 13px; transition: color 0.15s ease; } .my-reviews .my-reviews__comment-icon:hover { color: var(--oa-brand-primary, #005aee); } .my-reviews .my-reviews__actions { text-align: center; } .my-reviews .my-reviews__actions .btn-action-menu { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: var(--oa-radius-sm, 6px); border: 1px solid transparent; background: transparent; color: var(--oa-text-light, #6B7280); cursor: pointer; transition: all 0.15s ease; font-size: 15px; } .my-reviews .my-reviews__actions .btn-action-menu:hover, .my-reviews .my-reviews__actions .btn-action-menu.active { background: var(--oa-bg-hover, #F8FAFD); border-color: var(--oa-border-color, #E5E7EB); color: var(--oa-text-main, #1F2937); } .my-reviews .my-reviews__actions .dropdown-menu { min-width: 200px; border-radius: var(--oa-radius-md, 8px); border: 1px solid var(--oa-border-color, #E5E7EB); box-shadow: var(--oa-shadow-pop); padding: 4px 0; z-index: 1030 !important; } .my-reviews .my-reviews__actions .dropdown-menu > li > a { display: flex; align-items: center; gap: 8px; padding: 8px 14px; font-size: var(--oa-text-body, 13.5px); color: var(--oa-text-secondary, #374151); cursor: pointer; } .my-reviews .my-reviews__actions .dropdown-menu > li > a:hover { background: var(--oa-bg-hover, #F8FAFD); color: var(--oa-text-main, #1F2937); text-decoration: none; } .my-reviews .my-reviews__actions .dropdown-menu > li > a i { width: 16px; text-align: center; color: var(--oa-text-light, #6B7280); font-size: 13px; } @media (max-width: 991px) { .my-reviews .my-reviews__stats { gap: 8px; } .my-reviews .my-reviews__stat-card { flex: 1 1 calc(50% - 4px); min-width: 160px; } .my-reviews .my-reviews-table .col-rating { display: none; } } @media (max-width: 767px) { .my-reviews .my-reviews__stat-card { flex: 1 1 100%; } .my-reviews .my-reviews-table .col-type, .my-reviews .my-reviews-table .col-competences, .my-reviews .my-reviews-table .col-goals { display: none; } } .goals-2027 .goals-filter-header { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 10px 16px; background: var(--oa-bg-white, #FFFFFF); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-lg, 12px); box-shadow: var(--oa-shadow-sm); margin-bottom: 16px; } .goals-2027 .goals-filter-header .filter-page-title { font-size: var(--oa-text-h2, 18px); font-weight: var(--oa-text-h2-weight, 600); color: var(--oa-text-main, #1F2937); margin: 0; white-space: nowrap; } .goals-2027 .goals-filter-header .filter-page-title i { color: var(--oa-brand-primary, #005aee); margin-right: 6px; } .goals-2027 .goals-filter-header .goals-date-range { display: flex; align-items: center; gap: 6px; font-size: var(--oa-text-body, 13.5px); font-weight: 500; color: var(--oa-text-secondary, #374151); cursor: pointer; padding: 6px 12px; border-radius: var(--oa-radius-sm, 6px); transition: background 0.15s ease; } .goals-2027 .goals-filter-header .goals-date-range:hover { background: var(--oa-bg-hover, #F8FAFD); } .goals-2027 .goals-filter-header .goals-date-range i { color: var(--oa-brand-primary, #005aee); } .goals-2027 .goals-filter-header .goals-date-range .caret { margin-left: 4px; } .goals-2027 .goals-filter-header .btn-primary { margin-left: auto; } .goals-2027 .goals-stats { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 16px; } .goals-2027 .goals-stat-card { flex: 1 1 200px; min-width: 170px; display: flex; align-items: center; gap: 12px; padding: 16px 20px; background: var(--oa-bg-white, #FFFFFF); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-lg, 12px); box-shadow: var(--oa-shadow-sm); transition: box-shadow 0.2s ease, border-color 0.2s ease; } .goals-2027 .goals-stat-card:hover { box-shadow: var(--oa-shadow-md); border-color: var(--oa-border-strong, #D1D5DB); } .goals-2027 .goals-stat-icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--oa-radius-md, 8px); flex-shrink: 0; font-size: 18px; } .goals-2027 .goals-stat-icon--completed { background: var(--oa-success-bg, #F0FDF4); color: var(--oa-success-text, #166534); } .goals-2027 .goals-stat-icon--in-progress { background: var(--oa-warning-bg, #FFFBEB); color: var(--oa-warning-text, #B45309); } .goals-2027 .goals-stat-icon--not-started { background: var(--oa-error-bg, #FEF2F2); color: var(--oa-error-text, #B91C1C); } .goals-2027 .goals-stat-icon--overall { background: var(--oa-info-bg, #EFF6FF); color: var(--oa-info-text, #1D4ED8); } .goals-2027 .goals-stat-content { display: flex; flex-direction: column; min-width: 0; } .goals-2027 .goals-stat-label { font-size: var(--oa-text-label, 12px); color: var(--oa-text-muted, #4B5563); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .goals-2027 .goals-stat-value { font-size: var(--oa-text-h2, 18px); font-weight: var(--oa-text-h2-weight, 600); color: var(--oa-text-main, #1F2937); line-height: 1.2; } .goals-2027 .goals-objective { background: var(--oa-bg-white, #FFFFFF); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-lg, 12px); box-shadow: var(--oa-shadow-sm); margin-bottom: 16px; overflow: hidden; transition: box-shadow 0.2s ease; } .goals-2027 .goals-objective:hover { box-shadow: var(--oa-shadow-md); } .goals-2027 .goals-objective__header { padding: 16px 20px; border-bottom: 1px solid var(--oa-border-color, #E5E7EB); } .goals-2027 .goals-objective__header .row.no-gutter { display: flex !important; align-items: center; } .goals-2027 .goals-objective__header .goals-objective__title { font-size: var(--oa-text-body, 13.5px); font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 0; } .goals-2027 .goals-objective__header .goals-objective__title i { color: var(--oa-brand-primary, #005aee); margin-right: 4px; } .goals-2027 .goals-objective__header .goals-objective__meta { font-size: var(--oa-text-label, 12px); color: var(--oa-text-light, #6B7280); } .goals-2027 .goals-objective__header .goals-objective__dates { font-size: var(--oa-text-label, 12px); font-weight: 500; color: var(--oa-text-secondary, #374151); } .goals-2027 .goals-objective__header .goals-objective__dates .text-muted { color: var(--oa-text-light, #6B7280); } .goals-2027 .goals-objective__header .select select.form-control { height: 32px; font-size: var(--oa-text-sm, 13px); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-sm, 6px); color: var(--oa-text-secondary, #374151); background: var(--oa-bg-input, #FFFFFF); padding: 4px 28px 4px 10px; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M3 5l3 3 3-3'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 8px center; } .goals-2027 .goals-objective__header .select select.form-control:focus { border-color: var(--oa-border-focus-color, #3FA9FF); box-shadow: var(--oa-shadow-glow); outline: none; } .goals-2027 .goals-objective__header .select i { display: none; } .goals-2027 .goals-objective__header .progress { height: 24px !important; border-radius: var(--oa-radius-sm, 6px) !important; background-color: var(--oa-bg-base, #F5F5F7); overflow: hidden; margin: 0; box-shadow: none; } .goals-2027 .goals-objective__header .progress .progress-bar { border-radius: var(--oa-radius-sm, 6px) !important; font-size: var(--oa-text-label, 12px); font-weight: 600; line-height: 24px; padding: 0 8px !important; transition: width 0.4s ease; } .goals-2027 .goals-objective__header .fa-chevron-down, .goals-2027 .goals-objective__header .fa-chevron-up { color: var(--oa-text-light, #6B7280); font-size: 14px; transition: color 0.15s ease; } .goals-2027 .goals-objective__header .fa-chevron-down:hover, .goals-2027 .goals-objective__header .fa-chevron-up:hover { color: var(--oa-text-main, #1F2937); } .goals-2027 .goals-objective__header .btn[data-toggle=dropdown] { background: transparent !important; border: 1px solid var(--oa-border-color, #E5E7EB) !important; border-radius: var(--oa-radius-sm, 6px); color: var(--oa-text-light, #6B7280); width: 32px; height: 32px; padding: 0; display: flex; align-items: center; justify-content: center; transition: all 0.15s ease; } .goals-2027 .goals-objective__header .btn[data-toggle=dropdown]:hover { background: var(--oa-bg-hover, #F8FAFD) !important; border-color: var(--oa-border-strong, #D1D5DB) !important; color: var(--oa-text-main, #1F2937); } .goals-2027 .goals-objective__header .dropdown-menu { border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-md, 8px); box-shadow: var(--oa-shadow-pop); padding: 4px 0; min-width: 180px; } .goals-2027 .goals-objective__header .dropdown-menu li a { padding: 8px 14px; font-size: var(--oa-text-sm, 13px); color: var(--oa-text-secondary, #374151); display: flex; align-items: center; gap: 8px; transition: background 0.1s ease; } .goals-2027 .goals-objective__header .dropdown-menu li a:hover { background: var(--oa-bg-hover, #F8FAFD); color: var(--oa-text-main, #1F2937); } .goals-2027 .goals-objective__header .dropdown-menu li a i { width: 16px; text-align: center; color: var(--oa-text-light, #6B7280); } .goals-2027 .goals-objective__header .dropdown-menu .divider { margin: 4px 0; border-top: 1px solid var(--oa-border-color, #E5E7EB); } .goals-2027 .goals-kr-header { padding: 10px 20px; background: var(--oa-bg-card-footer, #F5F5F7); border-bottom: 1px solid var(--oa-border-color, #E5E7EB); font-size: var(--oa-text-caption, 11px); font-weight: 600; text-transform: uppercase; letter-spacing: var(--oa-tracking-wide, 0.05em); color: var(--oa-text-muted, #4B5563); } .goals-2027 .kr-card { border-bottom: 1px solid var(--oa-border-color, #E5E7EB) !important; border-top: none !important; border-left: none !important; border-right: none !important; border-radius: 0 !important; background: var(--oa-bg-white, #FFFFFF); } .goals-2027 .kr-card:last-child, .goals-2027 .kr-card.last-card { border-bottom: none !important; } .goals-2027 .kr-card .card-body { padding: 12px 20px; } .goals-2027 .kr-card .fa-circle-check { color: var(--oa-success-text, #166534) !important; } .goals-2027 .kr-card .fa-spinner-third { color: var(--oa-warning-text, #B45309) !important; } .goals-2027 .kr-card .fa-circle-exclamation { color: var(--oa-error-text, #B91C1C) !important; } .goals-2027 .kr-card .form-control { height: 30px; font-size: var(--oa-text-sm, 13px); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-sm, 6px); } .goals-2027 .kr-card .form-control:focus { border-color: var(--oa-border-focus-color, #3FA9FF); box-shadow: var(--oa-shadow-glow); } .goals-2027 .kr-card .kr-actions .fa-edit, .goals-2027 .kr-card .kr-actions .fa-trash { font-size: 13px; color: var(--oa-text-light, #6B7280); padding: 4px; transition: color 0.15s ease; } .goals-2027 .kr-card .kr-actions .fa-edit:hover, .goals-2027 .kr-card .kr-actions .fa-trash:hover { color: var(--oa-brand-primary, #005aee); } .goals-2027 .kr-card .kr-actions .fa-trash:hover { color: var(--oa-error-text, #B91C1C); } .goals-2027 .kr-card .btn.kr-actions { font-size: var(--oa-text-label, 12px); border-radius: var(--oa-radius-sm, 6px); } .goals-2027 .kr-card .bg-color-green { background: var(--oa-success-bg, #F0FDF4) !important; color: var(--oa-success-text, #166534) !important; } .goals-2027 .kr-card .bg-color-yellow { background: var(--oa-warning-bg, #FFFBEB) !important; color: var(--oa-warning-text, #B45309) !important; } .goals-2027 .kr-card .bg-color-red { background: var(--oa-error-bg, #FEF2F2) !important; color: var(--oa-error-text, #B91C1C) !important; } .goals-2027 .kr-card .bg-color-blue { background: var(--oa-info-bg, #EFF6FF) !important; color: var(--oa-info-text, #1D4ED8) !important; } .goals-2027 .goals-no-kr { padding: 20px; text-align: center; color: var(--oa-text-muted, #4B5563); border-top: 1px solid var(--oa-border-color, #E5E7EB); } .goals-2027 .goals-no-kr h5 { color: var(--oa-text-main, #1F2937); font-weight: 600; margin-bottom: 4px; } .goals-2027 .goals-no-kr .btn { margin-top: 8px; } .goals-2027 .goals-checkin-history { border-top: 1px solid var(--oa-border-color, #E5E7EB); } .goals-2027 .goals-checkin-history .card-header { padding: 10px 20px; background: var(--oa-bg-card-footer, #F5F5F7); border-bottom: 1px solid var(--oa-border-color, #E5E7EB); } .goals-2027 .goals-checkin-history .card-header h6 { margin: 0; font-size: var(--oa-text-caption, 11px); font-weight: 600; text-transform: uppercase; letter-spacing: var(--oa-tracking-wide, 0.05em); color: var(--oa-text-muted, #4B5563); } .goals-2027 .goals-checkin-history .goals-checkin-entry { padding: 12px 20px; border-bottom: 1px solid var(--oa-border-color, #E5E7EB); transition: background 0.1s ease; } .goals-2027 .goals-checkin-history .goals-checkin-entry:hover { background: var(--oa-bg-hover, #F8FAFD); } .goals-2027 .goals-checkin-history .goals-checkin-entry:last-child { border-bottom: none; } .goals-2027 .goals-checkin-history .goals-progress-badge { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 999px; font-size: var(--oa-text-caption, 11px); font-weight: 500; } .goals-2027 .goals-checkin-history .goals-progress-badge--up { background: var(--oa-success-bg, #F0FDF4); color: var(--oa-success-text, #166534); } .goals-2027 .goals-checkin-history .goals-progress-badge--down { background: var(--oa-error-bg, #FEF2F2); color: var(--oa-error-text, #B91C1C); } .goals-2027 .goals-badge { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px; font-size: var(--oa-text-caption, 11px); font-weight: 500; } .goals-2027 .goals-badge--status { background: var(--oa-info-bg, #EFF6FF); color: var(--oa-info-text, #1D4ED8); } .goals-2027 .goals-badge--kr-update { background: var(--oa-warning-bg, #FFFBEB); color: var(--oa-warning-text, #B45309); } .goals-2027 .goals-badge--manual { background: var(--oa-success-bg, #F0FDF4); color: var(--oa-success-text, #166534); } .goals-2027 .goals-badge--approval-draft { background: var(--oa-slate-200, #E2E8F0); color: var(--oa-slate-600, #475569); } .goals-2027 .goals-badge--approval-submitted { background: var(--oa-info-bg, #EFF6FF); color: var(--oa-info-text, #1D4ED8); } .goals-2027 .goals-badge--approval-approved { background: var(--oa-success-bg, #F0FDF4); color: var(--oa-success-text, #166534); } .goals-2027 .goals-badge--approval-returned { background: var(--oa-warning-bg, #FFFBEB); color: var(--oa-warning-text, #B45309); } .goals-2027 .goals-badge--approval-fallback { background: var(--oa-slate-200, #E2E8F0); color: var(--oa-slate-600, #475569); } @media (max-width: 991px) { .goals-2027 .goals-filter-header .filter-page-title { flex: 1 1 100%; } .goals-2027 .goals-filter-header .btn-primary { margin-left: 0; } .goals-2027 .goals-stats .goals-stat-card { flex: 1 1 calc(50% - 6px); } .goals-2027 .goals-objective__header .row.no-gutter { flex-wrap: wrap; gap: 8px; } } @media (max-width: 767px) { .goals-2027 .goals-stats .goals-stat-card { flex: 1 1 100%; } } .surveys-filter-header .filter-page-title i { color: var(--oa-brand-primary, #005aee); } .survey-list-card { background: var(--oa-bg-white, #F9FAFB); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-lg, 12px); padding: 20px 24px; margin-bottom: 12px; transition: border-color 150ms ease; } .survey-list-card:hover { border-color: var(--oa-border-strong, #D1D5DB); } .survey-list-card .survey-list-card__content { display: flex; align-items: center; gap: 16px; } .survey-list-card .survey-list-card__info { flex: 1; min-width: 0; cursor: pointer; } .survey-list-card .survey-list-card__info .bold { font-size: 16px !important; font-weight: 700; line-height: 1.35; color: var(--oa-text-main, #1F2937) !important; transition: color 150ms ease; } .survey-list-card .survey-list-card__info .font-sm { font-size: 13px !important; } .survey-list-card .survey-list-card__info .survey-list-card__system-icon { color: var(--oa-brand-primary, #005aee); margin-right: 6px; } .survey-list-card:hover .survey-list-card__info .bold { color: var(--oa-brand-primary, #005aee) !important; } .survey-list-card .survey-list-card__meta { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; flex-wrap: wrap; } .survey-list-card .survey-list-card__metrics { display: flex; align-items: center; gap: 8px; flex-shrink: 0; } .survey-list-card .survey-list-card__actions { flex-shrink: 0; position: relative; } .survey-list-card .survey-list-card__menu-btn { background: transparent; border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-sm, 6px); padding: 6px 10px; color: var(--oa-text-muted, #6B7280); cursor: pointer; font-size: 13px; } .survey-list-card .survey-list-card__menu-btn:hover { background: var(--oa-bg-white, #F9FAFB); border-color: var(--oa-border-strong, #D1D5DB); } .survey-list-card .survey-list-card__dropdown { right: 0 !important; left: auto !important; top: calc(100% + 4px) !important; min-width: 180px; } #date_range_survey_1, #date_range_survey_2, #date_range_survey { display: inline-flex !important; align-items: center; justify-content: center; gap: 6px; float: none !important; } #date_range_survey_1 i, #date_range_survey_2 i, #date_range_survey i { flex-shrink: 0; } #date_range_survey_1 span, #date_range_survey_2 span, #date_range_survey span { flex-shrink: 0; } #date_range_survey_1 .caret, #date_range_survey_2 .caret, #date_range_survey .caret { flex-shrink: 0; margin-left: 2px; } .smart-form .form-inline > .form-group > label.checkbox { display: inline-flex; align-items: center; gap: 6px; padding-left: 10px; padding-right: 15px; } .smart-form .form-inline > .form-group > label.checkbox i { position: relative !important; top: auto !important; left: auto !important; flex-shrink: 0; } .survey-filter-row .btn-group + .btn-group { margin-left: var(--oa-space-sm, 8px); } /* Dashboard Modernized (2027 Design System) */ .dashboard { font-family: var(--oa-font-family); } .dashboard .card { border: none; border-radius: var(--oa-radius-lg); background: var(--oa-bg-white); box-shadow: var(--oa-shadow-sm); transition: transform var(--oa-duration-spring) var(--oa-ease-spring), box-shadow var(--oa-duration-spring) var(--oa-ease-spring); height: 100%; } .dashboard .card.pointer, a .dashboard .card { cursor: pointer; will-change: transform; } .dashboard .card.pointer:hover, a .dashboard .card:hover { transform: translateY(-2px); box-shadow: var(--oa-shadow-md); } .dashboard .card .card-body { padding: var(--oa-space-lg); } .dashboard .dashboard-icon-lg { max-height: 80px; width: auto; display: block; margin: 0 auto; } .dashboard .dashboard-icon-md { max-height: 60px; width: auto; display: block; margin: 0 auto; } .dashboard .dashboard-card-illustration { max-height: 100px; margin-bottom: -10px; width: auto; display: block; margin: 0 auto; } .dashboard .recruiting-metric { display: flex; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; } .dashboard .recruiting-metric.equal { display: flex; flex-wrap: wrap; } .dashboard .recruiting-metric > [class*=col-] { display: flex; padding-left: 8px; padding-right: 8px; margin-bottom: 16px; } .dashboard .recruiting-metric > [class*=col-] .dashboard-card { width: 100%; } .dashboard .recruiting-metric .dashboard-card.pull-left { float: none !important; } .dashboard .dashboard-card { min-height: auto; margin-bottom: 0; height: auto !important; } .dashboard .dashboard-card .card-body { padding: 16px 20px; display: flex; align-items: center; } .dashboard .dashboard-card .card-body:has(.text-align-center) { justify-content: center; } .dashboard .dashboard-card .card-body .media { display: flex !important; align-items: center; justify-content: space-between; width: 100%; height: auto; overflow: hidden; } .dashboard .dashboard-card .card-body .media .media-left-icon { position: static !important; flex-shrink: 0; margin-right: 10px; padding: 0 !important; min-height: auto !important; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: var(--oa-radius-md, 8px); background: linear-gradient(135deg, rgba(0, 90, 238, 0.08) 0%, rgba(63, 169, 255, 0.12) 100%); } .dashboard .dashboard-card .card-body .media .media-left-icon i.fa-2x { font-size: 1.25rem !important; line-height: 1; color: var(--oa-brand-primary, #005aee); } .dashboard .dashboard-card .card-body .media .media-left-icon:has(.fa-briefcase) { background: linear-gradient(135deg, rgba(0, 90, 238, 0.08) 0%, rgba(63, 169, 255, 0.12) 100%); } .dashboard .dashboard-card .card-body .media .media-left-icon:has(.fa-briefcase) i { color: var(--oa-brand-primary, #005aee); } .dashboard .dashboard-card .card-body .media .media-left-icon:has(.fa-clock) { background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(251, 191, 36, 0.14) 100%); } .dashboard .dashboard-card .card-body .media .media-left-icon:has(.fa-clock) i { color: #B45309; } .dashboard .dashboard-card .card-body .media .media-left-icon:has(.fa-heart) { background: linear-gradient(135deg, rgba(239, 68, 68, 0.08) 0%, rgba(248, 113, 113, 0.12) 100%); } .dashboard .dashboard-card .card-body .media .media-left-icon:has(.fa-heart) i { color: #EF4444 !important; } .dashboard .dashboard-card .card-body .media .media-left-icon:has(.fa-light-emergency-on) { background: linear-gradient(135deg, rgba(249, 115, 22, 0.08) 0%, rgba(251, 146, 60, 0.12) 100%); } .dashboard .dashboard-card .card-body .media .media-left-icon:has(.fa-light-emergency-on) i { color: #EA580C; } .dashboard .dashboard-card .card-body .media .media-left-icon:has(.fa-heart-pulse) { background: linear-gradient(135deg, rgba(239, 68, 68, 0.08) 0%, rgba(248, 113, 113, 0.12) 100%); } .dashboard .dashboard-card .card-body .media .media-left-icon:has(.fa-island-tropical) { background: linear-gradient(135deg, rgba(22, 163, 74, 0.08) 0%, rgba(74, 222, 128, 0.12) 100%); } .dashboard .dashboard-card .card-body .media .media-left-icon:has(.fa-island-tropical) i { color: #166534; } .dashboard .dashboard-card .card-body .media .media-left:not(.media-left-icon) { flex: 1 1 auto; min-width: 60px; padding: 0 !important; margin: 0 !important; overflow: hidden; } .dashboard .dashboard-card .card-body .media .media-left:not(.media-left-icon) .h5, .dashboard .dashboard-card .card-body .media .media-left:not(.media-left-icon) h5 { font-size: var(--oa-text-body, 13.5px) !important; font-weight: 600 !important; color: var(--oa-text-main, #374151); line-height: 1.2; margin: 0 !important; } .dashboard .dashboard-card .card-body .media .media-left:not(.media-left-icon) .h5 small, .dashboard .dashboard-card .card-body .media .media-left:not(.media-left-icon) h5 small { display: block; font-size: var(--oa-text-caption, 11px); font-weight: 400; color: var(--oa-text-muted, #9ca3af); margin-top: 0; line-height: 1.3; } .dashboard .dashboard-card .card-body .media .media-body { flex: 0 1 auto; width: auto !important; max-width: 140px; min-width: 0; text-align: right; padding: 0; margin-left: 8px; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; } .dashboard .dashboard-card .card-body .media .media-body .h4, .dashboard .dashboard-card .card-body .media .media-body h4 { font-size: 20px !important; font-weight: 700 !important; color: var(--oa-text-main, #1f2937); margin: 0; line-height: 1.1; } .dashboard .dashboard-card .card-body .media .media-body .h4 .font-xs, .dashboard .dashboard-card .card-body .media .media-body .h4 .font-xxs, .dashboard .dashboard-card .card-body .media .media-body h4 .font-xs, .dashboard .dashboard-card .card-body .media .media-body h4 .font-xxs { font-size: 0.75rem; font-weight: 400; color: var(--oa-text-muted); } .dashboard .dashboard-card .card-body .media .media-body small { display: block; font-size: 10px; font-weight: 600; margin-top: 0; line-height: 1.3; } .dashboard .dashboard-card .card-body .media .media-body small.text-success { color: #10b981; } .dashboard .dashboard-card .card-body .media .media-body small.text-danger { color: #ef4444; } .dashboard .dashboard-card .card-body .media .media-body .row { margin-left: 0 !important; margin-right: 0 !important; } .dashboard .dashboard-card .card-body .media .media-body .row > [class*=col-] { padding-left: 0; padding-right: 0; } .dashboard .dashboard-h5-padding { padding: 4px 0 !important; } .outlook-sync-link { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; font-size: var(--oa-text-label, 12px); font-weight: 500; color: var(--oa-text-muted, #64748B); text-decoration: none; border-radius: var(--oa-radius-md, 6px); transition: all var(--oa-duration-fast, 150ms) ease; } .outlook-sync-link i { font-size: 14px; color: var(--oa-brand-primary, #005aee); } .outlook-sync-link:hover { color: var(--oa-brand-primary, #005aee); background: var(--oa-bg-base, #F8FAFC); text-decoration: none; } .outlook-sync-link .txt-color-green { color: #16a34a; margin-left: 4px; } .feature-feed-card { min-height: auto !important; border-radius: var(--oa-radius-lg); box-shadow: var(--oa-shadow-sm); background: var(--oa-bg-white); border: none; margin-bottom: var(--oa-space-md); } .feature-feed-card .card-body { padding: var(--oa-space-lg) !important; } .feature-feed-card .feature-feed-label { font-size: 11px; font-weight: 700; text-transform: uppercase; color: var(--oa-brand-primary); background: var(--oa-info-bg); padding: 2px 6px; border-radius: 4px; } .feature-feed-card .feature-feed-date { font-size: 11px; color: var(--oa-text-muted); } .feature-feed-card .feature-feed-content { font-size: 13.5px; font-weight: 500; color: var(--oa-text-main); } .feature-feed-card .feature-feed-link { font-size: 12px; color: var(--oa-brand-primary); margin-left: 4px; cursor: pointer; } @media (max-width: 1350px) { .dashboard .dashboard-card .card-body .media { flex-wrap: wrap; } .dashboard .dashboard-card .card-body .media .media-left:not(.media-left-icon) { flex: 0 0 calc(100% - 50px); } .dashboard .dashboard-card .card-body .media .media-body { flex: 0 0 100%; text-align: left; margin-left: 42px; margin-top: 8px; } } .smart-form .select select.form-control, .smart-form .input input.form-control { height: var(--oa-input-height, 32px) !important; line-height: normal !important; padding: var(--oa-input-padding-y, 6px) var(--oa-input-padding-x, 12px) !important; font-size: 13.5px !important; } .smart-form .select i { top: 10px !important; height: 10px !important; margin-top: 0 !important; } select.form-control, input.form-control { height: var(--oa-input-height, 32px) !important; line-height: normal !important; padding: var(--oa-input-padding-y, 6px) var(--oa-input-padding-x, 12px) !important; } #tw > .row.no-gutter.smart-form { padding: 12px 15px 8px 15px !important; } .filter-header-2027 .row.no-gutter.smart-form { flex: 1; display: flex; flex-wrap: wrap; gap: 12px; } .filter-header-2027 .row.no-gutter.smart-form:nth-child(2) { margin-top: 12px; } .filter-header-2027 .icon-addon { position: relative; } .filter-header-2027 .icon-addon input.form-control { border: 2px solid var(--oa-border-color, #E5E7EB); padding-right: 35px; } .filter-header-2027 .icon-addon label { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); z-index: 10; pointer-events: none; color: var(--oa-text-muted, #64748B); font-size: 14px; } .filter-header-2027 .checkbox span { padding-left: 10px; color: var(--oa-text-main, #2e424d) !important; font-weight: 600; } .filter-header-2027 .gantt-range { font-size: 13px; color: var(--oa-text-main, #2e424d) !important; font-weight: 600; } .filter-header-2027 .gantt-range i { color: var(--oa-text-muted, #64748B); } .col-r-5 { padding-right: 5px; box-sizing: border-box; } .col-r-5 > * { box-sizing: border-box; width: 100%; } .col-l-5 { padding-left: 5px; box-sizing: border-box; } .col-l-5 > * { box-sizing: border-box; width: 100%; } .col-r-10 { padding-right: 10px; box-sizing: border-box; } .col-r-10 > * { box-sizing: border-box; width: 100%; } .col-l-10 { padding-left: 10px; box-sizing: border-box; } .col-l-10 > * { box-sizing: border-box; width: 100%; } .col-r-15 { padding-right: 15px; box-sizing: border-box; } .col-r-15 > * { box-sizing: border-box; width: 100%; } .col-l-15 { padding-left: 15px; box-sizing: border-box; } .col-l-15 > * { box-sizing: border-box; width: 100%; } .col-r-20 { padding-right: 20px; box-sizing: border-box; } .col-r-20 > * { box-sizing: border-box; width: 100%; } .col-l-20 { padding-left: 20px; box-sizing: border-box; } .col-l-20 > * { box-sizing: border-box; width: 100%; } .col-r-25 { padding-right: 25px; box-sizing: border-box; } .col-r-25 > * { box-sizing: border-box; width: 100%; } .col-l-25 { padding-left: 25px; box-sizing: border-box; } .col-l-25 > * { box-sizing: border-box; width: 100%; } .col-r-30 { padding-right: 30px; box-sizing: border-box; } .col-r-30 > * { box-sizing: border-box; width: 100%; } .col-l-30 { padding-left: 30px; box-sizing: border-box; } .col-l-30 > * { box-sizing: border-box; width: 100%; } .operations-dropdown .dropdown-menu .row.no-gutter { display: flex; flex-wrap: wrap; } @media (min-width: 1200px) { .operations-dropdown .dropdown-menu .row.no-gutter { flex-wrap: nowrap; } } .operations-dropdown .mega-menu-column { flex: 1 1 auto; min-width: 200px; max-width: 300px; } @media (max-width: 1199px) { .operations-dropdown .mega-menu-column { flex: 0 0 50%; max-width: 50%; } } @media (max-width: 767px) { .operations-dropdown .mega-menu-column { flex: 0 0 100%; max-width: 100%; min-width: auto; } } #left-panel .badge { display: inline-flex; align-items: center; justify-content: center; min-height: 18px; padding: 2px 6px !important; } #tw .badge.bg-color-red { background-color: var(--oa-danger, #EA5455) !important; color: #ffffff !important; } .activities-card { background: var(--oa-bg-white, #fff); border-radius: var(--oa-radius-lg, 12px); border: 1px solid rgba(226, 232, 240, 0.6); box-shadow: var(--oa-shadow-sm); overflow: hidden; } .activities-card .activities-card-header { background: linear-gradient(135deg, rgba(0, 85, 255, 0.02) 0%, rgba(125, 214, 251, 0.03) 100%); border-bottom: 1px solid rgba(226, 232, 240, 0.6); padding: 0 var(--oa-space-lg, 16px); } .activities-card .activities-tabs { list-style: none; margin: 0; padding: 0; display: flex; gap: var(--oa-space-xs, 4px); } .activities-card .activities-tabs li { margin: 0; position: relative; } .activities-card .activities-tabs li a { display: flex; align-items: center; gap: 6px; padding: 12px 14px; font-size: 13px; font-weight: 500; color: var(--oa-text-muted, #64748B); text-decoration: none; border: none; border-bottom: 2px solid transparent; outline: none !important; box-shadow: none !important; -webkit-tap-highlight-color: transparent; transition: all var(--oa-duration-spring, 0.3s) var(--oa-ease-spring, cubic-bezier(0.34, 1.56, 0.64, 1)); } .activities-card .activities-tabs li a:focus, .activities-card .activities-tabs li a:active, .activities-card .activities-tabs li a:focus-visible { outline: none !important; box-shadow: none !important; border-left: none !important; border-right: none !important; border-top: none !important; } .activities-card .activities-tabs li a i { font-size: 14px; opacity: 0.8; } .activities-card .activities-tabs li a .badge { font-size: 10px; font-weight: 600; padding: 2px 6px; min-width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; border-radius: 9px; background: var(--oa-brand-primary, #005aee); color: #fff; } .activities-card .activities-tabs li a:hover { color: var(--oa-brand-primary, #005aee); background: rgba(0, 85, 255, 0.04); } .activities-card .activities-tabs li a:hover i { opacity: 1; } .activities-card .activities-tabs li.active a { color: var(--oa-brand-primary, #005aee); border-bottom-color: var(--oa-brand-primary, #005aee); } .activities-card .activities-tabs li.active a i { opacity: 1; } .activities-card .activities-card-body { padding: var(--oa-space-lg, 16px); min-height: 200px; } .activities-card .activities-card-body .card { margin-bottom: 0; } @media (max-width: 767px) { .activities-card .activities-tabs { flex-wrap: wrap; } .activities-card .activities-tabs li a { padding: 10px 12px; font-size: 12px; } } .activity-feed { display: flex; flex-direction: column; gap: 2px; } .activity-item { display: flex; align-items: flex-start; gap: 12px; padding: 10px 12px; border-radius: var(--oa-radius-md, 8px); transition: background-color 0.15s ease; } .activity-item:hover { background: rgba(0, 85, 255, 0.03); } .activity-item:not(:last-child) { border-bottom: 1px solid rgba(226, 232, 240, 0.5); } .activity-icon { flex-shrink: 0; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: var(--oa-radius-md, 8px); background: linear-gradient(135deg, rgba(0, 90, 238, 0.08) 0%, rgba(63, 169, 255, 0.12) 100%); } .activity-icon i { font-size: 1rem; color: var(--oa-brand-primary, #005aee); } .activity-icon--form { background: linear-gradient(135deg, rgba(0, 90, 238, 0.08) 0%, rgba(63, 169, 255, 0.12) 100%); } .activity-icon--form i { color: var(--oa-brand-primary, #005aee); } .activity-icon--document { background: linear-gradient(135deg, rgba(147, 51, 234, 0.08) 0%, rgba(192, 132, 252, 0.12) 100%); } .activity-icon--document i { color: #7C3AED; } .activity-icon--position { background: linear-gradient(135deg, rgba(22, 163, 74, 0.08) 0%, rgba(74, 222, 128, 0.12) 100%); } .activity-icon--position i { color: #166534; } .activity-icon--status { background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(251, 191, 36, 0.14) 100%); } .activity-icon--status i { color: #B45309; } .activity-icon--test { background: linear-gradient(135deg, rgba(20, 184, 166, 0.08) 0%, rgba(94, 234, 212, 0.12) 100%); } .activity-icon--test i { color: #0F766E; } .activity-icon--person { background: linear-gradient(135deg, rgba(100, 116, 139, 0.08) 0%, rgba(148, 163, 184, 0.12) 100%); } .activity-icon--person i { color: #475569; } .activity-icon--approved, .activity-icon--success { background: linear-gradient(135deg, rgba(22, 163, 74, 0.1) 0%, rgba(74, 222, 128, 0.15) 100%) !important; } .activity-icon--approved i, .activity-icon--success i { color: #15803D !important; } .activity-icon--rejected, .activity-icon--error { background: linear-gradient(135deg, rgba(220, 38, 38, 0.1) 0%, rgba(248, 113, 113, 0.15) 100%) !important; } .activity-icon--rejected i, .activity-icon--error i { color: #B91C1C !important; } .activity-icon--pending, .activity-icon--warning { background: linear-gradient(135deg, rgba(245, 158, 11, 0.12) 0%, rgba(251, 191, 36, 0.18) 100%) !important; } .activity-icon--pending i, .activity-icon--warning i { color: #B45309 !important; } .activity-icon--sent, .activity-icon--info { background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(147, 197, 253, 0.15) 100%) !important; } .activity-icon--sent i, .activity-icon--info i { color: #1D4ED8 !important; } .activity-icon i.fa-duotone, .activity-icon i.fad { --fa-primary-opacity: 1; --fa-secondary-opacity: 0.4; } .activity-body { flex: 1; min-width: 0; } .activity-time { font-size: var(--oa-text-caption, 11px); color: var(--oa-text-light, #94A3B8); margin-bottom: 2px; } @media (min-width: 480px) { .activity-time { flex: 0 0 var(--oa-activity-time-col, 14em); text-align: right; } } .activity-link { font-size: var(--oa-text-body, 13.5px); color: var(--oa-text-main, #374151); text-decoration: none; line-height: 1.4; } .activity-link:hover { color: var(--oa-brand-primary, #005aee); } .activity-link b, .activity-link strong { font-weight: 600; color: var(--oa-text-main, #1f2937); } .activity-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 20px; color: var(--oa-text-light, #94A3B8); text-align: center; } .activity-empty i { font-size: 2rem; margin-bottom: 8px; opacity: 0.5; } .activity-empty span { font-size: 13px; text-transform: lowercase; } .activity-item--action { background: rgba(0, 90, 238, 0.03); } .activity-item--action .activity-link { font-weight: 600; color: var(--oa-text-main, #1F2937); } .activity-item .activity-link--static { color: var(--oa-text-light, #6B7280); cursor: default; } .activity-item .activity-link--static:hover { color: var(--oa-text-light, #6B7280); } .activity-item .activity-link--static b, .activity-item .activity-link--static strong { color: var(--oa-text-light, #6B7280); } .activity-item--muted .activity-link { font-size: var(--oa-text-caption, 12px); color: var(--oa-text-light, #6B7280); } .activity-item--muted .activity-time { color: #9CA3AF; } .activity-item--muted .activity-icon { opacity: 0.5; } .activity-item--muted .activity-icon i { font-size: 0.8rem; } .credits-panel { padding: 0 5px; } .credits-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: stretch; } .credit-card { display: flex; align-items: center; gap: 14px; padding: 14px 18px; background: var(--oa-bg-white, #fff); border-radius: var(--oa-radius-lg, 12px); border: 1px solid rgba(226, 232, 240, 0.6); box-shadow: var(--oa-shadow-sm); transition: all var(--oa-duration-spring, 0.3s) var(--oa-ease-spring, cubic-bezier(0.34, 1.56, 0.64, 1)); } .credit-card:hover { transform: translateY(-1px); box-shadow: var(--oa-shadow-md); } .credit-card__icon { flex-shrink: 0; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(0, 85, 255, 0.08) 0%, rgba(63, 169, 255, 0.12) 100%); border-radius: var(--oa-radius-md, 8px); color: var(--oa-brand-primary, #005aee); } .credit-card__icon i { font-size: 1.25rem; } .credit-card__icon--video { background: linear-gradient(135deg, rgba(125, 214, 251, 0.15) 0%, rgba(63, 169, 255, 0.2) 100%); color: var(--oa-brand-secondary, #3FA9FF); } .credit-card__icon--add { background: linear-gradient(135deg, var(--oa-brand-primary, #005aee) 0%, #2563EB 100%); color: #fff; } .credit-card__content { flex: 1; min-width: 0; } .credit-card__label { font-size: 12px; font-weight: 500; color: var(--oa-text-muted, #64748B); margin-bottom: 4px; text-transform: uppercase; letter-spacing: 0.02em; } .credit-card__value { display: flex; align-items: baseline; gap: 2px; margin-bottom: 8px; } .credit-card__used { font-size: 1.5rem; font-weight: 700; color: var(--oa-text-main, #0F172A); line-height: 1; } .credit-card__separator { font-size: 1rem; font-weight: 400; color: var(--oa-text-light, #94A3B8); margin: 0 2px; } .credit-card__total { font-size: 1rem; font-weight: 500; color: var(--oa-text-muted, #64748B); } .credit-card__progress { height: 4px; background: rgba(226, 232, 240, 0.8); border-radius: 2px; overflow: hidden; } .credit-card__progress-bar { height: 100%; background: linear-gradient(90deg, var(--oa-brand-primary, #005aee), var(--oa-brand-secondary, #3FA9FF)); border-radius: 2px; transition: width 0.5s ease; } .credit-card--warning { border-color: rgba(245, 158, 11, 0.3); } .credit-card--warning .credit-card__icon { background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(245, 158, 11, 0.15) 100%); color: #B45309; } .credit-card--warning .credit-card__progress-bar { background: linear-gradient(90deg, #F59E0B, #FBBF24); } .credit-card--danger { border-color: rgba(239, 68, 68, 0.3); } .credit-card--danger .credit-card__icon { background: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(239, 68, 68, 0.15) 100%); color: #B91C1C; } .credit-card--danger .credit-card__progress-bar { background: linear-gradient(90deg, #EF4444, #F87171); } .credit-card--success { border-color: rgba(22, 163, 74, 0.3); } .credit-card--success .credit-card__icon { background: linear-gradient(135deg, rgba(22, 163, 74, 0.08) 0%, rgba(74, 222, 128, 0.12) 100%); color: #166534; } .credit-card--success .credit-card__progress-bar { background: linear-gradient(90deg, #16A34A, #4ADE80); } .credit-card__add-btn { flex-shrink: 0; display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border: none; border-radius: var(--oa-radius-md, 8px); background: rgba(0, 85, 255, 0.08); color: var(--oa-brand-primary, #005aee); font-size: 0.8125rem; font-weight: 500; cursor: pointer; transition: all 0.2s ease; white-space: nowrap; } .credit-card__add-btn i { font-size: 0.75rem; } .credit-card__add-btn:hover { background: var(--oa-brand-primary, #005aee); color: #fff; transform: scale(1.02); } .credit-card__add-btn:active { transform: scale(0.98); } .credit-card--warning .credit-card__add-btn { background: rgba(245, 158, 11, 0.1); color: #B45309; } .credit-card--warning .credit-card__add-btn:hover { background: #F59E0B; color: #fff; } .credit-card--danger .credit-card__add-btn { background: rgba(239, 68, 68, 0.1); color: #B91C1C; } .credit-card--danger .credit-card__add-btn:hover { background: #EF4444; color: #fff; } .credit-card--success .credit-card__add-btn { background: rgba(22, 163, 74, 0.1); color: #166534; } .credit-card--success .credit-card__add-btn:hover { background: #16A34A; color: #fff; } .assessment-candidate-row { display: flex; align-items: center; gap: 12px; } .assessment-candidate-icon { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: var(--oa-radius-md, 8px); background: linear-gradient(135deg, rgba(0, 90, 238, 0.08) 0%, rgba(63, 169, 255, 0.12) 100%); flex-shrink: 0; } .assessment-candidate-icon i { font-size: 16px; color: #005aee; } .assessment-candidate-icon--completed { background: linear-gradient(135deg, rgba(22, 163, 74, 0.1) 0%, rgba(74, 222, 128, 0.15) 100%); } .assessment-candidate-icon--completed i { color: #15803D; } .status-badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 20px; font-size: 12px; font-weight: 500; } .status-badge i { font-size: 10px; } .status-badge--success { background-color: rgba(22, 163, 74, 0.1); color: #15803D; } .status-badge--pending { background-color: rgba(245, 158, 11, 0.1); color: #B45309; } .status-badge--error { background-color: rgba(220, 38, 38, 0.1); color: #B91C1C; } .assessment-candidate-info { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .assessment-candidate-info .row-name-column { display: block; } .assessment-candidate-info small { display: block; } .tabular-nums { font-variant-numeric: tabular-nums; } @media (max-width: 575px) { .credits-grid { grid-template-columns: 1fr; } .dashboard .recruiting-metric > [class*=col-] { flex: 0 0 100% !important; max-width: 100% !important; } .table-2027 { font-size: 12px; } .table-2027 th, .table-2027 td { padding: 8px 10px !important; } .table-2027 .assessment-candidate-row { flex-direction: column; align-items: flex-start; gap: 6px; } .table-2027 .assessment-candidate-icon { width: 28px; height: 28px; } .table-2027 .assessment-candidate-icon i { font-size: 12px; } .status-badge { padding: 3px 8px; font-size: 10px; } .status-badge i { font-size: 8px; } .credit-card { padding: 10px 12px !important; gap: 10px !important; } .credit-card__icon { width: 36px !important; height: 36px !important; } .credit-card__label { font-size: 10px !important; } .credit-card__value { font-size: 16px !important; } .credit-card__add-btn { padding: 4px 8px !important; font-size: 11px !important; } } @media (min-width: 576px) and (max-width: 767px) { .dashboard .recruiting-metric > [class*=col-] { flex: 0 0 50%; max-width: 50%; } } .employees-metrics-row { display: flex; flex-wrap: wrap; gap: var(--oa-space-md, 12px); padding: var(--oa-space-lg, 16px); background: var(--oa-bg-white, #fff); border-radius: var(--oa-radius-lg, 12px) var(--oa-radius-lg, 12px) 0 0; } .employees-metric-section { flex: 1; min-width: 200px; display: flex; align-items: flex-start; gap: var(--oa-space-md, 12px); padding: var(--oa-space-sm, 8px) 0; } .employees-metric-section:not(:first-child) { border-left: 1px solid var(--oa-border-color, #E5E7EB); padding-left: var(--oa-space-lg, 16px); } .employees-metric-icon { flex-shrink: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(0, 85, 255, 0.08) 0%, rgba(63, 169, 255, 0.12) 100%); border-radius: var(--oa-radius-md, 8px); color: var(--oa-brand-primary, #005aee); } .employees-metric-icon i { font-size: 1.25rem; } .employees-metric-group { display: flex; gap: var(--oa-space-lg, 16px); flex-wrap: wrap; } .employees-metric-item { display: flex; flex-direction: column; align-items: center; text-align: center; min-width: 50px; } .employees-metric-value { font-size: 1.25rem; font-weight: 700; color: var(--oa-text-main, #1F2937); line-height: 1.2; font-variant-numeric: tabular-nums; } .employees-metric-value--total { color: var(--oa-brand-primary, #005aee); } .employees-metric-label { font-size: var(--oa-text-caption, 11px); font-weight: 500; color: var(--oa-text-muted, #64748B); margin-top: 2px; text-transform: capitalize; } .employees-metrics-footer { display: flex; justify-content: flex-end; padding: var(--oa-space-sm, 8px) var(--oa-space-lg, 16px); background: var(--oa-bg-white, #fff); border-radius: 0 0 var(--oa-radius-lg, 12px) var(--oa-radius-lg, 12px); border-top: 1px solid var(--oa-border-color, #E5E7EB); } .employees-metrics-link { display: inline-flex; align-items: center; gap: 6px; font-size: var(--oa-text-label, 12px); font-weight: 600; color: var(--oa-brand-primary, #005aee); text-decoration: none; padding: 6px 10px; border-radius: var(--oa-radius-sm, 6px); transition: all var(--oa-duration-fast, 150ms) ease; } .employees-metrics-link:hover { background: rgba(0, 85, 255, 0.06); text-decoration: none; color: var(--oa-brand-hover, #004ac2); } .employees-metrics-link i { font-size: 12px; opacity: 0.8; } @media (max-width: 767px) { .employees-metrics-row { flex-direction: column; } .employees-metric-section:not(:first-child) { border-left: none; border-top: 1px solid var(--oa-border-color, #E5E7EB); padding-left: 0; padding-top: var(--oa-space-md, 12px); } } @media (min-width: 768px) and (max-width: 991px) { .dashboard [class*=col-md-4][class*=col-xs-4] { flex: 0 0 50% !important; max-width: 50% !important; } } .recruiting-metric, .employees-metrics-row { overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none; } .recruiting-metric::-webkit-scrollbar, .employees-metrics-row::-webkit-scrollbar { display: none; } .feed-icon { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: var(--oa-radius-full, 9999px); font-size: 18px; margin-top: 4px; background: linear-gradient(135deg, rgba(0, 90, 238, 0.08) 0%, rgba(63, 169, 255, 0.12) 100%); color: var(--oa-brand-primary, #005aee); } .feed-icon--news { background: linear-gradient(135deg, rgba(0, 90, 238, 0.08) 0%, rgba(63, 169, 255, 0.12) 100%); color: var(--oa-brand-primary, #005aee); } .feed-icon--kudos { background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(251, 191, 36, 0.14) 100%); color: #B45309; } .feed-icon--timeoff { background: linear-gradient(135deg, rgba(22, 163, 74, 0.08) 0%, rgba(74, 222, 128, 0.12) 100%); color: #166534; } .feed-icon--survey { background: linear-gradient(135deg, rgba(147, 51, 234, 0.08) 0%, rgba(192, 132, 252, 0.12) 100%); color: #7C3AED; } .feed-icon--resource { background: linear-gradient(135deg, rgba(249, 115, 22, 0.08) 0%, rgba(251, 146, 60, 0.12) 100%); color: #EA580C; } .feed-date { font-size: var(--oa-text-caption, 11px); color: var(--oa-text-muted, #64748B); text-transform: uppercase; letter-spacing: 0.04em; font-weight: 500; } .feed-content { font-size: var(--oa-text-body, 13.5px); color: var(--oa-text-secondary, #374151); line-height: 1.6; margin-top: 12px; } .feed-content h1, .feed-content h2, .feed-content h3, .feed-content h4, .feed-content h5, .feed-content h6 { font-weight: 600; color: var(--oa-text-main, #1F2937); margin: 16px 0 8px 0; line-height: 1.4; } .feed-content h1:first-child, .feed-content h2:first-child, .feed-content h3:first-child, .feed-content h4:first-child, .feed-content h5:first-child, .feed-content h6:first-child { margin-top: 0; } .feed-content h1 { font-size: 20px; } .feed-content h2 { font-size: 18px; } .feed-content h3 { font-size: 16px; } .feed-content h4 { font-size: 15px; } .feed-content h5, .feed-content h6 { font-size: 14px; } .feed-content p { margin: 0 0 12px 0; } .feed-content p:last-child { margin-bottom: 0; } .feed-content ul, .feed-content ol { margin: 8px 0 12px 20px; padding: 0; } .feed-content ul li, .feed-content ol li { margin-bottom: 4px; } .feed-content strong, .feed-content b { font-weight: 600; color: var(--oa-text-main, #1F2937); } .feed-content a { color: var(--oa-brand-primary, #005aee); text-decoration: none; } .feed-content a:hover { text-decoration: underline; } .kudos .card-body { padding: var(--oa-space-lg, 16px); } .kudos .tabs-2027 { margin-bottom: 0; } .dashboard .card .card-header { background: var(--oa-bg-white, #F9FAFB); padding: 16px 20px; } .dashboard .card.margin-bottom-10 { margin-bottom: 12px; } .dashboard .card.margin-bottom-10 .card-body { padding: var(--oa-space-lg, 16px); } .dashboard .card.margin-bottom-10 .card-body .row { margin-left: -10px !important; margin-right: -10px !important; } .dashboard .card.margin-bottom-10 .card-body .row > [class*=col-] { padding-left: 10px !important; padding-right: 10px !important; } .dashboard .col-md-4 .row.no-gutter > .card.margin-bottom-10 { margin-bottom: 0 !important; border-radius: 0; border-bottom: 1px solid var(--oa-border-color, #E5E7EB); } .dashboard .col-md-4 .row.no-gutter > .card.margin-bottom-10:first-child { border-radius: var(--oa-radius-lg, 12px) var(--oa-radius-lg, 12px) 0 0; } .dashboard .col-md-4 .row.no-gutter > .card.margin-bottom-10:last-of-type { border-radius: 0 0 var(--oa-radius-lg, 12px) var(--oa-radius-lg, 12px); border-bottom: none; } .dashboard .col-md-4 .row.no-gutter > .card.margin-bottom-10:first-child:last-of-type { border-radius: var(--oa-radius-lg, 12px); } .dashboard .col-md-4 .row.no-gutter > .card.dashboard-card:not(.margin-bottom-10) { border-radius: var(--oa-radius-lg, 12px) var(--oa-radius-lg, 12px) 0 0; margin-bottom: 0; } #content .dashboard > .row.no-gutter > .col.col-md-8 > .row.margin-top-20, .dashboard > .row.no-gutter > .col.col-md-8 > .row.margin-top-20 { margin-left: 0 !important; margin-right: 0 !important; } .glyphicon-chevron-left, .glyphicon-chevron-right, .glyphicon-chevron-up, .glyphicon-chevron-down, .glyphicon-calendar, .glyphicon-star, .glyphicon-star-empty, .glyphicon-minus { font-family: "Font Awesome 6 Pro" !important; font-weight: 900 !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-chevron-left::before { content: "" !important; } .glyphicon-chevron-right::before { content: "" !important; } .glyphicon-chevron-up::before { content: "" !important; } .glyphicon-chevron-down::before { content: "" !important; } .glyphicon-calendar::before { content: "" !important; } .glyphicon-star::before { content: "" !important; } .glyphicon-minus::before { content: "" !important; } .glyphicon-star-empty { font-weight: 400 !important; } .glyphicon-star-empty::before { content: "" !important; } .glyphicon[class*=fa-] { font-family: "Font Awesome 6 Pro" !important; top: 0; } .glyphicon.fa-thin, .glyphicon.fat { font-weight: 100; } .glyphicon.fa-light, .glyphicon.fal { font-weight: 300; } .glyphicon.fa-regular, .glyphicon.far { font-weight: 400; } .glyphicon.fa-solid, .glyphicon.fas { font-weight: 900; } :root { --oa-radius-xs: 0.25rem; --oa-focus-ring: var(--oa-shadow-glow, 0 0 0 3px rgba(0, 85, 255, 0.15)); --oa-transition-fast: 0.15s ease; --oa-transition-normal: 0.2s ease; --oa-transition-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1); } #header { box-shadow: var(--oa-shadow-sm); transition: box-shadow var(--oa-transition-normal); padding: 10px 13px !important; z-index: 1035 !important; } #header > div { border-radius: var(--oa-radius-sm); } .fixed-header #header { box-shadow: var(--oa-shadow-md); } .header-search > input[type=text] { border-radius: var(--oa-radius-sm); transition: all var(--oa-transition-fast); } .header-search > input[type=text]:focus { box-shadow: var(--oa-focus-ring); } aside#left-panel { box-shadow: var(--oa-shadow-sm); } aside#left-panel nav > ul > li > a { border-radius: var(--oa-radius-sm); margin: 2px 8px; transition: all var(--oa-transition-fast); } .menu-on-top aside#left-panel nav > ul > li { transition: background-color var(--oa-transition-fast); } .minified aside#left-panel, body.minified #left-panel { box-shadow: var(--oa-shadow-md); } .minified #left-panel nav > ul > li, body.minified aside#left-panel nav > ul > li { margin: 4px 6px; border-radius: var(--oa-radius-md); transition: all var(--oa-transition-fast); } .minified #left-panel nav > ul > li > a, body.minified aside#left-panel nav > ul > li > a { border-radius: var(--oa-radius-md); transition: all var(--oa-transition-fast); position: relative; } .minified #left-panel nav > ul > li:hover > a, body.minified aside#left-panel nav > ul > li:hover > a { background-color: rgba(41, 116, 219, 0.1); } .minified #left-panel nav > ul > li:hover > a i, body.minified aside#left-panel nav > ul > li:hover > a i { color: #005aee; transform: scale(1.1); } .minified #left-panel nav > ul > li.active, body.minified aside#left-panel nav > ul > li.active { background-color: rgba(41, 116, 219, 0.15); border-radius: var(--oa-radius-md); } .minified #left-panel nav > ul > li.active > a, body.minified aside#left-panel nav > ul > li.active > a { background-color: #005aee; border-radius: var(--oa-radius-md); box-shadow: 0 2px 8px rgba(41, 116, 219, 0.4); } .minified #left-panel nav > ul > li.active > a i, body.minified aside#left-panel nav > ul > li.active > a i { color: #fff; } .minified #left-panel nav > ul > li > a > i, body.minified aside#left-panel nav > ul > li > a > i { transition: all var(--oa-transition-fast); } .minified #left-panel nav > ul > li .badge, body.minified aside#left-panel nav > ul > li .badge, aside#left-panel nav ul li .badge { border-radius: 10rem; font-size: 10px; font-weight: 600; min-width: 18px; height: 18px; line-height: 18px; padding: 0 5px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .minified #left-panel nav > ul > li.nav-title, body.minified aside#left-panel nav > ul > li.nav-title { margin-top: 8px; margin-bottom: 4px; opacity: 0.6; } .minified #left-panel nav > ul > li:first-child, body.minified aside#left-panel nav > ul > li:first-child { margin-bottom: 8px; } .form-control { border-radius: var(--oa-radius-sm); transition: border-color var(--oa-transition-fast), box-shadow var(--oa-transition-fast); } .form-control:focus { box-shadow: var(--oa-focus-ring); } .input-lg, .input-sm, .input-xs { border-radius: var(--oa-radius-sm); } .smart-form section input, .smart-form section select, .smart-form section textarea { border-radius: var(--oa-radius-sm); transition: border-color var(--oa-transition-fast), box-shadow var(--oa-transition-fast); } .smart-form .label, .smart-form label, .smart-form section > label, label.label, label.form-label, .label.form-label, .form-group > label, .control-label { text-transform: none !important; } .smart-form .input input:focus, .smart-form .select select:focus, .smart-form .textarea textarea:focus { box-shadow: var(--oa-focus-ring); } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn { border-radius: var(--oa-radius-sm) 0 0 var(--oa-radius-sm); } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn { border-radius: 0 var(--oa-radius-sm) var(--oa-radius-sm) 0; } .btn-lg { border-radius: var(--oa-radius-md); } .btn-sm, .btn-xs { border-radius: var(--oa-radius-sm); } .btn-group > .btn:first-child { border-radius: var(--oa-radius-sm) 0 0 var(--oa-radius-sm); } .btn-group > .btn:last-child { border-radius: 0 var(--oa-radius-sm) var(--oa-radius-sm) 0; } .btn-group > .btn:only-child { border-radius: var(--oa-radius-sm); } .smart-form .btn { border-radius: var(--oa-radius-sm); } .dropdown-menu { border-radius: var(--oa-radius-md); box-shadow: var(--oa-shadow-lg); border: 1px solid rgba(0, 0, 0, 0.08); overflow: hidden; } .dropdown-menu > li > a { transition: background-color var(--oa-transition-fast); padding: 8px 16px; } .dropdown-menu-xs { border-radius: var(--oa-radius-sm); } .dropdown-submenu > .dropdown-menu { border-radius: var(--oa-radius-md); } .modal-content { border-radius: var(--oa-radius-lg); box-shadow: var(--oa-shadow-xl); overflow: hidden; } .modal-header { border-radius: var(--oa-radius-lg) var(--oa-radius-lg) 0 0; } .modal-footer { border-radius: 0 0 var(--oa-radius-lg) var(--oa-radius-lg); } .modal.fade .modal-dialog { transition: transform var(--oa-transition-smooth), opacity var(--oa-transition-smooth); transform: scale(0.95); } .modal.fade.in .modal-dialog { transform: scale(1); } .panel-heading { border-radius: var(--oa-radius-md) var(--oa-radius-md) 0 0; } .panel-footer { border-radius: 0 0 var(--oa-radius-md) var(--oa-radius-md); } .panel-group .panel { border-radius: var(--oa-radius-md); overflow: hidden; } .smart-accordion-default.panel-group .panel-heading { border-radius: var(--oa-radius-sm); transition: background-color var(--oa-transition-fast); } .badge-pill, .label-pill { border-radius: 10rem; } .table-bordered { border-radius: var(--oa-radius-md); overflow: hidden; } .table-bordered > thead > tr:first-child > th:first-child { border-top-left-radius: var(--oa-radius-md); } .table-bordered > thead > tr:first-child > th:last-child { border-top-right-radius: var(--oa-radius-md); } .table-bordered > tbody > tr:last-child > td:first-child { border-bottom-left-radius: var(--oa-radius-md); } .table-bordered > tbody > tr:last-child > td:last-child { border-bottom-right-radius: var(--oa-radius-md); } .table > tbody > tr { transition: background-color var(--oa-transition-fast); } .tooltip-inner { border-radius: var(--oa-radius-xs); box-shadow: var(--oa-shadow-md); } .well { border-radius: var(--oa-radius-md); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05); } .well-sm { border-radius: var(--oa-radius-sm); } .well-lg { border-radius: var(--oa-radius-lg); } .thumbnail, .img-thumbnail { border-radius: var(--oa-radius-md); box-shadow: var(--oa-shadow-xs); transition: box-shadow var(--oa-transition-normal); } .thumbnail:hover, .img-thumbnail:hover { box-shadow: var(--oa-shadow-md); } .nav-tabs > li > a { border-radius: var(--oa-radius-sm) var(--oa-radius-sm) 0 0; transition: all var(--oa-transition-fast); } .nav-pills > li > a { border-radius: var(--oa-radius-sm); transition: all var(--oa-transition-fast); } .tab-content { border-radius: 0 0 var(--oa-radius-md) var(--oa-radius-md); } .progress { border-radius: var(--oa-radius-sm); overflow: hidden; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { transition: width var(--oa-transition-smooth); } .progress-bar, .uib-bar { display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .list-group { border-radius: var(--oa-radius-md); overflow: hidden; box-shadow: var(--oa-shadow-xs); } .list-group-item:first-child { border-radius: var(--oa-radius-md) var(--oa-radius-md) 0 0; } .list-group-item:last-child { border-radius: 0 0 var(--oa-radius-md) var(--oa-radius-md); } .list-group-item { transition: background-color var(--oa-transition-fast); } .pagination > li:first-child > a, .pagination > li:first-child > span { border-radius: var(--oa-radius-sm) 0 0 var(--oa-radius-sm); } .pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 0 var(--oa-radius-sm) var(--oa-radius-sm) 0; } .pagination > li > a, .pagination > li > span { transition: all var(--oa-transition-fast); } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: var(--oa-info-bg, #EFF6FF); border-color: var(--oa-brand-primary, #005aee); color: var(--oa-brand-primary, #005aee); font-weight: 600; } .onoffswitch-inner:before { background-color: var(--oa-brand-primary, #005aee) !important; } .breadcrumb { border-radius: var(--oa-radius-sm); } .widget-body, .ajax-dropdown, .inbox-body, .chat-body { border-radius: var(--oa-radius-md); } .dt-toolbar, .dataTables_wrapper .dataTables_filter input { border-radius: var(--oa-radius-sm); } .MessageBox, .SmallBox, .BigBox { border-radius: var(--oa-radius-md); box-shadow: var(--oa-shadow-lg); } .fc-event { border-radius: var(--oa-radius-xs); } #chat-container input[type=text] { border-radius: var(--oa-radius-sm); } .chat-list-footer input[type=text] { border-radius: var(--oa-radius-sm); } .btn:not(.btn-xs):not(.btn-sm):not(.btn-lg) { min-height: 2rem; padding: 0.375rem 0.75rem; } .btn-sm { min-height: 1.625rem; padding: 0.25rem 0.5rem; font-size: 0.8125rem; } .btn-lg { min-height: 2.5rem; padding: 0.5rem 1.25rem; font-size: 1rem; } .btn-xs { min-height: 1.5rem; padding: 0.125rem 0.375rem; font-size: 0.75rem; } .btn-primary { background-color: #005aee !important; border-color: #005aee !important; color: #ffffff !important; } .btn-primary:hover, .btn-primary:focus { background-color: #004ac2 !important; border-color: #004ac2 !important; color: #ffffff !important; } .btn-primary:active, .btn-primary.active { background-color: #003b99 !important; border-color: #003b99 !important; } .btn-primary:focus { box-shadow: 0 0 0 0.1875rem rgba(0, 90, 238, 0.25) !important; } .btn-primary .fa, .btn-primary .fas, .btn-primary .far, .btn-primary .fa-solid, .btn-primary .fa-light, .btn-primary .fa-duotone, .btn-primary .glyphicon { color: #ffffff !important; } .btn-primary:disabled, .btn-primary.disabled { background-color: #88b5ff !important; border-color: #88b5ff !important; opacity: 0.65; cursor: not-allowed; } .open > .dropdown-toggle.btn-primary { background-color: #004ac2 !important; border-color: #004ac2 !important; } .btn-primary-2 { background-color: transparent !important; background: transparent !important; border: 1px solid #005aee !important; color: #005aee !important; border-radius: 0.375rem; font-weight: 500; } .btn-primary-2:hover { background-color: rgba(0, 90, 238, 0.08) !important; background: rgba(0, 90, 238, 0.08) !important; border-color: #005aee !important; color: #005aee !important; transform: none; } .btn-primary-2:focus { box-shadow: 0 0 0 0.1875rem rgba(0, 90, 238, 0.15) !important; outline: none; } .btn-primary-2:active { background-color: rgba(0, 90, 238, 0.12) !important; background: rgba(0, 90, 238, 0.12) !important; } .btn-primary-2 .fa, .btn-primary-2 .fas, .btn-primary-2 .far, .btn-primary-2 .fa-solid, .btn-primary-2 .fa-light, .btn-primary-2 .fa-duotone, .btn-primary-2 .glyphicon { color: #005aee !important; } .btn-primary-2:disabled, .btn-primary-2.disabled { border-color: rgba(0, 90, 238, 0.4) !important; color: rgba(0, 90, 238, 0.4) !important; cursor: not-allowed; } .btn-primary-2:disabled:hover, .btn-primary-2.disabled:hover { background-color: transparent !important; background: transparent !important; } .btn-primary-2.flat-btn { border-color: rgba(0, 90, 238, 0.3) !important; } .btn-primary-2.flat-btn:hover { border-color: #005aee !important; } .btn-ghost, .btn-link.btn-ghost { background-color: transparent !important; border: none !important; color: #005aee !important; } .btn-ghost:hover, .btn-link.btn-ghost:hover { background-color: rgba(0, 90, 238, 0.06) !important; color: #004ac2 !important; } .btn-ghost:focus, .btn-link.btn-ghost:focus { box-shadow: 0 0 0 0.125rem rgba(0, 90, 238, 0.2) !important; } .btn-danger { background-color: #ea5455 !important; border-color: #ea5455 !important; color: #ffffff !important; border-radius: 0.375rem; } .btn-danger:hover, .btn-danger:focus { background-color: #d34c4d !important; border-color: #d34c4d !important; } .btn-danger:focus { box-shadow: 0 0 0 0.1875rem rgba(234, 84, 85, 0.25) !important; } .btn-success, .btn-warning, .btn-info, .btn-default { border-radius: 0.375rem; } .btn-group > .btn { border-radius: 0 !important; } .btn-group > .btn:first-child { border-top-left-radius: 0.375rem !important; border-bottom-left-radius: 0.375rem !important; } .btn-group > .btn:last-child { border-top-right-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .input-group-btn .btn { min-height: 2rem; border-radius: 0 0.375rem 0.375rem 0; } :root { --sidebar-width: 260px; --sidebar-width-collapsed: 90px; --sidebar-bg: #050a19; --sidebar-bg-solid: #050a19; --sidebar-bg-hover: #334155; --sidebar-bg-active: rgba(0, 90, 238, 0.12); --sidebar-text: #94A3B8; --sidebar-text-hover: #F1F5F9; --sidebar-text-active: #FFFFFF; --sidebar-icon: #94A3B8; --sidebar-icon-hover: #F1F5F9; --sidebar-icon-active: #FFFFFF; --sidebar-border: #334155; --sidebar-section-text: #64748B; --sidebar-shadow-collapsed: 0 2px 8px rgba(0, 0, 0, 0.3); --sidebar-shadow-expanded: 0 4px 16px rgba(0, 0, 0, 0.4); --sidebar-spotlight-light: #1e294e; --sidebar-spotlight-dark: #000000; --logo-height: 64px; --sidebar-font-size: 13px; } .fixed-navigation #main { margin-left: var(--sidebar-width-collapsed) !important; transition: none !important; } @media (min-width: 769px) and (max-width: 979px) { .fixed-navigation #main { width: calc(100% - var(--sidebar-width-collapsed)) !important; } } .fixed-navigation #header, .fixed-navigation header#header { position: fixed !important; top: 0 !important; right: 0 !important; left: var(--sidebar-width-collapsed) !important; width: calc(100% - var(--sidebar-width-collapsed)) !important; z-index: 1035 !important; transition: none !important; } .fixed-navigation #ribbon, .fixed-navigation .fixed-ribbon #ribbon { left: var(--sidebar-width-collapsed) !important; transition: none !important; } .fixed-navigation #logo-group, .fixed-navigation #header #logo-group { display: none !important; } .fixed-navigation aside#left-panel, .fixed-navigation #left-panel { position: fixed !important; top: 0 !important; left: 0 !important; bottom: 0 !important; width: var(--sidebar-width-collapsed) !important; height: 100vh !important; z-index: 1038 !important; background: radial-gradient(ellipse 80% 35% at 0% 35%, var(--sidebar-spotlight-light) 0%, transparent 100%), radial-gradient(ellipse 50% 20% at 100% 90%, rgba(18, 206, 163, 0.25) 0%, transparent 100%), linear-gradient(180deg, var(--sidebar-bg) 0%, var(--sidebar-spotlight-dark) 100%) !important; border-right: none !important; overflow-x: hidden !important; overflow-y: auto !important; padding: 0 !important; margin: 0 !important; box-shadow: var(--sidebar-shadow-collapsed), inset -1px 0 0 rgba(255, 255, 255, 0.12) !important; transition: width 0.2s ease, box-shadow 0.2s ease !important; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.15) transparent; } .fixed-navigation aside#left-panel::-webkit-scrollbar, .fixed-navigation #left-panel::-webkit-scrollbar { width: 5px; } .fixed-navigation aside#left-panel::-webkit-scrollbar-track, .fixed-navigation #left-panel::-webkit-scrollbar-track { background: transparent; } .fixed-navigation aside#left-panel::-webkit-scrollbar-thumb, .fixed-navigation #left-panel::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.15); border-radius: 3px; } .fixed-navigation aside#left-panel .login-info, .fixed-navigation #left-panel .login-info { display: none !important; } .fixed-navigation aside#left-panel nav, .fixed-navigation #left-panel nav { padding-bottom: 0 !important; margin-bottom: 0 !important; } .fixed-navigation aside#left-panel nav > ul, .fixed-navigation #left-panel nav > ul { margin-bottom: 0 !important; padding: 0 !important; height: calc(100% - 48px) !important; } .fixed-navigation aside#left-panel:hover, .fixed-navigation #left-panel:hover, .fixed-navigation aside#left-panel.sidebar-hover, .fixed-navigation #left-panel.sidebar-hover { width: var(--sidebar-width) !important; box-shadow: var(--sidebar-shadow-expanded), inset -1px 0 0 rgba(255, 255, 255, 0.12) !important; } #logo-minifed, #left-panel #logo-minifed { display: flex !important; visibility: visible !important; align-items: center !important; justify-content: flex-start !important; padding: 0 22px !important; margin: 0 !important; background: var(--sidebar-bg) !important; border-bottom: 1px solid var(--sidebar-border) !important; height: var(--logo-height) !important; min-height: var(--logo-height) !important; position: sticky !important; top: 0 !important; z-index: 10 !important; } #logo-minifed::before, #left-panel #logo-minifed::before { content: "" !important; position: absolute !important; top: 100% !important; left: 0 !important; width: 100% !important; height: 24px !important; background: linear-gradient(#050a19 20%, rgba(5, 10, 25, 0) 100%) !important; pointer-events: none !important; z-index: 1 !important; } #logo-minifed::after, #left-panel #logo-minifed::after { content: "" !important; position: absolute !important; top: 50% !important; left: 28px !important; transform: translateY(-50%) !important; width: 123px !important; height: 28px !important; background: url("/img/one-assessment-bright.svg") no-repeat left center !important; background-size: contain !important; opacity: 0 !important; transition: opacity 0.25s ease-in-out !important; pointer-events: none !important; z-index: 2 !important; } #logo-minifed img, #left-panel #logo-minifed img, .fixed-navigation #logo-minifed img { max-width: 52px !important; max-height: 52px !important; margin: 0 !important; display: block !important; visibility: visible !important; opacity: 1 !important; transition: opacity 0.25s ease-in-out !important; } #left-panel:hover #logo-minifed img, #left-panel.sidebar-hover #logo-minifed img, .fixed-navigation #left-panel:hover #logo-minifed img { opacity: 0 !important; } #left-panel:hover #logo-minifed::after, #left-panel.sidebar-hover #logo-minifed::after, .fixed-navigation #left-panel:hover #logo-minifed::after { opacity: 1 !important; } #left-panel nav > ul { padding: 18px 0 0 0 !important; margin: 0 !important; list-style: none !important; background: transparent !important; } #left-panel nav > ul > li { position: relative !important; margin: 0 !important; padding: 0 !important; list-style: none !important; background: transparent !important; } #left-panel nav > ul > li > a { display: flex !important; align-items: center !important; height: 42px !important; padding: 0 16px !important; margin: 3px 12px !important; color: var(--sidebar-text) !important; font-size: var(--sidebar-font-size) !important; font-weight: 500 !important; text-decoration: none !important; border-radius: 8px !important; background: transparent !important; box-sizing: border-box !important; transition: background-color 0.15s ease, color 0.15s ease !important; } #left-panel nav > ul > li > a:hover { background-color: var(--sidebar-bg-hover) !important; color: var(--sidebar-text-hover) !important; } #left-panel nav ul li a:focus-visible { outline: 2px solid var(--oa-brand-light, #3FA9FF) !important; outline-offset: -2px; } #left-panel nav > ul > li.active > a, #left-panel nav > ul > li > a.active { background: linear-gradient(90deg, rgba(0, 90, 238, 0.18) 0%, transparent 70%) !important; color: var(--sidebar-text-active) !important; text-shadow: 0 0 6px rgba(0, 90, 238, 0.3) !important; font-weight: 600 !important; border-radius: 0 24px 24px 0 !important; margin-left: 0 !important; padding-left: 21px !important; border-left: 3px solid var(--oa-brand-primary, #005aee) !important; } #left-panel nav > ul > li > a > i, #left-panel nav > ul > li > a > .fa, #left-panel nav > ul > li > a > [class^=fa-], #left-panel nav > ul > li > a > [class*=" fa-"] { display: flex !important; align-items: center !important; justify-content: center !important; width: 22px !important; min-width: 22px !important; height: 22px !important; font-size: 20px !important; margin-right: 14px !important; color: var(--sidebar-icon) !important; flex-shrink: 0 !important; transition: color 0.15s ease, margin 0.15s ease !important; } #left-panel nav > ul > li > a:hover > i, #left-panel nav > ul > li > a:hover > .fa, #left-panel nav > ul > li > a:hover > [class^=fa-], #left-panel nav > ul > li > a:hover > [class*=" fa-"] { color: var(--sidebar-icon-hover) !important; } #left-panel nav > ul > li.active > a > i, #left-panel nav > ul > li.active > a > .fa, #left-panel nav > ul > li > a.active > i, #left-panel nav > ul > li > a.active > .fa { color: var(--sidebar-icon-active) !important; } .fixed-navigation #left-panel:not(:hover):not(.sidebar-hover) nav > ul > li > a > i, .fixed-navigation #left-panel:not(:hover):not(.sidebar-hover) nav > ul > li > a > .fa, .fixed-navigation #left-panel:not(:hover):not(.sidebar-hover) nav > ul > li > a > [class^=fa-], .fixed-navigation #left-panel:not(:hover):not(.sidebar-hover) nav > ul > li > a > [class*=" fa-"] { margin-right: 0 !important; } #left-panel nav > ul > li > a > .menu-item-parent, #left-panel nav > ul > li > a > span:not(.badge) { color: var(--sidebar-text) !important; font-size: var(--sidebar-font-size) !important; white-space: nowrap !important; overflow: hidden !important; opacity: 1 !important; max-width: 180px !important; transition: opacity 0.15s ease, max-width 0.15s ease !important; } .fixed-navigation #left-panel:not(:hover):not(.sidebar-hover) nav > ul > li > a > .menu-item-parent, .fixed-navigation #left-panel:not(:hover):not(.sidebar-hover) nav > ul > li > a > span:not(.badge) { opacity: 0 !important; max-width: 0 !important; } #left-panel nav > ul > li.active > a > .menu-item-parent, #left-panel nav > ul > li.active > a > span:not(.badge), #left-panel nav > ul > li > a.active > .menu-item-parent, #left-panel nav > ul > li > a.active > span:not(.badge) { color: var(--sidebar-text-active) !important; } #left-panel nav > ul > li.nav-title, #left-panel nav > ul > li.menu-header { position: relative !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; color: var(--sidebar-section-text) !important; padding: 16px 12px 6px 24px !important; margin: 0 !important; height: 38px !important; opacity: 1 !important; transition: opacity 0.15s ease !important; } #left-panel nav > ul > li.nav-title::after, #left-panel nav > ul > li.menu-header::after { content: "" !important; position: absolute !important; top: 50% !important; left: 24px !important; right: 24px !important; height: 1px !important; background: linear-gradient(90deg, transparent 0%, var(--sidebar-border) 20%, var(--sidebar-border) 80%, transparent 100%) !important; opacity: 0 !important; transition: opacity 0.15s ease !important; } .fixed-navigation #left-panel:not(:hover):not(.sidebar-hover) nav > ul > li.nav-title, .fixed-navigation #left-panel:not(:hover):not(.sidebar-hover) nav > ul > li.menu-header { opacity: 1 !important; color: transparent !important; overflow: hidden !important; } .fixed-navigation #left-panel:not(:hover):not(.sidebar-hover) nav > ul > li.nav-title::after, .fixed-navigation #left-panel:not(:hover):not(.sidebar-hover) nav > ul > li.menu-header::after { opacity: 0.6 !important; } #left-panel nav > ul > li > a > .badge { position: absolute !important; top: 50% !important; right: 8px !important; transform: translateY(-50%) !important; background: #1D4ED8 !important; color: white !important; font-size: 10px !important; padding: 2px 6px !important; border-radius: 10px !important; transition: right 0.2s ease, font-size 0.2s ease, padding 0.2s ease !important; } .fixed-navigation #left-panel:not(:hover):not(.sidebar-hover) nav > ul > li > a > .badge { right: -11px !important; font-size: 9px !important; padding: 1px 4px !important; } #left-panel nav > ul > li > ul { display: none; padding-left: 0 !important; background: transparent !important; } #left-panel nav > ul > li.open > ul { display: block; } #left-panel nav > ul > li > ul > li > a { padding-left: 3rem !important; font-size: 12px !important; color: var(--sidebar-text) !important; height: 36px !important; } #left-panel nav > ul > li > ul > li > a:hover { color: var(--sidebar-text-hover) !important; background-color: var(--sidebar-bg-hover) !important; } #left-panel nav > ul > li > ul > li.active > a, #left-panel nav > ul > li > ul > li > a.active { color: var(--sidebar-text-active) !important; } #left-panel nav > ul > li > a > .collapse-sign, #left-panel nav > ul > li > a > b { color: var(--sidebar-icon) !important; } @media (max-width: 768px) { .fixed-navigation aside#left-panel, .fixed-navigation #left-panel { transform: translateX(-100%) !important; width: 270px !important; transition: transform 0.3s ease !important; } .fixed-navigation.menu-expanded #left-panel, .fixed-navigation.hidden-menu #left-panel { transform: translateX(0) !important; } body.fixed-navigation aside#left-panel, body.fixed-navigation #left-panel { z-index: 1050 !important; } .fixed-navigation #main { margin-left: 0 !important; } .fixed-navigation #header, .fixed-navigation header#header { left: 0 !important; width: 100% !important; } .fixed-navigation #left-panel:not(:hover):not(.sidebar-hover) nav > ul > li > a > .menu-item-parent, .fixed-navigation #left-panel:not(:hover):not(.sidebar-hover) nav > ul > li > a > span:not(.badge) { opacity: 1 !important; max-width: 180px !important; } .fixed-navigation #left-panel:not(:hover):not(.sidebar-hover) nav > ul > li > a > i, .fixed-navigation #left-panel:not(:hover):not(.sidebar-hover) nav > ul > li > a > .fa, .fixed-navigation #left-panel:not(:hover):not(.sidebar-hover) nav > ul > li > a > [class^=fa-], .fixed-navigation #left-panel:not(:hover):not(.sidebar-hover) nav > ul > li > a > [class*=" fa-"] { margin-right: 14px !important; } .fixed-navigation #left-panel:not(:hover):not(.sidebar-hover) nav > ul > li.nav-title, .fixed-navigation #left-panel:not(:hover):not(.sidebar-hover) nav > ul > li.menu-header { color: var(--sidebar-section-text) !important; overflow: visible !important; } .fixed-navigation #left-panel:not(:hover):not(.sidebar-hover) nav > ul > li.nav-title::after, .fixed-navigation #left-panel:not(:hover):not(.sidebar-hover) nav > ul > li.menu-header::after { opacity: 0 !important; } .fixed-navigation #left-panel:not(:hover):not(.sidebar-hover) nav > ul > li > a > .badge { right: 8px !important; font-size: 10px !important; padding: 2px 6px !important; } } .btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--oa-space-sm); vertical-align: middle; white-space: nowrap; box-sizing: border-box; border-radius: var(--oa-radius-md, 8px); font-weight: 600; font-size: var(--oa-text-h3); cursor: pointer; position: relative; overflow: hidden; user-select: none; border: 1px solid transparent; text-decoration: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, box-shadow 150ms ease-in-out, color 150ms ease-in-out; } .btn .fa, .btn .fas, .btn .far, .btn .fal, .btn .fad, .btn .fa-solid, .btn .fa-light, .btn .fa-duotone, .btn .fa-regular, .btn .glyphicon { flex-shrink: 0; font-size: var(--oa-text-h3); } .btn:active:not(:disabled) { transform: scale(0.96); transition: transform var(--oa-duration-snap, 50ms) var(--oa-ease-snap, cubic-bezier(0.2, 0, 0, 1)); } .btn:disabled, .btn.disabled { opacity: 0.6; cursor: not-allowed; box-shadow: none !important; } .btn-primary { background: var(--oa-brand-gradient, linear-gradient(135deg, #0055FF 0%, #2563EB 100%)); border-color: var(--oa-brand-primary, #0055FF); color: #FFFFFF; } .btn-primary::after { content: ""; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent); transform: skewX(-20deg); transition: left 0.5s ease; pointer-events: none; } .btn-primary:hover:not(:disabled) { background: linear-gradient(135deg, #004ACC 0%, #1D4ED8 100%); } .btn-primary:hover:not(:disabled)::after { left: 150%; transition: left 0.7s ease-in-out; } .btn-primary:focus-visible:not(:disabled) { outline: none; background: var(--oa-brand-gradient, linear-gradient(135deg, #0055FF 0%, #2563EB 100%)); color: #FFFFFF; outline: none; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.25); } .btn-primary:focus:not(:focus-visible):not(:disabled) { outline: none; background: var(--oa-brand-gradient, linear-gradient(135deg, #0055FF 0%, #2563EB 100%)); color: #FFFFFF; } .btn-primary:active:not(:disabled) { background: linear-gradient(135deg, #0044CC 0%, #1D4ED8 100%); color: #FFFFFF; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); filter: none; } .btn-primary-soft, .btn-primary-2 { background-color: #EFF6FF; color: var(--oa-brand-primary, #005aee); border: 1px solid transparent; border-radius: var(--oa-btn-radius, 8px); transition: all var(--oa-duration-fast, 150ms) ease; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px; min-height: var(--oa-btn-height, 32px) !important; height: var(--oa-btn-height, 32px) !important; padding: var(--oa-btn-padding-y, 6px) var(--oa-btn-padding-x, 14px) !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1 !important; } .btn-primary-soft i, .btn-primary-2 i, .btn-primary-soft .fa, .btn-primary-2 .fa, .btn-primary-soft [class^=fa-], .btn-primary-2 [class^=fa-] { font-size: 14px; } .btn-primary-soft:hover:not(:disabled), .btn-primary-2:hover:not(:disabled) { background-color: #DBEAFE; color: var(--oa-brand-primary, #005aee); border-color: transparent; } .btn-primary-soft:focus-visible:not(:disabled), .btn-primary-2:focus-visible:not(:disabled) { outline: none; background-color: #EFF6FF; color: var(--oa-brand-primary, #005aee); outline: none; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.2); } .btn-primary-soft:focus:not(:focus-visible):not(:disabled), .btn-primary-2:focus:not(:focus-visible):not(:disabled) { outline: none; background-color: #EFF6FF; color: var(--oa-brand-primary, #005aee); } .btn-primary-soft:active:not(:disabled), .btn-primary-2:active:not(:disabled) { background-color: #BFDBFE; color: var(--oa-brand-primary, #005aee); } .btn-secondary, .btn-header, .btn-default { background-color: #FFFFFF; color: var(--oa-text-main, #0F172A); border: 1px solid #E2E8F0; box-shadow: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important; } .btn-secondary:hover:not(:disabled), .btn-header:hover:not(:disabled), .btn-default:hover:not(:disabled) { background-color: #F8FAFC; color: var(--oa-text-main, #0F172A); border-color: #CBD5E1; } .btn-secondary:focus-visible:not(:disabled), .btn-header:focus-visible:not(:disabled), .btn-default:focus-visible:not(:disabled) { outline: none; background-color: #FFFFFF; color: var(--oa-text-main, #0F172A); border-color: #CBD5E1; outline: none; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.2); } .btn-secondary:focus:not(:focus-visible):not(:disabled), .btn-header:focus:not(:focus-visible):not(:disabled), .btn-default:focus:not(:focus-visible):not(:disabled) { outline: none; background-color: #FFFFFF; color: var(--oa-text-main, #0F172A); border-color: #E2E8F0; } .btn-secondary:active:not(:disabled), .btn-header:active:not(:disabled), .btn-default:active:not(:disabled) { background-color: #F1F5F9; color: var(--oa-text-main, #0F172A); border-color: #CBD5E1; } .btn-outline-primary { background-color: transparent; color: var(--oa-brand-primary, #005aee); border: 1px solid var(--oa-brand-primary, #005aee); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important; } .btn-outline-primary:hover:not(:disabled) { background-color: rgba(0, 90, 238, 0.08); color: var(--oa-brand-primary, #005aee); border-color: var(--oa-brand-primary, #005aee); } .btn-outline-primary:focus-visible:not(:disabled) { outline: none; background-color: transparent; color: var(--oa-brand-primary, #005aee); border-color: var(--oa-brand-primary, #005aee); outline: none; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.25); } .btn-outline-primary:focus:not(:focus-visible):not(:disabled) { outline: none; background-color: transparent; color: var(--oa-brand-primary, #005aee); border-color: var(--oa-brand-primary, #005aee); } .btn-outline-primary:active:not(:disabled) { background-color: rgba(0, 90, 238, 0.15); color: var(--oa-brand-primary, #005aee); border-color: var(--oa-brand-primary, #005aee); } .btn-danger { background-color: #FEF2F2; color: #DC2626; border: 1px solid #FECACA; } .btn-danger:hover:not(:disabled) { background-color: #FEE2E2; color: #DC2626; border-color: #FCA5A5; } .btn-danger:focus-visible:not(:disabled) { outline: none; background-color: #FEF2F2; color: #DC2626; outline: none; box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.25); } .btn-danger:focus:not(:focus-visible):not(:disabled) { outline: none; background-color: #FEF2F2; color: #DC2626; } .btn-danger:active:not(:disabled) { background-color: #FECACA; color: #DC2626; border-color: #F87171; } .btn-success { background-color: #F0FDF4; color: #166534; border: 1px solid #BBF7D0; } .btn-success:hover:not(:disabled) { background-color: #DCFCE7; color: #166534; border-color: #86EFAC; } .btn-success:focus-visible:not(:disabled) { outline: none; background-color: #F0FDF4; color: #166534; outline: none; box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.25); } .btn-success:focus:not(:focus-visible):not(:disabled) { outline: none; background-color: #F0FDF4; color: #166534; } .btn-success:active:not(:disabled) { background-color: #BBF7D0; color: #166534; border-color: #4ADE80; } .btn-warning { background-color: #FFFBEB; color: #B45309; border: 1px solid #FDE68A; } .btn-warning:hover:not(:disabled) { background-color: #FEF3C7; color: #B45309; border-color: #FCD34D; } .btn-warning:focus-visible:not(:disabled) { outline: none; background-color: #FFFBEB; color: #B45309; outline: none; box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.25); } .btn-warning:focus:not(:focus-visible):not(:disabled) { outline: none; background-color: #FFFBEB; color: #B45309; } .btn-warning:active:not(:disabled) { background-color: #FDE68A; color: #B45309; border-color: #FBBF24; } .btn-info { background-color: var(--oa-info-bg, #EFF6FF); color: #1D4ED8; border: 1px solid #BFDBFE; } .btn-info:hover:not(:disabled) { background-color: #DBEAFE; color: #1D4ED8; border-color: #93C5FD; } .btn-info:focus-visible:not(:disabled) { outline: none; background-color: var(--oa-info-bg, #EFF6FF); color: #1D4ED8; outline: none; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25); } .btn-info:focus:not(:focus-visible):not(:disabled) { outline: none; background-color: var(--oa-info-bg, #EFF6FF); color: #1D4ED8; } .btn-info:active:not(:disabled) { background-color: #BFDBFE; color: #1D4ED8; border-color: #60A5FA; } .btn-lg { padding: 12px 32px; font-size: var(--oa-text-subtitle); border-radius: var(--oa-radius-xl, 16px); } .btn-sm { padding: 6px 16px; font-size: 13px; border-radius: var(--oa-radius-md, 8px); } .btn-xs { padding: var(--oa-space-xs) var(--oa-space-md); font-size: var(--oa-text-label); border-radius: var(--oa-radius-sm, 6px); } .btn-icon { padding: 10px; width: var(--oa-input-height-lg); height: var(--oa-input-height-lg); } .btn-icon.btn-sm { padding: 6px; width: var(--oa-btn-height); height: var(--oa-btn-height); } .btn-icon.btn-lg { padding: var(--oa-space-md); width: 48px; height: 48px; } .btn-link { background: transparent; color: var(--oa-brand-primary, #0055FF); border: none; padding: 0; font-weight: 500; } .btn-link:hover:not(:disabled) { color: var(--oa-brand-hover, #004ac2); text-decoration: underline; box-shadow: none; } .btn-ai-sparkle { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: var(--oa-btn-padding-y) var(--oa-btn-padding-x) !important; background: #F3F4F6 !important; color: #374151 !important; border: 1px solid #E5E7EB !important; border-radius: var(--oa-radius-full) !important; font-size: var(--oa-text-label) !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.2s ease !important; box-shadow: none !important; text-transform: none !important; letter-spacing: 0.02em !important; margin-right: 10px !important; } .btn-ai-sparkle i, .btn-ai-sparkle .fa, .btn-ai-sparkle [class^=fa-] { font-size: var(--oa-text-label) !important; color: var(--oa-brand-primary, #005aee) !important; } .btn-ai-sparkle:hover { background: #E5E7EB !important; border-color: #D1D5DB !important; color: #1F2937 !important; } .btn-ai-sparkle:active { background: #D1D5DB !important; } .opportunites .position-fit-badge, .candidate-profile .position-fit-badge { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: var(--oa-btn-padding-y) var(--oa-btn-padding-x) !important; height: auto !important; line-height: inherit !important; font-size: var(--oa-text-label) !important; font-weight: 600 !important; border-radius: var(--oa-radius-full) !important; min-width: auto !important; margin: 0 10px 0 0 !important; text-transform: uppercase !important; letter-spacing: 0.02em !important; } .opportunites .position-fit-badge .fit-icon, .candidate-profile .position-fit-badge .fit-icon { margin-top: 0 !important; font-size: var(--oa-text-label) !important; color: inherit !important; } .pagination.pg-blue { display: flex !important; align-items: center !important; gap: 2px !important; padding: var(--oa-space-xs) !important; background: transparent !important; border-radius: 0 !important; } .pagination.pg-blue > li { margin: 0 !important; } .pagination.pg-blue > li > a, .pagination.pg-blue > li > span { display: flex !important; align-items: center !important; justify-content: center !important; min-width: var(--oa-btn-height) !important; height: var(--oa-btn-height) !important; padding: 0 10px !important; border-radius: var(--oa-radius-md) !important; border: none !important; background: transparent !important; font-size: 13px !important; font-weight: 500 !important; color: var(--oa-text-secondary, #374151) !important; text-decoration: none !important; transition: all var(--oa-duration-spring, 300ms) var(--oa-ease-spring, cubic-bezier(0.34, 1.56, 0.64, 1)) !important; } .pagination.pg-blue > li > a:hover, .pagination.pg-blue > li > span:hover { background: #FFFFFF !important; color: var(--oa-text-main, #1F2937) !important; box-shadow: var(--oa-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.08)) !important; } .pagination.pg-blue > li.active > a, .pagination.pg-blue > li.active > span { background: #FFFFFF !important; color: var(--oa-brand-primary, #005aee) !important; font-weight: 600 !important; box-shadow: var(--oa-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.08)), 0 0 0 1px rgba(0, 90, 238, 0.1) !important; } .pagination.pg-blue > li.active > a:hover, .pagination.pg-blue > li.active > span:hover { background: #FFFFFF !important; box-shadow: var(--oa-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.1)), 0 0 0 1px rgba(0, 90, 238, 0.15) !important; } .pagination.pg-blue > li:first-child > a, .pagination.pg-blue > li:last-child > a { font-weight: 400 !important; font-size: var(--oa-text-h3) !important; color: var(--oa-text-muted, #4B5563) !important; } .pagination.pg-blue > li:first-child > a:hover, .pagination.pg-blue > li:last-child > a:hover { color: var(--oa-brand-primary, #005aee) !important; background: rgba(0, 90, 238, 0.06) !important; box-shadow: none !important; } .pagination.pg-blue > li.disabled > a, .pagination.pg-blue > li.disabled > span { opacity: 0.4 !important; cursor: not-allowed !important; pointer-events: none !important; background: transparent !important; box-shadow: none !important; } .pagination.pg-blue.pg-compact { background: transparent !important; padding: 0 !important; gap: var(--oa-space-xs) !important; } .pagination.pg-blue.pg-compact > li > a, .pagination.pg-blue.pg-compact > li > span { border: 1px solid #E2E8F0 !important; background: #FFFFFF !important; } .pagination.pg-blue.pg-compact > li > a:hover, .pagination.pg-blue.pg-compact > li > span:hover { border-color: #CBD5E1 !important; } .pagination.pg-blue.pg-compact > li.active > a, .pagination.pg-blue.pg-compact > li.active > span { border-color: var(--oa-brand-primary, #005aee) !important; background: #EFF6FF !important; } .btn-group:not(.dropdown) > .btn.flat-btn, .btn-group:not(.dropdown) > button.flat-btn { margin-bottom: var(--oa-space-sm); } .btn-group.dropdown:not(.candidate-dropdown-filter) { background-color: transparent !important; border: none !important; align-items: center; } .btn-group.dropdown:not(.candidate-dropdown-filter) > .btn, .btn-group.dropdown:not(.candidate-dropdown-filter) > button { margin-bottom: 0 !important; } .btn-group.dropdown:not(.candidate-dropdown-filter) > .btn:first-child:not(.dropdown-toggle) { border-radius: var(--oa-radius-md, 8px) 0 0 var(--oa-radius-md, 8px); border-right: none !important; } .btn-group.dropdown:not(.candidate-dropdown-filter) > .dropdown-toggle { border-radius: 0 var(--oa-radius-md, 8px) var(--oa-radius-md, 8px) 0; border-left: 1px solid rgba(0, 85, 255, 0.2) !important; min-width: 38px; padding-left: 10px; padding-right: 10px; display: inline-flex; align-items: center; justify-content: center; } .btn-group.dropdown:not(.candidate-dropdown-filter) > .dropdown-toggle .caret { margin: 0; vertical-align: middle; } .btn-group.dropdown:not(.candidate-dropdown-filter) > .btn { height: var(--oa-btn-height, 32px); min-height: var(--oa-btn-height, 32px); } .btn-group.dropdown:not(.candidate-dropdown-filter) > .btn-secondary:first-child:not(.dropdown-toggle), .btn-group.dropdown:not(.candidate-dropdown-filter) > .btn-header:first-child:not(.dropdown-toggle), .btn-group.dropdown:not(.candidate-dropdown-filter) > .btn-default:first-child:not(.dropdown-toggle) { border-right: none !important; } .btn-group.dropdown:not(.candidate-dropdown-filter) > .btn-secondary.dropdown-toggle, .btn-group.dropdown:not(.candidate-dropdown-filter) > .dropdown-toggle.btn-header, .btn-group.dropdown:not(.candidate-dropdown-filter) > .btn-default.dropdown-toggle { border-left: 1px solid #CBD5E1 !important; } .split-button-dropdown { display: inline-flex; background: transparent !important; border: none !important; } .split-button-dropdown > .btn:first-child:not(.dropdown-toggle) { border-radius: var(--oa-radius-md, 8px) 0 0 var(--oa-radius-md, 8px); border-right: none !important; } .split-button-dropdown > .dropdown-toggle { border-radius: 0 var(--oa-radius-md, 8px) var(--oa-radius-md, 8px) 0; min-width: 38px; padding: 6px 10px; display: inline-flex; align-items: center; justify-content: center; } .split-button-dropdown > .btn-primary.dropdown-toggle { border-left: 1px solid rgba(255, 255, 255, 0.3) !important; } .split-button-dropdown > .btn-secondary.dropdown-toggle, .split-button-dropdown > .dropdown-toggle.btn-header, .split-button-dropdown > .btn-default.dropdown-toggle { border-left: 1px solid #CBD5E1 !important; } .btn-group:not(.candidate-dropdown-filter), .btn-group-justified-custom { display: inline-flex; border-radius: var(--oa-radius-md, 8px); border: 1px solid var(--oa-border-soft, #E2E8F0); background-color: var(--oa-bg-muted, #F8FAFC); } .btn-group:not(.candidate-dropdown-filter) > .btn, .btn-group:not(.candidate-dropdown-filter) > label.btn, .btn-group-justified-custom > .btn, .btn-group-justified-custom > label.btn { font-weight: 500; min-height: var(--oa-btn-height, 32px); padding: var(--oa-input-padding-y) var(--oa-input-padding-x); border: none; border-radius: 0; background-color: transparent; color: var(--oa-text-muted, #64748B); transition: background-color var(--oa-duration-fast, 150ms) ease, color var(--oa-duration-fast, 150ms) ease; } .btn-group:not(.candidate-dropdown-filter) > .btn:hover:not(:disabled):not(.active), .btn-group:not(.candidate-dropdown-filter) > label.btn:hover:not(:disabled):not(.active), .btn-group-justified-custom > .btn:hover:not(:disabled):not(.active), .btn-group-justified-custom > label.btn:hover:not(:disabled):not(.active) { background-color: var(--oa-bg-surface, #FFFFFF); color: var(--oa-text-main, #0F172A); } .btn-group:not(.candidate-dropdown-filter) > .btn.active, .btn-group:not(.candidate-dropdown-filter) > .btn:checked + label, .btn-group:not(.candidate-dropdown-filter) > .btn[aria-pressed=true], .btn-group:not(.candidate-dropdown-filter) > label.btn.active, .btn-group:not(.candidate-dropdown-filter) > label.btn:checked + label, .btn-group:not(.candidate-dropdown-filter) > label.btn[aria-pressed=true], .btn-group-justified-custom > .btn.active, .btn-group-justified-custom > .btn:checked + label, .btn-group-justified-custom > .btn[aria-pressed=true], .btn-group-justified-custom > label.btn.active, .btn-group-justified-custom > label.btn:checked + label, .btn-group-justified-custom > label.btn[aria-pressed=true] { background-color: var(--oa-brand-primary, #0055FF); color: #FFFFFF; font-weight: 600; } .btn-group:not(.candidate-dropdown-filter) > .btn + .btn, .btn-group:not(.candidate-dropdown-filter) > .btn + label.btn, .btn-group:not(.candidate-dropdown-filter) > label.btn + .btn, .btn-group:not(.candidate-dropdown-filter) > label.btn + label.btn, .btn-group-justified-custom > .btn + .btn, .btn-group-justified-custom > .btn + label.btn, .btn-group-justified-custom > label.btn + .btn, .btn-group-justified-custom > label.btn + label.btn { border-left: 1px solid var(--oa-border-soft, #E2E8F0); } .btn-group:not(.candidate-dropdown-filter) > .btn:first-child, .btn-group:not(.candidate-dropdown-filter) > label.btn:first-child, .btn-group-justified-custom > .btn:first-child, .btn-group-justified-custom > label.btn:first-child { border-radius: var(--oa-radius-md, 8px) 0 0 var(--oa-radius-md, 8px); } .btn-group:not(.candidate-dropdown-filter) > .btn:last-child, .btn-group:not(.candidate-dropdown-filter) > label.btn:last-child, .btn-group-justified-custom > .btn:last-child, .btn-group-justified-custom > label.btn:last-child { border-radius: 0 var(--oa-radius-md, 8px) var(--oa-radius-md, 8px) 0; } .btn-group[data-toggle=buttons] > .btn > input[type=radio], .btn-group[data-toggle=buttons] > .btn > input[type=checkbox], .btn-group > label.btn > input[type=radio], .btn-group > label.btn > input[type=checkbox], .btn-group-justified > label.btn > input[type=radio], .btn-group-justified > label.btn > input[type=checkbox] { position: absolute !important; clip: rect(0, 0, 0, 0) !important; pointer-events: none !important; opacity: 0 !important; } .btn-group > label.btn:not(.checkbox):not(.radio), .btn-group-justified-custom > label.btn:not(.checkbox):not(.radio), span.btn-group > label.btn, span.btn-group-justified-custom > label.btn { font-size: var(--oa-text-body, 13.5px) !important; } .btn-primary, .btn-default, .btn-success, .btn-danger, .btn-secondary, .btn-header, .btn-info, .btn-warning { -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: var(--oa-radius-md, 8px) !important; } .btn-primary:hover:not(:disabled), .btn-primary:focus:not(:disabled), .btn-primary:active:not(:disabled), .btn-default:hover:not(:disabled), .btn-default:focus:not(:disabled), .btn-default:active:not(:disabled), .btn-success:hover:not(:disabled), .btn-success:focus:not(:disabled), .btn-success:active:not(:disabled), .btn-danger:hover:not(:disabled), .btn-danger:focus:not(:disabled), .btn-danger:active:not(:disabled), .btn-secondary:hover:not(:disabled), .btn-header:hover:not(:disabled), .btn-secondary:focus:not(:disabled), .btn-header:focus:not(:disabled), .btn-secondary:active:not(:disabled), .btn-header:active:not(:disabled), .btn-info:hover:not(:disabled), .btn-info:focus:not(:disabled), .btn-info:active:not(:disabled), .btn-warning:hover:not(:disabled), .btn-warning:focus:not(:disabled), .btn-warning:active:not(:disabled) { -webkit-box-shadow: none !important; box-shadow: none !important; } #header .btn-secondary, #header .btn-header, #header .btn-default { background-color: transparent !important; border: none !important; border-width: 0 !important; box-shadow: none !important; } #header .btn-secondary:hover:not(:disabled), #header .btn-header:hover:not(:disabled), #header .btn-default:hover:not(:disabled) { background-color: rgba(0, 85, 255, 0.08) !important; border: none !important; box-shadow: none !important; } #header .btn-secondary:focus:not(:disabled), #header .btn-header:focus:not(:disabled), #header .btn-default:focus:not(:disabled) { border: none !important; box-shadow: 0 0 0 2px rgba(0, 85, 255, 0.15) !important; } .btn-action-menu { display: inline-flex; align-items: center; justify-content: center; width: var(--oa-input-height-sm); height: var(--oa-input-height-sm); min-width: var(--oa-input-height-sm); padding: 0; background-color: transparent; color: var(--oa-text-muted, #6B7280); border: 1px solid transparent; border-radius: var(--oa-radius-md, 8px); cursor: pointer; transition: all var(--oa-duration-fast, 150ms) ease; } .btn-action-menu i, .btn-action-menu .fa, .btn-action-menu [class^=fa-] { font-size: var(--oa-text-h3); } .btn-action-menu:hover:not(:disabled) { background-color: var(--oa-bg-muted, #F1F5F9); color: var(--oa-text-main, #1F2937); border-color: var(--oa-border-color, #E5E7EB); } .btn-action-menu:focus-visible:not(:disabled) { outline: none; background-color: var(--oa-bg-muted, #F1F5F9); outline: none; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.2); } .btn-action-menu:active:not(:disabled) { background-color: var(--oa-bg-base, #E2E8F0); } .btn-action-menu.btn-action-menu--bordered { background-color: #FFFFFF; border-color: var(--oa-border-color, #E5E7EB); } .btn-action-menu.btn-action-menu--bordered:hover:not(:disabled) { border-color: var(--oa-border-strong, #CBD5E1); } .input-field, .form-control, .smart-form .input input, .smart-form .textarea textarea, .smart-form .select select, input[type=text], input[type=email], input[type=password], input[type=number], input[type=tel], input[type=url], input[type=search], input[type=date], input[type=time], input[type=datetime-local], textarea, select { width: 100%; background: transparent; border: 1px solid #E2E8F0; border-radius: var(--oa-radius-md); padding: 9px 12px; font-family: var(--oa-font-family); font-size: var(--oa-text-body); color: var(--oa-text-main); transition: all var(--oa-duration-normal) ease; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02); } .input-field::placeholder, .form-control::placeholder, .smart-form .input input::placeholder, .smart-form .textarea textarea::placeholder, .smart-form .select select::placeholder, input[type=text]::placeholder, input[type=email]::placeholder, input[type=password]::placeholder, input[type=number]::placeholder, input[type=tel]::placeholder, input[type=url]::placeholder, input[type=search]::placeholder, input[type=date]::placeholder, input[type=time]::placeholder, input[type=datetime-local]::placeholder, textarea::placeholder, select::placeholder { color: var(--oa-text-light); font-weight: 400; } .input-field:focus, .form-control:focus, .smart-form .input input:focus, .smart-form .textarea textarea:focus, .smart-form .select select:focus, input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=search]:focus, input[type=date]:focus, input[type=time]:focus, input[type=datetime-local]:focus, textarea:focus, select:focus { outline: none; border-color: var(--oa-brand-light); box-shadow: var(--oa-shadow-glow); } .input-field:hover:not(:focus):not(:disabled), .form-control:hover:not(:focus):not(:disabled), .smart-form .input input:hover:not(:focus):not(:disabled), .smart-form .textarea textarea:hover:not(:focus):not(:disabled), .smart-form .select select:hover:not(:focus):not(:disabled), input[type=text]:hover:not(:focus):not(:disabled), input[type=email]:hover:not(:focus):not(:disabled), input[type=password]:hover:not(:focus):not(:disabled), input[type=number]:hover:not(:focus):not(:disabled), input[type=tel]:hover:not(:focus):not(:disabled), input[type=url]:hover:not(:focus):not(:disabled), input[type=search]:hover:not(:focus):not(:disabled), input[type=date]:hover:not(:focus):not(:disabled), input[type=time]:hover:not(:focus):not(:disabled), input[type=datetime-local]:hover:not(:focus):not(:disabled), textarea:hover:not(:focus):not(:disabled), select:hover:not(:focus):not(:disabled) { border-color: #CBD5E1; } .input-field:disabled, .form-control:disabled, .smart-form .input input:disabled, .smart-form .textarea textarea:disabled, .smart-form .select select:disabled, input[type=text]:disabled, input[type=email]:disabled, input[type=password]:disabled, input[type=number]:disabled, input[type=tel]:disabled, input[type=url]:disabled, input[type=search]:disabled, input[type=date]:disabled, input[type=time]:disabled, input[type=datetime-local]:disabled, textarea:disabled, select:disabled { background-color: #F8FAFC; cursor: not-allowed; opacity: 0.7; } .input-field:read-only, .form-control:read-only, .smart-form .input input:read-only, .smart-form .textarea textarea:read-only, .smart-form .select select:read-only, input[type=text]:read-only, input[type=email]:read-only, input[type=password]:read-only, input[type=number]:read-only, input[type=tel]:read-only, input[type=url]:read-only, input[type=search]:read-only, input[type=date]:read-only, input[type=time]:read-only, input[type=datetime-local]:read-only, textarea:read-only, select:read-only { background-color: #F8FAFC; } .input-lg { padding: 12px 16px; font-size: 15px; border-radius: var(--oa-radius-lg); } .input-sm { padding: 6px 10px; font-size: var(--oa-text-label); border-radius: var(--oa-radius-sm); } .has-error .form-control, .input-error, input.error, select.error, textarea.error { border-color: var(--oa-error-border) !important; background-color: var(--oa-error-bg) !important; } .has-error .form-control:focus, .input-error:focus, input.error:focus, select.error:focus, textarea.error:focus { outline: none !important; box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15) !important; border-color: #F87171 !important; } .help-block, .error-message, .helper-text.error { font-size: var(--oa-text-caption); color: var(--oa-error-text); margin-top: var(--oa-space-xs); } .has-success .form-control, .input-success { border-color: var(--oa-success-border) !important; background-color: var(--oa-success-bg) !important; } .has-success .form-control:focus, .input-success:focus { outline: none !important; box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.15) !important; border-color: #4ADE80 !important; } .input-group { position: relative; width: 100%; } .input-icon { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: var(--oa-text-light); width: 16px; height: 16px; pointer-events: none; z-index: 1; } .input-icon-right { left: auto; right: 10px; } .input-icon-left { padding-left: 36px !important; } .input-has-icon-right { padding-right: 36px !important; } label, .control-label, .label-text { display: block; font-size: var(--oa-text-label); font-weight: 500; color: var(--oa-text-main); margin-bottom: 6px; } .required-indicator, label.required::after { content: "*"; color: #DC2626; margin-left: 2px; } .helper-text, .help-block { font-size: var(--oa-text-caption); color: var(--oa-text-light); margin-top: var(--oa-space-xs); } .form-group { margin-bottom: var(--oa-space-lg); } .control-checkbox, .checkbox-custom { width: 18px; height: 18px; border: 1px solid #CBD5E1; border-radius: 5px; background: #FFFFFF; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: all var(--oa-duration-normal) var(--oa-ease-spring); } .control-checkbox::after, .checkbox-custom::after { content: ""; width: 10px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; opacity: 0; transform: scale(0); transition: all var(--oa-duration-normal) var(--oa-ease-spring); } .control-checkbox:hover, .checkbox-custom:hover { border-color: var(--oa-brand-light); } input[type=checkbox]:checked + .control-checkbox, input[type=checkbox]:checked + .checkbox-custom, .control-checkbox.checked { background: var(--oa-brand-primary); border-color: var(--oa-brand-primary); transform: scale(1.05); } input[type=checkbox]:checked + .control-checkbox::after, input[type=checkbox]:checked + .checkbox-custom::after, .control-checkbox.checked::after { opacity: 1; transform: scale(1); } input[type=checkbox] { width: 18px; height: 18px; accent-color: var(--oa-brand-primary); cursor: pointer; } .control-radio, .radio-custom { width: 18px; height: 18px; border: 1px solid #CBD5E1; border-radius: 50%; background: #FFFFFF; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: all var(--oa-duration-normal) var(--oa-ease-spring); } .control-radio::after, .radio-custom::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #FFFFFF; opacity: 0; transform: scale(0); transition: all var(--oa-duration-normal) var(--oa-ease-spring); } .control-radio:hover, .radio-custom:hover { border-color: var(--oa-brand-light); } input[type=radio]:checked + .control-radio, input[type=radio]:checked + .radio-custom, .control-radio.checked { background: var(--oa-brand-primary); border-color: var(--oa-brand-primary); } input[type=radio]:checked + .control-radio::after, input[type=radio]:checked + .radio-custom::after, .control-radio.checked::after { opacity: 1; transform: scale(1); } input[type=radio]:not(.option-input) { width: 18px; height: 18px; accent-color: var(--oa-brand-primary); cursor: pointer; } .control-toggle, .toggle-switch { width: 40px; height: 22px; background: #E2E8F0; border-radius: 99px; cursor: pointer; position: relative; transition: background var(--oa-duration-normal) ease; } .control-toggle::after, .toggle-switch::after { content: ""; position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; background: #FFFFFF; border-radius: 50%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); transition: transform var(--oa-duration-spring) var(--oa-ease-spring); } .control-toggle:hover, .toggle-switch:hover { background: #CBD5E1; } input[type=checkbox]:checked + .control-toggle, input[type=checkbox]:checked + .toggle-switch, .control-toggle.active, .toggle-switch.active { background: var(--oa-brand-primary); } input[type=checkbox]:checked + .control-toggle::after, input[type=checkbox]:checked + .toggle-switch::after, .control-toggle.active::after, .toggle-switch.active::after { transform: translateX(18px); } input[type=checkbox]:focus-visible + .control-toggle, input[type=checkbox]:focus-visible + .toggle-switch { box-shadow: 0 0 0 2px white, 0 0 0 4px var(--oa-brand-primary); } input[type=range], .range-slider { -webkit-appearance: none; appearance: none; width: 100%; height: 6px; background: #E2E8F0; border-radius: 3px; outline: none; cursor: pointer; } input[type=range]::-webkit-slider-track, .range-slider::-webkit-slider-track { height: 6px; background: #E2E8F0; border-radius: 3px; } input[type=range]::-moz-range-track, .range-slider::-moz-range-track { height: 6px; background: #E2E8F0; border-radius: 3px; } input[type=range]::-webkit-slider-thumb, .range-slider::-webkit-slider-thumb { -webkit-appearance: none; width: 18px; height: 18px; background: var(--oa-brand-primary); border-radius: 50%; box-shadow: 0 2px 6px rgba(0, 85, 255, 0.3); cursor: pointer; transition: transform var(--oa-duration-normal) var(--oa-ease-spring); } input[type=range]::-webkit-slider-thumb:hover, .range-slider::-webkit-slider-thumb:hover { transform: scale(1.1); } input[type=range]::-webkit-slider-thumb:active, .range-slider::-webkit-slider-thumb:active { transform: scale(0.95); } input[type=range]::-moz-range-thumb, .range-slider::-moz-range-thumb { width: 18px; height: 18px; background: var(--oa-brand-primary); border-radius: 50%; border: none; box-shadow: 0 2px 6px rgba(0, 85, 255, 0.3); cursor: pointer; } input[type=range]:focus::-webkit-slider-thumb, .range-slider:focus::-webkit-slider-thumb { box-shadow: var(--oa-shadow-glow), 0 2px 6px rgba(0, 85, 255, 0.3); } select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; padding-right: 40px; cursor: pointer; } textarea { min-height: 100px; resize: vertical; line-height: 1.5; } .smart-form .input input, .smart-form .input textarea, .smart-form .input select, .smart-form .textarea input, .smart-form .textarea textarea, .smart-form .textarea select, .smart-form .select input, .smart-form .select textarea, .smart-form .select select { border-radius: var(--oa-radius-md) !important; } .smart-form .input input:focus, .smart-form .input textarea:focus, .smart-form .input select:focus, .smart-form .textarea input:focus, .smart-form .textarea textarea:focus, .smart-form .textarea select:focus, .smart-form .select input:focus, .smart-form .select textarea:focus, .smart-form .select select:focus { border-color: var(--oa-brand-light) !important; box-shadow: var(--oa-shadow-glow) !important; } .smart-form .checkbox input + i, .smart-form .radio input + i { width: 18px !important; height: 18px !important; border: 1.5px solid #CBD5E1 !important; border-radius: 5px !important; background: #FFFFFF !important; transition: all 200ms cubic-bezier(0.34, 1.56, 0.64, 1) !important; } .smart-form .checkbox input:not(:checked):not(:disabled) + i:hover, .smart-form .checkbox:hover input:not(:checked):not(:disabled) + i, .smart-form .radio input:not(:checked):not(:disabled) + i:hover, .smart-form .radio:hover input:not(:checked):not(:disabled) + i { border-color: var(--oa-brand-light) !important; } .smart-form .checkbox input:checked + i, .smart-form .radio input:checked + i { background: var(--oa-brand-primary) !important; border-color: var(--oa-brand-primary) !important; transform: scale(1.05); } .smart-form .checkbox input:checked + i:after, .smart-form .radio input:checked + i:after { content: "" !important; font-family: inherit !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important; background-size: 12px 12px !important; background-position: center !important; background-repeat: no-repeat !important; width: 18px !important; height: 18px !important; top: -1px !important; left: -1px !important; } .smart-form .checkbox input:checked:hover + i:after, .smart-form .radio input:checked:hover + i:after { content: "" !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important; } .smart-form .checkbox input:focus + i, .smart-form .radio input:focus + i { box-shadow: 0 0 0 2px white, 0 0 0 4px var(--oa-brand-primary) !important; } .smart-form .checkbox input:disabled + i, .smart-form .radio input:disabled + i { background-color: #F8FAFC !important; border-color: #E2E8F0 !important; cursor: not-allowed !important; opacity: 0.6 !important; } .smart-form .radio input + i { border-radius: 50% !important; } .smart-form .radio input:checked + i:after { content: "" !important; background-image: none !important; background-color: white !important; width: 8px !important; height: 8px !important; border-radius: 50% !important; top: 4px !important; left: 4px !important; } .smart-form .toggle input:checked + i { background: var(--oa-brand-primary); border-color: var(--oa-brand-primary); } .search-input { position: relative; } .search-input input { padding-left: 40px; } .search-input::before { content: ""; position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E"); background-size: contain; pointer-events: none; } .form-control, .smart-form .input input, .smart-form .select select, input[type=text], input[type=email], input[type=password], input[type=number], input[type=tel], input[type=url], input[type=search], input[type=date], input[type=time], input[type=datetime-local], select { height: var(--oa-input-height) !important; min-height: var(--oa-input-height) !important; padding: var(--oa-input-padding-y) var(--oa-input-padding-x) !important; line-height: 1.4 !important; box-sizing: border-box !important; } .icon-addon input, .icon-addon .form-control, .smart-form .input .icon-addon input, .smart-form .input .icon-addon .form-control { padding-left: 36px !important; } .form-control.input-sm, .input-sm, input.input-sm { height: var(--oa-input-height-sm) !important; min-height: var(--oa-input-height-sm) !important; padding: 4px 10px !important; font-size: var(--oa-text-label) !important; } .form-control.input-lg, .input-lg, input.input-lg { height: var(--oa-input-height-lg) !important; min-height: var(--oa-input-height-lg) !important; padding: 10px 16px !important; } textarea, textarea.form-control, .smart-form .textarea textarea { height: auto !important; min-height: 80px !important; } .btn { height: var(--oa-btn-height) !important; min-height: var(--oa-btn-height) !important; padding: var(--oa-btn-padding-y) var(--oa-btn-padding-x) !important; line-height: 1.4 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; } .btn.btn-sm, .btn-sm { height: var(--oa-input-height-sm) !important; min-height: var(--oa-input-height-sm) !important; padding: 4px 10px !important; font-size: 12px !important; } .btn.btn-lg, .btn-lg { height: var(--oa-input-height-lg) !important; min-height: var(--oa-input-height-lg) !important; padding: 10px 20px !important; } .btn.btn-xs, .btn-xs { height: 24px !important; min-height: 24px !important; padding: 2px 8px !important; font-size: var(--oa-text-caption) !important; } .input-group .form-control { height: var(--oa-input-height) !important; } .input-group .input-group-addon, .input-group .input-group-btn { height: var(--oa-input-height) !important; min-height: var(--oa-input-height) !important; padding: var(--oa-input-padding-y) var(--oa-input-padding-x) !important; line-height: 1.4 !important; display: flex !important; align-items: center !important; } .input-group .input-group-btn .btn { height: var(--oa-input-height) !important; } .input-group.collection-candidates-input-group { display: flex; align-items: stretch; } .input-group.collection-candidates-input-group .form-control { flex: 1 1 auto; min-width: 0; } .input-group.collection-candidates-input-group .input-group-btn { flex: 0 0 auto; width: auto; } .input-group.collection-candidates-input-group .input-group-btn .btn { overflow: visible; white-space: nowrap; } .smart-form .select select { height: var(--oa-input-height) !important; line-height: calc(var(--oa-input-height) - 2px) !important; padding: 0 32px 0 var(--oa-input-padding-x) !important; vertical-align: middle !important; } .smart-form .select i { top: 50% !important; transform: translateY(-50%) !important; height: 10px !important; line-height: 10px !important; } select, select.form-control { line-height: calc(var(--oa-input-height) - 2px) !important; padding-top: 0 !important; padding-bottom: 0 !important; } select.input-sm, select.form-control.input-sm { line-height: calc(var(--oa-input-height-sm) - 2px) !important; padding-top: 0 !important; padding-bottom: 0 !important; } select.form-control { padding-right: 32px !important; background-position: right 10px center !important; } select, select.form-control, .smart-form select, .smart-form select.form-control, .smart-form .select select { background-color: transparent !important; } .select2-container .select2-choices, .select2-container-multi .select2-choices { min-height: var(--oa-input-height) !important; background: transparent !important; border: 1px solid var(--oa-border-color) !important; border-radius: var(--oa-radius-md) !important; padding: 2px 4px !important; font-size: var(--oa-text-body) !important; } .select2-container .select2-choices .select2-search-field input, .select2-container-multi .select2-choices .select2-search-field input { font-size: var(--oa-text-body) !important; height: 26px !important; line-height: 26px !important; margin: 0 !important; padding: 0 4px !important; } .select2-container .select2-choices .select2-search-choice, .select2-container-multi .select2-choices .select2-search-choice { font-size: var(--oa-text-body) !important; line-height: 1.4 !important; padding: 4px 8px 4px 20px !important; margin: 2px !important; background: var(--oa-bg-base) !important; border: 1px solid var(--oa-border-color) !important; border-radius: var(--oa-radius-sm) !important; } .ui-select-container .ui-select-match, .ui-select-container .ui-select-choices { font-size: var(--oa-text-body) !important; } .ui-select-container .select2-choices { min-height: var(--oa-input-height) !important; background: transparent !important; } .select2-container .select2-choice { height: var(--oa-input-height) !important; min-height: var(--oa-input-height) !important; padding: 0 12px !important; background: #FFFFFF !important; border: 1px solid var(--oa-border-color) !important; border-radius: var(--oa-radius-md) !important; font-size: var(--oa-text-body) !important; color: var(--oa-text-main) !important; box-shadow: none !important; transition: border-color 0.2s ease, box-shadow 0.2s ease !important; display: flex !important; align-items: center !important; } .select2-container .select2-choice .select2-chosen { line-height: calc(var(--oa-input-height) - 2px) !important; font-size: var(--oa-text-body) !important; color: var(--oa-text-main) !important; } .select2-container .select2-choice .select2-arrow { background: transparent !important; border: none !important; width: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; } .select2-container .select2-choice .select2-arrow b { background-position: 0 3px !important; } .select2-container .select2-choice abbr.select2-search-choice-close { top: 50% !important; transform: translateY(-50%) !important; } .select2-container.select2-container-active .select2-choice, .select2-container.select2-dropdown-open .select2-choice { border-color: var(--oa-brand-light) !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15) !important; } .select2-drop, .select2-drop-active { background: #FFFFFF !important; border: 1px solid var(--oa-border-color) !important; border-radius: var(--oa-radius-lg) !important; box-shadow: var(--oa-shadow-pop) !important; margin-top: 4px !important; overflow: hidden !important; animation: dropdownSlideIn2027 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) !important; } .select2-drop .select2-search, .select2-drop-active .select2-search { padding: var(--oa-space-sm) !important; } .select2-drop .select2-search input, .select2-drop-active .select2-search input { height: var(--oa-input-height) !important; padding: 0 12px !important; background: var(--oa-bg-base) !important; border: 1px solid var(--oa-border-color) !important; border-radius: var(--oa-radius-md) !important; font-size: var(--oa-text-body) !important; color: var(--oa-text-main) !important; box-shadow: none !important; } .select2-drop .select2-search input:focus, .select2-drop-active .select2-search input:focus { border-color: var(--oa-brand-light) !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15) !important; outline: none !important; } .select2-drop .select2-results, .select2-drop-active .select2-results { padding: 4px 0 !important; margin: 0 !important; max-height: 280px !important; overflow-y: auto !important; } .select2-drop .select2-results .select2-result, .select2-drop .select2-results .select2-result-selectable, .select2-drop-active .select2-results .select2-result, .select2-drop-active .select2-results .select2-result-selectable { margin: 0 !important; padding: 0 !important; background: transparent !important; } .select2-drop .select2-results .select2-result-label, .select2-drop-active .select2-results .select2-result-label { padding: var(--oa-space-sm) var(--oa-space-lg) !important; font-size: var(--oa-text-body) !important; color: var(--oa-text-main) !important; line-height: 1.4 !important; transition: background 0.15s ease, color 0.15s ease !important; cursor: pointer !important; } .select2-drop .select2-results .select2-result-selectable:hover .select2-result-label, .select2-drop .select2-results .select2-result:not(.select2-disabled):hover .select2-result-label, .select2-drop-active .select2-results .select2-result-selectable:hover .select2-result-label, .select2-drop-active .select2-results .select2-result:not(.select2-disabled):hover .select2-result-label { background: rgba(0, 0, 0, 0.04) !important; color: var(--oa-brand-primary) !important; } .select2-drop .select2-results .select2-highlighted, .select2-drop .select2-results .select2-highlighted .select2-result-label, .select2-drop-active .select2-results .select2-highlighted, .select2-drop-active .select2-results .select2-highlighted .select2-result-label { background: rgba(0, 85, 255, 0.08) !important; color: var(--oa-brand-primary) !important; } .select2-drop .select2-results .select2-result-selected .select2-result-label, .select2-drop .select2-results .select2-result.select2-selected .select2-result-label, .select2-drop-active .select2-results .select2-result-selected .select2-result-label, .select2-drop-active .select2-results .select2-result.select2-selected .select2-result-label { background: rgba(0, 85, 255, 0.08) !important; color: var(--oa-brand-primary) !important; font-weight: 500 !important; } .select2-drop .select2-results .select2-disabled .select2-result-label, .select2-drop-active .select2-results .select2-disabled .select2-result-label { color: var(--oa-text-muted) !important; cursor: not-allowed !important; opacity: 0.6 !important; } .select2-drop .select2-results .select2-no-results, .select2-drop-active .select2-results .select2-no-results { padding: var(--oa-space-md) var(--oa-space-lg) !important; font-size: var(--oa-text-body) !important; color: var(--oa-text-muted) !important; background: transparent !important; } .ui-select-bootstrap .btn-default { height: var(--oa-input-height) !important; padding: 0 12px !important; background: #FFFFFF !important; border: 1px solid var(--oa-border-color) !important; border-radius: var(--oa-radius-md) !important; font-size: var(--oa-text-body) !important; color: var(--oa-text-main) !important; box-shadow: none !important; transition: border-color 0.2s ease, box-shadow 0.2s ease !important; } .ui-select-bootstrap .btn-default:hover:not(:disabled) { border-color: var(--oa-brand-light) !important; background: #FFFFFF !important; } .ui-select-bootstrap .btn-default:focus, .ui-select-bootstrap .btn-default.focus { border-color: var(--oa-brand-light) !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15) !important; outline: none !important; } .ui-select-bootstrap .ui-select-choices, .ui-select-bootstrap .dropdown-menu { background: #F8FAFC !important; border: 1px solid rgba(0, 85, 255, 0.12) !important; border-radius: var(--oa-radius-lg) !important; box-shadow: 0 12px 32px -6px rgba(0, 85, 255, 0.15), 0 4px 8px -2px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 85, 255, 0.08) !important; margin-top: 4px !important; padding: 4px 0 !important; overflow-x: hidden !important; overflow-y: auto !important; animation: dropdownSlideIn2027 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) !important; } @supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) { .ui-select-bootstrap .ui-select-choices, .ui-select-bootstrap .dropdown-menu { background: rgba(239, 246, 255, 0.97) !important; backdrop-filter: blur(40px) saturate(1.3) !important; -webkit-backdrop-filter: blur(40px) saturate(1.3) !important; } } .ui-select-bootstrap .ui-select-choices-row > span, .ui-select-bootstrap .ui-select-choices-row > a { padding: var(--oa-space-sm) var(--oa-space-lg) !important; font-size: var(--oa-text-body) !important; color: var(--oa-text-main) !important; background: transparent !important; transition: background 0.15s ease, color 0.15s ease !important; overflow: hidden; text-overflow: ellipsis; } .ui-select-bootstrap .ui-select-choices-row:hover > span, .ui-select-bootstrap .ui-select-choices-row:hover > a { background: rgba(0, 0, 0, 0.04) !important; color: var(--oa-brand-primary) !important; } .ui-select-bootstrap .ui-select-choices-row.active > span, .ui-select-bootstrap .ui-select-choices-row.active > a, .ui-select-bootstrap .ui-select-choices-row.select2-highlighted > span, .ui-select-bootstrap .ui-select-choices-row.select2-highlighted > a { background: rgba(0, 85, 255, 0.08) !important; color: var(--oa-brand-primary) !important; } .ui-select-bootstrap .ui-select-match-text { font-size: var(--oa-text-body) !important; color: var(--oa-text-main) !important; } .ui-select-bootstrap .ui-select-placeholder { color: var(--oa-text-light) !important; } .ui-select-bootstrap .ui-select-match .close { font-size: 16px !important; line-height: 1 !important; color: var(--oa-text-muted) !important; opacity: 0.7 !important; } .ui-select-bootstrap .ui-select-match .close:hover { opacity: 1 !important; color: var(--oa-danger-text) !important; } .select2-container-multi .select2-choices { background: #FFFFFF !important; border: 1px solid var(--oa-border-color) !important; border-radius: var(--oa-radius-md) !important; min-height: var(--oa-input-height) !important; padding: 2px 4px !important; transition: border-color 0.2s ease, box-shadow 0.2s ease !important; } .select2-container-multi .select2-choices:hover { border-color: var(--oa-brand-light) !important; } .select2-container-multi .select2-choices .select2-search-choice { background: var(--oa-info-bg) !important; border: 1px solid rgba(0, 85, 255, 0.2) !important; border-radius: var(--oa-radius-sm) !important; padding: 4px 8px 4px 24px !important; margin: 2px !important; font-size: var(--oa-text-body) !important; color: var(--oa-brand-primary) !important; line-height: 1.4 !important; box-shadow: none !important; } .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close { left: 6px !important; top: 50% !important; transform: translateY(-50%) !important; opacity: 0.6 !important; } .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { opacity: 1 !important; } .select2-container-multi .select2-choices .select2-search-field input { font-size: var(--oa-text-body) !important; color: var(--oa-text-main) !important; height: 26px !important; line-height: 26px !important; margin: 2px !important; padding: 0 4px !important; } .select2-container-multi .select2-choices .select2-search-field input::placeholder { color: var(--oa-text-muted) !important; } .select2-container-multi.select2-container-active .select2-choices { border-color: var(--oa-brand-light) !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15) !important; } .multiselect-parent { width: 100% !important; } .multiselect-parent button.dropdown-toggle, .multiselect-parent .btn.multiselect { width: 100% !important; height: var(--oa-input-height) !important; min-height: var(--oa-input-height) !important; padding: 0 12px !important; background: #FFFFFF !important; border: 1px solid var(--oa-border-color) !important; border-radius: var(--oa-radius-md) !important; font-size: var(--oa-text-body) !important; font-weight: 400 !important; color: var(--oa-text-main) !important; text-align: left !important; box-shadow: none !important; transition: border-color 0.2s ease, box-shadow 0.2s ease !important; display: flex !important; align-items: center !important; justify-content: space-between !important; } .multiselect-parent button.dropdown-toggle .caret, .multiselect-parent .btn.multiselect .caret { margin-left: 8px !important; opacity: 0.6 !important; } .multiselect-parent button.dropdown-toggle:hover:not(:disabled), .multiselect-parent .btn.multiselect:hover:not(:disabled) { border-color: var(--oa-brand-light) !important; background: #FFFFFF !important; color: var(--oa-text-main) !important; } .multiselect-parent button.dropdown-toggle:focus, .multiselect-parent button.dropdown-toggle:focus-visible, .multiselect-parent button.dropdown-toggle.focus, .multiselect-parent .btn.multiselect:focus, .multiselect-parent .btn.multiselect:focus-visible, .multiselect-parent .btn.multiselect.focus { border-color: var(--oa-brand-light) !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15) !important; outline: none !important; } .multiselect-container { background: #FFFFFF !important; border: 1px solid var(--oa-border-color) !important; border-radius: var(--oa-radius-lg) !important; box-shadow: var(--oa-shadow-pop) !important; margin-top: 4px !important; padding: 4px 0 !important; overflow: hidden !important; animation: dropdownSlideIn2027 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) !important; max-height: 280px !important; overflow-y: auto !important; } .multiselect-container .input-group { margin: var(--oa-space-sm) !important; padding: 0 var(--oa-space-sm) !important; } .multiselect-container .input-group input { height: var(--oa-input-height) !important; padding: 0 12px !important; background: var(--oa-bg-base) !important; border: 1px solid var(--oa-border-color) !important; border-radius: var(--oa-radius-md) !important; font-size: var(--oa-text-body) !important; color: var(--oa-text-main) !important; } .multiselect-container .input-group input:focus { border-color: var(--oa-brand-light) !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15) !important; outline: none !important; } .multiselect-container > li { margin: 0 !important; padding: 0 !important; } .multiselect-container > li > a { padding: var(--oa-space-sm) var(--oa-space-lg) !important; font-size: var(--oa-text-body) !important; color: var(--oa-text-main) !important; background: transparent !important; display: flex !important; align-items: center !important; transition: background 0.15s ease, color 0.15s ease !important; } .multiselect-container > li > a:hover { background: rgba(0, 0, 0, 0.04) !important; color: var(--oa-brand-primary) !important; } .multiselect-container > li > a label { margin: 0 !important; padding: 0 !important; font-weight: 400 !important; cursor: pointer !important; display: flex !important; align-items: center !important; width: 100% !important; } .multiselect-container > li > a label input[type=checkbox] { margin-right: var(--oa-space-sm) !important; } .multiselect-container > li > a.multiselect-all { border-bottom: 1px solid var(--oa-border-color) !important; margin-bottom: var(--oa-space-xs) !important; padding-bottom: var(--oa-space-sm) !important; } .multiselect-container > li > a.multiselect-all label { font-weight: 500 !important; color: var(--oa-brand-primary) !important; } .multiselect-container > li > label.multiselect-group { padding: var(--oa-space-sm) var(--oa-space-lg) !important; margin: 0 !important; font-size: var(--oa-text-caption) !important; font-weight: 600 !important; color: var(--oa-text-muted) !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; background: transparent !important; } .multiselect-container > li.active > a { background: rgba(0, 85, 255, 0.08) !important; color: var(--oa-brand-primary) !important; } .btn-group > .btn-group:nth-child(2) > .multiselect.btn { border-radius: var(--oa-radius-md) !important; } .dualmultiselect .pool { background: #FFFFFF !important; border: 1px solid var(--oa-border-color) !important; border-radius: var(--oa-radius-md) !important; } .dualmultiselect .pool ul { padding: var(--oa-space-xs) !important; margin: 0 !important; list-style: none !important; } .dualmultiselect .pool ul li { padding: var(--oa-input-padding-y) var(--oa-input-padding-x) !important; margin: 2px 0 !important; font-size: var(--oa-text-body) !important; color: var(--oa-text-main) !important; background: var(--oa-bg-base) !important; border-radius: var(--oa-radius-sm) !important; cursor: pointer !important; transition: background 0.15s ease !important; } .dualmultiselect .pool ul li:hover { background: rgba(0, 85, 255, 0.08) !important; color: var(--oa-brand-primary) !important; } .dualmultiselect .pool ul li a { color: inherit !important; text-decoration: none !important; } .dualmultiselect .btn { height: var(--oa-input-height) !important; border-radius: var(--oa-radius-md) !important; } .dualmultiselect label { font-size: var(--oa-text-body) !important; color: var(--oa-text-main) !important; } .toolbar-form-group, .form-inline .form-control { height: var(--oa-input-height) !important; } .form-inline .form-group { height: auto; } .form-inline .btn { height: var(--oa-input-height) !important; } .datepicker input, .datetimepicker input, .bootstrap-datetimepicker-widget input, .ui-select-container .ui-select-match, .ui-select-container input.ui-select-search { height: var(--oa-input-height) !important; min-height: var(--oa-input-height) !important; padding: var(--oa-input-padding-y) var(--oa-input-padding-x) !important; } .typeahead-dropdown .dropdown-item, .typeahead-dropdown > li > a, .dropdown-menu .dropdown-item, .dropdown-menu > li > a { padding: var(--oa-input-padding-y) var(--oa-input-padding-x) !important; line-height: 1.4 !important; } .dropdown-menu-action { min-width: 160px !important; padding: var(--oa-space-xs) 0 !important; } .dropdown-menu-action > li { padding: 0 !important; border-bottom: none !important; } .dropdown-menu-action > li > a { padding: var(--oa-input-padding-y) var(--oa-input-padding-x) !important; font-size: var(--oa-text-sm); font-weight: 400; } .dropdown-menu-action > li > a i { width: 18px; margin-right: 6px; text-align: center; } .dropdown-menu-action > li.divider { margin: var(--oa-space-xs) 0; padding: 0 !important; height: 1px; background-color: var(--oa-border-color); } input[type=checkbox]:not(.oa-answer-native), .smart-form input[type=checkbox], .smart-form .checkbox input[type=checkbox], label.checkbox input[type=checkbox], input[type=checkbox].checkbox { width: 18px !important; height: 18px !important; min-width: 18px !important; margin: 0 var(--oa-space-sm) 0 0 !important; flex-shrink: 0 !important; cursor: pointer !important; appearance: checkbox !important; -webkit-appearance: checkbox !important; -moz-appearance: checkbox !important; opacity: 1 !important; visibility: visible !important; position: static !important; left: auto !important; accent-color: var(--oa-brand-primary) !important; border: 1px solid var(--oa-border-color) !important; border-radius: 4px !important; background-color: #ffffff !important; } input[type=checkbox]:not(.oa-answer-native):checked, .smart-form input[type=checkbox]:checked, .smart-form .checkbox input[type=checkbox]:checked, label.checkbox input[type=checkbox]:checked, input[type=checkbox].checkbox:checked { background-color: var(--oa-brand-primary) !important; border-color: var(--oa-brand-primary) !important; } input[type=checkbox]:not(.oa-answer-native):hover:not(:disabled), .smart-form input[type=checkbox]:hover:not(:disabled), .smart-form .checkbox input[type=checkbox]:hover:not(:disabled), label.checkbox input[type=checkbox]:hover:not(:disabled), input[type=checkbox].checkbox:hover:not(:disabled) { border-color: var(--oa-brand-primary) !important; } input[type=checkbox]:not(.oa-answer-native):focus, .smart-form input[type=checkbox]:focus, .smart-form .checkbox input[type=checkbox]:focus, label.checkbox input[type=checkbox]:focus, input[type=checkbox].checkbox:focus { outline: none !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15) !important; } input[type=checkbox]:not(.oa-answer-native):disabled, .smart-form input[type=checkbox]:disabled, .smart-form .checkbox input[type=checkbox]:disabled, label.checkbox input[type=checkbox]:disabled, input[type=checkbox].checkbox:disabled { opacity: 0.5 !important; cursor: not-allowed !important; } .smart-form .checkbox i, .smart-form .checkbox > i, label.checkbox i, label.checkbox > i { display: none !important; } label.checkbox, .smart-form label.checkbox, .smart-form .checkbox { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 0 !important; font-size: var(--oa-text-h3) !important; font-weight: 400 !important; color: var(--oa-text-main) !important; cursor: pointer !important; padding: var(--oa-space-xs) 0 !important; margin: 0 !important; background: transparent !important; min-height: auto !important; line-height: 1.4 !important; } label.checkbox span, .smart-form label.checkbox span, .smart-form .checkbox span { flex-basis: auto !important; } label.checkbox br, .smart-form label.checkbox br, .smart-form .checkbox br { flex-basis: 100% !important; height: 0 !important; } input[type=radio]:not(.option-input):not(.oa-answer-native), .smart-form input[type=radio], .smart-form .radio input[type=radio], label.radio input[type=radio], input[type=radio].radiobox { width: 18px !important; height: 18px !important; min-width: 18px !important; margin: 0 var(--oa-space-sm) 0 0 !important; flex-shrink: 0 !important; cursor: pointer !important; appearance: radio !important; -webkit-appearance: radio !important; -moz-appearance: radio !important; opacity: 1 !important; visibility: visible !important; position: static !important; left: auto !important; accent-color: var(--oa-brand-primary) !important; } input[type=radio]:not(.option-input):not(.oa-answer-native):focus, .smart-form input[type=radio]:focus, .smart-form .radio input[type=radio]:focus, label.radio input[type=radio]:focus, input[type=radio].radiobox:focus { outline: none !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15) !important; } input[type=radio]:not(.option-input):not(.oa-answer-native):disabled, .smart-form input[type=radio]:disabled, .smart-form .radio input[type=radio]:disabled, label.radio input[type=radio]:disabled, input[type=radio].radiobox:disabled { opacity: 0.5 !important; cursor: not-allowed !important; } .smart-form .radio i, .smart-form .radio > i, label.radio i, label.radio > i { display: none !important; } label.radio, .smart-form label.radio, .smart-form .radio { display: flex !important; align-items: flex-start !important; gap: 0 !important; font-size: var(--oa-text-h3) !important; font-weight: 400 !important; color: var(--oa-text-main) !important; cursor: pointer !important; padding: var(--oa-space-xs) 0 !important; margin: 0 !important; background: transparent !important; min-height: auto !important; line-height: 1.4 !important; } .onoffswitch { position: relative; width: 54px; display: inline-block; vertical-align: middle; } .onoffswitch .onoffswitch-checkbox { position: absolute; opacity: 0; pointer-events: none; } .onoffswitch .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 1px solid #E2E8F0; border-radius: 20px; transition: all 0.2s ease; } .onoffswitch .onoffswitch-label:hover { border-color: #CBD5E1; } .onoffswitch .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.2s ease; } .onoffswitch .onoffswitch-inner:before, .onoffswitch .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 24px; padding: 0; line-height: 24px; font-size: var(--oa-text-caption); font-weight: 600; box-sizing: border-box; } .onoffswitch .onoffswitch-inner:before { content: attr(data-swchon-text); padding-left: var(--oa-space-sm); background-color: #166534; color: #FFFFFF; } .onoffswitch .onoffswitch-inner:after { content: attr(data-swchoff-text); padding-right: var(--oa-space-sm); background-color: #F1F5F9; color: #64748B; text-align: right; } .onoffswitch .onoffswitch-switch { display: block; width: 18px; height: 18px; margin: 3px; background: #FFFFFF; position: absolute; top: 0; bottom: 0; right: 28px; border: 1px solid #E2E8F0; border-radius: 50%; transition: all 0.2s ease; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label { border-color: #166534; } .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0; border-color: #166534; } .onoffswitch .onoffswitch-checkbox:focus-visible + .onoffswitch-label { box-shadow: 0 0 0 3px rgba(22, 101, 52, 0.15); } .modal-backdrop { background-color: rgba(0, 0, 0, 0.18) !important; } .modal-backdrop.in { opacity: 1 !important; } .modal-content { background: #ffffff !important; border: none !important; border-radius: var(--oa-radius-lg) !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 20px 25px -5px rgba(0, 0, 0, 0.1) !important; overflow: visible; } .modal-header { padding: var(--oa-space-lg) var(--oa-modal-padding) !important; border-bottom: 1px solid #e2e8f0 !important; background: #ffffff !important; border-radius: var(--oa-radius-lg) var(--oa-radius-lg) 0 0 !important; min-height: auto !important; } .modal-header .close, .modal-header .btn-close, .modal-header [data-dismiss=modal], .modal-header [data-bs-dismiss=modal] { position: absolute; top: 12px; right: 12px; z-index: 2; width: var(--oa-btn-height); height: var(--oa-btn-height); padding: 0; margin: 0; background: transparent; border: none; border-radius: var(--oa-radius-sm); display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0.5; transition: all 150ms ease; font-size: var(--oa-text-h2); line-height: 1; color: #64748b; } .modal-header .close:hover, .modal-header .btn-close:hover, .modal-header [data-dismiss=modal]:hover, .modal-header [data-bs-dismiss=modal]:hover { opacity: 1; background: #f1f5f9; } .modal-header .close:active, .modal-header .btn-close:active, .modal-header [data-dismiss=modal]:active, .modal-header [data-bs-dismiss=modal]:active { transform: scale(0.95); } .modal-title { font-size: var(--oa-text-h2) !important; font-weight: 600 !important; color: #0f172a !important; margin: 0 !important; padding-right: 48px; line-height: 1.4 !important; } .modal-body { padding: var(--oa-modal-padding) !important; background: #ffffff !important; color: #475569; } .modal-body > .row:first-child { margin-top: 0 !important; } .modal-body > .row:last-child { margin-bottom: 0 !important; } .modal-body .smart-form { margin: 0 !important; padding: 0 !important; } .modal-body > .row > [class*=col-] { padding-left: 10px; padding-right: 10px; } .modal-body .form-group { margin-bottom: var(--oa-space-lg) !important; } .modal-body .form-group:last-child { margin-bottom: 0 !important; } .modal-body .margin-bottom-10 { margin-bottom: var(--oa-space-sm) !important; } .modal-body .margin-bottom-20 { margin-bottom: var(--oa-space-md) !important; } .modal-body .margin-top-10 { margin-top: var(--oa-space-sm) !important; } .modal-body .margin-top-20 { margin-top: var(--oa-space-md) !important; } .modal-body .table-responsive { margin-bottom: 0 !important; } .modal-body .min-height-200 { min-height: 150px !important; } .modal-footer { padding: var(--oa-space-lg) var(--oa-modal-padding) !important; border-top: 1px solid #e2e8f0 !important; background: #ffffff !important; border-radius: 0 0 var(--oa-radius-lg) var(--oa-radius-lg) !important; gap: var(--oa-space-md); display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; } .modal-footer .btn { margin: 0 !important; border-radius: var(--oa-radius-md); font-size: var(--oa-text-h3); font-weight: 500; padding: 10px 20px; min-height: var(--oa-input-height-lg); line-height: 1.4; text-transform: none !important; transition: all 0.15s ease, transform 0.05s ease; } .modal-footer .btn.btn-sm { padding: 10px 20px; font-size: var(--oa-text-h3); min-height: var(--oa-input-height-lg); } .modal-footer .btn i, .modal-footer .btn .fa, .modal-footer .btn .fas, .modal-footer .btn .far, .modal-footer .btn .fal, .modal-footer .btn .fa-light, .modal-footer .btn .fa-regular, .modal-footer .btn .fa-solid { margin-right: 6px; font-size: var(--oa-text-h3); } .modal-footer .btn:active:not(:disabled) { transform: scale(0.97) translateY(1px); } .modal-footer .btn-primary { background: linear-gradient(135deg, #005aee 0%, #2563eb 100%); border: none; color: #ffffff; box-shadow: 0 1px 3px rgba(0, 90, 238, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1); position: relative; overflow: hidden; } .modal-footer .btn-primary::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transition: left 0.5s ease; } .modal-footer .btn-primary:hover:not(:disabled) { background: linear-gradient(135deg, #004ac2 0%, #1d4ed8 100%); box-shadow: 0 4px 12px rgba(0, 90, 238, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.1); } .modal-footer .btn-primary:hover:not(:disabled)::before { left: 150%; } .modal-footer .btn-primary:focus-visible { outline: 2px solid #005aee; outline-offset: 2px; } .modal-footer .btn-default, .modal-footer .btn-secondary, .modal-footer .btn-header { background: #ffffff; border: 1px solid #e2e8f0; color: #475569; } .modal-footer .btn-default:hover:not(:disabled), .modal-footer .btn-secondary:hover:not(:disabled), .modal-footer .btn-header:hover:not(:disabled) { background: #f8fafc; border-color: #cbd5e1; color: #334155; } .modal-footer .btn-default:focus-visible, .modal-footer .btn-secondary:focus-visible, .modal-footer .btn-header:focus-visible { outline: 2px solid #94a3b8; outline-offset: 2px; } .modal-footer .btn-danger { background: #fef2f2; border: 1px solid #fecaca; color: #b91c1c; } .modal-footer .btn-danger:hover:not(:disabled) { background: #dc2626; border-color: #dc2626; color: #ffffff; } .modal-footer .btn-danger:focus-visible { outline: 2px solid #dc2626; outline-offset: 2px; } .modal-footer .btn-success { background: linear-gradient(135deg, #16a34a 0%, #15803d 100%); border: none; color: #ffffff; box-shadow: 0 1px 3px rgba(22, 163, 74, 0.3); } .modal-footer .btn-success:hover:not(:disabled) { background: linear-gradient(135deg, #15803d 0%, #166534 100%); box-shadow: 0 4px 12px rgba(22, 163, 74, 0.35); } .modal-footer .btn-warning { background: #fffbeb; border: 1px solid #fef3c7; color: #b45309; } .modal-footer .btn-warning:hover:not(:disabled) { background: #f59e0b; border-color: #f59e0b; color: #ffffff; } .modal-footer .btn-link { background: transparent; border: none; color: #005aee; padding: 10px 12px; text-decoration: none; } .modal-footer .btn-link:hover:not(:disabled) { color: #004ac2; text-decoration: underline; } .modal-footer .btn:disabled, .modal-footer .btn.disabled { opacity: 0.5; cursor: not-allowed; transform: none !important; } .modal-footer .float-left, .modal-footer .pull-left { margin-right: auto; } .modal-footer .float-right, .modal-footer .pull-right { margin-left: auto; } .modal-footer input[type=checkbox], .modal-footer .smart-form input[type=checkbox], .modal-footer label.checkbox input[type=checkbox] { width: 18px !important; height: 18px !important; min-width: 18px !important; margin: 0 var(--oa-space-sm) 0 0 !important; flex-shrink: 0 !important; accent-color: #005aee !important; cursor: pointer !important; appearance: checkbox !important; -webkit-appearance: checkbox !important; -moz-appearance: checkbox !important; opacity: 1 !important; position: static !important; left: auto !important; border: 1px solid #94A3B8 !important; border-radius: 4px !important; background-color: #ffffff !important; } .modal-footer input[type=checkbox]:checked, .modal-footer .smart-form input[type=checkbox]:checked, .modal-footer label.checkbox input[type=checkbox]:checked { background-color: #005aee !important; border-color: #005aee !important; } .modal-footer input[type=checkbox]:hover:not(:disabled), .modal-footer .smart-form input[type=checkbox]:hover:not(:disabled), .modal-footer label.checkbox input[type=checkbox]:hover:not(:disabled) { border-color: #005aee !important; } .modal-footer input[type=checkbox]:focus, .modal-footer .smart-form input[type=checkbox]:focus, .modal-footer label.checkbox input[type=checkbox]:focus { outline: none !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15) !important; } .modal-footer label.checkbox { display: flex !important; align-items: center !important; gap: 0 !important; font-size: var(--oa-text-h3) !important; font-weight: 500 !important; color: #0F172A !important; cursor: pointer !important; padding: 0 !important; margin: 0 !important; background: transparent !important; } .modal-footer label.checkbox i { display: none !important; } .modal-footer label.checkbox.pull-left { margin-right: auto !important; } .modal-dialog { margin: 30px auto; max-width: 560px; transform: scale(0.95) translateY(-20px); opacity: 0; transition: all 0.3s var(--oa-ease-spring, cubic-bezier(0.34, 1.56, 0.64, 1)); } .modal-lg .modal-body, .modal-xl .modal-body { max-height: none !important; overflow-y: visible !important; } .modal.in .modal-dialog, .modal.show .modal-dialog { transform: scale(1) translateY(0); opacity: 1; } .modal-sm .modal-dialog, .modal-dialog.modal-sm { max-width: 400px; } .modal-lg .modal-dialog, .modal-dialog.modal-lg { max-width: 800px; } .modal-xl .modal-dialog, .modal-dialog.modal-xl { max-width: 1140px; } .modal-dialog.container { width: 100%; } @media (min-width: 640px) { .modal-dialog.container { max-width: 640px; } } @media (min-width: 768px) { .modal-dialog.container { max-width: 896px; } } @media (min-width: 1024px) { .modal-dialog.container { max-width: 1024px; } } @media (min-width: 1280px) { .modal-dialog.container { max-width: 1280px; } } .modal-fullscreen .modal-dialog { margin: 0; width: 100%; max-width: 100%; height: 100%; min-height: 100%; } @media (min-width: 992px) { .modal-fullscreen .modal-dialog { max-width: calc(100% - 80px); margin-left: auto; margin-right: auto; } } @media (min-width: 1400px) { .modal-fullscreen .modal-dialog { max-width: 1340px; } } @media (min-width: 1800px) { .modal-fullscreen .modal-dialog { max-width: 1600px; } } .modal-fullscreen .modal-content { height: 100%; min-height: 100%; border-radius: 0 !important; overflow-y: auto !important; } @media (max-width: 991px) { .modal-fullscreen .modal-dialog { margin: 0 10px; width: calc(100% - 20px); max-width: calc(100% - 20px); } } .modal-confirm { text-align: center; } .modal-confirm .modal-body { padding: var(--oa-space-3xl) var(--oa-space-2xl) var(--oa-space-2xl) !important; } .modal-confirm .modal-icon { width: 64px; height: 64px; margin: 0 auto var(--oa-space-xl); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .modal-confirm .modal-icon.icon-warning { background: var(--oa-warning-bg, #FFFBEB); color: var(--oa-warning-text, #B45309); } .modal-confirm .modal-icon.icon-danger { background: var(--oa-error-bg, #FEF2F2); color: var(--oa-error-text, #B91C1C); } .modal-confirm .modal-icon.icon-success { background: var(--oa-success-bg, #F0FDF4); color: var(--oa-success-text, #166534); } .modal-confirm .modal-icon.icon-info { background: var(--oa-info-bg, #EFF6FF); color: var(--oa-info-text, #1D4ED8); } .modal-confirm .modal-icon svg, .modal-confirm .modal-icon i { width: var(--oa-space-2xl); height: var(--oa-space-2xl); font-size: var(--oa-space-2xl); } .modal-confirm .modal-title { font-size: var(--oa-text-h1) !important; margin-bottom: var(--oa-space-md) !important; } .modal-confirm .modal-message { font-size: 15px; color: var(--oa-text-muted, #64748B); max-width: 320px; margin: 0 auto; } .modal-confirm .modal-footer { justify-content: center; gap: var(--oa-space-lg); } .modal-loading .modal-body { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 200px; } .modal-loading .spinner { width: 48px; height: 48px; border: 3px solid #E2E8F0; border-top-color: var(--oa-brand-primary, #0055FF); border-radius: 50%; animation: spin 0.8s linear infinite; margin-bottom: var(--oa-space-lg); } @keyframes spin { to { transform: rotate(360deg); } } .modal-body h1, .modal-body h2, .modal-body h3, .modal-body h4, .modal-body h5, .modal-body h6 { color: var(--oa-text-main, #0F172A); margin-top: var(--oa-space-xl); margin-bottom: var(--oa-space-md); } .modal-body h1:first-child, .modal-body h2:first-child, .modal-body h3:first-child, .modal-body h4:first-child, .modal-body h5:first-child, .modal-body h6:first-child { margin-top: 0; } .modal-body p { margin-bottom: var(--oa-space-lg); } .modal-body p:last-child { margin-bottom: 0; } .modal-body ul, .modal-body ol { padding-left: var(--oa-space-xl); margin-bottom: var(--oa-space-lg); } .modal-body ul li, .modal-body ol li { margin-bottom: var(--oa-space-sm); } .modal-body .form-group { margin-bottom: var(--oa-modal-padding); } .modal-body .form-group:last-child { margin-bottom: 0; } .modal-dialog-scrollable { max-height: calc(100vh - 60px); } .modal-dialog-scrollable .modal-content { max-height: inherit; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; max-height: calc(100vh - 200px); } .modal-dialog-scrollable .modal-body::-webkit-scrollbar { width: 8px; } .modal-dialog-scrollable .modal-body::-webkit-scrollbar-track { background: transparent; } .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 4px; } .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb:hover { background: #94A3B8; } .modal-open { overflow: hidden; padding-right: 0 !important; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { transform: scale(0.95) translateY(-20px); opacity: 0; transition: all 0.3s var(--oa-ease-spring, cubic-bezier(0.34, 1.56, 0.64, 1)); } .modal.in .modal-dialog { transform: scale(1) translateY(0); opacity: 1; } .modal-body .nav.nav-tabs, .modal-body ul.nav-tabs { background: transparent !important; border-top: none !important; border-left: none !important; border-right: none !important; border-bottom-width: 1px !important; border-bottom-style: solid !important; border-bottom-color: #E2E8F0 !important; display: flex !important; gap: 0 !important; padding: 0 !important; padding-left: 0 !important; margin: 0 0 var(--oa-space-md) 0 !important; list-style: none !important; } .modal-body .nav.nav-tabs > li, .modal-body ul.nav-tabs > li { float: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; border-color: transparent !important; } .modal-body .nav.nav-tabs > li > a, .modal-body ul.nav-tabs > li > a { padding: var(--oa-space-md) var(--oa-modal-padding) !important; font-size: var(--oa-text-h3) !important; font-weight: 500 !important; color: #64748B !important; background: transparent !important; border: none !important; border-color: transparent !important; border-radius: 0 !important; text-transform: none !important; position: relative; display: inline-flex; align-items: center; gap: var(--oa-space-sm); cursor: pointer; transition: color 0.2s ease; } .modal-body .nav.nav-tabs > li > a i, .modal-body ul.nav-tabs > li > a i { font-size: var(--oa-text-subtitle); opacity: 0.7; } .modal-body .nav.nav-tabs > li > a:hover, .modal-body ul.nav-tabs > li > a:hover { color: #0F172A !important; background: transparent !important; } .modal-body .nav.nav-tabs > li > a:hover i, .modal-body ul.nav-tabs > li > a:hover i { opacity: 1; } .modal-body .nav.nav-tabs > li > a:focus, .modal-body ul.nav-tabs > li > a:focus { outline: none !important; box-shadow: none !important; } .modal-body .nav.nav-tabs > li.active > a, .modal-body ul.nav-tabs > li.active > a { color: #005aee !important; font-weight: 600 !important; background: transparent !important; } .modal-body .nav.nav-tabs > li.active > a i, .modal-body ul.nav-tabs > li.active > a i { opacity: 1; color: #005aee !important; } .modal-body .nav.nav-tabs > li.active > a::after, .modal-body ul.nav-tabs > li.active > a::after { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: #005aee; border-radius: 2px 2px 0 0; } .modal-body .card { background: #ffffff; border: 1px solid #E2E8F0; border-radius: var(--oa-radius-lg); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); margin-bottom: var(--oa-space-lg); } .modal-body .card .card-body { padding: var(--oa-modal-padding); } .modal-body h4.header-title, .modal-body .h4.header-title { font-size: var(--oa-text-subtitle) !important; font-weight: 600 !important; color: #0F172A !important; text-transform: none !important; letter-spacing: normal !important; line-height: 1.4 !important; margin: 0 0 var(--oa-space-lg) 0 !important; padding: 0 !important; border: none !important; } .modal-body h4.header-title .required, .modal-body .h4.header-title .required { color: #DC2626; margin-left: 2px; } .modal-body .form-control, .modal-body input.form-control, .modal-body select.form-control, .modal-body textarea.form-control { border: 1px solid #E2E8F0 !important; border-radius: var(--oa-radius-md) !important; padding: 10px 14px !important; font-size: var(--oa-text-h3) !important; color: #0F172A !important; background: #ffffff !important; height: auto !important; min-height: 42px; transition: border-color 0.15s ease, box-shadow 0.15s ease !important; } .modal-body .form-control::placeholder, .modal-body input.form-control::placeholder, .modal-body select.form-control::placeholder, .modal-body textarea.form-control::placeholder { color: #94A3B8 !important; font-weight: 400 !important; opacity: 1 !important; } .modal-body .form-control:focus, .modal-body input.form-control:focus, .modal-body select.form-control:focus, .modal-body textarea.form-control:focus { border-color: #005aee !important; outline: none !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1) !important; } .modal-body .form-control:disabled, .modal-body .form-control[disabled], .modal-body input.form-control:disabled, .modal-body input.form-control[disabled], .modal-body select.form-control:disabled, .modal-body select.form-control[disabled], .modal-body textarea.form-control:disabled, .modal-body textarea.form-control[disabled] { background: #F8FAFC !important; color: #94A3B8 !important; cursor: not-allowed; } .modal-body label.select { position: relative; display: block; } .modal-body label.select select { appearance: none; padding-right: 36px !important; } .modal-body label.select > i, .modal-body label.select::after { content: ""; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #64748B; pointer-events: none; } .modal-body label.select > i { display: none; } .modal-body .control-label, .modal-body label.label, .modal-body .label.form-label { display: block; font-size: var(--oa-text-sm) !important; font-weight: 500 !important; color: #475569 !important; margin-bottom: 6px !important; padding: 0 !important; background: transparent !important; text-transform: none !important; } .modal-body .control-label .required, .modal-body label.label .required, .modal-body .label.form-label .required { color: #DC2626; margin-left: 2px; } .modal-body label.checkbox, .modal-body label.radio { display: flex; align-items: flex-start; gap: 10px !important; font-size: var(--oa-text-h3); color: #0F172A; cursor: pointer; padding: var(--oa-space-sm) 0; } .modal-body label.checkbox input[type=checkbox], .modal-body label.checkbox input[type=radio], .modal-body label.radio input[type=checkbox], .modal-body label.radio input[type=radio] { width: 18px !important; height: 18px !important; margin: 0 !important; flex-shrink: 0; accent-color: #005aee !important; opacity: 1 !important; position: relative !important; appearance: auto !important; -webkit-appearance: checkbox !important; } .modal-body label.checkbox i, .modal-body label.radio i { display: none; } .modal-body form[name=createPostForm] label.checkbox { flex-wrap: nowrap !important; align-items: flex-start !important; } .modal-body input[type=checkbox]:not(label.checkbox input) { width: 18px !important; height: 18px !important; margin: 0 4px 0 0 !important; accent-color: #005aee !important; opacity: 1 !important; position: relative !important; appearance: auto !important; -webkit-appearance: checkbox !important; vertical-align: middle !important; cursor: pointer !important; border: 1px solid #94A3B8 !important; border-radius: 4px !important; background: #ffffff !important; } .modal-body input[type=checkbox]:not(label.checkbox input):checked { background: #005aee !important; border-color: #005aee !important; } .modal-body input[type=checkbox]:not(label.checkbox input):hover:not(:disabled) { border-color: #005aee !important; } .modal-body input[type=checkbox]:not(label.checkbox input):focus { outline: none !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15) !important; } .modal-body .control-label .display-inline, .modal-body .label .display-inline { display: inline-flex !important; align-items: center !important; gap: 6px !important; margin-left: var(--oa-space-sm) !important; font-weight: 400 !important; font-size: var(--oa-text-sm) !important; color: #64748B !important; vertical-align: middle !important; } .modal-body .control-label .display-inline input[type=checkbox], .modal-body .label .display-inline input[type=checkbox] { width: 16px !important; height: 16px !important; margin: 0 !important; } .modal-body .inner-addon { position: relative; } .modal-body .inner-addon.right-addon i { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #64748B; cursor: pointer; z-index: 2; } .modal-body .inner-addon.right-addon i:hover { color: #005aee; } .modal-body .inner-addon.right-addon input { padding-right: 40px !important; } .modal-body .alert { border-radius: var(--oa-radius-md); padding: var(--oa-space-md) var(--oa-space-lg); font-size: var(--oa-text-h3); border: none; } .modal-body .alert.alert-danger { background: #FEF2F2; color: #B91C1C; border-left: 3px solid #DC2626; } .modal-body .alert.alert-success { background: #F0FDF4; color: #166534; border-left: 3px solid #16A34A; } .modal-body .alert.alert-warning { background: #FFFBEB; color: #B45309; border-left: 3px solid #F59E0B; } .modal-body .alert.alert-info { background: var(--oa-info-bg, #EFF6FF); color: #1D4ED8; border-left: 3px solid #3B82F6; } .modal-body .row:not(.no-gutter) { margin-left: -8px !important; margin-right: -8px !important; margin-bottom: 0 !important; } .modal-body .row:not(.no-gutter) > .col, .modal-body .row:not(.no-gutter) > [class*=col-] { padding-left: var(--oa-space-sm) !important; padding-right: var(--oa-space-sm) !important; margin-bottom: var(--oa-space-md) !important; } .modal-body .row .row { margin-top: 0 !important; } .modal-body label.input, .modal-body .input { display: block; margin: 0; } .modal-body label.input input, .modal-body label.input .form-control, .modal-body .input input, .modal-body .input .form-control { width: 100%; } .modal-body input[uib-typeahead], .modal-body input.form-control.input-xs { width: 100% !important; background-color: #ffffff !important; } .modal-body .input-xs, .modal-body input.input-xs { height: 42px !important; min-height: 42px !important; padding: 10px 14px !important; font-size: var(--oa-text-h3) !important; } .modal-body .dropdown-menu { border: 1px solid #E2E8F0 !important; border-radius: var(--oa-radius-md) !important; box-shadow: 0 10px 40px -5px rgba(0, 0, 0, 0.15) !important; padding: 6px !important; margin-top: var(--oa-space-xs) !important; } .modal-body .dropdown-menu > li > a { padding: 10px 14px !important; border-radius: var(--oa-radius-sm) !important; color: #0F172A !important; font-size: var(--oa-text-h3) !important; } .modal-body .dropdown-menu > li > a:hover, .modal-body .dropdown-menu > li > a:focus { background: var(--oa-bg-hover, #F8FAFD) !important; color: #005aee !important; } .modal-body .dropdown-menu > li.active > a, .modal-body .dropdown-menu > li.active > a:hover { background: #005aee !important; color: #ffffff !important; } .modal-body .input-file, .modal-body label.input-file { display: block; margin: 0; } .modal-body .input-file input[type=file], .modal-body .input-file .fileinput, .modal-body label.input-file input[type=file], .modal-body label.input-file .fileinput { display: block !important; width: 100% !important; padding: var(--oa-input-padding-y) var(--oa-input-padding-x) !important; font-size: var(--oa-text-h3) !important; font-weight: 400 !important; color: #005aee !important; border: 2px dotted #60A5FA !important; border-radius: var(--oa-radius-sm) !important; background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%) !important; cursor: pointer !important; transition: all 0.2s ease !important; height: 36px !important; min-height: 36px !important; box-sizing: border-box !important; } .modal-body .input-file input[type=file]:hover, .modal-body .input-file .fileinput:hover, .modal-body label.input-file input[type=file]:hover, .modal-body label.input-file .fileinput:hover { border-color: #005aee !important; background: linear-gradient(135deg, #DBEAFE 0%, #BFDBFE 100%) !important; } .modal-body .input-file input[type=file]:focus, .modal-body .input-file .fileinput:focus, .modal-body label.input-file input[type=file]:focus, .modal-body label.input-file .fileinput:focus { border-color: #005aee !important; outline: none !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1) !important; } .modal-body .input-file input[type=file]::file-selector-button, .modal-body .input-file .fileinput::file-selector-button, .modal-body label.input-file input[type=file]::file-selector-button, .modal-body label.input-file .fileinput::file-selector-button { padding: 4px 12px !important; margin-right: 10px !important; border: 1px solid #005aee !important; border-radius: 4px !important; background: #005aee !important; color: #ffffff !important; font-size: var(--oa-text-sm) !important; font-weight: 500 !important; cursor: pointer !important; transition: all 0.15s ease !important; height: 24px !important; line-height: 1 !important; } .modal-body .input-file input[type=file]::file-selector-button:hover, .modal-body .input-file .fileinput::file-selector-button:hover, .modal-body label.input-file input[type=file]::file-selector-button:hover, .modal-body label.input-file .fileinput::file-selector-button:hover { background: #0047CC !important; } .modal-body .input-file .error, .modal-body label.input-file .error { display: block; margin-top: 6px; font-size: var(--oa-text-label); color: #DC2626; } .modal-body .input-file > span, .modal-body label.input-file > span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 36px; height: 36px; padding: 0 var(--oa-space-md); font-size: var(--oa-text-h3); color: var(--oa-text-primary, #1F2937); } .modal-body .card { margin-bottom: var(--oa-space-lg) !important; margin-top: 0 !important; } .modal-body .card:first-child { margin-top: 10px !important; } .modal-body .card .card-body { padding: var(--oa-space-lg) var(--oa-modal-padding) !important; } .modal-body .margin-bottom-10 { margin-bottom: var(--oa-space-md) !important; } .modal-body .margin-top-10 { margin-top: 0 !important; } .modal-body .padding-top-10 { padding-top: var(--oa-space-sm) !important; } .modal-header { padding: var(--oa-space-lg) var(--oa-modal-padding) !important; border-bottom: 1px solid #E2E8F0 !important; background: #ffffff !important; border-radius: var(--oa-radius-lg) var(--oa-radius-lg) 0 0 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; position: relative !important; text-align: left !important; } .modal-header .modal-title { font-size: var(--oa-text-h2) !important; font-weight: 600 !important; color: #0F172A !important; margin: 0 !important; padding-right: 40px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; text-align: left !important; gap: 10px; flex: 1; } .modal-header .modal-title i { font-size: 20px; color: #005aee; } .modal-header .close, .modal-header button.close { position: absolute !important; top: 50% !important; right: var(--oa-space-lg) !important; transform: translateY(-50%) !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: none !important; font-size: var(--oa-text-h1); line-height: 1; color: #64748B; opacity: 1; cursor: pointer; transition: color 0.15s ease; width: var(--oa-btn-height); height: var(--oa-btn-height); display: flex; align-items: center; justify-content: center; } .modal-header .close:hover, .modal-header button.close:hover { color: #0F172A; } .modal-header .close span, .modal-header button.close span { font-weight: 300; } .modal-body section.card, .modal-content section.card { border: none !important; box-shadow: none !important; } .modal-header-with-actions { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: var(--oa-space-lg) var(--oa-modal-padding) !important; background: #ffffff !important; border-bottom: 1px solid #E2E8F0 !important; gap: var(--oa-space-lg) !important; } .modal-header-with-actions .modal-header-title { font-size: var(--oa-text-h2) !important; font-weight: 600 !important; color: #0F172A !important; margin: 0 !important; flex-shrink: 0 !important; line-height: 1.4 !important; } .modal-header-with-actions h4.bold, .modal-header-with-actions .h4.bold { font-size: var(--oa-text-h2) !important; font-weight: 600 !important; color: #0F172A !important; margin: 0 !important; flex-shrink: 0 !important; line-height: 1.4 !important; } .modal-header-actions { display: flex !important; align-items: center !important; gap: var(--oa-space-lg) !important; margin-left: auto !important; } .modal-header-actions .btn-icon-text, .modal-header-actions a.btn-icon-text { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: var(--oa-input-padding-y) var(--oa-input-padding-x) !important; color: #334155 !important; text-decoration: none !important; font-size: var(--oa-text-sm) !important; font-weight: 500 !important; white-space: nowrap !important; border-radius: var(--oa-radius-sm) !important; transition: all 0.15s ease !important; cursor: pointer !important; background: transparent !important; border: none !important; } .modal-header-actions .btn-icon-text i, .modal-header-actions a.btn-icon-text i { font-size: var(--oa-text-subtitle) !important; color: #005aee !important; } .modal-header-actions .btn-icon-text:hover, .modal-header-actions a.btn-icon-text:hover { background: var(--oa-bg-hover, #F8FAFD) !important; color: #005aee !important; } @media (max-width: 767px) { .modal-header-actions .btn-icon-text, .modal-header-actions a.btn-icon-text { padding: var(--oa-space-sm) !important; } .modal-header-actions .btn-icon-text span, .modal-header-actions a.btn-icon-text span { display: none !important; } } .modal-header-actions .close, .modal-header-actions button.close, .modal-header-actions .btn-close { position: relative !important; top: auto !important; right: auto !important; transform: none !important; margin-left: var(--oa-space-sm) !important; padding: var(--oa-space-sm) !important; font-size: var(--oa-text-h1) !important; line-height: 1 !important; opacity: 0.7 !important; background: none !important; border: none !important; cursor: pointer !important; color: #64748B !important; width: var(--oa-btn-height) !important; height: var(--oa-btn-height) !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: var(--oa-radius-sm) !important; transition: all 0.15s ease !important; } .modal-header-actions .close:hover, .modal-header-actions button.close:hover, .modal-header-actions .btn-close:hover { opacity: 1 !important; background: #F1F5F9 !important; color: #0F172A !important; } .modal-header-actions .close span, .modal-header-actions button.close span, .modal-header-actions .btn-close span { font-weight: 300 !important; } .candidates-invitation { background: #ffffff; padding: 0 !important; min-height: auto !important; } .candidates-invitation .tab-content { min-height: auto !important; padding: 0 !important; margin: 0 !important; } .candidates-invitation .tab-content .smart-form { min-height: auto !important; } .candidates-invitation .smart-form { min-height: auto !important; } .candidates-invitation .form-control, .candidates-invitation input.form-control, .candidates-invitation select.form-control, .candidates-invitation input[type=text], .candidates-invitation input[type=email], .candidates-invitation input[type=tel], .candidates-invitation input[type=number], .candidates-invitation input[type=search], .candidates-invitation .smart-form .input input, .candidates-invitation .smart-form .select select { height: var(--oa-input-height, 32px) !important; min-height: var(--oa-input-height, 32px) !important; padding: var(--oa-input-padding-y, 6px) var(--oa-input-padding-x, 12px) !important; font-size: var(--oa-text-h3) !important; background: #ffffff !important; border: 1px solid #E2E8F0 !important; border-radius: var(--oa-radius-sm) !important; color: #0F172A !important; box-sizing: border-box !important; } .candidates-invitation .form-control::placeholder, .candidates-invitation input.form-control::placeholder, .candidates-invitation select.form-control::placeholder, .candidates-invitation input[type=text]::placeholder, .candidates-invitation input[type=email]::placeholder, .candidates-invitation input[type=tel]::placeholder, .candidates-invitation input[type=number]::placeholder, .candidates-invitation input[type=search]::placeholder, .candidates-invitation .smart-form .input input::placeholder, .candidates-invitation .smart-form .select select::placeholder { color: #94A3B8 !important; font-weight: 400 !important; } .candidates-invitation .form-control:focus, .candidates-invitation input.form-control:focus, .candidates-invitation select.form-control:focus, .candidates-invitation input[type=text]:focus, .candidates-invitation input[type=email]:focus, .candidates-invitation input[type=tel]:focus, .candidates-invitation input[type=number]:focus, .candidates-invitation input[type=search]:focus, .candidates-invitation .smart-form .input input:focus, .candidates-invitation .smart-form .select select:focus { border-color: #005aee !important; outline: none !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1) !important; } .candidates-invitation select, .candidates-invitation select.form-control { appearance: none !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 10px center !important; padding-right: 32px !important; cursor: pointer !important; } .candidates-invitation label.select > i { display: none !important; } .candidates-invitation input[uib-typeahead], .candidates-invitation input[ng-intl-tel-input], .candidates-invitation input[vs-google-autocomplete] { height: var(--oa-input-height, 32px) !important; min-height: var(--oa-input-height, 32px) !important; width: 100% !important; background: #ffffff !important; border: 1px solid #E2E8F0 !important; border-radius: var(--oa-radius-sm) !important; padding: var(--oa-space-sm) var(--oa-space-md) !important; } .candidates-invitation input[uib-typeahead]:focus, .candidates-invitation input[ng-intl-tel-input]:focus, .candidates-invitation input[vs-google-autocomplete]:focus { border-color: #005aee !important; outline: none !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1) !important; } .candidates-invitation .iti.iti--allow-dropdown input[ng-intl-tel-input], .candidates-invitation .iti.iti--allow-dropdown input[type=tel], .candidates-invitation .intl-tel-input input[ng-intl-tel-input], .candidates-invitation .intl-tel-input input[type=tel] { padding-left: 58px !important; } .candidates-invitation .btn.btn-default.flat-btn, .candidates-invitation button.flat-btn { height: var(--oa-input-height, 32px) !important; min-height: var(--oa-input-height, 32px) !important; padding: var(--oa-space-sm) var(--oa-space-lg) !important; font-size: var(--oa-text-h3) !important; font-weight: 500 !important; display: inline-flex !important; align-items: center !important; gap: var(--oa-space-sm) !important; border-radius: var(--oa-radius-sm) !important; background: var(--oa-bg-hover, #F8FAFD) !important; border: 1px solid #E5E7EB !important; color: #005aee !important; cursor: pointer !important; transition: all 0.15s ease !important; } .candidates-invitation .btn.btn-default.flat-btn:hover, .candidates-invitation button.flat-btn:hover { background: #EFF6FF !important; border-color: #DBEAFE !important; } .candidates-invitation .btn.btn-default.flat-btn i, .candidates-invitation button.flat-btn i { font-size: var(--oa-text-h3) !important; } .candidates-invitation .uploaded-file { display: inline-flex !important; align-items: center !important; gap: var(--oa-space-sm) !important; padding: var(--oa-space-sm) var(--oa-space-md) !important; background: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: var(--oa-radius-sm) !important; font-size: var(--oa-text-h3) !important; color: #0F172A !important; } .candidates-invitation .uploaded-file i { color: #64748B !important; } .candidates-invitation .uploaded-file a.text-danger { color: #DC2626 !important; } .candidates-invitation .uploaded-file a.text-danger:hover { color: #B91C1C !important; } .candidates-invitation .control-label, .candidates-invitation label.label, .candidates-invitation .control-label.label { font-size: var(--oa-text-sm) !important; font-weight: 500 !important; color: #475569 !important; margin-bottom: 6px !important; display: block !important; line-height: 1.4 !important; } .candidates-invitation .control-label .required, .candidates-invitation label.label .required, .candidates-invitation .control-label.label .required { color: #DC2626 !important; margin-left: 2px !important; } .candidates-invitation .control-label.clickable-label, .candidates-invitation label.label.clickable-label, .candidates-invitation .control-label.label.clickable-label { cursor: pointer !important; transition: color 0.15s ease !important; display: inline-flex !important; align-items: center !important; gap: var(--oa-space-xs) !important; } .candidates-invitation .control-label.clickable-label i, .candidates-invitation label.label.clickable-label i, .candidates-invitation .control-label.label.clickable-label i { opacity: 0.5 !important; transition: opacity 0.15s ease !important; } .candidates-invitation .control-label.clickable-label:hover, .candidates-invitation label.label.clickable-label:hover, .candidates-invitation .control-label.label.clickable-label:hover { color: #005aee !important; } .candidates-invitation .control-label.clickable-label:hover i, .candidates-invitation label.label.clickable-label:hover i, .candidates-invitation .control-label.label.clickable-label:hover i { opacity: 1 !important; color: #005aee !important; } .candidates-invitation input[type=checkbox], .candidates-invitation .smart-form input[type=checkbox], .candidates-invitation label.checkbox input[type=checkbox], .candidates-invitation .smart-form label.checkbox input[type=checkbox] { width: 18px !important; height: 18px !important; min-width: 18px !important; margin: 2px var(--oa-space-sm) 0 0 !important; flex-shrink: 0 !important; accent-color: #005aee !important; cursor: pointer !important; appearance: checkbox !important; -webkit-appearance: checkbox !important; -moz-appearance: checkbox !important; opacity: 1 !important; position: static !important; left: auto !important; border-width: 1px !important; border-style: solid !important; border-color: #94A3B8 !important; border-radius: 4px !important; background-color: #ffffff !important; } .candidates-invitation input[type=checkbox]:checked, .candidates-invitation .smart-form input[type=checkbox]:checked, .candidates-invitation label.checkbox input[type=checkbox]:checked, .candidates-invitation .smart-form label.checkbox input[type=checkbox]:checked { background-color: #005aee !important; border-color: #005aee !important; } .candidates-invitation input[type=checkbox]:hover:not(:disabled), .candidates-invitation .smart-form input[type=checkbox]:hover:not(:disabled), .candidates-invitation label.checkbox input[type=checkbox]:hover:not(:disabled), .candidates-invitation .smart-form label.checkbox input[type=checkbox]:hover:not(:disabled) { border-color: #005aee !important; } .candidates-invitation input[type=checkbox]:focus, .candidates-invitation .smart-form input[type=checkbox]:focus, .candidates-invitation label.checkbox input[type=checkbox]:focus, .candidates-invitation .smart-form label.checkbox input[type=checkbox]:focus { outline: none !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15) !important; } .candidates-invitation .smart-form label.checkbox, .candidates-invitation label.checkbox { display: flex !important; align-items: flex-start !important; gap: 0 !important; font-size: var(--oa-text-h3) !important; font-weight: 400 !important; color: #0F172A !important; cursor: pointer !important; padding: 6px 0 !important; margin: 0 !important; } .candidates-invitation .smart-form label.checkbox i, .candidates-invitation label.checkbox i { display: none !important; } .candidates-invitation .display-inline { display: inline-flex !important; align-items: center !important; gap: 6px !important; font-size: var(--oa-text-sm) !important; font-weight: 400 !important; color: #64748B !important; } .candidates-invitation .display-inline input[type=checkbox] { width: 16px !important; height: 16px !important; margin: 0 !important; accent-color: #005aee !important; cursor: pointer !important; } .candidates-invitation .row:not(.no-gutter) { margin-left: -8px !important; margin-right: -8px !important; } .candidates-invitation .row:not(.no-gutter) > .col, .candidates-invitation .row:not(.no-gutter) > [class*=col-] { padding-left: var(--oa-space-sm) !important; padding-right: var(--oa-space-sm) !important; margin-bottom: var(--oa-space-md) !important; } .candidates-invitation .row:last-child > .col, .candidates-invitation .row:last-child > [class*=col-] { margin-bottom: 0 !important; } .candidates-invitation .card { background: #ffffff !important; border: 1px solid #E2E8F0 !important; border-radius: var(--oa-radius-md) !important; margin: var(--oa-space-md) 0 !important; box-shadow: none !important; } .candidates-invitation .card .card-body { padding: var(--oa-space-lg) !important; } .candidates-invitation .card h4.header-title, .candidates-invitation .card .h4.header-title { font-size: 15px !important; font-weight: 600 !important; color: #0F172A !important; margin: 0 0 var(--oa-space-md) 0 !important; padding: 0 !important; } .candidates-invitation .inner-addon.right-addon { position: relative !important; } .candidates-invitation .inner-addon.right-addon i { position: absolute !important; right: 10px !important; top: 50% !important; transform: translateY(-50%) !important; color: #64748B !important; cursor: pointer !important; z-index: 2 !important; font-size: var(--oa-text-h3) !important; } .candidates-invitation .inner-addon.right-addon i:hover { color: #005aee !important; } .candidates-invitation .inner-addon.right-addon input { padding-right: 36px !important; } .candidates-invitation .tab-content { padding: var(--oa-space-lg) var(--oa-modal-padding) !important; margin: 0 !important; background: #ffffff !important; } .candidates-invitation .padding-right-10.padding-left-10, .candidates-invitation .padding-left-10.padding-right-10 { padding-left: 10px !important; padding-right: 10px !important; } .candidates-invitation a.link, .candidates-invitation a.h5.link { font-size: var(--oa-text-sm) !important; color: #005aee !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; margin-top: var(--oa-space-sm) !important; } .candidates-invitation a.link:hover, .candidates-invitation a.h5.link:hover { color: #004ac2 !important; text-decoration: underline !important; } .candidates-invitation a.link i, .candidates-invitation a.h5.link i { font-size: var(--oa-text-label) !important; } .candidates-invitation a.link span, .candidates-invitation a.h5.link span { font-size: var(--oa-text-sm) !important; } .candidates-invitation .dropdown-menu, .candidates-invitation ul.dropdown-menu, .candidates-invitation .uib-typeahead-popup, .candidates-invitation ul.uib-typeahead-popup { position: absolute !important; z-index: 1060 !important; background: #ffffff !important; border: 1px solid #E2E8F0 !important; border-radius: var(--oa-radius-md) !important; box-shadow: 0 10px 40px -5px rgba(0, 0, 0, 0.15), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; padding: 6px !important; margin-top: var(--oa-space-xs) !important; min-width: 200px !important; max-height: 300px !important; overflow-y: auto !important; list-style: none !important; } .candidates-invitation .dropdown-menu::-webkit-scrollbar, .candidates-invitation ul.dropdown-menu::-webkit-scrollbar, .candidates-invitation .uib-typeahead-popup::-webkit-scrollbar, .candidates-invitation ul.uib-typeahead-popup::-webkit-scrollbar { width: 6px; } .candidates-invitation .dropdown-menu::-webkit-scrollbar-track, .candidates-invitation ul.dropdown-menu::-webkit-scrollbar-track, .candidates-invitation .uib-typeahead-popup::-webkit-scrollbar-track, .candidates-invitation ul.uib-typeahead-popup::-webkit-scrollbar-track { background: transparent; } .candidates-invitation .dropdown-menu::-webkit-scrollbar-thumb, .candidates-invitation ul.dropdown-menu::-webkit-scrollbar-thumb, .candidates-invitation .uib-typeahead-popup::-webkit-scrollbar-thumb, .candidates-invitation ul.uib-typeahead-popup::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 3px; } .candidates-invitation .dropdown-menu > li, .candidates-invitation ul.dropdown-menu > li, .candidates-invitation .uib-typeahead-popup > li, .candidates-invitation ul.uib-typeahead-popup > li { margin: 0 !important; padding: 0 !important; list-style: none !important; background: transparent !important; } .candidates-invitation .dropdown-menu > li > a, .candidates-invitation ul.dropdown-menu > li > a, .candidates-invitation .uib-typeahead-popup > li > a, .candidates-invitation ul.uib-typeahead-popup > li > a { display: block !important; padding: 10px 14px !important; border-radius: var(--oa-radius-sm) !important; color: #0F172A !important; font-size: var(--oa-text-h3) !important; text-decoration: none !important; cursor: pointer !important; transition: background 0.15s ease !important; background: transparent !important; } .candidates-invitation .dropdown-menu > li > a:hover, .candidates-invitation .dropdown-menu > li > a:focus, .candidates-invitation ul.dropdown-menu > li > a:hover, .candidates-invitation ul.dropdown-menu > li > a:focus, .candidates-invitation .uib-typeahead-popup > li > a:hover, .candidates-invitation .uib-typeahead-popup > li > a:focus, .candidates-invitation ul.uib-typeahead-popup > li > a:hover, .candidates-invitation ul.uib-typeahead-popup > li > a:focus { background: var(--oa-bg-hover, #F8FAFD) !important; color: #005aee !important; text-decoration: none !important; } .candidates-invitation .dropdown-menu > li > a strong, .candidates-invitation ul.dropdown-menu > li > a strong, .candidates-invitation .uib-typeahead-popup > li > a strong, .candidates-invitation ul.uib-typeahead-popup > li > a strong { font-weight: 600 !important; color: #005aee !important; } .candidates-invitation .dropdown-menu > li.active > a, .candidates-invitation .dropdown-menu > li.active > a:hover, .candidates-invitation .dropdown-menu > li.active > a:focus, .candidates-invitation ul.dropdown-menu > li.active > a, .candidates-invitation ul.dropdown-menu > li.active > a:hover, .candidates-invitation ul.dropdown-menu > li.active > a:focus, .candidates-invitation .uib-typeahead-popup > li.active > a, .candidates-invitation .uib-typeahead-popup > li.active > a:hover, .candidates-invitation .uib-typeahead-popup > li.active > a:focus, .candidates-invitation ul.uib-typeahead-popup > li.active > a, .candidates-invitation ul.uib-typeahead-popup > li.active > a:hover, .candidates-invitation ul.uib-typeahead-popup > li.active > a:focus { background: #005aee !important; color: #ffffff !important; } .candidates-invitation .dropdown-menu > li.active > a strong, .candidates-invitation .dropdown-menu > li.active > a:hover strong, .candidates-invitation .dropdown-menu > li.active > a:focus strong, .candidates-invitation ul.dropdown-menu > li.active > a strong, .candidates-invitation ul.dropdown-menu > li.active > a:hover strong, .candidates-invitation ul.dropdown-menu > li.active > a:focus strong, .candidates-invitation .uib-typeahead-popup > li.active > a strong, .candidates-invitation .uib-typeahead-popup > li.active > a:hover strong, .candidates-invitation .uib-typeahead-popup > li.active > a:focus strong, .candidates-invitation ul.uib-typeahead-popup > li.active > a strong, .candidates-invitation ul.uib-typeahead-popup > li.active > a:hover strong, .candidates-invitation ul.uib-typeahead-popup > li.active > a:focus strong { color: #ffffff !important; } .iti.iti--allow-dropdown > input[ng-intl-tel-input], .iti.iti--allow-dropdown > input[type=tel] { padding-left: 52px !important; } .modal-content { display: flex; flex-direction: column; } .modal-content > .modal-header, .modal-content > .modal-footer { flex-shrink: 0; } .modal-content > .modal-body { flex: 1 1 auto; overflow-y: auto; } .modal-header-2027 { position: sticky !important; top: 0 !important; z-index: 999 !important; padding: 0 !important; background: #ffffff !important; border-bottom: 1px solid var(--oa-border-color, #E5E7EB) !important; border-radius: var(--oa-radius-lg) var(--oa-radius-lg) 0 0 !important; display: block !important; width: 100% !important; } .modal-header-2027 .modal-header-content { position: sticky !important; top: 0 !important; z-index: 1000 !important; display: flex; align-items: center; justify-content: center; padding: var(--oa-space-lg) var(--oa-modal-padding); width: 100%; background: #ffffff !important; } .modal-header-2027 .modal-close-btn { position: absolute; top: 12px; right: 12px; width: var(--oa-btn-height); height: var(--oa-btn-height); padding: 0; margin: 0; background: transparent; border: none; border-radius: var(--oa-radius-sm); display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--oa-text-muted, #6B7280); transition: all 150ms ease; font-size: var(--oa-text-h2); } .modal-header-2027 .modal-close-btn:hover { background: var(--oa-bg-hover, #F8FAFD); color: var(--oa-text-main, #1F2937); } .modal-header-2027 .modal-close-btn:active { transform: scale(0.95); } .modal-steps-2027 { display: flex; align-items: center; justify-content: center; gap: 0; flex: 1; padding: 0 48px; } .modal-steps-2027 .step-item { display: flex; align-items: center; gap: 10px; padding: 10px 16px; border-radius: var(--oa-radius-2xl); background: transparent; transition: all 0.2s ease; cursor: default; white-space: nowrap; } .modal-steps-2027 .step-item .step-number { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: var(--oa-bg-base, #F5F5F7); color: var(--oa-text-muted, #6B7280); font-size: var(--oa-text-sm); font-weight: 600; border: 2px solid var(--oa-border-color, #E5E7EB); transition: all 0.2s ease; } .modal-steps-2027 .step-item .step-label { font-size: var(--oa-text-h3); font-weight: 500; color: var(--oa-text-muted, #6B7280); transition: color 0.2s ease; } .modal-steps-2027 .step-item .step-count { font-size: var(--oa-text-label); font-weight: 600; color: var(--oa-brand-primary, #005aee); margin-left: 2px; } .modal-steps-2027 .step-item.active { background: var(--oa-info-bg, #EFF6FF); } .modal-steps-2027 .step-item.active .step-number { background: var(--oa-brand-primary, #005aee); color: #ffffff; border-color: var(--oa-brand-primary, #005aee); box-shadow: 0 2px 8px rgba(0, 90, 238, 0.3); } .modal-steps-2027 .step-item.active .step-label { color: var(--oa-brand-primary, #005aee); font-weight: 600; } .modal-steps-2027 .step-item.completed .step-number { background: var(--oa-success-bg, #F0FDF4); color: var(--oa-success-text, #166534); border-color: var(--oa-success-text, #166534); } .modal-steps-2027 .step-item.completed .step-label { color: var(--oa-text-secondary, #374151); } .modal-steps-2027 .step-divider { width: 32px; height: 2px; background: var(--oa-border-color, #E5E7EB); margin: 0 4px; transition: background 0.2s ease; } .modal-steps-2027 .step-divider.completed { background: var(--oa-success-text, #166534); } @media (max-width: 991px) { .modal-steps-2027 { padding: 0 40px; gap: 0; } .modal-steps-2027 .step-item { padding: var(--oa-space-sm) var(--oa-space-md); } .modal-steps-2027 .step-item .step-label { display: none; } .modal-steps-2027 .step-divider { width: 20px; } } @media (max-width: 767px) { .modal-header-2027 .modal-header-content { padding: var(--oa-space-md) var(--oa-space-lg); } .modal-steps-2027 { padding: 0 36px; } .modal-steps-2027 .step-item { padding: 6px 8px; } .modal-steps-2027 .step-item .step-number { width: 24px; height: 24px; font-size: var(--oa-text-label); } .modal-steps-2027 .step-divider { width: 16px; } } .selected-tests-bar { display: flex; align-items: center; gap: var(--oa-space-sm); padding: var(--oa-space-md) var(--oa-space-lg); margin-bottom: var(--oa-space-lg); background: var(--oa-surface-card, #F9FAFB); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-md); } .selected-tests-bar .test-badge { display: inline-flex; align-items: center; justify-content: center; width: var(--oa-space-2xl); height: var(--oa-space-2xl); border-radius: var(--oa-radius-md); color: #FFFFFF; font-size: var(--oa-text-h3); cursor: default; transition: transform 150ms ease, box-shadow 150ms ease; } .selected-tests-bar .test-badge:hover { transform: scale(1.1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .selected-tests-bar .test-badge[data-type=GA] { background: linear-gradient(135deg, #3B82F6, #2563EB); } .selected-tests-bar .test-badge[data-type=PE] { background: linear-gradient(135deg, #F59E0B, #D97706); } .selected-tests-bar .test-badge[data-type=LANG] { background: linear-gradient(135deg, #10B981, #059669); } .selected-tests-bar .test-badge[data-type=KN] { background: linear-gradient(135deg, #14B8A6, #0D9488); } .selected-tests-bar .test-badge[data-type=WORK_ENVIRONMENT] { background: linear-gradient(135deg, #8B5CF6, #7C3AED); } .selected-tests-bar .test-badge[data-type=VI], .selected-tests-bar .test-badge[data-type=one_way_interview_assessment] { background: linear-gradient(135deg, #EC4899, #DB2777); } .selected-tests-bar .test-badge[data-type=IN_TRAY], .selected-tests-bar .test-badge[data-type=in_tray_assessment] { background: linear-gradient(135deg, #6366F1, #4F46E5); } .selected-tests-bar .test-badge:not([data-type]), .selected-tests-bar .test-badge[data-type=""] { background: linear-gradient(135deg, #6B7280, #4B5563); } .selected-tests-bar .tests-total { display: flex; align-items: center; gap: 6px; margin-left: auto; padding-left: var(--oa-space-md); border-left: 1px solid var(--oa-border-color, #E5E7EB); font-size: var(--oa-text-sm); font-weight: 500; color: var(--oa-text-muted, #6B7280); } .selected-tests-bar .tests-total i { font-size: var(--oa-text-label); color: var(--oa-text-light, #9CA3AF); } @media (max-width: 480px) { .selected-tests-bar { flex-wrap: wrap; } .selected-tests-bar .tests-total { width: 100%; margin-left: 0; margin-top: var(--oa-space-sm); padding-left: 0; padding-top: var(--oa-space-sm); border-left: none; border-top: 1px solid var(--oa-border-color, #E5E7EB); justify-content: center; } } .modal:has(.modal-body-assessment-center) { overflow: hidden !important; } .modal:has(.modal-body-assessment-center) .modal-dialog { overflow: hidden !important; max-height: calc(100vh - 40px) !important; margin: var(--oa-modal-padding) auto !important; } .modal-content:has(.modal-body-assessment-center) { display: flex !important; flex-direction: column !important; max-height: calc(100vh - 40px) !important; height: calc(100vh - 40px) !important; overflow: hidden !important; } .modal-content:has(.modal-body-assessment-center) .modal-header-2027 { flex-shrink: 0 !important; flex-grow: 0 !important; position: relative !important; z-index: 10 !important; background: #ffffff !important; } .modal-content:has(.modal-body-assessment-center) .modal-body-assessment-center { flex: 1 1 auto !important; overflow-y: auto !important; min-height: 0 !important; } .modal-content:has(.modal-body-assessment-center) .modal-footer-2027 { flex-shrink: 0 !important; flex-grow: 0 !important; position: relative !important; z-index: 10 !important; background: var(--oa-surface-elevated, #FFFFFF) !important; } .modal:has(.position-assessment-tabs-modal-wrapper) { overflow: hidden !important; } .modal:has(.position-assessment-tabs-modal-wrapper) .modal-dialog { overflow: hidden !important; max-height: calc(100vh - 40px) !important; margin: 10px auto !important; } .modal-content:has(.position-assessment-tabs-modal-wrapper) { display: flex !important; flex-direction: column !important; height: calc(100vh - 40px) !important; max-height: calc(100vh - 40px) !important; overflow: hidden !important; } .modal-content:has(.position-assessment-tabs-modal-wrapper) .position-assessment-tabs-modal-wrapper { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; min-height: 0 !important; overflow: hidden !important; } .modal-content:has(.position-assessment-tabs-modal-wrapper) .position-assessment-tabs-modal-wrapper > .modal-header { flex-shrink: 0 !important; } .modal-content:has(.position-assessment-tabs-modal-wrapper) .position-assessment-tabs-modal-wrapper > .modal-body { flex: 1 1 auto !important; overflow-y: auto !important; min-height: 0 !important; } .modal-content:has(.position-assessment-tabs-modal-wrapper) .position-assessment-tabs-modal-wrapper > .modal-footer { flex-shrink: 0 !important; } .modal-body-assessment-center { padding: var(--oa-modal-padding) !important; padding-top: var(--oa-space-lg) !important; background: var(--oa-surface-elevated, #FFFFFF) !important; } .modal-body-assessment-center > .smart-form:first-child, .modal-body-assessment-center > div:first-child { margin-top: 0 !important; padding-top: 0 !important; } .selected-tests-bar-2027 { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: var(--oa-space-md) var(--oa-space-lg); margin-bottom: var(--oa-space-lg); background: var(--oa-surface-card, #F9FAFB); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 10px; } .selected-test-chip { display: inline-flex; align-items: center; gap: var(--oa-space-sm); padding: 6px 10px 6px var(--oa-space-sm); background: var(--oa-surface-elevated, #FFFFFF); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-full); transition: border-color 150ms ease, box-shadow 150ms ease; } .selected-test-chip:hover { border-color: var(--oa-brand-primary-light, #93C5FD); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06); } .selected-test-chip:hover .chip-remove { opacity: 1; } .selected-test-chip .chip-icon { display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: var(--oa-radius-sm); color: #FFFFFF; font-size: var(--oa-text-label); flex-shrink: 0; background: linear-gradient(135deg, #6B7280, #4B5563); } .selected-test-chip .chip-icon i, .selected-test-chip .chip-icon .fa-light, .selected-test-chip .chip-icon [class*=fa-] { color: inherit !important; } .selected-test-chip[data-type=GA] .chip-icon { background: linear-gradient(135deg, #3B82F6, #2563EB); } .selected-test-chip[data-type=PE] .chip-icon { background: linear-gradient(135deg, #F59E0B, #D97706); } .selected-test-chip[data-type=LANG] .chip-icon { background: linear-gradient(135deg, #10B981, #059669); } .selected-test-chip[data-type=KN] .chip-icon { background: linear-gradient(135deg, #14B8A6, #0D9488); } .selected-test-chip[data-type=WORK_ENVIRONMENT] .chip-icon { background: linear-gradient(135deg, #8B5CF6, #7C3AED); } .selected-test-chip[data-type=VI] .chip-icon, .selected-test-chip[data-type=one_way_interview_assessment] .chip-icon { background: linear-gradient(135deg, #EC4899, #DB2777); } .selected-test-chip[data-type=IN_TRAY] .chip-icon, .selected-test-chip[data-type=in_tray_assessment] .chip-icon { background: linear-gradient(135deg, #6366F1, #4F46E5); } .selected-test-chip:not([data-type]) .chip-icon, .selected-test-chip[data-type=""] .chip-icon { background: linear-gradient(135deg, #6B7280, #4B5563); } .selected-test-chip .chip-name { font-size: var(--oa-text-sm); font-weight: 500; color: var(--oa-text-secondary, #374151); white-space: nowrap; max-width: 180px; overflow: hidden; text-overflow: ellipsis; } .selected-test-chip .chip-time { display: flex; align-items: center; gap: 3px; font-size: var(--oa-text-caption); color: var(--oa-text-muted, #6B7280); white-space: nowrap; padding-left: 6px; border-left: 1px solid var(--oa-border-color, #E5E7EB); } .selected-test-chip .chip-time i { font-size: 10px; } .selected-test-chip .chip-remove { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-left: 2px; border: none; background: transparent; color: var(--oa-text-muted, #9CA3AF); border-radius: 50%; cursor: pointer; opacity: 0; transition: all 150ms ease; } .selected-test-chip .chip-remove:hover { background: #FEE2E2; color: #EF4444; } .selected-test-chip .chip-remove i { font-size: 10px; } .selected-tests-summary { display: flex; align-items: center; gap: var(--oa-space-md); margin-left: auto; padding-left: var(--oa-space-md); border-left: 1px solid var(--oa-border-color, #E5E7EB); } .selected-tests-summary .summary-language { display: flex; align-items: center; gap: 5px; font-size: var(--oa-text-label); font-weight: 500; color: var(--oa-brand-primary, #005aee); } .selected-tests-summary .summary-language i { font-size: var(--oa-text-sm); } .selected-tests-summary .summary-total { display: flex; align-items: center; gap: 5px; font-size: var(--oa-text-label); font-weight: 600; color: var(--oa-text-secondary, #374151); background: var(--oa-surface-elevated, #FFFFFF); padding: var(--oa-space-xs) 10px; border-radius: var(--oa-radius-lg); border: 1px solid var(--oa-border-color, #E5E7EB); } .selected-tests-summary .summary-total i { color: var(--oa-text-muted, #6B7280); font-size: var(--oa-text-caption); } @media (max-width: 640px) { .selected-tests-bar-2027 { flex-direction: column; align-items: stretch; } .selected-test-chip .chip-name { max-width: none; flex: 1; } .selected-test-chip .chip-remove { opacity: 1; } .selected-tests-summary { margin-left: 0; padding-left: 0; padding-top: 10px; border-left: none; border-top: 1px solid var(--oa-border-color, #E5E7EB); justify-content: space-between; } } .filter-row-2027 { display: flex; gap: var(--oa-space-lg); margin-bottom: var(--oa-modal-padding); } .filter-row-2027 .filter-item { flex: 1; min-width: 0; } .filter-row-2027 .filter-label { display: flex; align-items: center; gap: 6px; font-size: var(--oa-text-label); font-weight: 500; color: var(--oa-text-secondary, #374151); margin-bottom: 6px; } .filter-row-2027 .filter-label i { color: var(--oa-text-light, #9CA3AF); font-size: var(--oa-text-caption); cursor: help; } .filter-row-2027 .filter-label .filter-action { margin-left: auto; font-size: var(--oa-text-caption); font-weight: 400; color: var(--oa-brand-primary, #005aee); cursor: pointer; } .filter-row-2027 .filter-label .filter-action:hover { text-decoration: underline; } .filter-row-2027 select.form-control, .filter-row-2027 input.form-control { height: var(--oa-input-height, 32px) !important; min-height: var(--oa-input-height, 32px) !important; padding: 0 12px !important; font-size: var(--oa-text-sm) !important; border-radius: var(--oa-radius-sm); border-color: var(--oa-border-color, #E5E7EB); background: var(--oa-surface-elevated, #FFFFFF); } .filter-row-2027 select.form-control:focus, .filter-row-2027 input.form-control:focus { border-color: var(--oa-brand-primary, #005aee); box-shadow: 0 0 0 3px rgba(0, 85, 255, 0.1); } .filter-row-2027 .input-with-btn { display: flex; gap: var(--oa-space-sm); } .filter-row-2027 .input-with-btn input { flex: 1; height: 36px; font-size: var(--oa-text-sm); border-radius: var(--oa-radius-sm); } .filter-row-2027 .input-with-btn .btn { white-space: nowrap; } .step-candidates-2027 .filter-row-2027 .filter-item:nth-child(1) { flex: 3 1 0; max-width: 30%; } .step-candidates-2027 .filter-row-2027 .filter-item:nth-child(2) { flex: 7 1 0; } .step-candidates-2027 .filter-row-2027 .filter-label { white-space: nowrap; } @media (max-width: 768px) { .filter-row-2027 { flex-direction: column; gap: var(--oa-space-md); } .step-candidates-2027 .filter-row-2027 .filter-item:nth-child(1), .step-candidates-2027 .filter-row-2027 .filter-item:nth-child(2) { flex: 1 1 auto; max-width: none; } } .assessment-card-2027 { background: var(--oa-surface-elevated, #FFFFFF); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 10px; margin-bottom: 10px; transition: all 150ms ease; } .assessment-card-2027:hover { border-color: var(--oa-border-color-hover, #D1D5DB); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); } .assessment-card-2027.selected { border-color: var(--oa-brand-primary, #005aee); background: rgba(0, 90, 238, 0.02); } .assessment-card-2027.selected .assessment-checkbox .checkbox-custom { background: var(--oa-brand-primary, #005aee); border-color: var(--oa-brand-primary, #005aee); } .assessment-card-2027.selected .assessment-checkbox .checkbox-custom::after { opacity: 1; transform: scale(1); } .assessment-card-2027 .assessment-card-main { display: flex; align-items: flex-start; gap: 14px; padding: 14px 16px 0 16px; } .assessment-card-2027 .assessment-type-icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; color: #FFFFFF; font-size: var(--oa-text-subtitle); flex-shrink: 0; background: linear-gradient(135deg, #6B7280, #4B5563); } .assessment-card-2027 .assessment-type-icon i, .assessment-card-2027 .assessment-type-icon .fa-light, .assessment-card-2027 .assessment-type-icon [class*=fa-] { color: inherit !important; } .assessment-card-2027 .assessment-type-icon[data-type=GA] { background: linear-gradient(135deg, #3B82F6, #2563EB); } .assessment-card-2027 .assessment-type-icon[data-type=PE] { background: linear-gradient(135deg, #F59E0B, #D97706); } .assessment-card-2027 .assessment-type-icon[data-type=LANG] { background: linear-gradient(135deg, #10B981, #059669); } .assessment-card-2027 .assessment-type-icon[data-type=KN] { background: linear-gradient(135deg, #14B8A6, #0D9488); } .assessment-card-2027 .assessment-type-icon[data-type=WORK_ENVIRONMENT] { background: linear-gradient(135deg, #8B5CF6, #7C3AED); } .assessment-card-2027 .assessment-type-icon[data-type=one_way_interview_assessment], .assessment-card-2027 .assessment-type-icon[data-type=VI] { background: linear-gradient(135deg, #EC4899, #DB2777); } .assessment-card-2027 .assessment-type-icon[data-type=in_tray_assessment], .assessment-card-2027 .assessment-type-icon[data-type=IN_TRAY] { background: linear-gradient(135deg, #6366F1, #4F46E5); } .assessment-card-2027 .assessment-info { flex: 1; min-width: 0; } .assessment-card-2027 .assessment-name { font-size: var(--oa-text-h3); font-weight: 600; color: var(--oa-text-primary, #1F2937); margin-bottom: var(--oa-space-xs); } .assessment-card-2027 .assessment-name-row { display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--oa-space-md); } .assessment-card-2027 .assessment-name-row .assessment-name { margin-bottom: 0; } .assessment-card-2027 .assessment-meta { display: flex; align-items: center; flex-wrap: wrap; gap: var(--oa-space-md); font-size: var(--oa-text-label); color: var(--oa-text-muted, #6B7280); } .assessment-card-2027 .assessment-type-label { text-transform: uppercase; font-size: 10px; font-weight: 600; letter-spacing: 0.5px; padding: 2px var(--oa-space-sm); border-radius: 4px; background: var(--oa-surface-card, #F3F4F6); } .assessment-card-2027 .assessment-info > .assessment-type-label { display: inline-block; margin-bottom: 4px; } .assessment-card-2027 .assessment-time { display: flex; align-items: center; gap: var(--oa-space-xs); } .assessment-card-2027 .assessment-time i { font-size: var(--oa-text-caption); } .assessment-card-2027 .assessment-preview { color: var(--oa-brand-primary, #005aee); cursor: pointer; } .assessment-card-2027 .assessment-preview:hover { text-decoration: underline; } .assessment-card-2027 .assessment-preview i { margin-right: 3px; } .assessment-card-2027 .assessment-description-toggle { color: var(--oa-brand-primary, #005aee); cursor: pointer; text-decoration: none; white-space: nowrap; } .assessment-card-2027 .assessment-description-toggle:hover { text-decoration: underline; } .assessment-card-2027 .assessment-description-toggle i { margin-left: 3px; font-size: 10px; } .assessment-card-2027 .assessment-checkbox { display: block; position: relative; cursor: pointer; padding: var(--oa-space-sm); margin: -8px; } .assessment-card-2027 .assessment-checkbox input[type=checkbox], .assessment-card-2027 .assessment-checkbox input[type=checkbox][ng-model], .assessment-card-2027 .assessment-checkbox input[type=checkbox].ng-pristine, .assessment-card-2027 .assessment-checkbox input[type=checkbox].ng-valid { position: absolute !important; width: 1px !important; height: 1px !important; min-width: 1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; margin: -1px !important; padding: 0 !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; } .assessment-card-2027 .assessment-checkbox:has(> input[type=checkbox]:focus-visible) .checkbox-custom { outline: var(--focus-ring); outline-offset: var(--focus-ring-offset); } .assessment-card-2027 .assessment-checkbox .checkbox-custom { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: 2px solid var(--oa-border-color, #D1D5DB); border-radius: var(--oa-radius-sm); background: var(--oa-surface-elevated, #FFFFFF); transition: all 150ms ease; } .assessment-card-2027 .assessment-checkbox .checkbox-custom::after { content: ""; width: var(--oa-space-md); height: var(--oa-space-md); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0; transform: scale(0); transition: all 150ms ease; } .assessment-card-2027 .assessment-checkbox:hover .checkbox-custom { border-color: var(--oa-brand-primary, #005aee); } .assessment-card-2027 .assessment-description { margin-top: var(--oa-space-sm); padding: 0 var(--oa-space-lg) 14px var(--oa-space-lg); font-size: var(--oa-text-label); line-height: 1.5; color: var(--oa-text-muted, #6B7280); background: transparent; border: none; border-radius: 0; } .assessment-card-2027 .assessment-description .tab-content { border: none; padding: var(--oa-space-md); font-size: var(--oa-text-label); line-height: 1.5; } .assessment-card-2027 .assessment-description .tab-content p, .assessment-card-2027 .assessment-description .tab-content li, .assessment-card-2027 .assessment-description .tab-content span, .assessment-card-2027 .assessment-description .tab-content td { font-size: var(--oa-text-label) !important; line-height: 1.5; } .assessment-card-2027 .assessment-description h5 { padding-top: 0 !important; } .assessment-card-2027 .assessment-info .assessment-competencies { list-style: none; margin: 6px 0 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; } .assessment-card-2027 .assessment-info .assessment-competencies .competency-chip { display: inline-block; padding: 2px 10px; font-size: var(--oa-text-xs, 12px); line-height: 1.4; color: var(--oa-text-muted, #6B7280); background: var(--oa-bg-base, #F5F5F7); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 12px; white-space: nowrap; } .modal-body.workflow { padding: var(--oa-modal-padding) !important; } .modal-body.workflow .sortable { padding: 0; margin: 0; list-style: none; display: flex; flex-direction: column; gap: var(--oa-space-sm); } .modal-body.workflow .workflow-stage { height: auto !important; min-height: 48px; padding: var(--oa-space-md) var(--oa-space-lg) !important; margin: 0 !important; background: var(--oa-bg-white, #F9FAFB) !important; border: 1px solid var(--oa-border-color, #E5E7EB) !important; border-radius: var(--oa-radius-md, 8px) !important; font-size: var(--oa-text-h3) !important; color: var(--oa-text-main, #1F2937); transition: border-color 0.15s ease, background 0.15s ease; cursor: grab; } .modal-body.workflow .workflow-stage:hover { background: var(--oa-bg-hover, #F8FAFD) !important; border-color: var(--oa-brand-primary, #005aee) !important; } .modal-body.workflow .workflow-stage:active { cursor: grabbing; } .modal-body.workflow .workflow-stage.unsortable { cursor: default; background: var(--oa-bg-base, #F5F5F7) !important; opacity: 0.8; } .modal-body.workflow .workflow-stage.unsortable:hover { border-color: var(--oa-border-color, #E5E7EB) !important; background: var(--oa-bg-base, #F5F5F7) !important; } .modal-body.workflow .workflow-stage .row { align-items: center; margin: 0 !important; } .modal-body.workflow .workflow-stage select.form-control { height: var(--oa-input-height, 32px) !important; font-size: var(--oa-text-sm) !important; padding: var(--oa-space-xs) var(--oa-space-sm) !important; border-radius: var(--oa-radius-sm, 6px) !important; } .modal-body.workflow .workflow-stage .fa-close { color: var(--oa-text-muted, #6B7280); font-size: var(--oa-text-h3); transition: color 0.15s ease; } .modal-body.workflow .workflow-stage .fa-close:hover { color: var(--oa-danger-solid, #DC2626); } .modal-body.workflow .smart-form { margin-top: 0 !important; } .modal-body.workflow .smart-form .label.bold { font-size: var(--oa-text-label); font-weight: 600; color: var(--oa-text-muted, #4B5563); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: var(--oa-space-sm); display: block; } .modal-body.workflow .smart-form .input, .modal-body.workflow .smart-form .select { margin-bottom: 0; } .modal-body.workflow .smart-form .input input, .modal-body.workflow .smart-form .input select, .modal-body.workflow .smart-form .select input, .modal-body.workflow .smart-form .select select { height: var(--oa-input-height, 32px) !important; font-size: var(--oa-text-sm) !important; border-radius: var(--oa-radius-sm, 6px) !important; border: 1px solid var(--oa-border-color, #E5E7EB) !important; } .modal-body.workflow .smart-form .input input:focus, .modal-body.workflow .smart-form .input select:focus, .modal-body.workflow .smart-form .select input:focus, .modal-body.workflow .smart-form .select select:focus { border-color: var(--oa-brand-primary, #005aee) !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1) !important; } .step-candidates-2027 { padding: 0; } .filter-options-row { margin-bottom: var(--oa-space-lg); } .filter-options-row .label-action { float: right; font-size: var(--oa-text-label); font-weight: 500; color: var(--oa-brand-primary, #005aee); cursor: pointer; } .filter-options-row .label-action:hover { color: var(--oa-brand-hover, #004ac2); text-decoration: none; } .filter-options-row .input-with-btn { display: flex; gap: var(--oa-space-sm); } .filter-options-row .input-with-btn input { flex: 1; } .filter-options-row .input-with-btn .btn { flex-shrink: 0; } .candidate-form-2027 { margin-bottom: var(--oa-space-lg); } .candidate-form-2027 .col-action { display: flex; flex-direction: column; } .candidate-form-2027 .col-action .btn-primary { margin-top: auto; height: 32px; white-space: nowrap; } .candidate-form-2027 .col-action .btn-primary i { margin-right: 6px; } .config-options-row { margin-bottom: var(--oa-modal-padding); } .config-options-row label.label i { color: var(--oa-brand-primary, #005aee); margin-right: var(--oa-space-xs); } .assessment-center-modal .smart-form label.label { font-size: var(--oa-text-label); font-weight: 500; color: var(--oa-text-muted, #6B7280); margin-bottom: var(--oa-space-xs); padding: 0; } .assessment-center-modal .smart-form label.select { margin: 0; } .assessment-center-modal .smart-form label.select select { height: 32px !important; font-size: var(--oa-text-sm) !important; border: 1px solid var(--oa-border-color, #E5E7EB) !important; border-radius: var(--oa-radius-sm) !important; padding: var(--oa-space-xs) 32px var(--oa-space-xs) 10px !important; background: #FFFFFF !important; } .assessment-center-modal .smart-form label.select select:focus { border-color: var(--oa-brand-primary, #005aee) !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1) !important; } .assessment-center-modal .smart-form label.select > i { right: 10px; top: 50%; transform: translateY(-50%); color: var(--oa-text-muted, #6B7280); } .assessment-center-modal .smart-form label.input { margin: 0; } .assessment-center-modal .smart-form label.input input { height: 32px !important; font-size: var(--oa-text-sm) !important; border: 1px solid var(--oa-border-color, #E5E7EB) !important; border-radius: var(--oa-radius-sm) !important; padding: var(--oa-space-xs) 10px !important; background: #FFFFFF !important; } .assessment-center-modal .smart-form label.input input:focus { border-color: var(--oa-brand-primary, #005aee) !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1) !important; } .assessment-center-modal .smart-form label.input input::placeholder { color: var(--oa-text-light, #9CA3AF); } .assessment-center-modal .smart-form .row > [class*=col] { margin-bottom: var(--oa-space-md); } .bulk-upload-section { margin-top: var(--oa-space-lg); padding-top: var(--oa-space-lg); border-top: 1px solid var(--oa-border-color, #E5E7EB); } .bulk-upload-toggle { display: inline-flex; align-items: center; gap: var(--oa-space-sm); font-size: var(--oa-text-sm); color: var(--oa-brand-primary, #005aee); cursor: pointer; transition: color 150ms ease; } .bulk-upload-toggle:hover { color: var(--oa-brand-hover, #004ac2); text-decoration: none; } .bulk-upload-content { display: flex; gap: var(--oa-space-lg); align-items: flex-start; margin-top: var(--oa-space-md); padding: var(--oa-space-lg); background: var(--oa-surface-card, #F9FAFB); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-md); } .bulk-upload-content .upload-instructions { flex: 1; font-size: var(--oa-text-sm); color: var(--oa-text-secondary, #374151); line-height: 1.55; } .bulk-upload-content .upload-instructions ul.list, .bulk-upload-content .upload-instructions ul.list.bullet { margin: var(--oa-space-sm) 0; padding-left: var(--oa-space-lg); } .bulk-upload-content .upload-instructions ul.list li, .bulk-upload-content .upload-instructions ul.list.bullet li { padding-top: var(--oa-space-xs) !important; margin-top: 0 !important; list-style: disc; } .bulk-upload-content .upload-instructions a { color: var(--oa-brand-primary, #005aee); text-decoration: underline; } .bulk-upload-content .upload-instructions a:hover { color: var(--oa-brand-hover, #004ac2); } .bulk-upload-content .upload-actions { display: flex; flex-direction: column; gap: var(--oa-space-sm); align-items: stretch; min-width: 220px; } .bulk-upload-content .upload-actions input[type=file] { max-width: none; width: 100%; height: auto; padding: 0; font-size: var(--oa-text-sm); color: var(--oa-text-secondary, #374151); background: #FFFFFF; border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-sm, 6px); cursor: pointer; overflow: hidden; } .bulk-upload-content .upload-actions input[type=file]::file-selector-button { margin-right: var(--oa-space-sm); padding: 6px var(--oa-space-md); font-size: var(--oa-text-sm); font-weight: 500; color: var(--oa-text-main, #1F2937); background: #FFFFFF; border: 0; border-right: 1px solid var(--oa-border-color, #E5E7EB); border-radius: 0; cursor: pointer; transition: background 150ms ease; } .bulk-upload-content .upload-actions input[type=file]::file-selector-button:hover { background: var(--oa-surface-card, #F9FAFB); } .bulk-upload-content .upload-actions input[type=file]:focus { outline: none; border-color: var(--oa-brand-primary, #005aee); box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.15); } .bulk-upload-content .upload-actions .btn-secondary, .bulk-upload-content .upload-actions .btn-header { white-space: nowrap; justify-content: center; } .candidates-list-2027 { margin-top: var(--oa-modal-padding); } .candidates-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: var(--oa-space-3xl) var(--oa-space-xl); background: var(--oa-surface-card, #F9FAFB); border: 2px dashed var(--oa-border-color, #E5E7EB); border-radius: 10px; text-align: center; } .candidates-empty i { font-size: 48px; color: var(--oa-text-light, #9CA3AF); margin-bottom: var(--oa-space-md); } .candidates-empty p { font-size: var(--oa-text-h3); color: var(--oa-text-muted, #6B7280); margin: 0; } .candidate-item { display: flex; align-items: center; gap: var(--oa-space-md); padding: var(--oa-space-md) var(--oa-space-lg); background: var(--oa-surface-elevated, #FFFFFF); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-md); margin-bottom: var(--oa-space-sm); transition: border-color 150ms ease, box-shadow 150ms ease; } .candidate-item:hover { border-color: var(--oa-border-hover, #D1D5DB); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); } .candidate-avatar { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #3B82F6, #2563EB); display: flex; align-items: center; justify-content: center; } .candidate-avatar .avatar-initials { font-size: var(--oa-text-h3); font-weight: 600; color: #FFFFFF; text-transform: uppercase; } .candidate-info { flex: 1; min-width: 0; } .candidate-info .candidate-name { font-size: var(--oa-text-h3); font-weight: 500; color: var(--oa-text-main, #1F2937); display: flex; align-items: center; gap: var(--oa-space-sm); } .candidate-info .gender-badge { font-size: var(--oa-text-caption); color: var(--oa-text-muted, #6B7280); padding: 2px 6px; background: var(--oa-surface-subtle, #F3F4F6); border-radius: 4px; } .candidate-info .candidate-edit-row { display: flex; gap: var(--oa-space-sm); margin-top: var(--oa-space-xs); } .candidate-info .candidate-edit-row .form-control-sm { height: 28px !important; font-size: var(--oa-text-label) !important; padding: var(--oa-space-xs) var(--oa-space-sm) !important; } .candidate-info .field-error { font-size: var(--oa-text-caption); color: #EF4444; margin-top: 2px; } .candidate-contact, .candidate-phone { flex: 0 0 auto; min-width: 150px; } .candidate-contact .contact-item, .candidate-phone .contact-item { font-size: var(--oa-text-sm); color: var(--oa-text-secondary, #374151); display: flex; align-items: center; gap: 6px; } .candidate-contact .contact-item i, .candidate-phone .contact-item i { color: var(--oa-text-muted, #6B7280); font-size: var(--oa-text-label); } .candidate-contact .form-control-sm, .candidate-phone .form-control-sm { height: 28px !important; font-size: var(--oa-text-label) !important; padding: var(--oa-space-xs) var(--oa-space-sm) !important; width: 100%; } .candidate-contact .field-error, .candidate-phone .field-error { font-size: var(--oa-text-caption); color: #EF4444; margin-top: 2px; } .candidate-remove { flex: 0 0 var(--oa-btn-height); width: var(--oa-btn-height); height: var(--oa-btn-height); display: flex; align-items: center; justify-content: center; border: none; background: transparent; color: var(--oa-text-muted, #9CA3AF); border-radius: var(--oa-radius-sm); cursor: pointer; transition: background 150ms ease, color 150ms ease; } .candidate-remove:hover { background: #FEE2E2; color: #EF4444; } .step-config-2027 { padding: 0; } .config-columns-2027 { display: flex; gap: var(--oa-space-xl); } @media (max-width: 768px) { .config-columns-2027 { flex-direction: column; } } .config-column { flex: 1; min-width: 0; } .config-column .column-title { display: flex; align-items: center; gap: var(--oa-space-sm); font-size: var(--oa-text-h3); font-weight: 600; color: var(--oa-text-primary, #1F2937); margin: 0 0 var(--oa-space-lg) 0; padding-bottom: var(--oa-space-md); border-bottom: 1px solid var(--oa-border-color, #E5E7EB); } .config-column .column-title i { color: var(--oa-brand-primary, #005aee); } .selected-assessment-item { display: flex; align-items: center; gap: var(--oa-space-md); padding: var(--oa-space-md) 14px; background: var(--oa-surface-elevated, #FFFFFF); border: 1px solid var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-md); margin-bottom: var(--oa-space-sm); transition: border-color 150ms ease; } .selected-assessment-item:hover { border-color: var(--oa-brand-primary-light, #93C5FD); } .selected-assessment-item:hover .btn-remove { opacity: 1; } .selected-assessment-item .assessment-name { flex: 1; font-size: var(--oa-text-sm); font-weight: 500; color: var(--oa-text-secondary, #374151); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .selected-assessment-item .assessment-time { display: flex; align-items: center; gap: var(--oa-space-xs); font-size: var(--oa-text-label); color: var(--oa-text-muted, #6B7280); white-space: nowrap; } .selected-assessment-item .assessment-time i { font-size: var(--oa-text-caption); } .selected-assessment-item .btn-remove { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border: none; background: transparent; color: var(--oa-text-muted, #9CA3AF); border-radius: var(--oa-radius-sm); cursor: pointer; opacity: 0; transition: all 150ms ease; } .selected-assessment-item .btn-remove:hover { background: #FEE2E2; color: #EF4444; } .template-form .form-group { margin-bottom: var(--oa-space-lg); } .template-form .form-group:last-child { margin-bottom: 0; } .template-form .control-label { display: block; font-size: var(--oa-text-label); font-weight: 500; color: var(--oa-text-muted, #6B7280); margin-bottom: 6px; } .template-form input.form-control, .template-form select.form-control { height: var(--oa-input-height, 32px) !important; min-height: var(--oa-input-height, 32px) !important; padding: 0 12px !important; font-size: var(--oa-text-sm) !important; border: 1px solid var(--oa-border-color, #E5E7EB) !important; border-radius: var(--oa-radius-sm) !important; background: var(--oa-surface-elevated, #FFFFFF) !important; } .template-form input.form-control:focus, .template-form select.form-control:focus { border-color: var(--oa-brand-primary, #005aee) !important; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important; } .template-form select.form-control { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 10px center !important; padding-right: 30px !important; } .template-form textarea.form-control { height: auto !important; min-height: 120px; resize: vertical; } .template-form .cke { border: 1px solid var(--oa-border-color, #E5E7EB) !important; border-radius: var(--oa-radius-sm) !important; overflow: hidden; } .modal-footer-2027 { display: flex; justify-content: space-between; align-items: center; gap: var(--oa-space-md); padding: var(--oa-space-lg) var(--oa-space-xl); background: var(--oa-surface-elevated, #FFFFFF); border-top: 1px solid var(--oa-border-color, #E5E7EB); position: sticky; bottom: 0; z-index: 100; } .modal-footer-2027 .footer-actions-left, .modal-footer-2027 .footer-actions-right { display: flex; align-items: center; gap: 10px; } .modal-footer-2027 .footer-actions-left { flex-shrink: 0; } .modal-footer-2027 .footer-actions-right { margin-left: auto; } .modal-footer-2027 .btn { display: inline-flex; align-items: center; gap: 6px; padding: var(--oa-space-sm) var(--oa-space-lg); font-size: var(--oa-text-sm); font-weight: 500; border-radius: var(--oa-radius-sm); transition: all 150ms ease; white-space: nowrap; } .modal-footer-2027 .btn i { font-size: var(--oa-text-h3); } .modal-footer-2027 .btn:disabled { opacity: 0.5; cursor: not-allowed; } .modal-footer-2027 .btn-primary { background: var(--oa-brand-primary, #005aee); border: 1px solid var(--oa-brand-primary, #005aee); color: #FFFFFF; } .modal-footer-2027 .btn-primary:hover:not(:disabled) { background: var(--oa-brand-primary-hover, #2563EB); border-color: var(--oa-brand-primary-hover, #2563EB); } .modal-footer-2027 .btn-primary:focus { box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2); } .modal-footer-2027 .btn-secondary, .modal-footer-2027 .btn-header { background: var(--oa-surface-elevated, #FFFFFF); border: 1px solid var(--oa-border-color, #E5E7EB); color: var(--oa-text-secondary, #374151); } .modal-footer-2027 .btn-secondary:hover:not(:disabled), .modal-footer-2027 .btn-header:hover:not(:disabled) { background: var(--oa-surface-card, #F9FAFB); border-color: var(--oa-text-muted, #9CA3AF); } .modal-footer-2027 .btn-secondary:focus, .modal-footer-2027 .btn-header:focus { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05); } .modal-footer-2027 .btn-danger { background: #FEF2F2; border: 1px solid #FECACA; color: #B91C1C; } .modal-footer-2027 .btn-danger:hover:not(:disabled) { background: #FEE2E2; border-color: #F87171; } .modal-footer-2027 .btn-danger:focus { box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2); } .schedule-modal-compact { padding: var(--oa-space-lg) var(--oa-modal-padding) !important; } .schedule-modal-compact .padding-bottom-20, .schedule-modal-compact .padding-bottom-30, .schedule-modal-compact .padding-bottom-40 { padding-bottom: 10px !important; } .schedule-modal-compact .margin-top-20, .schedule-modal-compact .margin-top-30, .schedule-modal-compact .margin-top-40 { margin-top: 10px !important; } .schedule-modal-compact .padding-top-20, .schedule-modal-compact .padding-top-30 { padding-top: 10px !important; } .schedule-modal-compact .smart-form { margin: 0 !important; } .schedule-modal-compact .smart-form label.label { font-size: var(--oa-text-caption); font-weight: 600; color: var(--oa-text-muted, #6B7280); margin-bottom: var(--oa-space-xs); padding: 0; text-transform: uppercase; letter-spacing: 0.3px; } .schedule-modal-compact .smart-form label.label i { margin-right: var(--oa-space-xs); color: var(--oa-brand-primary, #005aee); } .schedule-modal-compact .smart-form label.input, .schedule-modal-compact .smart-form label.select, .schedule-modal-compact .smart-form label.textarea { margin-bottom: 0 !important; } .schedule-modal-compact .smart-form section { margin-bottom: 10px !important; } .schedule-modal-compact .smart-form .row { margin-bottom: var(--oa-space-sm); } .schedule-modal-compact .smart-form .row > [class*=col] { margin-bottom: var(--oa-space-sm); } .schedule-modal-compact .card-body { padding: 0 !important; } .schedule-modal-compact .form-control, .schedule-modal-compact input[type=text], .schedule-modal-compact input[type=email], .schedule-modal-compact input[type=number], .schedule-modal-compact select, .schedule-modal-compact textarea { height: 32px !important; font-size: var(--oa-text-sm) !important; border: 1px solid var(--oa-border-color, #E5E7EB) !important; border-radius: var(--oa-radius-sm) !important; padding: var(--oa-space-xs) 10px !important; background: #FFFFFF !important; } .schedule-modal-compact .form-control:focus, .schedule-modal-compact input[type=text]:focus, .schedule-modal-compact input[type=email]:focus, .schedule-modal-compact input[type=number]:focus, .schedule-modal-compact select:focus, .schedule-modal-compact textarea:focus { border-color: var(--oa-brand-primary, #005aee) !important; box-shadow: 0 0 0 3px rgba(0, 90, 238, 0.1) !important; outline: none !important; } .schedule-modal-compact .form-control::placeholder, .schedule-modal-compact input[type=text]::placeholder, .schedule-modal-compact input[type=email]::placeholder, .schedule-modal-compact input[type=number]::placeholder, .schedule-modal-compact select::placeholder, .schedule-modal-compact textarea::placeholder { color: var(--oa-text-light, #9CA3AF); } .schedule-modal-compact textarea { height: auto !important; min-height: 60px; resize: vertical; } .schedule-modal-compact .ui-select-container .ui-select-match { min-height: 32px !important; } .schedule-modal-compact .ui-select-container .ui-select-multiple { padding: 2px 4px !important; min-height: 32px !important; } .schedule-modal-compact .ui-select-container .ui-select-multiple .ui-select-match-item { margin: 2px !important; padding: 2px 6px !important; font-size: var(--oa-text-label) !important; } .schedule-modal-compact .ui-select-container .ui-select-multiple input.ui-select-search { height: 24px !important; margin: 2px !important; } .schedule-modal-compact .input-group .form-control { height: 32px !important; } .schedule-modal-compact .input-group .input-group-addon { padding: var(--oa-space-xs) var(--oa-space-sm) !important; font-size: var(--oa-text-sm) !important; border: 1px solid var(--oa-border-color, #E5E7EB) !important; background: var(--oa-bg-base, #F5F5F7) !important; } .schedule-modal-compact .input-group .input-group-addon i { font-size: var(--oa-text-sm); color: var(--oa-text-muted, #6B7280); } .schedule-modal-compact .checkbox, .schedule-modal-compact .radio { margin: var(--oa-space-xs) 0 !important; padding-left: 0 !important; } .schedule-modal-compact .checkbox label, .schedule-modal-compact .radio label { font-size: var(--oa-text-sm) !important; padding-left: var(--oa-space-xl) !important; } .schedule-modal-compact .checkbox-inline, .schedule-modal-compact .radio-inline { margin-right: var(--oa-space-md) !important; font-size: var(--oa-text-sm) !important; } .schedule-modal-compact .alert { padding: var(--oa-space-sm) var(--oa-space-md) !important; margin-bottom: 10px !important; font-size: var(--oa-text-label) !important; border-radius: var(--oa-radius-sm) !important; } .schedule-modal-compact .btn { height: var(--oa-btn-height) !important; padding: var(--oa-space-xs) var(--oa-space-md) !important; font-size: var(--oa-text-sm) !important; } .schedule-modal-compact .step-indicator, .schedule-modal-compact .wizard-steps { margin-bottom: var(--oa-space-md) !important; } .schedule-modal-compact table { margin-bottom: 10px !important; } .schedule-modal-compact table th, .schedule-modal-compact table td { padding: 6px var(--oa-space-sm) !important; font-size: var(--oa-text-label) !important; } .schedule-modal-compact hr { margin: 10px 0 !important; } .schedule-modal-compact .note, .schedule-modal-compact .help-block, .schedule-modal-compact .text-muted { font-size: var(--oa-text-caption) !important; margin-top: 2px !important; margin-bottom: 6px !important; } .modal-content h5, .modal-content .h5, .modal-body h5, .modal-body .h5 { font-size: var(--oa-text-h3) !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1.4 !important; color: var(--oa-text-primary, #1F2937) !important; margin-bottom: var(--oa-space-sm) !important; } .modal-content h5 i, .modal-content .h5 i, .modal-body h5 i, .modal-body .h5 i { margin-right: var(--oa-space-sm); color: var(--oa-brand-primary, #005aee); } .modal-content h5.bold, .modal-content .h5.bold, .modal-body h5.bold, .modal-body .h5.bold { font-weight: 600 !important; } .modal-content h6, .modal-content .h6, .modal-body h6, .modal-body .h6 { font-size: var(--oa-text-caption) !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; color: var(--oa-text-muted, #6B7280) !important; margin-bottom: var(--oa-space-sm) !important; } .intl-tel-input { display: block !important; width: 100% !important; } .intl-tel-input input, .intl-tel-input input[type=tel], .intl-tel-input input[type=text], .intl-tel-input input[ng-intl-tel-input] { width: 100% !important; padding-left: 58px !important; } .intl-tel-input.separate-dial-code.iti-sdc-2 input { padding-left: 82px !important; } .intl-tel-input.separate-dial-code.iti-sdc-3 input { padding-left: 90px !important; } .intl-tel-input.separate-dial-code.iti-sdc-4 input { padding-left: 98px !important; } .intl-tel-input.separate-dial-code.iti-sdc-5 input { padding-left: 106px !important; } .intl-tel-input .flag-container { height: var(--oa-input-height, 32px) !important; } .import-wizard { display: flex; gap: var(--oa-space-2xl); padding: var(--oa-space-lg) 0; } @media (max-width: 767px) { .import-wizard { flex-direction: column; gap: var(--oa-space-xl); } } .import-instructions { flex: 1.2; display: flex; flex-direction: column; align-items: center; } .import-illustration { margin-bottom: var(--oa-space-xl); } .import-illustration img { max-width: 180px; height: auto; } .import-steps { list-style: none; padding: 0; margin: 0; counter-reset: step-counter; width: 100%; } .import-steps li { position: relative; padding: var(--oa-space-md) var(--oa-space-md) var(--oa-space-md) var(--oa-space-3xl); margin-bottom: var(--oa-space-sm); background: var(--oa-bg-hover, #F8FAFD); border-radius: var(--oa-radius-md, 8px); font-size: var(--oa-text-body, 14px); color: var(--oa-text-main, #1F2937); line-height: 1.5; counter-increment: step-counter; } .import-steps li::before { content: counter(step-counter); position: absolute; left: var(--oa-space-md); top: 50%; transform: translateY(-50%); width: var(--oa-space-xl); height: var(--oa-space-xl); background: var(--oa-brand-primary, #005aee); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: var(--oa-text-label); font-weight: 600; } .import-steps li a { color: var(--oa-brand-primary, #005aee); font-weight: 500; } .import-steps li a:hover { text-decoration: underline; } .import-upload { flex: 0.8; display: flex; flex-direction: column; justify-content: center; gap: var(--oa-space-lg); } .upload-dropzone { border: 2px dashed var(--oa-border-color, #E5E7EB); border-radius: var(--oa-radius-lg, 12px); padding: var(--oa-space-2xl) var(--oa-space-xl); text-align: center; transition: all 0.2s ease; } .upload-dropzone:hover { border-color: var(--oa-brand-primary, #005aee); background: rgba(0, 90, 238, 0.02); } .upload-label { display: flex; flex-direction: column; align-items: center; gap: var(--oa-space-md); cursor: pointer; margin: 0; } .upload-label i { font-size: 36px; color: var(--oa-brand-primary, #005aee); opacity: 0.7; } .upload-label span { font-size: var(--oa-text-body, 14px); color: var(--oa-text-secondary, #4B5563); font-weight: 500; } .upload-input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .btn-import { width: 100%; display: flex; align-items: center; justify-content: center; gap: var(--oa-space-sm); padding: var(--oa-space-md) var(--oa-space-xl) !important; font-size: var(--oa-text-h3) !important; font-weight: 600 !important; text-transform: uppercase; letter-spacing: 0.02em; } .modal-body .select2-container-multi { width: 100% !important; } .modal-body .select2-container-multi .select2-choices { display: flex !important; flex-wrap: wrap !important; align-items: center !important; min-height: var(--oa-input-height, 32px) !important; padding: 4px 8px !important; } .modal-body .select2-container-multi .select2-choices .select2-search-field { display: flex !important; align-items: center !important; flex: 1 !important; min-width: 120px !important; } .modal-body .select2-container-multi .select2-choices .select2-search-field input { vertical-align: middle !important; margin: 0 !important; padding: 0 !important; line-height: 1.5 !important; } html { font-size: 13.5px !important; } @media (max-width: 1099px) and (min-width: 1024px) { html { font-size: 11px !important; } } @media (max-width: 1279px) and (min-width: 1100px) { html { font-size: 12px !important; } } @media (min-width: 1600px) { html { font-size: 15px !important; } } body { font-family: var(--oa-font-family, "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif) !important; font-size: var(--oa-text-body) !important; line-height: 1.5 !important; color: var(--oa-text-main) !important; background-color: var(--oa-bg-base) !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-feature-settings: "cv11", "cv05"; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--oa-font-family) !important; color: var(--oa-text-main) !important; margin-top: 0; } h1, .h1 { font-size: var(--oa-text-h1) !important; font-weight: var(--oa-text-h1-weight, 700) !important; letter-spacing: var(--oa-text-h1-tracking, -0.02em) !important; line-height: var(--oa-text-h1-leading, 1.2) !important; } h2, .h2 { font-size: var(--oa-text-h2) !important; font-weight: var(--oa-text-h2-weight, 600) !important; letter-spacing: var(--oa-text-h2-tracking, -0.01em) !important; line-height: var(--oa-text-h2-leading, 1.3) !important; } h3, .h3 { font-size: var(--oa-text-h3) !important; font-weight: var(--oa-text-h3-weight, 600) !important; letter-spacing: var(--oa-text-h3-tracking, 0.05em) !important; line-height: var(--oa-text-h3-leading, 1.4) !important; } h4, .h4 { font-size: var(--oa-text-h2) !important; font-weight: var(--oa-text-h2-weight, 600) !important; letter-spacing: var(--oa-text-h2-tracking, -0.01em) !important; line-height: var(--oa-text-h2-leading, 1.3) !important; } h5, .h5 { font-size: 10.5px !important; font-weight: 600 !important; letter-spacing: 0.05em !important; line-height: 1.4 !important; } h6, .h6 { font-size: var(--oa-text-label) !important; font-weight: var(--oa-text-label-weight, 500) !important; letter-spacing: 0 !important; line-height: var(--oa-text-label-leading, 1.4) !important; } .text-muted { color: var(--oa-text-muted) !important; } .text-light { color: var(--oa-text-light) !important; } .bold, .font-bold { font-weight: 700 !important; } .semibold, .font-semibold { font-weight: 600 !important; } .medium, .font-medium { font-weight: 500 !important; } p { font-size: var(--oa-text-body) !important; line-height: 1.5 !important; color: var(--oa-text-main); margin-bottom: 1rem; } small, .small { font-size: var(--oa-text-label) !important; } .table td, .table th, .metric, .score, .stat, .count, .number, .price, .date, .time, [data-metric], [data-score], [data-count] { font-variant-numeric: tabular-nums; } .dashboard h4.bold, .dashboard .h4.bold, .dashboard-card h4, .dashboard-card .metric-value { font-variant-numeric: tabular-nums; font-size: 20px !important; font-weight: 700 !important; line-height: 1.2; color: var(--oa-text-main); } a { color: var(--oa-text-main, #1F2937); text-decoration: none; transition: color var(--oa-duration-fast, 150ms) ease; } a:hover { color: var(--oa-brand-primary, #005aee); } a:focus-visible { outline: 2px solid var(--oa-brand-light); outline-offset: 2px; border-radius: 2px; } h3.text-uppercase, .h3.text-uppercase, h5.text-uppercase, .h5.text-uppercase { text-transform: uppercase !important; } h5.text-muted, .h5.text-muted { text-transform: capitalize !important; } label:not(.checkbox):not(.radio):not(.btn), .control-label, .form-label { font-size: var(--oa-text-label) !important; font-weight: var(--oa-text-label-weight, 400) !important; color: var(--oa-text-muted) !important; line-height: var(--oa-text-label-leading, 1.4) !important; text-transform: none !important; } .smart-form label.checkbox, .smart-form label.radio { line-height: 25px !important; margin-bottom: var(--oa-space-xs); } .smart-form label.checkbox input:checked + i, .smart-form label.radio input:checked + i { background-color: var(--oa-brand-primary, #0055FF); border-color: var(--oa-brand-primary, #0055FF); } .smart-form label.checkbox input:checked + i::after, .smart-form label.radio input:checked + i::after { color: #fff; opacity: 1; } body { background-color: var(--oa-bg-base); background-image: var(--oa-atmosphere); background-attachment: fixed; } @media (min-width: 1600px) { h1, .h1 { font-size: 26px !important; } h2, .h2 { font-size: 20px !important; } h3, .h3 { font-size: 15px !important; } h4, .h4 { font-size: 20px !important; } h5, .h5 { font-size: 11.5px !important; } h6, .h6 { font-size: 13px !important; } } @media (max-width: 1279px) and (min-width: 1100px) { h1, .h1 { font-size: 21px !important; } h2, .h2 { font-size: 16px !important; } h3, .h3 { font-size: 13px !important; } h4, .h4 { font-size: 16px !important; } h5, .h5 { font-size: 9.5px !important; } h6, .h6 { font-size: 11px !important; } .dashboard h4.bold, .dashboard .h4.bold, .dashboard-card h4, .dashboard-card .metric-value { font-size: 18px !important; } } @media (max-width: 1099px) and (min-width: 1024px) { h1, .h1 { font-size: 18px !important; } h2, .h2 { font-size: 14px !important; } h3, .h3 { font-size: 12px !important; } h4, .h4 { font-size: 14px !important; } h5, .h5 { font-size: 9px !important; } h6, .h6 { font-size: 10px !important; } .dashboard h4.bold, .dashboard .h4.bold, .dashboard-card h4, .dashboard-card .metric-value { font-size: 16px !important; } } .header-title { font-size: var(--oa-text-subtitle) !important; font-weight: 600 !important; color: var(--oa-text-main, #0F172A) !important; line-height: 1.4 !important; text-align: left !important; margin-top: 0 !important; margin-bottom: var(--oa-space-sm) !important; padding: 0 !important; } .header-title i, .header-title .fa, .header-title .fas, .header-title .far, .header-title .fal, .header-title .fad, .header-title .fa-duotone, .header-title .fa-light { font-size: var(--oa-text-h2); margin-right: var(--oa-space-sm); color: var(--oa-brand-primary, #005aee) !important; } .card .header-title, .card-body .header-title, h4.header-title, .h4.header-title { text-transform: none !important; font-size: var(--oa-text-h3) !important; } @media (max-width: 991px) { .header-title, .card .header-title, .card-body .header-title, h1.header-title, h2.header-title, h3.header-title, h4.header-title { font-size: 15px !important; } .header-title i, .header-title .fa, .header-title .fas, .header-title .far, .header-title .fal, .header-title .fad, .header-title .fa-duotone, .header-title .fa-light, .card .header-title i, .card .header-title .fa, .card .header-title .fas, .card .header-title .far, .card .header-title .fal, .card .header-title .fad, .card .header-title .fa-duotone, .card .header-title .fa-light, .card-body .header-title i, .card-body .header-title .fa, .card-body .header-title .fas, .card-body .header-title .far, .card-body .header-title .fal, .card-body .header-title .fad, .card-body .header-title .fa-duotone, .card-body .header-title .fa-light, h1.header-title i, h1.header-title .fa, h1.header-title .fas, h1.header-title .far, h1.header-title .fal, h1.header-title .fad, h1.header-title .fa-duotone, h1.header-title .fa-light, h2.header-title i, h2.header-title .fa, h2.header-title .fas, h2.header-title .far, h2.header-title .fal, h2.header-title .fad, h2.header-title .fa-duotone, h2.header-title .fa-light, h3.header-title i, h3.header-title .fa, h3.header-title .fas, h3.header-title .far, h3.header-title .fal, h3.header-title .fad, h3.header-title .fa-duotone, h3.header-title .fa-light, h4.header-title i, h4.header-title .fa, h4.header-title .fas, h4.header-title .far, h4.header-title .fal, h4.header-title .fad, h4.header-title .fa-duotone, h4.header-title .fa-light { font-size: 16px; } } @media (max-width: 767px) { .header-title, .card .header-title, .card-body .header-title, h1.header-title, h2.header-title, h3.header-title, h4.header-title { font-size: 14px !important; } .header-title i, .header-title .fa, .header-title .fas, .header-title .far, .header-title .fal, .header-title .fad, .header-title .fa-duotone, .header-title .fa-light, .card .header-title i, .card .header-title .fa, .card .header-title .fas, .card .header-title .far, .card .header-title .fal, .card .header-title .fad, .card .header-title .fa-duotone, .card .header-title .fa-light, .card-body .header-title i, .card-body .header-title .fa, .card-body .header-title .fas, .card-body .header-title .far, .card-body .header-title .fal, .card-body .header-title .fad, .card-body .header-title .fa-duotone, .card-body .header-title .fa-light, h1.header-title i, h1.header-title .fa, h1.header-title .fas, h1.header-title .far, h1.header-title .fal, h1.header-title .fad, h1.header-title .fa-duotone, h1.header-title .fa-light, h2.header-title i, h2.header-title .fa, h2.header-title .fas, h2.header-title .far, h2.header-title .fal, h2.header-title .fad, h2.header-title .fa-duotone, h2.header-title .fa-light, h3.header-title i, h3.header-title .fa, h3.header-title .fas, h3.header-title .far, h3.header-title .fal, h3.header-title .fad, h3.header-title .fa-duotone, h3.header-title .fa-light, h4.header-title i, h4.header-title .fa, h4.header-title .fas, h4.header-title .far, h4.header-title .fal, h4.header-title .fad, h4.header-title .fa-duotone, h4.header-title .fa-light { font-size: 15px; } } .card > .card-body > h1:first-child, .card > .card-body > h1.header-title, .card > .card-body > h2:first-child, .card > .card-body > h2.header-title, .card > .card-body > h3:first-child, .card > .card-body > h3.header-title, .card > .card-body > h4:first-child, .card > .card-body > h4.header-title, .card > .card-body > .h1:first-child, .card > .card-body > .h1.header-title, .card > .card-body > .h2:first-child, .card > .card-body > .h2.header-title, .card > .card-body > .h3:first-child, .card > .card-body > .h3.header-title, .card > .card-body > .h4:first-child, .card > .card-body > .h4.header-title, .card > .card-header > h1:first-child, .card > .card-header > h1.header-title, .card > .card-header > h2:first-child, .card > .card-header > h2.header-title, .card > .card-header > h3:first-child, .card > .card-header > h3.header-title, .card > .card-header > h4:first-child, .card > .card-header > h4.header-title, .card > .card-header > .h1:first-child, .card > .card-header > .h1.header-title, .card > .card-header > .h2:first-child, .card > .card-header > .h2.header-title, .card > .card-header > .h3:first-child, .card > .card-header > .h3.header-title, .card > .card-header > .h4:first-child, .card > .card-header > .h4.header-title, .card > .widget-body > h1:first-child, .card > .widget-body > h1.header-title, .card > .widget-body > h2:first-child, .card > .widget-body > h2.header-title, .card > .widget-body > h3:first-child, .card > .widget-body > h3.header-title, .card > .widget-body > h4:first-child, .card > .widget-body > h4.header-title, .card > .widget-body > .h1:first-child, .card > .widget-body > .h1.header-title, .card > .widget-body > .h2:first-child, .card > .widget-body > .h2.header-title, .card > .widget-body > .h3:first-child, .card > .widget-body > .h3.header-title, .card > .widget-body > .h4:first-child, .card > .widget-body > .h4.header-title, .card > .panel-body > h1:first-child, .card > .panel-body > h1.header-title, .card > .panel-body > h2:first-child, .card > .panel-body > h2.header-title, .card > .panel-body > h3:first-child, .card > .panel-body > h3.header-title, .card > .panel-body > h4:first-child, .card > .panel-body > h4.header-title, .card > .panel-body > .h1:first-child, .card > .panel-body > .h1.header-title, .card > .panel-body > .h2:first-child, .card > .panel-body > .h2.header-title, .card > .panel-body > .h3:first-child, .card > .panel-body > .h3.header-title, .card > .panel-body > .h4:first-child, .card > .panel-body > .h4.header-title, .jarviswidget > .card-body > h1:first-child, .jarviswidget > .card-body > h1.header-title, .jarviswidget > .card-body > h2:first-child, .jarviswidget > .card-body > h2.header-title, .jarviswidget > .card-body > h3:first-child, .jarviswidget > .card-body > h3.header-title, .jarviswidget > .card-body > h4:first-child, .jarviswidget > .card-body > h4.header-title, .jarviswidget > .card-body > .h1:first-child, .jarviswidget > .card-body > .h1.header-title, .jarviswidget > .card-body > .h2:first-child, .jarviswidget > .card-body > .h2.header-title, .jarviswidget > .card-body > .h3:first-child, .jarviswidget > .card-body > .h3.header-title, .jarviswidget > .card-body > .h4:first-child, .jarviswidget > .card-body > .h4.header-title, .jarviswidget > .card-header > h1:first-child, .jarviswidget > .card-header > h1.header-title, .jarviswidget > .card-header > h2:first-child, .jarviswidget > .card-header > h2.header-title, .jarviswidget > .card-header > h3:first-child, .jarviswidget > .card-header > h3.header-title, .jarviswidget > .card-header > h4:first-child, .jarviswidget > .card-header > h4.header-title, .jarviswidget > .card-header > .h1:first-child, .jarviswidget > .card-header > .h1.header-title, .jarviswidget > .card-header > .h2:first-child, .jarviswidget > .card-header > .h2.header-title, .jarviswidget > .card-header > .h3:first-child, .jarviswidget > .card-header > .h3.header-title, .jarviswidget > .card-header > .h4:first-child, .jarviswidget > .card-header > .h4.header-title, .jarviswidget > .widget-body > h1:first-child, .jarviswidget > .widget-body > h1.header-title, .jarviswidget > .widget-body > h2:first-child, .jarviswidget > .widget-body > h2.header-title, .jarviswidget > .widget-body > h3:first-child, .jarviswidget > .widget-body > h3.header-title, .jarviswidget > .widget-body > h4:first-child, .jarviswidget > .widget-body > h4.header-title, .jarviswidget > .widget-body > .h1:first-child, .jarviswidget > .widget-body > .h1.header-title, .jarviswidget > .widget-body > .h2:first-child, .jarviswidget > .widget-body > .h2.header-title, .jarviswidget > .widget-body > .h3:first-child, .jarviswidget > .widget-body > .h3.header-title, .jarviswidget > .widget-body > .h4:first-child, .jarviswidget > .widget-body > .h4.header-title, .jarviswidget > .panel-body > h1:first-child, .jarviswidget > .panel-body > h1.header-title, .jarviswidget > .panel-body > h2:first-child, .jarviswidget > .panel-body > h2.header-title, .jarviswidget > .panel-body > h3:first-child, .jarviswidget > .panel-body > h3.header-title, .jarviswidget > .panel-body > h4:first-child, .jarviswidget > .panel-body > h4.header-title, .jarviswidget > .panel-body > .h1:first-child, .jarviswidget > .panel-body > .h1.header-title, .jarviswidget > .panel-body > .h2:first-child, .jarviswidget > .panel-body > .h2.header-title, .jarviswidget > .panel-body > .h3:first-child, .jarviswidget > .panel-body > .h3.header-title, .jarviswidget > .panel-body > .h4:first-child, .jarviswidget > .panel-body > .h4.header-title, .panel > .card-body > h1:first-child, .panel > .card-body > h1.header-title, .panel > .card-body > h2:first-child, .panel > .card-body > h2.header-title, .panel > .card-body > h3:first-child, .panel > .card-body > h3.header-title, .panel > .card-body > h4:first-child, .panel > .card-body > h4.header-title, .panel > .card-body > .h1:first-child, .panel > .card-body > .h1.header-title, .panel > .card-body > .h2:first-child, .panel > .card-body > .h2.header-title, .panel > .card-body > .h3:first-child, .panel > .card-body > .h3.header-title, .panel > .card-body > .h4:first-child, .panel > .card-body > .h4.header-title, .panel > .card-header > h1:first-child, .panel > .card-header > h1.header-title, .panel > .card-header > h2:first-child, .panel > .card-header > h2.header-title, .panel > .card-header > h3:first-child, .panel > .card-header > h3.header-title, .panel > .card-header > h4:first-child, .panel > .card-header > h4.header-title, .panel > .card-header > .h1:first-child, .panel > .card-header > .h1.header-title, .panel > .card-header > .h2:first-child, .panel > .card-header > .h2.header-title, .panel > .card-header > .h3:first-child, .panel > .card-header > .h3.header-title, .panel > .card-header > .h4:first-child, .panel > .card-header > .h4.header-title, .panel > .widget-body > h1:first-child, .panel > .widget-body > h1.header-title, .panel > .widget-body > h2:first-child, .panel > .widget-body > h2.header-title, .panel > .widget-body > h3:first-child, .panel > .widget-body > h3.header-title, .panel > .widget-body > h4:first-child, .panel > .widget-body > h4.header-title, .panel > .widget-body > .h1:first-child, .panel > .widget-body > .h1.header-title, .panel > .widget-body > .h2:first-child, .panel > .widget-body > .h2.header-title, .panel > .widget-body > .h3:first-child, .panel > .widget-body > .h3.header-title, .panel > .widget-body > .h4:first-child, .panel > .widget-body > .h4.header-title, .panel > .panel-body > h1:first-child, .panel > .panel-body > h1.header-title, .panel > .panel-body > h2:first-child, .panel > .panel-body > h2.header-title, .panel > .panel-body > h3:first-child, .panel > .panel-body > h3.header-title, .panel > .panel-body > h4:first-child, .panel > .panel-body > h4.header-title, .panel > .panel-body > .h1:first-child, .panel > .panel-body > .h1.header-title, .panel > .panel-body > .h2:first-child, .panel > .panel-body > .h2.header-title, .panel > .panel-body > .h3:first-child, .panel > .panel-body > .h3.header-title, .panel > .panel-body > .h4:first-child, .panel > .panel-body > .h4.header-title { font-size: var(--oa-text-subtitle) !important; font-weight: 600 !important; color: var(--oa-text-main, #0F172A) !important; line-height: 1.4 !important; text-align: left !important; margin-top: 0; margin-bottom: var(--oa-space-sm); } .card > .card-body > h1:first-child i, .card > .card-body > h1:first-child .fa, .card > .card-body > h1:first-child .fas, .card > .card-body > h1:first-child .far, .card > .card-body > h1:first-child .fal, .card > .card-body > h1:first-child .fad, .card > .card-body > h1:first-child .fa-duotone, .card > .card-body > h1:first-child .fa-light, .card > .card-body > h1.header-title i, .card > .card-body > h1.header-title .fa, .card > .card-body > h1.header-title .fas, .card > .card-body > h1.header-title .far, .card > .card-body > h1.header-title .fal, .card > .card-body > h1.header-title .fad, .card > .card-body > h1.header-title .fa-duotone, .card > .card-body > h1.header-title .fa-light, .card > .card-body > h2:first-child i, .card > .card-body > h2:first-child .fa, .card > .card-body > h2:first-child .fas, .card > .card-body > h2:first-child .far, .card > .card-body > h2:first-child .fal, .card > .card-body > h2:first-child .fad, .card > .card-body > h2:first-child .fa-duotone, .card > .card-body > h2:first-child .fa-light, .card > .card-body > h2.header-title i, .card > .card-body > h2.header-title .fa, .card > .card-body > h2.header-title .fas, .card > .card-body > h2.header-title .far, .card > .card-body > h2.header-title .fal, .card > .card-body > h2.header-title .fad, .card > .card-body > h2.header-title .fa-duotone, .card > .card-body > h2.header-title .fa-light, .card > .card-body > h3:first-child i, .card > .card-body > h3:first-child .fa, .card > .card-body > h3:first-child .fas, .card > .card-body > h3:first-child .far, .card > .card-body > h3:first-child .fal, .card > .card-body > h3:first-child .fad, .card > .card-body > h3:first-child .fa-duotone, .card > .card-body > h3:first-child .fa-light, .card > .card-body > h3.header-title i, .card > .card-body > h3.header-title .fa, .card > .card-body > h3.header-title .fas, .card > .card-body > h3.header-title .far, .card > .card-body > h3.header-title .fal, .card > .card-body > h3.header-title .fad, .card > .card-body > h3.header-title .fa-duotone, .card > .card-body > h3.header-title .fa-light, .card > .card-body > h4:first-child i, .card > .card-body > h4:first-child .fa, .card > .card-body > h4:first-child .fas, .card > .card-body > h4:first-child .far, .card > .card-body > h4:first-child .fal, .card > .card-body > h4:first-child .fad, .card > .card-body > h4:first-child .fa-duotone, .card > .card-body > h4:first-child .fa-light, .card > .card-body > h4.header-title i, .card > .card-body > h4.header-title .fa, .card > .card-body > h4.header-title .fas, .card > .card-body > h4.header-title .far, .card > .card-body > h4.header-title .fal, .card > .card-body > h4.header-title .fad, .card > .card-body > h4.header-title .fa-duotone, .card > .card-body > h4.header-title .fa-light, .card > .card-body > .h1:first-child i, .card > .card-body > .h1:first-child .fa, .card > .card-body > .h1:first-child .fas, .card > .card-body > .h1:first-child .far, .card > .card-body > .h1:first-child .fal, .card > .card-body > .h1:first-child .fad, .card > .card-body > .h1:first-child .fa-duotone, .card > .card-body > .h1:first-child .fa-light, .card > .card-body > .h1.header-title i, .card > .card-body > .h1.header-title .fa, .card > .card-body > .h1.header-title .fas, .card > .card-body > .h1.header-title .far, .card > .card-body > .h1.header-title .fal, .card > .card-body > .h1.header-title .fad, .card > .card-body > .h1.header-title .fa-duotone, .card > .card-body > .h1.header-title .fa-light, .card > .card-body > .h2:first-child i, .card > .card-body > .h2:first-child .fa, .card > .card-body > .h2:first-child .fas, .card > .card-body > .h2:first-child .far, .card > .card-body > .h2:first-child .fal, .card > .card-body > .h2:first-child .fad, .card > .card-body > .h2:first-child .fa-duotone, .card > .card-body > .h2:first-child .fa-light, .card > .card-body > .h2.header-title i, .card > .card-body > .h2.header-title .fa, .card > .card-body > .h2.header-title .fas, .card > .card-body > .h2.header-title .far, .card > .card-body > .h2.header-title .fal, .card > .card-body > .h2.header-title .fad, .card > .card-body > .h2.header-title .fa-duotone, .card > .card-body > .h2.header-title .fa-light, .card > .card-body > .h3:first-child i, .card > .card-body > .h3:first-child .fa, .card > .card-body > .h3:first-child .fas, .card > .card-body > .h3:first-child .far, .card > .card-body > .h3:first-child .fal, .card > .card-body > .h3:first-child .fad, .card > .card-body > .h3:first-child .fa-duotone, .card > .card-body > .h3:first-child .fa-light, .card > .card-body > .h3.header-title i, .card > .card-body > .h3.header-title .fa, .card > .card-body > .h3.header-title .fas, .card > .card-body > .h3.header-title .far, .card > .card-body > .h3.header-title .fal, .card > .card-body > .h3.header-title .fad, .card > .card-body > .h3.header-title .fa-duotone, .card > .card-body > .h3.header-title .fa-light, .card > .card-body > .h4:first-child i, .card > .card-body > .h4:first-child .fa, .card > .card-body > .h4:first-child .fas, .card > .card-body > .h4:first-child .far, .card > .card-body > .h4:first-child .fal, .card > .card-body > .h4:first-child .fad, .card > .card-body > .h4:first-child .fa-duotone, .card > .card-body > .h4:first-child .fa-light, .card > .card-body > .h4.header-title i, .card > .card-body > .h4.header-title .fa, .card > .card-body > .h4.header-title .fas, .card > .card-body > .h4.header-title .far, .card > .card-body > .h4.header-title .fal, .card > .card-body > .h4.header-title .fad, .card > .card-body > .h4.header-title .fa-duotone, .card > .card-body > .h4.header-title .fa-light, .card > .card-header > h1:first-child i, .card > .card-header > h1:first-child .fa, .card > .card-header > h1:first-child .fas, .card > .card-header > h1:first-child .far, .card > .card-header > h1:first-child .fal, .card > .card-header > h1:first-child .fad, .card > .card-header > h1:first-child .fa-duotone, .card > .card-header > h1:first-child .fa-light, .card > .card-header > h1.header-title i, .card > .card-header > h1.header-title .fa, .card > .card-header > h1.header-title .fas, .card > .card-header > h1.header-title .far, .card > .card-header > h1.header-title .fal, .card > .card-header > h1.header-title .fad, .card > .card-header > h1.header-title .fa-duotone, .card > .card-header > h1.header-title .fa-light, .card > .card-header > h2:first-child i, .card > .card-header > h2:first-child .fa, .card > .card-header > h2:first-child .fas, .card > .card-header > h2:first-child .far, .card > .card-header > h2:first-child .fal, .card > .card-header > h2:first-child .fad, .card > .card-header > h2:first-child .fa-duotone, .card > .card-header > h2:first-child .fa-light, .card > .card-header > h2.header-title i, .card > .card-header > h2.header-title .fa, .card > .card-header > h2.header-title .fas, .card > .card-header > h2.header-title .far, .card > .card-header > h2.header-title .fal, .card > .card-header > h2.header-title .fad, .card > .card-header > h2.header-title .fa-duotone, .card > .card-header > h2.header-title .fa-light, .card > .card-header > h3:first-child i, .card > .card-header > h3:first-child .fa, .card > .card-header > h3:first-child .fas, .card > .card-header > h3:first-child .far, .card > .card-header > h3:first-child .fal, .card > .card-header > h3:first-child .fad, .card > .card-header > h3:first-child .fa-duotone, .card > .card-header > h3:first-child .fa-light, .card > .card-header > h3.header-title i, .card > .card-header > h3.header-title .fa, .card > .card-header > h3.header-title .fas, .card > .card-header > h3.header-title .far, .card > .card-header > h3.header-title .fal, .card > .card-header > h3.header-title .fad, .card > .card-header > h3.header-title .fa-duotone, .card > .card-header > h3.header-title .fa-light, .card > .card-header > h4:first-child i, .card > .card-header > h4:first-child .fa, .card > .card-header > h4:first-child .fas, .card > .card-header > h4:first-child .far, .card > .card-header > h4:first-child .fal, .card > .card-header > h4:first-child .fad, .card > .card-header > h4:first-child .fa-duotone, .card > .card-header > h4:first-child .fa-light, .card > .card-header > h4.header-title i, .card > .card-header > h4.header-title .fa, .card > .card-header > h4.header-title .fas, .card > .card-header > h4.header-title .far, .card > .card-header > h4.header-title .fal, .card > .card-header > h4.header-title .fad, .card > .card-header > h4.header-title .fa-duotone, .card > .card-header > h4.header-title .fa-light, .card > .card-header > .h1:first-child i, .card > .card-header > .h1:first-child .fa, .card > .card-header > .h1:first-child .fas, .card > .card-header > .h1:first-child .far, .card > .card-header > .h1:first-child .fal, .card > .card-header > .h1:first-child .fad, .card > .card-header > .h1:first-child .fa-duotone, .card > .card-header > .h1:first-child .fa-light, .card > .card-header > .h1.header-title i, .card > .card-header > .h1.header-title .fa, .card > .card-header > .h1.header-title .fas, .card > .card-header > .h1.header-title .far, .card > .card-header > .h1.header-title .fal, .card > .card-header > .h1.header-title .fad, .card > .card-header > .h1.header-title .fa-duotone, .card > .card-header > .h1.header-title .fa-light, .card > .card-header > .h2:first-child i, .card > .card-header > .h2:first-child .fa, .card > .card-header > .h2:first-child .fas, .card > .card-header > .h2:first-child .far, .card > .card-header > .h2:first-child .fal, .card > .card-header > .h2:first-child .fad, .card > .card-header > .h2:first-child .fa-duotone, .card > .card-header > .h2:first-child .fa-light, .card > .card-header > .h2.header-title i, .card > .card-header > .h2.header-title .fa, .card > .card-header > .h2.header-title .fas, .card > .card-header > .h2.header-title .far, .card > .card-header > .h2.header-title .fal, .card > .card-header > .h2.header-title .fad, .card > .card-header > .h2.header-title .fa-duotone, .card > .card-header > .h2.header-title .fa-light, .card > .card-header > .h3:first-child i, .card > .card-header > .h3:first-child .fa, .card > .card-header > .h3:first-child .fas, .card > .card-header > .h3:first-child .far, .card > .card-header > .h3:first-child .fal, .card > .card-header > .h3:first-child .fad, .card > .card-header > .h3:first-child .fa-duotone, .card > .card-header > .h3:first-child .fa-light, .card > .card-header > .h3.header-title i, .card > .card-header > .h3.header-title .fa, .card > .card-header > .h3.header-title .fas, .card > .card-header > .h3.header-title .far, .card > .card-header > .h3.header-title .fal, .card > .card-header > .h3.header-title .fad, .card > .card-header > .h3.header-title .fa-duotone, .card > .card-header > .h3.header-title .fa-light, .card > .card-header > .h4:first-child i, .card > .card-header > .h4:first-child .fa, .card > .card-header > .h4:first-child .fas, .card > .card-header > .h4:first-child .far, .card > .card-header > .h4:first-child .fal, .card > .card-header > .h4:first-child .fad, .card > .card-header > .h4:first-child .fa-duotone, .card > .card-header > .h4:first-child .fa-light, .card > .card-header > .h4.header-title i, .card > .card-header > .h4.header-title .fa, .card > .card-header > .h4.header-title .fas, .card > .card-header > .h4.header-title .far, .card > .card-header > .h4.header-title .fal, .card > .card-header > .h4.header-title .fad, .card > .card-header > .h4.header-title .fa-duotone, .card > .card-header > .h4.header-title .fa-light, .card > .widget-body > h1:first-child i, .card > .widget-body > h1:first-child .fa, .card > .widget-body > h1:first-child .fas, .card > .widget-body > h1:first-child .far, .card > .widget-body > h1:first-child .fal, .card > .widget-body > h1:first-child .fad, .card > .widget-body > h1:first-child .fa-duotone, .card > .widget-body > h1:first-child .fa-light, .card > .widget-body > h1.header-title i, .card > .widget-body > h1.header-title .fa, .card > .widget-body > h1.header-title .fas, .card > .widget-body > h1.header-title .far, .card > .widget-body > h1.header-title .fal, .card > .widget-body > h1.header-title .fad, .card > .widget-body > h1.header-title .fa-duotone, .card > .widget-body > h1.header-title .fa-light, .card > .widget-body > h2:first-child i, .card > .widget-body > h2:first-child .fa, .card > .widget-body > h2:first-child .fas, .card > .widget-body > h2:first-child .far, .card > .widget-body > h2:first-child .fal, .card > .widget-body > h2:first-child .fad, .card > .widget-body > h2:first-child .fa-duotone, .card > .widget-body > h2:first-child .fa-light, .card > .widget-body > h2.header-title i, .card > .widget-body > h2.header-title .fa, .card > .widget-body > h2.header-title .fas, .card > .widget-body > h2.header-title .far, .card > .widget-body > h2.header-title .fal, .card > .widget-body > h2.header-title .fad, .card > .widget-body > h2.header-title .fa-duotone, .card > .widget-body > h2.header-title .fa-light, .card > .widget-body > h3:first-child i, .card > .widget-body > h3:first-child .fa, .card > .widget-body > h3:first-child .fas, .card > .widget-body > h3:first-child .far, .card > .widget-body > h3:first-child .fal, .card > .widget-body > h3:first-child .fad, .card > .widget-body > h3:first-child .fa-duotone, .card > .widget-body > h3:first-child .fa-light, .card > .widget-body > h3.header-title i, .card > .widget-body > h3.header-title .fa, .card > .widget-body > h3.header-title .fas, .card > .widget-body > h3.header-title .far, .card > .widget-body > h3.header-title .fal, .card > .widget-body > h3.header-title .fad, .card > .widget-body > h3.header-title .fa-duotone, .card > .widget-body > h3.header-title .fa-light, .card > .widget-body > h4:first-child i, .card > .widget-body > h4:first-child .fa, .card > .widget-body > h4:first-child .fas, .card > .widget-body > h4:first-child .far, .card > .widget-body > h4:first-child .fal, .card > .widget-body > h4:first-child .fad, .card > .widget-body > h4:first-child .fa-duotone, .card > .widget-body > h4:first-child .fa-light, .card > .widget-body > h4.header-title i, .card > .widget-body > h4.header-title .fa, .card > .widget-body > h4.header-title .fas, .card > .widget-body > h4.header-title .far, .card > .widget-body > h4.header-title .fal, .card > .widget-body > h4.header-title .fad, .card > .widget-body > h4.header-title .fa-duotone, .card > .widget-body > h4.header-title .fa-light, .card > .widget-body > .h1:first-child i, .card > .widget-body > .h1:first-child .fa, .card > .widget-body > .h1:first-child .fas, .card > .widget-body > .h1:first-child .far, .card > .widget-body > .h1:first-child .fal, .card > .widget-body > .h1:first-child .fad, .card > .widget-body > .h1:first-child .fa-duotone, .card > .widget-body > .h1:first-child .fa-light, .card > .widget-body > .h1.header-title i, .card > .widget-body > .h1.header-title .fa, .card > .widget-body > .h1.header-title .fas, .card > .widget-body > .h1.header-title .far, .card > .widget-body > .h1.header-title .fal, .card > .widget-body > .h1.header-title .fad, .card > .widget-body > .h1.header-title .fa-duotone, .card > .widget-body > .h1.header-title .fa-light, .card > .widget-body > .h2:first-child i, .card > .widget-body > .h2:first-child .fa, .card > .widget-body > .h2:first-child .fas, .card > .widget-body > .h2:first-child .far, .card > .widget-body > .h2:first-child .fal, .card > .widget-body > .h2:first-child .fad, .card > .widget-body > .h2:first-child .fa-duotone, .card > .widget-body > .h2:first-child .fa-light, .card > .widget-body > .h2.header-title i, .card > .widget-body > .h2.header-title .fa, .card > .widget-body > .h2.header-title .fas, .card > .widget-body > .h2.header-title .far, .card > .widget-body > .h2.header-title .fal, .card > .widget-body > .h2.header-title .fad, .card > .widget-body > .h2.header-title .fa-duotone, .card > .widget-body > .h2.header-title .fa-light, .card > .widget-body > .h3:first-child i, .card > .widget-body > .h3:first-child .fa, .card > .widget-body > .h3:first-child .fas, .card > .widget-body > .h3:first-child .far, .card > .widget-body > .h3:first-child .fal, .card > .widget-body > .h3:first-child .fad, .card > .widget-body > .h3:first-child .fa-duotone, .card > .widget-body > .h3:first-child .fa-light, .card > .widget-body > .h3.header-title i, .card > .widget-body > .h3.header-title .fa, .card > .widget-body > .h3.header-title .fas, .card > .widget-body > .h3.header-title .far, .card > .widget-body > .h3.header-title .fal, .card > .widget-body > .h3.header-title .fad, .card > .widget-body > .h3.header-title .fa-duotone, .card > .widget-body > .h3.header-title .fa-light, .card > .widget-body > .h4:first-child i, .card > .widget-body > .h4:first-child .fa, .card > .widget-body > .h4:first-child .fas, .card > .widget-body > .h4:first-child .far, .card > .widget-body > .h4:first-child .fal, .card > .widget-body > .h4:first-child .fad, .card > .widget-body > .h4:first-child .fa-duotone, .card > .widget-body > .h4:first-child .fa-light, .card > .widget-body > .h4.header-title i, .card > .widget-body > .h4.header-title .fa, .card > .widget-body > .h4.header-title .fas, .card > .widget-body > .h4.header-title .far, .card > .widget-body > .h4.header-title .fal, .card > .widget-body > .h4.header-title .fad, .card > .widget-body > .h4.header-title .fa-duotone, .card > .widget-body > .h4.header-title .fa-light, .card > .panel-body > h1:first-child i, .card > .panel-body > h1:first-child .fa, .card > .panel-body > h1:first-child .fas, .card > .panel-body > h1:first-child .far, .card > .panel-body > h1:first-child .fal, .card > .panel-body > h1:first-child .fad, .card > .panel-body > h1:first-child .fa-duotone, .card > .panel-body > h1:first-child .fa-light, .card > .panel-body > h1.header-title i, .card > .panel-body > h1.header-title .fa, .card > .panel-body > h1.header-title .fas, .card > .panel-body > h1.header-title .far, .card > .panel-body > h1.header-title .fal, .card > .panel-body > h1.header-title .fad, .card > .panel-body > h1.header-title .fa-duotone, .card > .panel-body > h1.header-title .fa-light, .card > .panel-body > h2:first-child i, .card > .panel-body > h2:first-child .fa, .card > .panel-body > h2:first-child .fas, .card > .panel-body > h2:first-child .far, .card > .panel-body > h2:first-child .fal, .card > .panel-body > h2:first-child .fad, .card > .panel-body > h2:first-child .fa-duotone, .card > .panel-body > h2:first-child .fa-light, .card > .panel-body > h2.header-title i, .card > .panel-body > h2.header-title .fa, .card > .panel-body > h2.header-title .fas, .card > .panel-body > h2.header-title .far, .card > .panel-body > h2.header-title .fal, .card > .panel-body > h2.header-title .fad, .card > .panel-body > h2.header-title .fa-duotone, .card > .panel-body > h2.header-title .fa-light, .card > .panel-body > h3:first-child i, .card > .panel-body > h3:first-child .fa, .card > .panel-body > h3:first-child .fas, .card > .panel-body > h3:first-child .far, .card > .panel-body > h3:first-child .fal, .card > .panel-body > h3:first-child .fad, .card > .panel-body > h3:first-child .fa-duotone, .card > .panel-body > h3:first-child .fa-light, .card > .panel-body > h3.header-title i, .card > .panel-body > h3.header-title .fa, .card > .panel-body > h3.header-title .fas, .card > .panel-body > h3.header-title .far, .card > .panel-body > h3.header-title .fal, .card > .panel-body > h3.header-title .fad, .card > .panel-body > h3.header-title .fa-duotone, .card > .panel-body > h3.header-title .fa-light, .card > .panel-body > h4:first-child i, .card > .panel-body > h4:first-child .fa, .card > .panel-body > h4:first-child .fas, .card > .panel-body > h4:first-child .far, .card > .panel-body > h4:first-child .fal, .card > .panel-body > h4:first-child .fad, .card > .panel-body > h4:first-child .fa-duotone, .card > .panel-body > h4:first-child .fa-light, .card > .panel-body > h4.header-title i, .card > .panel-body > h4.header-title .fa, .card > .panel-body > h4.header-title .fas, .card > .panel-body > h4.header-title .far, .card > .panel-body > h4.header-title .fal, .card > .panel-body > h4.header-title .fad, .card > .panel-body > h4.header-title .fa-duotone, .card > .panel-body > h4.header-title .fa-light, .card > .panel-body > .h1:first-child i, .card > .panel-body > .h1:first-child .fa, .card > .panel-body > .h1:first-child .fas, .card > .panel-body > .h1:first-child .far, .card > .panel-body > .h1:first-child .fal, .card > .panel-body > .h1:first-child .fad, .card > .panel-body > .h1:first-child .fa-duotone, .card > .panel-body > .h1:first-child .fa-light, .card > .panel-body > .h1.header-title i, .card > .panel-body > .h1.header-title .fa, .card > .panel-body > .h1.header-title .fas, .card > .panel-body > .h1.header-title .far, .card > .panel-body > .h1.header-title .fal, .card > .panel-body > .h1.header-title .fad, .card > .panel-body > .h1.header-title .fa-duotone, .card > .panel-body > .h1.header-title .fa-light, .card > .panel-body > .h2:first-child i, .card > .panel-body > .h2:first-child .fa, .card > .panel-body > .h2:first-child .fas, .card > .panel-body > .h2:first-child .far, .card > .panel-body > .h2:first-child .fal, .card > .panel-body > .h2:first-child .fad, .card > .panel-body > .h2:first-child .fa-duotone, .card > .panel-body > .h2:first-child .fa-light, .card > .panel-body > .h2.header-title i, .card > .panel-body > .h2.header-title .fa, .card > .panel-body > .h2.header-title .fas, .card > .panel-body > .h2.header-title .far, .card > .panel-body > .h2.header-title .fal, .card > .panel-body > .h2.header-title .fad, .card > .panel-body > .h2.header-title .fa-duotone, .card > .panel-body > .h2.header-title .fa-light, .card > .panel-body > .h3:first-child i, .card > .panel-body > .h3:first-child .fa, .card > .panel-body > .h3:first-child .fas, .card > .panel-body > .h3:first-child .far, .card > .panel-body > .h3:first-child .fal, .card > .panel-body > .h3:first-child .fad, .card > .panel-body > .h3:first-child .fa-duotone, .card > .panel-body > .h3:first-child .fa-light, .card > .panel-body > .h3.header-title i, .card > .panel-body > .h3.header-title .fa, .card > .panel-body > .h3.header-title .fas, .card > .panel-body > .h3.header-title .far, .card > .panel-body > .h3.header-title .fal, .card > .panel-body > .h3.header-title .fad, .card > .panel-body > .h3.header-title .fa-duotone, .card > .panel-body > .h3.header-title .fa-light, .card > .panel-body > .h4:first-child i, .card > .panel-body > .h4:first-child .fa, .card > .panel-body > .h4:first-child .fas, .card > .panel-body > .h4:first-child .far, .card > .panel-body > .h4:first-child .fal, .card > .panel-body > .h4:first-child .fad, .card > .panel-body > .h4:first-child .fa-duotone, .card > .panel-body > .h4:first-child .fa-light, .card > .panel-body > .h4.header-title i, .card > .panel-body > .h4.header-title .fa, .card > .panel-body > .h4.header-title .fas, .card > .panel-body > .h4.header-title .far, .card > .panel-body > .h4.header-title .fal, .card > .panel-body > .h4.header-title .fad, .card > .panel-body > .h4.header-title .fa-duotone, .card > .panel-body > .h4.header-title .fa-light, .jarviswidget > .card-body > h1:first-child i, .jarviswidget > .card-body > h1:first-child .fa, .jarviswidget > .card-body > h1:first-child .fas, .jarviswidget > .card-body > h1:first-child .far, .jarviswidget > .card-body > h1:first-child .fal, .jarviswidget > .card-body > h1:first-child .fad, .jarviswidget > .card-body > h1:first-child .fa-duotone, .jarviswidget > .card-body > h1:first-child .fa-light, .jarviswidget > .card-body > h1.header-title i, .jarviswidget > .card-body > h1.header-title .fa, .jarviswidget > .card-body > h1.header-title .fas, .jarviswidget > .card-body > h1.header-title .far, .jarviswidget > .card-body > h1.header-title .fal, .jarviswidget > .card-body > h1.header-title .fad, .jarviswidget > .card-body > h1.header-title .fa-duotone, .jarviswidget > .card-body > h1.header-title .fa-light, .jarviswidget > .card-body > h2:first-child i, .jarviswidget > .card-body > h2:first-child .fa, .jarviswidget > .card-body > h2:first-child .fas, .jarviswidget > .card-body > h2:first-child .far, .jarviswidget > .card-body > h2:first-child .fal, .jarviswidget > .card-body > h2:first-child .fad, .jarviswidget > .card-body > h2:first-child .fa-duotone, .jarviswidget > .card-body > h2:first-child .fa-light, .jarviswidget > .card-body > h2.header-title i, .jarviswidget > .card-body > h2.header-title .fa, .jarviswidget > .card-body > h2.header-title .fas, .jarviswidget > .card-body > h2.header-title .far, .jarviswidget > .card-body > h2.header-title .fal, .jarviswidget > .card-body > h2.header-title .fad, .jarviswidget > .card-body > h2.header-title .fa-duotone, .jarviswidget > .card-body > h2.header-title .fa-light, .jarviswidget > .card-body > h3:first-child i, .jarviswidget > .card-body > h3:first-child .fa, .jarviswidget > .card-body > h3:first-child .fas, .jarviswidget > .card-body > h3:first-child .far, .jarviswidget > .card-body > h3:first-child .fal, .jarviswidget > .card-body > h3:first-child .fad, .jarviswidget > .card-body > h3:first-child .fa-duotone, .jarviswidget > .card-body > h3:first-child .fa-light, .jarviswidget > .card-body > h3.header-title i, .jarviswidget > .card-body > h3.header-title .fa, .jarviswidget > .card-body > h3.header-title .fas, .jarviswidget > .card-body > h3.header-title .far, .jarviswidget > .card-body > h3.header-title .fal, .jarviswidget > .card-body > h3.header-title .fad, .jarviswidget > .card-body > h3.header-title .fa-duotone, .jarviswidget > .card-body > h3.header-title .fa-light, .jarviswidget > .card-body > h4:first-child i, .jarviswidget > .card-body > h4:first-child .fa, .jarviswidget > .card-body > h4:first-child .fas, .jarviswidget > .card-body > h4:first-child .far, .jarviswidget > .card-body > h4:first-child .fal, .jarviswidget > .card-body > h4:first-child .fad, .jarviswidget > .card-body > h4:first-child .fa-duotone, .jarviswidget > .card-body > h4:first-child .fa-light, .jarviswidget > .card-body > h4.header-title i, .jarviswidget > .card-body > h4.header-title .fa, .jarviswidget > .card-body > h4.header-title .fas, .jarviswidget > .card-body > h4.header-title .far, .jarviswidget > .card-body > h4.header-title .fal, .jarviswidget > .card-body > h4.header-title .fad, .jarviswidget > .card-body > h4.header-title .fa-duotone, .jarviswidget > .card-body > h4.header-title .fa-light, .jarviswidget > .card-body > .h1:first-child i, .jarviswidget > .card-body > .h1:first-child .fa, .jarviswidget > .card-body > .h1:first-child .fas, .jarviswidget > .card-body > .h1:first-child .far, .jarviswidget > .card-body > .h1:first-child .fal, .jarviswidget > .card-body > .h1:first-child .fad, .jarviswidget > .card-body > .h1:first-child .fa-duotone, .jarviswidget > .card-body > .h1:first-child .fa-light, .jarviswidget > .card-body > .h1.header-title i, .jarviswidget > .card-body > .h1.header-title .fa, .jarviswidget > .card-body > .h1.header-title .fas, .jarviswidget > .card-body > .h1.header-title .far, .jarviswidget > .card-body > .h1.header-title .fal, .jarviswidget > .card-body > .h1.header-title .fad, .jarviswidget > .card-body > .h1.header-title .fa-duotone, .jarviswidget > .card-body > .h1.header-title .fa-light, .jarviswidget > .card-body > .h2:first-child i, .jarviswidget > .card-body > .h2:first-child .fa, .jarviswidget > .card-body > .h2:first-child .fas, .jarviswidget > .card-body > .h2:first-child .far, .jarviswidget > .card-body > .h2:first-child .fal, .jarviswidget > .card-body > .h2:first-child .fad, .jarviswidget > .card-body > .h2:first-child .fa-duotone, .jarviswidget > .card-body > .h2:first-child .fa-light, .jarviswidget > .card-body > .h2.header-title i, .jarviswidget > .card-body > .h2.header-title .fa, .jarviswidget > .card-body > .h2.header-title .fas, .jarviswidget > .card-body > .h2.header-title .far, .jarviswidget > .card-body > .h2.header-title .fal, .jarviswidget > .card-body > .h2.header-title .fad, .jarviswidget > .card-body > .h2.header-title .fa-duotone, .jarviswidget > .card-body > .h2.header-title .fa-light, .jarviswidget > .card-body > .h3:first-child i, .jarviswidget > .card-body > .h3:first-child .fa, .jarviswidget > .card-body > .h3:first-child .fas, .jarviswidget > .card-body > .h3:first-child .far, .jarviswidget > .card-body > .h3:first-child .fal, .jarviswidget > .card-body > .h3:first-child .fad, .jarviswidget > .card-body > .h3:first-child .fa-duotone, .jarviswidget > .card-body > .h3:first-child .fa-light, .jarviswidget > .card-body > .h3.header-title i, .jarviswidget > .card-body > .h3.header-title .fa, .jarviswidget > .card-body > .h3.header-title .fas, .jarviswidget > .card-body > .h3.header-title .far, .jarviswidget > .card-body > .h3.header-title .fal, .jarviswidget > .card-body > .h3.header-title .fad, .jarviswidget > .card-body > .h3.header-title .fa-duotone, .jarviswidget > .card-body > .h3.header-title .fa-light, .jarviswidget > .card-body > .h4:first-child i, .jarviswidget > .card-body > .h4:first-child .fa, .jarviswidget > .card-body > .h4:first-child .fas, .jarviswidget > .card-body > .h4:first-child .far, .jarviswidget > .card-body > .h4:first-child .fal, .jarviswidget > .card-body > .h4:first-child .fad, .jarviswidget > .card-body > .h4:first-child .fa-duotone, .jarviswidget > .card-body > .h4:first-child .fa-light, .jarviswidget > .card-body > .h4.header-title i, .jarviswidget > .card-body > .h4.header-title .fa, .jarviswidget > .card-body > .h4.header-title .fas, .jarviswidget > .card-body > .h4.header-title .far, .jarviswidget > .card-body > .h4.header-title .fal, .jarviswidget > .card-body > .h4.header-title .fad, .jarviswidget > .card-body > .h4.header-title .fa-duotone, .jarviswidget > .card-body > .h4.header-title .fa-light, .jarviswidget > .card-header > h1:first-child i, .jarviswidget > .card-header > h1:first-child .fa, .jarviswidget > .card-header > h1:first-child .fas, .jarviswidget > .card-header > h1:first-child .far, .jarviswidget > .card-header > h1:first-child .fal, .jarviswidget > .card-header > h1:first-child .fad, .jarviswidget > .card-header > h1:first-child .fa-duotone, .jarviswidget > .card-header > h1:first-child .fa-light, .jarviswidget > .card-header > h1.header-title i, .jarviswidget > .card-header > h1.header-title .fa, .jarviswidget > .card-header > h1.header-title .fas, .jarviswidget > .card-header > h1.header-title .far, .jarviswidget > .card-header > h1.header-title .fal, .jarviswidget > .card-header > h1.header-title .fad, .jarviswidget > .card-header > h1.header-title .fa-duotone, .jarviswidget > .card-header > h1.header-title .fa-light, .jarviswidget > .card-header > h2:first-child i, .jarviswidget > .card-header > h2:first-child .fa, .jarviswidget > .card-header > h2:first-child .fas, .jarviswidget > .card-header > h2:first-child .far, .jarviswidget > .card-header > h2:first-child .fal, .jarviswidget > .card-header > h2:first-child .fad, .jarviswidget > .card-header > h2:first-child .fa-duotone, .jarviswidget > .card-header > h2:first-child .fa-light, .jarviswidget > .card-header > h2.header-title i, .jarviswidget > .card-header > h2.header-title .fa, .jarviswidget > .card-header > h2.header-title .fas, .jarviswidget > .card-header > h2.header-title .far, .jarviswidget > .card-header > h2.header-title .fal, .jarviswidget > .card-header > h2.header-title .fad, .jarviswidget > .card-header > h2.header-title .fa-duotone, .jarviswidget > .card-header > h2.header-title .fa-light, .jarviswidget > .card-header > h3:first-child i, .jarviswidget > .card-header > h3:first-child .fa, .jarviswidget > .card-header > h3:first-child .fas, .jarviswidget > .card-header > h3:first-child .far, .jarviswidget > .card-header > h3:first-child .fal, .jarviswidget > .card-header > h3:first-child .fad, .jarviswidget > .card-header > h3:first-child .fa-duotone, .jarviswidget > .card-header > h3:first-child .fa-light, .jarviswidget > .card-header > h3.header-title i, .jarviswidget > .card-header > h3.header-title .fa, .jarviswidget > .card-header > h3.header-title .fas, .jarviswidget > .card-header > h3.header-title .far, .jarviswidget > .card-header > h3.header-title .fal, .jarviswidget > .card-header > h3.header-title .fad, .jarviswidget > .card-header > h3.header-title .fa-duotone, .jarviswidget > .card-header > h3.header-title .fa-light, .jarviswidget > .card-header > h4:first-child i, .jarviswidget > .card-header > h4:first-child .fa, .jarviswidget > .card-header > h4:first-child .fas, .jarviswidget > .card-header > h4:first-child .far, .jarviswidget > .card-header > h4:first-child .fal, .jarviswidget > .card-header > h4:first-child .fad, .jarviswidget > .card-header > h4:first-child .fa-duotone, .jarviswidget > .card-header > h4:first-child .fa-light, .jarviswidget > .card-header > h4.header-title i, .jarviswidget > .card-header > h4.header-title .fa, .jarviswidget > .card-header > h4.header-title .fas, .jarviswidget > .card-header > h4.header-title .far, .jarviswidget > .card-header > h4.header-title .fal, .jarviswidget > .card-header > h4.header-title .fad, .jarviswidget > .card-header > h4.header-title .fa-duotone, .jarviswidget > .card-header > h4.header-title .fa-light, .jarviswidget > .card-header > .h1:first-child i, .jarviswidget > .card-header > .h1:first-child .fa, .jarviswidget > .card-header > .h1:first-child .fas, .jarviswidget > .card-header > .h1:first-child .far, .jarviswidget > .card-header > .h1:first-child .fal, .jarviswidget > .card-header > .h1:first-child .fad, .jarviswidget > .card-header > .h1:first-child .fa-duotone, .jarviswidget > .card-header > .h1:first-child .fa-light, .jarviswidget > .card-header > .h1.header-title i, .jarviswidget > .card-header > .h1.header-title .fa, .jarviswidget > .card-header > .h1.header-title .fas, .jarviswidget > .card-header > .h1.header-title .far, .jarviswidget > .card-header > .h1.header-title .fal, .jarviswidget > .card-header > .h1.header-title .fad, .jarviswidget > .card-header > .h1.header-title .fa-duotone, .jarviswidget > .card-header > .h1.header-title .fa-light, .jarviswidget > .card-header > .h2:first-child i, .jarviswidget > .card-header > .h2:first-child .fa, .jarviswidget > .card-header > .h2:first-child .fas, .jarviswidget > .card-header > .h2:first-child .far, .jarviswidget > .card-header > .h2:first-child .fal, .jarviswidget > .card-header > .h2:first-child .fad, .jarviswidget > .card-header > .h2:first-child .fa-duotone, .jarviswidget > .card-header > .h2:first-child .fa-light, .jarviswidget > .card-header > .h2.header-title i, .jarviswidget > .card-header > .h2.header-title .fa, .jarviswidget > .card-header > .h2.header-title .fas, .jarviswidget > .card-header > .h2.header-title .far, .jarviswidget > .card-header > .h2.header-title .fal, .jarviswidget > .card-header > .h2.header-title .fad, .jarviswidget > .card-header > .h2.header-title .fa-duotone, .jarviswidget > .card-header > .h2.header-title .fa-light, .jarviswidget > .card-header > .h3:first-child i, .jarviswidget > .card-header > .h3:first-child .fa, .jarviswidget > .card-header > .h3:first-child .fas, .jarviswidget > .card-header > .h3:first-child .far, .jarviswidget > .card-header > .h3:first-child .fal, .jarviswidget > .card-header > .h3:first-child .fad, .jarviswidget > .card-header > .h3:first-child .fa-duotone, .jarviswidget > .card-header > .h3:first-child .fa-light, .jarviswidget > .card-header > .h3.header-title i, .jarviswidget > .card-header > .h3.header-title .fa, .jarviswidget > .card-header > .h3.header-title .fas, .jarviswidget > .card-header > .h3.header-title .far, .jarviswidget > .card-header > .h3.header-title .fal, .jarviswidget > .card-header > .h3.header-title .fad, .jarviswidget > .card-header > .h3.header-title .fa-duotone, .jarviswidget > .card-header > .h3.header-title .fa-light, .jarviswidget > .card-header > .h4:first-child i, .jarviswidget > .card-header > .h4:first-child .fa, .jarviswidget > .card-header > .h4:first-child .fas, .jarviswidget > .card-header > .h4:first-child .far, .jarviswidget > .card-header > .h4:first-child .fal, .jarviswidget > .card-header > .h4:first-child .fad, .jarviswidget > .card-header > .h4:first-child .fa-duotone, .jarviswidget > .card-header > .h4:first-child .fa-light, .jarviswidget > .card-header > .h4.header-title i, .jarviswidget > .card-header > .h4.header-title .fa, .jarviswidget > .card-header > .h4.header-title .fas, .jarviswidget > .card-header > .h4.header-title .far, .jarviswidget > .card-header > .h4.header-title .fal, .jarviswidget > .card-header > .h4.header-title .fad, .jarviswidget > .card-header > .h4.header-title .fa-duotone, .jarviswidget > .card-header > .h4.header-title .fa-light, .jarviswidget > .widget-body > h1:first-child i, .jarviswidget > .widget-body > h1:first-child .fa, .jarviswidget > .widget-body > h1:first-child .fas, .jarviswidget > .widget-body > h1:first-child .far, .jarviswidget > .widget-body > h1:first-child .fal, .jarviswidget > .widget-body > h1:first-child .fad, .jarviswidget > .widget-body > h1:first-child .fa-duotone, .jarviswidget > .widget-body > h1:first-child .fa-light, .jarviswidget > .widget-body > h1.header-title i, .jarviswidget > .widget-body > h1.header-title .fa, .jarviswidget > .widget-body > h1.header-title .fas, .jarviswidget > .widget-body > h1.header-title .far, .jarviswidget > .widget-body > h1.header-title .fal, .jarviswidget > .widget-body > h1.header-title .fad, .jarviswidget > .widget-body > h1.header-title .fa-duotone, .jarviswidget > .widget-body > h1.header-title .fa-light, .jarviswidget > .widget-body > h2:first-child i, .jarviswidget > .widget-body > h2:first-child .fa, .jarviswidget > .widget-body > h2:first-child .fas, .jarviswidget > .widget-body > h2:first-child .far, .jarviswidget > .widget-body > h2:first-child .fal, .jarviswidget > .widget-body > h2:first-child .fad, .jarviswidget > .widget-body > h2:first-child .fa-duotone, .jarviswidget > .widget-body > h2:first-child .fa-light, .jarviswidget > .widget-body > h2.header-title i, .jarviswidget > .widget-body > h2.header-title .fa, .jarviswidget > .widget-body > h2.header-title .fas, .jarviswidget > .widget-body > h2.header-title .far, .jarviswidget > .widget-body > h2.header-title .fal, .jarviswidget > .widget-body > h2.header-title .fad, .jarviswidget > .widget-body > h2.header-title .fa-duotone, .jarviswidget > .widget-body > h2.header-title .fa-light, .jarviswidget > .widget-body > h3:first-child i, .jarviswidget > .widget-body > h3:first-child .fa, .jarviswidget > .widget-body > h3:first-child .fas, .jarviswidget > .widget-body > h3:first-child .far, .jarviswidget > .widget-body > h3:first-child .fal, .jarviswidget > .widget-body > h3:first-child .fad, .jarviswidget > .widget-body > h3:first-child .fa-duotone, .jarviswidget > .widget-body > h3:first-child .fa-light, .jarviswidget > .widget-body > h3.header-title i, .jarviswidget > .widget-body > h3.header-title .fa, .jarviswidget > .widget-body > h3.header-title .fas, .jarviswidget > .widget-body > h3.header-title .far, .jarviswidget > .widget-body > h3.header-title .fal, .jarviswidget > .widget-body > h3.header-title .fad, .jarviswidget > .widget-body > h3.header-title .fa-duotone, .jarviswidget > .widget-body > h3.header-title .fa-light, .jarviswidget > .widget-body > h4:first-child i, .jarviswidget > .widget-body > h4:first-child .fa, .jarviswidget > .widget-body > h4:first-child .fas, .jarviswidget > .widget-body > h4:first-child .far, .jarviswidget > .widget-body > h4:first-child .fal, .jarviswidget > .widget-body > h4:first-child .fad, .jarviswidget > .widget-body > h4:first-child .fa-duotone, .jarviswidget > .widget-body > h4:first-child .fa-light, .jarviswidget > .widget-body > h4.header-title i, .jarviswidget > .widget-body > h4.header-title .fa, .jarviswidget > .widget-body > h4.header-title .fas, .jarviswidget > .widget-body > h4.header-title .far, .jarviswidget > .widget-body > h4.header-title .fal, .jarviswidget > .widget-body > h4.header-title .fad, .jarviswidget > .widget-body > h4.header-title .fa-duotone, .jarviswidget > .widget-body > h4.header-title .fa-light, .jarviswidget > .widget-body > .h1:first-child i, .jarviswidget > .widget-body > .h1:first-child .fa, .jarviswidget > .widget-body > .h1:first-child .fas, .jarviswidget > .widget-body > .h1:first-child .far, .jarviswidget > .widget-body > .h1:first-child .fal, .jarviswidget > .widget-body > .h1:first-child .fad, .jarviswidget > .widget-body > .h1:first-child .fa-duotone, .jarviswidget > .widget-body > .h1:first-child .fa-light, .jarviswidget > .widget-body > .h1.header-title i, .jarviswidget > .widget-body > .h1.header-title .fa, .jarviswidget > .widget-body > .h1.header-title .fas, .jarviswidget > .widget-body > .h1.header-title .far, .jarviswidget > .widget-body > .h1.header-title .fal, .jarviswidget > .widget-body > .h1.header-title .fad, .jarviswidget > .widget-body > .h1.header-title .fa-duotone, .jarviswidget > .widget-body > .h1.header-title .fa-light, .jarviswidget > .widget-body > .h2:first-child i, .jarviswidget > .widget-body > .h2:first-child .fa, .jarviswidget > .widget-body > .h2:first-child .fas, .jarviswidget > .widget-body > .h2:first-child .far, .jarviswidget > .widget-body > .h2:first-child .fal, .jarviswidget > .widget-body > .h2:first-child .fad, .jarviswidget > .widget-body > .h2:first-child .fa-duotone, .jarviswidget > .widget-body > .h2:first-child .fa-light, .jarviswidget > .widget-body > .h2.header-title i, .jarviswidget > .widget-body > .h2.header-title .fa, .jarviswidget > .widget-body > .h2.header-title .fas, .jarviswidget > .widget-body > .h2.header-title .far, .jarviswidget > .widget-body > .h2.header-title .fal, .jarviswidget > .widget-body > .h2.header-title .fad, .jarviswidget > .widget-body > .h2.header-title .fa-duotone, .jarviswidget > .widget-body > .h2.header-title .fa-light, .jarviswidget > .widget-body > .h3:first-child i, .jarviswidget > .widget-body > .h3:first-child .fa, .jarviswidget > .widget-body > .h3:first-child .fas, .jarviswidget > .widget-body > .h3:first-child .far, .jarviswidget > .widget-body > .h3:first-child .fal, .jarviswidget > .widget-body > .h3:first-child .fad, .jarviswidget > .widget-body > .h3:first-child .fa-duotone, .jarviswidget > .widget-body > .h3:first-child .fa-light, .jarviswidget > .widget-body > .h3.header-title i, .jarviswidget > .widget-body > .h3.header-title .fa, .jarviswidget > .widget-body > .h3.header-title .fas, .jarviswidget > .widget-body > .h3.header-title .far, .jarviswidget > .widget-body > .h3.header-title .fal, .jarviswidget > .widget-body > .h3.header-title .fad, .jarviswidget > .widget-body > .h3.header-title .fa-duotone, .jarviswidget > .widget-body > .h3.header-title .fa-light, .jarviswidget > .widget-body > .h4:first-child i, .jarviswidget > .widget-body > .h4:first-child .fa, .jarviswidget > .widget-body > .h4:first-child .fas, .jarviswidget > .widget-body > .h4:first-child .far, .jarviswidget > .widget-body > .h4:first-child .fal, .jarviswidget > .widget-body > .h4:first-child .fad, .jarviswidget > .widget-body > .h4:first-child .fa-duotone, .jarviswidget > .widget-body > .h4:first-child .fa-light, .jarviswidget > .widget-body > .h4.header-title i, .jarviswidget > .widget-body > .h4.header-title .fa, .jarviswidget > .widget-body > .h4.header-title .fas, .jarviswidget > .widget-body > .h4.header-title .far, .jarviswidget > .widget-body > .h4.header-title .fal, .jarviswidget > .widget-body > .h4.header-title .fad, .jarviswidget > .widget-body > .h4.header-title .fa-duotone, .jarviswidget > .widget-body > .h4.header-title .fa-light, .jarviswidget > .panel-body > h1:first-child i, .jarviswidget > .panel-body > h1:first-child .fa, .jarviswidget > .panel-body > h1:first-child .fas, .jarviswidget > .panel-body > h1:first-child .far, .jarviswidget > .panel-body > h1:first-child .fal, .jarviswidget > .panel-body > h1:first-child .fad, .jarviswidget > .panel-body > h1:first-child .fa-duotone, .jarviswidget > .panel-body > h1:first-child .fa-light, .jarviswidget > .panel-body > h1.header-title i, .jarviswidget > .panel-body > h1.header-title .fa, .jarviswidget > .panel-body > h1.header-title .fas, .jarviswidget > .panel-body > h1.header-title .far, .jarviswidget > .panel-body > h1.header-title .fal, .jarviswidget > .panel-body > h1.header-title .fad, .jarviswidget > .panel-body > h1.header-title .fa-duotone, .jarviswidget > .panel-body > h1.header-title .fa-light, .jarviswidget > .panel-body > h2:first-child i, .jarviswidget > .panel-body > h2:first-child .fa, .jarviswidget > .panel-body > h2:first-child .fas, .jarviswidget > .panel-body > h2:first-child .far, .jarviswidget > .panel-body > h2:first-child .fal, .jarviswidget > .panel-body > h2:first-child .fad, .jarviswidget > .panel-body > h2:first-child .fa-duotone, .jarviswidget > .panel-body > h2:first-child .fa-light, .jarviswidget > .panel-body > h2.header-title i, .jarviswidget > .panel-body > h2.header-title .fa, .jarviswidget > .panel-body > h2.header-title .fas, .jarviswidget > .panel-body > h2.header-title .far, .jarviswidget > .panel-body > h2.header-title .fal, .jarviswidget > .panel-body > h2.header-title .fad, .jarviswidget > .panel-body > h2.header-title .fa-duotone, .jarviswidget > .panel-body > h2.header-title .fa-light, .jarviswidget > .panel-body > h3:first-child i, .jarviswidget > .panel-body > h3:first-child .fa, .jarviswidget > .panel-body > h3:first-child .fas, .jarviswidget > .panel-body > h3:first-child .far, .jarviswidget > .panel-body > h3:first-child .fal, .jarviswidget > .panel-body > h3:first-child .fad, .jarviswidget > .panel-body > h3:first-child .fa-duotone, .jarviswidget > .panel-body > h3:first-child .fa-light, .jarviswidget > .panel-body > h3.header-title i, .jarviswidget > .panel-body > h3.header-title .fa, .jarviswidget > .panel-body > h3.header-title .fas, .jarviswidget > .panel-body > h3.header-title .far, .jarviswidget > .panel-body > h3.header-title .fal, .jarviswidget > .panel-body > h3.header-title .fad, .jarviswidget > .panel-body > h3.header-title .fa-duotone, .jarviswidget > .panel-body > h3.header-title .fa-light, .jarviswidget > .panel-body > h4:first-child i, .jarviswidget > .panel-body > h4:first-child .fa, .jarviswidget > .panel-body > h4:first-child .fas, .jarviswidget > .panel-body > h4:first-child .far, .jarviswidget > .panel-body > h4:first-child .fal, .jarviswidget > .panel-body > h4:first-child .fad, .jarviswidget > .panel-body > h4:first-child .fa-duotone, .jarviswidget > .panel-body > h4:first-child .fa-light, .jarviswidget > .panel-body > h4.header-title i, .jarviswidget > .panel-body > h4.header-title .fa, .jarviswidget > .panel-body > h4.header-title .fas, .jarviswidget > .panel-body > h4.header-title .far, .jarviswidget > .panel-body > h4.header-title .fal, .jarviswidget > .panel-body > h4.header-title .fad, .jarviswidget > .panel-body > h4.header-title .fa-duotone, .jarviswidget > .panel-body > h4.header-title .fa-light, .jarviswidget > .panel-body > .h1:first-child i, .jarviswidget > .panel-body > .h1:first-child .fa, .jarviswidget > .panel-body > .h1:first-child .fas, .jarviswidget > .panel-body > .h1:first-child .far, .jarviswidget > .panel-body > .h1:first-child .fal, .jarviswidget > .panel-body > .h1:first-child .fad, .jarviswidget > .panel-body > .h1:first-child .fa-duotone, .jarviswidget > .panel-body > .h1:first-child .fa-light, .jarviswidget > .panel-body > .h1.header-title i, .jarviswidget > .panel-body > .h1.header-title .fa, .jarviswidget > .panel-body > .h1.header-title .fas, .jarviswidget > .panel-body > .h1.header-title .far, .jarviswidget > .panel-body > .h1.header-title .fal, .jarviswidget > .panel-body > .h1.header-title .fad, .jarviswidget > .panel-body > .h1.header-title .fa-duotone, .jarviswidget > .panel-body > .h1.header-title .fa-light, .jarviswidget > .panel-body > .h2:first-child i, .jarviswidget > .panel-body > .h2:first-child .fa, .jarviswidget > .panel-body > .h2:first-child .fas, .jarviswidget > .panel-body > .h2:first-child .far, .jarviswidget > .panel-body > .h2:first-child .fal, .jarviswidget > .panel-body > .h2:first-child .fad, .jarviswidget > .panel-body > .h2:first-child .fa-duotone, .jarviswidget > .panel-body > .h2:first-child .fa-light, .jarviswidget > .panel-body > .h2.header-title i, .jarviswidget > .panel-body > .h2.header-title .fa, .jarviswidget > .panel-body > .h2.header-title .fas, .jarviswidget > .panel-body > .h2.header-title .far, .jarviswidget > .panel-body > .h2.header-title .fal, .jarviswidget > .panel-body > .h2.header-title .fad, .jarviswidget > .panel-body > .h2.header-title .fa-duotone, .jarviswidget > .panel-body > .h2.header-title .fa-light, .jarviswidget > .panel-body > .h3:first-child i, .jarviswidget > .panel-body > .h3:first-child .fa, .jarviswidget > .panel-body > .h3:first-child .fas, .jarviswidget > .panel-body > .h3:first-child .far, .jarviswidget > .panel-body > .h3:first-child .fal, .jarviswidget > .panel-body > .h3:first-child .fad, .jarviswidget > .panel-body > .h3:first-child .fa-duotone, .jarviswidget > .panel-body > .h3:first-child .fa-light, .jarviswidget > .panel-body > .h3.header-title i, .jarviswidget > .panel-body > .h3.header-title .fa, .jarviswidget > .panel-body > .h3.header-title .fas, .jarviswidget > .panel-body > .h3.header-title .far, .jarviswidget > .panel-body > .h3.header-title .fal, .jarviswidget > .panel-body > .h3.header-title .fad, .jarviswidget > .panel-body > .h3.header-title .fa-duotone, .jarviswidget > .panel-body > .h3.header-title .fa-light, .jarviswidget > .panel-body > .h4:first-child i, .jarviswidget > .panel-body > .h4:first-child .fa, .jarviswidget > .panel-body > .h4:first-child .fas, .jarviswidget > .panel-body > .h4:first-child .far, .jarviswidget > .panel-body > .h4:first-child .fal, .jarviswidget > .panel-body > .h4:first-child .fad, .jarviswidget > .panel-body > .h4:first-child .fa-duotone, .jarviswidget > .panel-body > .h4:first-child .fa-light, .jarviswidget > .panel-body > .h4.header-title i, .jarviswidget > .panel-body > .h4.header-title .fa, .jarviswidget > .panel-body > .h4.header-title .fas, .jarviswidget > .panel-body > .h4.header-title .far, .jarviswidget > .panel-body > .h4.header-title .fal, .jarviswidget > .panel-body > .h4.header-title .fad, .jarviswidget > .panel-body > .h4.header-title .fa-duotone, .jarviswidget > .panel-body > .h4.header-title .fa-light, .panel > .card-body > h1:first-child i, .panel > .card-body > h1:first-child .fa, .panel > .card-body > h1:first-child .fas, .panel > .card-body > h1:first-child .far, .panel > .card-body > h1:first-child .fal, .panel > .card-body > h1:first-child .fad, .panel > .card-body > h1:first-child .fa-duotone, .panel > .card-body > h1:first-child .fa-light, .panel > .card-body > h1.header-title i, .panel > .card-body > h1.header-title .fa, .panel > .card-body > h1.header-title .fas, .panel > .card-body > h1.header-title .far, .panel > .card-body > h1.header-title .fal, .panel > .card-body > h1.header-title .fad, .panel > .card-body > h1.header-title .fa-duotone, .panel > .card-body > h1.header-title .fa-light, .panel > .card-body > h2:first-child i, .panel > .card-body > h2:first-child .fa, .panel > .card-body > h2:first-child .fas, .panel > .card-body > h2:first-child .far, .panel > .card-body > h2:first-child .fal, .panel > .card-body > h2:first-child .fad, .panel > .card-body > h2:first-child .fa-duotone, .panel > .card-body > h2:first-child .fa-light, .panel > .card-body > h2.header-title i, .panel > .card-body > h2.header-title .fa, .panel > .card-body > h2.header-title .fas, .panel > .card-body > h2.header-title .far, .panel > .card-body > h2.header-title .fal, .panel > .card-body > h2.header-title .fad, .panel > .card-body > h2.header-title .fa-duotone, .panel > .card-body > h2.header-title .fa-light, .panel > .card-body > h3:first-child i, .panel > .card-body > h3:first-child .fa, .panel > .card-body > h3:first-child .fas, .panel > .card-body > h3:first-child .far, .panel > .card-body > h3:first-child .fal, .panel > .card-body > h3:first-child .fad, .panel > .card-body > h3:first-child .fa-duotone, .panel > .card-body > h3:first-child .fa-light, .panel > .card-body > h3.header-title i, .panel > .card-body > h3.header-title .fa, .panel > .card-body > h3.header-title .fas, .panel > .card-body > h3.header-title .far, .panel > .card-body > h3.header-title .fal, .panel > .card-body > h3.header-title .fad, .panel > .card-body > h3.header-title .fa-duotone, .panel > .card-body > h3.header-title .fa-light, .panel > .card-body > h4:first-child i, .panel > .card-body > h4:first-child .fa, .panel > .card-body > h4:first-child .fas, .panel > .card-body > h4:first-child .far, .panel > .card-body > h4:first-child .fal, .panel > .card-body > h4:first-child .fad, .panel > .card-body > h4:first-child .fa-duotone, .panel > .card-body > h4:first-child .fa-light, .panel > .card-body > h4.header-title i, .panel > .card-body > h4.header-title .fa, .panel > .card-body > h4.header-title .fas, .panel > .card-body > h4.header-title .far, .panel > .card-body > h4.header-title .fal, .panel > .card-body > h4.header-title .fad, .panel > .card-body > h4.header-title .fa-duotone, .panel > .card-body > h4.header-title .fa-light, .panel > .card-body > .h1:first-child i, .panel > .card-body > .h1:first-child .fa, .panel > .card-body > .h1:first-child .fas, .panel > .card-body > .h1:first-child .far, .panel > .card-body > .h1:first-child .fal, .panel > .card-body > .h1:first-child .fad, .panel > .card-body > .h1:first-child .fa-duotone, .panel > .card-body > .h1:first-child .fa-light, .panel > .card-body > .h1.header-title i, .panel > .card-body > .h1.header-title .fa, .panel > .card-body > .h1.header-title .fas, .panel > .card-body > .h1.header-title .far, .panel > .card-body > .h1.header-title .fal, .panel > .card-body > .h1.header-title .fad, .panel > .card-body > .h1.header-title .fa-duotone, .panel > .card-body > .h1.header-title .fa-light, .panel > .card-body > .h2:first-child i, .panel > .card-body > .h2:first-child .fa, .panel > .card-body > .h2:first-child .fas, .panel > .card-body > .h2:first-child .far, .panel > .card-body > .h2:first-child .fal, .panel > .card-body > .h2:first-child .fad, .panel > .card-body > .h2:first-child .fa-duotone, .panel > .card-body > .h2:first-child .fa-light, .panel > .card-body > .h2.header-title i, .panel > .card-body > .h2.header-title .fa, .panel > .card-body > .h2.header-title .fas, .panel > .card-body > .h2.header-title .far, .panel > .card-body > .h2.header-title .fal, .panel > .card-body > .h2.header-title .fad, .panel > .card-body > .h2.header-title .fa-duotone, .panel > .card-body > .h2.header-title .fa-light, .panel > .card-body > .h3:first-child i, .panel > .card-body > .h3:first-child .fa, .panel > .card-body > .h3:first-child .fas, .panel > .card-body > .h3:first-child .far, .panel > .card-body > .h3:first-child .fal, .panel > .card-body > .h3:first-child .fad, .panel > .card-body > .h3:first-child .fa-duotone, .panel > .card-body > .h3:first-child .fa-light, .panel > .card-body > .h3.header-title i, .panel > .card-body > .h3.header-title .fa, .panel > .card-body > .h3.header-title .fas, .panel > .card-body > .h3.header-title .far, .panel > .card-body > .h3.header-title .fal, .panel > .card-body > .h3.header-title .fad, .panel > .card-body > .h3.header-title .fa-duotone, .panel > .card-body > .h3.header-title .fa-light, .panel > .card-body > .h4:first-child i, .panel > .card-body > .h4:first-child .fa, .panel > .card-body > .h4:first-child .fas, .panel > .card-body > .h4:first-child .far, .panel > .card-body > .h4:first-child .fal, .panel > .card-body > .h4:first-child .fad, .panel > .card-body > .h4:first-child .fa-duotone, .panel > .card-body > .h4:first-child .fa-light, .panel > .card-body > .h4.header-title i, .panel > .card-body > .h4.header-title .fa, .panel > .card-body > .h4.header-title .fas, .panel > .card-body > .h4.header-title .far, .panel > .card-body > .h4.header-title .fal, .panel > .card-body > .h4.header-title .fad, .panel > .card-body > .h4.header-title .fa-duotone, .panel > .card-body > .h4.header-title .fa-light, .panel > .card-header > h1:first-child i, .panel > .card-header > h1:first-child .fa, .panel > .card-header > h1:first-child .fas, .panel > .card-header > h1:first-child .far, .panel > .card-header > h1:first-child .fal, .panel > .card-header > h1:first-child .fad, .panel > .card-header > h1:first-child .fa-duotone, .panel > .card-header > h1:first-child .fa-light, .panel > .card-header > h1.header-title i, .panel > .card-header > h1.header-title .fa, .panel > .card-header > h1.header-title .fas, .panel > .card-header > h1.header-title .far, .panel > .card-header > h1.header-title .fal, .panel > .card-header > h1.header-title .fad, .panel > .card-header > h1.header-title .fa-duotone, .panel > .card-header > h1.header-title .fa-light, .panel > .card-header > h2:first-child i, .panel > .card-header > h2:first-child .fa, .panel > .card-header > h2:first-child .fas, .panel > .card-header > h2:first-child .far, .panel > .card-header > h2:first-child .fal, .panel > .card-header > h2:first-child .fad, .panel > .card-header > h2:first-child .fa-duotone, .panel > .card-header > h2:first-child .fa-light, .panel > .card-header > h2.header-title i, .panel > .card-header > h2.header-title .fa, .panel > .card-header > h2.header-title .fas, .panel > .card-header > h2.header-title .far, .panel > .card-header > h2.header-title .fal, .panel > .card-header > h2.header-title .fad, .panel > .card-header > h2.header-title .fa-duotone, .panel > .card-header > h2.header-title .fa-light, .panel > .card-header > h3:first-child i, .panel > .card-header > h3:first-child .fa, .panel > .card-header > h3:first-child .fas, .panel > .card-header > h3:first-child .far, .panel > .card-header > h3:first-child .fal, .panel > .card-header > h3:first-child .fad, .panel > .card-header > h3:first-child .fa-duotone, .panel > .card-header > h3:first-child .fa-light, .panel > .card-header > h3.header-title i, .panel > .card-header > h3.header-title .fa, .panel > .card-header > h3.header-title .fas, .panel > .card-header > h3.header-title .far, .panel > .card-header > h3.header-title .fal, .panel > .card-header > h3.header-title .fad, .panel > .card-header > h3.header-title .fa-duotone, .panel > .card-header > h3.header-title .fa-light, .panel > .card-header > h4:first-child i, .panel > .card-header > h4:first-child .fa, .panel > .card-header > h4:first-child .fas, .panel > .card-header > h4:first-child .far, .panel > .card-header > h4:first-child .fal, .panel > .card-header > h4:first-child .fad, .panel > .card-header > h4:first-child .fa-duotone, .panel > .card-header > h4:first-child .fa-light, .panel > .card-header > h4.header-title i, .panel > .card-header > h4.header-title .fa, .panel > .card-header > h4.header-title .fas, .panel > .card-header > h4.header-title .far, .panel > .card-header > h4.header-title .fal, .panel > .card-header > h4.header-title .fad, .panel > .card-header > h4.header-title .fa-duotone, .panel > .card-header > h4.header-title .fa-light, .panel > .card-header > .h1:first-child i, .panel > .card-header > .h1:first-child .fa, .panel > .card-header > .h1:first-child .fas, .panel > .card-header > .h1:first-child .far, .panel > .card-header > .h1:first-child .fal, .panel > .card-header > .h1:first-child .fad, .panel > .card-header > .h1:first-child .fa-duotone, .panel > .card-header > .h1:first-child .fa-light, .panel > .card-header > .h1.header-title i, .panel > .card-header > .h1.header-title .fa, .panel > .card-header > .h1.header-title .fas, .panel > .card-header > .h1.header-title .far, .panel > .card-header > .h1.header-title .fal, .panel > .card-header > .h1.header-title .fad, .panel > .card-header > .h1.header-title .fa-duotone, .panel > .card-header > .h1.header-title .fa-light, .panel > .card-header > .h2:first-child i, .panel > .card-header > .h2:first-child .fa, .panel > .card-header > .h2:first-child .fas, .panel > .card-header > .h2:first-child .far, .panel > .card-header > .h2:first-child .fal, .panel > .card-header > .h2:first-child .fad, .panel > .card-header > .h2:first-child .fa-duotone, .panel > .card-header > .h2:first-child .fa-light, .panel > .card-header > .h2.header-title i, .panel > .card-header > .h2.header-title .fa, .panel > .card-header > .h2.header-title .fas, .panel > .card-header > .h2.header-title .far, .panel > .card-header > .h2.header-title .fal, .panel > .card-header > .h2.header-title .fad, .panel > .card-header > .h2.header-title .fa-duotone, .panel > .card-header > .h2.header-title .fa-light, .panel > .card-header > .h3:first-child i, .panel > .card-header > .h3:first-child .fa, .panel > .card-header > .h3:first-child .fas, .panel > .card-header > .h3:first-child .far, .panel > .card-header > .h3:first-child .fal, .panel > .card-header > .h3:first-child .fad, .panel > .card-header > .h3:first-child .fa-duotone, .panel > .card-header > .h3:first-child .fa-light, .panel > .card-header > .h3.header-title i, .panel > .card-header > .h3.header-title .fa, .panel > .card-header > .h3.header-title .fas, .panel > .card-header > .h3.header-title .far, .panel > .card-header > .h3.header-title .fal, .panel > .card-header > .h3.header-title .fad, .panel > .card-header > .h3.header-title .fa-duotone, .panel > .card-header > .h3.header-title .fa-light, .panel > .card-header > .h4:first-child i, .panel > .card-header > .h4:first-child .fa, .panel > .card-header > .h4:first-child .fas, .panel > .card-header > .h4:first-child .far, .panel > .card-header > .h4:first-child .fal, .panel > .card-header > .h4:first-child .fad, .panel > .card-header > .h4:first-child .fa-duotone, .panel > .card-header > .h4:first-child .fa-light, .panel > .card-header > .h4.header-title i, .panel > .card-header > .h4.header-title .fa, .panel > .card-header > .h4.header-title .fas, .panel > .card-header > .h4.header-title .far, .panel > .card-header > .h4.header-title .fal, .panel > .card-header > .h4.header-title .fad, .panel > .card-header > .h4.header-title .fa-duotone, .panel > .card-header > .h4.header-title .fa-light, .panel > .widget-body > h1:first-child i, .panel > .widget-body > h1:first-child .fa, .panel > .widget-body > h1:first-child .fas, .panel > .widget-body > h1:first-child .far, .panel > .widget-body > h1:first-child .fal, .panel > .widget-body > h1:first-child .fad, .panel > .widget-body > h1:first-child .fa-duotone, .panel > .widget-body > h1:first-child .fa-light, .panel > .widget-body > h1.header-title i, .panel > .widget-body > h1.header-title .fa, .panel > .widget-body > h1.header-title .fas, .panel > .widget-body > h1.header-title .far, .panel > .widget-body > h1.header-title .fal, .panel > .widget-body > h1.header-title .fad, .panel > .widget-body > h1.header-title .fa-duotone, .panel > .widget-body > h1.header-title .fa-light, .panel > .widget-body > h2:first-child i, .panel > .widget-body > h2:first-child .fa, .panel > .widget-body > h2:first-child .fas, .panel > .widget-body > h2:first-child .far, .panel > .widget-body > h2:first-child .fal, .panel > .widget-body > h2:first-child .fad, .panel > .widget-body > h2:first-child .fa-duotone, .panel > .widget-body > h2:first-child .fa-light, .panel > .widget-body > h2.header-title i, .panel > .widget-body > h2.header-title .fa, .panel > .widget-body > h2.header-title .fas, .panel > .widget-body > h2.header-title .far, .panel > .widget-body > h2.header-title .fal, .panel > .widget-body > h2.header-title .fad, .panel > .widget-body > h2.header-title .fa-duotone, .panel > .widget-body > h2.header-title .fa-light, .panel > .widget-body > h3:first-child i, .panel > .widget-body > h3:first-child .fa, .panel > .widget-body > h3:first-child .fas, .panel > .widget-body > h3:first-child .far, .panel > .widget-body > h3:first-child .fal, .panel > .widget-body > h3:first-child .fad, .panel > .widget-body > h3:first-child .fa-duotone, .panel > .widget-body > h3:first-child .fa-light, .panel > .widget-body > h3.header-title i, .panel > .widget-body > h3.header-title .fa, .panel > .widget-body > h3.header-title .fas, .panel > .widget-body > h3.header-title .far, .panel > .widget-body > h3.header-title .fal, .panel > .widget-body > h3.header-title .fad, .panel > .widget-body > h3.header-title .fa-duotone, .panel > .widget-body > h3.header-title .fa-light, .panel > .widget-body > h4:first-child i, .panel > .widget-body > h4:first-child .fa, .panel > .widget-body > h4:first-child .fas, .panel > .widget-body > h4:first-child .far, .panel > .widget-body > h4:first-child .fal, .panel > .widget-body > h4:first-child .fad, .panel > .widget-body > h4:first-child .fa-duotone, .panel > .widget-body > h4:first-child .fa-light, .panel > .widget-body > h4.header-title i, .panel > .widget-body > h4.header-title .fa, .panel > .widget-body > h4.header-title .fas, .panel > .widget-body > h4.header-title .far, .panel > .widget-body > h4.header-title .fal, .panel > .widget-body > h4.header-title .fad, .panel > .widget-body > h4.header-title .fa-duotone, .panel > .widget-body > h4.header-title .fa-light, .panel > .widget-body > .h1:first-child i, .panel > .widget-body > .h1:first-child .fa, .panel > .widget-body > .h1:first-child .fas, .panel > .widget-body > .h1:first-child .far, .panel > .widget-body > .h1:first-child .fal, .panel > .widget-body > .h1:first-child .fad, .panel > .widget-body > .h1:first-child .fa-duotone, .panel > .widget-body > .h1:first-child .fa-light, .panel > .widget-body > .h1.header-title i, .panel > .widget-body > .h1.header-title .fa, .panel > .widget-body > .h1.header-title .fas, .panel > .widget-body > .h1.header-title .far, .panel > .widget-body > .h1.header-title .fal, .panel > .widget-body > .h1.header-title .fad, .panel > .widget-body > .h1.header-title .fa-duotone, .panel > .widget-body > .h1.header-title .fa-light, .panel > .widget-body > .h2:first-child i, .panel > .widget-body > .h2:first-child .fa, .panel > .widget-body > .h2:first-child .fas, .panel > .widget-body > .h2:first-child .far, .panel > .widget-body > .h2:first-child .fal, .panel > .widget-body > .h2:first-child .fad, .panel > .widget-body > .h2:first-child .fa-duotone, .panel > .widget-body > .h2:first-child .fa-light, .panel > .widget-body > .h2.header-title i, .panel > .widget-body > .h2.header-title .fa, .panel > .widget-body > .h2.header-title .fas, .panel > .widget-body > .h2.header-title .far, .panel > .widget-body > .h2.header-title .fal, .panel > .widget-body > .h2.header-title .fad, .panel > .widget-body > .h2.header-title .fa-duotone, .panel > .widget-body > .h2.header-title .fa-light, .panel > .widget-body > .h3:first-child i, .panel > .widget-body > .h3:first-child .fa, .panel > .widget-body > .h3:first-child .fas, .panel > .widget-body > .h3:first-child .far, .panel > .widget-body > .h3:first-child .fal, .panel > .widget-body > .h3:first-child .fad, .panel > .widget-body > .h3:first-child .fa-duotone, .panel > .widget-body > .h3:first-child .fa-light, .panel > .widget-body > .h3.header-title i, .panel > .widget-body > .h3.header-title .fa, .panel > .widget-body > .h3.header-title .fas, .panel > .widget-body > .h3.header-title .far, .panel > .widget-body > .h3.header-title .fal, .panel > .widget-body > .h3.header-title .fad, .panel > .widget-body > .h3.header-title .fa-duotone, .panel > .widget-body > .h3.header-title .fa-light, .panel > .widget-body > .h4:first-child i, .panel > .widget-body > .h4:first-child .fa, .panel > .widget-body > .h4:first-child .fas, .panel > .widget-body > .h4:first-child .far, .panel > .widget-body > .h4:first-child .fal, .panel > .widget-body > .h4:first-child .fad, .panel > .widget-body > .h4:first-child .fa-duotone, .panel > .widget-body > .h4:first-child .fa-light, .panel > .widget-body > .h4.header-title i, .panel > .widget-body > .h4.header-title .fa, .panel > .widget-body > .h4.header-title .fas, .panel > .widget-body > .h4.header-title .far, .panel > .widget-body > .h4.header-title .fal, .panel > .widget-body > .h4.header-title .fad, .panel > .widget-body > .h4.header-title .fa-duotone, .panel > .widget-body > .h4.header-title .fa-light, .panel > .panel-body > h1:first-child i, .panel > .panel-body > h1:first-child .fa, .panel > .panel-body > h1:first-child .fas, .panel > .panel-body > h1:first-child .far, .panel > .panel-body > h1:first-child .fal, .panel > .panel-body > h1:first-child .fad, .panel > .panel-body > h1:first-child .fa-duotone, .panel > .panel-body > h1:first-child .fa-light, .panel > .panel-body > h1.header-title i, .panel > .panel-body > h1.header-title .fa, .panel > .panel-body > h1.header-title .fas, .panel > .panel-body > h1.header-title .far, .panel > .panel-body > h1.header-title .fal, .panel > .panel-body > h1.header-title .fad, .panel > .panel-body > h1.header-title .fa-duotone, .panel > .panel-body > h1.header-title .fa-light, .panel > .panel-body > h2:first-child i, .panel > .panel-body > h2:first-child .fa, .panel > .panel-body > h2:first-child .fas, .panel > .panel-body > h2:first-child .far, .panel > .panel-body > h2:first-child .fal, .panel > .panel-body > h2:first-child .fad, .panel > .panel-body > h2:first-child .fa-duotone, .panel > .panel-body > h2:first-child .fa-light, .panel > .panel-body > h2.header-title i, .panel > .panel-body > h2.header-title .fa, .panel > .panel-body > h2.header-title .fas, .panel > .panel-body > h2.header-title .far, .panel > .panel-body > h2.header-title .fal, .panel > .panel-body > h2.header-title .fad, .panel > .panel-body > h2.header-title .fa-duotone, .panel > .panel-body > h2.header-title .fa-light, .panel > .panel-body > h3:first-child i, .panel > .panel-body > h3:first-child .fa, .panel > .panel-body > h3:first-child .fas, .panel > .panel-body > h3:first-child .far, .panel > .panel-body > h3:first-child .fal, .panel > .panel-body > h3:first-child .fad, .panel > .panel-body > h3:first-child .fa-duotone, .panel > .panel-body > h3:first-child .fa-light, .panel > .panel-body > h3.header-title i, .panel > .panel-body > h3.header-title .fa, .panel > .panel-body > h3.header-title .fas, .panel > .panel-body > h3.header-title .far, .panel > .panel-body > h3.header-title .fal, .panel > .panel-body > h3.header-title .fad, .panel > .panel-body > h3.header-title .fa-duotone, .panel > .panel-body > h3.header-title .fa-light, .panel > .panel-body > h4:first-child i, .panel > .panel-body > h4:first-child .fa, .panel > .panel-body > h4:first-child .fas, .panel > .panel-body > h4:first-child .far, .panel > .panel-body > h4:first-child .fal, .panel > .panel-body > h4:first-child .fad, .panel > .panel-body > h4:first-child .fa-duotone, .panel > .panel-body > h4:first-child .fa-light, .panel > .panel-body > h4.header-title i, .panel > .panel-body > h4.header-title .fa, .panel > .panel-body > h4.header-title .fas, .panel > .panel-body > h4.header-title .far, .panel > .panel-body > h4.header-title .fal, .panel > .panel-body > h4.header-title .fad, .panel > .panel-body > h4.header-title .fa-duotone, .panel > .panel-body > h4.header-title .fa-light, .panel > .panel-body > .h1:first-child i, .panel > .panel-body > .h1:first-child .fa, .panel > .panel-body > .h1:first-child .fas, .panel > .panel-body > .h1:first-child .far, .panel > .panel-body > .h1:first-child .fal, .panel > .panel-body > .h1:first-child .fad, .panel > .panel-body > .h1:first-child .fa-duotone, .panel > .panel-body > .h1:first-child .fa-light, .panel > .panel-body > .h1.header-title i, .panel > .panel-body > .h1.header-title .fa, .panel > .panel-body > .h1.header-title .fas, .panel > .panel-body > .h1.header-title .far, .panel > .panel-body > .h1.header-title .fal, .panel > .panel-body > .h1.header-title .fad, .panel > .panel-body > .h1.header-title .fa-duotone, .panel > .panel-body > .h1.header-title .fa-light, .panel > .panel-body > .h2:first-child i, .panel > .panel-body > .h2:first-child .fa, .panel > .panel-body > .h2:first-child .fas, .panel > .panel-body > .h2:first-child .far, .panel > .panel-body > .h2:first-child .fal, .panel > .panel-body > .h2:first-child .fad, .panel > .panel-body > .h2:first-child .fa-duotone, .panel > .panel-body > .h2:first-child .fa-light, .panel > .panel-body > .h2.header-title i, .panel > .panel-body > .h2.header-title .fa, .panel > .panel-body > .h2.header-title .fas, .panel > .panel-body > .h2.header-title .far, .panel > .panel-body > .h2.header-title .fal, .panel > .panel-body > .h2.header-title .fad, .panel > .panel-body > .h2.header-title .fa-duotone, .panel > .panel-body > .h2.header-title .fa-light, .panel > .panel-body > .h3:first-child i, .panel > .panel-body > .h3:first-child .fa, .panel > .panel-body > .h3:first-child .fas, .panel > .panel-body > .h3:first-child .far, .panel > .panel-body > .h3:first-child .fal, .panel > .panel-body > .h3:first-child .fad, .panel > .panel-body > .h3:first-child .fa-duotone, .panel > .panel-body > .h3:first-child .fa-light, .panel > .panel-body > .h3.header-title i, .panel > .panel-body > .h3.header-title .fa, .panel > .panel-body > .h3.header-title .fas, .panel > .panel-body > .h3.header-title .far, .panel > .panel-body > .h3.header-title .fal, .panel > .panel-body > .h3.header-title .fad, .panel > .panel-body > .h3.header-title .fa-duotone, .panel > .panel-body > .h3.header-title .fa-light, .panel > .panel-body > .h4:first-child i, .panel > .panel-body > .h4:first-child .fa, .panel > .panel-body > .h4:first-child .fas, .panel > .panel-body > .h4:first-child .far, .panel > .panel-body > .h4:first-child .fal, .panel > .panel-body > .h4:first-child .fad, .panel > .panel-body > .h4:first-child .fa-duotone, .panel > .panel-body > .h4:first-child .fa-light, .panel > .panel-body > .h4.header-title i, .panel > .panel-body > .h4.header-title .fa, .panel > .panel-body > .h4.header-title .fas, .panel > .panel-body > .h4.header-title .far, .panel > .panel-body > .h4.header-title .fal, .panel > .panel-body > .h4.header-title .fad, .panel > .panel-body > .h4.header-title .fa-duotone, .panel > .panel-body > .h4.header-title .fa-light { font-size: var(--oa-text-h2); margin-right: var(--oa-space-sm); color: var(--oa-brand-primary, #005aee) !important; } .card > .card-body .header-title, .card > .card-header .header-title, .card > .widget-body .header-title, .card > .panel-body .header-title, .jarviswidget > .card-body .header-title, .jarviswidget > .card-header .header-title, .jarviswidget > .widget-body .header-title, .jarviswidget > .panel-body .header-title, .panel > .card-body .header-title, .panel > .card-header .header-title, .panel > .widget-body .header-title, .panel > .panel-body .header-title { font-size: var(--oa-text-subtitle) !important; font-weight: 600 !important; color: var(--oa-text-main, #0F172A) !important; line-height: 1.4 !important; text-align: left !important; margin-bottom: var(--oa-space-sm); } .card > .card-body .header-title i, .card > .card-body .header-title .fa, .card > .card-body .header-title .fas, .card > .card-body .header-title .far, .card > .card-body .header-title .fal, .card > .card-body .header-title .fad, .card > .card-body .header-title .fa-duotone, .card > .card-body .header-title .fa-light, .card > .card-header .header-title i, .card > .card-header .header-title .fa, .card > .card-header .header-title .fas, .card > .card-header .header-title .far, .card > .card-header .header-title .fal, .card > .card-header .header-title .fad, .card > .card-header .header-title .fa-duotone, .card > .card-header .header-title .fa-light, .card > .widget-body .header-title i, .card > .widget-body .header-title .fa, .card > .widget-body .header-title .fas, .card > .widget-body .header-title .far, .card > .widget-body .header-title .fal, .card > .widget-body .header-title .fad, .card > .widget-body .header-title .fa-duotone, .card > .widget-body .header-title .fa-light, .card > .panel-body .header-title i, .card > .panel-body .header-title .fa, .card > .panel-body .header-title .fas, .card > .panel-body .header-title .far, .card > .panel-body .header-title .fal, .card > .panel-body .header-title .fad, .card > .panel-body .header-title .fa-duotone, .card > .panel-body .header-title .fa-light, .jarviswidget > .card-body .header-title i, .jarviswidget > .card-body .header-title .fa, .jarviswidget > .card-body .header-title .fas, .jarviswidget > .card-body .header-title .far, .jarviswidget > .card-body .header-title .fal, .jarviswidget > .card-body .header-title .fad, .jarviswidget > .card-body .header-title .fa-duotone, .jarviswidget > .card-body .header-title .fa-light, .jarviswidget > .card-header .header-title i, .jarviswidget > .card-header .header-title .fa, .jarviswidget > .card-header .header-title .fas, .jarviswidget > .card-header .header-title .far, .jarviswidget > .card-header .header-title .fal, .jarviswidget > .card-header .header-title .fad, .jarviswidget > .card-header .header-title .fa-duotone, .jarviswidget > .card-header .header-title .fa-light, .jarviswidget > .widget-body .header-title i, .jarviswidget > .widget-body .header-title .fa, .jarviswidget > .widget-body .header-title .fas, .jarviswidget > .widget-body .header-title .far, .jarviswidget > .widget-body .header-title .fal, .jarviswidget > .widget-body .header-title .fad, .jarviswidget > .widget-body .header-title .fa-duotone, .jarviswidget > .widget-body .header-title .fa-light, .jarviswidget > .panel-body .header-title i, .jarviswidget > .panel-body .header-title .fa, .jarviswidget > .panel-body .header-title .fas, .jarviswidget > .panel-body .header-title .far, .jarviswidget > .panel-body .header-title .fal, .jarviswidget > .panel-body .header-title .fad, .jarviswidget > .panel-body .header-title .fa-duotone, .jarviswidget > .panel-body .header-title .fa-light, .panel > .card-body .header-title i, .panel > .card-body .header-title .fa, .panel > .card-body .header-title .fas, .panel > .card-body .header-title .far, .panel > .card-body .header-title .fal, .panel > .card-body .header-title .fad, .panel > .card-body .header-title .fa-duotone, .panel > .card-body .header-title .fa-light, .panel > .card-header .header-title i, .panel > .card-header .header-title .fa, .panel > .card-header .header-title .fas, .panel > .card-header .header-title .far, .panel > .card-header .header-title .fal, .panel > .card-header .header-title .fad, .panel > .card-header .header-title .fa-duotone, .panel > .card-header .header-title .fa-light, .panel > .widget-body .header-title i, .panel > .widget-body .header-title .fa, .panel > .widget-body .header-title .fas, .panel > .widget-body .header-title .far, .panel > .widget-body .header-title .fal, .panel > .widget-body .header-title .fad, .panel > .widget-body .header-title .fa-duotone, .panel > .widget-body .header-title .fa-light, .panel > .panel-body .header-title i, .panel > .panel-body .header-title .fa, .panel > .panel-body .header-title .fas, .panel > .panel-body .header-title .far, .panel > .panel-body .header-title .fal, .panel > .panel-body .header-title .fad, .panel > .panel-body .header-title .fa-duotone, .panel > .panel-body .header-title .fa-light { font-size: var(--oa-text-h2); margin-right: var(--oa-space-sm); color: var(--oa-brand-primary, #005aee) !important; } .card .card-header, .jarviswidget .card-header, .panel .card-header { padding: var(--oa-space-lg) !important; background: transparent; border-bottom: 1px solid rgba(226, 232, 240, 0.6); } .card .card-header h1, .card .card-header h2, .card .card-header h3, .card .card-header h4, .card .card-header h5, .card .card-header h6, .card .card-header .h1, .card .card-header .h2, .card .card-header .h3, .card .card-header .h4, .card .card-header .h5, .card .card-header .h6, .jarviswidget .card-header h1, .jarviswidget .card-header h2, .jarviswidget .card-header h3, .jarviswidget .card-header h4, .jarviswidget .card-header h5, .jarviswidget .card-header h6, .jarviswidget .card-header .h1, .jarviswidget .card-header .h2, .jarviswidget .card-header .h3, .jarviswidget .card-header .h4, .jarviswidget .card-header .h5, .jarviswidget .card-header .h6, .panel .card-header h1, .panel .card-header h2, .panel .card-header h3, .panel .card-header h4, .panel .card-header h5, .panel .card-header h6, .panel .card-header .h1, .panel .card-header .h2, .panel .card-header .h3, .panel .card-header .h4, .panel .card-header .h5, .panel .card-header .h6 { font-size: var(--oa-text-subtitle) !important; font-weight: 600 !important; color: var(--oa-text-main) !important; margin: 0; line-height: 1.3; } .card .card-title, .card .card-subtitle, .card h2.card-title, .card h3.card-subtitle, .jarviswidget .card-title, .jarviswidget .card-subtitle, .jarviswidget h2.card-title, .jarviswidget h3.card-subtitle, .panel .card-title, .panel .card-subtitle, .panel h2.card-title, .panel h3.card-subtitle { font-size: var(--oa-text-subtitle) !important; font-weight: 600 !important; color: var(--oa-text-main, #0F172A) !important; line-height: 1.4 !important; text-align: left !important; margin-top: 0; margin-bottom: var(--oa-space-sm); } .card .card-title i, .card .card-title .fa, .card .card-title .fas, .card .card-title .far, .card .card-title .fal, .card .card-title .fa-light, .card .card-title .fa-duotone, .card .card-subtitle i, .card .card-subtitle .fa, .card .card-subtitle .fas, .card .card-subtitle .far, .card .card-subtitle .fal, .card .card-subtitle .fa-light, .card .card-subtitle .fa-duotone, .card h2.card-title i, .card h2.card-title .fa, .card h2.card-title .fas, .card h2.card-title .far, .card h2.card-title .fal, .card h2.card-title .fa-light, .card h2.card-title .fa-duotone, .card h3.card-subtitle i, .card h3.card-subtitle .fa, .card h3.card-subtitle .fas, .card h3.card-subtitle .far, .card h3.card-subtitle .fal, .card h3.card-subtitle .fa-light, .card h3.card-subtitle .fa-duotone, .jarviswidget .card-title i, .jarviswidget .card-title .fa, .jarviswidget .card-title .fas, .jarviswidget .card-title .far, .jarviswidget .card-title .fal, .jarviswidget .card-title .fa-light, .jarviswidget .card-title .fa-duotone, .jarviswidget .card-subtitle i, .jarviswidget .card-subtitle .fa, .jarviswidget .card-subtitle .fas, .jarviswidget .card-subtitle .far, .jarviswidget .card-subtitle .fal, .jarviswidget .card-subtitle .fa-light, .jarviswidget .card-subtitle .fa-duotone, .jarviswidget h2.card-title i, .jarviswidget h2.card-title .fa, .jarviswidget h2.card-title .fas, .jarviswidget h2.card-title .far, .jarviswidget h2.card-title .fal, .jarviswidget h2.card-title .fa-light, .jarviswidget h2.card-title .fa-duotone, .jarviswidget h3.card-subtitle i, .jarviswidget h3.card-subtitle .fa, .jarviswidget h3.card-subtitle .fas, .jarviswidget h3.card-subtitle .far, .jarviswidget h3.card-subtitle .fal, .jarviswidget h3.card-subtitle .fa-light, .jarviswidget h3.card-subtitle .fa-duotone, .panel .card-title i, .panel .card-title .fa, .panel .card-title .fas, .panel .card-title .far, .panel .card-title .fal, .panel .card-title .fa-light, .panel .card-title .fa-duotone, .panel .card-subtitle i, .panel .card-subtitle .fa, .panel .card-subtitle .fas, .panel .card-subtitle .far, .panel .card-subtitle .fal, .panel .card-subtitle .fa-light, .panel .card-subtitle .fa-duotone, .panel h2.card-title i, .panel h2.card-title .fa, .panel h2.card-title .fas, .panel h2.card-title .far, .panel h2.card-title .fal, .panel h2.card-title .fa-light, .panel h2.card-title .fa-duotone, .panel h3.card-subtitle i, .panel h3.card-subtitle .fa, .panel h3.card-subtitle .fas, .panel h3.card-subtitle .far, .panel h3.card-subtitle .fal, .panel h3.card-subtitle .fa-light, .panel h3.card-subtitle .fa-duotone { font-size: var(--oa-text-h2); margin-right: var(--oa-space-sm); color: var(--oa-brand-primary, #005aee) !important; } .card .card-subtitle, .card h3.card-subtitle, .jarviswidget .card-subtitle, .jarviswidget h3.card-subtitle, .panel .card-subtitle, .panel h3.card-subtitle { margin-top: 20px; } .card .card-subtitle:first-child, .card h3.card-subtitle:first-child, .jarviswidget .card-subtitle:first-child, .jarviswidget h3.card-subtitle:first-child, .panel .card-subtitle:first-child, .panel h3.card-subtitle:first-child { margin-top: 0; } .card .card-description, .jarviswidget .card-description, .panel .card-description { font-size: var(--oa-text-sm); font-weight: 400; color: #94A3B8 !important; line-height: 1.5; margin-bottom: var(--oa-space-lg); text-align: left; } .card .card-body .form-group > h1, .card .card-body .row > [class*=col-] > h1, .card .card-body [class*=col-] > h1, .card .card-body > h1, .panel .panel-body .form-group > h1, .panel .panel-body .row > [class*=col-] > h1, .panel .panel-body [class*=col-] > h1, .panel .panel-body > h1 { font-size: var(--oa-text-h2, 18px) !important; font-weight: var(--oa-text-h2-weight, 600) !important; color: var(--oa-text-main) !important; line-height: var(--oa-text-h2-leading, 1.3) !important; letter-spacing: var(--oa-text-h2-tracking, -0.01em) !important; margin-top: 0; margin-bottom: var(--oa-space-md); text-transform: none; } .card .card-body .form-group > h1 i, .card .card-body .form-group > h1 .fa, .card .card-body .form-group > h1 .fas, .card .card-body .form-group > h1 .far, .card .card-body .form-group > h1 .fal, .card .card-body .form-group > h1 .fa-light, .card .card-body .form-group > h1 .fa-duotone, .card .card-body .row > [class*=col-] > h1 i, .card .card-body .row > [class*=col-] > h1 .fa, .card .card-body .row > [class*=col-] > h1 .fas, .card .card-body .row > [class*=col-] > h1 .far, .card .card-body .row > [class*=col-] > h1 .fal, .card .card-body .row > [class*=col-] > h1 .fa-light, .card .card-body .row > [class*=col-] > h1 .fa-duotone, .card .card-body [class*=col-] > h1 i, .card .card-body [class*=col-] > h1 .fa, .card .card-body [class*=col-] > h1 .fas, .card .card-body [class*=col-] > h1 .far, .card .card-body [class*=col-] > h1 .fal, .card .card-body [class*=col-] > h1 .fa-light, .card .card-body [class*=col-] > h1 .fa-duotone, .card .card-body > h1 i, .card .card-body > h1 .fa, .card .card-body > h1 .fas, .card .card-body > h1 .far, .card .card-body > h1 .fal, .card .card-body > h1 .fa-light, .card .card-body > h1 .fa-duotone, .panel .panel-body .form-group > h1 i, .panel .panel-body .form-group > h1 .fa, .panel .panel-body .form-group > h1 .fas, .panel .panel-body .form-group > h1 .far, .panel .panel-body .form-group > h1 .fal, .panel .panel-body .form-group > h1 .fa-light, .panel .panel-body .form-group > h1 .fa-duotone, .panel .panel-body .row > [class*=col-] > h1 i, .panel .panel-body .row > [class*=col-] > h1 .fa, .panel .panel-body .row > [class*=col-] > h1 .fas, .panel .panel-body .row > [class*=col-] > h1 .far, .panel .panel-body .row > [class*=col-] > h1 .fal, .panel .panel-body .row > [class*=col-] > h1 .fa-light, .panel .panel-body .row > [class*=col-] > h1 .fa-duotone, .panel .panel-body [class*=col-] > h1 i, .panel .panel-body [class*=col-] > h1 .fa, .panel .panel-body [class*=col-] > h1 .fas, .panel .panel-body [class*=col-] > h1 .far, .panel .panel-body [class*=col-] > h1 .fal, .panel .panel-body [class*=col-] > h1 .fa-light, .panel .panel-body [class*=col-] > h1 .fa-duotone, .panel .panel-body > h1 i, .panel .panel-body > h1 .fa, .panel .panel-body > h1 .fas, .panel .panel-body > h1 .far, .panel .panel-body > h1 .fal, .panel .panel-body > h1 .fa-light, .panel .panel-body > h1 .fa-duotone { font-size: inherit; margin-right: var(--oa-space-sm); color: var(--oa-icon-color, #57534E); } .card .card-body .form-group > h2, .card .card-body .form-group > h3, .card .card-body .row > [class*=col-] > h2, .card .card-body .row > [class*=col-] > h3, .panel .panel-body .form-group > h2, .panel .panel-body .form-group > h3, .panel .panel-body .row > [class*=col-] > h2, .panel .panel-body .row > [class*=col-] > h3 { font-size: var(--oa-text-h3) !important; font-weight: 600 !important; color: var(--oa-text-main) !important; line-height: 1.3 !important; margin-top: 0; margin-bottom: 10px; } .modal-header .modal-title { font-size: var(--oa-text-h2) !important; font-weight: 600 !important; color: var(--oa-text-main) !important; line-height: 1.3; } .modal-header h1.modal-title, .modal-header h2.modal-title, .modal-header h3.modal-title { font-size: var(--oa-text-h2) !important; } .jarviswidget-editbox h2, .jarviswidget-editbox .h2, .jarviswidget > header h2, .jarviswidget > header .h2 { font-size: var(--oa-text-h3) !important; font-weight: 600 !important; text-transform: uppercase; letter-spacing: 0.05em; color: var(--oa-text-muted) !important; } .dashboard { padding: 10px 14px !important; } .dashboard-card { margin-bottom: 0 !important; } .dashboard-card .card-body { padding: var(--oa-space-lg) !important; } #content .dashboard .row { margin-left: -7px; margin-right: -7px; margin-bottom: 0; } #content .dashboard .row > [class*=col-] { padding-left: 7px; padding-right: 7px; margin-bottom: 14px; } .payment_notice { position: fixed !important; bottom: 20px !important; left: 50% !important; right: auto !important; transform: translateX(-50%); width: 50% !important; max-width: 700px; min-width: 320px; margin: 0 !important; background: rgba(254, 242, 242, 0.55) !important; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-radius: var(--oa-radius-lg) !important; border: 1px solid rgba(185, 28, 28, 0.15) !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(185, 28, 28, 0.1); color: var(--oa-error-text, #B91C1C) !important; font-family: var(--oa-font-family) !important; font-weight: 500 !important; font-size: var(--oa-text-body) !important; padding: 14px var(--oa-space-xl) !important; height: auto !important; transition: transform 0.2s ease, box-shadow 0.2s ease; } .payment_notice:hover { box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(185, 28, 28, 0.15); } .payment_notice a { color: var(--oa-error-text, #B91C1C) !important; text-decoration: underline; font-weight: 600; } .payment_notice a:hover { color: var(--oa-brand-primary) !important; } @media (max-width: 991px) { .payment_notice { width: 90% !important; bottom: 16px !important; } } .avatar-circle { display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background: radial-gradient(circle at 30% 30%, var(--oa-avatar-bg-start, #F0EDE8) 0%, var(--oa-avatar-bg-end, #E8E4DE) 100%) !important; color: var(--oa-avatar-text, #78716C) !important; font-weight: 600; text-transform: uppercase; border: 2px solid #FFFFFF !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important; transition: box-shadow 0.2s ease, transform 0.2s ease; width: 56px; height: 56px; font-size: 18px; line-height: 1 !important; padding-top: 0 !important; } .avatar-circle:hover { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important; } img.avatar-circle { object-fit: cover; border: 2px solid #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); width: 56px; height: 56px; } .avatar-circle-xs, .avatar-circle-search-20 { width: 20px; height: 20px; font-size: 8px; border-width: 1px; display: flex; align-items: center; justify-content: center; line-height: 1; padding-top: 0; } img.avatar-circle-xs, img.avatar-circle-search-20 { width: 20px; height: 20px; border-width: 1px; } .avatar-circle-sm, .avatar-circle-search-30 { width: 30px; height: 30px; font-size: 10px; border-width: 1.5px; display: flex; align-items: center; justify-content: center; line-height: 1; padding-top: 0; border-radius: 50%; background: radial-gradient(circle at 30% 30%, var(--oa-avatar-bg-start, #F0EDE8) 0%, var(--oa-avatar-bg-end, #E8E4DE) 100%); color: var(--oa-avatar-text, #78716C); font-weight: 600; text-transform: uppercase; border: 1.5px solid #FFFFFF; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); } img.avatar-circle-sm, img.avatar-circle-search-30 { width: 30px; height: 30px; border-width: 1.5px; } .avatar-circle-md, .avatar-circle-search { width: 40px; height: 40px; font-size: 13px; display: flex; align-items: center; justify-content: center; line-height: 1; padding-top: 0; border-radius: 50%; background: radial-gradient(circle at 30% 30%, var(--oa-avatar-bg-start, #F0EDE8) 0%, var(--oa-avatar-bg-end, #E8E4DE) 100%); color: var(--oa-avatar-text, #78716C); font-weight: 600; text-transform: uppercase; border: 2px solid #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } img.avatar-circle-md, img.avatar-circle-search { width: 40px; height: 40px; object-fit: cover; } .avatar-circle-search img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; } .avatar-circle-standard { width: 50px; height: 50px; font-size: 16px; display: flex; align-items: center; justify-content: center; line-height: 1; padding-top: 0; border-radius: 50%; background: radial-gradient(circle at 30% 30%, var(--oa-avatar-bg-start, #F0EDE8) 0%, var(--oa-avatar-bg-end, #E8E4DE) 100%); color: var(--oa-avatar-text, #78716C); font-weight: 600; text-transform: uppercase; border: 2px solid #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } img.avatar-circle-standard { width: 50px; height: 50px; } .avatar-circle-small, .avatar-circle-lg { width: 60px; height: 60px; font-size: 18px; display: flex; align-items: center; justify-content: center; line-height: 1; padding-top: 0; border-radius: 50%; background: radial-gradient(circle at 30% 30%, var(--oa-avatar-bg-start, #F0EDE8) 0%, var(--oa-avatar-bg-end, #E8E4DE) 100%); color: var(--oa-avatar-text, #78716C); font-weight: 600; text-transform: uppercase; border: 2px solid #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } img.avatar-circle-small, img.avatar-circle-lg { width: 60px; height: 60px; } .avatar-circle-xl { width: 80px; height: 80px; font-size: 24px; border-width: 3px; display: flex; align-items: center; justify-content: center; line-height: 1; padding-top: 0; } img.avatar-circle-xl { width: 80px; height: 80px; border-width: 3px; } .dashboard .avatar-circle { width: 50px; height: 50px; font-size: 16px; } .dashboard img.avatar-circle { width: 50px; height: 50px; } .comments .avatar-circle { width: 40px; height: 40px; font-size: 14px; } .comments img.avatar-circle { width: 40px; height: 40px; } .candidate-profile .avatar-circle { width: 56px; height: 56px; font-size: 18px; } .candidate-profile img.avatar-circle { width: 56px; height: 56px; } .search-result-item .avatar-circle { width: 40px; height: 40px; font-size: 13px; } .search-result-item img.avatar-circle { width: 40px; height: 40px; } .messages-item .avatar-circle { width: 48px; height: 48px; font-size: 16px; } .messages-item img.avatar-circle { width: 48px; height: 48px; } .employee .avatar-circle { width: 60px; height: 60px; font-size: 18px; } .employee img.avatar-circle { width: 60px; height: 60px; } .avatar-circle--primary { background: linear-gradient(135deg, #DBEAFE 0%, #BFDBFE 100%); color: #1D4ED8; } .avatar-circle--success { background: linear-gradient(135deg, #DCFCE7 0%, #BBF7D0 100%); color: #166534; } .avatar-circle--warning { background: linear-gradient(135deg, #FEF3C7 0%, #FDE68A 100%); color: #B45309; } .avatar-circle--danger { background: linear-gradient(135deg, #FEE2E2 0%, #FECACA 100%); color: #B91C1C; } .avatar-circle.no-margin, img.avatar-circle.no-margin { margin-left: 0; margin-right: 0; } @media (max-width: 767px) { .avatar-circle { width: 48px; height: 48px; font-size: 16px; } img.avatar-circle { width: 48px; height: 48px; } .avatar-circle-lg, .avatar-circle-small { width: 50px; height: 50px; font-size: 16px; } img.avatar-circle-lg, img.avatar-circle-small { width: 50px; height: 50px; } } .configuration .users { background-color: transparent !important; } /*# sourceMappingURL=main.css.map */ /*# sourceMappingURL=recutil_style.css.map */ /** * OneAssessment Font Stack * Inter (optimized subsets) + System fonts for mono/serif * * Weights: 400 (Regular), 600 (SemiBold), 700 (Bold) * Styles: Normal + Italic * Charsets: Latin, Latin-Extended, Cyrillic * * Total: 18 files, ~420KB * Languages: EN, DE, FR, NL, HR, HU, SI, SR, MK, RU * * Browser downloads only needed subsets via unicode-range! */ /* =========================================== INTER - Latin (base) EN, DE, FR, NL =========================================== */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/inter/inter-latin-400-normal.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Inter'; font-style: italic; font-weight: 400; font-display: swap; src: url('/fonts/inter/inter-latin-400-italic.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/inter/inter-latin-600-normal.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Inter'; font-style: italic; font-weight: 600; font-display: swap; src: url('/fonts/inter/inter-latin-600-italic.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/inter/inter-latin-700-normal.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Inter'; font-style: italic; font-weight: 700; font-display: swap; src: url('/fonts/inter/inter-latin-700-italic.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* =========================================== INTER - Latin Extended HR, HU, SI, SR (Latin script) Includes: Č, Ć, Đ, Š, Ž, Á, É, Ő, Ű, etc. =========================================== */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/inter/inter-latin-ext-400-normal.woff2') format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Inter'; font-style: italic; font-weight: 400; font-display: swap; src: url('/fonts/inter/inter-latin-ext-400-italic.woff2') format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/inter/inter-latin-ext-600-normal.woff2') format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Inter'; font-style: italic; font-weight: 600; font-display: swap; src: url('/fonts/inter/inter-latin-ext-600-italic.woff2') format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/inter/inter-latin-ext-700-normal.woff2') format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Inter'; font-style: italic; font-weight: 700; font-display: swap; src: url('/fonts/inter/inter-latin-ext-700-italic.woff2') format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* =========================================== INTER - Cyrillic MK, RU, SR (Cyrillic script) =========================================== */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/inter/inter-cyrillic-400-normal.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Inter'; font-style: italic; font-weight: 400; font-display: swap; src: url('/fonts/inter/inter-cyrillic-400-italic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/inter/inter-cyrillic-600-normal.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Inter'; font-style: italic; font-weight: 600; font-display: swap; src: url('/fonts/inter/inter-cyrillic-600-italic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/inter/inter-cyrillic-700-normal.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Inter'; font-style: italic; font-weight: 700; font-display: swap; src: url('/fonts/inter/inter-cyrillic-700-italic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } .steps-indicator { /* ---- steps quantity ---- */ right: 0; bottom: 0; left: 0; margin: 0; padding: 20px 0 0 0; height: 30px; list-style: none; /* --- http://www.paulirish.com/2012/box-sizing-border-box-ftw/ ---- */ } .steps-indicator:before { background-color: #e6e6e6; content: ''; position: absolute; height: 1px; } .steps-indicator.steps-2:before { left: calc(100% / 2 / 2); right: calc(100% / 2 / 2); } .steps-indicator.steps-3:before { left: calc(100% / 3 / 2); right: calc(100% / 3 / 2); } .steps-indicator.steps-4:before { left: calc(100% / 4 / 2); right: calc(100% / 4 / 2); } .steps-indicator.steps-5:before { left: calc(100% / 5 / 2); right: calc(100% / 5 / 2); } .steps-indicator.steps-6:before { left: calc(100% / 6 / 2); right: calc(100% / 6 / 2); } .steps-indicator.steps-7:before { left: calc(100% / 7 / 2); right: calc(100% / 7 / 2); } .steps-indicator.steps-8:before { left: calc(100% / 8 / 2); right: calc(100% / 8 / 2); } .steps-indicator.steps-9:before { left: calc(100% / 9 / 2); right: calc(100% / 9 / 2); } .steps-indicator.steps-10:before { left: calc(100% / 10 / 2); right: calc(100% / 10 / 2); } .steps-indicator * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .steps-indicator li { position: relative; float: left; margin: 0; padding: 0; padding-top: 10px; text-align: center; line-height: 15px; } .steps-indicator li a { color: #808080; text-decoration: none; text-transform: uppercase; font-weight: bold; transition: 0.25s; cursor: pointer; } .steps-indicator li a:before { position: absolute; top: -7px; left: calc(50% - 7px); width: 14px; height: 14px; border-radius: 100%; background-color: #e6e6e6; content: ''; transition: 0.25s; } .steps-indicator li a:hover { color: #4d4d4d; } .steps-indicator.steps-2 li { width: calc(100% / 2); } .steps-indicator.steps-3 li { width: calc(100% / 3); } .steps-indicator.steps-4 li { width: calc(100% / 4); } .steps-indicator.steps-5 li { width: calc(100% / 5); } .steps-indicator.steps-6 li { width: calc(100% / 6); } .steps-indicator.steps-7 li { width: calc(100% / 7); } .steps-indicator.steps-8 li { width: calc(100% / 8); } .steps-indicator.steps-9 li { width: calc(100% / 9); } .steps-indicator.steps-10 li { width: calc(100% / 10); } .steps-indicator.steps-11 li { width: calc(100% / 11); } .steps-indicator li.default { pointer-events: none; } .steps-indicator li.default a:hover { color: #808080; } .steps-indicator li.current, .steps-indicator li.editing { pointer-events: none; } .steps-indicator li.current a:before { background-color: #808080; } .steps-indicator li.done a:before { background-color: #339933; } .steps-indicator li.editing a:before { background-color: #ff0000; } /*# sourceMappingURL=form.css.map */