Created
January 11, 2019 15:20
-
-
Save pleasedontbelong/1ee60ff84a270cb5e5f95c187d7ada21 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@font-face { | |
font-family: "icons"; | |
src: url('../../../_base/fonts/icons-30f2a7f425.eot'); | |
src: url('../../../_base/fonts/icons-30f2a7f425.eot?#iefix') format("embedded-opentype"), url('../../../_base/fonts/icons-75aee28852.woff') format("woff"), url('../../../_base/fonts/icons-be998e256a.ttf') format("truetype"), url('../../../_base/fonts/icons-a92642f18c.svg?#icons') format("svg"); | |
font-weight: normal; | |
font-style: normal; | |
} | |
.pask { | |
font-size: 25px; | |
line-height: 1em; | |
padding: 0px 0.8em 0px 0.8em; | |
vertical-align: middle; | |
display: inline-block; | |
font-family: "pask_fontregular"; | |
font-style: normal; | |
font-weight: normal; | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: "grayscale"; | |
} | |
.pask:before { | |
font-family: "icons"; | |
display: inline-block; | |
vertical-align: middle; | |
line-height: 1; | |
font-weight: normal; | |
font-style: normal; | |
speak: none; | |
text-decoration: inherit; | |
text-transform: none; | |
text-rendering: optimizeLegibility; | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
} | |
.pask.pask-large { | |
font-size: 72px; | |
} | |
.pask.pask-calculator:before { | |
content: "\61"; | |
} | |
.pask.pask-warning2:before { | |
content: "\62"; | |
} | |
.pask.pask-payslips:before { | |
content: "\63"; | |
} | |
.pask.pask-certif:before { | |
content: "\64"; | |
} | |
.pask.pask-clock:before { | |
content: "\65"; | |
} | |
.pask.pask-clock2:before { | |
content: "\66"; | |
} | |
.pask.pask-contract:before { | |
content: "\67"; | |
} | |
.pask.pask-diploma:before { | |
content: "\68"; | |
} | |
.pask.pask-enterprise:before { | |
content: "\69"; | |
} | |
.pask.pask-exit:before { | |
content: "\6a"; | |
} | |
.pask.pask-exit2:before { | |
content: "\6b"; | |
} | |
.pask.pask-expat:before { | |
content: "\6c"; | |
} | |
.pask.pask-holidays:before { | |
content: "\6d"; | |
} | |
.pask.pask-holidays2:before { | |
content: "\6e"; | |
} | |
.pask.pask-humanis:before { | |
content: "\6f"; | |
} | |
.pask.pask-scanner:before { | |
content: "\70"; | |
} | |
.pask.pask-retired:before { | |
content: "\71"; | |
} | |
.pask.pask-pigpound:before { | |
content: "\72"; | |
} | |
.pask.pask-pigdollar:before { | |
content: "\73"; | |
} | |
.pask.pask-pig:before { | |
content: "\74"; | |
} | |
.pask.pask-pandora:before { | |
content: "\75"; | |
} | |
.pask.pask-other:before { | |
content: "\76"; | |
} | |
.pask.pask-onboarding2:before { | |
content: "\77"; | |
} | |
.pask.pask-onboarding:before { | |
content: "\78"; | |
} | |
.pask.pask-money:before { | |
content: "\79"; | |
} | |
.pask.pask-mobility2:before { | |
content: "\7a"; | |
} | |
.pask.pask-mobility:before { | |
content: "\41"; | |
} | |
.pask.pask-secu:before { | |
content: "\42"; | |
} | |
.pask.pask-sickness:before { | |
content: "\43"; | |
} | |
.pask.pask-student:before { | |
content: "\44"; | |
} | |
.pask.pask-suiviequalite:before { | |
content: "\45"; | |
} | |
.pask.pask-support:before { | |
content: "\46"; | |
} | |
.pask.pask-user:before { | |
content: "\47"; | |
} | |
.pask.pask-warning:before { | |
content: "\48"; | |
} | |
.pask.pask-myemployment:before { | |
content: "\49"; | |
} | |
.pask.pask-manageteam:before { | |
content: "\4a"; | |
} | |
.pask.pask-careerdevelopment:before { | |
content: "\4b"; | |
} | |
.pask.pask-benefits:before { | |
content: "\4c"; | |
} | |
.pask.pask-codeconduct:before { | |
content: "\4d"; | |
} | |
.pask.pask-companypolicies:before { | |
content: "\4e"; | |
} | |
.pask.pask-learnperform:before { | |
content: "\4f"; | |
} | |
.pask.pask-onboarding-1:before { | |
content: "\50"; | |
} | |
.pask.pask-pay:before { | |
content: "\51"; | |
} | |
.pask.pask-timeoff:before { | |
content: "\52"; | |
} | |
.pask.pask-volunteer:before { | |
content: "\53"; | |
} | |
.pask-list li { | |
margin: 5px; | |
} | |
.pask-peopledoc { | |
width: 10px; | |
height: 11px; | |
} | |
/* | |
* Owl Carousel - Animate Plugin | |
*/ | |
.owl-carousel .animated { | |
-webkit-animation-duration: 1000ms; | |
animation-duration: 1000ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
} | |
.owl-carousel .owl-animated-in { | |
z-index: 0; | |
} | |
.owl-carousel .owl-animated-out { | |
z-index: 1; | |
} | |
.owl-carousel .fadeOut { | |
-webkit-animation-name: fadeOut; | |
animation-name: fadeOut; | |
} | |
@-webkit-keyframes fadeOut { | |
0% { | |
opacity: 1; | |
} | |
100% { | |
opacity: 0; | |
} | |
} | |
@keyframes fadeOut { | |
0% { | |
opacity: 1; | |
} | |
100% { | |
opacity: 0; | |
} | |
} | |
/* | |
* Owl Carousel - Auto Height Plugin | |
*/ | |
.owl-height { | |
-webkit-transition: height 500ms ease-in-out; | |
-moz-transition: height 500ms ease-in-out; | |
-ms-transition: height 500ms ease-in-out; | |
-o-transition: height 500ms ease-in-out; | |
transition: height 500ms ease-in-out; | |
} | |
/* | |
* Core Owl Carousel CSS File | |
*/ | |
.owl-carousel { | |
display: none; | |
width: 100%; | |
-webkit-tap-highlight-color: transparent; | |
/* position relative and z-index fix webkit rendering fonts issue */ | |
position: relative; | |
z-index: 1; | |
} | |
.owl-carousel .owl-stage { | |
position: relative; | |
-ms-touch-action: pan-Y; | |
} | |
.owl-carousel .owl-stage:after { | |
content: "."; | |
display: block; | |
clear: both; | |
visibility: hidden; | |
line-height: 0; | |
height: 0; | |
} | |
.owl-carousel .owl-stage-outer { | |
position: relative; | |
overflow: hidden; | |
/* fix for flashing background */ | |
-webkit-transform: translate3d(0px, 0px, 0px); | |
} | |
.owl-carousel .owl-controls .owl-nav .owl-prev, | |
.owl-carousel .owl-controls .owl-nav .owl-next, | |
.owl-carousel .owl-controls .owl-dot { | |
cursor: pointer; | |
cursor: hand; | |
-webkit-user-select: none; | |
-khtml-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
} | |
.owl-carousel.owl-loaded { | |
display: block; | |
} | |
.owl-carousel.owl-loading { | |
opacity: 0; | |
display: block; | |
} | |
.owl-carousel.owl-hidden { | |
opacity: 0; | |
} | |
.owl-carousel .owl-refresh .owl-item { | |
display: none; | |
} | |
.owl-carousel .owl-item { | |
position: relative; | |
min-height: 1px; | |
float: left; | |
-webkit-backface-visibility: hidden; | |
-webkit-tap-highlight-color: transparent; | |
-webkit-touch-callout: none; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
} | |
.owl-carousel .owl-item img { | |
display: block; | |
width: 100%; | |
-webkit-transform-style: preserve-3d; | |
} | |
.owl-carousel.owl-text-select-on .owl-item { | |
-webkit-user-select: auto; | |
-moz-user-select: auto; | |
-ms-user-select: auto; | |
user-select: auto; | |
} | |
.owl-carousel .owl-grab { | |
cursor: move; | |
cursor: -webkit-grab; | |
cursor: -o-grab; | |
cursor: -ms-grab; | |
cursor: grab; | |
} | |
.owl-carousel.owl-rtl { | |
direction: rtl; | |
} | |
.owl-carousel.owl-rtl .owl-item { | |
float: right; | |
} | |
/* No Js */ | |
.no-js .owl-carousel { | |
display: block; | |
} | |
/* | |
* Owl Carousel - Lazy Load Plugin | |
*/ | |
.owl-carousel .owl-item .owl-lazy { | |
opacity: 0; | |
-webkit-transition: opacity 400ms ease; | |
-moz-transition: opacity 400ms ease; | |
-ms-transition: opacity 400ms ease; | |
-o-transition: opacity 400ms ease; | |
transition: opacity 400ms ease; | |
} | |
.owl-carousel .owl-item img { | |
transform-style: preserve-3d; | |
} | |
/* | |
* Owl Carousel - Video Plugin | |
*/ | |
.owl-carousel .owl-video-wrapper { | |
position: relative; | |
height: 100%; | |
} | |
.owl-carousel .owl-video-play-icon { | |
position: absolute; | |
height: 80px; | |
width: 80px; | |
left: 50%; | |
top: 50%; | |
margin-left: -40px; | |
margin-top: -40px; | |
cursor: pointer; | |
z-index: 1; | |
-webkit-backface-visibility: hidden; | |
-webkit-transition: scale 100ms ease; | |
-moz-transition: scale 100ms ease; | |
-ms-transition: scale 100ms ease; | |
-o-transition: scale 100ms ease; | |
transition: scale 100ms ease; | |
} | |
.owl-carousel .owl-video-play-icon:hover { | |
-webkit-transition: scale(1.3, 1.3); | |
-moz-transition: scale(1.3, 1.3); | |
-ms-transition: scale(1.3, 1.3); | |
-o-transition: scale(1.3, 1.3); | |
transition: scale(1.3, 1.3); | |
} | |
.owl-carousel .owl-video-playing .owl-video-tn, | |
.owl-carousel .owl-video-playing .owl-video-play-icon { | |
display: none; | |
} | |
.owl-carousel .owl-video-tn { | |
opacity: 0; | |
height: 100%; | |
background-position: center center; | |
background-repeat: no-repeat; | |
-webkit-background-size: contain; | |
-moz-background-size: contain; | |
-o-background-size: contain; | |
background-size: contain; | |
-webkit-transition: opacity 400ms ease; | |
-moz-transition: opacity 400ms ease; | |
-ms-transition: opacity 400ms ease; | |
-o-transition: opacity 400ms ease; | |
transition: opacity 400ms ease; | |
} | |
.owl-carousel .owl-video-frame { | |
position: relative; | |
z-index: 1; | |
} | |
.card .card-body.pask-carousel-inner { | |
padding: 10px 20px 10px 20px; | |
} | |
.card .card-body.pask-carousel-inner .span1, | |
.card .card-body.pask-carousel-inner .span10 { | |
margin-left: 0px; | |
} | |
.card .card-body .owl-controls { | |
margin-top: 20px; | |
} | |
.carousel-master-container { | |
padding-left: 40px; | |
padding-right: 40px; | |
} | |
.carousel-master-container .carousel-container { | |
position: relative; | |
display: block; | |
padding: 0px 0px 0px 0px; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel { | |
border-left: 1px solid #e5e5e5; | |
border-right: 1px solid #e5e5e5; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel .owl-item { | |
text-align: center; | |
position: relative; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel .owl-item a { | |
padding: 25px 5px 5px 5px; | |
min-height: 120px; | |
display: block; | |
border-radius: 3px; | |
margin: 0px 1px 0px 1px; | |
color: #373737; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel .owl-item a i.pick-icon { | |
color: #373737; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel .owl-item a span.category-name { | |
position: relative; | |
display: block; | |
font-weight: bold; | |
font-size: 12px; | |
margin-top: 10px; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel .owl-item a span.category-icon { | |
position: relative; | |
display: inline-block; | |
text-align: center; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel .owl-item a span.category-icon i.pick-icon { | |
padding: 13px 0px 0px 15px; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel .owl-item a:hover { | |
text-decoration: none; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel .owl-item a:hover span.category-name { | |
color: #31a6ea; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel .owl-item a:hover span.category-icon { | |
background: transparent; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel .owl-item a:hover span.category-icon i.pick-icon { | |
color: #31a6ea; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel .owl-item a.selected { | |
text-decoration: none; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel .owl-item a.selected span.category-name { | |
color: #31a6ea; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel .owl-item a.selected span.category-icon { | |
background: #31a6ea; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel .owl-item a.selected span.category-icon i.pick-icon { | |
color: white; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel .owl-controls { | |
text-align: center; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel .owl-controls .owl-dot { | |
position: relative; | |
display: inline-block; | |
background: #b2b2b2; | |
width: 10px; | |
height: 10px; | |
border-radius: 50%; | |
margin: 0px 3px 0px 3px; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel .owl-controls .owl-dot.active { | |
background: #31a6ea; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel .owl-controls .owl-dot:hover { | |
background: #7f7f7f; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel.inner .owl-controls { | |
margin-top: 8px; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel.inner .owl-item a { | |
padding: 15px 5px 15px 5px; | |
min-height: 82px; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel.inner .owl-item a span.category-name { | |
position: relative; | |
display: block; | |
font-weight: bold; | |
font-size: 12px; | |
margin-top: -3px; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel.inner .owl-item a span.category-icon { | |
position: relative; | |
display: inline-block; | |
width: 60px; | |
height: 60px; | |
overflow: hidden; | |
border-radius: 50%; | |
text-align: center; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel.inner .owl-item a span.category-icon i.pick-icon { | |
padding: 13px 0px 0px 8px; | |
font-size: 35px; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel.inner .owl-item a:hover { | |
text-decoration: none; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel.inner .owl-item a:hover span.category-name { | |
color: #31a6ea; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel.inner .owl-item a:hover span.category-icon { | |
background: transparent; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel.inner .owl-item a:hover span.category-icon i.pick-icon { | |
color: #31a6ea; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel.inner .owl-item a.selected { | |
text-decoration: none; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel.inner .owl-item a.selected span.category-name { | |
color: #31a6ea; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel.inner .owl-item a.selected span.category-icon { | |
background: #31a6ea; | |
} | |
.carousel-master-container .carousel-container .peopleask-carousel.inner .owl-item a.selected span.category-icon i.pick-icon { | |
color: white; | |
} | |
.peopleask-carousel-nav { | |
position: absolute; | |
display: block; | |
top: 105px; | |
overflow: hidden; | |
text-align: center; | |
padding: 0px 0px 0px 0px; | |
margin-top: -40px; | |
font-size: 40px; | |
width: 40px; | |
vertical-align: middle; | |
color: #31a6ea; | |
} | |
.peopleask-carousel-nav.rwd { | |
left: 10px; | |
test-align: left; | |
} | |
.peopleask-carousel-nav.fwd { | |
right: 10px; | |
test-align: right; | |
} | |
.peopleask-carousel-nav:hover, | |
.peopleask-carousel-nav:active { | |
color: #31a6ea; | |
} | |
.peopleask-carousel-nav.inner { | |
top: 129px; | |
} | |
* { | |
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important; | |
} | |
html { | |
height: 100%; | |
} | |
body { | |
min-height: 100%; | |
margin: 0; | |
padding: 0; | |
} | |
body { | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
padding: 0 10px; | |
padding-top: 50px; | |
background-color: #F1F1F1; | |
font-size: 13px; | |
} | |
#container { | |
padding-top: 60px !important; | |
margin-bottom: 60px; | |
} | |
.clear { | |
display: block; | |
clear: both; | |
border: 0; | |
} | |
.well { | |
margin: 10px 0 !important; | |
} | |
.well-inverse { | |
background-color: #fff; | |
} | |
/* Active Vs inactive Registration References */ | |
code.active-code { | |
color: green; | |
} | |
h3 { | |
font-size: 20px; | |
} | |
h3.title-background { | |
background: #eee; | |
} | |
hr { | |
margin: 20px 0; | |
border: 0; | |
border-top: 1px solid #ccc; | |
} | |
.btn-mini .btn-padding { | |
padding: 2px; | |
} | |
.btn-group .btn-mini { | |
padding: 5px; | |
text-align: center; | |
} | |
.btn-cancel { | |
padding: 5px; | |
margin-left: 5px; | |
border-radius: 0px; | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
background-image: none; | |
} | |
.btn-ask { | |
border-radius: 0px; | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
background: #ccc; | |
margin-right: 5px; | |
padding: 4px 17px; | |
} | |
.btn-ask:hover { | |
background: #ddd; | |
} | |
.submit-red-space { | |
margin-left: 5px; | |
} | |
/* Employee */ | |
form#category-search { | |
text-align: center; | |
margin: 0 auto; | |
} | |
form#category-search input[type=text] { | |
width: 70%; | |
height: 30px; | |
border: 1px solid #acacac; | |
border-radius: 0px; | |
margin: 20px 0; | |
} | |
#category-pick h2 { | |
font-size: 20px; | |
font-weight: 600; | |
margin-left: 30px; | |
} | |
#category-pick ul li.category { | |
margin: 25px; | |
width: 125px; | |
} | |
.lt-ie9 #category-pick ul li.category { | |
width: 95px; | |
} | |
#category-pick ul li.category a h4, | |
#category-pick ul li.category a .h4 { | |
position: relative; | |
display: block; | |
color: black; | |
font-size: 14px; | |
width: 100%; | |
} | |
#category-picker ul { | |
text-align: center; | |
} | |
#routing-proposal ul { | |
padding: 0; | |
margin: 0; | |
} | |
#routing-proposal ul li { | |
padding: 0; | |
margin: 0; | |
list-style: none; | |
} | |
#routing-proposal ul li a { | |
font-weight: bold; | |
} | |
#routing-proposal ul li em { | |
color: #b2b2b2; | |
} | |
#routing-proposal ul li span { | |
color: #b2b2b2; | |
font-size: 13px; | |
} | |
#routing-proposal ul li span .fa-invers { | |
color: white; | |
} | |
.see-more { | |
text-align: right; | |
margin-right: 20px; | |
} | |
.see-more a { | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-weight: 600; | |
display: inline-block; | |
padding-right: 25px; | |
background: url('../../../_base/img/plus-e1ede8567a.png') no-repeat; | |
background-position: top right; | |
} | |
/* Category detail */ | |
#category-picker { | |
clear: both; | |
} | |
#category-picker h2 { | |
font-size: 20px; | |
font-weight: 600; | |
margin-left: 30px; | |
} | |
#category-picker ul { | |
list-style-type: none; | |
margin-top: 20px; | |
} | |
#category-picker ul li.category { | |
padding: 0 50px; | |
} | |
#category-picker ul li.category a { | |
display: inline-block; | |
vertical-align: top; | |
margin: 20px; | |
opacity: 0.5; | |
width: 11%; | |
} | |
#category-picker ul li.category a img { | |
display: block; | |
height: 70px; | |
width: 90px; | |
margin: auto; | |
} | |
#category-picker ul li.category a.selected { | |
opacity: 1; | |
} | |
#category-picker ul li.category a.selected:hover { | |
color: white; | |
} | |
#category-picker ul li.category a.selected h4, | |
#category-picker ul li.category a.selected .h4 { | |
color: white; | |
background: url('../../../_base/img/category_bg-c355101301.png') no-repeat center bottom; | |
} | |
#category-picker ul li.category a h4, | |
#category-picker ul li.category a .h4 { | |
color: black; | |
font-size: 14px; | |
text-align: center; | |
padding: 0 5px; | |
padding-top: 9px; | |
height: auto; | |
padding-bottom: 25px; | |
word-wrap: break-word; | |
} | |
#category-picker .carousel-control { | |
background: url('../../../_base/img/carousel-control-7f8363910a.png'); | |
width: 30px; | |
height: 30px; | |
overflow: hidden; | |
text-indent: -9999px; | |
border-radius: 0; | |
opacity: 1; | |
} | |
#category-picker .carousel-control.left { | |
background-position: 0 0; | |
} | |
#category-picker .carousel-control.right { | |
background-position: 30px 0; | |
} | |
#category-picker .carousel-control:hover { | |
opacity: 0.5; | |
} | |
/* Tables */ | |
table tbody > tr > td.table-vert-align { | |
vertical-align: middle; | |
} | |
table.table-no-border th, | |
table.table-no-border td { | |
border-top: none; | |
} | |
/* Ticket list */ | |
table.table-large td { | |
padding-top: 15px; | |
padding-bottom: 15px; | |
} | |
table tr.clickable:hover { | |
cursor: pointer; | |
} | |
table thead { | |
font-size: 10.5px; | |
background-color: #eee; | |
} | |
table thead .btn-group .btn { | |
border: none !important; | |
background: transparent !important; | |
padding: 0 !important; | |
} | |
table thead .btn-group .btn.active { | |
margin-right: 5px !important; | |
padding-right: 5px !important; | |
border-right: 1px solid #DDD !important; | |
color: #31a6ea !important; | |
} | |
table thead .btn-group .btn:hover { | |
text-decoration: underline !important; | |
} | |
table .cell-fit-content { | |
width: 1%; | |
white-space: nowrap; | |
} | |
.table th .btn-group .btn-mini { | |
padding-top: 2px; | |
padding-bottom: 2px; | |
} | |
#process-list .table tr:first-child td { | |
border-top: none; | |
} | |
#process-list .table tr:first-child td span { | |
font-weight: bold; | |
} | |
#process-list table span { | |
font-weight: bold; | |
line-height: 29px; | |
} | |
.table td.td-fit { | |
width: 1px; | |
} | |
.table td .badge, | |
.tck-container .badge { | |
display: inline-block; | |
margin-top: 10px; | |
margin-left: 20px; | |
} | |
.table td p, | |
.tck-container p { | |
margin: 0; | |
} | |
.table td p + p, | |
.tck-container p + p { | |
margin-top: 5px; | |
} | |
.tck-container p + p { | |
margin-top: 0px; | |
} | |
h2 { | |
padding-bottom: 10px; | |
margin-bottom: 30px; | |
font-size: 30px; | |
border-bottom: 1px solid #b2b2b2; | |
} | |
.ticket-list span.category { | |
display: inline-block; | |
margin-left: 15px; | |
} | |
#default-form .navbar-form { | |
margin-top: 0px; | |
} | |
#default-form p { | |
text-align: left; | |
} | |
#default-form p label { | |
display: inline-block; | |
} | |
.lt-ie9 #default-form p label { | |
min-width: 200px; | |
} | |
#default-form textarea { | |
padding: 10px; | |
height: 220px; | |
} | |
#default-form div.submit { | |
text-align: right; | |
} | |
/* overdue */ | |
tr.overdue td { | |
background-color: #fedbdb; | |
} | |
/* Ticket detail */ | |
#ticket-comment-row .well { | |
margin-top: 0 !important; | |
} | |
.ticket-comment { | |
padding-left: 13px; | |
border-left: 2px solid #B8B9B9; | |
} | |
.ticket-comment .media-icon { | |
margin-right: 15px; | |
} | |
.ticket-comment-self { | |
border-color: #31a6ea; | |
} | |
#ticket-comment-list .nav { | |
margin-bottom: 0; | |
} | |
#ticket-comment-list .tab-content { | |
border-radius: 0; | |
} | |
#ticket-comment-list .card { | |
margin-top: 0px; | |
} | |
/* Manager Dashboard */ | |
.stats-sidebar p.alert { | |
margin-bottom: 0px; | |
color: #51A351; | |
background-color: #D9EDF7; | |
border: 1px solid #BCE8F1; | |
font-weight: bold; | |
} | |
.stats-sidebar .well h4, | |
.stats-sidebar .card-body h4, | |
.stats-sidebar .well .h4, | |
.stats-sidebar .card-body .h4 { | |
text-transform: uppercase; | |
font-size: 14px; | |
margin: 5px 0; | |
} | |
.stats-sidebar .well .muted, | |
.stats-sidebar .card-body .muted { | |
margin: 5px 0 10px 0; | |
} | |
.stats-sidebar .well .counter, | |
.stats-sidebar .card-body .counter { | |
display: block; | |
text-align: center; | |
} | |
.stats-sidebar .well .counter.border, | |
.stats-sidebar .card-body .counter.border { | |
padding-right: 20px; | |
border-right: 1px solid #d0d0d0; | |
} | |
.stats-sidebar .well .counter span, | |
.stats-sidebar .card-body .counter span { | |
display: block; | |
font-size: 30px; | |
font-weight: bold; | |
line-height: 60px; | |
text-transform: none; | |
} | |
.stats-sidebar .well .counter span.blue, | |
.stats-sidebar .card-body .counter span.blue { | |
color: #31a6ea; | |
} | |
.stats-sidebar .well .counter span.green, | |
.stats-sidebar .card-body .counter span.green { | |
color: #92c840; | |
} | |
.stats-sidebar .well .counter span.orange, | |
.stats-sidebar .card-body .counter span.orange { | |
color: #eb882d; | |
} | |
.stats-sidebar .well .counter span.middle, | |
.stats-sidebar .card-body .counter span.middle { | |
margin: auto; | |
} | |
.stats-sidebar .well .counter span em, | |
.stats-sidebar .card-body .counter span em { | |
font-size: 0.35em; | |
font-style: normal; | |
} | |
.stats-sidebar .well a, | |
.stats-sidebar .card-body a { | |
font-size: 14px; | |
} | |
.stats-sidebar .well .label-success, | |
.stats-sidebar .card-body .label-success { | |
background-color: #51A351; | |
padding: 3px 10px; | |
font-size: 14px; | |
font-weight: bold; | |
} | |
/* Stats */ | |
.muted-title { | |
margin-top: -25px; | |
margin-bottom: 30px; | |
} | |
#filter-bar input[name*='date'] { | |
width: 70%; | |
} | |
/* specific icons (nice colors) */ | |
.icon-yellow { | |
background-image: url('../../../_base/img/glyphicons-halflings-yellow-da4f8f2810.png'); | |
} | |
.icon-red { | |
background-image: none; | |
} | |
.icon-green { | |
background-image: url('../../../_base/img/glyphicons-halflings-green-ed903fe73f.png'); | |
} | |
.sidebar-nav .form-search #query { | |
width: 75% !important; | |
height: 26px; | |
border: 1px solid #b2b2b2; | |
} | |
.sidebar-nav .form-search .submit-red { | |
width: 36px; | |
padding: 3px; | |
} | |
.sidebar-nav a.selected { | |
font-weight: bold; | |
} | |
.sidebar-nav .nav-header { | |
padding: 3px 0; | |
color: #283136; | |
margin: 0 0 5px; | |
} | |
.sidebar-nav li.field { | |
margin-left: -15px; | |
} | |
.sidebar-nav li.field select { | |
width: 235px; | |
height: 36px; | |
} | |
.strong { | |
font-weight: 600; | |
} | |
.yellow { | |
color: #efb528; | |
} | |
.red { | |
color: #841217; | |
} | |
.green { | |
color: #51A351; | |
} | |
/* Ticket detail */ | |
.profil-pic { | |
margin-right: 20px; | |
} | |
code.active-code { | |
color: #51A351; | |
} | |
.striped-divs > .people-item { | |
padding: .5em; | |
margin-bottom: 1em; | |
} | |
.striped-divs > .people-item:nth-child(odd) { | |
background-color: #f9f9f9; | |
} | |
.errors { | |
color: #d74e55; | |
} | |
.errors + label, | |
.errors + select { | |
border-color: #d74e55; | |
} | |
.errorlist { | |
list-style: none; | |
} | |
.errorlist li { | |
color: #d74e55; | |
} | |
.placeholder { | |
background-color: #EEE; | |
border: 1px solid #BBB; | |
height: 50px; | |
} | |
img.avatar { | |
display: block; | |
margin: auto; | |
height: 50px; | |
} | |
.ask { | |
text-align: center; | |
background: url('../../../_base/img/ask-8081b79f48.png') no-repeat center; | |
height: 450px; | |
} | |
.media-body textarea { | |
width: 98%; | |
min-height: 200px; | |
} | |
form.pare input[type=text], | |
form.popup input[type=text], | |
form.pare textarea, | |
form.popup textarea, | |
form.pare select, | |
form.popup select { | |
width: auto; | |
} | |
.sidebar-nav select { | |
width: 100%; | |
} | |
.btn-mini { | |
padding: 5px 0 0 5px; | |
} | |
/* Knowledge base */ | |
.article-aside .well td { | |
padding: 20px 0; | |
} | |
.article-aside .well th { | |
padding: 20px 0; | |
} | |
.article-title { | |
line-height: 20px; | |
} | |
.article-subtitle { | |
font-size: 12px; | |
font-weight: normal; | |
} | |
.ellipsis { | |
text-overflow: ellipsis; | |
white-space: nowrap; | |
overflow: hidden; | |
width: 248px; | |
} | |
.bordered table { | |
border-collapse: collapse; | |
} | |
.bordered table td, | |
.bordered table th { | |
border: 1px solid black; | |
padding: 4px; | |
} | |
.bordered iframe { | |
width: 100%; | |
} | |
#article-generic-link { | |
width: 90%; | |
} | |
/* Modal */ | |
.shortcuts .nav-tabs { | |
border-bottom: none; | |
} | |
.shortcuts .nav-tabs .dropdown a { | |
border: none; | |
} | |
.shortcuts .nav-tabs .dropdown ul.dropdown-menu a { | |
color: black !important; | |
} | |
#dynamic-form-data p label { | |
font-weight: bold; | |
} | |
#dynamic-form-data ul { | |
list-style-type: none; | |
} | |
#dynamic-form-data ul li input { | |
margin-right: 5px; | |
} | |
#ticket_render th { | |
width: 35%; | |
padding-right: 50px; | |
text-align: right; | |
color: #b2b2b2; | |
} | |
#list_join_file, | |
.list_join_file { | |
list-style-type: none; | |
} | |
#ticket-links .tickets li { | |
border-bottom: 1px solid #DDE3E6; | |
} | |
#ticket-links .tickets a.span8:hover, | |
#ticket-links .tickets a.span8:active { | |
text-decoration: none; | |
} | |
#ticket-links .tickets a.span8 .muted { | |
position: relative; | |
display: block; | |
background: transparent; | |
border: none !important; | |
padding: 2px 2px 2px 2px; | |
} | |
#ticket-links .tickets .row-fluid { | |
position: relative; | |
margin-bottom: 10px; | |
padding-bottom: 10px; | |
} | |
#ticket-links .tickets .row-fluid .fa-trash-o { | |
position: absolute !important; | |
display: block; | |
top: 5px; | |
right: 0px; | |
z-index: 100; | |
background: #ebebeb; | |
border: none; | |
width: 23px; | |
text-align: center; | |
color: black; | |
font-size: 16px; | |
padding: 3px 3px 3px 3px !important; | |
} | |
#ticket-links .tickets .row-fluid .fa-trash-o::before { | |
content: "ï€"; | |
} | |
#ticketlinks-modal #ticket-links .tickets a.span8:hover, | |
#ticketlinks-modal #ticket-links .tickets a.span8:active { | |
text-decoration: none; | |
} | |
#ticketlinks-modal #ticket-links .tickets a.span8 .muted { | |
position: relative; | |
display: block; | |
background: transparent; | |
border: none !important; | |
padding: 2px 2px 2px 2px; | |
} | |
#ticketlinks-modal #ticket-links .tickets .row-fluid { | |
position: relative; | |
margin-bottom: 10px; | |
padding-bottom: 10px; | |
border-bottom: none !important; | |
padding: 0px; | |
} | |
#ticketlinks-modal #ticket-links .tickets .row-fluid .fa-trash-o { | |
position: absolute !important; | |
display: block; | |
top: 5px; | |
right: 0px; | |
z-index: 100; | |
background: none !important; | |
border: none; | |
width: 23px; | |
text-align: center; | |
color: black; | |
font-size: 16px; | |
padding: 3px 3px 3px 3px !important; | |
} | |
#ticketlinks-modal #ticket-links .tickets .row-fluid .fa-trash-o::before { | |
content: "ï€"; | |
} | |
.modal-body { | |
max-height: 350px !important; | |
} | |
.submit-red { | |
background-color: #31a6ea; | |
background-image: none; | |
border-image: none; | |
border-radius: 4px; | |
box-shadow: none; | |
border-width: 0px 0px 2px; | |
border-style: none none solid; | |
border-color: -moz-use-text-color -moz-use-text-color #D2D2D2; | |
display: inline-block; | |
padding: 4px 12px; | |
margin-bottom: 0px; | |
font-size: 14px; | |
line-height: 22px; | |
color: white; | |
text-align: center; | |
text-shadow: none; | |
vertical-align: middle; | |
cursor: pointer; | |
background-repeat: repeat-x; | |
border-radius: 2px; | |
border-bottom: 2px solid #1a9ce8; | |
} | |
.submit-red:hover { | |
background: #48b0ec; | |
color: white; | |
text-decoration: none; | |
} | |
.btn { | |
line-height: 21px; | |
} | |
.btn.btn-danger, | |
.btn.btn-danger:hover, | |
.btn.btn-danger:active, | |
.btn.btn-danger:focus { | |
color: #ffffff; | |
text-shadow: none; | |
background-image: none; | |
background-repeat: repeat-x; | |
border-color: #d74e55; | |
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
background-color: #d74e55; | |
/* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
} | |
.btn.btn-success, | |
.btn.btn-success:hover, | |
.btn.btn-success:focus, | |
.btn.btn-success:active, | |
.btn.btn-success.active, | |
.btn.btn-success.disabled, | |
.btn.btn-success[disabled] { | |
color: #FFF; | |
background-color: #51A351; | |
background-image: none !important; | |
text-shadow: none !important; | |
border-bottom: 2px solid #408140; | |
} | |
.btn.btn-link.delete-row { | |
color: #FFF; | |
background-color: #d74e55; | |
background-image: none; | |
text-shadow: none; | |
border-color: none; | |
border: none; | |
} | |
.btn.btn-link.delete-row:hover { | |
text-decoration: none; | |
background-color: #e0787d; | |
} | |
.btn.btn-link.btn-link-neutral { | |
border-bottom: none !important; | |
background: transparent; | |
} | |
.btn.btn-success.btn-add-form { | |
color: #FFF; | |
background-color: #51A351; | |
background-image: none; | |
text-shadow: none; | |
border-color: none; | |
border: none; | |
} | |
.btn.btn-success.btn-add-form:hover { | |
text-decoration: none; | |
background-color: #6fb86f; | |
} | |
.link_comment a { | |
margin-right: 24px; | |
} | |
button.red_link { | |
font-size: 13px; | |
margin: 0; | |
padding: 0; | |
} | |
.comment_info { | |
color: #9a9a9a; | |
background-color: #e8e8e8; | |
border-color: #d3d3d3; | |
} | |
.private { | |
color: #333333; | |
background-color: #ffeced; | |
border-color: #fdd8da; | |
} | |
.private:focus { | |
border-color: #d74e55; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
} | |
.link-comment-list.disabled { | |
font-weight: bold; | |
} | |
.id_list_display { | |
border: none; | |
margin: 0; | |
} | |
#employee-menu { | |
color: #283136; | |
text-decoration: none; | |
} | |
#employee-menu:hover { | |
color: #283136; | |
text-decoration: none; | |
} | |
.ticket-header.card-heading { | |
color: inherit; | |
} | |
.ticket-header .employee-infos { | |
overflow: visible; | |
} | |
.ticket-header .employee-infos .dropdown-toggle { | |
cursor: pointer; | |
} | |
.ticket-header .employee-infos .media-body { | |
overflow: visible; | |
} | |
.ticket-header .employee_organizations { | |
overflow: hidden; | |
} | |
.sidebar-item { | |
margin-bottom: 20px; | |
} | |
.sidebar-item:last-child { | |
margin-bottom: 0px; | |
} | |
.ticket_content_footer { | |
background-color: #f5f4f4; | |
padding: 10px 20px; | |
min-height: 20px; | |
} | |
.popover_large { | |
max-width: 450px; | |
} | |
#close_display .caret { | |
margin-top: 12px; | |
} | |
.employee_header { | |
font-size: 17.5px; | |
margin: 10px 0px; | |
font-family: inherit; | |
font-weight: bold; | |
line-height: 20px; | |
color: inherit; | |
text-rendering: optimizelegibility; | |
} | |
.card-right .control-label { | |
width: 130px; | |
} | |
.card-right .controls { | |
width: 75%; | |
margin-left: 150px; | |
} | |
.card-right ul { | |
margin: auto; | |
} | |
.card-right select { | |
width: 100% !important; | |
} | |
#formbuilder .items { | |
height: 100%; | |
margin: 1px; | |
padding: 5px; | |
} | |
#formbuilder .items:hover { | |
border: #cbcbcb dashed 1px; | |
margin: 0; | |
} | |
#formbuilder .form-inline div, | |
#formbuilder .form-inline { | |
display: inline-block; | |
margin-left: 15px; | |
} | |
#formbuilder .highlight { | |
background: #FAFAD2; | |
} | |
#formbuilder .ui-draggable { | |
cursor: move; | |
} | |
#formbuilder .sortable-placeholder { | |
border: dashed 1px black; | |
} | |
#formbuilder .delete, | |
#formbuilder .update { | |
display: none; | |
cursor: pointer; | |
} | |
#formbuilder .delete { | |
color: #d74e55; | |
} | |
#formbuilder .control-label { | |
overflow: hidden; | |
} | |
#formbuilder .help-inline { | |
display: block !important; | |
width: 55%; | |
clear: both; | |
} | |
.jsonform-hasrequired .control-group { | |
margin-bottom: 20px; | |
} | |
#id_accessible_by, | |
#id_editable_by, | |
#id_visible_to_employee { | |
list-style-type: none; | |
} | |
label[for="id_accessible_by_0"], | |
label[for="id_editable_by_0"] { | |
display: none; | |
} | |
label.control-label { | |
display: block; | |
} | |
.field-visible_to_employee ul { | |
list-style-type: none; | |
} | |
/** | |
* Select auto answers modal | |
* in ticket/_ticket_comment_form.html template | |
*/ | |
#select-auto-answers-modal.modal-large { | |
width: 800px; | |
margin-left: -400px; | |
} | |
#select-auto-answers-modal.modal-large .modal-dialog { | |
width: 800px; | |
margin: 30px auto; | |
} | |
#select-auto-answers-modal .article-item { | |
cursor: pointer; | |
padding: 15px; | |
margin-top: 0px; | |
border-bottom: 1px solid #eeeeee; | |
} | |
#select-auto-answers-modal .article-item:last-child { | |
border-bottom: none; | |
} | |
#select-auto-answers-modal .article-item:hover { | |
background-color: #F6F6F6; | |
} | |
#select-auto-answers-modal .article-item .article-overview { | |
display: block; | |
} | |
#select-auto-answers-modal .article-item .article-full { | |
display: none; | |
} | |
#select-auto-answers-modal .article-item .article-more-link { | |
display: block; | |
} | |
#select-auto-answers-modal .article-item .article-less-link { | |
display: none; | |
} | |
#select-auto-answers-modal .article-item.article-item-full .article-overview { | |
display: none; | |
} | |
#select-auto-answers-modal .article-item.article-item-full .article-full { | |
display: block; | |
} | |
#select-auto-answers-modal .article-item.article-item-full .article-more-link { | |
display: none; | |
} | |
#select-auto-answers-modal .article-item.article-item-full .article-less-link { | |
display: block; | |
} | |
#select-auto-answers-modal .side-bar-container { | |
margin-bottom: 20px; | |
} | |
#select-auto-answers-modal .side-bar-container .nav { | |
margin-bottom: 0px; | |
} | |
#select-auto-answers-modal .side-bar-container:last-child { | |
margin-bottom: 0px; | |
} | |
#select-auto-answers-modal .nav > li > a { | |
padding: 5px 15px; | |
border-radius: 2px; | |
} | |
#select-auto-answers-modal .nav > li > a > .close { | |
display: none; | |
} | |
#select-auto-answers-modal .nav > li.active > a > .close { | |
display: block; | |
} | |
#select-auto-answers-modal form select { | |
width: 100%; | |
} | |
#select-auto-answers-modal button.close { | |
margin: -2px; | |
} | |
.modal-lg { | |
width: 70%; | |
margin-left: -35%; | |
} | |
.modal .modal-lg { | |
max-height: 80%; | |
} | |
#rule_dynamic_attribute { | |
margin: 0px 0px 10px; | |
} | |
.submit-red:disabled { | |
background: #999; | |
cursor: not-allowed; | |
border-bottom: none; | |
} | |
.navbar .nav.pull-right { | |
font-size: 11px; | |
} | |
.mark-internal { | |
background: #ffecec; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffecec', endColorstr='#ffecec', GradientType=0); | |
display: none; | |
} | |
.success { | |
color: #51A351; | |
} | |
.warning { | |
color: orange; | |
} | |
.error { | |
color: #d74e55; | |
} | |
.badge-count { | |
background-color: #d74e55; | |
} | |
.ticket-links-modal-ticket-btnlink { | |
cursor: pointer; | |
} | |
/* wysihtml */ | |
.wysihtml-action-active, | |
.wysihtml-command-active { | |
background: none repeat scroll 0 0 #eee !important; | |
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2) inset; | |
} | |
.wysihtml-commands-disabled [data-wysihtml-command], | |
.wysihtml-commands-disabled { | |
background-image: none !important; | |
cursor: default; | |
opacity: 0.4; | |
} | |
.wysihtml-editor { | |
overflow: hidden; | |
} | |
.toolbar fieldset { | |
margin-bottom: 10px; | |
} | |
.toolbar fieldset legend { | |
font-size: 14px; | |
line-height: 20px; | |
margin-bottom: 10px; | |
font-weight: bold; | |
} | |
.toolbar submit-red { | |
margin-left: 10px; | |
} | |
.table td .badge, | |
.tck-container .badge { | |
display: inline-block; | |
margin-top: 10px; | |
margin-left: 20px; | |
} | |
.table td p, | |
.tck-container p { | |
margin: 0; | |
} | |
.table td p + p, | |
.tck-container p + p { | |
margin-top: 5px; | |
} | |
.tck-container p + p { | |
margin-top: 0px; | |
} | |
.row-fluid .tck-container { | |
margin-left: 0px !important; | |
position: relative; | |
display: block; | |
border-bottom: 1px solid #eee; | |
border-left: 1px solid #eee; | |
border-right: 1px solid #eee; | |
padding: 12px 0px 12px 10px; | |
} | |
.row-fluid .tck-container.header { | |
background: #eee; | |
font-weight: bolder; | |
padding: 8px 0px 0px 10px; | |
} | |
.row-fluid .tck-container.result .tkt-status { | |
text-align: left; | |
} | |
.row-fluid .tck-container.result .tkt-request p.title a { | |
color: #000000; | |
font-weight: bold; | |
font-size: 14px; | |
position: relative; | |
display: block; | |
padding-bottom: 5px; | |
} | |
.row-fluid .tck-container.result .tkt-request p .request_info { | |
color: #7b7b7b; | |
} | |
.row-fluid .tck-container.result .tkt-request p .label { | |
margin-left: 0px; | |
} | |
.row-fluid .tck-container.result .tkt-messsage { | |
color: #7b7b7b; | |
} | |
.row-fluid .tck-container.result .tkt-activity { | |
color: #7b7b7b; | |
} | |
.row-fluid .tck-container.result .tkt-id, | |
.row-fluid .tck-container.result .tkt-due-date { | |
color: #7b7b7b; | |
} | |
.card-body table tr td .red, | |
.card-body table tr td .yellow, | |
.card-body table tr td .green, | |
.card-body table tr td .blue { | |
font-size: 11px; | |
} | |
p.upload-button #join_file { | |
float: right; | |
} | |
.manager-area p.upload-button #join_file { | |
float: left; | |
} | |
.lt-ie9 .card-body .label { | |
background-color: #999; | |
color: white; | |
display: inline-block; | |
font-size: 11.844px; | |
font-weight: bold; | |
line-height: 14px; | |
padding: 2px 4px; | |
text-shadow: none; | |
vertical-align: baseline; | |
white-space: normal; | |
} | |
label.radio.btn input { | |
display: none; | |
} | |
label.radio.disabled { | |
cursor: not-allowed; | |
} | |
.no-margin { | |
margin: 0; | |
} | |
.dynattrs { | |
margin: 0; | |
list-style-type: none; | |
} | |
.image-peopledoc { | |
display: inline-block; | |
height: 11px; | |
width: 10px; | |
background-image: url('../../../_base/img/icon-peopledoc-bf18a74ec9.png'); | |
} | |
.image-peopleask { | |
display: inline-block; | |
height: 11px; | |
width: 10px; | |
background-image: url('../../../_base/img/icon-peopleask-fd376189fe.png'); | |
} | |
input[type="submit"].link-form-dropdown-menu { | |
background-image: none; | |
background-color: transparent; | |
border-color: transparent; | |
box-shadow: none; | |
padding: 3px 20px; | |
border-radius: 0; | |
width: 100%; | |
text-align: left; | |
font-size: 13px; | |
} | |
input[type="submit"].link-form-dropdown-menu:hover { | |
color: #FFF; | |
text-decoration: none; | |
background-color: #31a6ea; | |
background-image: linear-gradient(to bottom, #08C, #0077B3); | |
background-repeat: repeat-x; | |
background-position: inherit; | |
text-shadow: none; | |
} | |
.endless_more { | |
margin-top: 5px; | |
} | |
.media, | |
.media .media { | |
margin-top: 20px; | |
} | |
.dropdown-menu { | |
z-index: 1000; | |
} | |
#export-form { | |
margin: 0; | |
} | |
#export-form input { | |
margin-bottom: 5px; | |
margin-left: 10px; | |
} | |
#export-form input:first-child { | |
margin-left: 0; | |
} | |
#export-form .controls { | |
margin-left: 0; | |
} | |
/* ================================================ SMALL REDESIGN ELEMENTS ========================================== */ | |
.btn { | |
background-color: #ebebeb; | |
background-image: none; | |
-moz-border-top-colors: none; | |
-moz-border-right-colors: none; | |
-moz-border-bottom-colors: none; | |
-moz-border-left-colors: none; | |
border-image: none; | |
border-radius: 4px; | |
box-shadow: none; | |
border-top: 0px; | |
border-left: 0px; | |
border-right: 0px; | |
border-bottom: 2px solid #d2d2d2; | |
} | |
.btn:hover { | |
border-bottom: 2px solid #c9c9c9; | |
} | |
.btn-separator { | |
position: relative; | |
display: inline-block; | |
border-left: 1px solid #b2b2b2; | |
padding: 4px 2px 7px; | |
margin: 0px 0px 0px 10px; | |
} | |
thead .btn { | |
border: 1px solid #A5A5A5 !important; | |
background-color: #EEE !important; | |
border-radius: 2px !important ; | |
line-height: 20px; | |
} | |
thead .btn:hover, | |
thead .btn.active { | |
background-color: white !important; | |
border: 1px solid #A5A5A5 !important; | |
box-shadow: none !important; | |
} | |
.dropdown-menu { | |
border-radius: 2px; | |
} | |
.nav-tabs .dropdown-menu { | |
border-radius: 2px 2px 2px 2px; | |
} | |
.sidebar-nav .sidebar-indicator { | |
padding: 5px 35px 5px 0px; | |
margin-bottom: 20px; | |
text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.5); | |
border: none; | |
background: transparent; | |
border-radius: 4px; | |
font-weight: bold; | |
font-weight: normal; | |
color: #696969; | |
color: black; | |
} | |
.sidebar-nav .sidebar-indicator span.nothing { | |
color: #afafaf; | |
font-style: italic; | |
} | |
.sidebar-nav .form-search #query { | |
height: auto; | |
border-right: none !important; | |
box-shadow: none !important; | |
} | |
.sidebar-nav #ticketlinks-modal #ticket-links-modal-filters { | |
padding-left: 15px; | |
} | |
.sidebar-nav #ticketlinks-modal #ticket-links-modal-tickets { | |
padding: 15px; | |
} | |
.sidebar-nav #ticketlinks-modal .modal-body { | |
padding: 0px; | |
} | |
.sidebar-nav #ticketlinks-modal .modal-body div.muted, | |
.sidebar-nav #ticketlinks-modal .modal-body span.muted, | |
.sidebar-nav #ticketlinks-modal .modal-body a.muted { | |
padding: 0px 0px 0px 0px !important; | |
margin-bottom: 0px !important; | |
text-shadow: 0px 1px 0px transparent !important; | |
border: 1px solid transparent !important; | |
border-radius: 0px !important; | |
font-weight: bold; | |
color: black !important; | |
background-color: transparent !important; | |
border-color: transparent !important; | |
} | |
.sidebar-nav #ticketlinks-modal .modal-body div.muted.fa-plus, | |
.sidebar-nav #ticketlinks-modal .modal-body span.muted.fa-plus, | |
.sidebar-nav #ticketlinks-modal .modal-body a.muted.fa-plus { | |
color: #31a6ea !important; | |
padding: 8px 8px 7px 9px !important; | |
border: 1px solid #31a6ea !important; | |
border-radius: 3px !important; | |
} | |
.sidebar-nav #ticketlinks-modal .modal-body div.muted.fa-plus:hover, | |
.sidebar-nav #ticketlinks-modal .modal-body span.muted.fa-plus:hover, | |
.sidebar-nav #ticketlinks-modal .modal-body a.muted.fa-plus:hover { | |
background: #31a6ea !important; | |
color: white !important; | |
} | |
.sidebar-nav .nav-header { | |
padding: 3px 0px 3px 0px; | |
color: #283136; | |
border-bottom: 1px solid #dde3e6; | |
margin: 0px 0px 15px 0px; | |
} | |
input.link-form-dropdown-menu[type="submit"]:hover { | |
color: #FFF; | |
text-decoration: none; | |
background-color: #31a6ea; | |
background-image: none; | |
background-repeat: repeat-x; | |
background-position: inherit; | |
text-shadow: none; | |
} | |
.popover { | |
border-radius: 0px; | |
} | |
.bootstrap-switch .bootstrap-switch-label { | |
text-align: center; | |
margin-top: -1px; | |
margin-bottom: -1px; | |
z-index: 100; | |
border-left: 1px solid rgba(0, 0, 0, 0.1); | |
border-right: 1px solid rgba(0, 0, 0, 0.1); | |
color: #333; | |
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25); | |
background-color: #F5F5F5; | |
background-image: none; | |
background-repeat: repeat-x; | |
border-color: #d2d2d2; | |
} | |
.bootstrap-switch-on { | |
box-shadow: none !important; | |
} | |
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, | |
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger { | |
background-color: #d74e55; | |
background-image: none; | |
border-color: #d2d2d2; | |
text-shadow: none; | |
} | |
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger:hover, | |
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger:hover { | |
background-color: #d74e55; | |
} | |
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, | |
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { | |
background-color: #51A351; | |
background-image: none; | |
border-color: #d2d2d2; | |
text-shadow: none; | |
} | |
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:hover, | |
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:hover { | |
background-color: #51A351; | |
} | |
.bootstrap-switch { | |
border-radius: 2px; | |
} | |
.bootstrap-switch .bootstrap-switch-handle-off { | |
border-top-right-radius: 2px; | |
border-bottom-right-radius: 2px; | |
} | |
.bootstrap-switch .bootstrap-switch-handle-on { | |
border-top-left-radius: 2px; | |
border-bottom-left-radius: 2px; | |
} | |
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, | |
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label { | |
border-top-right-radius: 2px; | |
border-bottom-right-radius: 2px; | |
} | |
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, | |
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label { | |
border-top-left-radius: 2px; | |
border-bottom-left-radius: 2px; | |
} | |
.list_join_file { | |
margin-left: 0px; | |
} | |
.list_join_file .icon-file { | |
margin-right: 8px; | |
} | |
.list_join_file .attachment-element { | |
position: relative; | |
display: block; | |
padding: 8px 8px 8px 8px; | |
border-radius: 2px; | |
background: #F5F4F4; | |
border: 1px solid #ddd9d9; | |
margin-bottom: 3px; | |
} | |
.list_join_file .attachment-remove-dialog { | |
border: none !important; | |
} | |
#list_join_file { | |
margin-left: 0px; | |
} | |
#list_join_file .attachment-element { | |
position: relative; | |
display: block; | |
padding: 8px 8px 8px 8px; | |
border-radius: 2px; | |
background: #F5F4F4; | |
border: 1px solid #ddd9d9; | |
margin-bottom: 3px; | |
} | |
#list_join_file a { | |
background: transparent !important; | |
color: black; | |
padding: 0px 0px 0px 0px; | |
} | |
#list_join_file .icon-file { | |
margin-right: 8px; | |
} | |
#list_join_file li { | |
position: relative; | |
display: block; | |
} | |
#list_join_file .attachment-remove-dialog { | |
border: none !important; | |
} | |
.modal { | |
border-radius: 0px; | |
display: none; | |
} | |
.media-body p#button_public_private { | |
margin-bottom: 0px; | |
position: relative; | |
display: block; | |
padding-left: 10px; | |
} | |
.media-body span.btn { | |
margin-right: 8px; | |
} | |
.media-body textarea { | |
background: #ffffff; | |
border: 1px solid #1583c3 !important; | |
min-height: 150px !important; | |
} | |
.media-body textarea.private { | |
background: #ffffff; | |
border: 1px solid #d74e55 !important; | |
} | |
.media-body textarea:focus { | |
box-shadow: none !important; | |
} | |
.media-body span#button_is_private.btn, | |
.media-body span#button_is_private.btn:hover { | |
position: relative; | |
background: #dcd9d7; | |
color: black !important; | |
text-shadow: none !important; | |
border-bottom: 3px solid white; | |
opacity: 1 !important; | |
border-radius: 2px 2px 2px 2px !important; | |
border-top: 0px; | |
border-left: 0px; | |
border-right: 0px; | |
} | |
.media-body span#button_is_private.btn.disabled, | |
.media-body span#button_is_private.btn:hover.disabled { | |
background: #d74e55; | |
color: white !important; | |
text-shadow: none !important; | |
border-radius: 2px 2px 0px 0px !important; | |
border-bottom: 3px solid #d74e55; | |
border-top: 0px; | |
border-left: 0px; | |
border-right: 0px; | |
} | |
.media-body span#button_is_public.btn, | |
.media-body span#button_is_public.btn:hover { | |
position: relative; | |
background: #dcd9d7; | |
color: black !important; | |
text-shadow: none !important; | |
border-bottom: 3px solid white; | |
opacity: 1 !important; | |
border-radius: 2px 2px 2px 2px !important; | |
border-top: 0px; | |
border-left: 0px; | |
border-right: 0px; | |
} | |
.media-body span#button_is_public.btn.disabled, | |
.media-body span#button_is_public.btn:hover.disabled { | |
background: #1583c3; | |
color: white !important; | |
text-shadow: none !important; | |
border-radius: 2px 2px 0px 0px !important; | |
border-bottom: 3px solid #1583c3; | |
border-top: 0px; | |
border-left: 0px; | |
border-right: 0px; | |
} | |
.media-body span.private-alert { | |
position: relative; | |
display: none; | |
float: right; | |
margin-right: 5px; | |
font-weight: bold; | |
color: #d74e55; | |
} | |
.card-right .control-label { | |
width: 25%; | |
text-align: left; | |
} | |
.card-right .controls { | |
float: left; | |
margin-left: 0; | |
} | |
.assign_manager button.red_link { | |
padding: 4px 12px; | |
text-align: center; | |
display: block; | |
width: 100%; | |
border-radius: 2px; | |
color: #333; | |
} | |
.assign_manager button.red_link:hover { | |
background-color: #E6E6E6; | |
} | |
#administration__rule_create_trigger p > label, | |
#administration__rule_create_automation p > label, | |
#administration__macro_create p > label { | |
font-weight: bold; | |
} | |
#administration__rule_create_trigger .well .wrapper, | |
#administration__rule_create_automation .well .wrapper, | |
#administration__macro_create .well .wrapper { | |
padding: 8px 8px 8px 8px; | |
background: white; | |
border: 1px solid #d5d5d5; | |
position: relative; | |
display: block; | |
margin-bottom: 10px; | |
margin-left: 0px !important; | |
} | |
#administration__rule_create_trigger .well .wrapper select, | |
#administration__rule_create_automation .well .wrapper select, | |
#administration__macro_create .well .wrapper select { | |
display: inline-block; | |
max-width: 100%; | |
margin-right: 15px; | |
} | |
#administration__rule_create_trigger .well .wrapper input, | |
#administration__rule_create_automation .well .wrapper input, | |
#administration__macro_create .well .wrapper input, | |
#administration__rule_create_trigger .well .wrapper textarea, | |
#administration__rule_create_automation .well .wrapper textarea, | |
#administration__macro_create .well .wrapper textarea { | |
width: 95%; | |
} | |
#administration__rule_create_trigger .well .wrapper span:not(.highlight), | |
#administration__rule_create_automation .well .wrapper span:not(.highlight), | |
#administration__macro_create .well .wrapper span:not(.highlight) { | |
position: relative; | |
display: block; | |
margin: 0px 0px 10px 0px !important; | |
} | |
#administration__rule_create_trigger .well .add, | |
#administration__rule_create_automation .well .add, | |
#administration__macro_create .well .add { | |
margin-top: 15px !important; | |
} | |
#administration__rule_create_trigger .well p, | |
#administration__rule_create_automation .well p, | |
#administration__macro_create .well p { | |
margin-bottom: 0; | |
} | |
#administration__rule_create_trigger .well p.pull-right, | |
#administration__rule_create_automation .well p.pull-right, | |
#administration__macro_create .well p.pull-right { | |
padding-top: 8px; | |
margin-top: 8px; | |
border-top: 1px solid #EEE; | |
position: relative; | |
display: block; | |
text-align: right; | |
width: 100%; | |
} | |
#administration__rule_create_trigger .well label, | |
#administration__rule_create_automation .well label, | |
#administration__macro_create .well label { | |
padding-right: 7px; | |
margin-right: 7px; | |
} | |
.join_file_model { | |
position: relative; | |
display: block; | |
background: white; | |
border: 1px solid #d5d5d5; | |
padding: 10px; | |
clear: both; | |
margin-top: 25px; | |
} | |
.join_file_model .row-fluid { | |
position: relative; | |
display: block; | |
width: 49%; | |
margin: 8px 8px 8px 8px; | |
padding: 0px 0px 5px 0px; | |
} | |
.join_file_model span { | |
padding-top: 8px; | |
margin-top: 8px; | |
border-top: 1px solid #EEE; | |
position: relative; | |
display: block; | |
text-align: right; | |
width: 100%; | |
} | |
.join_file_model .btn-submit { | |
color: white; | |
background: #31a6ea; | |
text-shadow: none; | |
border-bottom: 2px solid #1a9ce8; | |
} | |
.join_file_model .btn-submit:hover { | |
background: #5fbaef; | |
text-decoration: none; | |
} | |
.join_file_model:after, | |
.join_file_model:before { | |
clear: both; | |
} | |
.navbar-fixed-top .navbar-inner, | |
.navbar-static-top .navbar-inner { | |
box-shadow: none !important; | |
z-index: 999 !important; | |
} | |
.navbar-fixed-top { | |
z-index: 999 !important; | |
} | |
.btn { | |
border-radius: 2px 2px 2px 2px !important; | |
} | |
.btn.btn-primary { | |
color: white; | |
background: #31a6ea; | |
text-shadow: none; | |
border: 1px solid #158dd3; | |
} | |
.btn.btn-primary:hover { | |
background: #158dd3; | |
text-decoration: none; | |
} | |
.btn-group.open .btn-primary.dropdown-toggle { | |
background-color: transparent; | |
} | |
.btn-group.open .btn.dropdown-toggle { | |
background-color: #E6E6E6; | |
} | |
.btn-group.open .btn-primary.dropdown-toggle { | |
background-color: #158dd3; | |
} | |
.btn-group > .btn + .dropdown-toggle { | |
box-shadow: none !important; | |
} | |
.dropdown-menu > li > a:hover, | |
.dropdown-menu > li > a:focus, | |
.dropdown-submenu:hover > a, | |
.dropdown-submenu:focus > a { | |
color: #FFF; | |
text-decoration: none; | |
background-color: #31a6ea; | |
background-image: none !important; | |
background-repeat: repeat-x; | |
} | |
.modal form { | |
padding: 0; | |
margin: 0; | |
} | |
.modal .btn-default { | |
padding: 5px 10px 5px 10px; | |
margin-right: 5px; | |
} | |
.modal .modal-header { | |
background: #31a6ea; | |
color: #ffffff; | |
} | |
.tag-item button.close { | |
color: white !important; | |
text-decoration: none !important; | |
cursor: pointer !important; | |
opacity: 1.0 !important; | |
line-height: 11px !important; | |
text-shadow: none !important; | |
} | |
.catblock { | |
margin-left: 0px !important; | |
position: relative; | |
display: block; | |
padding: 10px 20px 10px 20px; | |
background: #F5F4F4 !important; | |
} | |
.catblock a { | |
color: #31a6ea; | |
text-decoration: none; | |
padding: 5px 0px 5px 0px; | |
} | |
.catblock a:hover, | |
.catblock a:active { | |
color: #31a6ea; | |
text-decoration: none; | |
} | |
.info-content { | |
position: relative; | |
display: inline-block; | |
padding: 5px 0px 5px 0px; | |
} | |
.card-body { | |
position: relative; | |
} | |
.card-body h6 { | |
margin-top: 30px; | |
} | |
.tck-sidebar-link { | |
position: relative; | |
display: block; | |
border-bottom: 1px solid #DDE3E6; | |
padding: 15px 0px 15px 0px; | |
margin: 0px 0px 0px 0px; | |
} | |
.tck-sidebar-link .tck-info span { | |
font-size: 11px; | |
position: relative; | |
display: block; | |
font-style: italic; | |
} | |
.tck-sidebar-link .tck-sidebar-link-delete { | |
background-color: #ebebeb; | |
background-image: none; | |
-moz-border-top-colors: none; | |
-moz-border-right-colors: none; | |
-moz-border-bottom-colors: none; | |
-moz-border-left-colors: none; | |
border-image: none; | |
box-shadow: none; | |
border: none; | |
border-radius: 3px; | |
border-bottom: 1px solid #d2d2d2; | |
padding: 3px 6px 3px 6px; | |
color: black; | |
margin-top: 2px; | |
font-size: 13px; | |
} | |
#ticket-links ul.tickets li:first-child .tck-sidebar-link { | |
padding: 0px 0px 15px 0px !important; | |
} | |
.tck-modal-link .tck-modal-blockcontent { | |
position: relative; | |
display: block; | |
} | |
.tck-modal-link .tck-modal-add { | |
background-color: #ebebeb; | |
background-image: none; | |
-moz-border-top-colors: none; | |
-moz-border-right-colors: none; | |
-moz-border-bottom-colors: none; | |
-moz-border-left-colors: none; | |
border-image: none; | |
box-shadow: none; | |
border: none; | |
border-radius: 3px; | |
border-bottom: 1px solid #d2d2d2; | |
padding: 3px 6px 3px 6px; | |
color: black; | |
margin-top: 2px; | |
font-size: 13px; | |
} | |
.tck-modal-link .tck-modal-add:hover { | |
text-decoration: none; | |
} | |
.tck-modal-link .tck-info { | |
margin-bottom: 10px; | |
} | |
.tck-modal-link .tck-info span { | |
font-style: italic; | |
} | |
.tck-modal-link .tck-priority { | |
margin-bottom: 10px; | |
} | |
.d-inline { | |
display: inline !important; | |
} | |
/* ========================================================================================== SMALL REDESIGN ELEMENTS NAVBAR==================================================================================== */ | |
#primary_navbar.navbar-fixed-top { | |
z-index: 999 !important; | |
} | |
#primary_navbar.navbar-fixed-top .navbar-inner { | |
background-image: none !important; | |
background-color: #ffffff; | |
border-width: 0px 0px 0px; | |
height: 50px; | |
} | |
#primary_navbar.navbar-fixed-top .navbar-inner .brand { | |
width: 120px; | |
margin-left: 0px; | |
padding: 0 0 0 0; | |
min-height: 50px; | |
} | |
#primary_navbar.navbar-fixed-top .navbar-inner .brand a.brand-off { | |
position: relative; | |
display: block; | |
width: 120px; | |
padding: 15px 0px; | |
min-height: 20px; | |
} | |
#primary_navbar.navbar-fixed-top .navbar-inner .brand a.brand-off:hover { | |
text-decoration: none; | |
} | |
#primary_navbar.navbar-fixed-top .navbar-inner ul.nav > li > a { | |
text-shadow: none; | |
color: #324052; | |
opacity: 0.7; | |
padding: 15px 15px; | |
} | |
#primary_navbar.navbar-fixed-top .navbar-inner ul.nav > li > a:hover { | |
opacity: 1; | |
} | |
#primary_navbar.navbar-fixed-top .navbar-inner ul.nav > li > a.header_user { | |
display: inline-block; | |
padding-left: 5px !important; | |
text-align: right; | |
padding: 10px 15px 13px 15px; | |
} | |
#primary_navbar.navbar-fixed-top .navbar-inner ul.nav > li > a.header_user .avatar-img { | |
position: relative; | |
display: block; | |
width: 23px; | |
height: 23px; | |
border-radius: 50%; | |
overflow: hidden; | |
float: right; | |
border: 2px solid #ffffff; | |
} | |
#primary_navbar.navbar-fixed-top .navbar-inner ul.nav > li > a.header_user .avatar-name { | |
position: relative; | |
display: block; | |
height: 23px; | |
border-radius: 50%; | |
float: right; | |
padding: 4px 0px 0px 7px; | |
} | |
#primary_navbar.navbar-fixed-top .navbar-inner ul.nav > li.open > a { | |
opacity: 1; | |
} | |
#primary_navbar.navbar-fixed-top .navbar-inner ul.nav > li .switch_lang { | |
margin: 0px 0px 0px 15px; | |
} | |
#primary_navbar.navbar-fixed-top .navbar-inner ul.nav > li.open > a, | |
#primary_navbar.navbar-fixed-top .navbar-inner ul.nav > li.selected > a { | |
background: #ffffff; | |
} | |
#primary_navbar.navbar-fixed-top .navbar-inner ul.nav > li .navbar-form { | |
position: relative; | |
display: block; | |
height: 50px; | |
padding: 0px 0px 0px 0px; | |
margin-left: 15px; | |
} | |
#primary_navbar.navbar-fixed-top .navbar-inner ul.nav > li .navbar-form #search_form { | |
display: block; | |
float: left; | |
border: 0px; | |
border-radius: 2px 0px 0px 2px; | |
width: 178px; | |
margin-top: 10px; | |
border: 1px solid #31a6ea; | |
height: 19px; | |
} | |
#primary_navbar.navbar-fixed-top .navbar-inner ul.nav > li .navbar-form .header_serach_btn { | |
display: block; | |
float: left; | |
border-radius: 0px 2px 2px 0px; | |
background-color: #31a6ea; | |
color: #ffffff; | |
border: 0px; | |
margin-top: 10px; | |
margin-left: -1px; | |
height: 29px; | |
} | |
#primary_navbar.navbar-fixed-top .navbar-inner ul.nav > li .navbar-form .header_serach_btn i { | |
text-shadow: none; | |
} | |
#secondary_navbar.navbar-fixed-top { | |
top: 50px; | |
z-index: 888 !important; | |
} | |
#secondary_navbar.navbar-fixed-top .navbar-inner { | |
background-image: none !important; | |
background-color: #31a6ea; | |
border-width: 0px 0px 0px; | |
min-height: 5px; | |
} | |
#secondary_navbar.navbar-fixed-top .navbar-inner ul.nav { | |
margin-right: 0px; | |
} | |
#secondary_navbar.navbar-fixed-top .navbar-inner ul.nav > li > a { | |
text-shadow: none; | |
color: #ffffff; | |
opacity: 0.8; | |
padding: 8px 15px; | |
} | |
#secondary_navbar.navbar-fixed-top .navbar-inner ul.nav > li > a:hover { | |
opacity: 1; | |
} | |
#secondary_navbar.navbar-fixed-top .navbar-inner ul.nav > li > a .caret { | |
border-top: 4px solid #ffffff !important; | |
} | |
#secondary_navbar.navbar-fixed-top .navbar-inner ul.nav > li.open > a, | |
#secondary_navbar.navbar-fixed-top .navbar-inner ul.nav > li.selected > a { | |
opacity: 1; | |
background: #76c4f1; | |
} | |
#secondary_navbar.navbar-fixed-top .sub-brand-sep { | |
width: 120px; | |
} | |
.media-icon { | |
width: 34px; | |
height: 34px; | |
overflow: hidden; | |
border-radius: 50% 50% 50% 50%; | |
border: 2px solid #c6c6c6; | |
text-align: center; | |
} | |
.media-icon img { | |
border: none; | |
width: 34px; | |
height: auto; | |
} | |
h4, | |
h2 { | |
font-size: 18px; | |
} | |
h1, | |
h2, | |
h3 { | |
line-height: 20px; | |
} | |
.no-margin-left { | |
margin-left: 0 !important; | |
} | |
#modal_auto_answer_save #id_body { | |
min-height: 150px; | |
} | |
table tbody td.center { | |
text-align: center; | |
} | |
table tbody td.content .icon { | |
margin-left: 8px; | |
} | |
#manager__ticket_detail .sidebar-nav a.btn-block { | |
overflow: hidden; | |
} | |
.card { | |
margin-bottom: 30px; | |
background-color: #ffffff; | |
box-shadow: 1px 1px 2px #c4c4c4; | |
border-radius: 2px; | |
} | |
.card.card-minheight { | |
min-height: 180px; | |
} | |
.card .card-heading { | |
margin: 0; | |
background-color: #ffffff; | |
min-height: 19px; | |
color: #777; | |
border-bottom: 1px solid #e5e5e5; | |
padding: 15px 20px; | |
position: relative; | |
} | |
.card .card-heading .small { | |
font-size: 14px; | |
} | |
.card .card-heading h1, | |
.card .card-heading h2, | |
.card .card-heading h3, | |
.card .card-heading h4, | |
.card .card-heading h5, | |
.card .card-heading h6 { | |
margin: 5px 0; | |
border: 0; | |
padding: 0; | |
} | |
.card .card-heading.employee-info { | |
border-bottom: none; | |
} | |
.card .card-heading.ticket-header { | |
background: #31a6ea; | |
color: #ffffff; | |
padding: 10px 20px; | |
min-height: 38px; | |
} | |
.card .card-heading.ticket-header .tck-head-avatar { | |
position: absolute; | |
display: block; | |
top: 10px; | |
left: 10px; | |
width: 34px; | |
height: 34px; | |
border-radius: 50% 50% 50% 50%; | |
overflow: hidden; | |
border: 2px solid #158dd3; | |
} | |
.card .card-heading.ticket-header .tck-head-infos { | |
position: relative; | |
display: block; | |
margin-left: 40px; | |
margin-top: 8px; | |
} | |
.card .card-heading.ticket-header .tck-head-infos span.employee, | |
.card .card-heading.ticket-header .tck-head-infos span.tck { | |
font-size: 20px; | |
font-weight: bold; | |
color: white; | |
} | |
.card .card-heading.ticket-header .tck-head-infos .dropdown span.employee, | |
.card .card-heading.ticket-header .tck-head-infos .dropdown span.tck { | |
cursor: pointer; | |
} | |
.card .card-heading.ticket-header .tck-head-infos .dropdown span.employee:hover, | |
.card .card-heading.ticket-header .tck-head-infos .dropdown span.tck:hover, | |
.card .card-heading.ticket-header .tck-head-infos .dropdown span.employee:active, | |
.card .card-heading.ticket-header .tck-head-infos .dropdown span.tck:active { | |
text-decoration: none !important; | |
} | |
.card .card-heading.ticket-header .tck-head-infos span.tck-head-infos-error { | |
display: block; | |
position: relative; | |
color: #ffffff; | |
} | |
.card .card-heading.ticket-header .tck-head-infos span.tck-head-infos-orga { | |
display: block; | |
position: relative; | |
font-style: italic; | |
} | |
.card .card-heading.ticket-header .tck-head-infos span.tck-head-infos-orga .orga-name { | |
border-bottom: 1px dotted; | |
} | |
.card .card-heading.ticket-header .tck-head-infos.employee { | |
margin-left: 0px; | |
} | |
.card .card-heading.ticket-header .tck-head-infos-right { | |
text-align: right; | |
} | |
.card .card-heading.ticket-header .orga-popover:after { | |
bottom: 100%; | |
left: 50%; | |
border: solid transparent; | |
content: " "; | |
height: 0; | |
width: 0; | |
position: absolute; | |
pointer-events: none; | |
border-color: rgba(136, 183, 213, 0); | |
border-bottom-color: #fff; | |
border-width: 8px; | |
margin-left: -8px; | |
} | |
.card .card-heading.image img { | |
display: inline-block; | |
width: 46px; | |
height: 46px; | |
margin-right: 15px; | |
vertical-align: top; | |
border: 0; | |
} | |
.card .card-heading.image .card-heading-header { | |
display: block; | |
vertical-align: top; | |
} | |
.card .card-heading.image .card-heading-header h3 { | |
margin: 0; | |
padding: 0; | |
} | |
.card .card-heading.image .card-heading-header span { | |
font-size: 12px; | |
color: #999999; | |
} | |
.card .card-body { | |
padding: 20px; | |
} | |
.card .card-media { | |
padding: 0 20px; | |
margin: 0 -14px; | |
} | |
.card .card-media img { | |
max-width: 100%; | |
max-height: 100%; | |
} | |
.card .card-actions { | |
min-height: 30px; | |
padding: 0 20px 20px 20px; | |
margin: 20px 0 0 0; | |
} | |
.card .card-footer { | |
padding: 20px; | |
margin: 0; | |
background-color: #f8f8f8; | |
} | |
.card .card-body table:last-child { | |
margin-bottom: 0px; | |
} | |
.gbl-avatar { | |
position: relative; | |
display: block; | |
width: 44px; | |
height: 44px; | |
overflow: hidden; | |
border-radius: 50% 50% 50% 50%; | |
border: 2px solid #c6c6c6; | |
} | |
.gbl-avatar img { | |
height: auto; | |
} | |
.gbl-avatar.profil-pic { | |
margin-right: 44px; | |
} | |
#select-show { | |
display: none; | |
} | |
.nav-tabs > li { | |
overflow-x: hidden; | |
} | |
.nav-tabs > .active > a, | |
.nav-tabs > .active > a:hover, | |
.nav-tabs > .active > a:focus { | |
border-color: transparent transparent transparent; | |
box-shadow: 1px 1px 2px #C4C4C4; | |
outline: none !important; | |
} | |
.popover-links { | |
border-bottom: 1px dotted; | |
line-height: 1.2em; | |
cursor: pointer; | |
} | |
.popover-links.popover-links--empty { | |
border-bottom: none; | |
cursor: auto; | |
} | |
.extra_infos { | |
margin-bottom: 5px; | |
display: inline-block; | |
} | |
.extra_infos a:hover { | |
text-decoration: none; | |
} | |
.label, | |
.badge { | |
text-shadow: none; | |
background-color: #cecece; | |
} | |
.ticket-table { | |
font-size: 12px; | |
} | |
.ticket-table h4, | |
.ticket-table .h4 { | |
padding: 0; | |
margin: 0; | |
font-size: 14px; | |
display: inline-block; | |
margin-bottom: 8px; | |
line-height: 14px; | |
font-weight: normal; | |
color: #404040; | |
} | |
.ticket-table h4.bold, | |
.ticket-table .h4.bold { | |
font-weight: bold; | |
color: black; | |
} | |
.ticket-table .tck-indicator { | |
position: relative; | |
display: inline-block; | |
font-size: 12px; | |
margin: 0px 5px 0px 0px; | |
} | |
.ticket-table .tck-indicator.category { | |
background: #b2b2b2; | |
color: white; | |
padding: 0px 7px 0px 5px; | |
font-weight: bold; | |
font-size: 11px; | |
border-radius: 3px; | |
} | |
.ticket-table .tck-indicator.due-date { | |
color: #d74e55; | |
padding: 0px 7px 0px 5px; | |
font-weight: bold; | |
font-size: 11px; | |
} | |
.ticket-table .tck-indicator.comments { | |
color: #404040; | |
} | |
.ticket-table .tck-indicator.comments .fa { | |
color: #b2b2b2; | |
font-size: 14px; | |
} | |
.ticket-table .tck-indicator.comments.red .fa { | |
color: #d74e55; | |
} | |
.ticket-table .tck-indicator.attached { | |
color: #404040; | |
} | |
.ticket-table .tck-indicator.attached .fa { | |
color: #b2b2b2; | |
font-size: 14px; | |
} | |
.ticket-table .column-3 .fa { | |
color: #b2b2b2; | |
font-size: 14px; | |
} | |
.ticket-table .column-4 .none { | |
font-style: italic; | |
color: #b2b2b2; | |
} | |
.ticket-table .column-6 .icon-arrow-right, | |
.ticket-table .column-6 .icon-arrow-down, | |
.ticket-table .column-6 .icon-arrow-up { | |
display: none; | |
} | |
.ticket-table .column-7 { | |
color: #b2b2b2; | |
} | |
.popover { | |
position: absolute; | |
top: 0px; | |
left: 0px; | |
z-index: 1010; | |
display: none; | |
max-width: 500px; | |
padding: 0px; | |
text-align: left; | |
white-space: normal; | |
background-color: #FFF; | |
border: 1px solid rgba(0, 0, 0, 0.2); | |
border-radius: 0px; | |
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2); | |
} | |
.popover .popover-title { | |
background: #31a6ea; | |
color: white; | |
border-radius: 0px 0px 0px 0px; | |
} | |
.popover .popover-content p { | |
margin: 0; | |
} | |
.gal-categorie { | |
position: relative; | |
display: inline-block; | |
font-size: 12px; | |
margin: 0px 0px 0px 0px; | |
background: #b2b2b2; | |
color: white; | |
padding: 0px 7px 0px 5px; | |
font-weight: bold; | |
font-size: 11px; | |
border-radius: 3px; | |
} | |
ul.messages { | |
list-style: none; | |
padding: 0px; | |
margin: 0px; | |
} | |
.heading-cartidge { | |
position: relative; | |
display: block; | |
padding: 15px; | |
background-color: #31a6ea; | |
margin-bottom: 0px; | |
} | |
.heading-cartidge h2, | |
.heading-cartidge h4 { | |
font-size: 17px; | |
color: white; | |
font-weight: bold; | |
margin: 0; | |
padding: 0; | |
border: none; | |
} | |
.white { | |
color: white; | |
} | |
.lnk-alone { | |
color: #333333; | |
position: relative; | |
display: inline-block; | |
padding: 5px 0px 6px 13px; | |
border-left: 1px solid #b2b2b2; | |
margin: 0px 0px 0px 16px; | |
} | |
.btn-group.open .btn-primary.dropdown-toggle { | |
padding-left: 8px; | |
padding-right: 8px; | |
margin-left: -1px; | |
} | |
.burger { | |
color: #324052; | |
font-size: 22px; | |
padding: 14px 9px 0px 0px; | |
cursor: pointer; | |
} | |
.burger:hover { | |
color: #324052; | |
font-size: 22px; | |
padding: 14px 9px 0px 0px; | |
cursor: pointer; | |
} | |
.badge-icon { | |
display: inline-block; | |
width: 20px; | |
height: 20px; | |
padding: 5px 0px 0px 0px; | |
} | |
.badge-icon.created { | |
background: url('../../../_base/img/sprite-status-2a54bbeefb.png') no-repeat center 0px; | |
} | |
.badge-icon.opened { | |
background: url('../../../_base/img/sprite-status-2a54bbeefb.png') no-repeat center -25px; | |
} | |
.badge-icon.pending { | |
background: url('../../../_base/img/sprite-status-2a54bbeefb.png') no-repeat center -52px; | |
} | |
.badge-icon.closed { | |
background: url('../../../_base/img/sprite-status-2a54bbeefb.png') no-repeat center -78px; | |
} | |
.badge-icon.archived { | |
background: url('../../../_base/img/sprite-status-2a54bbeefb.png') no-repeat center -104px; | |
} | |
p.btn-bottom { | |
text-align: right !important; | |
position: relative; | |
display: block; | |
} | |
p.btn-bottom input:disabled { | |
border-color: #6a6a6a; | |
padding-right: 25px; | |
} | |
p.btn-bottom .fa-spinner { | |
position: absolute; | |
display: block; | |
top: 9px; | |
right: 8px; | |
color: #FFF; | |
} | |
p.link_comment { | |
position: relative; | |
display: block; | |
} | |
p.link_comment input:disabled { | |
border-color: #6a6a6a; | |
padding-right: 25px; | |
} | |
p.link_comment .fa-spinner { | |
position: absolute; | |
display: block; | |
top: 9px; | |
right: 8px; | |
color: #FFF; | |
} | |
select { | |
max-width: 100%; | |
} | |
ul.stylized-ul { | |
list-style: none; | |
padding: 0; | |
margin: 0; | |
} | |
/* ====== EMPLOYEE SPECIFIC ======== */ | |
.employee-area #primary_navbar.navbar-fixed-top .navbar-inner ul.nav > li > a { | |
opacity: 1; | |
} | |
.employee-area #primary_navbar.navbar-fixed-top .navbar-inner ul.nav > li > a:hover { | |
color: #31a6ea; | |
} | |
.employee-area #primary_navbar.navbar-fixed-top .navbar-inner ul.nav > li.open > a, | |
.employee-area #primary_navbar.navbar-fixed-top .navbar-inner ul.nav > li.selected > a { | |
background: #31a6ea; | |
color: white; | |
} | |
.employee-area #primary_navbar .badge { | |
background: #b30000; | |
} | |
.employee-area #secondary_navbar .navbar-inner { | |
font-size: 0px; | |
line-height: 3px; | |
} | |
.employee-area #container { | |
padding-top: 40px !important; | |
} | |
.employee-area .btn-cancel { | |
background: transparent; | |
border-color: transparent; | |
} | |
.employee-area .media-body textarea { | |
background: #ffffff none repeat scroll 0% 0%; | |
border: 1px solid #c9c9c9 !important; | |
min-height: 150px !important; | |
} | |
.wrapper .span11 .form-inline .form { | |
margin-left: 0px; | |
} | |
/* ================ Articles and forms icons ================= */ | |
ul.item-box-container { | |
/* Artciles */ | |
/* Forms */ | |
} | |
ul.item-box-container .fa.my-fa-item:before { | |
position: absolute; | |
display: block; | |
width: 25px; | |
height: 25px; | |
top: 0px; | |
left: -25px; | |
color: #31a6ea; | |
border-radius: 50%; | |
text-align: center; | |
line-height: 24px; | |
} | |
ul.item-box-container li { | |
position: relative; | |
display: block; | |
} | |
ul.item-box-container li a { | |
font-weight: normal; | |
color: #373737; | |
} | |
ul.item-box-container li a:hover { | |
color: #31a6ea; | |
} | |
ul.item-box-container #important-articles, | |
ul.item-box-container #popular-articles, | |
ul.item-box-container #category-articles, | |
ul.item-box-container #related-articles, | |
ul.item-box-container #searched-articles { | |
padding-left: 45px; | |
} | |
ul.item-box-container #important-articles li, | |
ul.item-box-container #popular-articles li, | |
ul.item-box-container #category-articles li, | |
ul.item-box-container #related-articles li, | |
ul.item-box-container #searched-articles li { | |
position: relative; | |
display: block; | |
margin: 0px 0px 18px 0px; | |
padding-left: 0px; | |
} | |
ul.item-box-container #important-articles .fa.my-fa-item:before, | |
ul.item-box-container #popular-articles .fa.my-fa-item:before, | |
ul.item-box-container #category-articles .fa.my-fa-item:before, | |
ul.item-box-container #related-articles .fa.my-fa-item:before, | |
ul.item-box-container #searched-articles .fa.my-fa-item:before { | |
content: ""; | |
} | |
ul.item-box-container #important-forms, | |
ul.item-box-container #popular-forms, | |
ul.item-box-container #category-forms, | |
ul.item-box-container #searched-forms { | |
padding-left: 45px; | |
} | |
ul.item-box-container #important-forms li, | |
ul.item-box-container #popular-forms li, | |
ul.item-box-container #category-forms li, | |
ul.item-box-container #searched-forms li { | |
position: relative; | |
display: block; | |
margin: 0px 0px 18px 0px; | |
padding-left: 0px; | |
} | |
ul.item-box-container #important-forms .fa.my-fa-item:before, | |
ul.item-box-container #popular-forms .fa.my-fa-item:before, | |
ul.item-box-container #category-forms .fa.my-fa-item:before, | |
ul.item-box-container #searched-forms .fa.my-fa-item:before { | |
content: "ï„"; | |
} | |
ul.item-box-container #related-articles { | |
padding-left: 0px; | |
} | |
.pask-list .pask { | |
padding: 0; | |
cursor: pointer; | |
} | |
.ui-sortable .pask { | |
font-size: 37px; | |
padding: 0; | |
} | |
section .loginbox { | |
background: white; | |
} | |
body#login.anonymous, | |
body#manager__login.anonymous { | |
position: relative; | |
display: block; | |
min-height: 100%; | |
padding: 0px 0px 0px 0px; | |
} | |
body#login.anonymous.brand-splash, | |
body#manager__login.anonymous.brand-splash { | |
background-size: 100% auto; | |
background-size: cover; | |
background-position: right center; | |
} | |
body#login.anonymous #primary_navbar, | |
body#manager__login.anonymous #primary_navbar { | |
border-bottom: 3px solid #31a6ea; | |
} | |
body#login.anonymous section h1, | |
body#manager__login.anonymous section h1 { | |
margin-top: 150px; | |
background: ; | |
position: relative; | |
display: inline-block; | |
font-size: 50px; | |
line-height: 40px; | |
color: white; | |
} | |
body#login.anonymous section h1 span, | |
body#manager__login.anonymous section h1 span { | |
position: relative; | |
display: block; | |
font-size: 30px; | |
} | |
body#login.anonymous section .loginbox, | |
body#manager__login.anonymous section .loginbox { | |
position: relative; | |
display: block; | |
margin-top: 35px; | |
box-shadow: 0px 0px 5px #3f3f3f; | |
background: white; | |
color: #383838; | |
padding: 35px 25px 35px 25px; | |
} | |
body#login.anonymous section .loginbox label, | |
body#manager__login.anonymous section .loginbox label { | |
position: relative; | |
display: block; | |
font-weight: 600; | |
} | |
body#login.anonymous section .loginbox .login_text, | |
body#manager__login.anonymous section .loginbox .login_text { | |
position: relative; | |
display: block; | |
width: 200px; | |
border-radius: 0px 0px 0px 0px !important; | |
border: 1px solid #cccccc; | |
box-shadow: 0 1px 3px #efefef inset !important; | |
} | |
body#login.anonymous section .loginbox .login_but, | |
body#manager__login.anonymous section .loginbox .login_but { | |
position: relative; | |
display: block; | |
border-radius: 1px 1px 1px 1px !important; | |
padding: 8px 15px 9px 15px; | |
border: none !important; | |
background: #31a6ea; | |
color: white; | |
} | |
body#login.anonymous section .loginbox div.separator, | |
body#manager__login.anonymous section .loginbox div.separator { | |
position: relative; | |
display: block; | |
font-size: 0px; | |
line-height: 0px; | |
border-bottom: 1px solid #efefef; | |
margin: 25px 0px 25px 0px; | |
} | |
body#login.anonymous section .loginbox a.form_lnk, | |
body#manager__login.anonymous section .loginbox a.form_lnk { | |
color: #31a6ea; | |
position: relative; | |
display: inline-block; | |
} | |
body#login.anonymous section .loginbox .arrow_box, | |
body#manager__login.anonymous section .loginbox .arrow_box { | |
position: relative; | |
display: inline-block; | |
margin-right: 7px !important; | |
vertical-align: text-top; | |
} | |
body#login.anonymous section .loginbox .arrow_box:after, | |
body#manager__login.anonymous section .loginbox .arrow_box:after { | |
left: 100%; | |
border: solid transparent; | |
content: " "; | |
height: 0; | |
width: 0; | |
position: absolute; | |
pointer-events: none; | |
} | |
body#login.anonymous section .loginbox .arrow_box:after, | |
body#manager__login.anonymous section .loginbox .arrow_box:after { | |
border-left-color: #31a6ea; | |
border-width: 4px; | |
top: 50%; | |
margin-top: -4px; | |
} | |
body#login.anonymous section.home-login, | |
body#manager__login.anonymous section.home-login { | |
position: absolute; | |
display: block; | |
width: 100%; | |
height: 400px; | |
top: 50%; | |
left: 0; | |
margin-top: -250px; | |
} | |
body#login.anonymous footer, | |
body#manager__login.anonymous footer { | |
position: absolute; | |
display: block; | |
left: 0; | |
bottom: 0; | |
z-index: 100; | |
color: white; | |
font-weight: bold; | |
font-size: 11px; | |
text-align: right; | |
width: 100%; | |
} | |
body#login.anonymous footer span, | |
body#manager__login.anonymous footer span { | |
position: relative; | |
display: inline-block; | |
padding: 0px 20px 20px 0px; | |
} | |
body#manager__login.anonymous.brand-splash { | |
background: #ededed; | |
} | |
body#manager__login.anonymous section .loginbox { | |
position: relative; | |
display: block; | |
width: 400px; | |
max-width: 80%; | |
left: 0; | |
float: none !important; | |
margin: 0 auto; | |
background: white; | |
color: #383838; | |
padding: 0px 0px 0px 0px; | |
} | |
body#manager__login.anonymous section .loginbox .loginbox-header { | |
padding: 15px 15px 15px 15px; | |
color: white; | |
font-size: 20px; | |
text-align: center; | |
font-weight: bold; | |
background: #31a6ea; | |
} | |
body#manager__login.anonymous section .loginbox .loginbox-body { | |
padding: 35px 35px 35px 35px; | |
} | |
/* ################################################################################################ RESPONSIVENESS ######################## */ | |
/* All except large Screens */ | |
@media (max-width: 1200px) { | |
.card-body .label { | |
background-color: #999; | |
color: white; | |
display: inline-block; | |
font-size: 11.844px; | |
font-weight: bold; | |
line-height: 14px; | |
padding: 2px 4px; | |
text-shadow: none; | |
vertical-align: baseline; | |
white-space: normal; | |
} | |
} | |
/* Only Phones and Tablets (Portrait) */ | |
@media (max-width: 979px) { | |
body { | |
padding: 0px 0px 15px 0px; | |
} | |
#primary_navbar.navbar-fixed-top { | |
margin-right: 0px; | |
margin-left: 0px; | |
margin-bottom: 0px; | |
} | |
#secondary_navbar.navbar-fixed-top .navbar-inner { | |
min-height: 0px; | |
font-size: 0; | |
height: 3px; | |
} | |
#primary_navbar.navbar-fixed-top .navbar-inner ul.nav > li > a { | |
color: white; | |
} | |
#primary_navbar.navbar-fixed-top .navbar-inner ul.nav > li > a:hover { | |
color: white; | |
} | |
#primary_navbar.navbar-fixed-top .navbar-inner ul.nav > li > a.header_user { | |
display: block; | |
max-width: auto; | |
padding-left: 5px !important; | |
min-width: 100%; | |
max-width: 100%; | |
text-align: left; | |
padding: 10px 15px 13px 15px; | |
} | |
#primary_navbar.navbar-fixed-top .navbar-inner ul.nav > li > a.header_user .avatar-img { | |
display: none; | |
} | |
#primary_navbar.navbar-fixed-top .navbar-inner ul.nav > li > a.header_user .avatar-name { | |
position: relative; | |
display: block; | |
height: 23px; | |
border-radius: 50%; | |
float: none; | |
padding: 4px 0px 0px 7px; | |
} | |
#primary_navbar.navbar-fixed-top .navbar-inner ul.nav > li .switch_lang { | |
margin-left: 0px; | |
} | |
.employee-area #primary_navbar.navbar-fixed-top .navbar-inner ul.nav > li > a { | |
opacity: 1; | |
} | |
.employee-area #primary_navbar.navbar-fixed-top .navbar-inner ul.nav > li > a:hover { | |
color: white; | |
} | |
.employee-area #primary_navbar.navbar-fixed-top .navbar-inner ul.nav > li.open > a, | |
.employee-area #primary_navbar.navbar-fixed-top .navbar-inner ul.nav > li.selected > a { | |
background: #158dd3; | |
color: white; | |
} | |
.employee-area #primary_navbar .badge { | |
background: #b30000; | |
} | |
.nav-collapse.in.collapse { | |
background-color: #31a6ea; | |
z-index: 1000; | |
box-shadow: 0px 0px 5px #073048; | |
} | |
.nav-collapse.in.collapse .dropdown-backdrop { | |
display: none !important; | |
} | |
.nav-collapse.in.collapse ul.nav li { | |
opacity: 1; | |
} | |
.nav-collapse.in.collapse ul.nav li a { | |
opacity: 1; | |
} | |
.nav-collapse.in.collapse ul.nav li a:hover { | |
background: #5fbaef; | |
} | |
.nav-collapse.in.collapse ul.nav li.selected { | |
opacity: 1; | |
} | |
.nav-collapse.in.collapse ul.nav li.selected a { | |
opacity: 1; | |
background: #158dd3; | |
} | |
.nav-collapse .nav li a { | |
border-radius: 0px; | |
} | |
.nav-collapse .navbar-form { | |
border-top: 1px solid #5fbaef; | |
border-bottom: 1px solid #5fbaef; | |
} | |
.nav-collapse .dropdown-menu { | |
margin-left: 0px; | |
margin-right: 0px; | |
} | |
.nav-collapse .dropdown-menu li a { | |
color: white; | |
display: block; | |
} | |
#container { | |
padding-top: 2px !important; | |
} | |
#category-pick.employee ul li a i { | |
position: absolute; | |
display: block; | |
top: 0px; | |
left: 0px; | |
} | |
#category-pick.employee ul li a h4 { | |
text-align: left; | |
} | |
.navbar-fixed-top { | |
margin-right: 0px; | |
margin-left: 0px; | |
} | |
body#login.anonymous, | |
body#manager__login.anonymous { | |
position: relative; | |
display: block; | |
min-height: 100%; | |
padding: 0px 0px 0px 0px; | |
} | |
body#login.anonymous.brand-splash, | |
body#manager__login.anonymous.brand-splash { | |
background-size: 100% auto; | |
background-size: cover; | |
background-position: right center; | |
} | |
body#login.anonymous #primary_navbar, | |
body#manager__login.anonymous #primary_navbar { | |
border-bottom: 3px solid #31a6ea; | |
} | |
body#login.anonymous #primary_navbar.navbar-fixed-top, | |
body#manager__login.anonymous #primary_navbar.navbar-fixed-top { | |
margin-right: 0px; | |
margin-left: 0px; | |
} | |
body#login.anonymous section .brand-block, | |
body#manager__login.anonymous section .brand-block { | |
display: none; | |
} | |
body#login.anonymous section .loginbox, | |
body#manager__login.anonymous section .loginbox { | |
left: 0; | |
max-width: 80%; | |
float: none; | |
margin: 80px auto 0; | |
padding: 25px 5%; | |
} | |
body#login.anonymous section .loginbox div.separator, | |
body#manager__login.anonymous section .loginbox div.separator { | |
position: relative; | |
display: block; | |
font-size: 0px; | |
line-height: 0px; | |
border-bottom: 1px solid #efefef; | |
margin: 15px 0px 15px 0px; | |
} | |
body#login.anonymous section.home-login, | |
body#manager__login.anonymous section.home-login { | |
position: absolute; | |
display: block; | |
width: 100%; | |
height: 400px; | |
top: 0; | |
left: 0; | |
margin-top: 0; | |
} | |
.owl-theme .owl-controls .owl-page span { | |
display: none; | |
} | |
.peopleask-carousel-nav { | |
position: absolute; | |
display: block; | |
top: 95px; | |
overflow: hidden; | |
text-align: center; | |
padding: 0px 0px 0px 0px; | |
margin-top: -40px; | |
font-size: 40px; | |
width: 40px; | |
vertical-align: middle; | |
color: #b2b2b2; | |
} | |
.peopleask-carousel-nav.rwd { | |
left: 10px !important; | |
} | |
.peopleask-carousel-nav.fwd { | |
right: 10px !important; | |
} | |
.peopleask-carousel-nav:hover, | |
.peopleask-carousel-nav:active { | |
color: #31a6ea; | |
} | |
.peopleask-carousel-nav.inner { | |
top: 114px; | |
} | |
.peopleask-carousel-nav.inner.rwd { | |
left: 10px; | |
} | |
.peopleask-carousel-nav.inner.fwd { | |
right: 10px; | |
} | |
.card .card-body.pask-carousel { | |
padding: 20px 20px 20px 20px ; | |
} | |
.card .card-body.pask-carousel .span1 { | |
display: none; | |
} | |
.card .card-body .owl-controls { | |
display: none; | |
} | |
.heading-cartidge h2, | |
.heading-cartidge h4 { | |
font-size: 14px; | |
} | |
/* ====== EMPLOYEE SPECIFIC ======== */ | |
.employee-area #container { | |
padding-top: 0px !important; | |
} | |
} | |
.peopleask-carousel a { | |
display: none; | |
} | |
.peopleask-carousel.owl-carousel a { | |
display: block; | |
} | |
.user-org input.span2 { | |
width: 100px; | |
} | |
.org-label { | |
background-color: #08c; | |
} | |
/* Suggested articles */ | |
.suggested-articles { | |
margin-top: 15px; | |
} | |
.suggested-articles div { | |
padding-left: 15px; | |
padding-right: 15px; | |
border: 1px solid #ccc; | |
border-radius: 4px; | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
} | |
.draggable-item { | |
display: inline-block; | |
vertical-align: middle; | |
margin: 0 10px; | |
height: 40px; | |
width: 8px; | |
background: url('../../../_base/img/grip-98d0ce2393.png'); | |
} | |
.draggable-item:hover { | |
cursor: move; | |
} | |
.ticket-detail-form-fields hr { | |
margin: 15px 0; | |
} | |
.ticket-detail-form-fields .dl-horizontal dt { | |
overflow: visible; | |
text-overflow: clip; | |
white-space: normal; | |
} | |
.g-recaptcha { | |
margin-bottom: 20px; | |
} | |
.breadcrumb .breadcrumb-item .breadcrumb-content { | |
line-height: normal; | |
border: 1px solid #ddd; | |
border-radius: 4px; | |
padding: 15px; | |
width: 250px; | |
display: inline-block; | |
text-align: center; | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
.breadcrumb .breadcrumb-item .breadcrumb-content .breadcrumb-content-title { | |
font-weight: 700; | |
} | |
.breadcrumb .active .breadcrumb-content { | |
color: #b8b9b9; | |
background-color: #dcdcdc; | |
text-shadow: none; | |
} | |
.facelift * { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
a { | |
color: #31a6ea; | |
} | |
@media (min-width: 1023px) { | |
.facelift .pa3_container, | |
.brand-splash .pa3_container { | |
margin-right: auto; | |
margin-left: auto; | |
width: 1170px; | |
} | |
.facelift .pa3_container.relative, | |
.brand-splash .pa3_container.relative { | |
position: relative; | |
} | |
.facelift .pa3_container.pa3_container--topresponsive, | |
.brand-splash .pa3_container.pa3_container--topresponsive { | |
height: 0; | |
position: relative; | |
} | |
#employee__category_list.facelift #container, | |
#employee__category_detail.facelift #container, | |
#employee__intermediate_category_list.facelift #container { | |
padding-top: 0 !important; | |
width: 100% !important; | |
} | |
} | |
.clearfix:after { | |
content: ""; | |
display: table; | |
clear: both; | |
} | |
body.facelift, | |
body.brand-splash { | |
padding: 0; | |
margin: 0; | |
font-family: 'Open Sans', sans-serif; | |
font-size: 16px; | |
background-color: #fafafa !important; | |
} | |
body.facelift.desktop a:active, | |
body.brand-splash.desktop a:active, | |
body.facelift.desktop a:focus, | |
body.brand-splash.desktop a:focus, | |
body.facelift.desktop a:hover, | |
body.brand-splash.desktop a:hover { | |
color: #31a6ea; | |
outline: none !important; | |
} | |
.facelift h1, | |
.facelift h2, | |
.facelift h3, | |
.facelift h4, | |
.facelift h5, | |
.facelift h6 { | |
font-family: 'Roboto', sans-serif; | |
color: #383838; | |
} | |
.facelift .gal-categorie, | |
.facelift .label.category { | |
border: 1px solid #aaaaaa !important; | |
background-color: #fafafa !important; | |
color: #aaaaaa !important; | |
padding: 5px 10px 5px 10px !important; | |
line-height: 20px !important; | |
margin: 15px 0 5px 0; | |
} | |
.facelift .noresult { | |
position: relative; | |
display: block; | |
text-align: center; | |
font-style: italic; | |
color: #d1d1d1; | |
padding: 40px 0px 40px 0px; | |
} | |
#formidable h1 { | |
font-size: 23px; | |
} | |
.facelift h3, | |
.facelift .h3 { | |
position: relative; | |
display: block; | |
font-size: 30px; | |
color: #383838; | |
font-weight: 300; | |
border: none; | |
padding: 30px 0px 20px 0px; | |
margin: 0 0 15px 0; | |
border-bottom: 1px solid #eaeaea; | |
color: #515151; | |
text-align: center; | |
} | |
.facelift h3.left, | |
.facelift .h3.left { | |
text-align: left; | |
} | |
.facelift h3.with-button, | |
.facelift .h3.with-button { | |
padding-top: 5px; | |
padding-bottom: 25px; | |
} | |
.facelift h3.margin-bottom, | |
.facelift .h3.margin-bottom { | |
margin-bottom: 15px; | |
} | |
@media only screen and (max-width: 1023px) { | |
.facelift h3, | |
.facelift .h3 { | |
padding: 10px 0 10px 0; | |
margin: 0 0 15px 0; | |
} | |
} | |
.facelift .toptitle { | |
position: relative; | |
display: block; | |
font-size: 30px; | |
color: #383838; | |
font-weight: 300; | |
border: none; | |
padding: 15px 0px 15px 0px; | |
color: #aaaaaa; | |
} | |
@media (min-width: 1023px) { | |
.facelift .pa3_container--topresponsive .pa3_burger, | |
.brand-splash .pa3_container--topresponsive .pa3_burger { | |
display: none; | |
} | |
.facelift .pa3_container--topresponsive .pa3_logo, | |
.brand-splash .pa3_container--topresponsive .pa3_logo { | |
position: absolute; | |
top: 14px; | |
left: 0; | |
z-index: 9000; | |
width: 120px; | |
height: 50px; | |
} | |
.facelift .pa3_container--topresponsive .pa3_logo:hover, | |
.brand-splash .pa3_container--topresponsive .pa3_logo:hover { | |
text-decoration: none; | |
} | |
.facelift nav#employee_portal-menu, | |
.brand-splash nav#employee_portal-menu { | |
position: relative; | |
width: 100%; | |
background-color: #324052; | |
border-bottom: 1px solid #455972; | |
height: 80px; | |
z-index: 200; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu, | |
.brand-splash nav#employee_portal-menu .pa3_menu { | |
position: relative; | |
float: right; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul { | |
padding: 0; | |
margin: 0; | |
text-align: right; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li { | |
padding: 10px 0; | |
margin: 0; | |
position: relative; | |
display: inline-block; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li a, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li a { | |
font-size: 16px; | |
position: relative; | |
display: block; | |
float: left; | |
color: white; | |
text-decoration: none; | |
padding: 17px 20px 30px; | |
height: 57px; | |
margin: 0 0 0 10px; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li a .pa3_badge, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li a .pa3_badge { | |
position: relative; | |
display: inline-block; | |
background-color: #455972; | |
vertical-align: middle; | |
padding: 3px 10px; | |
margin: -3px 0 0 4px; | |
border-radius: 100px; | |
font-size: 14px; | |
color: white; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li a .pa3_badge.activated, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li a .pa3_badge.activated { | |
background-color: #d50d50; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li a.pa3_avatar, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li a.pa3_avatar { | |
padding-top: 8px; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li a.pa3_avatar img, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li a.pa3_avatar img { | |
width: 40px; | |
vertical-align: middle; | |
border-radius: 50%; | |
border: 2px solid #31a6ea; | |
margin-left: 8px; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li a.pa3_avatar svg, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li a.pa3_avatar svg { | |
width: 10px; | |
height: 10px; | |
fill: white; | |
margin-left: 5px; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li a:hover, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li a:hover { | |
color: white !important; | |
background: #455972; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li a:hover svg, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li a:hover svg { | |
fill: white; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li.opened .pa3_menulink, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li.opened .pa3_menulink { | |
background: #455972; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li ul, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li ul { | |
display: none; | |
position: absolute; | |
right: 0; | |
top: 89px; | |
background: white; | |
z-index: 8000; | |
border: 1px solid #ccc; | |
border-color: rgba(0, 0, 0, 0.2); | |
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); | |
padding: 0; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li ul li, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li ul li { | |
position: relative; | |
display: block; | |
width: 100%; | |
min-width: 300px; | |
text-align: left; | |
padding: 0; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li ul li form, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li ul li form { | |
margin: 0; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li ul li a, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li ul li a { | |
position: relative; | |
display: block; | |
width: 100%; | |
padding: 10px 10px 10px 15px; | |
height: auto; | |
color: #383838; | |
float: none; | |
margin-left: 0; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li ul li a img.flag, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li ul li a img.flag { | |
width: 20px; | |
height: 11px; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li ul li a:hover, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li ul li a:hover { | |
color: white; | |
background-color: #31a6ea; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li ul li.divider, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li ul li.divider { | |
position: relative; | |
display: block; | |
width: 100%; | |
height: 2px; | |
font-size: 0; | |
border-top: 1px solid #f2f2f2; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li ul li.role, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li ul li.role { | |
padding-top: 10px; | |
padding-bottom: 10px; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li ul .user-profile, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li ul .user-profile { | |
background-color: #f2f2f2; | |
padding: 15px 15px 0; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li ul .user-profile span.name, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li ul .user-profile span.name { | |
position: relative; | |
display: block; | |
font-weight: bold; | |
color: #383838; | |
font-size: 16px; | |
padding-bottom: 8px; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li ul .user-profile span.role-label, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li ul .user-profile span.role-label { | |
position: relative; | |
display: block; | |
color: #848484; | |
font-weight: bold; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li ul .user-profile svg.icon, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li ul .user-profile svg.icon { | |
width: 10px; | |
height: 10px; | |
fill: #31a6ea; | |
transform: rotate(-90deg); | |
display: inline-block; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li ul .user-profile a, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li ul .user-profile a { | |
display: inline-block; | |
width: auto; | |
padding: 2px 0; | |
font-size: 14px; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li ul .user-profile a:hover, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li ul .user-profile a:hover { | |
color: #31a6ea; | |
background-color: transparent; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li ul .user-profile.actions, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li ul .user-profile.actions { | |
padding: 0 10px 10px 15px; | |
border-bottom: 1px solid #f2f2f2; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li.searchbar, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li.searchbar { | |
display: inline-block; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li.searchbar a svg, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li.searchbar a svg { | |
width: 20px; | |
height: 20px; | |
fill: white; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li.selected a, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li.selected a { | |
color: white; | |
background-color: #455972; | |
} | |
.facelift nav#employee_portal-search, | |
.brand-splash nav#employee_portal-search { | |
position: absolute; | |
display: block; | |
width: 100%; | |
top: -74px; | |
left: 0; | |
z-index: 100; | |
border-bottom: 8px solid #31a6ea; | |
text-align: center; | |
padding: 8.57142857px 0; | |
margin-bottom: 0; | |
background-color: #324052; | |
background-repeat: no-repeat; | |
background-size: cover; | |
background-position: center center; | |
} | |
.facelift nav#employee_portal-search form, | |
.brand-splash nav#employee_portal-search form { | |
margin-bottom: 0; | |
} | |
.facelift nav#employee_portal-search .pa3_search, | |
.brand-splash nav#employee_portal-search .pa3_search { | |
position: relative; | |
display: inline-block; | |
width: 70%; | |
text-align: left; | |
} | |
.facelift nav#employee_portal-search .pa3_search .greeting, | |
.brand-splash nav#employee_portal-search .pa3_search .greeting { | |
display: none; | |
padding: 0; | |
margin: 0; | |
color: white; | |
font-weight: 400; | |
font-size: 24px; | |
font-family: 'Roboto', sans-serif; | |
height: 33px; | |
text-align: center; | |
} | |
.facelift nav#employee_portal-search .pa3_search .pa3_search--container, | |
.brand-splash nav#employee_portal-search .pa3_search .pa3_search--container { | |
position: relative; | |
display: block; | |
width: 100%; | |
padding: 10px 55px 10px 20px; | |
margin: 20px 0 0; | |
border-radius: 100px; | |
background: white; | |
} | |
.facelift nav#employee_portal-search .pa3_search .pa3_search--container .pa3_search--input, | |
.brand-splash nav#employee_portal-search .pa3_search .pa3_search--container .pa3_search--input { | |
position: relative; | |
display: block; | |
width: 100%; | |
border: none; | |
font-size: 25px; | |
padding: 0; | |
margin: 0; | |
line-height: 25px; | |
height: 35px; | |
box-shadow: none !important; | |
padding-left: 20px; | |
} | |
.facelift nav#employee_portal-search .pa3_search .pa3_search--container .pa3_icon--search, | |
.brand-splash nav#employee_portal-search .pa3_search .pa3_search--container .pa3_icon--search { | |
position: absolute; | |
display: block; | |
border: none; | |
top: 0; | |
right: 0; | |
border-radius: 100px; | |
background-color: #31a6ea; | |
overflow: hidden; | |
width: 110px; | |
height: 55px; | |
padding-top: 5px; | |
} | |
.facelift nav#employee_portal-search .pa3_search .pa3_search--container .pa3_icon--search svg, | |
.brand-splash nav#employee_portal-search .pa3_search .pa3_search--container .pa3_icon--search svg { | |
width: 25px; | |
height: 25px; | |
fill: white; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li.pa3_mobile-search, | |
.brand-splash nav#employee_portal-menu .pa3_menu ul li.pa3_mobile-search { | |
display: none; | |
} | |
#employee__category_list nav#employee_portal-menu .searchbar { | |
display: none; | |
} | |
#employee__category_list nav#employee_portal-search { | |
position: relative; | |
top: 0; | |
padding: 45px 0; | |
} | |
#employee__category_list nav#employee_portal-search .pa3_search .greeting { | |
display: block; | |
} | |
} | |
.facelift .pa3_categorie_list_block { | |
position: relative; | |
display: block; | |
max-height: 365px; | |
overflow: hidden; | |
transition: height 0.8s; | |
} | |
.facelift .pa3_categorie_list_block.open { | |
max-height: none; | |
height: auto; | |
} | |
.facelift .pa3_categorie_list_block a.pa3_categories { | |
position: relative; | |
display: block; | |
float: left; | |
margin-bottom: 15px; | |
width: 50%; | |
height: 110px; | |
border: 1px solid transparent; | |
} | |
.facelift .pa3_categorie_list_block a.pa3_categories .pa3_categories_container { | |
display: table-cell; | |
vertical-align: middle; | |
height: 110px; | |
width: 100%; | |
padding: 18px; | |
} | |
.facelift .pa3_categorie_list_block a.pa3_categories .pa3_categories_container svg { | |
width: 55px; | |
height: 55px; | |
fill: #31a6ea; | |
} | |
.facelift .pa3_categorie_list_block a.pa3_categories .pa3_categories_container.icon { | |
width: 80px; | |
} | |
.facelift .pa3_categorie_list_block a.pa3_categories .pa3_categories_container h3 { | |
margin: 0 0 8px; | |
padding: 0; | |
font-family: 'Roboto', sans-serif; | |
color: #383838; | |
font-size: 18px; | |
border: none; | |
font-weight: bold; | |
text-align: left; | |
} | |
.facelift .pa3_categorie_list_block a.pa3_categories .pa3_categories_container p { | |
margin: 0; | |
padding: 0; | |
position: relative; | |
display: block; | |
font-family: 'Noto Sans', sans-serif; | |
font-weight: 400; | |
font-size: 14; | |
color: #a6a6a6; | |
} | |
.facelift .pa3_categorie_list_block a.pa3_categories:hover, | |
.facelift .pa3_categorie_list_block a.pa3_categories:active, | |
.facelift .pa3_categorie_list_block a.pa3_categories:focus { | |
background-color: white; | |
border-color: #eaeaea; | |
border-radius: 10px; | |
text-decoration: none; | |
} | |
.facelift .pa3_see-all--block { | |
position: relative; | |
display: block; | |
text-align: center; | |
clear: both; | |
padding-top: 25px; | |
} | |
.facelift section.pa3_section--pinned { | |
background-color: white; | |
padding-top: 30px; | |
padding-bottom: 0; | |
border-bottom: 1px solid #eaeaea; | |
box-shadow: 0 0 10px #eaeaea; | |
margin-left: -20px; | |
} | |
.facelift section.pa3_section--information { | |
position: relative; | |
display: block; | |
padding-top: 30px; | |
} | |
.facelift section.pa3_section--process { | |
position: relative; | |
display: block; | |
padding-top: 30px; | |
} | |
.facelift section.pa3_section--categories { | |
position: relative; | |
display: block; | |
padding-top: 30px; | |
padding-bottom: 30px; | |
} | |
.facelift .pa3_section--articleforms--container ul.item-box-container #important-articles, | |
.facelift .pa3_section--articleforms--container ul.item-box-container #popular-articles, | |
.facelift .pa3_section--articleforms--container ul.item-box-container #category-articles, | |
.facelift .pa3_section--articleforms--container ul.item-box-container #related-articles, | |
.facelift .pa3_section--articleforms--container ul.item-box-container #searched-articles, | |
.facelift .pa3_section--articleforms--container ul.item-box-container #important-forms, | |
.facelift .pa3_section--articleforms--container ul.item-box-container #popular-forms, | |
.facelift .pa3_section--articleforms--container ul.item-box-container #category-forms, | |
.facelift .pa3_section--articleforms--container ul.item-box-container #searched-forms { | |
padding-left: 0px; | |
} | |
.facelift .pa3_section--articleforms--container .pa3_section--articleforms { | |
position: relative; | |
display: block; | |
} | |
.facelift .pa3_section--articleforms--container .pa3_section--articleforms .row, | |
.facelift .pa3_section--articleforms--container .pa3_section--articleforms .span6:first-child { | |
margin-left: 0; | |
} | |
.facelift .pa3_section--articleforms--container section:last-child { | |
padding-top: 0; | |
padding-top: 30px; | |
background-color: #eaeaea; | |
} | |
.facelift .pa3_section--articleforms--container section:last-child .card { | |
border: none; | |
background-color: transparent; | |
} | |
.facelift .pa3_section--articleforms--container section:last-child .card .item-box-container { | |
background-color: transparent; | |
} | |
.facelift .pa3_section--articleforms--container section:last-child .card .card-heading, | |
.facelift .pa3_section--articleforms--container section:last-child .card .heading-cartidge { | |
background-color: transparent; | |
color: #383838; | |
border-bottom: 1px solid #eaeaea; | |
} | |
.facelift .pa3_section--articleforms--container section:last-child .card .card-heading h4, | |
.facelift .pa3_section--articleforms--container section:last-child .card .heading-cartidge h4, | |
.facelift .pa3_section--articleforms--container section:last-child .card .card-heading .h4, | |
.facelift .pa3_section--articleforms--container section:last-child .card .heading-cartidge .h4 { | |
color: #383838; | |
} | |
.facelift .pa3_section--articleforms--container section:last-child .card .pa3_showmore_container { | |
border-left: none; | |
border-bottom: none; | |
border-right: none; | |
background-color: transparent; | |
border-radius: 0 0 0 0; | |
} | |
.facelift .pa3_section--articleforms--container section:last-child .card .pa3_showmore_container .pa3_showmore { | |
margin: 15px 0 15px 20px; | |
background-color: transparent; | |
} | |
.facelift .pa3_section--articleforms--container section:last-child .card .pa3_showmore_container .pa3_showmore:hover { | |
background: #5fbaef; | |
text-decoration: none; | |
color: white; | |
border: 1px solid #5fbaef; | |
} | |
.facelift .pa3_section--articleforms--container section:last-child .card .pa3_showmore_container .pa3_showmore:hover svg { | |
fill: white; | |
} | |
.facelift section.pa3_section--important { | |
position: relative; | |
display: block; | |
padding-bottom: 30px; | |
} | |
.facelift section.pa3_section--important .row, | |
.facelift section.pa3_section--important .span6:first-child { | |
margin-left: 0; | |
} | |
.facelift section.pa3_categorie-carousel { | |
background-color: white; | |
padding-top: 15px; | |
padding-bottom: 15px; | |
border-bottom: 1px solid #eaeaea; | |
box-shadow: 0 0 10px #eaeaea; | |
min-height: 240px; | |
position: relative; | |
margin-bottom: 15px; | |
} | |
.facelift section.pa3_categorie-carousel .pa3_container.relative { | |
position: relative; | |
} | |
.facelift section.pa3_categorie-result { | |
padding-bottom: 30px; | |
} | |
.facelift section.pa3_categorie-form { | |
background-color: #f2f2f2; | |
padding-top: 30px; | |
padding-bottom: 30px; | |
} | |
.facelift section.pa3_categorie-form .card { | |
border: none; | |
background-color: transparent; | |
} | |
.facelift section.pa3_categorie-form .card .card-heading, | |
.facelift section.pa3_categorie-form .card .heading-cartidge { | |
background-color: transparent; | |
position: relative; | |
display: block; | |
color: #515151; | |
padding: 0 0 0 0; | |
margin-bottom: 30px; | |
margin-top: 15px; | |
text-align: center; | |
font-weight: 300; | |
font-size: 30px; | |
line-height: 1.2; | |
border: none; | |
} | |
.facelift section.pa3_categorie-form .card .card-body { | |
padding: 30px 0 0px 0; | |
border-top: 1px solid #aaaaaa; | |
border-bottom: 1px solid #aaaaaa; | |
clear: both; | |
} | |
.facelift section.pa3_categorie-form .card .card-body .control-group .control-label { | |
text-align: left; | |
font-weight: 700; | |
font-size: 16px; | |
} | |
.facelift .pa3_footer { | |
margin-top: 10px; | |
padding: 10px, 0; | |
} | |
.facelift .pa3_button, | |
.brand-splash .pa3_button, | |
.facelift .submit-red, | |
.brand-splash .submit-red, | |
.facelift .btn, | |
.brand-splash .btn, | |
.facelift .login_but, | |
.brand-splash .login_but { | |
position: relative; | |
display: inline-block; | |
border-radius: 100px !important; | |
font-family: 'Open Sans', sans-serif; | |
text-shadow: none !important; | |
background: #31a6ea; | |
border: 1px solid transparent; | |
font-size: 13px; | |
padding: 6px 16px; | |
font-weight: bold; | |
color: white; | |
} | |
.facelift .pa3_button.outline, | |
.brand-splash .pa3_button.outline, | |
.facelift .submit-red.outline, | |
.brand-splash .submit-red.outline, | |
.facelift .btn.outline, | |
.brand-splash .btn.outline, | |
.facelift .login_but.outline, | |
.brand-splash .login_but.outline { | |
background: white; | |
color: #515151 !important; | |
border: 1px solid #515151; | |
} | |
.facelift .pa3_button.black, | |
.brand-splash .pa3_button.black, | |
.facelift .submit-red.black, | |
.brand-splash .submit-red.black, | |
.facelift .btn.black, | |
.brand-splash .btn.black, | |
.facelift .login_but.black, | |
.brand-splash .login_but.black { | |
background: #515151; | |
color: white; | |
} | |
.facelift .pa3_button:hover, | |
.brand-splash .pa3_button:hover, | |
.facelift .submit-red:hover, | |
.brand-splash .submit-red:hover, | |
.facelift .btn:hover, | |
.brand-splash .btn:hover, | |
.facelift .login_but:hover, | |
.brand-splash .login_but:hover { | |
background-color: #5fbaef !important; | |
color: white !important; | |
} | |
.facelift .btn, | |
.brand-splash .btn { | |
background-color: #31a6ea; | |
color: white !important; | |
font-family: 'Open Sans', sans-serif; | |
padding: 6px 16px 7px 16px; | |
} | |
.facelift .btn:hover, | |
.brand-splash .btn:hover { | |
background-color: #5fbaef !important; | |
color: white !important; | |
} | |
.facelift .btn.btn-cancel, | |
.brand-splash .btn.btn-cancel { | |
background: #c91f1f; | |
} | |
.facelift .btn.btn-cancel:hover, | |
.brand-splash .btn.btn-cancel:hover { | |
background-color: #e13a3a !important; | |
color: white !important; | |
} | |
.facelift .pa3_showmore, | |
.brand-splash .pa3_showmore, | |
.facelift .pa3_showmore-neutral, | |
.brand-splash .pa3_showmore-neutral { | |
position: relative; | |
display: inline-block; | |
bottom: 0; | |
left: 0; | |
font-weight: 600; | |
font-size: 13px; | |
padding: 6px 16px; | |
color: #31a6ea; | |
border: 1px solid #31a6ea; | |
border-radius: 100px; | |
margin-top: 20px; | |
margin-left: 20px; | |
cursor: pointer; | |
} | |
.facelift .pa3_showmore svg, | |
.brand-splash .pa3_showmore svg, | |
.facelift .pa3_showmore-neutral svg, | |
.brand-splash .pa3_showmore-neutral svg { | |
width: 10px; | |
height: 10px; | |
fill: #31a6ea; | |
margin-right: 10px; | |
} | |
.facelift .pa3_showmore:after, | |
.brand-splash .pa3_showmore:after, | |
.facelift .pa3_showmore-neutral:after, | |
.brand-splash .pa3_showmore-neutral:after, | |
.facelift .pa3_showmore:before, | |
.brand-splash .pa3_showmore:before, | |
.facelift .pa3_showmore-neutral:before, | |
.brand-splash .pa3_showmore-neutral:before { | |
bottom: 100%; | |
left: 50%; | |
border: solid transparent; | |
content: " "; | |
height: 0; | |
width: 0; | |
position: absolute; | |
pointer-events: none; | |
} | |
.facelift .pa3_button.little, | |
.brand-splash .pa3_button.little, | |
.facelift .submit-red.little, | |
.brand-splash .submit-red.little { | |
font-size: 12px; | |
font-weight: 400; | |
} | |
.facelift .pa3_button.medium, | |
.brand-splash .pa3_button.medium, | |
.facelift .submit-red.medium, | |
.brand-splash .submit-red.medium { | |
font-size: 13px; | |
font-weight: 700; | |
} | |
.facelift .pa3_button.big, | |
.brand-splash .pa3_button.big, | |
.facelift .submit-red.big, | |
.brand-splash .submit-red.big { | |
padding: 15px 100px !important; | |
font-size: 16px; | |
font-weight: 700; | |
text-transform: uppercase; | |
background: transparent; | |
border: 1px solid #31a6ea; | |
color: #31a6ea; | |
} | |
.facelift .pa3_button:hover, | |
.brand-splash .pa3_button:hover, | |
.facelift .submit-red:hover, | |
.brand-splash .submit-red:hover { | |
background: #5fbaef; | |
text-decoration: none; | |
color: white; | |
border: 1px solid #5fbaef; | |
} | |
.facelift .pagination ul, | |
.brand-splash .pagination ul { | |
box-shadow: none; | |
} | |
.facelift .pagination ul > li:first-child > a, | |
.brand-splash .pagination ul > li:first-child > a, | |
.facelift .pagination ul .pagination ul > li:first-child > span, | |
.brand-splash .pagination ul .pagination ul > li:first-child > span { | |
border-top-left-radius: 100px; | |
border-bottom-left-radius: 100px; | |
} | |
.facelift .pagination ul > li:last-child > a, | |
.brand-splash .pagination ul > li:last-child > a, | |
.facelift .pagination ul .pagination ul > li:last-child > span, | |
.brand-splash .pagination ul .pagination ul > li:last-child > span { | |
border-top-right-radius: 100px; | |
border-bottom-right-radius: 100px; | |
} | |
.facelift .pagination ul > li > a, | |
.brand-splash .pagination ul > li > a, | |
.facelift .pagination ul > li > span, | |
.brand-splash .pagination ul > li > span { | |
padding: 8px 16px 8px 16px; | |
} | |
.facelift .pagination ul > li > a:hover, | |
.brand-splash .pagination ul > li > a:hover { | |
background-color: #31a6ea; | |
color: white; | |
} | |
.facelift .pagination ul > li > a:hover, | |
.brand-splash .pagination ul > li > a:hover { | |
background-color: transparent !important; | |
color: #999999; | |
} | |
.facelift .pagination, | |
.brand-splash .pagination { | |
margin-top: 10px; | |
} | |
.facelift .card { | |
position: relative; | |
box-shadow: none; | |
} | |
.facelift .card .item-box-container { | |
position: relative; | |
display: block; | |
margin: 0 0 0 0; | |
padding: 20px; | |
background-color: white; | |
border-left: 1px solid #eaeaea; | |
border-right: 1px solid #eaeaea; | |
border-bottom: 1px solid #eaeaea; | |
border-radius: 0 0 10px 10px; | |
} | |
.facelift .card .item-box-container li { | |
white-space: nowrap; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
} | |
.facelift .card svg.icon { | |
width: 10px; | |
height: 10px; | |
fill: #31a6ea; | |
transform: rotate(-90deg); | |
} | |
.facelift .card .card-heading, | |
.facelift .card .heading-cartidge { | |
margin: 0; | |
font-family: 'Roboto', sans-serif; | |
font-size: 20px; | |
background-color: #f2f2f2; | |
color: #383838; | |
border: 1px solid #eaeaea; | |
border-radius: 10px 10px 0 0; | |
} | |
.facelift .card .card-heading.empty, | |
.facelift .card .heading-cartidge.empty { | |
border: none; | |
} | |
.facelift .card .card-heading h4, | |
.facelift .card .heading-cartidge h4, | |
.facelift .card .card-heading .h4, | |
.facelift .card .heading-cartidge .h4 { | |
font-size: 18px; | |
line-height: 1.2; | |
color: #383838; | |
font-weight: 400; | |
padding: 0; | |
text-align: left; | |
border: 0; | |
} | |
.facelift .card .card-body { | |
padding: 0 0 0 0; | |
} | |
.facelift .card.limited { | |
background: transparent; | |
} | |
.facelift .card.limited .card-heading, | |
.facelift .card.limited .heading-cartidge { | |
border: 1px solid #eaeaea; | |
border-radius: 10px 10px 0 0; | |
} | |
.facelift .card.limited .item-box-container { | |
overflow: hidden; | |
height: 215px; | |
border-radius: 0 0 10px 10px; | |
} | |
.facelift .card.limited .item-box-container.open { | |
height: auto; | |
} | |
.facelift .card.limited.expandable .item-box-container { | |
border-radius: 0 0 0 0; | |
} | |
.facelift .card .pa3_showmore_container { | |
border-left: 1px solid #eaeaea; | |
border-bottom: 1px solid #eaeaea; | |
border-right: 1px solid #eaeaea; | |
background-color: white; | |
border-radius: 0 0 10px 10px; | |
} | |
.facelift .card .pa3_showmore_container .pa3_showmore { | |
margin: 15px 0 15px 20px; | |
} | |
.facelift .card .pa3_showmore_container .pa3_showmore:hover { | |
background: #5fbaef; | |
text-decoration: none; | |
color: white; | |
border: 1px solid #5fbaef; | |
} | |
.facelift .card .pa3_showmore_container .pa3_showmore:hover svg { | |
fill: white; | |
} | |
.facelift ul.item-box-container #category-articles, | |
.facelift ul.item-box-container #category-forms, | |
.facelift ul.item-box-container #important-articles, | |
.facelift ul.item-box-container #important-forms, | |
.facelift ul.item-box-container #popular-articles, | |
.facelift ul.item-box-container #popular-forms, | |
.facelift ul.item-box-container #related-articles, | |
.facelift ul.item-box-container #searched-articles, | |
.facelift ul.item-box-container #searched-forms { | |
padding-left: 0px; | |
} | |
.facelift ul.item-box-container #category-articles li:last-of-type, | |
.facelift ul.item-box-container #category-forms li:last-of-type, | |
.facelift ul.item-box-container #important-articles li:last-of-type, | |
.facelift ul.item-box-container #important-forms li:last-of-type, | |
.facelift ul.item-box-container #popular-articles li:last-of-type, | |
.facelift ul.item-box-container #popular-forms li:last-of-type, | |
.facelift ul.item-box-container #related-articles li:last-of-type, | |
.facelift ul.item-box-container #searched-articles li:last-of-type, | |
.facelift ul.item-box-container #searched-forms li:last-of-type { | |
margin-bottom: 0; | |
} | |
.facelift .card.flatpage { | |
background: transparent; | |
border: none; | |
} | |
.facelift .card.flatpage .card-heading, | |
.facelift .card.flatpage .heading-cartidge { | |
margin: 0; | |
border-bottom: none; | |
color: #383838; | |
font-size: 20px; | |
background: transparent; | |
padding: 30px 0px 30px 0px; | |
} | |
.facelift .card.flatpage .card-heading h4, | |
.facelift .card.flatpage .heading-cartidge h4, | |
.facelift .card.flatpage .card-heading .h4, | |
.facelift .card.flatpage .heading-cartidge .h4 { | |
font-size: 18px; | |
line-height: 1.2; | |
color: #aaaaaa; | |
font-weight: 400; | |
padding: 0; | |
text-align: left; | |
border: 0; | |
} | |
.facelift .card.flatpage .card-body { | |
background: transparent; | |
border: none; | |
padding: 0; | |
} | |
.facelift .card.flatpage .tck-container { | |
margin-left: 0 !important; | |
position: relative; | |
display: block; | |
padding: 20px 20px 20px 20px; | |
background: white; | |
} | |
.facelift .card.flatpage .tck-container.header { | |
background: #f2f2f2; | |
font-weight: 700; | |
padding: 20px 20px 10px 20px; | |
font-size: 14px; | |
border-radius: 10px 10px 0 0; | |
} | |
.facelift .card.flatpage .tck-container.result .tkt-status { | |
text-align: left; | |
} | |
.facelift .card.flatpage .tck-container.result .tkt-request p.title a { | |
color: #000000; | |
font-weight: bold; | |
font-size: 14px; | |
position: relative; | |
display: block; | |
padding-bottom: 5px; | |
} | |
.facelift .card.flatpage .tck-container.result .tkt-request p .request_info { | |
color: #7b7b7b; | |
} | |
.facelift .card.flatpage .tck-container.result .tkt-request p .label { | |
margin-left: 0; | |
} | |
.facelift .card.flatpage .tck-container.result .tkt-messsage { | |
color: #7b7b7b; | |
} | |
.facelift .card.flatpage .tck-container.result .tkt-activity { | |
color: #7b7b7b; | |
} | |
.facelift .card.flatpage .tck-container.result .tkt-due-date, | |
.facelift .card.flatpage .tck-container.result .tkt-id { | |
color: #7b7b7b; | |
} | |
.facelift .card.flatpage .tck-container.result .tkt-id { | |
float: right; | |
} | |
.facelift section.pa3_section--pinned .pa3_section--pinned-content { | |
position: relative; | |
display: block; | |
margin-bottom: 15px; | |
padding-bottom: 15px; | |
margin-left: 20px; | |
} | |
.facelift section.pa3_section--pinned .pa3_section--pinned-content h2 { | |
font-size: 24px; | |
padding: 0px 0px 30px 0px; | |
font-weight: 400; | |
border: 0; | |
margin-bottom: 0; | |
} | |
.facelift section.pa3_section--pinned.multi .container .row .pa3_section--pinned-content { | |
border-bottom: 1px solid #eaeaea; | |
} | |
.facelift section.pa3_section--pinned.multi .container .row .pa3_section--pinned-content:last-child { | |
border-bottom: none; | |
} | |
.facelift .pa3_infoblock { | |
position: relative; | |
display: block; | |
padding: 30px; | |
background-color: #eaeaea; | |
border-radius: 10px; | |
margin-left: 10px; | |
margin-right: 10px; | |
overflow: hidden; | |
} | |
.facelift .pa3_infoblock div.body { | |
position: relative; | |
display: block; | |
width: 90%; | |
line-height: 25px; | |
} | |
.facelift .pa3_infoblock h2 { | |
position: relative; | |
display: block; | |
padding: 0px 0px 0px 30px; | |
margin: 0px 0px 50px 0px; | |
float: left; | |
color: #515151; | |
font-weight: 400; | |
border: none; | |
width: 100%; | |
font-size: 20px; | |
} | |
.facelift .pa3_infoblock svg.icon-information { | |
width: 22px; | |
height: 22px; | |
position: absolute; | |
display: block; | |
top: 0px; | |
left: 0px; | |
float: left; | |
fill: #515151; | |
} | |
.facelift .pa3_infoblock .pa3_button-container { | |
position: relative; | |
display: block; | |
width: 100%; | |
margin-top: 20px; | |
} | |
.facelift .pa3_infoblock a.pa3_infoblock--close { | |
position: absolute; | |
display: block; | |
border-radius: 50%; | |
top: 30px; | |
right: 20px; | |
background: white; | |
border: 1px solid #515151; | |
width: 35px; | |
height: 35px; | |
padding: 8px 0 0 9px; | |
overflow: hidden; | |
} | |
.facelift .pa3_infoblock a.pa3_infoblock--close svg.icon { | |
width: 15px; | |
height: 15px; | |
fill: #515151; | |
} | |
.facelift .pa3_infoblock a.pa3_infoblock--close:hover { | |
background-color: #5fbaef; | |
border-color: #5fbaef; | |
} | |
.facelift .pa3_infoblock a.pa3_infoblock--close:hover svg.icon { | |
fill: white; | |
} | |
.facelift .pa3_infoblock iframe, | |
.facelift .pa3_infoblock img { | |
max-width: 100% !important; | |
} | |
.facelift .tck-container .light { | |
font-size: 0px !important; | |
line-height: 0px !important; | |
height: 1px !important; | |
min-height: 10px !important; | |
padding: 0 !important; | |
} | |
.facelift .tck-container .tck-badge--container { | |
background: #31a6ea; | |
position: relative; | |
display: inline-block; | |
width: 36px; | |
height: 36px; | |
padding: 6px; | |
border-radius: 50%; | |
margin-top: 10px; | |
border: 3px solid #eaeaea; | |
} | |
.facelift .tck-container .tck-badge--container.created { | |
background: #2dc9eb; | |
} | |
.facelift .tck-container .tck-badge--container.opened { | |
background: #ebc92d; | |
} | |
.facelift .tck-container .tck-badge--container.pending { | |
background: #eb882d; | |
} | |
.facelift .tck-container .tck-badge--container.closed { | |
background: #76bb38; | |
} | |
.facelift .tck-container .tck-badge--container.archived { | |
background: #838383; | |
} | |
.facelift .tck-container .tck-badge--container svg.tck-badge { | |
position: relative; | |
display: block; | |
fill: white; | |
width: 18px; | |
height: 18px; | |
} | |
.facelift .tck-container .tkt-request a { | |
font-weight: 700; | |
position: relative; | |
display: block; | |
margin-bottom: 10px; | |
} | |
.facelift .tck-container .tkt-request .extra_infos { | |
font-size: 14px; | |
} | |
.facelift .card { | |
border-radius: 10px; | |
} | |
.facelift .card.ticketview { | |
background: none; | |
border: none; | |
} | |
.facelift .card.ticketview .card-heading { | |
background: none; | |
padding: 0 0 0 0; | |
border-bottom: none; | |
} | |
.facelift .card.ticketview .card-heading .tck-head-infos-left h3 { | |
padding-top: 20px; | |
padding-bottom: 20px; | |
margin-bottom: 20px; | |
font-size: 30px; | |
border-bottom: 1px solid #eaeaea; | |
} | |
.facelift .card.ticketview .card-heading .tck-head-infos-right { | |
text-align: left !important; | |
color: #383838; | |
font-size: 16px; | |
} | |
.facelift .card.ticketview .card-heading .tck-head-infos-right .tck-head-infos-element.second { | |
border-left: 1px solid #aaaaaa; | |
padding-left: 16px; | |
margin-left: 13px; | |
} | |
.facelift .card.ticketview .card-heading .tck-head-infos-right svg.icon { | |
width: 16px; | |
height: 16px; | |
fill: #383838; | |
transform: rotate(0deg); | |
} | |
.facelift .card.ticketview .catblock { | |
padding: 0; | |
background: none !important; | |
} | |
.facelift .card.ticketview .card-body { | |
margin-top: 20px; | |
background: white; | |
border: 1px solid #eaeaea; | |
padding: 30px; | |
} | |
.facelift .card.ticketview .ticket_content_footer { | |
background-color: #eaeaea; | |
min-height: 40px; | |
} | |
.facelift .card.ticketview .ticket_content_footer h2 small { | |
color: #383838; | |
font-weight: 700; | |
} | |
.facelift .artcle_format { | |
line-height: 30px; | |
font-size: 16px; | |
color: #383838; | |
} | |
.facelift .artcle_format ul { | |
padding-left: 20px; | |
} | |
.facelift .artcle_format ul li { | |
line-height: 30px; | |
} | |
.facelift .artcle_format iframe { | |
width: 100%; | |
} | |
#employee__article_display #container { | |
padding-top: 30px !important; | |
} | |
.facelift .card.articleview { | |
background: none; | |
border: none; | |
} | |
.facelift .card.articleview .card-heading { | |
background: none; | |
padding: 0 0 0 0; | |
} | |
.facelift .card.articleview .card-heading .span8 { | |
width: 100%; | |
} | |
.facelift .card.articleview .card-heading .span8.tck-head-infos-left .tck { | |
color: #383838; | |
font-size: 35px; | |
line-height: 45px; | |
font-weight: 900; | |
width: 100%; | |
} | |
.facelift .card.articleview .catblock { | |
background: none !important; | |
padding: 0 0 20px 0; | |
} | |
.facelift .artcle_format { | |
line-height: 30px; | |
font-size: 16px; | |
color: #383838; | |
} | |
.facelift .artcle_format ul { | |
padding-left: 20px; | |
} | |
.facelift .artcle_format ul li { | |
line-height: 30px; | |
} | |
.facelift .artcle_format iframe { | |
width: 100%; | |
} | |
.facelift .empty-body { | |
position: relative; | |
display: block; | |
color: #aaaaaa; | |
font-style: italic; | |
padding: 20px; | |
} | |
.facelift .card.pa3_home_task { | |
padding: 30px 40px; | |
margin: 0 0 0 0; | |
border: 1px solid #eaeaea; | |
} | |
.facelift .card.pa3_home_task .pa3_home_task-item { | |
position: relative; | |
display: block; | |
width: 100%; | |
padding: 15px 0; | |
border-bottom: 1px solid #f2f2f2; | |
} | |
.facelift .card.pa3_home_task .pa3_home_task-item svg.icon { | |
position: absolute; | |
display: none; | |
top: 13px; | |
left: -17px; | |
z-index: 100; | |
width: 10px; | |
height: 10px; | |
fill: #31a6ea; | |
transform: rotate(-90deg); | |
} | |
.facelift .card.pa3_home_task .pa3_home_task-item .item-label { | |
position: relative; | |
display: block; | |
float: left; | |
color: #383838; | |
font-weight: 700; | |
padding: 6px 16px 6px 0px; | |
} | |
.facelift .card.pa3_home_task .pa3_home_task-item .item-label:hover { | |
color: #31a6ea; | |
} | |
.facelift .card.pa3_home_task .pa3_home_task-item .item-link { | |
position: relative; | |
display: block; | |
float: right; | |
} | |
.facelift .card.pa3_home_task .pa3_home_task-item:hover svg.icon { | |
display: block; | |
} | |
.facelift .card.pa3_home_task .pa3_showmore-neutral { | |
padding: 20px 0; | |
border-top: none; | |
} | |
.facelift #comment-form .card-body { | |
padding: 15px; | |
} | |
.facelift .ticket-comment .media-icon { | |
margin-top: 10px; | |
} | |
.facelift .ticket-comment .media-body { | |
padding-top: 10px; | |
} | |
.notification-table { | |
background-color: #f4f8fe; | |
} | |
.notif-collapse-button { | |
margin-top: 7px; | |
cursor: pointer; | |
} | |
.facelift { | |
/* | |
* Owl Carousel - Animate Plugin | |
*/ | |
/* | |
* Owl Carousel - Auto Height Plugin | |
*/ | |
/* | |
* Core Owl Carousel CSS File | |
*/ | |
/* No Js */ | |
/* | |
* Owl Carousel - Lazy Load Plugin | |
*/ | |
/* | |
* Owl Carousel - Video Plugin | |
*/ | |
} | |
.facelift .owl-carousel .animated { | |
-webkit-animation-duration: 1000ms; | |
animation-duration: 1000ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
} | |
.facelift .owl-carousel .owl-animated-in { | |
z-index: 0; | |
} | |
.facelift .owl-carousel .owl-animated-out { | |
z-index: 1; | |
} | |
.facelift .owl-carousel .fadeOut { | |
-webkit-animation-name: fadeOut; | |
animation-name: fadeOut; | |
} | |
@-webkit-keyframes fadeOut { | |
0% { | |
opacity: 1; | |
} | |
100% { | |
opacity: 0; | |
} | |
} | |
@keyframes fadeOut { | |
0% { | |
opacity: 1; | |
} | |
100% { | |
opacity: 0; | |
} | |
} | |
.facelift .owl-height { | |
-webkit-transition: height 500ms ease-in-out; | |
-moz-transition: height 500ms ease-in-out; | |
-ms-transition: height 500ms ease-in-out; | |
-o-transition: height 500ms ease-in-out; | |
transition: height 500ms ease-in-out; | |
} | |
.facelift .owl-carousel { | |
display: none; | |
width: 100%; | |
-webkit-tap-highlight-color: transparent; | |
/* position relative and z-index fix webkit rendering fonts issue */ | |
position: relative; | |
z-index: 1; | |
} | |
.facelift .owl-carousel .owl-stage { | |
position: relative; | |
-ms-touch-action: pan-Y; | |
} | |
.facelift .owl-carousel .owl-stage:after { | |
content: "."; | |
display: block; | |
clear: both; | |
visibility: hidden; | |
line-height: 0; | |
height: 0; | |
} | |
.facelift .owl-carousel .owl-stage-outer { | |
position: relative; | |
overflow: hidden; | |
/* fix for flashing background */ | |
-webkit-transform: translate3d(0px, 0px, 0px); | |
} | |
.facelift .owl-carousel .owl-controls .owl-nav .owl-prev, | |
.facelift .owl-carousel .owl-controls .owl-nav .owl-next, | |
.facelift .owl-carousel .owl-controls .owl-dot { | |
cursor: pointer; | |
cursor: hand; | |
-webkit-user-select: none; | |
-khtml-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
} | |
.facelift .owl-carousel.owl-loaded { | |
display: block; | |
} | |
.facelift .owl-carousel.owl-loading { | |
opacity: 0; | |
display: block; | |
} | |
.facelift .owl-carousel.owl-hidden { | |
opacity: 0; | |
} | |
.facelift .owl-carousel .owl-refresh .owl-item { | |
display: none; | |
} | |
.facelift .owl-carousel .owl-item { | |
position: relative; | |
min-height: 1px; | |
float: left; | |
-webkit-backface-visibility: hidden; | |
-webkit-tap-highlight-color: transparent; | |
-webkit-touch-callout: none; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
} | |
.facelift .owl-carousel .owl-item img { | |
display: block; | |
width: 100%; | |
-webkit-transform-style: preserve-3d; | |
} | |
.facelift .owl-carousel.owl-text-select-on .owl-item { | |
-webkit-user-select: auto; | |
-moz-user-select: auto; | |
-ms-user-select: auto; | |
user-select: auto; | |
} | |
.facelift .owl-carousel .owl-grab { | |
cursor: move; | |
cursor: -webkit-grab; | |
cursor: -o-grab; | |
cursor: -ms-grab; | |
cursor: grab; | |
} | |
.facelift .owl-carousel.owl-rtl { | |
direction: rtl; | |
} | |
.facelift .owl-carousel.owl-rtl .owl-item { | |
float: right; | |
} | |
.facelift .no-js .owl-carousel { | |
display: block; | |
} | |
.facelift .owl-carousel .owl-item .owl-lazy { | |
opacity: 0; | |
-webkit-transition: opacity 400ms ease; | |
-moz-transition: opacity 400ms ease; | |
-ms-transition: opacity 400ms ease; | |
-o-transition: opacity 400ms ease; | |
transition: opacity 400ms ease; | |
} | |
.facelift .owl-carousel .owl-item img { | |
transform-style: preserve-3d; | |
} | |
.facelift .owl-carousel .owl-video-wrapper { | |
position: relative; | |
height: 100%; | |
} | |
.facelift .owl-carousel .owl-video-play-icon { | |
position: absolute; | |
height: 80px; | |
width: 80px; | |
left: 50%; | |
top: 50%; | |
margin-left: -40px; | |
margin-top: -40px; | |
cursor: pointer; | |
z-index: 1; | |
-webkit-backface-visibility: hidden; | |
-webkit-transition: scale 100ms ease; | |
-moz-transition: scale 100ms ease; | |
-ms-transition: scale 100ms ease; | |
-o-transition: scale 100ms ease; | |
transition: scale 100ms ease; | |
} | |
.facelift .owl-carousel .owl-video-play-icon:hover { | |
-webkit-transition: scale(1.3, 1.3); | |
-moz-transition: scale(1.3, 1.3); | |
-ms-transition: scale(1.3, 1.3); | |
-o-transition: scale(1.3, 1.3); | |
transition: scale(1.3, 1.3); | |
} | |
.facelift .owl-carousel .owl-video-playing .owl-video-tn, | |
.facelift .owl-carousel .owl-video-playing .owl-video-play-icon { | |
display: none; | |
} | |
.facelift .owl-carousel .owl-video-tn { | |
opacity: 0; | |
height: 100%; | |
background-position: center center; | |
background-repeat: no-repeat; | |
-webkit-background-size: contain; | |
-moz-background-size: contain; | |
-o-background-size: contain; | |
background-size: contain; | |
-webkit-transition: opacity 400ms ease; | |
-moz-transition: opacity 400ms ease; | |
-ms-transition: opacity 400ms ease; | |
-o-transition: opacity 400ms ease; | |
transition: opacity 400ms ease; | |
} | |
.facelift .owl-carousel .owl-video-frame { | |
position: relative; | |
z-index: 1; | |
} | |
.facelift .card .card-body.pask-carousel-inner { | |
padding: 10px 20px 10px 20px; | |
} | |
.facelift .card .card-body.pask-carousel-inner .span1, | |
.facelift .card .card-body.pask-carousel-inner .span10 { | |
margin-left: 0px; | |
} | |
.facelift .card .card-body .owl-controls { | |
margin-top: 20px; | |
} | |
.facelift .carousel-master-container { | |
padding-left: 50px; | |
padding-right: 50px; | |
} | |
.facelift .carousel-master-container .carousel-container { | |
position: relative; | |
display: block; | |
padding: 0px 0px 0px 0px; | |
} | |
.facelift .carousel-master-container .carousel-container .peopleask-carousel .owl-item { | |
text-align: center; | |
position: relative; | |
} | |
.facelift .carousel-master-container .carousel-container .peopleask-carousel .owl-item a { | |
padding: 15px 5px 5px 5px; | |
min-height: 120px; | |
display: block; | |
margin: 0px 1px 0px 1px; | |
color: #383838; | |
background: #f2f2f2; | |
max-height: 130px; | |
height: 130px; | |
border: 1px solid transparent; | |
} | |
.facelift .carousel-master-container .carousel-container .peopleask-carousel .owl-item a span.category-name { | |
position: relative; | |
display: block; | |
font-weight: bold; | |
font-size: 12px; | |
margin-top: 10px; | |
} | |
.facelift .carousel-master-container .carousel-container .peopleask-carousel .owl-item a span.category-icon { | |
position: relative; | |
display: inline-block; | |
text-align: center; | |
} | |
.facelift .carousel-master-container .carousel-container .peopleask-carousel .owl-item a span.category-icon svg { | |
width: 50px; | |
height: 50px; | |
fill: black; | |
} | |
.facelift .carousel-master-container .carousel-container .peopleask-carousel .owl-item a:hover { | |
text-decoration: none; | |
border: 1px solid #31a6ea; | |
} | |
.facelift .carousel-master-container .carousel-container .peopleask-carousel .owl-item a:hover span.category-name { | |
color: #31a6ea; | |
} | |
.facelift .carousel-master-container .carousel-container .peopleask-carousel .owl-item a:hover span.category-icon svg { | |
fill: #31a6ea; | |
} | |
.facelift .carousel-master-container .carousel-container .peopleask-carousel .owl-item a.selected { | |
text-decoration: none; | |
background: #31a6ea; | |
} | |
.facelift .carousel-master-container .carousel-container .peopleask-carousel .owl-item a.selected span.category-name { | |
color: white; | |
} | |
.facelift .carousel-master-container .carousel-container .peopleask-carousel .owl-item a.selected span.category-icon svg { | |
fill: white; | |
} | |
.facelift .carousel-master-container .carousel-container .peopleask-carousel .owl-controls { | |
text-align: center; | |
margin-top: 10px; | |
} | |
.facelift .carousel-master-container .carousel-container .peopleask-carousel .owl-controls .owl-dot { | |
position: relative; | |
display: inline-block; | |
background: #c4c4c4; | |
width: 10px; | |
height: 10px; | |
border-radius: 50%; | |
margin: 0px 3px 0px 3px; | |
} | |
.facelift .carousel-master-container .carousel-container .peopleask-carousel .owl-controls .owl-dot.active { | |
background: #31a6ea; | |
} | |
.facelift .carousel-master-container .carousel-container .peopleask-carousel .owl-controls .owl-dot:hover { | |
background: #31a6ea; | |
} | |
.facelift .peopleask-carousel-nav { | |
position: absolute; | |
display: block; | |
top: 40px; | |
overflow: hidden; | |
padding: 47px 0px 0px 0px; | |
width: 50px; | |
height: 130px; | |
vertical-align: middle; | |
background-color: #c4c4c4; | |
text-align: center; | |
} | |
.facelift .peopleask-carousel-nav svg { | |
width: 15px; | |
height: 15px; | |
fill: white; | |
display: inline; | |
} | |
.facelift .peopleask-carousel-nav.rwd { | |
left: 0px; | |
border-radius: 10px 0 0 10px; | |
} | |
.facelift .peopleask-carousel-nav.rwd svg { | |
transform: rotate(90deg); | |
} | |
.facelift .peopleask-carousel-nav.fwd { | |
right: 0px; | |
border-radius: 0 10px 10px 0; | |
} | |
.facelift .peopleask-carousel-nav.fwd svg { | |
transform: rotate(-90deg); | |
} | |
.facelift .peopleask-carousel-nav:hover, | |
.facelift .peopleask-carousel-nav:active { | |
background-color: #5fbaef !important; | |
} | |
.facelift .carousel-master-container .carousel-container .peopleask-carousel { | |
border-left: none; | |
border-right: none; | |
} | |
#login { | |
min-height: 100%; | |
margin: 0; | |
padding: 0; | |
} | |
.pa3-login-gradient-top { | |
position: absolute; | |
display: block; | |
z-index: 80; | |
top: 0px; | |
left: 0px; | |
height: 40%; | |
width: 100%; | |
opacity: 0.7; | |
background: linear-gradient(to bottom, #324052 0%, rgba(49, 166, 234, 0) 100%); | |
} | |
.pa3-login-gradient-bottom { | |
position: absolute; | |
display: block; | |
z-index: 80; | |
bottom: 0px; | |
left: 0px; | |
height: 40%; | |
width: 100%; | |
opacity: 0.7; | |
background: linear-gradient(to top, #31a6ea 0%, rgba(50, 64, 82, 0) 100%); | |
} | |
.pa3-login-block { | |
position: absolute; | |
display: block; | |
width: 100%; | |
height: 400px; | |
top: 45%; | |
left: 0px; | |
margin-top: -200px; | |
z-index: 100; | |
} | |
.pa3-login-block .container .login-container { | |
padding: 30px; | |
min-height: 400px; | |
} | |
.pa3-login-block .container .login-container.left { | |
border-radius: 10px 0 0 10px; | |
background: rgba(255, 255, 255, 0.8); | |
margin-right: 0; | |
padding-top: 80px; | |
} | |
.pa3-login-block .container .login-container.left .brand-light { | |
position: relative; | |
display: block; | |
width: 120px; | |
height: 50px; | |
margin-bottom: 20px; | |
} | |
.pa3-login-block .container .login-container.left h1 { | |
font-weight: 400; | |
line-height: 45px; | |
font-size: 40px; | |
} | |
.pa3-login-block .container .login-container.right { | |
border-radius: 0 10px 10px 0; | |
background: white; | |
margin-left: 0; | |
position: relative; | |
} | |
.pa3-login-block .container .login-container.right .control-group label { | |
color: #515151; | |
font-weight: 700; | |
} | |
.pa3-login-block .container .login-container.right .control-group input { | |
border: 1px solid #aaaaaa; | |
box-shadow: none; | |
padding: 12px 12px; | |
height: auto; | |
} | |
.pa3-login-block .container .login-container.right .separator { | |
position: relative; | |
display: block; | |
border-top: 1px solid #eaeaea; | |
margin: 20px 0 20px 0; | |
} | |
.pa3-login-block .container .login-container.right a.form_lnk { | |
position: relative; | |
display: inline-block; | |
color: #383838; | |
font-weight: bold; | |
font-size: 16px; | |
margin-bottom: 15px; | |
} | |
.pa3-login-block .container .login-container.right svg.icon { | |
width: 10px; | |
height: 10px; | |
fill: #31a6ea; | |
transform: rotate(-90deg); | |
} | |
.pa3-login-block .container .login-container.right .alert { | |
position: absolute; | |
display: block; | |
top: -30px; | |
left: 5%; | |
width: 90%; | |
background: #d02323; | |
color: white; | |
border: none; | |
text-shadow: none; | |
} | |
.pa3-login-block .container .login-container.right .alert:after { | |
top: 100%; | |
left: 50%; | |
border: solid transparent; | |
content: " "; | |
height: 0; | |
width: 0; | |
position: absolute; | |
pointer-events: none; | |
border-color: rgba(208, 35, 35, 0); | |
border-top-color: #d02323; | |
border-width: 10px; | |
margin-left: -10px; | |
} | |
@media only screen and (max-width: 1200px) { | |
.facelift .pa3_container { | |
width: 940px; | |
} | |
} | |
@media only screen and (max-width: 1024px) { | |
.facelift { | |
padding: 85px 0 0 0 !important; | |
} | |
.facelift section.pa3_categorie-carousel { | |
padding-top: 7.5px; | |
min-height: auto; | |
} | |
.facelift section.pa3_categorie-carousel .pa3_container.relative { | |
padding-left: 10px; | |
padding-right: 10px; | |
} | |
.facelift .pagination ul li { | |
display: none; | |
} | |
.facelift .pagination ul li:first-child { | |
display: inline-block; | |
float: left; | |
} | |
.facelift .pagination ul li:last-child { | |
display: inline-block; | |
} | |
.facelift .pa3_container { | |
width: 100%; | |
} | |
.facelift .pa3_container.pa3_container--topresponsive { | |
height: 65px; | |
position: fixed; | |
top: 0; | |
left: 0; | |
z-index: 9000; | |
background: #324052; | |
border-bottom: 1px solid #455972; | |
} | |
.facelift .pa3_container.pa3_container--topresponsive .pa3_burger { | |
position: absolute; | |
top: 20px; | |
right: 20px; | |
z-index: 9001; | |
} | |
.facelift .pa3_container.pa3_container--topresponsive .pa3_burger svg { | |
fill: white; | |
width: 25px; | |
height: 25px; | |
} | |
.facelift .pa3_container.pa3_container--topresponsive .pa3_logo { | |
position: absolute; | |
top: 6px; | |
left: 10px; | |
z-index: 9002; | |
width: 120px; | |
height: 50px; | |
} | |
.facelift div.pa3_globalnav { | |
position: fixed; | |
display: block; | |
top: 0; | |
left: -100%; | |
z-index: 10000; | |
width: 100%; | |
min-height: 100%; | |
background: #283442; | |
overflow: auto; | |
} | |
.facelift div.pa3_globalnav .pa3_globalnav--left { | |
position: absolute; | |
top: 0; | |
left: 0; | |
z-index: 9003; | |
display: block; | |
width: 80%; | |
min-height: 100%; | |
background-color: #324052; | |
} | |
.facelift div.pa3_globalnav .pa3_close { | |
position: absolute; | |
top: -10px; | |
right: -60px; | |
z-index: 9004; | |
display: block; | |
width: 20%; | |
text-align: center; | |
padding-top: 25px; | |
} | |
.facelift div.pa3_globalnav .pa3_close svg { | |
fill: white; | |
width: 25px; | |
height: 25px; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu { | |
position: relative; | |
width: 100%; | |
background-color: #324052; | |
height: 80px; | |
z-index: 200; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu { | |
position: relative; | |
float: left; | |
width: 100%; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu ul { | |
padding: 0; | |
margin: 0; | |
text-align: left; | |
position: relative; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu ul li { | |
padding: 0; | |
margin: 0; | |
position: relative; | |
display: block; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu ul li a { | |
font-size: 16px; | |
position: relative; | |
display: block; | |
float: none; | |
color: white; | |
text-decoration: none; | |
padding: 17px 20px 30px; | |
height: 57px; | |
margin: 0 0 0 0; | |
border-radius: 0; | |
width: 100%; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu ul li a .pa3_badge { | |
position: relative; | |
display: inline-block; | |
background-color: #455972; | |
vertical-align: middle; | |
padding: 3px 10px; | |
margin: -3px 0 0 4px; | |
border-radius: 100px; | |
font-size: 14px; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu ul li a .pa3_badge.activated { | |
background-color: #d50d50; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu ul li a.pa3_avatar { | |
padding-top: 8px; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu ul li a.pa3_avatar img { | |
width: 40px; | |
vertical-align: middle; | |
border-radius: 50%; | |
border: 2px solid #31a6ea; | |
margin-left: 8px; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu ul li a.pa3_avatar svg { | |
width: 10px; | |
height: 10px; | |
fill: white; | |
margin-left: 5px; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu ul li a:hover { | |
color: white !important; | |
background: #597191; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu ul li.opened .pa3_menulink { | |
background: #597191; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu ul li ul { | |
display: none; | |
position: relative; | |
right: auto; | |
left: 0; | |
top: 0; | |
width: 100%; | |
background: white; | |
z-index: 8000; | |
border: none; | |
border-color: none; | |
box-shadow: none; | |
padding: 0; | |
overflow: hidden; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu ul li ul li { | |
position: relative; | |
display: block; | |
width: 100%; | |
min-width: 300px; | |
text-align: left; | |
padding: 0; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu ul li ul li form { | |
margin: 0; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu ul li ul li a { | |
position: relative; | |
display: block; | |
width: 100%; | |
padding: 10px 10px 10px 15px; | |
height: auto; | |
color: #383838; | |
float: none; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu ul li ul li a img.flag { | |
width: 20px; | |
height: 11px; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu ul li ul li a:hover { | |
color: white; | |
background-color: #31a6ea; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu ul li ul li.divider { | |
position: relative; | |
display: block; | |
width: 100%; | |
height: 2px; | |
font-size: 0; | |
border-top: 1px solid #f2f2f2; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu ul li ul li.role { | |
padding-top: 10px; | |
padding-bottom: 10px; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu ul li ul .user-profile { | |
background-color: #f2f2f2; | |
padding: 15px 15px 0; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu ul li ul .user-profile span.name { | |
position: relative; | |
display: block; | |
font-weight: bold; | |
color: #383838; | |
font-size: 16px; | |
padding-bottom: 8px; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu ul li ul .user-profile span.role-label { | |
position: relative; | |
display: block; | |
color: #848484; | |
font-weight: bold; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu ul li ul .user-profile svg.icon { | |
width: 10px; | |
height: 10px; | |
fill: #31a6ea; | |
transform: rotate(-90deg); | |
display: inline-block; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu ul li ul .user-profile a { | |
display: inline-block; | |
width: auto; | |
padding: 2px 0; | |
font-size: 14px; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu ul li ul .user-profile a:hover { | |
color: #31a6ea; | |
background-color: transparent; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu ul li ul .user-profile.actions { | |
padding: 0 10px 10px 15px; | |
border-bottom: 1px solid #f2f2f2; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu ul li.searchbar { | |
display: none; | |
} | |
.facelift div.pa3_globalnav nav#employee_portal-menu .pa3_menu ul li.selected a { | |
background-color: #597191; | |
} | |
.facelift nav#employee_portal-search { | |
position: absolute; | |
display: none; | |
width: 100%; | |
top: 65px; | |
left: 0; | |
z-index: 100; | |
background-color: #324052; | |
border-bottom: 8px solid #31a6ea; | |
text-align: center; | |
padding: 3px 0; | |
margin-bottom: 0; | |
} | |
.facelift nav#employee_portal-search .pa3_search { | |
position: relative; | |
display: inline-block; | |
width: 90%; | |
text-align: left; | |
} | |
.facelift nav#employee_portal-search .pa3_search .greeting { | |
padding: 0; | |
margin: 0; | |
color: white; | |
font-weight: 400; | |
font-size: 20px; | |
font-family: 'Roboto', sans-serif; | |
height: 33px; | |
text-align: center; | |
padding-top: 15px; | |
} | |
.facelift nav#employee_portal-search .pa3_search .pa3_search--container { | |
position: relative; | |
display: block; | |
width: 100%; | |
padding: 10px 55px 10px 20px; | |
margin: 20px 0 0; | |
border-radius: 100px; | |
background: white; | |
} | |
.facelift nav#employee_portal-search .pa3_search .pa3_search--container .pa3_search--input { | |
position: relative; | |
display: block; | |
width: 100%; | |
border: none; | |
font-size: 16px; | |
padding: 0; | |
margin: 0; | |
line-height: 25px; | |
height: 20px; | |
box-shadow: none !important; | |
padding-left: 0px; | |
} | |
.facelift nav#employee_portal-search .pa3_search .pa3_search--container .pa3_icon--search { | |
position: absolute; | |
display: block; | |
border: none; | |
top: 0; | |
right: 0; | |
border-radius: 100px; | |
background-color: #31a6ea; | |
overflow: hidden; | |
width: 40px; | |
height: 40px; | |
padding-top: 5px; | |
} | |
.facelift nav#employee_portal-search .pa3_search .pa3_search--container .pa3_icon--search svg { | |
width: 16px; | |
height: 16px; | |
fill: white; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li.pa3_mobile-search { | |
position: relative; | |
display: block; | |
padding: 0 15px 20px 15px !important; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li.pa3_mobile-search .pa3_mobile-search--container { | |
position: relative; | |
display: block; | |
width: 100%; | |
padding: 10px 55px 10px 20px; | |
margin: 20px 0 0; | |
border-radius: 100px; | |
background: white; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li.pa3_mobile-search .pa3_mobile-search--container .pa3_search--input { | |
position: relative; | |
display: block; | |
width: 100%; | |
border: none; | |
font-size: 16px; | |
padding: 0; | |
margin: 0; | |
line-height: 25px; | |
height: 20px; | |
box-shadow: none !important; | |
padding-left: 0px; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li.pa3_mobile-search .pa3_mobile-search--container .pa3_icon--search { | |
position: absolute; | |
display: block; | |
border: none; | |
top: 0; | |
right: 0; | |
border-radius: 100px; | |
background-color: #31a6ea; | |
overflow: hidden; | |
width: 40px; | |
height: 40px; | |
padding-top: 5px; | |
} | |
.facelift nav#employee_portal-menu .pa3_menu ul li.pa3_mobile-search .pa3_mobile-search--container .pa3_icon--search svg { | |
width: 16px; | |
height: 16px; | |
fill: white; | |
} | |
.facelift h3 { | |
line-height: 1.2; | |
padding-left: 10px; | |
padding-right: 10px; | |
} | |
.facelift .pa3_categorie_list_block { | |
max-height: none; | |
} | |
.facelift .pa3_categorie_list_block a.pa3_categories { | |
margin: 0px 10px 10px 10px; | |
float: none; | |
width: auto; | |
height: auto; | |
background-color: white; | |
border-color: #eaeaea; | |
overflow: hidden; | |
padding-bottom: 10px; | |
} | |
.facelift .pa3_categorie_list_block a.pa3_categories .pa3_categories_container { | |
width: 100%; | |
} | |
.facelift .pa3_categorie_list_block a.pa3_categories .pa3_categories_container h3 { | |
margin: 0 0 8px; | |
padding: 0; | |
font-family: 'Roboto', sans-serif; | |
color: #383838; | |
font-size: 18px; | |
border: none; | |
font-weight: bold; | |
text-align: left; | |
} | |
.facelift .pa3_categorie_list_block a.pa3_categories .pa3_categories_container p { | |
margin: 0; | |
padding: 0; | |
position: relative; | |
display: block; | |
height: 40px; | |
font-family: 'Noto Sans', sans-serif; | |
font-weight: 400; | |
font-size: 14; | |
color: #a6a6a6; | |
} | |
.facelift .pa3_see-all--block.categories { | |
display: none; | |
} | |
.facelift .pa3_button.big, | |
.facelift .submit-red.big { | |
padding: 15px 40px !important; | |
font-size: 16px; | |
font-weight: 700; | |
text-transform: uppercase; | |
background: transparent; | |
border: 1px solid #31a6ea; | |
color: #31a6ea; | |
} | |
.facelift .card { | |
margin-left: 10px; | |
margin-right: 10px; | |
} | |
.facelift .card.pa3_home_task { | |
padding: 20px 30px; | |
margin: 0 10px 0 10px; | |
} | |
.facelift .card.pa3_home_task .pa3_home_task-item .item-label { | |
float: none; | |
} | |
.facelift .card.pa3_home_task .pa3_home_task-item .item-link { | |
margin-top: 15px; | |
display: inline-block; | |
float: none; | |
} | |
.facelift .card.flatpage .card-heading { | |
padding-top: 0; | |
} | |
.facelift .btn_create-request { | |
margin-top: 0px !important; | |
} | |
.facelift .pa3_infoblock { | |
padding: 20px; | |
} | |
.facelift .pa3_infoblock h2 { | |
margin: 0px 0px 30px 0px; | |
} | |
.facelift .pa3_infoblock a.pa3_infoblock--close { | |
top: 5px; | |
right: 5px; | |
} | |
.facelift .tck-container.header { | |
display: none !important; | |
} | |
.facelift .tck-container .tck-band { | |
position: absolute; | |
display: block; | |
background-color: #f7f7f7; | |
top: 0; | |
left: 0; | |
height: 100%; | |
width: 50px; | |
z-index: 100; | |
} | |
.facelift .tck-container .tck-badge--container { | |
background: #31a6ea; | |
position: relative; | |
display: inline-block; | |
width: 36px; | |
height: 36px; | |
padding: 6px; | |
border-radius: 50%; | |
margin-top: 0px; | |
border: 3px solid #eaeaea; | |
} | |
.facelift .tck-container .tck-badge--container.created { | |
background: #2dc9eb; | |
} | |
.facelift .tck-container .tck-badge--container.opened { | |
background: #ebc92d; | |
} | |
.facelift .tck-container .tck-badge--container.pending { | |
background: #eb882d; | |
} | |
.facelift .tck-container .tck-badge--container.closed { | |
background: #76bb38; | |
} | |
.facelift .tck-container .tck-badge--container.archived { | |
background: #838383; | |
} | |
.facelift .tck-container .tck-badge--container svg.tck-badge { | |
position: relative; | |
display: block; | |
fill: white; | |
width: 18px; | |
height: 18px; | |
} | |
.facelift .tck-container .tkt-status { | |
position: absolute; | |
top: 13px; | |
left: 7px; | |
z-index: 200; | |
width: 40px; | |
margin-left: 0; | |
} | |
.facelift .tck-container .tkt-request { | |
padding-left: 50px; | |
} | |
.facelift .tck-container .tkt-messsage { | |
position: absolute; | |
top: 60px; | |
left: 0; | |
z-index: 200; | |
width: 50px; | |
text-align: center; | |
margin-left: 0; | |
} | |
.facelift .tck-container .tkt-activity { | |
padding-top: 20px; | |
padding-left: 50px; | |
} | |
.facelift .tck-container .tkt-due-date { | |
padding-top: 20px; | |
padding-left: 50px; | |
} | |
.facelift .tck-container .tkt-id { | |
padding-top: 10px; | |
padding-left: 0; | |
} | |
.facelift .tck-container.result .tck-container_result { | |
position: relative; | |
display: block; | |
width: 100%; | |
float: none; | |
left: 0; | |
margin-left: 0; | |
} | |
.facelift .tck-container.result .tck-container_result span { | |
display: inline !important; | |
color: #bdbdbd; | |
} | |
.facelift .tck-container.result .tck-container_result .submit-red { | |
margin-top: 20px; | |
} | |
.facelift .ticket-list .card-heading .submit-red { | |
display: block; | |
width: 100%; | |
margin: 20px 0px 40px 0px; | |
} | |
.facelift section.pa3_section--pinned .pa3_section--pinned-content { | |
margin-left: 40px; | |
margin-right: 20px; | |
} | |
.facelift .pa3-login-block { | |
position: relative; | |
height: auto; | |
top: 0%; | |
margin-top: 0px; | |
padding: 10px; | |
} | |
.facelift .pa3-login-block .container .login-container { | |
padding: 0px 30px 30px 30px; | |
min-height: 30px; | |
} | |
.facelift .pa3-login-block .container .login-container.left { | |
border-radius: 10px 10px 0 0; | |
padding-top: 20px; | |
} | |
.facelift .pa3-login-block .container .login-container.left h1 { | |
font-weight: 400; | |
line-height: 35px; | |
font-size: 30px; | |
line-height: 1.2; | |
} | |
.facelift .pa3-login-block .container .login-container.right { | |
border-radius: 0 0 10px 10px; | |
padding-top: 20px; | |
} | |
.facelift .pa3-login-block .container .login-container.right .alert { | |
position: relative; | |
display: block; | |
top: 0px; | |
left: 0; | |
width: 100%; | |
background: #d02323; | |
color: white; | |
border: none; | |
text-shadow: none; | |
} | |
.facelift .pa3-login-block .container .login-container.right .alert:after { | |
top: 100%; | |
left: 50%; | |
border: solid transparent; | |
content: " "; | |
height: 0; | |
width: 0; | |
position: absolute; | |
pointer-events: none; | |
border-color: rgba(208, 35, 35, 0); | |
border-top-color: #d02323; | |
border-width: 10px; | |
margin-left: -10px; | |
} | |
body#employee__category_list.facelift { | |
padding: 175px 0 0 0 !important; | |
} | |
body#employee__category_list nav#employee_portal-search { | |
display: block !important; | |
} | |
body#login { | |
background-size: auto 100% !important; | |
background-position: center center !important; | |
background-repeat: no-repeat !important; | |
} | |
body#login .facelift { | |
padding: 10px 0 0 0 !important; | |
} | |
} | |
body#employee__category_list.facelift #container { | |
padding-top: 0 !important; | |
margin-bottom: 0 !important; | |
} | |
@media only screen and (min-width: 1024px) { | |
body#employee__task_list.facelift #container, | |
body#employee__ticket_list.facelift #container, | |
body#employee__category_detail.facelift #container { | |
padding-top: 0 !important; | |
margin-bottom: 0 !important; | |
} | |
} | |
@media only screen and (max-width: 767px) { | |
.tkt-id { | |
padding-top: 10px; | |
padding-left: 50px; | |
float: none; | |
} | |
} | |
@media only screen and (max-width: 767px) { | |
.tkt-id { | |
padding-top: 10px; | |
padding-left: 50px !important; | |
float: none !important; | |
} | |
} | |
/* | |
Extract of PDUI horizontal menu from PDUI v 17.0.1. | |
Currently used on 'facelift' UI. | |
*/ | |
/* Hacky code to get PDUI menu and facelift CSS to play nice */ | |
.pa3_logo { | |
display: inline-block; | |
width: 115px; | |
height: 48px; | |
text-decoration: none; | |
} | |
.horizontal-menu ul { | |
margin: 0; | |
} | |
.horizontal-menu .container { | |
width: auto; | |
max-width: 95rem; | |
} | |
.horizontal-menu .switch_lang { | |
display: inline-block; | |
margin: 0; | |
} | |
@media all and (max-width: 600px) { | |
.horizontal-menu .switch_lang { | |
display: block; | |
} | |
} | |
@media (max-width: 979px) { | |
.facelift #container { | |
padding-top: 40px !important; | |
} | |
#employee__category_list.facelift #container { | |
padding-top: 0 !important; | |
margin-bottom: 0; | |
} | |
} | |
@media only screen and (max-width: 1023px) { | |
body#employee__category_list.facelift, | |
.facelift { | |
padding-top: 0 !important; | |
} | |
.facelift nav#employee_portal-search { | |
position: static; | |
} | |
} | |
/* | |
Start horizontal menu | |
Some classes have been edited from the original to help integration with | |
PAsk CSS. | |
*/ | |
.horizontal-menu { | |
position: relative; | |
display: table; | |
width: 100%; | |
height: 0.0625rem; | |
color: white; | |
background-color: #324052; | |
z-index: 1000 !important; | |
} | |
body:not(#employee__category_list) .horizontal-menu { | |
border-bottom: 8px solid #31a6ea; | |
} | |
.horizontal-menu .horizontal-menu__top-wrapper { | |
display: -webkit-flex; | |
display: flex; | |
padding: 0 1.5625rem; | |
} | |
/* Logo */ | |
.horizontal-menu .horizontal-menu__logo-wrapper { | |
padding: 0; | |
width: 11.5625rem; | |
-webkit-flex-basis: auto; | |
flex-basis: auto; | |
} | |
.horizontal-menu .horizontal-menu__logo-container { | |
display: inline-block; | |
height: 3rem; | |
width: 100%; | |
margin-top: 11px; | |
} | |
.horizontal-menu .horizontal-menu__logo { | |
width: auto; | |
height: 100%; | |
} | |
.horizontal-menu .horizontal-menu__nav-wrapper { | |
padding: 0.78125rem; | |
padding-right: 0; | |
-webkit-flex-grow: 1; | |
flex-grow: 1; | |
} | |
.horizontal-menu .horizontal-menu__nav { | |
margin-top: 0; | |
position: relative; | |
color: white; | |
list-style-type: none; | |
text-align: right; | |
width: 100%; | |
} | |
.horizontal-menu .horizontal-menu__nav-item { | |
display: inline-block; | |
font-size: 15px; | |
margin: 0; | |
padding: 0; | |
height: 3rem; | |
line-height: 3rem; | |
color: rgba(255, 255, 255, 0.9); | |
fill: rgba(255, 255, 255, 0.9); | |
font-weight: 700; | |
overflow: hidden; | |
} | |
/* Skip to content ! */ | |
.horizontal-menu .horizontal-menu__nav-item.horizontal-menu__nav-item--keyboard-only .horizontal-menu__nav-link { | |
position: relative; | |
top: auto; | |
left: -625rem; | |
width: 0.0625rem; | |
height: 0.0625rem; | |
overflow: hidden; | |
} | |
.horizontal-menu .horizontal-menu__nav-item.horizontal-menu__nav-item--keyboard-only .horizontal-menu__nav-link:focus { | |
width: auto; | |
height: auto; | |
top: 0; | |
left: 0; | |
overflow: visible; | |
border: 0 16px; | |
} | |
.horizontal-menu .horizontal-menu__nav-item:not(.horizontal-menu__nav-item--keyboard-only):hover, | |
.horizontal-menu .horizontal-menu__nav-item:not(.horizontal-menu__nav-item--keyboard-only).horizontal-menu__nav-item--selected { | |
background-color: #3a4a5f; | |
color: white; | |
fill: white; | |
} | |
.horizontal-menu .horizontal-menu__nav-item.horizontal-menu__nav-item--selected .horizontal-menu__toggle-icon, | |
.horizontal-menu .horizontal-menu__nav-item.horizontal-menu__nav-item--open .horizontal-menu__toggle-icon { | |
-webkit-transform: rotate(180deg); | |
transform: rotate(180deg); | |
} | |
.horizontal-menu .horizontal-menu__nav-link { | |
text-decoration: none; | |
display: inline-block; | |
color: inherit; | |
border-left: 1rem solid transparent; | |
border-right: 1rem solid transparent; | |
cursor: pointer; | |
outline: none; | |
} | |
.horizontal-menu .horizontal-menu__nav-link:focus, | |
.horizontal-menu .horizontal-menu__nav-link:hover { | |
background-color: #3a4a5f; | |
color: white !important; | |
fill: white !important; | |
} | |
.horizontal-menu .horizontal-menu__toggle-icon { | |
position: relative; | |
width: 0.625rem; | |
height: 0.625rem; | |
fill: inherit; | |
} | |
.horizontal-menu .horizontal-menu__nav-icon { | |
position: relative; | |
width: 0.9375rem; | |
height: 0.9375rem; | |
top: -0.125rem; | |
fill: inherit; | |
vertical-align: middle; | |
} | |
.horizontal-menu .horizontal-menu__badge { | |
min-width: 1.0625rem; | |
height: 1.0625rem; | |
line-height: 1.0625rem; | |
padding: 0 0.3125rem; | |
margin-top: 0; | |
margin-left: 0.3125rem; | |
background-color: #d50d50; | |
border-radius: 3px; | |
vertical-align: middle; | |
} | |
/* Sub menu*/ | |
.horizontal-menu .horizontal-menu__submenu-wrapper { | |
background-color: #26313f; | |
outline: none; | |
} | |
.horizontal-menu .horizontal-menu__submenu-container { | |
padding: 0.78125rem 1.5625rem; | |
text-align: right; | |
} | |
.horizontal-menu .horizontal-menu__sublink { | |
cursor: pointer; | |
color: rgba(255, 255, 255, 0.9); | |
fill: rgba(255, 255, 255, 0.9); | |
text-decoration: none; | |
display: inline-block; | |
height: 3rem; | |
line-height: 3rem; | |
border-left: 1rem solid transparent; | |
border-right: 1rem solid transparent; | |
font-size: 0.8125rem; | |
outline: none; | |
} | |
.horizontal-menu .horizontal-menu__sublink:hover, | |
.horizontal-menu .horizontal-menu__sublink:focus, | |
.horizontal-menu .horizontal-menu__sublink.horizontal-menu__sublink--selected { | |
background-color: #3a4a5f; | |
color: white !important; | |
fill: white !important; | |
} | |
.horizontal-menu .horizontal-menu__sublink-image { | |
position: relative; | |
top: 0.125rem; | |
margin-right: 0.0625rem; | |
} | |
.horizontal-menu .horizontal-menu__sublink-icon { | |
position: relative; | |
width: 0.6875rem; | |
height: 0.6875rem; | |
top: 0.2rem; | |
margin-right: 0.0625rem; | |
fill: inherit; | |
} | |
/* Search */ | |
.horizontal-menu .horizontal-menu__search-wrapper { | |
border-top: 0.0625rem solid #26313f; | |
} | |
.horizontal-menu .horizontal-menu__search-container { | |
padding: 0.78125rem; | |
text-align: center; | |
} | |
.horizontal-menu .horizontal-menu__search { | |
width: 100%; | |
position: relative; | |
display: inline-block; | |
max-width: 570px; | |
margin-bottom: 0; | |
} | |
.horizontal-menu .horizontal-menu__search .search__input { | |
width: 100%; | |
height: 2.5rem; | |
padding: 0.625rem; | |
padding-right: 2.375rem; | |
border-radius: 1.875rem; | |
border-width: 0.125rem; | |
font-size: 1.03125rem; | |
border-color: #c6cfdc; | |
color: #556377; | |
fill: #556377; | |
background-color: white; | |
line-height: 1; | |
border-style: solid; | |
font-family: "Open Sans", Helvetica, Arial, sans-serif; | |
outline: 0; | |
vertical-align: top; | |
max-width: 100%; | |
} | |
.horizontal-menu .horizontal-menu__search .search__input:focus { | |
box-shadow: inset 0 0 0.25rem 0 #31a6ea; | |
border-color: #31a6ea; | |
} | |
.horizontal-menu .horizontal-menu__search .search__submit { | |
top: 50%; | |
right: 0.125rem; | |
height: 2.5rem; | |
width: 2.5rem; | |
padding: 0; | |
position: absolute; | |
right: 0; | |
top: 0; | |
border: 0; | |
background-color: transparent; | |
fill: #8e9cae; | |
} | |
.horizontal-menu .horizontal-menu__search .search__icon { | |
fill: inherit; | |
height: 1.25rem; | |
width: 1.25rem; | |
overflow: hidden; | |
vertical-align: middle; | |
} | |
.horizontal-menu .horizontal-menu__bottom-wrapper { | |
background-color: #30a6ea; | |
} | |
.horizontal-menu .horizontal-menu__bottom-container { | |
padding: 0.78125rem 1.5625rem; | |
} | |
.horizontal-menu .horizontal-menu__back { | |
top: 0.25rem; | |
position: relative; | |
text-decoration: none; | |
color: white; | |
} | |
.horizontal-menu .horizontal-menu__back::before { | |
content: '\2039\0000a0'; | |
display: inline-block; | |
font-size: 1.5625rem; | |
top: -0.125rem; | |
position: relative; | |
} | |
.horizontal-menu .horizontal-menu__back span { | |
top: -0.1875rem; | |
position: relative; | |
} | |
.horizontal-menu.horizontal-menu--sticky { | |
position: fixed; | |
z-index: 14; | |
height: auto; | |
width: 100%; | |
box-shadow: 0.0625rem -0.125rem 0.625rem 0.0625rem black; | |
} | |
.horizontal-menu.horizontal-menu--sticky .horizontal-menu__logo-wrapper { | |
display: none; | |
} | |
@media all and (min-width: 1000px) { | |
.horizontal-menu .horizontal-menu__logo-wrapper { | |
padding-right: 0; | |
} | |
} | |
/* end min-width: 1000px */ | |
@media all and (max-width: 1000px) { | |
.horizontal-menu .horizontal-menu__top-wrapper.container { | |
padding: 0; | |
-webkit-flex-wrap: wrap; | |
flex-wrap: wrap; | |
} | |
.horizontal-menu .horizontal-menu__logo-wrapper { | |
width: 100%; | |
padding: 12.5px 25px; | |
} | |
.horizontal-menu .horizontal-menu__logo-container { | |
top: 0; | |
margin-top: 0; | |
} | |
.horizontal-menu .horizontal-menu__logo { | |
top: 0; | |
margin-top: 0; | |
} | |
.horizontal-menu .horizontal-menu__nav-wrapper.container { | |
border-top: 0.0625rem solid #26313f; | |
} | |
.horizontal-menu .horizontal-menu__nav { | |
text-align: center; | |
} | |
.horizontal-menu .horizontal-menu__submenu-container { | |
text-align: center; | |
} | |
} | |
/* end max-width: 1000px */ | |
@media all and (max-width: 768px) { | |
.horizontal-menu .horizontal-menu__bottom-container { | |
padding: 0.78125rem; | |
} | |
} | |
/* end max-width: 768px */ | |
@media all and (max-width: 600px) { | |
.horizontal-menu .horizontal-menu__nav-item { | |
line-height: 0; | |
height: 35px; | |
} | |
.horizontal-menu .horizontal-menu__nav-item.horizontal-menu__nav-item--keyboard-only { | |
display: none; | |
} | |
.horizontal-menu .horizontal-menu__nav-link { | |
border: 0.6rem solid transparent; | |
} | |
.horizontal-menu .horizontal-menu__nav-icon { | |
width: 1.375rem; | |
height: 1.375rem; | |
top: -0.125rem; | |
} | |
.horizontal-menu .horizontal-menu__nav-text { | |
display: none; | |
} | |
.horizontal-menu .horizontal-menu__submenu-container { | |
text-align: left; | |
padding: 0; | |
} | |
.horizontal-menu .horizontal-menu__sublink { | |
width: 100%; | |
} | |
} | |
/* end max-width: 600px */ | |
/* Skip to content link */ | |
.layout__skip { | |
position: absolute; | |
top: auto; | |
left: -625rem; | |
width: .0625rem; | |
height: .0625rem; | |
overflow: hidden; | |
} | |
.layout__skip:focus { | |
left: .625rem; | |
top: .625rem; | |
width: auto; | |
height: auto; | |
padding: .625rem; | |
border: 0.125rem solid white; | |
font-size: .9375rem; | |
z-index: 1000000; | |
text-decoration: none; | |
background-color: #3a4a5f; | |
color: white !important; | |
} | |
.sr-only { | |
position: absolute !important; | |
width: 1px !important; | |
height: 1px !important; | |
padding: 0 !important; | |
margin: -1px !important; | |
overflow: hidden !important; | |
clip: rect(0, 0, 0, 0) !important; | |
border: 0 !important; | |
} | |
.peopleask-carousel a .nis_categorie { | |
width: 55px; | |
height: 55px; | |
position: relative; | |
display: inline-block; | |
fill: #373737; | |
} | |
.peopleask-carousel a .nis_categorie:hover { | |
fill: #31a6ea; | |
} | |
.nis_categorie_legacy { | |
width: 55px; | |
height: 55px; | |
position: relative; | |
display: inline-block; | |
fill: #373737; | |
} | |
.nis_categorie_legacy.listing { | |
margin: 8px; | |
cursor: pointer; | |
border: 1px solid #cfcfcf; | |
padding: 5px; | |
} | |
.nis_categorie_legacy:hover.listing { | |
border: 1px solid #31a6ea; | |
} | |
.nis_icon { | |
position: relative; | |
display: block !important; | |
width: 100% !important; | |
text-align: center; | |
} | |
.nis_icon .nis_icon_container { | |
text-align: center; | |
} | |
.nis_icon .nis_icon_container .nis_categorie { | |
width: 75px; | |
height: 75px; | |
fill: #373737; | |
} | |
a.brand-off { | |
background: url('../img/logo-employee-258ed27931.png') no-repeat left center; | |
} | |
.brand-splash { | |
background: url('../img/splash-27eeff32e3.jpg') no-repeat; | |
} | |
/* ========== CLIENT VALUES ========== */ | |
a.pa3-brand-dark { | |
background: url("https://s3.eu-west-2.amazonaws.com/peopledoc-ui/logo-peopledoc-BoW.svg") no-repeat left center; | |
} | |
a.pa3-brand-light { | |
background: url("https://s3.eu-west-2.amazonaws.com/peopledoc-ui/logo-peopledoc-WoB.svg") no-repeat left center; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment