body { /*padding-top: 50.400px;*/ } .html-content-1 .media-container { margin-bottom: 1rem; background-color: #373a3c; } @media (min-width: 992px) { .html-content-1 .media-container { float: left; width: 50%; margin-right: 1rem; } } .html-content-1 .media-container .carousel { max-width: 640px; margin-left: auto; margin-right: auto; } .page-section { margin-top: 1rem; } .field-validation-error { color: #FF0000; } .scrollspy-container { /*position: relative;*/ } .scrollspy-container .scrollspy-menu { /*position: fixed;*/ } .-info-map { height: 300px; } @media (min-width: 992px) { .modal .modal-dialog.modal-full-width { max-width: 96vw; width: 96vw; } } .tcm-dev-tools { position: fixed; bottom: 0.5rem; right: 0.5rem; z-index: 1; } .tcm-dev-tools a[data-toggle=dropdown] { outline: none; opacity: 0.1; transition: all linear 0.5s; } .tcm-dev-tools:hover a[data-toggle=dropdown], .tcm-dev-tools.show a[data-toggle=dropdown] { opacity: 1; } .tcm-dev-tools .dropdown-menu .dropdown-item { font-size: 0.6rem; } /*Plugins*/ .page-title { margin-bottom: 1rem; } .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #DDD; font-style: italic; } .form-control::-moz-placeholder { /* Firefox 19+ */ color: #DDD; font-style: italic; } .form-control:-ms-input-placeholder { /* IE 10+ */ color: #DDD; font-style: italic; } .form-control:-moz-placeholder { /* Firefox 18- */ color: #DDD; font-style: italic; } .form-check + .field-validation-error { display: block; /*margin-top: -1rem;*/ margin-bottom: 1rem; } .row .card { margin-bottom: 2rem; } .row.margin-sm { margin-left: -0.5rem; margin-right: -0.5rem; } .row.margin-sm > div { padding-left: 0.5rem; padding-right: 0.5rem; } .row.margin-sm > div .card { margin-bottom: 1rem; } .row.margin-xs { margin-left: -0.25rem; margin-right: -0.25rem; } .row.margin-xs > div { padding-left: 0.25rem; padding-right: 0.25rem; } .row.margin-xs > div .card { margin-bottom: 0.5rem; } .navbar { padding-bottom: 0; padding-top: 0; } @media (max-width: 575px) { .navbar .container { width: 100%; } } .navbar .navbar-brand { padding-bottom: 0.5rem; padding-top: 0.5rem; } .navbar .navbar-brand img { height: 32px; } .navbar .nav-item .nav-link { line-height: 35px; padding-bottom: 0.5rem; padding-top: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .navbar .nav-item .nav-link:hover, .navbar .nav-item .nav-link.active { background-color: #0275d8; color: #fff; } .navbar .nav-item + .nav-item { margin-left: 0; } .navbar.navbar-light .nav-item .nav-link:hover, .navbar.navbar-light .nav-item .nav-link.active { background-color: #0275d8; color: #fff; } .navbar.navbar-dark .nav-item .nav-link:hover, .navbar.navbar-dark .nav-item .nav-link.active { background-color: rgba(255, 255, 255, 0.5); color: #373a3c; } .navbar .form-inline { margin: 0.4rem 0; } .navbar .navbar-toggler { margin-top: 0.5rem; margin-bottom: 0.5rem; } .navbar .navbar-toggler-clear { clear: both; } .navbar .navbar-toggleable.collapsing, .navbar .navbar-toggleable.in { margin-bottom: 1rem; } .breadcrumb { margin-top: 0.5rem; padding: 0; background-color: transparent; font-size: 80%; } .jumbotron.with-image { background-position: top center; background-repeat: no-repeat; color: #fff; } .jumbotron.without-margin { margin-bottom: 0; } .nav-pagination { text-align: center; } .nav-pagination .pagination .page-item .page-link { width: 3rem; } a.card { text-decoration: none; } /*Components*/ .tcm-component-autocomplete-1-box .tcm-component-autocomplete-1-item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; padding: 0.75rem; transition: all ease-in-out 0.3s; } .tcm-component-autocomplete-1-box .tcm-component-autocomplete-1-item .ui-state-active { background-color: transparent; border: none; margin: unset; } .tcm-component-autocomplete-1-box .tcm-component-autocomplete-1-item:hover { background-color: #333; } .tcm-component-autocomplete-1-box .tcm-component-autocomplete-1-item:hover .tcm-component-autocomplete-1-avatar { color: #333; } .tcm-component-autocomplete-1-box .tcm-component-autocomplete-1-item .ui-menu-item-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; width: 100%; } .tcm-component-autocomplete-1-box .tcm-component-autocomplete-1-avatar { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; align-self: flex-start; position: relative; height: 35px; width: 35px !important; min-width: 35px; background-size: cover; background-position: center; background-color: #eee !important; color: #333 !important; margin-right: .5rem !important; border-radius: 50%; padding: 0; } .tcm-component-autocomplete-1-box .tcm-component-autocomplete-1-details { width: 100%; padding: 0; } .tcm-component-autocomplete-1-box .tcm-component-autocomplete-1-details .tcm-component-autocomplete-1-title { background-color: transparent !important; font-weight: 500; margin-bottom: 0; } .tcm-component-autocomplete-1-box .tcm-component-autocomplete-1-details .tcm-component-autocomplete-1-attr p { line-height: 1; margin-top: .3rem; margin-bottom: .3rem; } .tcm-component-autocomplete-1-box .tcm-component-autocomplete-1-details .tcm-component-autocomplete-1-attr p i { font-size: .8rem; } .tcm-component-autocomplete-1-box .tcm-component-autocomplete-1-details .tcm-component-autocomplete-1-attr p * + * { margin-left: .5rem; } .tcm-component-autocomplete-1-box .tcm-component-autocomplete-1-no-results { width: 100%; position: absolute; top: 100%; background-color: #eee; padding: .5rem; z-index: 1; border: 1px solid #c5c5c5; } .tcm-component-banner-1 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; background: #333; height: 100vh; z-index: 1; } .tcm-component-banner-1 ul { width: 100%; margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .tcm-component-banner-1 ul.cover { position: absolute; top: 0; left: 0; } .tcm-component-banner-1 ul.cover li { left: 0; } .tcm-component-banner-1 ul.cover .overlay { background: linear-gradient(0deg, #000 3%, #999 100%); } .tcm-component-banner-1 ul.cover .overlay::before { content: none; } .tcm-component-banner-1 ul li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; position: relative; overflow: hidden; height: 100vh; flex-basis: 90vw; width: 90vw; flex-grow: 0; flex-shrink: 0; cursor: pointer; background-size: cover; background-repeat: no-repeat; background-position: center; } @media (min-width: 1024px) { .tcm-component-banner-1 ul li { flex-basis: 480px; width: 480px; } } @media (min-width: 2560px) { .tcm-component-banner-1 ul li { flex-basis: 988px; width: 988px; } } .tcm-component-banner-1 ul li:hover .banner-bg { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .tcm-component-banner-1 ul li:hover .overlay::before { height: 100vh; -webkit-transition: 0.3s all ease-out; /* Safari */ transition: 0.3s all ease-out; } .tcm-component-banner-1 ul li:hover .overlay p { height: 20vh; opacity: 1; } .tcm-component-banner-1 ul .banner-bg { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-transition: 0.3s all ease-out; /* Safari */ transition: 0.3s all ease-out; } .tcm-component-banner-1 ul .overlay { position: absolute; right: -5px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-end; flex-direction: column; width: calc(100% + 5px); height: 100vh; background-size: 100%; background-position: center; background-repeat: no-repeat; text-align: center; overflow: hidden; -webkit-transition: 0.3s all ease-out; /* Safari */ transition: 0.3s all ease-out; } .tcm-component-banner-1 ul .overlay:link, .tcm-component-banner-1 ul .overlay:visited, .tcm-component-banner-1 ul .overlay:active, .tcm-component-banner-1 ul .overlay:hover { color: #fff; text-decoration: none; } .tcm-component-banner-1 ul .overlay::before { content: ''; position: absolute; width: 100%; height: 50vh; bottom: 0; left: 0; z-index: 1; background-image: linear-gradient(black 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%); -webkit-transform: rotate(180deg); -webkit-transition: 0.3s all ease-out; /* Safari */ transition: 0.3s all ease-out; } .tcm-component-banner-1 ul .overlay.cover { -webkit-transition: none; /* Safari */ transition: none; } .tcm-component-banner-1 ul .overlay.cover::before { height: 100%; background-color: #333; z-index: 2; opacity: 1; } .tcm-component-banner-1 ul .overlay.cover.open { width: 0; -webkit-transition: 0.6s all cubic-bezier(0.22, 0.61, 0.36, 1); /* Safari */ transition: 0.6s all cubic-bezier(0.22, 0.61, 0.36, 1); } .tcm-component-banner-1 ul .inner-text { padding: 0 2rem 5rem; } .tcm-component-banner-1 ul h1, .tcm-component-banner-1 ul h2, .tcm-component-banner-1 ul p { display: block; position: relative; white-space: normal; max-width: 100%; z-index: 1; } .tcm-component-banner-1 ul h1 { font-size: 30px; text-transform: uppercase; } @media (min-width: 2560px) { .tcm-component-banner-1 ul h1 { font-size: 80px; } } .tcm-component-banner-1 ul h2 { font-size: 15px; } @media (min-width: 1200px) { .tcm-component-banner-1 ul h2 { font-size: 20px; } } @media (min-width: 2560px) { .tcm-component-banner-1 ul h2 { font-size: 40px; } } .tcm-component-banner-1 ul p { height: 0; overflow: hidden; opacity: 0; -webkit-transition: 1s all ease-out; /* Safari */ transition: 1s all ease-out; } .tcm-component-banner-2 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; background: #333; z-index: 1; } @media (min-width: 1024px) { .tcm-component-banner-2 { height: 75vh; } } .tcm-component-banner-2 ul { width: 100%; margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-direction: column; } @media (min-width: 1024px) { .tcm-component-banner-2 ul { flex-direction: row; } } .tcm-component-banner-2 ul li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; align-items: flex-start; position: relative; background-color: #b3067d; background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; width: 100%; height: 100px; flex-grow: 0; flex-shrink: 1; cursor: pointer; color: #fff; padding: 1rem; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); -webkit-transition: 0.3s all ease-in-out; /* Safari */ transition: 0.3s all ease-in-out; } @media (min-width: 1024px) { .tcm-component-banner-2 ul li { align-items: center; height: 75vh; width: calc(100vw / 6); } } .tcm-component-banner-2 ul li::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -moz-linear-gradient(top, black 0%, rgba(179, 6, 125, 0) 90%); background: -webkit-linear-gradient(top, black 0%, rgba(179, 6, 125, 0) 90%); background: linear-gradient(to bottom, black 0%, rgba(179, 6, 125, 0) 90%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr=#b3067d,GradientType=1 ); opacity: 0; -webkit-transition: 0.3s all ease-in-out; /* Safari */ transition: 0.3s all ease-in-out; z-index: 0; } .tcm-component-banner-2 ul li::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*background-color: #b3067d;*/ background: -moz-linear-gradient(left, black 0%, #b3067d 90%); background: -webkit-linear-gradient(left, black 0%, #b3067d 90%); background: linear-gradient(to right, black 0%, #b3067d 90%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr=#b3067d,GradientType=1 ); opacity: 0.5; -webkit-transition: 0.3s all ease-in-out; /* Safari */ transition: 0.3s all ease-in-out; z-index: 0; } .tcm-component-banner-2 ul li:hover { height: 300px; flex-grow: 1; flex-shrink: 0; } @media (min-width: 1024px) { .tcm-component-banner-2 ul li:hover { width: calc(100vw - (5*(100vw / 12))); height: 75vh; } } .tcm-component-banner-2 ul li:hover h1 { /*@include opacity(0);*/ font-size: 0; pointer-events: none; } .tcm-component-banner-2 ul li:hover h2, .tcm-component-banner-2 ul li:hover p { opacity: 1; } .tcm-component-banner-2 ul li:hover::before { opacity: 0.5; } .tcm-component-banner-2 ul li:hover::after { opacity: 0; } .tcm-component-banner-2 ul .inner-text { position: relative; z-index: 1; } @media (min-width: 1024px) { .tcm-component-banner-2 ul .inner-text { position: absolute; top: 0; padding: 5rem 2rem; width: calc(100vw - (5*(100vw / 12))); } } .tcm-component-banner-2 ul h1 { display: none; } @media (min-width: 1024px) { .tcm-component-banner-2 ul h1 { display: block; font-size: 30px; text-transform: uppercase; -webkit-transition: 0.3s all ease-in-out; /* Safari */ transition: 0.3s all ease-in-out; z-index: 1; position: absolute; white-space: nowrap; text-align: right; transform: rotate(270deg); transform-origin: 0 0; width: 75vh; bottom: -80px; left: 20px; } } .tcm-component-banner-2 ul h2 { font-size: 2rem; padding: 1rem 0; -webkit-transition: 0.3s all ease-out; /* Safari */ transition: 0.3s all ease-out; } @media (min-width: 1024px) { .tcm-component-banner-2 ul h2 { opacity: 0; } } .tcm-component-banner-2 ul p { overflow: hidden; -webkit-transition: 0.3s all ease-out; /* Safari */ transition: 0.3s all ease-out; } @media (min-width: 1024px) { .tcm-component-banner-2 ul p { opacity: 0; } } .tcm-component-banner-3 { background-color: #000; position: relative; height: 60vh; } .tcm-component-banner-3 h1 { font-size: 1.2rem; color: #fff; } .tcm-component-banner-3 .item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; position: absolute; justify-content: center; width: 10rem; height: 10rem; border: 2px solid #fff; border-radius: 50%; } .tcm-component-banner-3 .item-1 { top: 20px; left: 20px; } .tcm-component-banner-3 .item-2 { top: 30px; right: 50px; } .tcm-component-banner-3 .item-3 { top: 200px; left: 700px; } .tcm-component-banner-3 .item-4 { top: 400px; left: 100px; } .tcm-component-media-gallery-1 { background-color: transparent; padding: 0; /*.slick-no-slide { &.slick-track { width: 100% !important; text-align: center; transform: none !important; } &.slick-slide { float: none; display: inline-block; } }*/ } .tcm-component-media-gallery-1 .slick-dots { /*color: #fff;*/ left: 1rem; bottom: 1rem; width: unset; max-width: calc(30% - 3rem); } @media (max-width: 576px) { .tcm-component-media-gallery-1 .slick-dots { left: inherit; max-width: 100%; position: relative; bottom: 0; } } .tcm-component-media-gallery-1 .slick-dots .slick-active button::before, .tcm-component-media-gallery-1 .slick-dots button::before { color: #fff; text-shadow: 0px 0px 5px #000; opacity: 1; } .tcm-component-media-gallery-1 .slick-arrow::before { text-shadow: 2px 2px 5px #000; opacity: 1; } .tcm-component-media-gallery-1 .media-gallery-highlight { height: 0; overflow: hidden; } .tcm-component-media-gallery-1 .media-gallery-highlight.slick-initialized { height: unset; overflow: visible; } .tcm-component-media-gallery-1 .media-gallery-highlight .media-gallery-carousel-item { background-color: #666; } .tcm-component-media-gallery-1 .media-gallery-highlight .media-gallery-carousel-item [data-type=image], .tcm-component-media-gallery-1 .media-gallery-highlight .media-gallery-carousel-item [data-type=video] { display: block; position: relative; } .tcm-component-media-gallery-1 .media-gallery-highlight .media-gallery-carousel-item [data-type=image] .media-gallery-image, .tcm-component-media-gallery-1 .media-gallery-highlight .media-gallery-carousel-item [data-type=video] .media-gallery-image { margin: auto; height: auto; max-width: 100%; } .tcm-component-media-gallery-1 .media-gallery-highlight .media-gallery-carousel-item [data-type=image] .media-gallery-image-container, .tcm-component-media-gallery-1 .media-gallery-highlight .media-gallery-carousel-item [data-type=video] .media-gallery-image-container { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .tcm-component-media-gallery-1 .media-gallery-highlight .media-gallery-carousel-item [data-type=image] .media-gallery-image-container::before, .tcm-component-media-gallery-1 .media-gallery-highlight .media-gallery-carousel-item [data-type=video] .media-gallery-image-container::before { content: ''; display: block; } .tcm-component-media-gallery-1 .media-gallery-highlight .media-gallery-carousel-item [data-type=image] .media-gallery-image-container.aspect-ratio-21by9::before, .tcm-component-media-gallery-1 .media-gallery-highlight .media-gallery-carousel-item [data-type=video] .media-gallery-image-container.aspect-ratio-21by9::before { padding-top: 42.85714%; } .tcm-component-media-gallery-1 .media-gallery-highlight .media-gallery-carousel-item [data-type=image] .media-gallery-image-container.aspect-ratio-16by9::before, .tcm-component-media-gallery-1 .media-gallery-highlight .media-gallery-carousel-item [data-type=video] .media-gallery-image-container.aspect-ratio-16by9::before { padding-top: 56.25%; } .tcm-component-media-gallery-1 .media-gallery-highlight .media-gallery-carousel-item [data-type=image] .media-gallery-image-container.aspect-ratio-4by3::before, .tcm-component-media-gallery-1 .media-gallery-highlight .media-gallery-carousel-item [data-type=video] .media-gallery-image-container.aspect-ratio-4by3::before { padding-top: 75%; } .tcm-component-media-gallery-1 .media-gallery-highlight .media-gallery-carousel-item [data-type=image] .media-gallery-image-container.aspect-ratio-1by1::before, .tcm-component-media-gallery-1 .media-gallery-highlight .media-gallery-carousel-item [data-type=video] .media-gallery-image-container.aspect-ratio-1by1::before { padding-top: 100%; } .tcm-component-media-gallery-1 .media-gallery-highlight .media-gallery-carousel-item [data-type=image] .media-gallery-image-container .media-gallery-image-bg, .tcm-component-media-gallery-1 .media-gallery-highlight .media-gallery-carousel-item [data-type=video] .media-gallery-image-container .media-gallery-image-bg { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; background-position: center; background-size: cover; } .tcm-component-media-gallery-1 .media-gallery-highlight .media-gallery-carousel-item [data-type=video] iframe { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 2; background-color: #000; } .tcm-component-media-gallery-1 .media-gallery-highlight .media-gallery-carousel-item-title { background-color: #fff; position: absolute; z-index: 1; text-align: right; right: 1rem; bottom: 1rem; padding: 0.5rem 1rem; margin: 1rem 0 0 1rem; font-size: 0.8rem; max-width: calc(70% - 3rem); } @media (max-width: 576px) { .tcm-component-media-gallery-1 .media-gallery-highlight .media-gallery-carousel-item-title { position: relative; bottom: inherit; right: inherit; margin: 0 auto; text-align: center; color: #fff; background: #000; max-width: 100%; } } .tcm-component-media-gallery-1 .media-gallery-highlight .slick-arrow { height: auto; } .tcm-component-media-gallery-1 .media-gallery-highlight .slick-arrow::before { font-family: 'Font Awesome 5 Pro'; font-weight: 400; color: black; line-height: 1; display: block; } .tcm-component-media-gallery-1 .media-gallery-highlight .slick-prev::before { content: '\f104'; } .tcm-component-media-gallery-1 .media-gallery-highlight .slick-next::before { content: '\f105'; } .tcm-component-media-gallery-1 .media-gallery-highlight .slick-prev, .tcm-component-media-gallery-1 .media-gallery-highlight .slick-next { width: 2rem; height: 3rem; z-index: 1; } .tcm-component-media-gallery-1 .media-gallery-highlight .slick-prev::before, .tcm-component-media-gallery-1 .media-gallery-highlight .slick-next::before { color: #FFF; font-size: 3rem; } .tcm-component-media-gallery-1 .media-gallery-highlight .slick-prev { left: 0; } .tcm-component-media-gallery-1 .media-gallery-highlight .slick-next { right: 0; } .tcm-component-media-gallery-2 { /*background-color: #000; padding: 2rem 2rem;*/ } @media (max-width: 576px) { .tcm-component-media-gallery-2 { background-color: transparent; padding: 0 0; } .tcm-component-media-gallery-2 .slick-dots { color: #fff; } } .tcm-component-media-gallery-2 .slick-dots { opacity: 0; pointer-events: none; } .tcm-component-media-gallery-2 .media-gallery-highlight { height: 0; overflow: hidden; } .tcm-component-media-gallery-2 .media-gallery-highlight.slick-initialized { height: unset; overflow: visible; } .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item { background-color: #666; position: relative; /*&.slick-active { [data-type=video] { iframe { display: block; } } }*/ } .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item [data-type=image], .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item [data-type=video] { display: block; position: relative; } .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item [data-type=image] .media-gallery-image, .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item [data-type=video] .media-gallery-image { margin: auto; height: auto; max-width: 100%; } .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item [data-type=image] .media-gallery-image-container, .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item [data-type=video] .media-gallery-image-container { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item [data-type=image] .media-gallery-image-container::before, .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item [data-type=video] .media-gallery-image-container::before { content: ''; display: block; } .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item [data-type=image] .media-gallery-image-container.aspect-ratio-21by9::before, .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item [data-type=video] .media-gallery-image-container.aspect-ratio-21by9::before { padding-top: 42.85714%; } .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item [data-type=image] .media-gallery-image-container.aspect-ratio-16by9::before, .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item [data-type=video] .media-gallery-image-container.aspect-ratio-16by9::before { padding-top: 56.25%; } .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item [data-type=image] .media-gallery-image-container.aspect-ratio-4by3::before, .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item [data-type=video] .media-gallery-image-container.aspect-ratio-4by3::before { padding-top: 75%; } .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item [data-type=image] .media-gallery-image-container.aspect-ratio-1by1::before, .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item [data-type=video] .media-gallery-image-container.aspect-ratio-1by1::before { padding-top: 100%; } .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item [data-type=image] .media-gallery-image-container .media-gallery-image-bg, .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item [data-type=video] .media-gallery-image-container .media-gallery-image-bg { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; background-position: center; background-size: cover; } .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item [data-type=image] img, .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item [data-type=video] img { max-height: calc(100vh - 10rem); max-width: calc(100vw - 10rem); } .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item [data-type=video] { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item [data-type=video] iframe { /*display: none;*/ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 2; background-color: #000; } .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item-title { background-color: #b3067d; color: #fff; position: absolute; z-index: 1; text-align: right; right: 1rem; bottom: 1rem; padding: 0.5rem 1rem; margin: 1rem 0 0 1rem; font-size: 0.8rem; } @media (max-width: 576px) { .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item-title { position: relative; bottom: inherit; right: inherit; margin: 0 auto; text-align: center; color: #fff; background: #000; } } .tcm-component-media-gallery-2 .media-gallery-highlight .slick-arrow { height: auto; } .tcm-component-media-gallery-2 .media-gallery-highlight .slick-arrow::before { font-family: 'Font Awesome 5 Pro'; font-weight: 400; color: black; line-height: 1; display: block; } .tcm-component-media-gallery-2 .media-gallery-highlight .slick-prev::before { content: '\f104'; } .tcm-component-media-gallery-2 .media-gallery-highlight .slick-next::before { content: '\f105'; } .tcm-component-media-gallery-2 .media-gallery-highlight .slick-prev, .tcm-component-media-gallery-2 .media-gallery-highlight .slick-next { width: 2rem; height: 3rem; z-index: 1; } .tcm-component-media-gallery-2 .media-gallery-highlight .slick-prev::before, .tcm-component-media-gallery-2 .media-gallery-highlight .slick-next::before { color: #FFF; font-size: 3rem; text-shadow: 0px 0px 10px #333; } .tcm-component-media-gallery-2 .media-gallery-highlight .slick-prev { left: 1rem; } .tcm-component-media-gallery-2 .media-gallery-highlight .slick-next { right: 1rem; } .tcm-component-media-gallery-2 .media-gallery-thumbs-container { margin-left: -.5rem; } .tcm-component-media-gallery-2 .media-gallery-thumbs { height: 0; overflow: hidden; /*margin: 0 -.5rem;*/ } @media (max-width: 576px) { .tcm-component-media-gallery-2 .media-gallery-thumbs { display: none; } } .tcm-component-media-gallery-2 .media-gallery-thumbs.slick-initialized { height: unset; overflow: visible; } .tcm-component-media-gallery-2 .media-gallery-thumbs .media-gallery-thumb { margin: 0; padding: .5rem 0 .5rem .5rem; } .tcm-component-media-gallery-2 .media-gallery-thumbs .media-gallery-thumb .media-gallery-image { margin: auto; height: auto; max-width: 100%; } .tcm-component-media-gallery-2 .media-gallery-thumbs .media-gallery-thumb .media-gallery-image-container { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .tcm-component-media-gallery-2 .media-gallery-thumbs .media-gallery-thumb .media-gallery-image-container::before { content: ''; display: block; } .tcm-component-media-gallery-2 .media-gallery-thumbs .media-gallery-thumb .media-gallery-image-container.aspect-ratio-21by9::before { padding-top: 42.85714%; } .tcm-component-media-gallery-2 .media-gallery-thumbs .media-gallery-thumb .media-gallery-image-container.aspect-ratio-16by9::before { padding-top: 56.25%; } .tcm-component-media-gallery-2 .media-gallery-thumbs .media-gallery-thumb .media-gallery-image-container.aspect-ratio-4by3::before { padding-top: 75%; } .tcm-component-media-gallery-2 .media-gallery-thumbs .media-gallery-thumb .media-gallery-image-container.aspect-ratio-1by1::before { padding-top: 100%; } .tcm-component-media-gallery-2 .media-gallery-thumbs .media-gallery-thumb .media-gallery-image-container .media-gallery-image-bg { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; background-position: center; background-size: cover; } .tcm-component-media-gallery-2 .media-gallery-thumbs .media-gallery-thumb.slick-current { /*border-bottom: 0.25rem solid #FFF;*/ /*.media-gallery-image, .media-gallery-image-container { -webkit-box-shadow: 0px 1px 4px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 4px 2px rgba(0, 0, 0, 0.5); }*/ } .tcm-component-media-gallery-2 .media-gallery-thumbs .media-gallery-thumb.slick-current .media-gallery-image-container::after { opacity: 1; background-color: #b3067d; } .tcm-component-media-gallery-2 .media-gallery-thumbs .media-gallery-thumb .media-gallery-image-container::after { content: ''; position: absolute; width: 100%; height: .3rem; background-color: #000; display: block; top: 0; z-index: 1; opacity: .5; } .tcm-component-media-gallery-2 .media-gallery-thumbs .media-gallery-thumb[data-type=video] { position: relative; } .tcm-component-media-gallery-2 .media-gallery-thumbs .media-gallery-thumb[data-type=video]::after { content: '\f144'; font-family: 'Font Awesome 5 Pro'; font-size: 4em; font-weight: 900; display: flex; align-items: center; justify-content: center; color: #FFF; background-color: #b3067d; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; height: 1em; width: 1em; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; /*text-shadow: 0px 0px 10px #333;*/ } .tcm-component-media-gallery-2 .media-gallery-thumbs .media-gallery-thumb[data-type=video]::after { font-size: 2em; } .tcm-component-media-gallery-2 .media-gallery-thumbs .slick-arrow { height: auto; } .tcm-component-media-gallery-2 .media-gallery-thumbs .slick-arrow::before { font-family: 'Font Awesome 5 Pro'; font-weight: 400; color: black; line-height: 1; display: block; } .tcm-component-media-gallery-2 .media-gallery-thumbs .slick-prev::before { content: '\f104'; } .tcm-component-media-gallery-2 .media-gallery-thumbs .slick-next::before { content: '\f105'; } .tcm-component-media-gallery-2 .media-gallery-thumbs .slick-prev, .tcm-component-media-gallery-2 .media-gallery-thumbs .slick-next { width: 2rem; height: 3rem; z-index: 1; } .tcm-component-media-gallery-2 .media-gallery-thumbs .slick-prev::before, .tcm-component-media-gallery-2 .media-gallery-thumbs .slick-next::before { color: #FFF; font-size: 2rem; text-shadow: 0px 0px 10px #333; } .tcm-component-media-gallery-2 .media-gallery-thumbs .slick-prev { left: 1.5rem; } .tcm-component-media-gallery-2 .media-gallery-thumbs .slick-next { right: 1rem; } .tcm-component-media-gallery-2 .slick-no-slide.slick-track { width: 100% !important; text-align: center; transform: none !important; } .tcm-component-media-gallery-2 .slick-no-slide.slick-slide { float: none; display: inline-block; } .tcm-component-media-gallery-2 .tcm-component-social-networks { justify-content: center; position: absolute; bottom: 1rem; right: 1rem; left: 1rem; /*margin-top: 1rem;*/ margin-top: 0; } .tcm-component-media-gallery-2 .tcm-component-social-networks .social-network { display: block; } .tcm-component-media-gallery-2 .tcm-component-social-networks .social-network a { background-color: #FFF; border-radius: 50%; padding: 0.5rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .tcm-component-media-gallery-2 .tcm-component-social-networks .social-network .social-icon { margin-right: 0; font-size: 1.4rem; margin-top: 4px; } .tcm-component-media-gallery-2 .tcm-component-social-networks .social-network .social-text { display: none; } .tcm-component-media-gallery-2 .tcm-component-social-networks .social-network + .social-network { margin-left: 0.5rem; } @media (min-width: 992px) { .tcm-component-media-gallery-2 .tcm-component-social-networks { display: block; left: unset; /*position: absolute;*/ /*right: 1rem;*/ /*bottom: 1rem;*/ /*margin-top: 0;*/ } .tcm-component-media-gallery-2 .tcm-component-social-networks .social-network + .social-network { margin-top: 1rem; margin-left: 0; } } .tcm-component-media-gallery-3 { width: 100%; height: 500px; max-height: calc(100vmin - 6rem); } .tcm-component-media-gallery-3::after { content: ''; display: block; clear: both; } .tcm-component-media-gallery-3 a:nth-of-type(2n) { height: 50%; } .tcm-component-media-gallery-3 a:nth-of-type(n+3) { width: 25%; height: 50%; } .tcm-component-media-gallery-3 a:nth-of-type(n+5) { display: none; } @media (max-width: 576px) { .tcm-component-media-gallery-3 a:first-of-type { width: 50%; height: 50%; } .tcm-component-media-gallery-3 a:nth-of-type(n+3) { width: 50%; } } .tcm-component-media-gallery-3[data-aspect-ratio="Fluid"] { height: auto; max-height: unset; background-color: #272626; } .tcm-component-media-gallery-3[data-aspect-ratio="Fluid"] img { max-width: 100%; } .tcm-component-media-gallery-3[data-items="1"] a { width: 100%; height: 100%; display: block; } @media (min-width: 768px) { .tcm-component-media-gallery-3[data-items="1"] a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } } .tcm-component-media-gallery-3[data-items="1"] a:nth-of-type(n+2) { display: none; } .tcm-component-media-gallery-3[data-items="1"][data-aspect-ratio="Fluid"] a { float: none; } .tcm-component-media-gallery-3[data-items="1"][data-aspect-ratio="Fluid"] img { display: block; margin: auto; } .tcm-component-media-gallery-3[data-items="2"] a { width: 50%; height: 100%; } .tcm-component-media-gallery-3[data-items="2"] a:nth-of-type(1) .media-gallery-image-container { border-right: 1px solid aqua; } .tcm-component-media-gallery-3[data-items="2"] a:nth-of-type(2) .media-gallery-image-container { border-left: 1px solid aqua; } .tcm-component-media-gallery-3[data-items="2"] a:nth-of-type(n+3) { display: none; } .tcm-component-media-gallery-3[data-items="3"] a:nth-of-type(1) { width: 50%; height: 100%; } .tcm-component-media-gallery-3[data-items="3"] a:nth-of-type(1) .media-gallery-image-container { border-right: 1px solid aqua; } .tcm-component-media-gallery-3[data-items="3"] a:nth-of-type(n+2) { width: 50%; height: 50%; } .tcm-component-media-gallery-3[data-items="3"] a:nth-of-type(n+2) .media-gallery-image-container { border-left: 1px solid aqua; } .tcm-component-media-gallery-3[data-items="3"] a:nth-of-type(2) .media-gallery-image-container { border-bottom: 1px solid aqua; } .tcm-component-media-gallery-3[data-items="3"] a:nth-of-type(3) .media-gallery-image-container { border-top: 1px solid aqua; } .tcm-component-media-gallery-3[data-items="3"] a:nth-of-type(n+4) { display: none; } .tcm-component-media-gallery-3 a { display: flex; float: left; width: 50%; height: 100%; position: relative; } .tcm-component-media-gallery-3 a:nth-of-type(1) .media-gallery-image-container { border-right: 1px solid aqua; } .tcm-component-media-gallery-3 a:nth-of-type(2) .media-gallery-image-container { border-bottom: 1px solid aqua; } .tcm-component-media-gallery-3 a:nth-of-type(3) .media-gallery-image-container { border-top: 1px solid aqua; border-right: 1px solid aqua; } .tcm-component-media-gallery-3 a:nth-of-type(4) .media-gallery-image-container { border-top: 1px solid aqua; border-left: 1px solid aqua; } .tcm-component-media-gallery-3 a[data-type=video]::after { content: '\f144'; font-family: 'Font Awesome 5 Pro'; font-size: 4em; font-weight: 900; display: flex; align-items: center; justify-content: center; color: #FFF; background-color: #b3067d; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; height: 1em; width: 1em; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; /*text-shadow: 0px 0px 10px #333;*/ } .tcm-component-media-gallery-3 a.last-visible-item::after { content: none; } .tcm-component-media-gallery-3 a:hover { cursor: pointer; } .tcm-component-media-gallery-3 a .media-gallery-image-container { width: 100%; height: 100%; position: relative; } .tcm-component-media-gallery-3 a .media-gallery-image-container .more-imgs { font-size: 2em; display: flex; align-items: center; justify-content: center; height: 2em; width: 2em; color: #FFF; position: absolute; font-family: Arial, sans-serif; top: 0; right: 0; bottom: 0; left: 0; margin: auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-color: rgba(177, 7, 124, 0.5); } .tcm-component-media-gallery-3 a .media-gallery-image-bg { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; } .tcm-slider-backdrop { opacity: 0; background-color: rgba(0, 0, 0, 0.9); height: 100%; width: 100%; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 4; } .tcm-slider-backdrop .tcm-component-media-gallery-2 { position: relative; top: 50%; transform: translateY(-50%); background-color: rgba(255, 255, 255, 0); background-color: transparent; padding: 0; } .tcm-slider-backdrop .tcm-component-media-gallery-2 .media-gallery-carousel-item { background-color: transparent; background-color: rgba(255, 255, 255, 0); width: 100vw; height: 100vh; padding: 5rem 0.5rem; } @media (min-width: 992px) { .tcm-slider-backdrop .tcm-component-media-gallery-2 .media-gallery-carousel-item { padding: 5rem; } } .tcm-slider-backdrop .tcm-component-media-gallery-2 .media-gallery-carousel-item > a { width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .tcm-slider-backdrop .tcm-component-media-gallery-2 .media-gallery-carousel-item > iframe { left: 0.5rem; right: 0.5rem; top: 5rem; bottom: 5rem; width: calc(100% - 1rem); height: calc(100% - 10rem); } @media (min-width: 992px) { .tcm-slider-backdrop .tcm-component-media-gallery-2 .media-gallery-carousel-item > iframe { left: 5rem; right: 5rem; width: calc(100% - 10rem); } } .tcm-slider-backdrop .tcm-component-media-gallery-2 .media-gallery-carousel-item .media-gallery-image { margin: 0; max-width: 100%; max-height: 100%; } .tcm-slider-backdrop .tcm-component-media-gallery-2 .media-gallery-carousel-item.zoom-enabled [data-type=image] img.media-gallery-image { cursor: zoom-in; } .tcm-slider-backdrop .tcm-component-media-gallery-2 .media-gallery-carousel-item.zoom-enabled.zoom { overflow-y: auto; justify-content: flex-start; padding: 1rem; } @media (min-width: 992px) { .tcm-slider-backdrop .tcm-component-media-gallery-2 .media-gallery-carousel-item.zoom-enabled.zoom { padding: 5rem; } } .tcm-slider-backdrop .tcm-component-media-gallery-2 .media-gallery-carousel-item.zoom-enabled.zoom [data-type=image] img.media-gallery-image { cursor: zoom-out; max-height: unset; } .tcm-slider-backdrop .tcm-component-media-gallery-2 .media-gallery-carousel-item.zoom-enabled.zoom .tcm-component-social-networks { position: sticky; bottom: 0; } @media (min-width: 992px) { .tcm-slider-backdrop .tcm-component-media-gallery-2 .media-gallery-carousel-item.zoom-enabled.zoom .tcm-component-social-networks { width: 42px; left: 100vw; margin-right: -4rem; } } .tcm-slider-backdrop .tcm-component-media-gallery-2 .slick-arrow::before { text-shadow: 2px 2px 5px #000; opacity: 1; } .tcm-slider-backdrop .tcm-component-media-gallery-2 .slick-prev { left: 1rem; z-index: 4; } .tcm-slider-backdrop .tcm-component-media-gallery-2 .slick-next { right: 1rem; z-index: 4; } .tcm-slider-backdrop.show { opacity: 1; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity 1s ease-in-out; } .tcm-slider-backdrop .close-slider { position: absolute; top: 1rem; right: 1rem; color: #ffffff; background-color: transparent; border: none; padding: 0; /*width: 50px; height: 50px;*/ font-size: 2rem; z-index: 4; text-align: right; } .tcm-slider-backdrop .close-slider:hover { cursor: pointer; } .tcm-component-media-gallery-3-active { overflow: hidden; } .tcm-component-modal-video { max-width: 1920px; background-color: #EEEEEE; margin: 0 auto; overflow: hidden; } .tcm-component-modal-video.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); z-index: 3; padding: 40px; } .tcm-component-modal-video .tcm-video-close { position: absolute; top: 20px; right: 20px; color: #ffffff; background-color: transparent; border: none; padding: 0; width: 50px; height: 50px; font-size: 25px; } .tcm-component-modal-video .tcm-video-close:hover { cursor: pointer; opacity: 0.5; } .tcm-component-modal-video .tcm-video-player { position: relative; height: 70vh; margin: 50px auto; max-width: 1190px; } .tcm-component-modal-video .tcm-video-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } [data-toggle=tcm-modal-video] { cursor: pointer; } .tcm-component-search-bar { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; background-color: #EEE; } .tcm-component-search-bar .btn-search { order: 1; background-color: transparent; color: #000; border: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; font-size: 2rem; padding: 0; width: 4rem; height: 4rem; } .tcm-component-search-bar .btn-search:hover { cursor: pointer; } .tcm-component-search-bar .field-search-container { order: 2; border: none; padding: 0; height: 4rem; overflow: hidden; background-color: #EEE; } .tcm-component-search-bar .field-search-container .field-search { padding: 0 1rem; background-color: transparent; width: 100%; height: 100%; min-width: 2rem; } .tcm-component-search-bar.animated .field-search-container { order: 2; border: 0; padding: 0; transition: right 0.6s linear; position: absolute; left: 4rem; right: 100%; z-index: 1; } .tcm-component-search-bar.animated .field-search-container .field-search { padding: 0; border: 0; background-color: transparent; width: 100%; height: 100%; padding: 0 1rem; } .tcm-component-search-bar.animated .field-search-container.active { right: 0%; } .tcm-component-search-bar.right { justify-content: flex-end; } .tcm-component-search-bar.right .btn-search { order: 2; } .tcm-component-search-bar.right .field-search-container { order: 1; } .tcm-component-search-bar.right.animated .field-search-container { transition: left 0.6s linear; position: absolute; right: 4rem; left: 100%; } .tcm-component-search-bar.right.animated .field-search-container.active { left: 0%; } .tcm-component-image-crop-active { overflow: hidden; } .tcm-component-image-crop { display: block !important; background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; } .tcm-component-image-crop .tcm-component-image-crop-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-direction: column; position: absolute; top: 1rem; right: 1rem; bottom: 1rem; left: 1rem; margin: auto; padding: 1rem; background-color: #FFF; /*width: 1000px;*/ } .tcm-component-image-crop .tcm-component-image-crop-inner > div { width: 100%; /*flex-grow: 0;*/ } .tcm-component-image-crop .tcm-component-image-crop-inner .tcm-component-image-crop-body { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-grow: 1; background-color: #eee; overflow: auto; white-space: nowrap; } .tcm-component-image-crop .tcm-component-image-crop-inner .tcm-component-image-crop-body .mCSB_container_wrapper { margin: 0; } .tcm-component-image-crop .tcm-component-image-crop-inner .tcm-component-image-crop-body .mCSB_container_wrapper > .mCSB_container { padding: 0; } .tcm-component-image-crop .tcm-component-image-crop-container { position: relative; display: table; margin: auto; } .tcm-component-image-crop .tcm-component-image-crop-container::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .tcm-component-image-crop .tcm-component-image-crop-container img { /*@include opacity(.2);*/ } .tcm-component-image-crop .tcm-component-image-crop-container span { position: absolute; top: 0; left: 0; width: 5px; height: 5px; border-radius: 10px; background-color: red; } .tcm-component-image-crop .tcm-component-image-crop-area { background-color: white; width: 50px; height: 50px; position: absolute; overflow: hidden; top: 0; left: 0; cursor: move; } .tcm-component-image-crop .tcm-component-image-crop-area img { opacity: 1; } .tcm-component-image-crop .tcm-component-image-crop-area p { position: absolute; top: 0; left: 0; padding: .3rem; margin: 0; color: white; font-size: .7rem; background-color: rgba(0, 0, 0, 0.1); text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); } .tcm-component-image-crop .tcm-component-image-crop-footer { padding: 1rem 0 0; } .tcm-component-image-crop .tcm-component-image-crop-footer h5 { font-size: 1rem; } .tcm-component-image-crop .tcm-component-image-crop-footer input { height: 2rem; width: 3rem; } @media (min-width: 768px) { .tcm-component-image-crop .tcm-component-image-crop-footer input { width: 4rem; } } .tcm-component-image-crop .tcm-component-image-crop-footer input + input { margin-left: 1rem; } @media (min-width: 768px) { .tcm-component-image-crop .tcm-component-image-crop-footer { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-direction: row; justify-content: space-between; align-items: flex-end; padding: 1rem 0; } } .tcm-component-image-crop .tcm-component-image-crop-inputs { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; } @media (min-width: 768px) { .tcm-component-image-crop .tcm-component-image-crop-inputs { margin-bottom: 0; } } @media (min-width: 768px) { .tcm-component-image-crop .tcm-component-image-crop-inputs > div + div { margin-left: 2rem; } } .tcm-component-image-crop .tcm-component-image-crop-zoom-slider-tool { height: 2rem; width: 10rem; } .tcm-component-image-crop .tcm-component-image-crop-buttons { text-align: center; } .tcm-component-image-crop .tcm-component-image-crop-buttons .btn + .btn { margin-left: 1rem; } .tcm-component-image-crop .tcm-component-image-crop-input { margin-bottom: 1rem; } @media (min-width: 768px) { .tcm-component-image-crop .tcm-component-image-crop-input { margin-bottom: 0; } } .tcm-component-go-to-top { position: fixed; bottom: 30px; right: 30px; z-index: 2; } .tcm-component-go-to-top .btn-go-to-top { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; font-size: 30px; color: #000000; width: 50px; height: 50px; background-color: #ffffff; border-radius: 50%; -webkit-box-shadow: 0 1px 4px 0 #000; -moz-box-shadow: 0 1px 4px 0 #000; box-shadow: 0 1px 4px 0 #000; } .tcm-component-go-to-top .btn-go-to-top:hover { cursor: pointer; } .tcm-component-image-crop-active { overflow: hidden; } .tcm-component-image-crop { display: block !important; background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; } .tcm-component-image-crop .tcm-component-image-crop-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-direction: column; position: absolute; top: 1rem; right: 1rem; bottom: 1rem; left: 1rem; margin: auto; padding: 1rem; background-color: #FFF; /*width: 1000px;*/ } .tcm-component-image-crop .tcm-component-image-crop-inner > div { width: 100%; /*flex-grow: 0;*/ } .tcm-component-image-crop .tcm-component-image-crop-inner .tcm-component-image-crop-body { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-grow: 1; background-color: #eee; overflow: auto; white-space: nowrap; } .tcm-component-image-crop .tcm-component-image-crop-inner .tcm-component-image-crop-body .mCSB_container_wrapper { margin: 0; } .tcm-component-image-crop .tcm-component-image-crop-inner .tcm-component-image-crop-body .mCSB_container_wrapper > .mCSB_container { padding: 0; } .tcm-component-image-crop .tcm-component-image-crop-container { position: relative; display: table; margin: auto; } .tcm-component-image-crop .tcm-component-image-crop-container::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .tcm-component-image-crop .tcm-component-image-crop-container img { /*@include opacity(.2);*/ } .tcm-component-image-crop .tcm-component-image-crop-container span { position: absolute; top: 0; left: 0; width: 5px; height: 5px; border-radius: 10px; background-color: red; } .tcm-component-image-crop .tcm-component-image-crop-area { background-color: white; width: 50px; height: 50px; position: absolute; overflow: hidden; top: 0; left: 0; cursor: move; } .tcm-component-image-crop .tcm-component-image-crop-area img { opacity: 1; } .tcm-component-image-crop .tcm-component-image-crop-area p { position: absolute; top: 0; left: 0; padding: .3rem; margin: 0; color: white; font-size: .7rem; background-color: rgba(0, 0, 0, 0.1); text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); } .tcm-component-image-crop .tcm-component-image-crop-footer { padding: 1rem 0 0; } .tcm-component-image-crop .tcm-component-image-crop-footer h5 { font-size: 1rem; } .tcm-component-image-crop .tcm-component-image-crop-footer input { height: 2rem; width: 3rem; } @media (min-width: 768px) { .tcm-component-image-crop .tcm-component-image-crop-footer input { width: 4rem; } } .tcm-component-image-crop .tcm-component-image-crop-footer input + input { margin-left: 1rem; } @media (min-width: 768px) { .tcm-component-image-crop .tcm-component-image-crop-footer { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-direction: row; justify-content: space-between; align-items: flex-end; padding: 1rem 0; } } .tcm-component-image-crop .tcm-component-image-crop-inputs { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; } @media (min-width: 768px) { .tcm-component-image-crop .tcm-component-image-crop-inputs { margin-bottom: 0; } } @media (min-width: 768px) { .tcm-component-image-crop .tcm-component-image-crop-inputs > div + div { margin-left: 2rem; } } .tcm-component-image-crop .tcm-component-image-crop-zoom-slider-tool { height: 2rem; width: 10rem; } .tcm-component-image-crop .tcm-component-image-crop-buttons { text-align: center; } .tcm-component-image-crop .tcm-component-image-crop-buttons .btn + .btn { margin-left: 1rem; } .tcm-component-image-crop .tcm-component-image-crop-input { margin-bottom: 1rem; } @media (min-width: 768px) { .tcm-component-image-crop .tcm-component-image-crop-input { margin-bottom: 0; } } .tcm-component-social-networks { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; list-style: none; margin: 0; padding: 0; justify-content: space-between; } .tcm-component-social-networks .social-network a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; text-decoration: none; color: #000000; font-size: 2rem; align-items: center; } .tcm-component-social-networks .social-network a .social-icon { order: 1; margin-right: 5px; } .tcm-component-social-networks .social-network a .social-text { order: 2; margin: 0; font-size: 1rem; } .tcm-component-social-networks .social-network.facebook a { color: #3b5998; } .tcm-component-social-networks .social-network.twitter a { color: #1da1f2; } .tcm-component-social-networks .social-network.instagram a { color: #833ab4; } .tcm-component-social-networks .social-network.linkedin a { color: #0077b5; } .tcm-component-social-networks .social-network.youtube a { color: #ff0000; } .tcm-component-social-networks .social-network.tumblr a { color: #35465c; } .tcm-component-social-networks .social-network.googleplus a { color: #dd4b39; } .tcm-component-social-networks .social-network.whatsapp a { color: #25d366; } .tcm-component-social-networks.icons-right .social-network a .social-icon { order: 2; margin-left: 5px; } .tcm-component-social-networks.icons-right .social-network a .social-text { order: 1; } .tcm-component-social-networks.no-text .social-network a .social-icon { order: 1; margin: 0; } .tcm-component-social-networks.no-text .social-network a .social-text { display: none; } .tcm-component-tge-menu { pointer-events: none; opacity: 0; -webkit-transition: .3s all ease-in-out; /*@include transition(.3s all ease-in-out);*/ } @media (max-width: 480px) { .tcm-component-tge-menu { height: 100vh; } } .tcm-component-tge-menu .tge-menu-tabs { margin-bottom: 0.5rem; } .tcm-component-tge-menu .tge-menu-tabs .tge-menu-tabs-slick .tge-menu-tabs-slick-item { display: block; cursor: pointer; margin: auto 0; text-align: center; opacity: 0.3; } .tcm-component-tge-menu .tge-menu-tabs .tge-menu-tabs-slick .tge-menu-tabs-slick-item.slick-current { opacity: 1; } .tcm-component-tge-menu .tge-menu-tabs .tge-menu-tabs-slick .slick-arrow { height: auto; } .tcm-component-tge-menu .tge-menu-tabs .tge-menu-tabs-slick .slick-arrow::before { font-family: 'Font Awesome 5 Pro'; font-weight: 400; color: black; line-height: 1; display: block; } .tcm-component-tge-menu .tge-menu-tabs .tge-menu-tabs-slick .slick-prev::before { content: '\f104'; } .tcm-component-tge-menu .tge-menu-tabs .tge-menu-tabs-slick .slick-next::before { content: '\f105'; } .tcm-component-tge-menu .tge-menu-tabs .tge-menu-tabs-slick .slick-track { display: flex; } .tcm-component-tge-menu .tge-menu-tabs .tge-menu-tabs-slick .slick-prev { left: 0; } .tcm-component-tge-menu .tge-menu-tabs .tge-menu-tabs-slick .slick-next { right: 0; } @media (max-width: 480px) { .tcm-component-tge-menu .tge-menu-tab-contents { overflow-y: auto; } } .tcm-component-tge-menu .tge-menu-tab-contents .tge-menu-tab-content ul { padding: 0; } .tcm-component-tge-menu .tge-menu-tab-contents .tge-menu-tab-content ul li { padding: 0.5rem 1.5rem; list-style: none; } .tcm-component-tge-menu .tge-menu-tab-contents .tge-menu-tab-content ul li a { display: block; position: relative; } .tcm-component-tge-menu .tge-menu-tab-contents .tge-menu-tab-content ul li a[data-toggle="tcm-tge-menu-navigate"] { position: relative; display: block; width: 100%; } .tcm-component-tge-menu .tge-menu-tab-contents .tge-menu-tab-content ul li a[data-toggle="tcm-tge-menu-navigate"]::after { font-family: 'Font Awesome 5 Pro'; content: '\f105'; position: absolute; right: calc(-0.5rem - 8px); display: block; overflow: hidden; top: 50%; margin-top: -0.75rem; height: 1.5rem; } .tcm-component-tge-menu .tge-menu-tab-contents .tge-menu-tab-content ul li a i { display: none; } .tcm-component-tge-menu .tge-menu-tab-contents .tge-menu-tab-content ul li a p { margin: 0; } .tcm-component-tge-menu .tge-menu-tab-contents .tge-menu-tab-content ul li.item-title { margin-bottom: 10px; border-bottom: 1px solid #e5e5e5; } .tcm-component-tge-menu .tge-menu-tab-contents .tge-menu-tab-content ul li.item-title a[data-toggle="tcm-tge-menu-navigate"]::after { right: unset; left: calc(-0.5rem - 8px); font-family: 'Font Awesome 5 Pro'; content: '\f104'; } .tcm-component-tge-menu .tge-menu-tab-contents .tge-menu-tab-content.has-image ul li a { padding-left: 2rem; } .tcm-component-tge-menu .tge-menu-tab-contents .tge-menu-tab-content.has-image ul li a i { display: block; position: absolute; top: 50%; left: 0; height: 1rem; margin-top: -0.5rem; font-style: normal; overflow: hidden; } .tcm-component-tge-menu .tge-menu-tab-contents .tge-menu-tab-content.has-image ul li a i.custom span { margin: auto; display: block; width: 1rem; height: 1rem; border-radius: 50%; background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: #FFF; } .tcm-component-tge-menu.menu-active { pointer-events: all; z-index: 2; opacity: 1; } .tcm-component-side-menu { height: 100%; background-color: #1c1e2a; overflow: auto; } .tcm-component-side-menu a { display: flex; align-items: center; padding: 20px 0; min-height: 64px; } .tcm-component-side-menu a:hover { text-decoration: none; } .tcm-component-side-menu a i { width: 20%; text-align: center; font-style: normal; justify-content: center; } .tcm-component-side-menu a i.arrow-i { margin-right: 0; margin-left: auto; width: 15%; } .tcm-component-side-menu a i.custom span { margin: auto; display: block; width: 24px; height: 24px; border-radius: 50%; background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: #FFF; } .tcm-component-side-menu a p { width: 80%; margin: 0; } .tcm-component-side-menu .first-level { list-style: none; padding: 0; position: relative; } .tcm-component-side-menu .first-level li + li { border-top: 1px solid #2d2f3e; } .tcm-component-side-menu .first-level li:last-child { border-bottom: 1px solid #2d2f3e; } .tcm-component-side-menu .first-level li a { background-color: #1c1e2a; color: #E0E0E0; } .tcm-component-side-menu .first-level li a.active { background-color: #2c2f3e; } .tcm-component-side-menu .first-level li a.active::before { content: ''; position: absolute; top: 0; left: 0; width: 48px; height: 100%; z-index: 0; } .tcm-component-side-menu .first-level.active .item-menu { justify-content: center; width: 20%; } .tcm-component-side-menu .first-level.active .item-menu i { margin: 0; width: 100%; } .tcm-component-side-menu .first-level.active .item-menu p { display: none; } .tcm-component-side-menu .first-level.active .item-menu .arrow-i { display: none; } .tcm-component-side-menu .second-level { padding: 0; list-style: none; background-color: #2c2f3e; position: absolute; right: 0; top: 0; width: 80%; height: 100%; z-index: 1; display: none; } .tcm-component-side-menu .second-level li + li { border-top: 1px solid #252935; } .tcm-component-side-menu .second-level li:last-child { border-bottom: 1px solid #252935; } .tcm-component-side-menu .second-level li a { color: #E0E0E0; background-color: #2c2f3e; padding: 15px 5px; } .tcm-component-side-menu .second-level li a.back-menu { font-weight: bold; text-transform: uppercase; color: #ffffff; } .tcm-component-side-menu .second-level li a.active { background-color: #232531; } .tcm-component-side-menu .second-level li a.active .arrow-i { -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Safari 3-8 */ transform: rotate(180deg); } .tcm-component-side-menu .second-level.active { display: block; } .tcm-component-side-menu .third-level { list-style: none; padding: 0; display: none; } .tcm-component-side-menu .third-level li + li { border: none; } .tcm-component-side-menu .third-level li a { background-color: #232531; } .tcm-component-animation-1000s .group-1000s > * { position: absolute; } .tcm-component-animation-1000s .group-1000s .sentence { opacity: 0; } .tcm-component-animation-1000s .group-1000s .sentence > span { display: inline-block; position: relative; overflow: hidden; } .tcm-component-animation-1000s .group-1000s .sentence > span span { position: absolute; top: 0; left: 0; overflow: hidden; } .tcm-component-animation-1000s .group-1000s .sentence > span span:first-of-type { position: relative; overflow: initial; opacity: 0; } .tcm-component-animation-1000s .group-1000s .sentence > span span:nth-of-type(2) { width: 0; } .tcm-component-animation-1000s .group-1000s .sentence > span span:nth-of-type(3) { display: none; width: 0; } .tcm-component-animation-1000s .group-1000s[data-1000s-type="color"] > * { opacity: 0; } .tcm-component-animation-1000s .group-1000s[data-1000s-type="color"] .sentence > span span { text-shadow: 1px 1px 1px black; } .tcm-component-animation-1000s .group-1000s[data-1000s-type="color"] .sentence > span span:nth-of-type(2) { width: 100%; } .tcm-component-animation-1000s .group-1000s[data-1000s-type="color"] .sentence > span span:nth-of-type(3) { display: inline-block; color: #ffc107; } .demo-page .tcm-component-animation-1000s .example-1, .demo-page .tcm-component-animation-1000s .example-2 { display: flex; align-items: center; justify-content: center; min-height: 300px; text-align: center; font-size: 30px; font-weight: 700; } .demo-page .tcm-component-animation-1000s .example-2 { color: white; background: url("https://picsum.photos/1400/300/?random") center center no-repeat; background-size: cover; } /*Variables*/ .tcm-component-map { position: relative; padding: 0.5rem 1rem 1rem; border-radius: 0.25rem; overflow: hidden; background-color: #EAEAEA; } .tcm-component-map.loading::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 20; } .tcm-component-map.loading::after { display: block; position: absolute; font-family: 'Font Awesome 5 Pro'; content: '\f1ce'; animation: fa-spin 2s infinite linear; color: #FFF; top: 50%; left: 50%; margin: -2rem 0 0 -2rem; font-size: 4rem; z-index: 21; animation: fa-spin 2s infinite linear; } .tcm-component-map h2, .tcm-component-map label { font-size: 1em; font-weight: normal; } .tcm-component-map .travel-mode button:not(:first-of-type) { margin-left: 3px; } .tcm-component-map .tcm-component-map-options { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; margin: 0 -0.5rem; flex-wrap: wrap; } .tcm-component-map .tcm-component-map-options .tcm-component-map-options-from, .tcm-component-map .tcm-component-map-options .tcm-component-map-options-to, .tcm-component-map .tcm-component-map-options .tcm-component-map-options-travel-mode { padding: 0 0.5rem; margin-bottom: 1rem; width: 100%; /*@media(min-width: 992px) { width: 33.33%; }*/ } .tcm-component-map .tcm-component-map-options .tcm-component-map-options-from .btn-toolbar, .tcm-component-map .tcm-component-map-options .tcm-component-map-options-to .btn-toolbar, .tcm-component-map .tcm-component-map-options .tcm-component-map-options-travel-mode .btn-toolbar { flex-wrap: wrap; margin-left: -0.125rem; margin-right: -0.125rem; } .tcm-component-map .tcm-component-map-options .tcm-component-map-options-from .btn-toolbar .btn, .tcm-component-map .tcm-component-map-options .tcm-component-map-options-to .btn-toolbar .btn, .tcm-component-map .tcm-component-map-options .tcm-component-map-options-travel-mode .btn-toolbar .btn { margin: 0 0.125rem 0.25rem; flex-grow: 1; } .tcm-component-map .tcm-component-map-options .tcm-component-map-options-from .btn-toolbar .btn i, .tcm-component-map .tcm-component-map-options .tcm-component-map-options-to .btn-toolbar .btn i, .tcm-component-map .tcm-component-map-options .tcm-component-map-options-travel-mode .btn-toolbar .btn i { margin-right: 0.25rem; } @media (min-width: 768px) { .tcm-component-map .tcm-component-map-options .tcm-component-map-options-from, .tcm-component-map .tcm-component-map-options .tcm-component-map-options-to, .tcm-component-map .tcm-component-map-options .tcm-component-map-options-travel-mode { width: unset; flex-grow: 1; } } .tcm-component-map .tcm-component-map-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; overflow: hidden; border-radius: 0.25rem; flex-wrap: wrap; } .tcm-component-map .tcm-component-map-container.with-route-result .tcm-component-map-route-result { display: block; } .tcm-component-map .tcm-component-map-container.with-route-result .tcm-component-map-route-result .btn-close-route { display: block; } .tcm-component-map .tcm-component-map-container .tcm-component-map-embed { height: 80vh; background-color: #EEE; width: 100%; } .tcm-component-map .tcm-component-map-container .tcm-component-map-route-result { display: none; background-color: #EEE; position: relative; width: 100%; } .tcm-component-map .tcm-component-map-container .tcm-component-map-route-result h4 { margin: 1rem 3rem 0 1rem; } .tcm-component-map .tcm-component-map-container .tcm-component-map-route-result .tcm-component-map-route-result-inner { padding: 1rem; } .tcm-component-map .tcm-component-map-container .tcm-component-map-route-result .tcm-component-map-route-result-inner table { width: 100%; } .tcm-component-map .tcm-component-map-container .tcm-component-map-route-result .tcm-component-map-route-result-inner .adp-legal { font-size: 0.7rem; text-align: center; font-style: italic; } .tcm-component-map .tcm-component-map-container .tcm-component-map-route-result .tcm-component-map-route-result-inner .adp-placemark { border: none; } .tcm-component-map .tcm-component-map-container .tcm-component-map-route-result .tcm-component-map-route-result-inner .adp-placemark .adp-text { padding-left: 1rem; } .tcm-component-map .tcm-component-map-container .tcm-component-map-route-result .tcm-component-map-route-result-inner .adp-summary { text-align: center; font-size: 0.9rem; font-weight: bold; } .tcm-component-map .tcm-component-map-container .tcm-component-map-route-result .tcm-component-map-route-result-inner .adp-directions .adp-substep { font-size: 0.9rem; border-top: none; } .tcm-component-map .tcm-component-map-container .tcm-component-map-route-result .tcm-component-map-route-result-inner .adp-directions .adp-substep .adp-distance { font-size: 0.7rem; text-align: right; } .tcm-component-map .tcm-component-map-container .tcm-component-map-route-result .btn-close-route { display: none; position: absolute; top: 1rem; right: 1rem; padding: 0; line-height: 1; background-color: transparent; border: none; cursor: pointer; color: #000; } .tcm-component-map .tcm-component-map-container .tcm-component-map-route-result .btn-close-route:active { color: #000; } .tcm-component-map .tcm-component-map-container .tcm-component-map-route-result .btn-close-route::before { font-family: 'Font Awesome 5 Pro'; content: '\f00d'; } @media (min-width: 1200px) { .tcm-component-map .tcm-component-map-container { flex-wrap: nowrap; } .tcm-component-map .tcm-component-map-container .tcm-component-map-embed { height: 50vh; order: 2; width: unset; flex-grow: 1; -webkit-transition: width 1s; /* Safari */ transition: width 1s; } .tcm-component-map .tcm-component-map-container .tcm-component-map-route-result { position: relative; order: 1; display: block; width: 0; -webkit-transition: width 1s; /* Safari */ transition: width 1s; overflow: hidden; } .tcm-component-map .tcm-component-map-container .tcm-component-map-route-result h4 { position: absolute; top: 1rem; left: 1rem; right: 2rem; font-size: 1.4rem; margin: 0; } .tcm-component-map .tcm-component-map-container .tcm-component-map-route-result .tcm-component-map-route-result-inner { position: absolute; left: 0; top: 3rem; bottom: 0; width: 20vw; padding-top: 0; overflow-x: hidden; overflow-y: auto; } .tcm-component-map .tcm-component-map-container.with-route-result .tcm-component-map-route-result { width: 20vw; } } .carousel .carousel-inner .carousel-item .carousel-item-img { display: block; height: 640px; width: 100%; background-position: center center; background-repeat: no-repeat; } .carousel.carousel-fluid .carousel-inner .carousel-item .carousel-item-img { height: 0; padding-bottom: 66.66%; background-size: cover; } .tcm-component-carousel-2 { position: relative; } .tcm-component-carousel-2.type-1 .carousel-slick-slide .slick-dots li button::before { background-color: #fff; } .tcm-component-carousel-2.type-1 .carousel-slick-slide .slick-dots li.slick-active button::before { opacity: 1; } .tcm-component-carousel-2.type-2 .carousel-slick-slide .slick-dots li button::before { background-color: transparent; border: 2px solid #fff; opacity: 1; } .tcm-component-carousel-2.type-2 .carousel-slick-slide .slick-dots li.slick-active button::before { background-color: #fff; } .tcm-component-carousel-2.type-3 .carousel-slick-slide .slick-dots li { width: 25px; height: 5px; } .tcm-component-carousel-2.type-3 .carousel-slick-slide .slick-dots li button { width: 25px; height: 5px; } .tcm-component-carousel-2.type-3 .carousel-slick-slide .slick-dots li button::before { background-color: #fff; border-radius: 0; width: 25px; height: 5px; } .tcm-component-carousel-2.type-3 .carousel-slick-slide .slick-dots li.slick-active button::before { opacity: 1; } .tcm-component-carousel-2.type-4 .carousel-slick-slide .slick-dots li { width: 35px; height: 5px; margin: 0; } .tcm-component-carousel-2.type-4 .carousel-slick-slide .slick-dots li button { width: 35px; height: 5px; } .tcm-component-carousel-2.type-4 .carousel-slick-slide .slick-dots li button::before { background-color: #fff; border-radius: 0; width: 35px; height: 5px; } .tcm-component-carousel-2.type-4 .carousel-slick-slide .slick-dots li.slick-active button::before { opacity: 1; } .tcm-component-carousel-2 .carousel-slick-slide { max-width: 100%; } .tcm-component-carousel-2 .tcm-carousel-legend { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; min-height: 5rem; } @media (min-width: 768px) { .tcm-component-carousel-2 .tcm-carousel-legend { position: absolute; bottom: .5rem; right: .5rem; min-height: unset; background-color: #fff; padding: 0.5rem 1rem; } } .tcm-component-carousel-2 .tcm-carousel-legend .tcm-carousel-legend-inner { margin: 0; line-height: 1.4; } .tcm-component-carousel-2 .carousel-slick-item { position: relative; max-width: 100%; } .tcm-component-carousel-2 .carousel-slick-item .carousel-item-link { display: block; position: relative; } .tcm-component-carousel-2 .carousel-slick-item .carousel-item-link .media-gallery-image-container::before { content: ''; display: block; } .tcm-component-carousel-2 .carousel-slick-item .carousel-item-link .media-gallery-image-container.aspect-ratio-21by9::before { padding-top: 42.85714%; } .tcm-component-carousel-2 .carousel-slick-item .carousel-item-link .media-gallery-image-container.aspect-ratio-16by9::before { padding-top: 56.25%; } .tcm-component-carousel-2 .carousel-slick-item .carousel-item-link .media-gallery-image-container.aspect-ratio-4by3::before { padding-top: 75%; } .tcm-component-carousel-2 .carousel-slick-item .carousel-item-link .media-gallery-image-container.aspect-ratio-1by1::before { padding-top: 100%; } .tcm-component-carousel-2 .carousel-slick-item .carousel-item-link .media-gallery-image-container .media-gallery-image-bg { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; background-position: center; background-size: cover; } .tcm-component-carousel-2 .carousel-slick-item .carousel-item-link[data-type=video]::after { content: '\f144'; font-family: 'Font Awesome 5 Pro'; font-size: 4em; font-weight: 900; display: flex; align-items: center; justify-content: center; color: #FFF; background-color: #b3067d; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; height: 1em; width: 1em; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; /*text-shadow: 0px 0px 10px #333;*/ } .tcm-component-carousel-2 .slick-arrow { height: auto; } .tcm-component-carousel-2 .slick-arrow::before { font-family: 'Font Awesome 5 Pro'; font-weight: 400; color: black; line-height: 1; display: block; } .tcm-component-carousel-2 .slick-prev::before { content: '\f104'; } .tcm-component-carousel-2 .slick-next::before { content: '\f105'; } .tcm-component-carousel-2 .slick-arrow { z-index: 1; font-size: 0px; visibility: hidden; } @media (min-width: 768px) { .tcm-component-carousel-2 .slick-arrow { visibility: visible; } } .tcm-component-carousel-2 .slick-arrow.slick-prev:before, .tcm-component-carousel-2 .slick-arrow.slick-next:before { color: #ffffff; font-size: 40px; /*font-weight: 900;*/ text-shadow: 0px 0px 10px #333; } .tcm-component-carousel-2 .slick-arrow.slick-prev { left: 20px; } .tcm-component-carousel-2 .slick-arrow.slick-next { right: 20px; } .tcm-component-carousel-2 .slick-dots { text-align: center; bottom: -15px; /*@media(min-width:576px) { bottom: 30px; }*/ } @media (min-width: 768px) { .tcm-component-carousel-2 .slick-dots { text-align: left; bottom: calc(.5rem + .5rem); left: .5rem; } } .tcm-component-carousel-2 .slick-dots li { width: 15px; height: 15px; } .tcm-component-carousel-2 .slick-dots li button { width: 15px; height: 15px; } .tcm-component-carousel-2 .slick-dots li button::before { width: 10px; height: 10px; color: transparent; content: ''; background-color: white; border-radius: 50%; } @media (min-width: 576px) { .tcm-component-carousel-2 .slick-dots li button::before { width: 15px; height: 15px; } } .faq-list .faq-question { position: relative; padding-left: 1.5rem; margin-bottom: 1rem; } .faq-list .faq-question a { display: inline-block; width: 100%; text-decoration: none !important; } .faq-list .faq-question a::before { content: '\f107'; font-family: 'Font Awesome 5 Pro'; height: 0; position: absolute; top: 12px; left: 0; margin: auto; line-height: 0; transition: all ease-in-out 0.3s; } .faq-list .faq-question a[aria-expanded="true"]::before { -webkit-transform: rotate(180deg); } .faq-list .faq-answer { padding: 0 1.5rem; margin: 0; } .faq-list.tcm-component-page-block-accordion { margin-bottom: 0; } .tcm-component-card-1 { display: block; position: relative; height: 400px; max-height: 80vh; /*overflow: hidden;*/ background-color: #F0F0F0; } .tcm-component-card-1[data-tcm-card-type=Text] .tcm-component-card-1-link .tcm-component-card-1-image { display: none; } .tcm-component-card-1[data-tcm-card-type=Text] .tcm-component-card-1-link .tcm-component-card-1-image-container { display: none; } .tcm-component-card-1[data-tcm-card-type=Text] .tcm-component-card-1-link .tcm-component-card-1-info { max-height: 100%; } .tcm-component-card-1[data-tcm-card-type=ImageBg] .tcm-component-card-1-link .tcm-component-card-1-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .tcm-component-card-1[data-tcm-card-type=ImageBg] .tcm-component-card-1-link .tcm-component-card-1-image-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .tcm-component-card-1[data-tcm-card-type=ImageBg] .tcm-component-card-1-link .tcm-component-card-1-image-container::after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 50%, rgba(0, 0, 0, 0.425) 65%, rgba(0, 0, 0, 0.4625) 75.5%, rgba(0, 0, 0, 0.4815) 82.85%, rgba(0, 0, 0, 0.4905) 88%, rgba(0, 0, 0, 0.5) 100%); } .tcm-component-card-1[data-tcm-card-type=ImageBg] .tcm-component-card-1-link .tcm-component-card-1-info { max-height: 100%; position: absolute; bottom: 1rem; padding-bottom: 0; color: #FFF; } .tcm-component-card-1[data-tcm-card-type=ImageHeader] .tcm-component-card-1-link .tcm-component-card-1-image-container { height: 50%; } .tcm-component-card-1[data-tcm-card-type=ImageHeader] .tcm-component-card-1-link .tcm-component-card-1-image-container::before { padding-top: 0; } .tcm-component-card-1[data-tcm-card-type=ImageHeader] .tcm-component-card-1-link .tcm-component-card-1-info { height: 50%; } .tcm-component-card-1[data-tcm-card-type=ImageHeader] .tcm-component-card-1-link .tcm-component-card-1-info .tcm-component-card-1-text-1 { display: none; } .tcm-component-card-1[data-tcm-card-type=ImageHeader] .tcm-component-card-1-link .tcm-component-card-1-info .tcm-component-card-1-text-2 { display: none; } .tcm-component-card-1 .tcm-component-card-1-link { text-decoration: none; display: block; height: 100%; overflow: hidden; background-color: #F0F0F0; transition: transform 0.5s; } .tcm-component-card-1 .tcm-component-card-1-link:hover { transform: scale(1.025); -webkit-box-shadow: 0px 0px 0.7rem 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 0.7rem 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 0.7rem 0px rgba(0, 0, 0, 0.3); } .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-image { margin: auto; height: auto; max-width: 100%; } .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-image-container { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-image-container::before { content: ''; display: block; } .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-image-container.aspect-ratio-21by9::before { padding-top: 42.85714%; } .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-image-container.aspect-ratio-16by9::before { padding-top: 56.25%; } .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-image-container.aspect-ratio-4by3::before { padding-top: 75%; } .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-image-container.aspect-ratio-1by1::before { padding-top: 100%; } .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-image-container .tcm-component-card-1-image-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; background-position: center; background-size: cover; } .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-info { padding: 1rem; position: relative; color: #333; overflow: hidden; } .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-info p { margin-bottom: 0; } .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-info p + p { margin-top: 1rem; } .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-info .tcm-component-card-1-title { padding-top: 0; } .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-info .tcm-component-card-1-btn { display: block; text-transform: lowercase; font-weight: bold; font-size: 0.8rem; margin-top: 1rem; } /*.card { div.card-img { background-position: center center; background-repeat: no-repeat; height: 260px; } .card-product-price { display: block; font-size: 1.4em; float: right; small { margin-right: 2px; font-size: 0.7em; } } .card-product-old-price { display: block; text-decoration: line-through; font-size: 0.8em; float: left; margin-top: 12px; small { margin-right: 2px; font-size: 0.7em; } } }*/ .tcm-component-carddeck-1 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; align-items: unset; margin-left: -0.5rem; margin-right: -0.5rem; flex-wrap: wrap; } .tcm-component-carddeck-1 .tcm-component-card-1 { margin-left: 0.5rem; margin-right: 0.5rem; margin-bottom: 1rem; /*flex-grow: 1;*/ /*&:last-child { flex-grow: 0 !important; }*/ } .tcm-component-carddeck-1 .tcm-component-card-1[data-tcm-card-size="1x1"] { flex: 0 calc(100% - 1rem); /*max-width: calc(100% - 1rem);*/ } .tcm-component-carddeck-1 .tcm-component-card-1[data-tcm-card-size="2x1"] { flex: 0 calc(100% - 1rem); /*max-width: calc(100% - 1rem);*/ } @media (min-width: 768px) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="2"] .tcm-component-card-1[data-tcm-card-size="1x1"] { flex: 0 calc(50% - 1rem); /*max-width: calc(50% - 1rem);*/ } } @media screen and (min-width: 768px) and (-ms-high-contrast: active), (min-width: 768px) and (-ms-high-contrast: none) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="2"] .tcm-component-card-1[data-tcm-card-size="1x1"] { width: calc(50% - 1rem); } } @media (min-width: 768px) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="3"] .tcm-component-card-1[data-tcm-card-size="1x1"] { flex: 0 calc(50% - 1rem); /*max-width: calc(50% - 1rem);*/ } } @media screen and (min-width: 768px) and (-ms-high-contrast: active), (min-width: 768px) and (-ms-high-contrast: none) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="3"] .tcm-component-card-1[data-tcm-card-size="1x1"] { width: calc(50% - 1rem); } } @media (min-width: 1200px) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="3"] .tcm-component-card-1[data-tcm-card-size="1x1"] { flex: 0 calc(33% - 1rem); /*max-width: calc(33% - 1rem);*/ } } @media screen and (min-width: 1200px) and (-ms-high-contrast: active), (min-width: 1200px) and (-ms-high-contrast: none) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="3"] .tcm-component-card-1[data-tcm-card-size="1x1"] { width: calc(33% - 1rem); } } @media (min-width: 768px) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="3"] .tcm-component-card-1[data-tcm-card-size="2x1"] { flex: 0 calc(100% - 1rem); /*max-width: calc(100% - 1rem);*/ } } @media screen and (min-width: 768px) and (-ms-high-contrast: active), (min-width: 768px) and (-ms-high-contrast: none) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="3"] .tcm-component-card-1[data-tcm-card-size="2x1"] { width: calc(100% - 1rem); } } @media (min-width: 1200px) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="3"] .tcm-component-card-1[data-tcm-card-size="2x1"] { flex: 0 calc(66% - 1rem); /*max-width: calc(66% - 1rem);*/ } } @media screen and (min-width: 1200px) and (-ms-high-contrast: active), (min-width: 1200px) and (-ms-high-contrast: none) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="3"] .tcm-component-card-1[data-tcm-card-size="2x1"] { width: calc(66% - 1rem); } } @media (min-width: 768px) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="4"] .tcm-component-card-1[data-tcm-card-size="1x1"] { flex: 0 calc(50% - 1rem); /*max-width: calc(50% - 1rem);*/ } } @media screen and (min-width: 768px) and (-ms-high-contrast: active), (min-width: 768px) and (-ms-high-contrast: none) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="4"] .tcm-component-card-1[data-tcm-card-size="1x1"] { width: calc(50% - 1rem); } } @media (min-width: 992px) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="4"] .tcm-component-card-1[data-tcm-card-size="1x1"] { flex: 0 calc(33% - 1rem); /*max-width: calc(33% - 1rem);*/ } } @media screen and (min-width: 992px) and (-ms-high-contrast: active), (min-width: 992px) and (-ms-high-contrast: none) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="4"] .tcm-component-card-1[data-tcm-card-size="1x1"] { width: calc(33% - 1rem); } } @media (min-width: 1200px) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="4"] .tcm-component-card-1[data-tcm-card-size="1x1"] { flex: 0 calc(25% - 1rem); /*max-width: calc(25% - 1rem);*/ } } @media screen and (min-width: 1200px) and (-ms-high-contrast: active), (min-width: 1200px) and (-ms-high-contrast: none) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="4"] .tcm-component-card-1[data-tcm-card-size="1x1"] { width: calc(25% - 1rem); } } @media (min-width: 768px) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="4"] .tcm-component-card-1[data-tcm-card-size="2x1"] { flex: 0 calc(100% - 1rem); /*max-width: calc(100% - 1rem);*/ } } @media screen and (min-width: 768px) and (-ms-high-contrast: active), (min-width: 768px) and (-ms-high-contrast: none) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="4"] .tcm-component-card-1[data-tcm-card-size="2x1"] { width: calc(100% - 1rem); } } @media (min-width: 992px) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="4"] .tcm-component-card-1[data-tcm-card-size="2x1"] { flex: 0 calc(66% - 1rem); /*max-width: calc(66% - 1rem);*/ } } @media screen and (min-width: 992px) and (-ms-high-contrast: active), (min-width: 992px) and (-ms-high-contrast: none) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="4"] .tcm-component-card-1[data-tcm-card-size="2x1"] { width: calc(66% - 1rem); } } @media (min-width: 1200px) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="4"] .tcm-component-card-1[data-tcm-card-size="2x1"] { flex: 0 calc(50% - 1rem); /*max-width: calc(50% - 1rem);*/ } } @media screen and (min-width: 1200px) and (-ms-high-contrast: active), (min-width: 1200px) and (-ms-high-contrast: none) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="4"] .tcm-component-card-1[data-tcm-card-size="2x1"] { width: calc(50% - 1rem); } } @media (min-width: 768px) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="5"] .tcm-component-card-1[data-tcm-card-size="1x1"] { flex: 0 calc(50% - 1rem); /*max-width: calc(50% - 1rem);*/ } } @media screen and (min-width: 768px) and (-ms-high-contrast: active), (min-width: 768px) and (-ms-high-contrast: none) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="5"] .tcm-component-card-1[data-tcm-card-size="1x1"] { width: calc(50% - 1rem); } } @media (min-width: 992px) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="5"] .tcm-component-card-1[data-tcm-card-size="1x1"] { flex: 0 calc(33% - 1rem); /*max-width: calc(33% - 1rem);*/ } } @media screen and (min-width: 992px) and (-ms-high-contrast: active), (min-width: 992px) and (-ms-high-contrast: none) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="5"] .tcm-component-card-1[data-tcm-card-size="1x1"] { width: calc(33% - 1rem); } } @media (min-width: 1200px) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="5"] .tcm-component-card-1[data-tcm-card-size="1x1"] { flex: 0 calc(20% - 1rem); /*max-width: calc(20% - 1rem);*/ } } @media screen and (min-width: 1200px) and (-ms-high-contrast: active), (min-width: 1200px) and (-ms-high-contrast: none) { .tcm-component-carddeck-1[data-tcm-carddeck-columns="5"] .tcm-component-card-1[data-tcm-card-size="1x1"] { width: calc(20% - 1rem); } } @media (min-width: 768px) { .tcm-component-carddeck-2 { margin-left: -0.5rem; margin-right: -0.5rem; } } .tcm-component-carddeck-2 .slick-arrow { height: auto; } .tcm-component-carddeck-2 .slick-arrow::before { font-family: 'Font Awesome 5 Pro'; font-weight: 400; color: black; line-height: 1; display: block; } .tcm-component-carddeck-2 .slick-prev::before { content: '\f104'; } .tcm-component-carddeck-2 .slick-next::before { content: '\f105'; } .tcm-component-carddeck-2 .slick-prev, .tcm-component-carddeck-2 .slick-next { width: 2rem; height: 3rem; z-index: 2; } .tcm-component-carddeck-2 .slick-prev::before, .tcm-component-carddeck-2 .slick-next::before { color: #FFF; font-size: 3rem; text-shadow: 0px 0px 0.4rem #333; } .tcm-component-carddeck-2 .slick-prev { left: 1rem; } .tcm-component-carddeck-2 .slick-next { right: 1rem; } .tcm-component-carddeck-2 .tcm-component-card-1 { margin-top: 1rem; margin-bottom: 1rem; display: block; } @media (min-width: 768px) { .tcm-component-carddeck-2 .tcm-component-card-1 { margin-left: 0.5rem; margin-right: 0.5rem; } } .tcm-component-carddeck-2 .tcm-component-card-1[data-tcm-card-size="1x1"] { width: 100vw; } @media (min-width: 768px) { .tcm-component-carddeck-2 .tcm-component-card-1[data-tcm-card-size="1x1"] { width: calc(320px - 1rem); } } .tcm-component-carddeck-2 .tcm-component-card-1[data-tcm-card-size="2x1"] { width: 100vw; } @media (min-width: 768px) { .tcm-component-carddeck-2 .tcm-component-card-1[data-tcm-card-size="2x1"] { width: calc(640px - 1rem); } } .tcm-component-carddeck-3 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; align-items: unset; margin-right: -0.5rem; margin-left: -0.5rem; flex-wrap: wrap; /* &[data-tcm-carddeck-columns="3"] { .tcm-component-card-1 { &[data-tcm-card-size="1x1"] { @media (min-width: $bootstrap-md-min) { flex: calc(50% - 1rem); } @media (min-width: $bootstrap-xl-min) { flex: calc(33% - 1rem); } } &[data-tcm-card-size="2x1"] { @media (min-width: $bootstrap-md-min) { flex: calc(100% - 1rem); } @media (min-width: $bootstrap-xl-min) { flex: calc(66% - 1rem); } } } } &[data-tcm-carddeck-columns="4"] { .tcm-component-card-1 { &[data-tcm-card-size="1x1"] { @media (min-width: $bootstrap-md-min) { flex: calc(50% - 1rem); } @media (min-width: $bootstrap-lg-min) { flex: calc(33% - 1rem); } @media (min-width: $bootstrap-xl-min) { flex: calc(25% - 1rem); } } &[data-tcm-card-size="2x1"] { @media (min-width: $bootstrap-md-min) { flex: calc(100% - 1rem); } @media (min-width: $bootstrap-lg-min) { flex: calc(66% - 1rem); } @media (min-width: $bootstrap-xl-min) { flex: calc(50% - 1rem); } } } }*/ } .tcm-component-carddeck-3 .tcm-component-card-1 { margin-left: 0.5rem; margin-right: 0.5rem; margin-bottom: 2rem; background-color: unset; height: auto !important; } .tcm-component-carddeck-3 .tcm-component-card-1[data-tcm-card-size="1x1"], .tcm-component-carddeck-3 .tcm-component-card-1[data-tcm-card-size="2x1"] { flex-basis: calc(100% - 1rem); } .tcm-component-carddeck-3 .tcm-component-card-1 .tcm-component-card-1-link { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; align-items: flex-start; background-color: unset; } .tcm-component-carddeck-3 .tcm-component-card-1 .tcm-component-card-1-link::before { content: none; } .tcm-component-carddeck-3 .tcm-component-card-1 .tcm-component-card-1-link:hover { transform: unset; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; } .tcm-component-carddeck-3 .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-image-container { border-radius: 50%; margin-right: 0.5rem; } .tcm-component-carddeck-3 .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-info .tcm-component-card-1-title { font-size: 1.2rem; } .tcm-component-carddeck-3 .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-info .tcm-component-card-1-btn { margin-top: unset; } .tcm-component-carddeck-3 .tcm-component-card-1[data-tcm-card-type=ImageHeader] .tcm-component-card-1-link .tcm-component-card-1-image-container, .tcm-component-carddeck-3 .tcm-component-card-1[data-tcm-card-type=ImageBg] .tcm-component-card-1-link .tcm-component-card-1-image-container, .tcm-component-carddeck-3 .tcm-component-card-1[data-tcm-card-type=Text] .tcm-component-card-1-link .tcm-component-card-1-image-container { height: 3rem; width: 3rem; min-width: 3rem; position: relative; top: unset; right: unset; bottom: unset; left: unset; } .tcm-component-carddeck-3 .tcm-component-card-1[data-tcm-card-type=ImageHeader] .tcm-component-card-1-link .tcm-component-card-1-info, .tcm-component-carddeck-3 .tcm-component-card-1[data-tcm-card-type=ImageBg] .tcm-component-card-1-link .tcm-component-card-1-info, .tcm-component-carddeck-3 .tcm-component-card-1[data-tcm-card-type=Text] .tcm-component-card-1-link .tcm-component-card-1-info { color: #333; height: unset; max-height: unset; padding: 0; position: relative; top: unset; right: unset; bottom: unset; left: unset; } .tcm-component-carddeck-3 .tcm-component-card-1[data-tcm-card-type=ImageHeader] .tcm-component-card-1-link:hover .tcm-component-card-1-info, .tcm-component-carddeck-3 .tcm-component-card-1[data-tcm-card-type=ImageBg] .tcm-component-card-1-link:hover .tcm-component-card-1-info, .tcm-component-carddeck-3 .tcm-component-card-1[data-tcm-card-type=Text] .tcm-component-card-1-link:hover .tcm-component-card-1-info { color: #b3067d !important; } .tcm-component-carddeck-3[data-tcm-carddeck-columns="1"] .tcm-component-card-1 + .tcm-component-card-1 { border-top: 1px solid #EEE; padding-top: 1rem; } @media (min-width: 768px) { .tcm-component-carddeck-3[data-tcm-carddeck-columns="2"] .tcm-component-card-1[data-tcm-card-size="1x1"], .tcm-component-carddeck-3[data-tcm-carddeck-columns="2"] .tcm-component-card-1[data-tcm-card-size="2x1"] { flex-basis: calc(50% - 1rem); } } @media (min-width: 768px) { .tcm-component-carddeck-3[data-tcm-carddeck-columns="3"] .tcm-component-card-1[data-tcm-card-size="1x1"], .tcm-component-carddeck-3[data-tcm-carddeck-columns="3"] .tcm-component-card-1[data-tcm-card-size="2x1"] { flex-basis: calc(50% - 1rem); } } @media (min-width: 1200px) { .tcm-component-carddeck-3[data-tcm-carddeck-columns="3"] .tcm-component-card-1[data-tcm-card-size="1x1"], .tcm-component-carddeck-3[data-tcm-carddeck-columns="3"] .tcm-component-card-1[data-tcm-card-size="2x1"] { flex-basis: calc(33% - 1rem); } } @media (min-width: 768px) { .tcm-component-carddeck-3[data-tcm-carddeck-columns="4"] .tcm-component-card-1[data-tcm-card-size="1x1"], .tcm-component-carddeck-3[data-tcm-carddeck-columns="4"] .tcm-component-card-1[data-tcm-card-size="2x1"] { flex-basis: calc(50% - 1rem); } } @media (min-width: 992px) { .tcm-component-carddeck-3[data-tcm-carddeck-columns="4"] .tcm-component-card-1[data-tcm-card-size="1x1"], .tcm-component-carddeck-3[data-tcm-carddeck-columns="4"] .tcm-component-card-1[data-tcm-card-size="2x1"] { flex-basis: calc(33% - 1rem); } } @media (min-width: 1200px) { .tcm-component-carddeck-3[data-tcm-carddeck-columns="4"] .tcm-component-card-1[data-tcm-card-size="1x1"], .tcm-component-carddeck-3[data-tcm-carddeck-columns="4"] .tcm-component-card-1[data-tcm-card-size="2x1"] { flex-basis: calc(25% - 1rem); } } .tcm-component-page-block { position: relative; font-size: 1.3rem; padding: 0; } .tcm-component-page-block.template-light-1 { background-color: #ebebeb; color: #323232; } .tcm-component-page-block.template-light-1::before, .tcm-component-page-block.template-light-1 + .sp-image::before { background-image: linear-gradient(#ebebeb 0%, rgba(235, 235, 235, 0.3) 50%, rgba(235, 235, 235, 0.15) 65%, rgba(235, 235, 235, 0.075) 75.5%, rgba(235, 235, 235, 0.037) 82.85%, rgba(235, 235, 235, 0.019) 88%, rgba(235, 235, 235, 0) 100%); } .tcm-component-page-block.template-light-1 + .sp-color { background-color: #ebebeb; } .tcm-component-page-block.template-light-1.tcm-component-page-block-highlight-testimony > ::before, .tcm-component-page-block.template-light-1.tcm-component-page-block-highlight-testimony > ::after { color: #fff; } .tcm-component-page-block.template-light-1.tcm-component-page-block-highlight-background::before { background-image: none; background-color: #ebebeb !important; } .tcm-component-page-block.template-light-1.tcm-component-page-block-highlight-gallery .slick-dots button::before { color: #323232; opacity: 0.3; } .tcm-component-page-block.template-light-1.tcm-component-page-block-highlight-gallery .slick-dots .slick-active button::before { color: #323232; opacity: 1; } .tcm-component-page-block.template-light-2 { background-color: #DDDDDD; color: #323232; } .tcm-component-page-block.template-light-2::before, .tcm-component-page-block.template-light-2 + .sp-image::before { background-image: linear-gradient(#dddddd 0%, rgba(221, 221, 221, 0.3) 50%, rgba(221, 221, 221, 0.15) 65%, rgba(221, 221, 221, 0.075) 75.5%, rgba(221, 221, 221, 0.037) 82.85%, rgba(221, 221, 221, 0.019) 88%, rgba(221, 221, 221, 0) 100%); } .tcm-component-page-block.template-light-2 + .sp-color { background-color: #DDDDDD; } .tcm-component-page-block.template-light-2.tcm-component-page-block-highlight-testimony > ::before, .tcm-component-page-block.template-light-2.tcm-component-page-block-highlight-testimony > ::after { color: #fff; } .tcm-component-page-block.template-light-2.tcm-component-page-block-highlight-background::before { background-image: none; background-color: #DDDDDD !important; } .tcm-component-page-block.template-light-2.tcm-component-page-block-highlight-gallery .slick-dots button::before { color: #323232; opacity: 0.3; } .tcm-component-page-block.template-light-2.tcm-component-page-block-highlight-gallery .slick-dots .slick-active button::before { color: #323232; opacity: 1; } .tcm-component-page-block.template-dark-1 { background-color: #323232; color: #fff; } .tcm-component-page-block.template-dark-1::before, .tcm-component-page-block.template-dark-1 + .sp-image::before { background-image: linear-gradient(#323232 0%, rgba(50, 50, 50, 0.3) 50%, rgba(50, 50, 50, 0.15) 65%, rgba(50, 50, 50, 0.075) 75.5%, rgba(50, 50, 50, 0.037) 82.85%, rgba(50, 50, 50, 0.019) 88%, rgba(50, 50, 50, 0) 100%); } .tcm-component-page-block.template-dark-1 + .sp-color { background-color: #323232; } .tcm-component-page-block.template-dark-1.tcm-component-page-block-highlight-testimony > ::before, .tcm-component-page-block.template-dark-1.tcm-component-page-block-highlight-testimony > ::after { color: #fff; } .tcm-component-page-block.template-dark-1.tcm-component-page-block-highlight-background::before { background-image: none; background-color: #323232 !important; } .tcm-component-page-block.template-dark-1.tcm-component-page-block-highlight-gallery .slick-dots button::before { color: #fff; opacity: 0.3; } .tcm-component-page-block.template-dark-1.tcm-component-page-block-highlight-gallery .slick-dots .slick-active button::before { color: #fff; opacity: 1; } .tcm-component-page-block.template-dark-2 { background-color: #171717; color: #fff; } .tcm-component-page-block.template-dark-2::before, .tcm-component-page-block.template-dark-2 + .sp-image::before { background-image: linear-gradient(#171717 0%, rgba(23, 23, 23, 0.3) 50%, rgba(23, 23, 23, 0.15) 65%, rgba(23, 23, 23, 0.075) 75.5%, rgba(23, 23, 23, 0.037) 82.85%, rgba(23, 23, 23, 0.019) 88%, rgba(23, 23, 23, 0) 100%); } .tcm-component-page-block.template-dark-2 + .sp-color { background-color: #171717; } .tcm-component-page-block.template-dark-2.tcm-component-page-block-highlight-testimony > ::before, .tcm-component-page-block.template-dark-2.tcm-component-page-block-highlight-testimony > ::after { color: #fff; } .tcm-component-page-block.template-dark-2.tcm-component-page-block-highlight-background::before { background-image: none; background-color: #171717 !important; } .tcm-component-page-block.template-dark-2.tcm-component-page-block-highlight-gallery .slick-dots button::before { color: #fff; opacity: 0.3; } .tcm-component-page-block.template-dark-2.tcm-component-page-block-highlight-gallery .slick-dots .slick-active button::before { color: #fff; opacity: 1; } .tcm-component-page-block.template-tesla-1 { background-color: #FFCB00; color: #323232; } .tcm-component-page-block.template-tesla-1::before, .tcm-component-page-block.template-tesla-1 + .sp-image::before { background-image: linear-gradient(#ffcb00 0%, rgba(255, 203, 0, 0.3) 50%, rgba(255, 203, 0, 0.15) 65%, rgba(255, 203, 0, 0.075) 75.5%, rgba(255, 203, 0, 0.037) 82.85%, rgba(255, 203, 0, 0.019) 88%, rgba(255, 203, 0, 0) 100%); } .tcm-component-page-block.template-tesla-1 + .sp-color { background-color: #FFCB00; } .tcm-component-page-block.template-tesla-1.tcm-component-page-block-highlight-testimony > ::before, .tcm-component-page-block.template-tesla-1.tcm-component-page-block-highlight-testimony > ::after { color: #fff; } .tcm-component-page-block.template-tesla-1.tcm-component-page-block-highlight-background::before { background-image: none; background-color: #FFCB00 !important; } .tcm-component-page-block.template-tesla-1.tcm-component-page-block-highlight-gallery .slick-dots button::before { color: #323232; opacity: 0.3; } .tcm-component-page-block.template-tesla-1.tcm-component-page-block-highlight-gallery .slick-dots .slick-active button::before { color: #323232; opacity: 1; } .tcm-component-page-block.template-tesla-2 { background-color: #B3067D; color: #fff; } .tcm-component-page-block.template-tesla-2::before, .tcm-component-page-block.template-tesla-2 + .sp-image::before { background-image: linear-gradient(#b3067d 0%, rgba(179, 6, 125, 0.3) 50%, rgba(179, 6, 125, 0.15) 65%, rgba(179, 6, 125, 0.075) 75.5%, rgba(179, 6, 125, 0.037) 82.85%, rgba(179, 6, 125, 0.019) 88%, rgba(179, 6, 125, 0) 100%); } .tcm-component-page-block.template-tesla-2 + .sp-color { background-color: #B3067D; } .tcm-component-page-block.template-tesla-2.tcm-component-page-block-highlight-testimony > ::before, .tcm-component-page-block.template-tesla-2.tcm-component-page-block-highlight-testimony > ::after { color: #fff; } .tcm-component-page-block.template-tesla-2.tcm-component-page-block-highlight-background::before { background-image: none; background-color: #B3067D !important; } .tcm-component-page-block.template-tesla-2.tcm-component-page-block-highlight-gallery .slick-dots button::before { color: #fff; opacity: 0.3; } .tcm-component-page-block.template-tesla-2.tcm-component-page-block-highlight-gallery .slick-dots .slick-active button::before { color: #fff; opacity: 1; } .tcm-component-page-block-separator { height: 21vh; background-size: cover; background-position: center top; background-repeat: no-repeat; position: relative; } @media (min-width: 1024px) { .tcm-component-page-block-separator { margin-top: -95px; } } .tcm-component-page-block-separator.sp-image { margin-top: -60px; } .tcm-component-page-block-separator.sp-image::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (min-width: 1024px) { .tcm-component-page-block-separator.sp-image + .tcm-component-page-block .media { margin-top: -95px; } } .tcm-component-page-block-separator.sp-color { height: 10vh; } @media (min-width: 1024px) { .tcm-component-page-block-separator.sp-color { height: 21vh; } } .tcm-component-page-block-separator.sp-color + .tcm-component-page-block::before { content: ''; position: absolute; bottom: calc(100% - 1px); left: 0; width: 100%; height: 10vh; -webkit-transform: rotate(180deg); } @media (min-width: 1024px) { .tcm-component-page-block-separator.sp-color + .tcm-component-page-block::before { height: 21vh; } } .tcm-component-page-block-media-gallery { margin-bottom: 1rem; } .tcm-component-page-block-files { margin-bottom: 1rem; } .tcm-component-page-block-files .file-list { padding: 0 !important; margin: 0 -0.5rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; text-align: center; flex-wrap: wrap; align-items: unset; } .tcm-component-page-block-files .file-list .file-item { list-style: none; margin: 0 0.5rem 1rem; width: calc(50% - 1rem); } @media (min-width: 768px) { .tcm-component-page-block-files .file-list .file-item { width: calc(33.33% - 1rem); } } .tcm-component-page-block-files .file-list .file-item .file-link { padding: 2rem; background-color: #FAFAFA; text-decoration: none; display: block; height: 100%; border-radius: 4px; transition: transform 0.5s; position: relative; } .tcm-component-page-block-files .file-list .file-item .file-link .file-item-icon { color: #333; transition: color linear 0.5s; position: absolute; width: 100%; left: 0; font-size: 2rem; transition: font-size linear 0.5s; } .tcm-component-page-block-files .file-list .file-item .file-link .file-item-title { display: block; color: #333; margin: 3rem 0 1rem; font-size: 0.9rem; /*word-break: break-all;*/ transition: opacity linear 0.5s; opacity: 1; } .tcm-component-page-block-files .file-list .file-item .file-link .file-item-size { font-size: 0.8rem; display: block; color: #999; margin-bottom: 1rem; transition: opacity linear 0.5s; opacity: 1; } .tcm-component-page-block-files .file-list .file-item .file-link .file-item--label { color: #333; text-transform: uppercase; font-size: 0.8rem; font-weight: bold; line-height: 1; position: absolute; display: block; left: 0; bottom: 1rem; width: 100%; transition: opacity linear 0.5s; opacity: 0; } .tcm-component-page-block-files .file-list .file-item .file-link .file-item-type-icon { color: #333; position: absolute; right: 1rem; bottom: 1rem; font-size: 0.8rem; } .tcm-component-page-block-files .file-list .file-item .file-link:hover { transform: scale(1.025); -webkit-box-shadow: 0px 0px 0.7rem 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 0.7rem 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 0.7rem 0px rgba(0, 0, 0, 0.3); } .tcm-component-page-block-files .file-list .file-item .file-link:hover .file-item-icon { font-size: 5rem; } .tcm-component-page-block-files .file-list .file-item .file-link:hover .file-item-title { opacity: 0; } .tcm-component-page-block-files .file-list .file-item .file-link:hover .file-item-size { opacity: 0; } .tcm-component-page-block-files .file-list .file-item .file-link:hover .file-item--label { opacity: 1; } .tcm-component-page-block-audios { margin-bottom: 1rem; } .tcm-component-page-block-audios .audio-list { padding: 0; } .tcm-component-page-block-audios .audio-list .audio-item { list-style: none; } .tcm-component-page-block-audios .audio-list .audio-item + .audio-item { margin-top: 0.5rem; } .tcm-component-page-block-audios .audio-list .audio-item .audio-item-title { margin-bottom: 0; } .tcm-component-page-block-audios .audio-list .audio-item .audio-item-control { margin-bottom: 0; } /*@import "_variables.scss";*/ /*@import "_mixins.scss";*/ .tcm-component-page-block-video { background-color: #000; } .tcm-component-page-block-highlight-testimony { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-direction: column; padding: 40px 0; min-height: 50vh; text-align: center; justify-content: center; } @media (min-width: 768px) { .tcm-component-page-block-highlight-testimony { padding: 40px 50px; } } .tcm-component-page-block-highlight-testimony > ::before, .tcm-component-page-block-highlight-testimony > ::after { content: ''; position: absolute; width: 6rem; height: 10rem; background: url("/Templates/img/quote.svg") no-repeat center; z-index: 1; opacity: 0.3; } @media (min-width: 768px) { .tcm-component-page-block-highlight-testimony > ::before, .tcm-component-page-block-highlight-testimony > ::after { width: 15rem; } } .tcm-component-page-block-highlight-testimony > ::before { top: 1em; left: 1rem; } @media (min-width: 768px) { .tcm-component-page-block-highlight-testimony > ::before { top: 4em; left: 2rem; } } .tcm-component-page-block-highlight-testimony > ::after { -webkit-transform: rotate(180deg); right: 1rem; bottom: 1rem; } @media (min-width: 768px) { .tcm-component-page-block-highlight-testimony > ::after { right: 2em; bottom: 4rem; } } .tcm-component-page-block-highlight-testimony .text-inner { position: relative; z-index: 2; padding: 20px; } .tcm-component-page-block-highlight-testimony h2 { line-height: 1.4; font-style: italic; } .tcm-component-page-block-highlight-testimony h2 > ::before, .tcm-component-page-block-highlight-testimony h2 > ::after { content: '"'; display: inline-block; } .tcm-component-page-block-highlight-testimony p { margin-bottom: 0; } .tcm-component-page-block-highlight-testimony .tcm-component-page-block-highlight-testimony-author-title::before { content: '-'; display: inline-block; margin-right: 5px; } .tcm-component-page-block-highlight-features { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-direction: column; padding: 40px 0; /*height: 50vh;*/ flex-direction: column; justify-content: center; text-align: center; } @media (min-width: 768px) { .tcm-component-page-block-highlight-features { padding: 40px 50px; } } .tcm-component-page-block-highlight-features .text { width: 100%; } @media (min-width: 768px) { .tcm-component-page-block-highlight-features .text .text-inner { padding: 0 120px; } } .tcm-component-page-block-highlight-features ul { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; align-items: flex-start; flex-direction: row; justify-content: space-evenly; margin: 20px 0; padding: 0; flex-wrap: wrap; } .tcm-component-page-block-highlight-features ul li { list-style-type: none; text-align: center; margin: 10px 0; } .tcm-component-page-block-highlight-features ul h3 { font-size: 1.5rem; font-weight: 700; } .tcm-component-page-block-highlight-features ul svg, .tcm-component-page-block-highlight-features ul img { max-width: 100%; max-height: 50px; margin-bottom: .5rem; } @media (min-width: 768px) { .tcm-component-page-block-highlight-features ul svg, .tcm-component-page-block-highlight-features ul img { max-height: 50px; max-width: 200px; } } .tcm-component-page-block-highlight-features.item-size-fluid li { flex-basis: auto; width: auto; max-width: unset; } .tcm-component-page-block-highlight-background { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-direction: column; position: relative; min-height: 50vh; align-content: center !important; justify-content: center; background-size: cover; background-position: center; padding: 5rem 0 !important; } .tcm-component-page-block-highlight-background::before { content: ''; position: absolute; width: 100%; height: 100%; background-color: #000; opacity: 0.5; } @media (min-width: 1024px) { .tcm-component-page-block-highlight-background.right { align-items: flex-end; } } .tcm-component-page-block-highlight-background.right .text-inner { text-align: center; } @media (min-width: 1024px) { .tcm-component-page-block-highlight-background.right .text-inner { text-align: left; } } @media (min-width: 1024px) { .tcm-component-page-block-highlight-background.left { align-items: flex-start; } } .tcm-component-page-block-highlight-background.left .text-inner { text-align: center; } @media (min-width: 1024px) { .tcm-component-page-block-highlight-background.left .text-inner { text-align: right; } } .tcm-component-page-block-highlight-background.center { justify-content: center; } .tcm-component-page-block-highlight-background.center .text { text-align: center; } @media (min-width: 1024px) { .tcm-component-page-block-highlight-background.right .slick-dots { right: 0; left: unset; } } .tcm-component-page-block-highlight-background.right .text .text-inner { text-align: left; } @media (min-width: 1024px) { .tcm-component-page-block-highlight-background.right .text .text-inner { margin-right: 120px; margin-left: 20px; } } .tcm-component-page-block-highlight-background.left .tcm-component-media-gallery-1 .media-gallery-highlight .media-gallery-carousel-item a .media-gallery-image { margin: auto auto auto 0; } .tcm-component-page-block-highlight-background.left .text .text-inner { text-align: right; } @media (min-width: 1024px) { .tcm-component-page-block-highlight-background.left .text .text-inner { margin-right: 20px; margin-left: 120px; } } .tcm-component-page-block-highlight-background .text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 100%; z-index: 1; } @media (min-width: 1024px) { .tcm-component-page-block-highlight-background .text { width: 50%; } } .tcm-component-page-block-highlight-background .text .text-inner { padding: 0 20px; } .tcm-component-page-block-highlight-background .text .text-inner h2 { font-size: 1.6rem; margin-bottom: 1rem; } @media (min-width: 1024px) { .tcm-component-page-block-highlight-background .text .text-inner h2 { font-size: 2rem; } } .tcm-component-page-block-highlight-background .text .text-inner p { font-weight: 400; } .tcm-component-page-block-highlight-gallery { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-direction: column; padding: 40px 0; } @media (min-width: 768px) { .tcm-component-page-block-highlight-gallery { padding: 40px 50px; } } @media (min-width: 1024px) { .tcm-component-page-block-highlight-gallery { flex-direction: row; } } .tcm-component-page-block-highlight-gallery .slick-dots { margin: auto; } @media (min-width: 1024px) { .tcm-component-page-block-highlight-gallery .slick-dots { width: auto; top: 0; right: 0; bottom: 0; left: 0; display: table; } .tcm-component-page-block-highlight-gallery .slick-dots li { display: block; } } .tcm-component-page-block-highlight-gallery .slick-dots .slick-active button::before { color: black; } .tcm-component-page-block-highlight-gallery .slick-dots button::before { color: black; text-shadow: none; } @media (min-width: 1024px) { .tcm-component-page-block-highlight-gallery.right .slick-dots { right: unset; left: -1.5rem; } } @media (min-width: 1024px) { .tcm-component-page-block-highlight-gallery.right .media { order: 1; } } @media (min-width: 1024px) { .tcm-component-page-block-highlight-gallery.right .text { text-align: right; } } .tcm-component-page-block-highlight-gallery.right .media-gallery-highlight .media-gallery-carousel-item a .media-gallery-image { margin-left: 0; } @media (min-width: 1024px) { .tcm-component-page-block-highlight-gallery.left .slick-dots { left: unset; right: -1.5rem; } } .tcm-component-page-block-highlight-gallery.left .media .media-gallery-image { margin-right: 0; } .tcm-component-page-block-highlight-gallery.left .media-gallery-highlight .media-gallery-carousel-item a .media-gallery-image { margin-right: 0; } .tcm-component-page-block-highlight-gallery .media { align-items: stretch; width: 100%; padding: 0 20px; overflow: hidden; z-index: 1; margin-bottom: 2rem; } @media (min-width: 1024px) { .tcm-component-page-block-highlight-gallery .media { width: 50%; margin-bottom: 0; } } .tcm-component-page-block-highlight-gallery .media .slick-dotted.slick-slider { margin-bottom: 0; } .tcm-component-page-block-highlight-gallery .tcm-component-media-gallery-1 { width: 100%; padding: 0; background-color: transparent; } .tcm-component-page-block-highlight-gallery .tcm-component-media-gallery-1 .slick-arrow { display: none !important; } .tcm-component-page-block-highlight-gallery .text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 100%; z-index: 1; } @media (min-width: 1024px) { .tcm-component-page-block-highlight-gallery .text { width: 50%; } } .tcm-component-page-block-highlight-gallery .text .text-inner { padding: 0 20px; } .tcm-component-page-block-highlight-gallery .text .text-inner h2 { font-size: 1.6rem; margin-bottom: 1rem; } @media (min-width: 1024px) { .tcm-component-page-block-highlight-gallery .text .text-inner h2 { font-size: 2rem; } } .tcm-component-page-block-highlight-gallery .text .text-inner p { font-weight: 400; } .tcm-component-page-block-highlight-text { padding: 40px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-direction: column; } @media (min-width: 768px) { .tcm-component-page-block-highlight-text { padding: 40px 50px; } } .tcm-component-page-block-highlight-text .text-inner { padding: 2rem; } .tcm-component-page-block-highlight-text .text-inner h2, .tcm-component-page-block-highlight-text .text-inner h3 { margin-top: 0; padding-top: 0; } .tcm-component-page-block-highlight-text .text { margin-top: 2rem; column-gap: 3rem; padding-bottom: 4rem; } .tcm-component-page-block-highlight-text.title-center h2 { text-align: center; } .tcm-component-page-block-highlight-text.title-right h2 { text-align: right; } .tcm-component-page-block-highlight-text.column-2 .text { column-count: 1; } @media (min-width: 768px) { .tcm-component-page-block-highlight-text.column-2 .text { column-count: 2; } } .tcm-component-page-block-highlight-text.column-3 .text { column-count: 1; } @media (min-width: 768px) { .tcm-component-page-block-highlight-text.column-3 .text { column-count: 3; } } .tcm-component-page-block-highlight-text.column-4 .text { column-count: 1; } @media (min-width: 768px) { .tcm-component-page-block-highlight-text.column-4 .text { column-count: 2; } } @media (min-width: 1024px) { .tcm-component-page-block-highlight-text.column-4 .text { column-count: 4; } } .tcm-component-page-block-highlight-text.column-5 .text { column-count: 1; } @media (min-width: 768px) { .tcm-component-page-block-highlight-text.column-5 .text { column-count: 2; } } @media (min-width: 1024px) { .tcm-component-page-block-highlight-text.column-5 .text { column-count: 4; } } .tcm-component-page-block-intranet-communities .tcm-component-card-1 { height: auto !important; min-height: 150px; border-radius: 3px; } .tcm-component-page-block-intranet-communities .tcm-component-card-1 a { border-radius: 3px; } .tcm-component-page-block-intranet-communities .tcm-component-card-1 a::before { content: none; } .tcm-component-page-block-intranet-communities .tcm-component-card-1 .tcm-component-card-1-link { min-height: 150px; border-radius: 3px; text-decoration: none; } .tcm-component-page-block-intranet-communities .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-info { min-height: 150px; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; align-items: flex-start; flex-direction: column; justify-content: flex-end; border-radius: 3px; bottom: 0; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .tcm-component-page-block-intranet-communities .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-info { height: 150px; } } .tcm-component-page-block-intranet-communities .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-info::before { position: absolute; font-family: 'Font Awesome 5 Pro'; font-weight: 600; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; height: 35px; width: 35px; top: 3px; right: 3px; font-size: 1.2rem; z-index: 1; text-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); } .tcm-component-page-block-intranet-communities .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-info h3 { font-size: 1rem; margin: 2rem 0 0; } .tcm-component-page-block-intranet-communities .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-info p { font-size: .8rem; font-style: italic; padding: 0 0 1rem; } .tcm-component-page-block-intranet-communities .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-image-container::after { background-color: rgba(0, 0, 0, 0.3); } .tcm-component-page-block-intranet-communities .tcm-component-card-1.community-official .tcm-component-card-1-info::before { content: "\f1ad"; } .tcm-component-page-block-intranet-communities .tcm-component-card-1.community-public .tcm-component-card-1-info::before { content: "\f0ac"; } .tcm-component-page-block-intranet-communities .tcm-component-card-1.community-private .tcm-component-card-1-info::before { content: "\f13e"; } .tcm-component-page-block-intranet-communities .tcm-component-card-1.community-secret .tcm-component-card-1-info::before { content: "\f6e2"; } .tcm-component-page-block-intranet-communities .tcm-component-card-1.has-notifications .tcm-component-card-1-info::after { content: "\f0f3"; position: absolute; font-family: 'Font Awesome 5 Pro'; /*font-weight: 600;*/ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; height: 35px; width: 35px; top: 3px; right: 35px; font-size: 1.2rem; z-index: 1; text-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); } .tcm-component-page-block-links .tcm-component-page-block-links-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; align-items: unset; justify-content: center; margin-left: -0.5rem; margin-right: -0.5rem; flex-wrap: wrap; padding: 0 !important; } .tcm-component-page-block-links .tcm-component-page-block-links-list li { font-size: 16px; margin-left: 0.5rem; margin-right: 0.5rem; margin-bottom: 1rem !important; /*flex-grow: 1;*/ flex-basis: calc(100% - 1rem); list-style-type: none; } .tcm-component-page-block-links .tcm-component-page-block-links-list li[data-media-type="Image"] a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .tcm-component-page-block-links .tcm-component-page-block-links-list li[data-media-type="Image"] p { margin-left: 1rem; margin-bottom: 0; } .tcm-component-page-block-links .tcm-component-page-block-links-list li[data-media-type="Image"] img { max-width: 100%; } .tcm-component-page-block-links[data-image-position=left] .tcm-component-page-block-links-list p { align-self: flex-start; } .tcm-component-page-block-links[data-image-position=left] .tcm-component-page-block-links-list .tcm-component-page-block-links-img, .tcm-component-page-block-links[data-image-position=left] .tcm-component-page-block-links-list .tcm-component-page-block-links-img-bg { max-width: 50%; align-self: flex-start; } .tcm-component-page-block-links[data-image-position=top] .tcm-component-page-block-links-list li a { flex-direction: column; } .tcm-component-page-block-links[data-image-position=top] .tcm-component-page-block-links-list li p { justify-content: center; line-height: 1.3; margin-top: .5rem; margin-left: 0; } .tcm-component-page-block-links .tcm-component-page-block-links-img-bg { height: 200px; width: 200px; background-size: cover; background-position: center; background-repeat: no-repeat; } .tcm-component-page-block-links .tcm-component-page-block-links-img-bg::before { content: ''; display: block; } .tcm-component-page-block-links[data-columns="2"] .tcm-component-page-block-links-list { justify-content: flex-start; } .tcm-component-page-block-links[data-columns="2"] .tcm-component-page-block-links-list li { flex-basis: calc(50% - 1rem); max-width: calc(50% - 1rem); } .tcm-component-page-block-links[data-columns="3"] .tcm-component-page-block-links-list { justify-content: flex-start; } .tcm-component-page-block-links[data-columns="3"] .tcm-component-page-block-links-list li { flex-basis: calc(33.33% - 1rem); max-width: calc(33.33% - 1rem); } .tcm-component-page-block-links[data-columns="4"] .tcm-component-page-block-links-list { justify-content: flex-start; } .tcm-component-page-block-links[data-columns="4"] .tcm-component-page-block-links-list li { flex-basis: calc(25% - 1rem); max-width: calc(25% - 1rem); } .tcm-component-page-block-links.tcm-component-page-block-links-fluid .tcm-component-page-block-links-list li { flex-basis: unset; flex-grow: 0; } .tcm-component-page-block-links[data-image-aspect-ratio="aspectratio21by9"] .tcm-component-page-block-links-img-bg { height: auto; } .tcm-component-page-block-links[data-image-aspect-ratio="aspectratio21by9"] .tcm-component-page-block-links-img-bg::before { padding-top: 42.85714%; } .tcm-component-page-block-links[data-image-aspect-ratio="aspectratio16by9"] .tcm-component-page-block-links-img-bg { height: auto; } .tcm-component-page-block-links[data-image-aspect-ratio="aspectratio16by9"] .tcm-component-page-block-links-img-bg::before { padding-top: 56.25%; } .tcm-component-page-block-links[data-image-aspect-ratio="aspectratio4by3"] .tcm-component-page-block-links-img-bg { height: auto; } .tcm-component-page-block-links[data-image-aspect-ratio="aspectratio4by3"] .tcm-component-page-block-links-img-bg::before { padding-top: 75%; } .tcm-component-page-block-links[data-image-aspect-ratio="aspectratio1by1"] .tcm-component-page-block-links-img-bg { height: auto; } .tcm-component-page-block-links[data-image-aspect-ratio="aspectratio1by1"] .tcm-component-page-block-links-img-bg::before { padding-top: 100%; } .tcm-component-intranet-post-form-tab-1 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet--link-1 { margin-right: .5rem; align-self: flex-start; } .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet--link-1[data-has-date="false"] { /*align-self: center;*/ } .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-avatar { width: 35px; height: 35px; margin: 0 .5rem 0 0; margin-bottom: 0; } .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-details p { font-size: 1rem; line-height: 1; margin-bottom: 0; } .tcm-component-intranet-post-form-tab-1 .post-select-profile { align-self: flex-start; } .tcm-component-intranet-post-form-tab-1 .tcm-component-textbox-post-content { flex-grow: 1; overflow: hidden; } .tcm-component-intranet-post-form-tab-1 .tcm-component-textbox-post-content .form-group p { min-height: unset; background-color: unset; padding: unset; } .tcm-component-intranet-post-form-tab-1 .tcm-component-textbox-post-content .form-group:last-of-type { margin-bottom: 0; } .tcm-component-intranet-post-form-tab-1 .tcm-component-textbox-post-content .radio input[type="radio"] { margin: 0 .5rem; } .tcm-component-intranet-post-form-tab-1 .tcm-component-textbox-post-content .radio label { font-weight: normal; } .tcm-component-intranet-post-form-tab-1 .tcm-component-textbox-post-content .tcm-component-intranet-post-form-schedule { display: inline-block; } .tcm-component-intranet-post-form-tab-1 .tcm-component-textbox-post-content .tcm-component-intranet-post-form-schedule .form-group { display: inline-block; width: 7rem; margin-bottom: 0; } .tcm-component-intranet-post-form-tab-1 .tcm-component-textbox-post-content .tcm-component-intranet-post-form-schedule .form-group + .form-group { width: 4.5rem; margin-left: 1rem; } .tcm-component-intranet-post-form-tab-1 .tcm-component-textbox-post-content .tcm-component-intranet-post-form-schedule .form-group label { display: none; } .tcm-component-intranet-post-form-tab-1 .tcm-component-textbox-post-content .tcm-component-intranet-post-form-schedule .form-group input::placeholder { font-size: .8rem; } .tcm-component-intranet-post-form-tab-1 .tcm-component-textbox-post-content .tcm-component-intranet-post-form-schedule .form-group input:-ms-input-placeholder { font-size: .8rem; } .tcm-component-intranet-post-form-tab-1 .tcm-component-textbox-post-content .tcm-component-intranet-post-form-schedule .form-group input::-ms-input-placeholder { font-size: .8rem; } .tcm-component-intranet-post-form-tab-1 [data-toggle="dropdown"] { cursor: pointer; } .tcm-component-intranet-post-form-tab-1 .dropdown-menu { padding: 0; } .tcm-component-intranet-post-form-tab-1 .dropdown-item { padding: .5rem; cursor: pointer; transition: all ease-in-out 0.3s; } .tcm-component-intranet-post-form-tab-1 .tcm-intranet-post-form-gallery-list { height: 100px; padding: .5rem 0; margin: .5rem 0; list-style-type: none; white-space: nowrap; box-sizing: content-box; } .tcm-component-intranet-post-form-tab-1 .tcm-intranet-post-form-gallery-list li { display: inline-block; position: relative; width: 100px; height: 100px; background-color: #eee; overflow: hidden; border-radius: .3rem; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4); } .tcm-component-intranet-post-form-tab-1 .tcm-intranet-post-form-gallery-list li + li { margin-left: 1rem; } .tcm-component-intranet-post-form-tab-1 .tcm-intranet-post-form-gallery-list li [data-toggle="tcm-intranet-post-form-remove-media"] { position: absolute; top: .5rem; right: .5rem; width: 1rem; height: 1rem; background-color: #fff; text-align: center; line-height: 1.1; border-radius: 50%; cursor: pointer; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4); pointer-events: all; opacity: 1; transition: all ease-in-out 0.3s; } @media (min-width: 992px) { .tcm-component-intranet-post-form-tab-1 .tcm-intranet-post-form-gallery-list li [data-toggle="tcm-intranet-post-form-remove-media"] { pointer-events: none; opacity: 0; } } .tcm-component-intranet-post-form-tab-1 .tcm-intranet-post-form-gallery-list li:hover [data-toggle="tcm-intranet-post-form-remove-media"] { pointer-events: all; opacity: 1; } .tcm-component-intranet-post-form-tab-1 .tcm-intranet-post-form-gallery-list .tcm-intranet-post-form-gallery-list-item-img { background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; } .tcm-component-intranet-post-form-tab-1 .tcm-intranet-post-form-gallery-list .tcm-intranet-post-form-gallery-list-add-link label { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; margin-bottom: 0; cursor: pointer; } .tcm-component-intranet-post-form-tab-1 .tcm-intranet-post-form-buttons { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-end; text-align: right; margin-right: -.6rem; position: relative; } .tcm-component-intranet-post-form-tab-1 .tcm-intranet-post-form-buttons label { margin-bottom: 0; margin-left: 0; } .tcm-component-intranet-post-form-tab-1 .tcm-intranet-post-form-buttons input[type=file] { display: none; } .tcm-component-intranet-post-form-tab-1 .tcm-intranet-post-form-buttons .btn { display: inline-block; width: 35px; height: 35px; padding: .3rem; } .tcm-component-intranet-post-form-tab-1 .tcm-intranet-post-form-buttons .btn + .btn { margin-left: -5px; } .tcm-component-intranet-post-form-tab-1 .tcm-intranet-post-form-buttons .btn:first-child { padding-left: 0; } .tcm-component-intranet-post-form-tab-1 .tcm-intranet-post-form-buttons .tcm-component-intranet-post-form-video-btn + .tcm-component-intranet-post-form-video-box { /*display: none;*/ display: inline-block; width: 0; transition: all ease-in-out 0.3s; padding: 0; overflow: hidden; position: relative; } .tcm-component-intranet-post-form-tab-1 .tcm-intranet-post-form-buttons .tcm-component-intranet-post-form-video-btn.active + .tcm-component-intranet-post-form-video-box { display: inline-block; /*width: auto;*/ width: calc(100% - 105px); } .tcm-intranet-post-form-document-container .tcm-intranet-post-form-document-list { list-style-type: none; padding: 0; margin: 0; } .tcm-intranet-post-form-document-container .tcm-intranet-post-form-document-list-item { position: relative; width: 100%; right: -.25rem; border-bottom: 1px solid #666; } .tcm-intranet-post-form-document-container .tcm-intranet-post-form-document-list-item .tcm-intranet-post-form-document-list-item-edit { display: none; } .tcm-intranet-post-form-document-container .tcm-intranet-post-form-document-list-item[data-editing=true] .tcm-intranet-post-form-document-list-item-view { display: none; } .tcm-intranet-post-form-document-container .tcm-intranet-post-form-document-list-item[data-editing=true] .tcm-intranet-post-form-document-list-item-edit { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .tcm-intranet-post-form-document-container .tcm-intranet-post-form-document-list-item[data-editing=true] .tcm-intranet-post-form-document-list-item-edit .form-control { padding: .35rem .75rem; } .tcm-intranet-post-form-document-container .tcm-intranet-post-form-document-list-item .btn-link { padding: .3rem; } .tcm-intranet-post-form-document-container .tcm-intranet-post-form-document-list-item .btn-link:last-of-type { padding: 0; } .tcm-intranet-post-form-document-container .tcm-intranet-post-form-document-list-item-view { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .tcm-intranet-post-form-document-container .tcm-intranet-post-form-document-list-item-view span { flex-grow: 1; padding: .35rem .75rem; } .tcm-intranet-post-form-document-container .tcm-intranet-post-form-document-list-add-link { text-align: right; padding: .3rem 0; } .tcm-intranet-post-form-document-container .tcm-intranet-post-form-document-list-add-link label { cursor: pointer; } .tcm-top-n li { display: none; transition: all ease-in-out 0.3s; } .tcm-top-n li.more, .tcm-top-n li.less { display: none; width: 100%; text-align: center; } .tcm-top-n li.more .btn, .tcm-top-n li.less .btn { border-radius: 50%; } .tcm-top-n.grid-mode { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-wrap: wrap; margin-top: -.5rem; margin-right: -8.5px !important; margin-left: -8.5px !important; } .tcm-top-n.grid-mode li { display: block; width: 25%; padding-right: 8.5px; padding-left: 8.5px; } .tcm-top-n.grid-mode li.more, .tcm-top-n.grid-mode li.less { display: none; } .tcm-top-n.grid-mode li .tcm-component-intranet--link-1 { width: 35px; margin: auto; } .tcm-top-n.grid-mode li .tcm-component-intranet--link-1-avatar { margin-right: 0; } .tcm-top-n.top-5-visible li { display: none; } .tcm-top-n.top-5-visible li.more { display: block; } .tcm-top-n.top-5-visible li:nth-child(-n+5) { display: block; } .tcm-top-n.top-10-visible li { display: none; } .tcm-top-n.top-10-visible li.more { display: block; } .tcm-top-n.top-10-visible li:nth-child(-n+10) { display: block; } .tcm-top-n.top-15-visible li { display: none; } .tcm-top-n.top-15-visible li.more { display: block; } .tcm-top-n.top-15-visible li:nth-child(-n+15) { display: block; } .tcm-top-n.top-20-visible li { display: none; } .tcm-top-n.top-20-visible li.more { display: block; } .tcm-top-n.top-20-visible li:nth-child(-n+20) { display: block; } .tcm-top-n.top-25-visible li { display: none; } .tcm-top-n.top-25-visible li.more { display: block; } .tcm-top-n.top-25-visible li:nth-child(-n+25) { display: block; } .tcm-top-n.all-visible li { display: block; } .tcm-top-n.all-visible li.more { display: none; } .tcm-top-n.all-visible li.less { display: block; } .tcm-component-intranet-post-list { margin-top: .5rem; } @media (min-width: 768px) { .tcm-component-intranet-post-list { margin-top: 1rem; } } .tcm-component-intranet-post-list .tcm-component-intranet-post-list-more-items { text-align: center; font-size: 3rem; margin: 3rem 0; } .tcm-component-intranet-post, .tcm-component-intranet- { margin-bottom: 1rem; padding: 15px; border-radius: 3px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); } @media (min-width: 768px) { .tcm-component-intranet-post, .tcm-component-intranet- { padding: 20px 20px 10px; } } .tcm-component-intranet-post .tcm-component-intranet--link-1, .tcm-component-intranet- .tcm-component-intranet--link-1 { display: inline-flex; align-self: flex-start; /*flex-grow: 1;*/ } .tcm-component-intranet-post .tcm-component-intranet--link-1[data-has-date="false"], .tcm-component-intranet- .tcm-component-intranet--link-1[data-has-date="false"] { align-self: center; } .tcm-component-intranet-post .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-avatar, .tcm-component-intranet- .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-avatar { width: 35px; height: 35px; margin: 0 .5rem 0 0; margin-bottom: 0; flex-shrink: 0; } .tcm-component-intranet-post .tcm-component-intranet--link-1 .tcm-component-intranet--1-avatar, .tcm-component-intranet- .tcm-component-intranet--link-1 .tcm-component-intranet--1-avatar { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; margin: 0 .5rem 0 0; margin-bottom: 0; flex-shrink: 0; } .tcm-component-intranet-post .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-details p, .tcm-component-intranet- .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-details p { font-size: 1rem; line-height: 1; margin-bottom: 0; } .tcm-component-intranet-post .post-header, .tcm-component-intranet- .post-header { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; align-items: flex-start; position: relative; } .tcm-component-intranet-post .post-header .tcm-component-intranet-post-tools, .tcm-component-intranet- .post-header .tcm-component-intranet-post-tools { margin-left: auto; padding-left: .5rem; order: 1; } .tcm-component-intranet-post .post-header .tcm-component-intranet-post-tools .post-btn, .tcm-component-intranet- .post-header .tcm-component-intranet-post-tools .post-btn { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; border: 1px solid !important; border-radius: 50%; padding: 0; font-size: .6rem; opacity: .5; } .tcm-component-intranet-post .post-header .tcm-component-intranet-post-tools .post-btn + .post-btn, .tcm-component-intranet- .post-header .tcm-component-intranet-post-tools .post-btn + .post-btn { margin-left: .5rem; font-size: .75rem; } .tcm-component-intranet-post .edited-badge, .tcm-component-intranet- .edited-badge { margin-left: auto; background-color: #ccc; } .tcm-component-intranet-post .edited-badge ~ .tcm-component-intranet-post-tools, .tcm-component-intranet- .edited-badge ~ .tcm-component-intranet-post-tools { margin-left: unset; } .tcm-component-intranet-post .post-body, .tcm-component-intranet- .post-body { margin-top: 1rem; } .tcm-component-intranet-post .post-body .post-text-show-more, .tcm-component-intranet- .post-body .post-text-show-more { margin-bottom: 0; } .tcm-component-intranet-post .post-body .post-text-show-more button, .tcm-component-intranet- .post-body .post-text-show-more button { font-size: .8rem; text-transform: lowercase; padding-right: 0; padding-left: 0; } .tcm-component-intranet-post .post-document-list, .tcm-component-intranet- .post-document-list { padding: 0; } .tcm-component-intranet-post .post-document-list .post-document-list-item, .tcm-component-intranet- .post-document-list .post-document-list-item { list-style-type: none; padding: 1rem; border-radius: 3px; } .tcm-component-intranet-post .post-document-list .post-document-list-item + .post-document-list-item, .tcm-component-intranet- .post-document-list .post-document-list-item + .post-document-list-item { margin-top: 1rem; } .tcm-component-intranet-post .post-document-list .post-document-list-item .post-document-list-item-link, .tcm-component-intranet- .post-document-list .post-document-list-item .post-document-list-item-link { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .tcm-component-intranet-post .post-document-list .post-document-list-item .post-document-list-item-icon, .tcm-component-intranet- .post-document-list .post-document-list-item .post-document-list-item-icon { font-size: 2rem; width: auto; margin-right: 1rem; } .tcm-component-intranet-post .post-document-list .post-document-list-item .post-document-list-item-link-text, .tcm-component-intranet- .post-document-list .post-document-list-item .post-document-list-item-link-text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-direction: column; align-items: flex-start; flex-grow: 1; line-height: 1.2; } .tcm-component-intranet-post .post-document-list .post-document-list-item .post-document-list-item-size, .tcm-component-intranet- .post-document-list .post-document-list-item .post-document-list-item-size { font-size: 0.9rem; } .tcm-component-intranet-post .post-document-list .post-document-list-item .post-document-list-item-size::before, .tcm-component-intranet- .post-document-list .post-document-list-item .post-document-list-item-size::before { content: '('; } .tcm-component-intranet-post .post-document-list .post-document-list-item .post-document-list-item-size::after, .tcm-component-intranet- .post-document-list .post-document-list-item .post-document-list-item-size::after { content: ')'; } .tcm-component-intranet-post .post-footer-buttons, .tcm-component-intranet-post .commentary-footer, .tcm-component-intranet- .post-footer-buttons, .tcm-component-intranet- .commentary-footer { white-space: nowrap; } .tcm-component-intranet-post .post-footer-buttons .btn, .tcm-component-intranet-post .commentary-footer .btn, .tcm-component-intranet- .post-footer-buttons .btn, .tcm-component-intranet- .commentary-footer .btn { display: inline-block; } .tcm-component-intranet-post .post-footer-buttons hr, .tcm-component-intranet-post .commentary-footer hr, .tcm-component-intranet- .post-footer-buttons hr, .tcm-component-intranet- .commentary-footer hr { margin-top: .5rem; margin-bottom: .5rem; } .tcm-component-intranet-post .post-footer-buttons .dropup, .tcm-component-intranet-post .commentary-footer .dropup, .tcm-component-intranet- .post-footer-buttons .dropup, .tcm-component-intranet- .commentary-footer .dropup { width: 50%; /*margin-right: .5rem;*/ /*@media(min-width: $bootstrap-lg-min) { width: auto; }*/ } .tcm-component-intranet-post .post-footer-buttons .dropup button, .tcm-component-intranet-post .commentary-footer .dropup button, .tcm-component-intranet- .post-footer-buttons .dropup button, .tcm-component-intranet- .commentary-footer .dropup button { width: 100%; text-align: center; padding: 0; border: none; z-index: 0; } .tcm-component-intranet-post .post-footer-buttons .dropup .dropup-wrapper, .tcm-component-intranet-post .commentary-footer .dropup .dropup-wrapper, .tcm-component-intranet- .post-footer-buttons .dropup .dropup-wrapper, .tcm-component-intranet- .commentary-footer .dropup .dropup-wrapper { position: absolute; width: 200%; left: 0; } @media (min-width: 768px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropup-wrapper, .tcm-component-intranet-post .commentary-footer .dropup .dropup-wrapper, .tcm-component-intranet- .post-footer-buttons .dropup .dropup-wrapper, .tcm-component-intranet- .commentary-footer .dropup .dropup-wrapper { position: absolute; width: 100%; } } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu { width: 100%; padding: .5rem; border-radius: .3rem; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); } @media (min-width: 768px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu { /*width: unset;*/ max-width: 240px; height: 0; right: 0; left: 0 !important; margin: auto; white-space: normal; transform: translate(0, -100%) !important; border-radius: 2rem; } } @media (min-width: 1200px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu { right: 0; left: 50% !important; transform: translate(-50%, -100%) !important; } } @media (min-width: 768px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu.show, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu.show, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu.show, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu.show { display: table; } } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; height: auto; position: relative; padding: .2rem 0; } @media (min-width: 768px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item { display: inline-block; width: 48px; height: 48px; padding: 0; margin: auto auto -4px auto; border-radius: 2rem; } } @media (min-width: 1200px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item { width: 55px; height: 55px; } @s (-ms-ime-align: auto) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item { width: 52px; height: 52px; } } } @media screen and (min-width: 1200px) and (-ms-high-contrast: active), (min-width: 1200px) and (-ms-high-contrast: none) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item { width: 52px; height: 52px; } } @media (min-width: 1200px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item:hover, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item:hover { background-color: transparent; } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover span[class^="-"], .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item:hover span[class^="-"], .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover span[class^="-"], .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item:hover span[class^="-"] { width: 3.5rem; height: 3.5rem; font-size: 2.5rem; } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover .label, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item:hover .label, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover .label, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item:hover .label { opacity: 1; } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover.active::before, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item:hover.active::before, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover.active::before, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item:hover.active::before { background-color: red; } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover.active::after, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item:hover.active::after, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover.active::after, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item:hover.active::after { content: '\f00d'; right: -.38rem; } } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::after, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item.active::after, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::after, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item.active::after { position: absolute; width: 1.25rem; height: 1.25rem; z-index: 1; } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item.active::before { content: ''; background-color: green; border-radius: 50%; right: 0; } @media (min-width: 768px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item.active::before { bottom: 0; } } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::after, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item.active::after, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::after, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item.active::after { content: '\f00c'; font-family: 'Font Awesome 5 Pro'; font-size: .75rem; font-weight: 900; color: #fff; right: -.25rem; } @media (min-width: 768px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::after, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item.active::after, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::after, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item.active::after { bottom: -.15rem; } } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item .label, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item .label, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item .label, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item .label { margin-left: 1rem; font-size: 1.2rem; color: #fff; pointer-events: none; } @media (min-width: 768px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item .label, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item .label, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item .label, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item .label { position: absolute; opacity: 0; left: 50%; transform: translateX(-50%); display: block; background-color: rgba(0, 0, 0, 0.8); color: #fff; font-size: .8rem; text-align: center; padding: .3rem .5rem; top: -2rem; margin-left: 0; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); border-radius: .3rem; transition: all ease-in-out 0.3s; z-index: 1; } } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu span[class^="-"], .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu span[class^="-"], .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu span[class^="-"], .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu span[class^="-"] { background-position: center; background-size: cover; justify-content: center; width: 2rem; height: 2rem; } @media (min-width: 768px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu span[class^="-"], .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu span[class^="-"], .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu span[class^="-"], .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu span[class^="-"] { position: absolute; width: 2.5rem; height: 2.5rem; font-size: 2rem; top: 0; right: 0; bottom: 0; left: 0; margin: auto; /*border: 1px solid #FFF;*/ transition: all ease-in-out 0.3s; padding: 0; } } @media (min-width: 1200px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu span[class^="-"], .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu span[class^="-"], .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu span[class^="-"], .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu span[class^="-"] { width: 3rem; height: 3rem; } } .tcm-component-intranet-post .post-footer-buttons [data-toggle="show-comments"], .tcm-component-intranet-post .commentary-footer [data-toggle="show-comments"], .tcm-component-intranet- .post-footer-buttons [data-toggle="show-comments"], .tcm-component-intranet- .commentary-footer [data-toggle="show-comments"] { width: 50%; /*margin-left: .5rem;*/ text-align: center; padding: 0; border: none; /*@media(min-width: $bootstrap-lg-min) { width: auto; }*/ } .tcm-component-intranet-post .commentary-footer, .tcm-component-intranet- .commentary-footer { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; padding-top: .5rem; } .tcm-component-intranet-post .commentary-footer .btn-link, .tcm-component-intranet- .commentary-footer .btn-link { padding: 0; } .tcm-component-intranet-post .commentary-footer .btn-link:link, .tcm-component-intranet-post .commentary-footer .btn-link:visited, .tcm-component-intranet-post .commentary-footer .btn-link:active, .tcm-component-intranet-post .commentary-footer .btn-link:hover, .tcm-component-intranet-post .commentary-footer .btn-link:focus, .tcm-component-intranet- .commentary-footer .btn-link:link, .tcm-component-intranet- .commentary-footer .btn-link:visited, .tcm-component-intranet- .commentary-footer .btn-link:active, .tcm-component-intranet- .commentary-footer .btn-link:hover, .tcm-component-intranet- .commentary-footer .btn-link:focus { text-decoration: none !important; } .tcm-component-intranet-post .commentary-footer .dropup, .tcm-component-intranet- .commentary-footer .dropup { width: auto; margin-right: .5rem; margin-left: -9px; } .tcm-component-intranet-post .commentary-footer .dropup button, .tcm-component-intranet- .commentary-footer .dropup button { text-align: left; } .tcm-component-intranet-post .commentary-footer .dropup .dropup-wrapper, .tcm-component-intranet- .commentary-footer .dropup .dropup-wrapper { width: 240px; } .tcm-component-intranet-post .commentary-footer .dropdown-item.active, .tcm-component-intranet-post .commentary-footer .dropdown-item:active, .tcm-component-intranet- .commentary-footer .dropdown-item.active, .tcm-component-intranet- .commentary-footer .dropdown-item:active { background-color: transparent; } .tcm-component-intranet-post .commentary-footer .post-reaction-status, .tcm-component-intranet- .commentary-footer .post-reaction-status { margin-right: 0; } .tcm-component-intranet-post .commentary-footer .post-reaction-status .list-inline .list-inline-item, .tcm-component-intranet- .commentary-footer .post-reaction-status .list-inline .list-inline-item { margin-left: -1.2rem; } .tcm-component-intranet-post .post-status, .tcm-component-intranet- .post-status { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; justify-content: space-between; text-transform: lowercase; } .tcm-component-intranet-post .post-reaction-status, .tcm-component-intranet- .post-reaction-status { margin-right: 1rem; } .tcm-component-intranet-post .post-reaction-status .list-inline, .tcm-component-intranet- .post-reaction-status .list-inline { margin-bottom: 0; padding-left: 1rem; } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item { vertical-align: middle; margin-left: -1rem; } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item[data-toggle=-detail], .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item[data-toggle=comment--detail], .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item[data-toggle=-detail], .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item[data-toggle=comment--detail] { cursor: pointer; } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 1rem; height: 1rem; color: #fff; border: 2px solid #FFF; border-radius: 50%; } @media (min-width: 768px) { .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span { width: 1.5rem; height: 1.5rem; } } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span i, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span i { width: 100%; height: 100%; background-position: center; background-size: cover; font-weight: bold; } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-liked-it, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-liked-it { background-image: url("/Templates/img/intranet/ico-likedit.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-disliked, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-disliked { background-image: url("/Templates/img/intranet/ico-disliked.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-congrats, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-congrats { background-image: url("/Templates/img/intranet/ico-congrats.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-genius, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-genius { background-image: url("/Templates/img/intranet/ico-genius.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-loved-it, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-loved-it { background-image: url("/Templates/img/intranet/ico-lovedit.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-happy, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-happy { background-image: url("/Templates/img/intranet/ico-happy.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-very-happy, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-very-happy { background-image: url("/Templates/img/intranet/ico-veryhappy.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-tongue, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-tongue { background-image: url("/Templates/img/intranet/ico-tongue.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-embarrassed, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-embarrassed { background-image: url("/Templates/img/intranet/ico-embarrassed.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-interesting, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-interesting { background-image: url("/Templates/img/intranet/ico-interesting.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-shocked, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-shocked { background-image: url("/Templates/img/intranet/ico-shocked.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-very-shocked, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-very-shocked { background-image: url("/Templates/img/intranet/ico-veryshocked.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-tired, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-tired { background-image: url("/Templates/img/intranet/ico-tired.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-sad, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-sad { background-image: url("/Templates/img/intranet/ico-sad.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-very-sad, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-very-sad { background-image: url("/Templates/img/intranet/ico-verysad.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-angry, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-angry { background-image: url("/Templates/img/intranet/ico-angry.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-uau, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-uau { background-image: url("/Templates/img/intranet/ico-uau.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-haha, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-haha { background-image: url("/Templates/img/intranet/ico-haha.png"); } .tcm-component-intranet-post .mobile-hidden, .tcm-component-intranet- .mobile-hidden { display: none; } @media (min-width: 768px) { .tcm-component-intranet-post .mobile-hidden, .tcm-component-intranet- .mobile-hidden { display: inline-block; margin-left: -.5rem !important; font-size: .8rem; } } .tcm-component-intranet-post .mobile-visible, .tcm-component-intranet- .mobile-visible { margin-left: 0 !important; text-decoration: none !important; } @media (min-width: 768px) { .tcm-component-intranet-post .mobile-visible, .tcm-component-intranet- .mobile-visible { display: none; } } .tcm-component-intranet-post .post-comments hr, .tcm-component-intranet- .post-comments hr { margin-top: .5rem; } .tcm-component-intranet-post .post-comments .post-new-comment, .tcm-component-intranet- .post-comments .post-new-comment { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-direction: row; background-color: #fafafa; margin-top: 1rem; margin-bottom: 2rem; border-radius: 3px; /*@media(min-width: $bootstrap-md-min) { padding: 1rem; }*/ } .tcm-component-intranet-post .post-comments .post-new-comment .tcm-component-intranet--link-1, .tcm-component-intranet- .post-comments .post-new-comment .tcm-component-intranet--link-1 { align-self: flex-start; flex-grow: 0; padding-top: .5rem; } .tcm-component-intranet-post .post-comments .post-new-comment .tcm-component-intranet--link-1-details, .tcm-component-intranet- .post-comments .post-new-comment .tcm-component-intranet--link-1-details { /*display: none;*/ } .tcm-component-intranet-post .post-comments .post-new-comment-content, .tcm-component-intranet- .post-comments .post-new-comment-content { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; align-items: flex-end; /*flex-grow: 1;*/ } .tcm-component-intranet-post .post-comments .post-new-comment-content [data-toggle="create-comment"], .tcm-component-intranet- .post-comments .post-new-comment-content [data-toggle="create-comment"] { display: block; margin-top: -3px; margin-left: auto; padding-right: 0; padding-bottom: 0; } .tcm-component-intranet-post .post-comments .post-new-comment-content p, .tcm-component-intranet- .post-comments .post-new-comment-content p { min-height: unset; background-color: unset; padding: unset; } .tcm-component-intranet-post .post-comments .post-new-comment-content .form-group, .tcm-component-intranet- .post-comments .post-new-comment-content .form-group { width: 100%; margin-bottom: 0; align-self: center; } .tcm-component-intranet-post .post-comments .post-comments-list, .tcm-component-intranet- .post-comments .post-comments-list { list-style-type: none; margin: 0; padding: 0; } .tcm-component-intranet-post .post-comments .post-comments-list > li, .tcm-component-intranet- .post-comments .post-comments-list > li { padding-top: 2rem; /*border-bottom: 1px solid #eee;*/ /*&:last-child { border-bottom: none; }*/ } .tcm-component-intranet-post .post-comments .post-comments-list > li:first-child, .tcm-component-intranet- .post-comments .post-comments-list > li:first-child { margin-top: 1rem; padding-top: 0; /*border-top: 1px solid #eee;*/ } .tcm-component-intranet-post .post-comments a:link[data-toggle="show-more-comments"], .tcm-component-intranet-post .post-comments a:visited[data-toggle="show-more-comments"], .tcm-component-intranet-post .post-comments a:active[data-toggle="show-more-comments"], .tcm-component-intranet-post .post-comments a:hover[data-toggle="show-more-comments"], .tcm-component-intranet- .post-comments a:link[data-toggle="show-more-comments"], .tcm-component-intranet- .post-comments a:visited[data-toggle="show-more-comments"], .tcm-component-intranet- .post-comments a:active[data-toggle="show-more-comments"], .tcm-component-intranet- .post-comments a:hover[data-toggle="show-more-comments"] { display: table; margin: 1rem auto; text-decoration: none !important; } .tcm-component-intranet-post .post-comments .post-new-comment-content, .tcm-component-intranet- .post-comments .post-new-comment-content { /*background-color: #FAFAFA;*/ padding: 0.5rem; border: 1px solid; border-radius: 0.5rem; } .tcm-component-intranet-post .post-comments .post-commentary, .tcm-component-intranet- .post-comments .post-commentary { /*border-top: none; border-bottom: none;*/ } .tcm-component-intranet-post .post-comments .post-commentary .commentary-box .post-body, .tcm-component-intranet- .post-comments .post-commentary .commentary-box .post-body { /*background-color: #FAFAFA;*/ padding: 0.5rem 1rem; border: 1px solid; border-radius: 0.5rem; margin-top: 0.5rem !important; } .tcm-component-intranet-post .post-comments .post-commentary .commentary-box .post-body :last-child, .tcm-component-intranet- .post-comments .post-commentary .commentary-box .post-body :last-child { margin-bottom: 0; } .tcm-component-intranet-post .post-comments .post-commentary .commentary-children, .tcm-component-intranet- .post-comments .post-commentary .commentary-children { margin-left: 1rem; } @media (min-width: 768px) { .tcm-component-intranet-post .post-comments .post-commentary .commentary-children, .tcm-component-intranet- .post-comments .post-commentary .commentary-children { margin-left: 2.5rem; } } .tcm-component-intranet-post .post-comments .post-commentary .commentary-children .commentary-box, .tcm-component-intranet- .post-comments .post-commentary .commentary-children .commentary-box { margin-top: 2rem; } .tcm-component-intranet-post .post-, .tcm-component-intranet- .post- { display: table; max-width: unset; } .tcm-component-intranet-post .post- ul, .tcm-component-intranet- .post- ul { margin: 0; padding: 0; list-style-type: none; } .tcm-component-intranet-post .post- li, .tcm-component-intranet- .post- li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; position: relative; } .tcm-component-intranet-post .post- li + li, .tcm-component-intranet- .post- li + li { margin-top: 1rem; } .tcm-component-intranet-post .post- li .post-reaction-status, .tcm-component-intranet- .post- li .post-reaction-status { position: absolute; top: 1.5rem; left: 1.5rem; } .tcm-component-intranet-post .post- .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-avatar, .tcm-component-intranet- .post- .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-avatar { width: 45px; height: 45px; } .tcm-component-intranet-post .post- .post-reaction-status, .tcm-component-intranet- .post- .post-reaction-status { margin-right: .5rem; } .tcm-component-intranet-post .post- .nav-link, .tcm-component-intranet- .post- .nav-link { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .tcm-component-intranet-post .post- .nav-link:not(:first-of-type), .tcm-component-intranet- .post- .nav-link:not(:first-of-type) { display: none; } @media (min-width: 768px) { .tcm-component-intranet-post .post- .nav-link:not(:first-of-type), .tcm-component-intranet- .post- .nav-link:not(:first-of-type) { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } } .tcm-component-intranet-post .post- .nav-link span + span, .tcm-component-intranet- .post- .nav-link span + span { margin-left: .5rem; } .tcm-component-intranet-post-edit-comment .modal-content { background-color: #fafafa; padding: .5rem; } @media (min-width: 768px) { .tcm-component-intranet-post-edit-comment .modal-content { padding: 1rem; } } .tcm-component-intranet-post-edit-comment .modal-header { padding: 0 0 1rem; border-bottom: none; } .tcm-component-intranet-post-edit-comment .modal-body { margin: 0; padding: 0; } .tcm-component-intranet-post-edit-comment .post-edit-comment { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .tcm-component-intranet-post-edit-comment .post-edit-comment .post-edit-comment-profile { align-self: flex-start; cursor: default; } .tcm-component-intranet-post-edit-comment .post-edit-comment .post-edit-comment-content { flex-grow: 1; } .tcm-component-intranet-post-edit-comment .post-edit-comment .post-edit-comment-content .form-group p { background-color: transparent; padding: 0; } .tcm-component-intranet-post-edit-comment .post-edit-comment .tcm-component-intranet--link-1-avatar { width: 35px; height: 35px; margin-right: 1rem; } .tcm-component-intranet-post-edit-comment .post-edit-comment button { float: right; padding: 0; } .form-intranet-community-create-post { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; width: 100%; } .-likedit { background-image: url("/Templates/img/intranet/ico-likedit.png"); } .-disliked { background-image: url("/Templates/img/intranet/ico-disliked.png"); } .-congrats { background-image: url("/Templates/img/intranet/ico-congrats.png"); } .-genius { background-image: url("/Templates/img/intranet/ico-genius.png"); } .-lovedit { background-image: url("/Templates/img/intranet/ico-lovedit.png"); } .-happy { background-image: url("/Templates/img/intranet/ico-happy.png"); } .-veryhappy { background-image: url("/Templates/img/intranet/ico-veryhappy.png"); } .-tongue { background-image: url("/Templates/img/intranet/ico-tongue.png"); } .-embarrassed { background-image: url("/Templates/img/intranet/ico-embarrassed.png"); } .-interesting { background-image: url("/Templates/img/intranet/ico-interesting.png"); } .-shocked { background-image: url("/Templates/img/intranet/ico-shocked.png"); } .-veryshocked { background-image: url("/Templates/img/intranet/ico-veryshocked.png"); } .-tired { background-image: url("/Templates/img/intranet/ico-tired.png"); } .-sad { background-image: url("/Templates/img/intranet/ico-sad.png"); } .-verysad { background-image: url("/Templates/img/intranet/ico-verysad.png"); } .-angry { background-image: url("/Templates/img/intranet/ico-angry.png"); } .-uau { background-image: url("/Templates/img/intranet/ico-uau.png"); } .-haha { background-image: url("/Templates/img/intranet/ico-haha.png"); } .tcm-component-intranet-post-list { margin-top: .5rem; } @media (min-width: 768px) { .tcm-component-intranet-post-list { margin-top: 1rem; } } .tcm-component-intranet-post-list .tcm-component-intranet-post-list-more-items { text-align: center; font-size: 3rem; margin: 3rem 0; } .tcm-component-intranet-post, .tcm-component-intranet- { margin-bottom: 1rem; padding: 15px; border-radius: 3px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); } @media (min-width: 768px) { .tcm-component-intranet-post, .tcm-component-intranet- { padding: 20px 20px 10px; } } .tcm-component-intranet-post .tcm-component-intranet--link-1, .tcm-component-intranet- .tcm-component-intranet--link-1 { display: inline-flex; align-self: flex-start; /*flex-grow: 1;*/ } .tcm-component-intranet-post .tcm-component-intranet--link-1[data-has-date="false"], .tcm-component-intranet- .tcm-component-intranet--link-1[data-has-date="false"] { align-self: center; } .tcm-component-intranet-post .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-avatar, .tcm-component-intranet- .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-avatar { width: 35px; height: 35px; margin: 0 .5rem 0 0; margin-bottom: 0; flex-shrink: 0; } .tcm-component-intranet-post .tcm-component-intranet--link-1 .tcm-component-intranet--1-avatar, .tcm-component-intranet- .tcm-component-intranet--link-1 .tcm-component-intranet--1-avatar { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; margin: 0 .5rem 0 0; margin-bottom: 0; flex-shrink: 0; } .tcm-component-intranet-post .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-details p, .tcm-component-intranet- .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-details p { font-size: 1rem; line-height: 1; margin-bottom: 0; } .tcm-component-intranet-post .post-header, .tcm-component-intranet- .post-header { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; align-items: flex-start; position: relative; } .tcm-component-intranet-post .post-header .tcm-component-intranet-post-tools, .tcm-component-intranet- .post-header .tcm-component-intranet-post-tools { margin-left: auto; padding-left: .5rem; order: 1; } .tcm-component-intranet-post .post-header .tcm-component-intranet-post-tools .post-btn, .tcm-component-intranet- .post-header .tcm-component-intranet-post-tools .post-btn { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; border: 1px solid !important; border-radius: 50%; padding: 0; font-size: .6rem; opacity: .5; } .tcm-component-intranet-post .post-header .tcm-component-intranet-post-tools .post-btn + .post-btn, .tcm-component-intranet- .post-header .tcm-component-intranet-post-tools .post-btn + .post-btn { margin-left: .5rem; font-size: .75rem; } .tcm-component-intranet-post .edited-badge, .tcm-component-intranet- .edited-badge { margin-left: auto; background-color: #ccc; } .tcm-component-intranet-post .edited-badge ~ .tcm-component-intranet-post-tools, .tcm-component-intranet- .edited-badge ~ .tcm-component-intranet-post-tools { margin-left: unset; } .tcm-component-intranet-post .post-body, .tcm-component-intranet- .post-body { margin-top: 1rem; } .tcm-component-intranet-post .post-body .post-text-show-more, .tcm-component-intranet- .post-body .post-text-show-more { margin-bottom: 0; } .tcm-component-intranet-post .post-body .post-text-show-more button, .tcm-component-intranet- .post-body .post-text-show-more button { font-size: .8rem; text-transform: lowercase; padding-right: 0; padding-left: 0; } .tcm-component-intranet-post .post-document-list, .tcm-component-intranet- .post-document-list { padding: 0; } .tcm-component-intranet-post .post-document-list .post-document-list-item, .tcm-component-intranet- .post-document-list .post-document-list-item { list-style-type: none; padding: 1rem; border-radius: 3px; } .tcm-component-intranet-post .post-document-list .post-document-list-item + .post-document-list-item, .tcm-component-intranet- .post-document-list .post-document-list-item + .post-document-list-item { margin-top: 1rem; } .tcm-component-intranet-post .post-document-list .post-document-list-item .post-document-list-item-link, .tcm-component-intranet- .post-document-list .post-document-list-item .post-document-list-item-link { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .tcm-component-intranet-post .post-document-list .post-document-list-item .post-document-list-item-icon, .tcm-component-intranet- .post-document-list .post-document-list-item .post-document-list-item-icon { font-size: 2rem; width: auto; margin-right: 1rem; } .tcm-component-intranet-post .post-document-list .post-document-list-item .post-document-list-item-link-text, .tcm-component-intranet- .post-document-list .post-document-list-item .post-document-list-item-link-text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-direction: column; align-items: flex-start; flex-grow: 1; line-height: 1.2; } .tcm-component-intranet-post .post-document-list .post-document-list-item .post-document-list-item-size, .tcm-component-intranet- .post-document-list .post-document-list-item .post-document-list-item-size { font-size: 0.9rem; } .tcm-component-intranet-post .post-document-list .post-document-list-item .post-document-list-item-size::before, .tcm-component-intranet- .post-document-list .post-document-list-item .post-document-list-item-size::before { content: '('; } .tcm-component-intranet-post .post-document-list .post-document-list-item .post-document-list-item-size::after, .tcm-component-intranet- .post-document-list .post-document-list-item .post-document-list-item-size::after { content: ')'; } .tcm-component-intranet-post .post-footer-buttons, .tcm-component-intranet-post .commentary-footer, .tcm-component-intranet- .post-footer-buttons, .tcm-component-intranet- .commentary-footer { white-space: nowrap; } .tcm-component-intranet-post .post-footer-buttons .btn, .tcm-component-intranet-post .commentary-footer .btn, .tcm-component-intranet- .post-footer-buttons .btn, .tcm-component-intranet- .commentary-footer .btn { display: inline-block; } .tcm-component-intranet-post .post-footer-buttons hr, .tcm-component-intranet-post .commentary-footer hr, .tcm-component-intranet- .post-footer-buttons hr, .tcm-component-intranet- .commentary-footer hr { margin-top: .5rem; margin-bottom: .5rem; } .tcm-component-intranet-post .post-footer-buttons .dropup, .tcm-component-intranet-post .commentary-footer .dropup, .tcm-component-intranet- .post-footer-buttons .dropup, .tcm-component-intranet- .commentary-footer .dropup { width: 50%; /*margin-right: .5rem;*/ /*@media(min-width: $bootstrap-lg-min) { width: auto; }*/ } .tcm-component-intranet-post .post-footer-buttons .dropup button, .tcm-component-intranet-post .commentary-footer .dropup button, .tcm-component-intranet- .post-footer-buttons .dropup button, .tcm-component-intranet- .commentary-footer .dropup button { width: 100%; text-align: center; padding: 0; border: none; z-index: 0; } .tcm-component-intranet-post .post-footer-buttons .dropup .dropup-wrapper, .tcm-component-intranet-post .commentary-footer .dropup .dropup-wrapper, .tcm-component-intranet- .post-footer-buttons .dropup .dropup-wrapper, .tcm-component-intranet- .commentary-footer .dropup .dropup-wrapper { position: absolute; width: 200%; left: 0; } @media (min-width: 768px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropup-wrapper, .tcm-component-intranet-post .commentary-footer .dropup .dropup-wrapper, .tcm-component-intranet- .post-footer-buttons .dropup .dropup-wrapper, .tcm-component-intranet- .commentary-footer .dropup .dropup-wrapper { position: absolute; width: 100%; } } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu { width: 100%; padding: .5rem; border-radius: .3rem; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); } @media (min-width: 768px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu { /*width: unset;*/ max-width: 240px; height: 0; right: 0; left: 0 !important; margin: auto; white-space: normal; transform: translate(0, -100%) !important; border-radius: 2rem; } } @media (min-width: 1200px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu { right: 0; left: 50% !important; transform: translate(-50%, -100%) !important; } } @media (min-width: 768px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu.show, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu.show, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu.show, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu.show { display: table; } } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; height: auto; position: relative; padding: .2rem 0; } @media (min-width: 768px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item { display: inline-block; width: 48px; height: 48px; padding: 0; margin: auto auto -4px auto; border-radius: 2rem; } } @media (min-width: 1200px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item { width: 55px; height: 55px; } @s (-ms-ime-align: auto) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item { width: 52px; height: 52px; } } } @media screen and (min-width: 1200px) and (-ms-high-contrast: active), (min-width: 1200px) and (-ms-high-contrast: none) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item { width: 52px; height: 52px; } } @media (min-width: 1200px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item:hover, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item:hover { background-color: transparent; } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover span[class^="-"], .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item:hover span[class^="-"], .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover span[class^="-"], .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item:hover span[class^="-"] { width: 3.5rem; height: 3.5rem; font-size: 2.5rem; } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover .label, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item:hover .label, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover .label, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item:hover .label { opacity: 1; } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover.active::before, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item:hover.active::before, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover.active::before, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item:hover.active::before { background-color: red; } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover.active::after, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item:hover.active::after, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover.active::after, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item:hover.active::after { content: '\f00d'; right: -.38rem; } } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::after, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item.active::after, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::after, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item.active::after { position: absolute; width: 1.25rem; height: 1.25rem; z-index: 1; } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item.active::before { content: ''; background-color: green; border-radius: 50%; right: 0; } @media (min-width: 768px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item.active::before { bottom: 0; } } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::after, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item.active::after, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::after, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item.active::after { content: '\f00c'; font-family: 'Font Awesome 5 Pro'; font-size: .75rem; font-weight: 900; color: #fff; right: -.25rem; } @media (min-width: 768px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::after, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item.active::after, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::after, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item.active::after { bottom: -.15rem; } } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item .label, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item .label, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item .label, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item .label { margin-left: 1rem; font-size: 1.2rem; color: #fff; pointer-events: none; } @media (min-width: 768px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item .label, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item .label, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item .label, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item .label { position: absolute; opacity: 0; left: 50%; transform: translateX(-50%); display: block; background-color: rgba(0, 0, 0, 0.8); color: #fff; font-size: .8rem; text-align: center; padding: .3rem .5rem; top: -2rem; margin-left: 0; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); border-radius: .3rem; transition: all ease-in-out 0.3s; z-index: 1; } } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu span[class^="-"], .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu span[class^="-"], .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu span[class^="-"], .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu span[class^="-"] { background-position: center; background-size: cover; justify-content: center; width: 2rem; height: 2rem; } @media (min-width: 768px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu span[class^="-"], .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu span[class^="-"], .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu span[class^="-"], .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu span[class^="-"] { position: absolute; width: 2.5rem; height: 2.5rem; font-size: 2rem; top: 0; right: 0; bottom: 0; left: 0; margin: auto; /*border: 1px solid #FFF;*/ transition: all ease-in-out 0.3s; padding: 0; } } @media (min-width: 1200px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu span[class^="-"], .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu span[class^="-"], .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu span[class^="-"], .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu span[class^="-"] { width: 3rem; height: 3rem; } } .tcm-component-intranet-post .post-footer-buttons [data-toggle="show-comments"], .tcm-component-intranet-post .commentary-footer [data-toggle="show-comments"], .tcm-component-intranet- .post-footer-buttons [data-toggle="show-comments"], .tcm-component-intranet- .commentary-footer [data-toggle="show-comments"] { width: 50%; /*margin-left: .5rem;*/ text-align: center; padding: 0; border: none; /*@media(min-width: $bootstrap-lg-min) { width: auto; }*/ } .tcm-component-intranet-post .commentary-footer, .tcm-component-intranet- .commentary-footer { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; padding-top: .5rem; } .tcm-component-intranet-post .commentary-footer .btn-link, .tcm-component-intranet- .commentary-footer .btn-link { padding: 0; } .tcm-component-intranet-post .commentary-footer .btn-link:link, .tcm-component-intranet-post .commentary-footer .btn-link:visited, .tcm-component-intranet-post .commentary-footer .btn-link:active, .tcm-component-intranet-post .commentary-footer .btn-link:hover, .tcm-component-intranet-post .commentary-footer .btn-link:focus, .tcm-component-intranet- .commentary-footer .btn-link:link, .tcm-component-intranet- .commentary-footer .btn-link:visited, .tcm-component-intranet- .commentary-footer .btn-link:active, .tcm-component-intranet- .commentary-footer .btn-link:hover, .tcm-component-intranet- .commentary-footer .btn-link:focus { text-decoration: none !important; } .tcm-component-intranet-post .commentary-footer .dropup, .tcm-component-intranet- .commentary-footer .dropup { width: auto; margin-right: .5rem; margin-left: -9px; } .tcm-component-intranet-post .commentary-footer .dropup button, .tcm-component-intranet- .commentary-footer .dropup button { text-align: left; } .tcm-component-intranet-post .commentary-footer .dropup .dropup-wrapper, .tcm-component-intranet- .commentary-footer .dropup .dropup-wrapper { width: 240px; } .tcm-component-intranet-post .commentary-footer .dropdown-item.active, .tcm-component-intranet-post .commentary-footer .dropdown-item:active, .tcm-component-intranet- .commentary-footer .dropdown-item.active, .tcm-component-intranet- .commentary-footer .dropdown-item:active { background-color: transparent; } .tcm-component-intranet-post .commentary-footer .post-reaction-status, .tcm-component-intranet- .commentary-footer .post-reaction-status { margin-right: 0; } .tcm-component-intranet-post .commentary-footer .post-reaction-status .list-inline .list-inline-item, .tcm-component-intranet- .commentary-footer .post-reaction-status .list-inline .list-inline-item { margin-left: -1.2rem; } .tcm-component-intranet-post .post-status, .tcm-component-intranet- .post-status { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; justify-content: space-between; text-transform: lowercase; } .tcm-component-intranet-post .post-reaction-status, .tcm-component-intranet- .post-reaction-status { margin-right: 1rem; } .tcm-component-intranet-post .post-reaction-status .list-inline, .tcm-component-intranet- .post-reaction-status .list-inline { margin-bottom: 0; padding-left: 1rem; } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item { vertical-align: middle; margin-left: -1rem; } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item[data-toggle=-detail], .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item[data-toggle=comment--detail], .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item[data-toggle=-detail], .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item[data-toggle=comment--detail] { cursor: pointer; } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 1rem; height: 1rem; color: #fff; border: 2px solid #FFF; border-radius: 50%; } @media (min-width: 768px) { .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span { width: 1.5rem; height: 1.5rem; } } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span i, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span i { width: 100%; height: 100%; background-position: center; background-size: cover; font-weight: bold; } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-liked-it, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-liked-it { background-image: url("/Templates/img/intranet/ico-likedit.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-disliked, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-disliked { background-image: url("/Templates/img/intranet/ico-disliked.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-congrats, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-congrats { background-image: url("/Templates/img/intranet/ico-congrats.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-genius, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-genius { background-image: url("/Templates/img/intranet/ico-genius.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-loved-it, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-loved-it { background-image: url("/Templates/img/intranet/ico-lovedit.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-happy, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-happy { background-image: url("/Templates/img/intranet/ico-happy.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-very-happy, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-very-happy { background-image: url("/Templates/img/intranet/ico-veryhappy.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-tongue, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-tongue { background-image: url("/Templates/img/intranet/ico-tongue.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-embarrassed, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-embarrassed { background-image: url("/Templates/img/intranet/ico-embarrassed.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-interesting, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-interesting { background-image: url("/Templates/img/intranet/ico-interesting.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-shocked, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-shocked { background-image: url("/Templates/img/intranet/ico-shocked.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-very-shocked, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-very-shocked { background-image: url("/Templates/img/intranet/ico-veryshocked.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-tired, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-tired { background-image: url("/Templates/img/intranet/ico-tired.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-sad, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-sad { background-image: url("/Templates/img/intranet/ico-sad.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-very-sad, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-very-sad { background-image: url("/Templates/img/intranet/ico-verysad.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-angry, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-angry { background-image: url("/Templates/img/intranet/ico-angry.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-uau, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-uau { background-image: url("/Templates/img/intranet/ico-uau.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-haha, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-haha { background-image: url("/Templates/img/intranet/ico-haha.png"); } .tcm-component-intranet-post .mobile-hidden, .tcm-component-intranet- .mobile-hidden { display: none; } @media (min-width: 768px) { .tcm-component-intranet-post .mobile-hidden, .tcm-component-intranet- .mobile-hidden { display: inline-block; margin-left: -.5rem !important; font-size: .8rem; } } .tcm-component-intranet-post .mobile-visible, .tcm-component-intranet- .mobile-visible { margin-left: 0 !important; text-decoration: none !important; } @media (min-width: 768px) { .tcm-component-intranet-post .mobile-visible, .tcm-component-intranet- .mobile-visible { display: none; } } .tcm-component-intranet-post .post-comments hr, .tcm-component-intranet- .post-comments hr { margin-top: .5rem; } .tcm-component-intranet-post .post-comments .post-new-comment, .tcm-component-intranet- .post-comments .post-new-comment { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-direction: row; background-color: #fafafa; margin-top: 1rem; margin-bottom: 2rem; border-radius: 3px; /*@media(min-width: $bootstrap-md-min) { padding: 1rem; }*/ } .tcm-component-intranet-post .post-comments .post-new-comment .tcm-component-intranet--link-1, .tcm-component-intranet- .post-comments .post-new-comment .tcm-component-intranet--link-1 { align-self: flex-start; flex-grow: 0; padding-top: .5rem; } .tcm-component-intranet-post .post-comments .post-new-comment .tcm-component-intranet--link-1-details, .tcm-component-intranet- .post-comments .post-new-comment .tcm-component-intranet--link-1-details { /*display: none;*/ } .tcm-component-intranet-post .post-comments .post-new-comment-content, .tcm-component-intranet- .post-comments .post-new-comment-content { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; align-items: flex-end; /*flex-grow: 1;*/ } .tcm-component-intranet-post .post-comments .post-new-comment-content [data-toggle="create-comment"], .tcm-component-intranet- .post-comments .post-new-comment-content [data-toggle="create-comment"] { display: block; margin-top: -3px; margin-left: auto; padding-right: 0; padding-bottom: 0; } .tcm-component-intranet-post .post-comments .post-new-comment-content p, .tcm-component-intranet- .post-comments .post-new-comment-content p { min-height: unset; background-color: unset; padding: unset; } .tcm-component-intranet-post .post-comments .post-new-comment-content .form-group, .tcm-component-intranet- .post-comments .post-new-comment-content .form-group { width: 100%; margin-bottom: 0; align-self: center; } .tcm-component-intranet-post .post-comments .post-comments-list, .tcm-component-intranet- .post-comments .post-comments-list { list-style-type: none; margin: 0; padding: 0; } .tcm-component-intranet-post .post-comments .post-comments-list > li, .tcm-component-intranet- .post-comments .post-comments-list > li { padding-top: 2rem; /*border-bottom: 1px solid #eee;*/ /*&:last-child { border-bottom: none; }*/ } .tcm-component-intranet-post .post-comments .post-comments-list > li:first-child, .tcm-component-intranet- .post-comments .post-comments-list > li:first-child { margin-top: 1rem; padding-top: 0; /*border-top: 1px solid #eee;*/ } .tcm-component-intranet-post .post-comments a:link[data-toggle="show-more-comments"], .tcm-component-intranet-post .post-comments a:visited[data-toggle="show-more-comments"], .tcm-component-intranet-post .post-comments a:active[data-toggle="show-more-comments"], .tcm-component-intranet-post .post-comments a:hover[data-toggle="show-more-comments"], .tcm-component-intranet- .post-comments a:link[data-toggle="show-more-comments"], .tcm-component-intranet- .post-comments a:visited[data-toggle="show-more-comments"], .tcm-component-intranet- .post-comments a:active[data-toggle="show-more-comments"], .tcm-component-intranet- .post-comments a:hover[data-toggle="show-more-comments"] { display: table; margin: 1rem auto; text-decoration: none !important; } .tcm-component-intranet-post .post-comments .post-new-comment-content, .tcm-component-intranet- .post-comments .post-new-comment-content { /*background-color: #FAFAFA;*/ padding: 0.5rem; border: 1px solid; border-radius: 0.5rem; } .tcm-component-intranet-post .post-comments .post-commentary, .tcm-component-intranet- .post-comments .post-commentary { /*border-top: none; border-bottom: none;*/ } .tcm-component-intranet-post .post-comments .post-commentary .commentary-box .post-body, .tcm-component-intranet- .post-comments .post-commentary .commentary-box .post-body { /*background-color: #FAFAFA;*/ padding: 0.5rem 1rem; border: 1px solid; border-radius: 0.5rem; margin-top: 0.5rem !important; } .tcm-component-intranet-post .post-comments .post-commentary .commentary-box .post-body :last-child, .tcm-component-intranet- .post-comments .post-commentary .commentary-box .post-body :last-child { margin-bottom: 0; } .tcm-component-intranet-post .post-comments .post-commentary .commentary-children, .tcm-component-intranet- .post-comments .post-commentary .commentary-children { margin-left: 1rem; } @media (min-width: 768px) { .tcm-component-intranet-post .post-comments .post-commentary .commentary-children, .tcm-component-intranet- .post-comments .post-commentary .commentary-children { margin-left: 2.5rem; } } .tcm-component-intranet-post .post-comments .post-commentary .commentary-children .commentary-box, .tcm-component-intranet- .post-comments .post-commentary .commentary-children .commentary-box { margin-top: 2rem; } .tcm-component-intranet-post .post-, .tcm-component-intranet- .post- { display: table; max-width: unset; } .tcm-component-intranet-post .post- ul, .tcm-component-intranet- .post- ul { margin: 0; padding: 0; list-style-type: none; } .tcm-component-intranet-post .post- li, .tcm-component-intranet- .post- li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; position: relative; } .tcm-component-intranet-post .post- li + li, .tcm-component-intranet- .post- li + li { margin-top: 1rem; } .tcm-component-intranet-post .post- li .post-reaction-status, .tcm-component-intranet- .post- li .post-reaction-status { position: absolute; top: 1.5rem; left: 1.5rem; } .tcm-component-intranet-post .post- .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-avatar, .tcm-component-intranet- .post- .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-avatar { width: 45px; height: 45px; } .tcm-component-intranet-post .post- .post-reaction-status, .tcm-component-intranet- .post- .post-reaction-status { margin-right: .5rem; } .tcm-component-intranet-post .post- .nav-link, .tcm-component-intranet- .post- .nav-link { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .tcm-component-intranet-post .post- .nav-link:not(:first-of-type), .tcm-component-intranet- .post- .nav-link:not(:first-of-type) { display: none; } @media (min-width: 768px) { .tcm-component-intranet-post .post- .nav-link:not(:first-of-type), .tcm-component-intranet- .post- .nav-link:not(:first-of-type) { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } } .tcm-component-intranet-post .post- .nav-link span + span, .tcm-component-intranet- .post- .nav-link span + span { margin-left: .5rem; } .tcm-component-intranet-post-edit-comment .modal-content { background-color: #fafafa; padding: .5rem; } @media (min-width: 768px) { .tcm-component-intranet-post-edit-comment .modal-content { padding: 1rem; } } .tcm-component-intranet-post-edit-comment .modal-header { padding: 0 0 1rem; border-bottom: none; } .tcm-component-intranet-post-edit-comment .modal-body { margin: 0; padding: 0; } .tcm-component-intranet-post-edit-comment .post-edit-comment { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .tcm-component-intranet-post-edit-comment .post-edit-comment .post-edit-comment-profile { align-self: flex-start; cursor: default; } .tcm-component-intranet-post-edit-comment .post-edit-comment .post-edit-comment-content { flex-grow: 1; } .tcm-component-intranet-post-edit-comment .post-edit-comment .post-edit-comment-content .form-group p { background-color: transparent; padding: 0; } .tcm-component-intranet-post-edit-comment .post-edit-comment .tcm-component-intranet--link-1-avatar { width: 35px; height: 35px; margin-right: 1rem; } .tcm-component-intranet-post-edit-comment .post-edit-comment button { float: right; padding: 0; } .form-intranet-community-create-post { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; width: 100%; } .-likedit { background-image: url("/Templates/img/intranet/ico-likedit.png"); } .-disliked { background-image: url("/Templates/img/intranet/ico-disliked.png"); } .-congrats { background-image: url("/Templates/img/intranet/ico-congrats.png"); } .-genius { background-image: url("/Templates/img/intranet/ico-genius.png"); } .-lovedit { background-image: url("/Templates/img/intranet/ico-lovedit.png"); } .-happy { background-image: url("/Templates/img/intranet/ico-happy.png"); } .-veryhappy { background-image: url("/Templates/img/intranet/ico-veryhappy.png"); } .-tongue { background-image: url("/Templates/img/intranet/ico-tongue.png"); } .-embarrassed { background-image: url("/Templates/img/intranet/ico-embarrassed.png"); } .-interesting { background-image: url("/Templates/img/intranet/ico-interesting.png"); } .-shocked { background-image: url("/Templates/img/intranet/ico-shocked.png"); } .-veryshocked { background-image: url("/Templates/img/intranet/ico-veryshocked.png"); } .-tired { background-image: url("/Templates/img/intranet/ico-tired.png"); } .-sad { background-image: url("/Templates/img/intranet/ico-sad.png"); } .-verysad { background-image: url("/Templates/img/intranet/ico-verysad.png"); } .-angry { background-image: url("/Templates/img/intranet/ico-angry.png"); } .-uau { background-image: url("/Templates/img/intranet/ico-uau.png"); } .-haha { background-image: url("/Templates/img/intranet/ico-haha.png"); } .tcm-component-intranet-post-list { margin-top: .5rem; } @media (min-width: 768px) { .tcm-component-intranet-post-list { margin-top: 1rem; } } .tcm-component-intranet-post-list .tcm-component-intranet-post-list-more-items { text-align: center; font-size: 3rem; margin: 3rem 0; } .tcm-component-intranet-post, .tcm-component-intranet- { margin-bottom: 1rem; padding: 15px; border-radius: 3px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); } @media (min-width: 768px) { .tcm-component-intranet-post, .tcm-component-intranet- { padding: 20px 20px 10px; } } .tcm-component-intranet-post .tcm-component-intranet--link-1, .tcm-component-intranet- .tcm-component-intranet--link-1 { display: inline-flex; align-self: flex-start; /*flex-grow: 1;*/ } .tcm-component-intranet-post .tcm-component-intranet--link-1[data-has-date="false"], .tcm-component-intranet- .tcm-component-intranet--link-1[data-has-date="false"] { align-self: center; } .tcm-component-intranet-post .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-avatar, .tcm-component-intranet- .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-avatar { width: 35px; height: 35px; margin: 0 .5rem 0 0; margin-bottom: 0; flex-shrink: 0; } .tcm-component-intranet-post .tcm-component-intranet--link-1 .tcm-component-intranet--1-avatar, .tcm-component-intranet- .tcm-component-intranet--link-1 .tcm-component-intranet--1-avatar { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; margin: 0 .5rem 0 0; margin-bottom: 0; flex-shrink: 0; } .tcm-component-intranet-post .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-details p, .tcm-component-intranet- .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-details p { font-size: 1rem; line-height: 1; margin-bottom: 0; } .tcm-component-intranet-post .post-header, .tcm-component-intranet- .post-header { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; align-items: flex-start; position: relative; } .tcm-component-intranet-post .post-header .tcm-component-intranet-post-tools, .tcm-component-intranet- .post-header .tcm-component-intranet-post-tools { margin-left: auto; padding-left: .5rem; order: 1; } .tcm-component-intranet-post .post-header .tcm-component-intranet-post-tools .post-btn, .tcm-component-intranet- .post-header .tcm-component-intranet-post-tools .post-btn { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; border: 1px solid !important; border-radius: 50%; padding: 0; font-size: .6rem; opacity: .5; } .tcm-component-intranet-post .post-header .tcm-component-intranet-post-tools .post-btn + .post-btn, .tcm-component-intranet- .post-header .tcm-component-intranet-post-tools .post-btn + .post-btn { margin-left: .5rem; font-size: .75rem; } .tcm-component-intranet-post .edited-badge, .tcm-component-intranet- .edited-badge { margin-left: auto; background-color: #ccc; } .tcm-component-intranet-post .edited-badge ~ .tcm-component-intranet-post-tools, .tcm-component-intranet- .edited-badge ~ .tcm-component-intranet-post-tools { margin-left: unset; } .tcm-component-intranet-post .post-body, .tcm-component-intranet- .post-body { margin-top: 1rem; } .tcm-component-intranet-post .post-body .post-text-show-more, .tcm-component-intranet- .post-body .post-text-show-more { margin-bottom: 0; } .tcm-component-intranet-post .post-body .post-text-show-more button, .tcm-component-intranet- .post-body .post-text-show-more button { font-size: .8rem; text-transform: lowercase; padding-right: 0; padding-left: 0; } .tcm-component-intranet-post .post-document-list, .tcm-component-intranet- .post-document-list { padding: 0; } .tcm-component-intranet-post .post-document-list .post-document-list-item, .tcm-component-intranet- .post-document-list .post-document-list-item { list-style-type: none; padding: 1rem; border-radius: 3px; } .tcm-component-intranet-post .post-document-list .post-document-list-item + .post-document-list-item, .tcm-component-intranet- .post-document-list .post-document-list-item + .post-document-list-item { margin-top: 1rem; } .tcm-component-intranet-post .post-document-list .post-document-list-item .post-document-list-item-link, .tcm-component-intranet- .post-document-list .post-document-list-item .post-document-list-item-link { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .tcm-component-intranet-post .post-document-list .post-document-list-item .post-document-list-item-icon, .tcm-component-intranet- .post-document-list .post-document-list-item .post-document-list-item-icon { font-size: 2rem; width: auto; margin-right: 1rem; } .tcm-component-intranet-post .post-document-list .post-document-list-item .post-document-list-item-link-text, .tcm-component-intranet- .post-document-list .post-document-list-item .post-document-list-item-link-text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-direction: column; align-items: flex-start; flex-grow: 1; line-height: 1.2; } .tcm-component-intranet-post .post-document-list .post-document-list-item .post-document-list-item-size, .tcm-component-intranet- .post-document-list .post-document-list-item .post-document-list-item-size { font-size: 0.9rem; } .tcm-component-intranet-post .post-document-list .post-document-list-item .post-document-list-item-size::before, .tcm-component-intranet- .post-document-list .post-document-list-item .post-document-list-item-size::before { content: '('; } .tcm-component-intranet-post .post-document-list .post-document-list-item .post-document-list-item-size::after, .tcm-component-intranet- .post-document-list .post-document-list-item .post-document-list-item-size::after { content: ')'; } .tcm-component-intranet-post .post-footer-buttons, .tcm-component-intranet-post .commentary-footer, .tcm-component-intranet- .post-footer-buttons, .tcm-component-intranet- .commentary-footer { white-space: nowrap; } .tcm-component-intranet-post .post-footer-buttons .btn, .tcm-component-intranet-post .commentary-footer .btn, .tcm-component-intranet- .post-footer-buttons .btn, .tcm-component-intranet- .commentary-footer .btn { display: inline-block; } .tcm-component-intranet-post .post-footer-buttons hr, .tcm-component-intranet-post .commentary-footer hr, .tcm-component-intranet- .post-footer-buttons hr, .tcm-component-intranet- .commentary-footer hr { margin-top: .5rem; margin-bottom: .5rem; } .tcm-component-intranet-post .post-footer-buttons .dropup, .tcm-component-intranet-post .commentary-footer .dropup, .tcm-component-intranet- .post-footer-buttons .dropup, .tcm-component-intranet- .commentary-footer .dropup { width: 50%; /*margin-right: .5rem;*/ /*@media(min-width: $bootstrap-lg-min) { width: auto; }*/ } .tcm-component-intranet-post .post-footer-buttons .dropup button, .tcm-component-intranet-post .commentary-footer .dropup button, .tcm-component-intranet- .post-footer-buttons .dropup button, .tcm-component-intranet- .commentary-footer .dropup button { width: 100%; text-align: center; padding: 0; border: none; z-index: 0; } .tcm-component-intranet-post .post-footer-buttons .dropup .dropup-wrapper, .tcm-component-intranet-post .commentary-footer .dropup .dropup-wrapper, .tcm-component-intranet- .post-footer-buttons .dropup .dropup-wrapper, .tcm-component-intranet- .commentary-footer .dropup .dropup-wrapper { position: absolute; width: 200%; left: 0; } @media (min-width: 768px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropup-wrapper, .tcm-component-intranet-post .commentary-footer .dropup .dropup-wrapper, .tcm-component-intranet- .post-footer-buttons .dropup .dropup-wrapper, .tcm-component-intranet- .commentary-footer .dropup .dropup-wrapper { position: absolute; width: 100%; } } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu { width: 100%; padding: .5rem; border-radius: .3rem; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); } @media (min-width: 768px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu { /*width: unset;*/ max-width: 240px; height: 0; right: 0; left: 0 !important; margin: auto; white-space: normal; transform: translate(0, -100%) !important; border-radius: 2rem; } } @media (min-width: 1200px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu { right: 0; left: 50% !important; transform: translate(-50%, -100%) !important; } } @media (min-width: 768px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu.show, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu.show, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu.show, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu.show { display: table; } } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; height: auto; position: relative; padding: .2rem 0; } @media (min-width: 768px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item { display: inline-block; width: 48px; height: 48px; padding: 0; margin: auto auto -4px auto; border-radius: 2rem; } } @media (min-width: 1200px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item { width: 55px; height: 55px; } @s (-ms-ime-align: auto) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item { width: 52px; height: 52px; } } } @media screen and (min-width: 1200px) and (-ms-high-contrast: active), (min-width: 1200px) and (-ms-high-contrast: none) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item { width: 52px; height: 52px; } } @media (min-width: 1200px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item:hover, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item:hover { background-color: transparent; } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover span[class^="-"], .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item:hover span[class^="-"], .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover span[class^="-"], .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item:hover span[class^="-"] { width: 3.5rem; height: 3.5rem; font-size: 2.5rem; } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover .label, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item:hover .label, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover .label, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item:hover .label { opacity: 1; } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover.active::before, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item:hover.active::before, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover.active::before, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item:hover.active::before { background-color: red; } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover.active::after, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item:hover.active::after, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover.active::after, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item:hover.active::after { content: '\f00d'; right: -.38rem; } } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::after, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item.active::after, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::after, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item.active::after { position: absolute; width: 1.25rem; height: 1.25rem; z-index: 1; } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item.active::before { content: ''; background-color: green; border-radius: 50%; right: 0; } @media (min-width: 768px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::before, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item.active::before { bottom: 0; } } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::after, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item.active::after, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::after, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item.active::after { content: '\f00c'; font-family: 'Font Awesome 5 Pro'; font-size: .75rem; font-weight: 900; color: #fff; right: -.25rem; } @media (min-width: 768px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::after, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item.active::after, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item.active::after, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item.active::after { bottom: -.15rem; } } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item .label, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item .label, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item .label, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item .label { margin-left: 1rem; font-size: 1.2rem; color: #fff; pointer-events: none; } @media (min-width: 768px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item .label, .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu .dropdown-item .label, .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item .label, .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu .dropdown-item .label { position: absolute; opacity: 0; left: 50%; transform: translateX(-50%); display: block; background-color: rgba(0, 0, 0, 0.8); color: #fff; font-size: .8rem; text-align: center; padding: .3rem .5rem; top: -2rem; margin-left: 0; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); border-radius: .3rem; transition: all ease-in-out 0.3s; z-index: 1; } } .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu span[class^="-"], .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu span[class^="-"], .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu span[class^="-"], .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu span[class^="-"] { background-position: center; background-size: cover; justify-content: center; width: 2rem; height: 2rem; } @media (min-width: 768px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu span[class^="-"], .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu span[class^="-"], .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu span[class^="-"], .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu span[class^="-"] { position: absolute; width: 2.5rem; height: 2.5rem; font-size: 2rem; top: 0; right: 0; bottom: 0; left: 0; margin: auto; /*border: 1px solid #FFF;*/ transition: all ease-in-out 0.3s; padding: 0; } } @media (min-width: 1200px) { .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu span[class^="-"], .tcm-component-intranet-post .commentary-footer .dropup .dropdown-menu span[class^="-"], .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu span[class^="-"], .tcm-component-intranet- .commentary-footer .dropup .dropdown-menu span[class^="-"] { width: 3rem; height: 3rem; } } .tcm-component-intranet-post .post-footer-buttons [data-toggle="show-comments"], .tcm-component-intranet-post .commentary-footer [data-toggle="show-comments"], .tcm-component-intranet- .post-footer-buttons [data-toggle="show-comments"], .tcm-component-intranet- .commentary-footer [data-toggle="show-comments"] { width: 50%; /*margin-left: .5rem;*/ text-align: center; padding: 0; border: none; /*@media(min-width: $bootstrap-lg-min) { width: auto; }*/ } .tcm-component-intranet-post .commentary-footer, .tcm-component-intranet- .commentary-footer { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; padding-top: .5rem; } .tcm-component-intranet-post .commentary-footer .btn-link, .tcm-component-intranet- .commentary-footer .btn-link { padding: 0; } .tcm-component-intranet-post .commentary-footer .btn-link:link, .tcm-component-intranet-post .commentary-footer .btn-link:visited, .tcm-component-intranet-post .commentary-footer .btn-link:active, .tcm-component-intranet-post .commentary-footer .btn-link:hover, .tcm-component-intranet-post .commentary-footer .btn-link:focus, .tcm-component-intranet- .commentary-footer .btn-link:link, .tcm-component-intranet- .commentary-footer .btn-link:visited, .tcm-component-intranet- .commentary-footer .btn-link:active, .tcm-component-intranet- .commentary-footer .btn-link:hover, .tcm-component-intranet- .commentary-footer .btn-link:focus { text-decoration: none !important; } .tcm-component-intranet-post .commentary-footer .dropup, .tcm-component-intranet- .commentary-footer .dropup { width: auto; margin-right: .5rem; margin-left: -9px; } .tcm-component-intranet-post .commentary-footer .dropup button, .tcm-component-intranet- .commentary-footer .dropup button { text-align: left; } .tcm-component-intranet-post .commentary-footer .dropup .dropup-wrapper, .tcm-component-intranet- .commentary-footer .dropup .dropup-wrapper { width: 240px; } .tcm-component-intranet-post .commentary-footer .dropdown-item.active, .tcm-component-intranet-post .commentary-footer .dropdown-item:active, .tcm-component-intranet- .commentary-footer .dropdown-item.active, .tcm-component-intranet- .commentary-footer .dropdown-item:active { background-color: transparent; } .tcm-component-intranet-post .commentary-footer .post-reaction-status, .tcm-component-intranet- .commentary-footer .post-reaction-status { margin-right: 0; } .tcm-component-intranet-post .commentary-footer .post-reaction-status .list-inline .list-inline-item, .tcm-component-intranet- .commentary-footer .post-reaction-status .list-inline .list-inline-item { margin-left: -1.2rem; } .tcm-component-intranet-post .post-status, .tcm-component-intranet- .post-status { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; justify-content: space-between; text-transform: lowercase; } .tcm-component-intranet-post .post-reaction-status, .tcm-component-intranet- .post-reaction-status { margin-right: 1rem; } .tcm-component-intranet-post .post-reaction-status .list-inline, .tcm-component-intranet- .post-reaction-status .list-inline { margin-bottom: 0; padding-left: 1rem; } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item { vertical-align: middle; margin-left: -1rem; } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item[data-toggle=-detail], .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item[data-toggle=comment--detail], .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item[data-toggle=-detail], .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item[data-toggle=comment--detail] { cursor: pointer; } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 1rem; height: 1rem; color: #fff; border: 2px solid #FFF; border-radius: 50%; } @media (min-width: 768px) { .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span { width: 1.5rem; height: 1.5rem; } } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span i, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span i { width: 100%; height: 100%; background-position: center; background-size: cover; font-weight: bold; } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-liked-it, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-liked-it { background-image: url("/Templates/img/intranet/ico-likedit.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-disliked, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-disliked { background-image: url("/Templates/img/intranet/ico-disliked.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-congrats, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-congrats { background-image: url("/Templates/img/intranet/ico-congrats.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-genius, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-genius { background-image: url("/Templates/img/intranet/ico-genius.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-loved-it, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-loved-it { background-image: url("/Templates/img/intranet/ico-lovedit.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-happy, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-happy { background-image: url("/Templates/img/intranet/ico-happy.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-very-happy, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-very-happy { background-image: url("/Templates/img/intranet/ico-veryhappy.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-tongue, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-tongue { background-image: url("/Templates/img/intranet/ico-tongue.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-embarrassed, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-embarrassed { background-image: url("/Templates/img/intranet/ico-embarrassed.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-interesting, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-interesting { background-image: url("/Templates/img/intranet/ico-interesting.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-shocked, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-shocked { background-image: url("/Templates/img/intranet/ico-shocked.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-very-shocked, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-very-shocked { background-image: url("/Templates/img/intranet/ico-veryshocked.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-tired, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-tired { background-image: url("/Templates/img/intranet/ico-tired.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-sad, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-sad { background-image: url("/Templates/img/intranet/ico-sad.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-very-sad, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-very-sad { background-image: url("/Templates/img/intranet/ico-verysad.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-angry, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-angry { background-image: url("/Templates/img/intranet/ico-angry.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-uau, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-uau { background-image: url("/Templates/img/intranet/ico-uau.png"); } .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span .icon-haha, .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span .icon-haha { background-image: url("/Templates/img/intranet/ico-haha.png"); } .tcm-component-intranet-post .mobile-hidden, .tcm-component-intranet- .mobile-hidden { display: none; } @media (min-width: 768px) { .tcm-component-intranet-post .mobile-hidden, .tcm-component-intranet- .mobile-hidden { display: inline-block; margin-left: -.5rem !important; font-size: .8rem; } } .tcm-component-intranet-post .mobile-visible, .tcm-component-intranet- .mobile-visible { margin-left: 0 !important; text-decoration: none !important; } @media (min-width: 768px) { .tcm-component-intranet-post .mobile-visible, .tcm-component-intranet- .mobile-visible { display: none; } } .tcm-component-intranet-post .post-comments hr, .tcm-component-intranet- .post-comments hr { margin-top: .5rem; } .tcm-component-intranet-post .post-comments .post-new-comment, .tcm-component-intranet- .post-comments .post-new-comment { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-direction: row; background-color: #fafafa; margin-top: 1rem; margin-bottom: 2rem; border-radius: 3px; /*@media(min-width: $bootstrap-md-min) { padding: 1rem; }*/ } .tcm-component-intranet-post .post-comments .post-new-comment .tcm-component-intranet--link-1, .tcm-component-intranet- .post-comments .post-new-comment .tcm-component-intranet--link-1 { align-self: flex-start; flex-grow: 0; padding-top: .5rem; } .tcm-component-intranet-post .post-comments .post-new-comment .tcm-component-intranet--link-1-details, .tcm-component-intranet- .post-comments .post-new-comment .tcm-component-intranet--link-1-details { /*display: none;*/ } .tcm-component-intranet-post .post-comments .post-new-comment-content, .tcm-component-intranet- .post-comments .post-new-comment-content { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; align-items: flex-end; /*flex-grow: 1;*/ } .tcm-component-intranet-post .post-comments .post-new-comment-content [data-toggle="create-comment"], .tcm-component-intranet- .post-comments .post-new-comment-content [data-toggle="create-comment"] { display: block; margin-top: -3px; margin-left: auto; padding-right: 0; padding-bottom: 0; } .tcm-component-intranet-post .post-comments .post-new-comment-content p, .tcm-component-intranet- .post-comments .post-new-comment-content p { min-height: unset; background-color: unset; padding: unset; } .tcm-component-intranet-post .post-comments .post-new-comment-content .form-group, .tcm-component-intranet- .post-comments .post-new-comment-content .form-group { width: 100%; margin-bottom: 0; align-self: center; } .tcm-component-intranet-post .post-comments .post-comments-list, .tcm-component-intranet- .post-comments .post-comments-list { list-style-type: none; margin: 0; padding: 0; } .tcm-component-intranet-post .post-comments .post-comments-list > li, .tcm-component-intranet- .post-comments .post-comments-list > li { padding-top: 2rem; /*border-bottom: 1px solid #eee;*/ /*&:last-child { border-bottom: none; }*/ } .tcm-component-intranet-post .post-comments .post-comments-list > li:first-child, .tcm-component-intranet- .post-comments .post-comments-list > li:first-child { margin-top: 1rem; padding-top: 0; /*border-top: 1px solid #eee;*/ } .tcm-component-intranet-post .post-comments a:link[data-toggle="show-more-comments"], .tcm-component-intranet-post .post-comments a:visited[data-toggle="show-more-comments"], .tcm-component-intranet-post .post-comments a:active[data-toggle="show-more-comments"], .tcm-component-intranet-post .post-comments a:hover[data-toggle="show-more-comments"], .tcm-component-intranet- .post-comments a:link[data-toggle="show-more-comments"], .tcm-component-intranet- .post-comments a:visited[data-toggle="show-more-comments"], .tcm-component-intranet- .post-comments a:active[data-toggle="show-more-comments"], .tcm-component-intranet- .post-comments a:hover[data-toggle="show-more-comments"] { display: table; margin: 1rem auto; text-decoration: none !important; } .tcm-component-intranet-post .post-comments .post-new-comment-content, .tcm-component-intranet- .post-comments .post-new-comment-content { /*background-color: #FAFAFA;*/ padding: 0.5rem; border: 1px solid; border-radius: 0.5rem; } .tcm-component-intranet-post .post-comments .post-commentary, .tcm-component-intranet- .post-comments .post-commentary { /*border-top: none; border-bottom: none;*/ } .tcm-component-intranet-post .post-comments .post-commentary .commentary-box .post-body, .tcm-component-intranet- .post-comments .post-commentary .commentary-box .post-body { /*background-color: #FAFAFA;*/ padding: 0.5rem 1rem; border: 1px solid; border-radius: 0.5rem; margin-top: 0.5rem !important; } .tcm-component-intranet-post .post-comments .post-commentary .commentary-box .post-body :last-child, .tcm-component-intranet- .post-comments .post-commentary .commentary-box .post-body :last-child { margin-bottom: 0; } .tcm-component-intranet-post .post-comments .post-commentary .commentary-children, .tcm-component-intranet- .post-comments .post-commentary .commentary-children { margin-left: 1rem; } @media (min-width: 768px) { .tcm-component-intranet-post .post-comments .post-commentary .commentary-children, .tcm-component-intranet- .post-comments .post-commentary .commentary-children { margin-left: 2.5rem; } } .tcm-component-intranet-post .post-comments .post-commentary .commentary-children .commentary-box, .tcm-component-intranet- .post-comments .post-commentary .commentary-children .commentary-box { margin-top: 2rem; } .tcm-component-intranet-post .post-, .tcm-component-intranet- .post- { display: table; max-width: unset; } .tcm-component-intranet-post .post- ul, .tcm-component-intranet- .post- ul { margin: 0; padding: 0; list-style-type: none; } .tcm-component-intranet-post .post- li, .tcm-component-intranet- .post- li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; position: relative; } .tcm-component-intranet-post .post- li + li, .tcm-component-intranet- .post- li + li { margin-top: 1rem; } .tcm-component-intranet-post .post- li .post-reaction-status, .tcm-component-intranet- .post- li .post-reaction-status { position: absolute; top: 1.5rem; left: 1.5rem; } .tcm-component-intranet-post .post- .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-avatar, .tcm-component-intranet- .post- .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-avatar { width: 45px; height: 45px; } .tcm-component-intranet-post .post- .post-reaction-status, .tcm-component-intranet- .post- .post-reaction-status { margin-right: .5rem; } .tcm-component-intranet-post .post- .nav-link, .tcm-component-intranet- .post- .nav-link { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .tcm-component-intranet-post .post- .nav-link:not(:first-of-type), .tcm-component-intranet- .post- .nav-link:not(:first-of-type) { display: none; } @media (min-width: 768px) { .tcm-component-intranet-post .post- .nav-link:not(:first-of-type), .tcm-component-intranet- .post- .nav-link:not(:first-of-type) { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } } .tcm-component-intranet-post .post- .nav-link span + span, .tcm-component-intranet- .post- .nav-link span + span { margin-left: .5rem; } .tcm-component-intranet-post-edit-comment .modal-content { background-color: #fafafa; padding: .5rem; } @media (min-width: 768px) { .tcm-component-intranet-post-edit-comment .modal-content { padding: 1rem; } } .tcm-component-intranet-post-edit-comment .modal-header { padding: 0 0 1rem; border-bottom: none; } .tcm-component-intranet-post-edit-comment .modal-body { margin: 0; padding: 0; } .tcm-component-intranet-post-edit-comment .post-edit-comment { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .tcm-component-intranet-post-edit-comment .post-edit-comment .post-edit-comment-profile { align-self: flex-start; cursor: default; } .tcm-component-intranet-post-edit-comment .post-edit-comment .post-edit-comment-content { flex-grow: 1; } .tcm-component-intranet-post-edit-comment .post-edit-comment .post-edit-comment-content .form-group p { background-color: transparent; padding: 0; } .tcm-component-intranet-post-edit-comment .post-edit-comment .tcm-component-intranet--link-1-avatar { width: 35px; height: 35px; margin-right: 1rem; } .tcm-component-intranet-post-edit-comment .post-edit-comment button { float: right; padding: 0; } .form-intranet-community-create-post { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; width: 100%; } .-likedit { background-image: url("/Templates/img/intranet/ico-likedit.png"); } .-disliked { background-image: url("/Templates/img/intranet/ico-disliked.png"); } .-congrats { background-image: url("/Templates/img/intranet/ico-congrats.png"); } .-genius { background-image: url("/Templates/img/intranet/ico-genius.png"); } .-lovedit { background-image: url("/Templates/img/intranet/ico-lovedit.png"); } .-happy { background-image: url("/Templates/img/intranet/ico-happy.png"); } .-veryhappy { background-image: url("/Templates/img/intranet/ico-veryhappy.png"); } .-tongue { background-image: url("/Templates/img/intranet/ico-tongue.png"); } .-embarrassed { background-image: url("/Templates/img/intranet/ico-embarrassed.png"); } .-interesting { background-image: url("/Templates/img/intranet/ico-interesting.png"); } .-shocked { background-image: url("/Templates/img/intranet/ico-shocked.png"); } .-veryshocked { background-image: url("/Templates/img/intranet/ico-veryshocked.png"); } .-tired { background-image: url("/Templates/img/intranet/ico-tired.png"); } .-sad { background-image: url("/Templates/img/intranet/ico-sad.png"); } .-verysad { background-image: url("/Templates/img/intranet/ico-verysad.png"); } .-angry { background-image: url("/Templates/img/intranet/ico-angry.png"); } .-uau { background-image: url("/Templates/img/intranet/ico-uau.png"); } .-haha { background-image: url("/Templates/img/intranet/ico-haha.png"); } .tcm-component-intranet-poll-box-1 { position: relative; } .tcm-component-intranet-poll-box-1.loading .loading-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .tcm-component-intranet-poll-box-1 ul { margin: 0; padding: 0; } .tcm-component-intranet-poll-box-1 ul li { list-style-type: none; } .tcm-component-intranet-poll-box-1 .tcm-component-intranet-poll-box-1-remarks { font-size: 0.8rem; font-weight: bold; font-style: italic; } .tcm-component-intranet-poll-box-1 .tcm-component-intranet-poll-box-1-option label { font-size: 1rem; line-height: 1.3; position: relative; padding-left: 1.5rem; cursor: pointer; } .tcm-component-intranet-poll-box-1 .tcm-component-intranet-poll-box-1-option input[type=radio]:disabled + label { opacity: .5; cursor: default; } .tcm-component-intranet-poll-box-1 input[type=radio] { position: absolute; top: auto; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; white-space: nowrap; } .tcm-component-intranet-poll-box-1 input[type=radio] + label:before { content: ''; position: absolute; top: .2rem; left: 0; width: 1rem; height: 1rem; cursor: pointer; border: .1rem solid #666; transition: all .1s ease-out; } .tcm-component-intranet-poll-box-1 input[type=radio] + label:before { border-radius: 100%; } .tcm-component-intranet-poll-box-1 input[type=radio]:checked + label:before { background-color: #00f; box-shadow: inset 0 0 0 0.15em rgba(255, 255, 255, 0.95); } .tcm-component-intranet-poll-box-1 .tcm-component-intranet-poll-box-1-buttons { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-direction: row; margin-top: 1rem; } .tcm-component-intranet-poll-box-1 .tcm-component-intranet-poll-box-1-buttons .btn { margin-right: .5rem; } .tcm-component-intranet-poll-box-1 .tcm-component-intranet-poll-box-1-buttons .btn:last-child { margin-right: 0; } .tcm-component-intranet-poll-box-1 .tcm-component-intranet-poll-box-1-tab-results li { margin-bottom: .5rem; } .tcm-component-intranet-poll-box-1 .tcm-component-intranet-poll-box-1-tab-results li p { line-height: 1.3; margin-bottom: 0; } .tcm-component-intranet-poll-box-1 .tcm-component-intranet-poll-box-1-tab-results li p span:first-child { font-weight: bold; padding-right: .3rem; } .tcm-component-intranet-poll-box-1 .tcm-component-intranet-poll-box-1-tab-results li > span { position: relative; display: inline-block; width: 100%; height: 1rem; background-color: #eee; z-index: 0; opacity: .5; border-radius: 3px; overflow: hidden; } .tcm-component-intranet-poll-box-1 .tcm-component-intranet-poll-box-1-tab-results li > span span { position: absolute; top: 0; left: 0; height: 100%; background-color: gray; z-index: 1; } .tcm-component-intranet-poll-box-1 .loading-container { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .tcm-component-intranet-poll-box-1 .loading-container::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); } .tcm-component-intranet-poll-box-1 .loading-container i { display: block; margin: auto; font-size: 2rem; } .intranet-search-container .intranet-search-result { margin: 0; padding: 0; } .intranet-search-container .intranet-search-result li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; align-items: flex-start; list-style-type: none; padding: 1rem 0; border-top: 1px solid #eee; } .intranet-search-container .intranet-search-result li:last-child { border-bottom: 1px solid #eee; } .intranet-search-container .intranet-search-result h2 { font-size: 1rem; } .intranet-search-container .intranet-search-result h3 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; align-items: flex-start; font-size: 1.2rem; margin-bottom: 0; } .intranet-search-container .intranet-search-result h3 i { min-width: 2rem; width: 2rem; margin-top: 4px; margin-right: 1rem; } .intranet-search-container .intranet-search-result h3 span { font-weight: 600; margin-bottom: .5rem; } .intranet-search-container .intranet-search-result hr { margin: .5rem 0; } .intranet-search-container .intranet-search-result p { margin-bottom: 0; /*margin-left: 3rem;*/ } .intranet-search-container .intranet-search-result p i { margin-right: .5rem; } .intranet-search-container .intranet-search-result p.datetime { font-size: 80%; font-style: italic; opacity: 0.8; margin-top: -.5rem; margin-bottom: .5rem; } .intranet-search-container .intranet-search-result p.location { font-size: 80%; opacity: 0.8; margin-top: .5rem; } .intranet-search-container .intranet-search-result p.location i { margin-left: .5rem; } .intranet-search-container .intranet-search-result p.location a { text-decoration: underline; } .intranet-search-container .intranet-search-result p.-detail { font-size: 80%; } .intranet-search-container .intranet-search-result .intranet-search-box-icon { width: 3rem; } .intranet-search-container .intranet-search-result .intranet-search-box-icon i { width: 2rem; margin-right: 1rem; } .intranet-search-container .intranet-search-result .tcm-component-intranet--link-1 { width: 3rem; cursor: default; } .intranet-search-container .intranet-search-result .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-avatar { min-width: 2rem; min-height: 2rem; width: 2rem; height: 2rem; margin-top: 0; margin-left: 0; } .intranet-search-container .search-sort { align-items: flex-end; } .intranet-search-container .search-sort .search-sort-dropdown { margin-bottom: 1rem; } @media (min-width: 1200px) { .intranet-search-container .search-sort .search-sort-dropdown { margin-left: auto; } } .intranet-search-filter .list-group-item { background-color: transparent; padding: 0 0 0 2rem; border: none; } .intranet-search-filter .list-group-item + .list-group-item { padding-top: 1rem; } .intranet-search-filter .list-group-item a::before { content: '\f45c'; font-family: 'Font Awesome 5 Pro'; position: absolute; left: 0; } .intranet-search-filter .list-group-item.active a::before { content: '\f14a'; font-size: 1.2rem; } .tcm-component-intranet-widget-banner-1 { padding: 0 !important; } .tcm-component-intranet-widget-banner-1 .tcm-component-card-1 { height: 240px !important; } .tcm-component-intranet-widget-banner-1 .tcm-component-card-1 a::before { content: none !important; } .tcm-component-intranet-widget-banner-1 .tcm-component-card-1 .tcm-component-card-1-link:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tcm-component-intranet-widget-banner-1 .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-info .tcm-component-card-1-title { font-size: 1.2rem; } .tcm-component-intranet-widget-poll-1 .slick-list { transition: all ease-in-out 0.5s; } .tcm-component-intranet-widget-poll-1 .slick-arrow { width: unset; height: unset; top: 1rem; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .tcm-component-intranet-widget-poll-1 .slick-arrow::before { font-family: 'Font Awesome 5 Pro'; font-weight: 400; line-height: 1; } .tcm-component-intranet-widget-poll-1 .slick-prev { left: calc(50% - 1rem); z-index: 1; } .tcm-component-intranet-widget-poll-1 .slick-prev::before { content: '\f104'; } .tcm-component-intranet-widget-poll-1 .slick-next { right: calc(50% - 1rem); } .tcm-component-intranet-widget-poll-1 .slick-next::before { content: '\f105'; } .tcm-component-intranet-community-list-1 .component-communities-list-widget { margin: 0 0 1rem; padding: 0; } .tcm-component-intranet-community-list-1 .component-communities-list-widget li { list-style-type: none; } .tcm-component-intranet-community-list-1 .component-communities-list-widget li + li { margin-top: .5rem; } .tcm-component-intranet-community-list-1 .component-communities-list-widget li i { font-size: .8rem; margin-right: .5rem; } .tcm-component-intranet-community-list-1 .tcm-component-intranet-widget-community-list-1-title { padding: 0 1.2rem; } .tcm-component-intranet-community-list-1 .component-communities-list-empty { text-align: center; } .tcm-component-intranet-favorite-links-1 .component-favorite-links-list-widget { margin: 0 0 1rem; padding: 0; } .tcm-component-intranet-favorite-links-1 .component-favorite-links-list-widget li { list-style-type: none; } .tcm-component-intranet-favorite-links-1 .component-favorite-links-list-widget li + li { margin-top: .5rem; } .tcm-component-intranet-favorite-links-1 .component-favorite-links-list-widget li i { font-size: .8rem; margin-right: .5rem; } .tcm-component-intranet-favorite-links-1 .tcm-component-intranet-widget-favorite-links-1-title { padding: 0 1.2rem; } .tcm-component-intranet-favorite-links-1 .component-favorite-links-empty { text-align: center; } .tcm-component-intranet-favorite-links-1 .component-favorite-links-list-widget-manage-btn { margin-left: 1px !important; } .tcm-component-intranet-favorite-links-list-modal .component-favorite-links-empty { text-align: center; font-style: italic; position: relative; top: -1rem; } .component-favorite-links-table-modal { cursor: grab; } .component-favorite-links-table-modal.table td { border: none; } .component-favorite-links-table-modal tr { display: block; } @media (min-width: 768px) { .component-favorite-links-table-modal tr { display: table-row; } } .component-favorite-links-table-modal tr + tr { margin-top: 1rem; } @media (min-width: 768px) { .component-favorite-links-table-modal tr + tr { margin-top: 0; } } .component-favorite-links-table-modal tr td:last-child, .component-favorite-links-table-modal tr td:nth-last-child(2) { cursor: pointer; padding: 0; } @media (min-width: 768px) { .component-favorite-links-table-modal tr td:last-child, .component-favorite-links-table-modal tr td:nth-last-child(2) { padding: .5rem; } } .component-favorite-links-table-modal .component-favorite-links-table-modal-name { display: block; width: 100%; padding: 0; } @media (min-width: 768px) { .component-favorite-links-table-modal .component-favorite-links-table-modal-name { display: table-cell; width: 30%; padding: .5rem; } } .component-favorite-links-table-modal .component-favorite-links-table-modal-url { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; display: block; width: 100%; padding: 0; } @media (min-width: 768px) { .component-favorite-links-table-modal .component-favorite-links-table-modal-url { display: table-cell; width: 70%; padding: .5rem; } } .tcm-intranet-button-favorite-link-save { float: right; } .tcm-component-intranet-birthdays-1 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; align-items: flex-start; margin: 0; padding: 0; flex-wrap: wrap; margin: -.5rem; } .tcm-component-intranet-birthdays-1 li { list-style-type: none; width: calc((100% - 2rem)/2); text-align: center; font-size: .75rem; line-height: 1; flex-grow: 0; margin: .5rem; overflow: hidden; } .tcm-component-intranet-birthdays-1 li span { display: inline-block; font-weight: bold; margin: .25rem 0; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .tcm-component-intranet-birthdays-1 .tcm-component-intranet--link-1 { align-items: stretch; } } .tcm-component-intranet-birthdays-1 .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-avatar { font-size: 2rem; } .tcm-component-intranet-birthdays-1 .tcm-component-intranet-birthdays-1-more a { width: 70px; height: 70px; background-color: #eee; margin: auto; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; } .tcm-component-intranet-birthdays-1 .tcm-component-intranet-birthdays-1-more p { margin-top: .5rem; margin-bottom: 0; } .tcm-component-intranet-s-1 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; align-items: flex-start; margin: 0; padding: 0; flex-wrap: wrap; margin-right: -.5rem; margin-left: -.5rem; } .tcm-component-intranet-s-1 li { list-style-type: none; width: calc((100% - 2rem)/2); text-align: center; font-size: .75rem; line-height: 1; flex-grow: 0; margin-right: .5rem; margin-left: .5rem; overflow: hidden; } .tcm-component-intranet-s-1 li p { margin-top: .25rem; } .tcm-component-intranet-s-1 .tcm-component-intranet--link-1-details { margin-bottom: 1rem; } .tcm-component-intranet--link-1-avatar { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .tcm-component-intranet--link-1 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .tcm-component-intranet--link-1[data-popup="true"] { cursor: pointer; } .tcm-component-intranet--link-1.tcm-component-intranet--link-1-vertical { flex-direction: column; } .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-avatar { width: 70px; height: 70px; position: relative; background-position: center; background-size: cover; background-color: #eee; margin: auto; border-radius: 50%; font-size: 1rem; overflow: hidden; } .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-avatar::before { opacity: .5; } .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-details small { opacity: .3; } .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-details .tcm-component-intranet--link-1-birthday { font-size: .8rem; font-weight: bold; /*margin: .25rem 0;*/ margin-top: .25rem; margin-bottom: 0; } .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-details .tcm-component-intranet--link-1-fullname { font-size: .8rem; line-height: 1.3; /*margin-top: .25rem;*/ margin-bottom: 0; } .tcm-component-intranet--link-1.tcm-component-intranet--link-1-birthday-today { position: relative; } .tcm-component-intranet--link-1.tcm-component-intranet--link-1-birthday-today::before { content: ''; position: absolute; top: 40px; right: 10px; background: red; border-radius: 50%; height: 35px; width: 35px; font-size: 1rem; padding: .5rem; color: white; display: flex; justify-content: center; align-items: center; z-index: 1; } .tcm-component-intranet--link-1.tcm-component-intranet--link-1-birthday-today::after { content: '\f1fd'; position: absolute; top: 52px; right: 22px; z-index: 1; font-family: 'Font Awesome 5 Pro'; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .tcm-component-intranet-tool-search .tool-search form { width: 100%; display: flex; align-items: center; } .tcm-component-intranet-tool-search .tool-search i { font-size: 30px; margin-right: 10px; } .tcm-component-intranet-tool-search .tool-search .tool-search-bar { width: 100%; height: 40px; border: none; border-bottom: 1px solid #999; font-size: 24px; } .tcm-component-intranet-tool-search .tool-search .tool-search-result { padding: 20px 0 0; margin: 25px 0 0; border-top: 1px solid #999; list-style: none; display: none; } .tcm-component-intranet-tool-search .tool-search .tool-search-result.active { display: block; } .tcm-component-intranet-tool-search .tool-search .tool-search-result .search-item a { display: flex; align-items: center; color: #292b2c; } .tcm-component-intranet-tool-search .tool-search .tool-search-result .search-item a:hover { text-decoration: none; } .tcm-component-intranet-tool-search .tool-search .tool-search-result .search-item + .search-item { margin-top: 15px; } .tcm-component-intranet-tool-search .tool-search .tool-search-result .search-item i { font-size: 16px; color: #000; } .tcm-component-intranet-tool-search .tool-search .tool-search-result .search-item img { background-color: #ddd; } .tcm-component-intranet-tool-search .tool-search .tool-search-result .search-item .search-icon { display: flex; justify-content: center; align-items: center; min-width: 32px; height: 32px; border-radius: 50%; margin-right: 7px; } .tcm-component-intranet-tool-search .tool-search .tool-search-result .search-item .search-info { padding-left: 7px; border-left: 2px solid #000; } .tcm-component-intranet-tool-search .tool-search .tool-search-result .search-item .search-title { font-size: 18px; margin-bottom: 2px; } .tcm-component-intranet-tool-search .tool-search .tool-search-result .search-item .search-text { font-size: 13px; margin: 0; } .tcm-component-intranet-tool-search .tool-search .tool-search-result .search-item .search-text i { font-size: 13px; margin: 0; min-width: 15px; color: #292b2c; background-color: transparent; } .intranet-detail- { margin-bottom: 1rem; } .intranet-detail- .nav-link { font-weight: 500; } .intranet-detail- .badge-primary { width: 20px; height: 20px; display: inline-block; line-height: 1.2; background-color: red; border-radius: 50%; padding: 3px; } .tcm-component-intranet-widget-calendar-1 { /*transition: all ease-in-out 0.3s; height: 321px;*/ } .tcm-component-intranet-widget-calendar-1 .tcm-component-intranet-widget-calendar-1-inner { overflow: hidden; } .tcm-component-intranet-widget-calendar-1 .tcm-component-intranet-widget-calendar-1-title { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; } .tcm-component-intranet-widget-calendar-1 .tcm-component-intranet-widget-calendar-1-title a { margin-bottom: 1.4rem; } .tcm-component-intranet-widget-calendar-1 .tcm-component-intranet-widget-calendar-1-title a.tcm-component-intranet-widget-calendar-1-disabled { opacity: .25; pointer-events: none; } .tcm-component-intranet-widget-calendar-1 ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-wrap: wrap; margin: 0; padding: 0; list-style-type: none; } .tcm-component-intranet-widget-calendar-1 ul.tcm-component-intranet-widget-calendar-1-weekdays { font-weight: bold; margin-bottom: 1rem; } .tcm-component-intranet-widget-calendar-1 ul.tcm-component-intranet-widget-calendar-1-monthdays li { width: calc((100% / 7) - .2rem); padding: .3rem; margin: .1rem; cursor: pointer; } .tcm-component-intranet-widget-calendar-1 ul li { position: relative; width: 14.2%; font-size: 80%; text-align: center; } .tcm-component-intranet-widget-calendar-1 ul li.tcm-component-intranet-widget-calendar-1-other-month { opacity: .3; } .tcm-component-intranet-widget-calendar-1 ul li.tcm-component-intranet-widget-calendar-1-today { background-color: aqua; border-radius: 50%; } .tcm-component-intranet-widget-calendar-1 ul li.tcm-component-intranet-widget-calendar-1-selected-day { background-color: bisque; border-radius: 50%; } .tcm-component-intranet-widget-calendar-1 ul li.tcm-component-intranet-widget-calendar-1-event-day { cursor: pointer; } .tcm-component-intranet-widget-calendar-1 ul li.tcm-component-intranet-widget-calendar-1-event-day::before { content: ''; width: .3rem; height: .3rem; border-radius: 50%; position: absolute; top: 85%; right: 0; left: 0; margin: auto; background-color: aquamarine; } .tcm-component-intranet-widget-calendar-1 .tcm-component-intranet-widget-calendar-1-details { margin-top: 1rem; } .tcm-component-intranet-widget-calendar-1 .tcm-component-intranet-widget-calendar-1-event { padding: .5rem; border-top: 1px solid #333; /*animation: slide-up 1s ease;*/ } .tcm-component-intranet-widget-calendar-1 .tcm-component-intranet-widget-calendar-1-event:last-of-type { padding-bottom: 0; } .tcm-component-intranet-widget-calendar-1 .tcm-component-intranet-widget-calendar-1-event .tcm-component-intranet-widget-calendar-1-event-title { font-size: 1rem; } .tcm-component-intranet-widget-calendar-1 .tcm-component-intranet-widget-calendar-1-event .tcm-component-intranet-widget-calendar-1-event-text { font-size: .8rem; margin-bottom: 0; } @keyframes slide-up { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .tcm-component--input-hidden { flex-direction: row !important; } .tcm-component--input-group { flex-wrap: nowrap; flex-direction: row !important; } .tcm-component--input-group label { display: flex; align-items: center; } .tcm-component--input-group label.btn { margin-bottom: 0; } .tcm-component--input-group label.form-control span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit--select: none; -select: none; } .tcm-component--input-group label.form-control.placeholder { font-style: italic; } .tcm-component--input-group .input-group-append label { margin-right: 2px; margin-left: 2px; } .tcm-component-multiple- .tcm-component--input-group { padding: 0; } .tcm-component-multiple- .tcm-component-multiple--list { margin: 0; } .tcm-component-multiple- .tcm-component-multiple--list .btn-remove-list-input { margin-left: 1rem; } .tcm-component-multiple- .tcm-component-multiple--list.has-file { padding: .375rem .75rem !important; } .tcm-component-multiple- .tcm-component-multiple--list.has-file + .tcm-component-multiple--add { padding: .375rem .75rem; } .tcm-component-multiple- .tcm-component-multiple--list.has-file li { position: relative; padding-right: 1rem; } .tcm-component-multiple- .tcm-component-multiple--list.has-file li + li { border-top: 2px solid #666; padding: .375rem 1rem 0 0; } .tcm-component-multiple- .tcm-component-multiple--list.has-file li a { position: absolute; top: .375rem; right: 0; } .tcm-component-multiple- .tcm-component-multiple--add { text-align: right; } .tcm-component-multiple- .tcm-component-multiple--add .btn.add { display: inline-block; margin-bottom: 0; } .tcm-component--list { margin: 0; padding: 0; } .tcm-component--list.no-files { display: none; } .tcm-component--list .tcm-component--list-item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; list-style: none; } .tcm-component--list .tcm-component--list-item .tcm-component--list-item-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-grow: 1; } .tcm-component--list + .tcm-component--list-btn { margin-top: 0.5rem; } .tcm-component--list + .tcm-component--list-btn i { margin-right: 0.25rem; margin-left: 0.25rem; } .tcm-component--list + .tcm-component--list-btn span { margin-right: 0.25rem; margin-left: 0.25rem; } .tcm-component--list + .tcm-component--list-btn + .tcm-component--list-input-file { display: none !important; } .tcm-component--manager-active { overflow: hidden; } .tcm-component--manager { background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100000; } .tcm-component--manager .tcm-component--manager-inner { position: absolute; right: 1rem; bottom: 1rem; left: 1rem; padding: 1rem .5rem 1rem 1rem; background-color: #FFF; } @media (min-width: 768px) { .tcm-component--manager .tcm-component--manager-inner { width: 25rem; left: unset; } } .tcm-component--manager .tcm-component--manager-inner ul { height: 15rem; padding: 1rem 0; margin: 0; } .tcm-component--manager .tcm-component--manager-inner ul .mCSB_inside > .mCSB_container { margin-right: 20px; } .tcm-component--manager .tcm-component--manager-inner ul li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; list-style: none; padding: .5rem 0; flex-wrap: wrap; } .tcm-component--manager .tcm-component--manager-inner ul li + li { border-top: 1px solid #eee; } .tcm-component--manager .tcm-component--manager-inner ul li span { display: inline-block; width: calc(100% - 1rem); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: .5rem; } .tcm-component--manager .tcm-component--manager-inner ul li .item-ing { display: none; } .tcm-component--manager .tcm-component--manager-inner ul li i { float: right; line-height: 1.6; width: 1rem; } .tcm-component--manager .tcm-component--manager-inner ul li .item-error-description { display: block; color: #CCC; width: 100%; } .tcm-component--manager .tcm-component--manager-inner ul li.completed .item-completed { color: #0A0; } .tcm-component--manager .tcm-component--manager-inner ul li.error .item-completed { color: #A00; } .tcm-component--manager .tcm-component--manager-inner ul li.ing .item-completed { display: none; } .tcm-component--manager .tcm-component--manager-inner ul li.ing .item-ing { display: inline-block; } .tcm-component--manager .tcm-component--manager-buttons { text-align: right; padding-right: .5rem; } .tcm-component--manager .tcm-component--manager-buttons .btn { display: inline; } .tcm-component--manager .tcm-component--manager-buttons .btn-confirm { margin-right: 1rem; } .tcm-component-zipcode-search-group .input-group-append .btn + .btn { border-left: 1px solid #FFF; } .tcm-component-zipcode-search-modal .field-validation-error { color: #FF0000; font-size: 0.85rem; font-style: italic; } .tcm-component--form-auto-layout-1 .form-control-plaintext { font-weight: bold; } .tcm-component--form-auto-layout-1 .tcm-cfal-has-required-field-text { margin-top: 2rem; } .tcm-component-ie-warning { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; align-content: center; z-index: 9999999; } .tcm-component-ie-warning .tcm-component-ie-warning-content { display: block; max-width: 600px; margin: auto; padding: 2rem; background-color: #FFF; } .tcm-component-ie-warning .tcm-component-ie-warning-content .browser-item a { text-decoration: none; } .tcm-component-ie-warning .tcm-component-ie-warning-content .browser-item .browser-name { font-weight: bold; } .tcm-component-page-block-partial { font-size: initial; } /*Modules*/ .catalog-category-tree ul { padding: 0; } .catalog-category-tree ul li { list-style: none; } .catalog-category-tree ul ul { margin-left: 1rem; } .catalog-product-title small { font-size: 0.3em; display: block; margin: 2px 4px; } .basket { font-size: 0.8em; margin-bottom: 2rem; } .basket .row .col-12 { margin-bottom: 0.5rem; margin-top: 0.5rem; } .basket .basket-header { display: none; } @media (min-width: 768px) { .basket .basket-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-weight: bold; font-size: 1.2em; } } .basket .product-quantity { text-align: center; } .basket .product-quantity .input-group { font-size: 0.8em; } .basket .col-quantity-label { text-align: center; } .basket .col-image { text-align: center; } .basket .col-name { text-align: center; } .basket .col-price, .basket .col-price-label { text-align: right; } .basket .col-price .old-price, .basket .col-price-label .old-price { display: block; text-decoration: line-through; color: #808080; } .basket .col-total, .basket .col-total-label { text-align: right; } @media (min-width: 768px) { .basket label { display: none; } .basket label.form-check-label { display: block; } } .basket .basket-footer { font-size: 1.8em; font-weight: bold; text-align: right; } .basket .basket-footer label { display: inline-block; } .navbar-nav-basket { margin-left: 1em; } .navbar-nav-basket .dropdown-item-product, .navbar-nav-basket .dropdown-item-text { display: block; width: 500px; padding: 3px 1.5rem; clear: both; font-weight: 400; color: #292b2c; text-align: inherit; white-space: normal; background: 0 0; border: 0; } .navbar-nav-basket .dropdown-item-product { /*padding-top: 0.5em; padding-bottom: 0.5em;*/ } .navbar-nav-basket .product-image { /*max-width: 200px;*/ } .navbar-nav-basket .product-name { font-size: 0.9em; } .navbar-nav-basket .basket-total { text-align: right; } .navbar-nav-basket .basket-total .basket-total-value { font-size: 1.3em; font-weight: bold; } .navbar-nav-basket .link-to-basket { margin: 1em auto; display: block; width: 200px; } .checkout .step { background-color: #EEE; border: 2px solid #DDD; height: 100%; padding: 1em; } .checkout .step.step-1 { margin-right: 0.75em; } .checkout .step.step-2 { margin-left: 0.375em; margin-right: 0.375em; } .checkout .step.step-3 { margin-left: 0.75em; } .checkout .step h2 { font-size: 1.2em; margin-bottom: 1em; } .checkout > .row > .col-12 { margin-bottom: 1.5em; } .tcm-module-intranet-body { padding: 0; background-color: #666; /*font-size: 62.5%; // 1rem = 10px*/ } .tcm-module-intranet-body h1 { font-size: 2.2rem; } .tcm-module-intranet-body h2 { font-size: 2rem; } .tcm-module-intranet-body h3 { font-size: 1.8rem; } .tcm-module-intranet-body h4 { font-size: 1.6rem; } .tcm-module-intranet-body h5 { font-size: 1.4rem; } .tcm-module-intranet-body h6 { font-size: 1.2rem; } .tcm-module-intranet-body p { font-size: 1rem; } .tcm-module-intranet-body *:focus { box-shadow: none !important; outline: none !important; } .tcm-module-intranet-body .overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; z-index: -2; opacity: 0; pointer-events: none; transition: all ease-in-out 0.3s; } .tcm-module-intranet-body .overlay.active { opacity: .5; z-index: 2; } .tcm-module-intranet-body .ui-widget { font-family: inherit; } .tcm-module-intranet-body .tcm-component--input-group .form-control { width: 0; } .tcm-module-intranet-body .tcm-api-messagebox .tcm-api-messagebox-buttons { margin-right: 0; margin-left: auto; display: table; } .tcm-module-intranet-body .tcm-api-messagebox .tcm-api-messagebox-buttons .btn { display: inline-block; } .tcm-module-intranet-body .tcm-component-carddeck-2 { margin-right: 0; margin-left: 0; } .tcm-module-intranet-body .intranet-top-bar { background-color: #666; } .tcm-module-intranet-body .intranet-top-bar .menu { background-color: #666; } .tcm-module-intranet-body .intranet-top-bar .btn { background-color: #666; } .tcm-module-intranet-body .intranet-top-bar .btn.active { background-color: #2b6ace; } .tcm-module-intranet-body .intranet-menu-container { background-color: #2b6ace; } .tcm-module-intranet-body .attached .intranet-menu-container { position: fixed; top: 60px; } .tcm-module-intranet-body .attached .intranet-menu-container.menu-announcement, .tcm-module-intranet-body .attached .intranet-menu-container.menu-alerts { position: absolute; } .tcm-module-intranet-body .attached .intranet-menu-container.menu-tools { height: calc(100vh - 60px) !important; } .tcm-module-intranet-body .attached .intranet-top-bar .menu { position: fixed; top: 0; left: 0; right: 0; z-index: 4; } .tcm-module-intranet-body .attached .intranet-top-bar .intranet-top-bar-inner .intranet-header .intranet-search-item { top: 60px; z-index: 5; } .tcm-module-intranet-body .attached .intranet-toolbar .intranet-toolbar-inner { height: calc(100vh - 80px); } .tcm-module-intranet-body .breadcrumb { margin: 0; font-size: 10px; } .tcm-module-intranet-body .breadcrumb .active { display: none; } .tcm-module-intranet-body .btn { display: block; /*margin-right: 0; margin-left: auto;*/ transition: all ease-in-out 0.3s; } .tcm-module-intranet-body .intranet-page-title { /*text-transform: uppercase;*/ margin: 10px 0 20px; } .tcm-module-intranet-body .tcm-component-side-menu a { min-height: 40px; padding: 10px 0; } .tcm-module-intranet-body .tcm-component-side-menu a p { font-size: .8rem; font-weight: 700; line-height: 1.2; } .tcm-module-intranet-body .tcm-component-side-menu .first-level { margin-bottom: 0; } .tcm-module-intranet-body .tcm-component-side-menu .first-level li + li { border-top: none; } .tcm-module-intranet-body .tcm-component-side-menu .first-level li:last-child { border-bottom: none; } .tcm-module-intranet-body .tcm-component-side-menu .first-level a { transition: all ease-in-out 0.5s; } .tcm-module-intranet-body .tcm-component-side-menu .second-level { display: block; opacity: 0; pointer-events: none; transition: all ease-in-out 0.5s; } .tcm-module-intranet-body .tcm-component-side-menu .second-level.active { opacity: 1; pointer-events: all; } .tcm-module-intranet-body .tcm-component-side-menu .second-level li a { padding: 0 15px 0 5px; } .tcm-module-intranet-body .tcm-component-modal-video.overlay { z-index: 10; } .tcm-module-intranet-body .tcm-component-go-to-top { right: 50%; margin-right: -1.563rem; } .tcm-module-intranet-body .tcm-component-carousel-2 .tcm-carousel-legend { text-align: center; padding: 5px 20px; margin-bottom: .5rem; } @media (min-width: 768px) { .tcm-module-intranet-body .tcm-component-carousel-2 .tcm-carousel-legend { text-align: right; max-width: calc(70% - 1.5rem); padding: 3px 10px; margin-bottom: 1.5rem; } } .tcm-module-intranet-body .tcm-component-carousel-2 .slick-dots { position: relative; bottom: .5rem; } @media (min-width: 768px) { .tcm-module-intranet-body .tcm-component-carousel-2 .slick-dots { position: absolute; height: 0; bottom: calc(.5rem + .5rem); } } @media (min-width: 768px) { .tcm-module-intranet-body .tcm-component-carousel-2 .slick-dots li { max-width: 30%; bottom: calc(.5rem + .5rem); } .tcm-module-intranet-body .tcm-component-carousel-2 .slick-dots li:first-child { margin-left: 0; } } .tcm-module-intranet-body .tcm-component-carousel-2 .slick-dots li button::before { box-shadow: 0 3px 7px -2px rgba(0, 0, 0, 0.3); } .tcm-module-intranet-body .tcm-component-carousel-2 .slick-arrow.slick-prev { left: .5rem; } .tcm-module-intranet-body .tcm-component-carousel-2 .slick-arrow.slick-next { right: .5rem; } .tcm-module-intranet-body .tcm-intranet-post-form-selected-type { cursor: pointer; } .tcm-module-intranet-body .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-title { font-size: 1.6rem; font-weight: 500; font-style: normal; border: none; padding: 0; margin: -.5rem 0; } .tcm-module-intranet-body .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-title::placeholder { font-size: 1.6rem; font-weight: 500; font-style: normal; opacity: .5; } .tcm-module-intranet-body .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-title:-ms-input-placeholder { font-size: 1.6rem; font-weight: 500; font-style: normal; opacity: .5; } .tcm-module-intranet-body .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-title::-ms-input-placeholder { font-size: 1.6rem; font-weight: 500; font-style: normal; opacity: .5; } .tcm-module-intranet-body .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-title:focus { outline: none; box-shadow: none; } .tcm-module-intranet-body .intranet-max-width-container { max-width: 1920px; background-color: #FAFAFA; position: relative; margin: auto; min-height: 100vh; } .tcm-module-intranet-body .container-fluid-custom { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; padding-right: 0; padding-left: 0; } @media (min-width: 768px) { .tcm-module-intranet-body .container-fluid-custom { padding-right: 20px; padding-left: 20px; } } @media (min-width: 1200px) { .tcm-module-intranet-body .container-fluid-custom { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .tcm-module-intranet-body .container-fluid-custom .column + .column { margin-left: 20px; } } .tcm-module-intranet-body .container-fluid-custom .column-1 { z-index: 4; } @media (min-width: 768px) { .tcm-module-intranet-body .container-fluid-custom .column-1 { top: 60px; right: unset; left: 0; } } @media (min-width: 1200px) { .tcm-module-intranet-body .container-fluid-custom .column-1 { position: relative; top: 0; opacity: 1; z-index: 1; pointer-events: all; } } @media (min-width: 1200px) { .tcm-module-intranet-body .container-fluid-custom .column-1.fixed-width { width: 240px; } } .tcm-module-intranet-body .container-fluid-custom .column-2 { width: 100%; flex-grow: 1; } @media (min-width: 768px) { .tcm-module-intranet-body .container-fluid-custom .column-3 { position: relative; background-color: transparent; box-shadow: none; margin-left: 20px; padding: 20px 0 0; } } .tcm-module-intranet-body .container-fluid-custom .column-3.fixed-width { width: 240px; } .tcm-module-intranet-body .container-fluid-custom .column-4 { min-width: 240px; } .tcm-module-intranet-body .container-fluid-custom .column-4.fixed-width { width: 240px; } .tcm-module-intranet-body .container-fluid-custom.intranet-header { height: 100%; } .tcm-module-intranet-body .container-fluid-custom.intranet-header .column.column-1 { width: 100%; text-align: center; } @media (min-width: 768px) { .tcm-module-intranet-body .container-fluid-custom.intranet-header .column.column-1 { width: auto; text-align: left; } } .tcm-module-intranet-body .container-fluid-custom.intranet-header .column.column-1.fixed-width { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; height: 100%; width: 240px; margin: auto; } @media (min-width: 768px) { .tcm-module-intranet-body .container-fluid-custom.intranet-header .column.column-1.fixed-width { width: auto; } } @media (min-width: 1200px) { .tcm-module-intranet-body .container-fluid-custom.intranet-header .column.column-1.fixed-width { width: 240px; } } .tcm-module-intranet-body .container-fluid-custom.intranet-header .column.column-1 .intranet-logo { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; padding: .5rem; } @media (min-width: 768px) { .tcm-module-intranet-body .container-fluid-custom.intranet-header .column.column-1 .intranet-logo { padding: .5rem 0; } } .tcm-module-intranet-body .container-fluid-custom.intranet-header .column.column-1 .intranet-logo img { max-height: 100%; max-width: 100%; } .tcm-module-intranet-body .container-fluid-custom.intranet-header .column.column-1 .menu-item.side { display: none; } @media (min-width: 768px) { .tcm-module-intranet-body .container-fluid-custom.intranet-header .column.column-1 .menu-item.side { display: inline-block; } } @media (min-width: 1200px) { .tcm-module-intranet-body .container-fluid-custom.intranet-header .column.column-1 .menu-item.side { display: none; } } .tcm-module-intranet-body .container-fluid-custom.intranet-header .column.column-2 { top: 120px; } @media (min-width: 768px) { .tcm-module-intranet-body .container-fluid-custom.intranet-header .column.column-2 { width: auto; max-width: 100%; height: auto; position: relative; top: auto; /*background-color: transparent;*/ box-shadow: none; opacity: 1; pointer-events: all; } } @media screen and (min-width: 768px) and (-ms-high-contrast: active), (min-width: 768px) and (-ms-high-contrast: none) { .tcm-module-intranet-body .container-fluid-custom.intranet-header .column.column-2 { display: block; } } .tcm-module-intranet-body .container-fluid-custom.intranet-header .column.column-3 { width: 100%; position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; top: 60px; left: 0; padding: 0; box-shadow: 0 3px 7px -2px rgba(0, 0, 0, 0.3); z-index: 0; } @media (min-width: 768px) { .tcm-module-intranet-body .container-fluid-custom.intranet-header .column.column-3 { width: auto; position: relative; top: auto; box-shadow: none; } } @media (min-width: 1200px) { .tcm-module-intranet-body .container-fluid-custom.intranet-header .column.column-3 { justify-content: flex-end; } } @media (min-width: 1200px) { .tcm-module-intranet-body .container-fluid-custom.intranet-header .column.column-3.fixed-width { width: 240px; } } .tcm-module-intranet-body .container-fluid-custom.intranet-header .column.column-3.attached { position: fixed; top: 0; } .tcm-module-intranet-body .container-fluid-custom.intranet-header .intranet-menu-container { top: unset; } @media (min-width: 768px) { .tcm-module-intranet-body .container-fluid-custom.intranet-header .intranet-menu-container { width: 240px; } } @media (min-width: 1200px) { .tcm-module-intranet-body .container-fluid-custom.intranet-header .intranet-menu-container { position: absolute; top: calc(100% + 10px); /*width: auto;*/ max-width: 240px; } } @media screen and (min-width: 1200px) and (-ms-high-contrast: active), (min-width: 1200px) and (-ms-high-contrast: none) { .tcm-module-intranet-body .container-fluid-custom.intranet-header .intranet-menu-container { display: table; left: auto; } } .tcm-module-intranet-body .container-fluid-custom.intranet-main-container { min-height: 100vh; align-items: flex-start; } @media (min-width: 1200px) { .tcm-module-intranet-body .container-fluid-custom.intranet-main-container { padding-top: 100px; } } .tcm-module-intranet-body .container-fluid-custom.intranet-main-container .column.column-1 { height: 100%; } @media (min-width: 768px) { .tcm-module-intranet-body .container-fluid-custom.intranet-main-container .column.column-1 { position: fixed; } } @media (min-width: 1200px) { .tcm-module-intranet-body .container-fluid-custom.intranet-main-container .column.column-1 { position: -webkit-sticky; position: sticky; top: 100px; } } @media (min-width: 1200px) { .tcm-module-intranet-body .container-fluid-custom.intranet-main-container .column.column-1 .intranet-menu-container { opacity: 1; pointer-events: all; } } .tcm-module-intranet-body .container-fluid-custom.intranet-main-container .column.column-1 .side-menu-bar { width: 240px; /*height: calc(100% - 60px);*/ } @media (min-width: 1200px) { .tcm-module-intranet-body .container-fluid-custom.intranet-main-container .column.column-1 .side-menu-bar { height: auto; } } @media (min-width: 1200px) { .tcm-module-intranet-body .container-fluid-custom.intranet-main-container .column.column-1.no-sticky { position: relative; top: 0; } } .tcm-module-intranet-body .container-fluid-custom.intranet-main-container .column _:-ms-input-placeholder, :root .tcm-module-intranet-body .container-fluid-custom.intranet-main-container .column.column-1 { position: relative; top: 0; } .tcm-module-intranet-body .container-fluid-custom.intranet-main-container .column.column-2 { padding-top: 40px; padding-bottom: 40px; margin: .5rem; } @media (min-width: 768px) { .tcm-module-intranet-body .container-fluid-custom.intranet-main-container .column.column-2 { max-width: calc(100% - 260px); padding-top: 80px; margin: 0; } } @media (min-width: 1200px) { .tcm-module-intranet-body .container-fluid-custom.intranet-main-container .column.column-2 { width: 640px; max-width: unset; padding-top: 0; margin: 0 0 0 20px; } } .tcm-module-intranet-body .container-fluid-custom.intranet-main-container .column.column-2 .intranet-default-container { background-color: #fff; margin-bottom: 1rem; padding: 15px; border-radius: 3px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); } @media (min-width: 768px) { .tcm-module-intranet-body .container-fluid-custom.intranet-main-container .column.column-2 .intranet-default-container { padding: 20px; } } .tcm-module-intranet-body .container-fluid-custom.intranet-main-container .column.column-2 .intranet-default-container.intranet-home-carousel { padding: 0; margin-bottom: 40px; } @media (min-width: 768px) { .tcm-module-intranet-body .container-fluid-custom.intranet-main-container .column.column-2 .intranet-default-container.intranet-home-carousel { margin-bottom: 20px; } } .tcm-module-intranet-body .container-fluid-custom.intranet-main-container .column.column-2 .intranet-default-container .intranet--of-use-container-inner { padding: 0; } .tcm-module-intranet-body .container-fluid-custom.intranet-main-container .column.column-3 { width: calc(240px + 1rem); height: calc(100% - 120px); right: 0; left: unset; overflow: visible; z-index: 4; } @media (min-width: 768px) { .tcm-module-intranet-body .container-fluid-custom.intranet-main-container .column.column-3 { position: relative; width: 240px; height: auto; padding-top: 80px; opacity: 1; pointer-events: all; z-index: 1; } } @media (min-width: 1200px) { .tcm-module-intranet-body .container-fluid-custom.intranet-main-container .column.column-3 { top: 0; padding: 0; } } .tcm-module-intranet-body [data-tcm-intranet-columns="3"] .container-fluid { max-width: 1160px; } .tcm-module-intranet-body [data-tcm-intranet-columns="3"] .container-fluid .column-4 { display: none; } .tcm-module-intranet-body .intranet-top-bar { position: relative; height: 60px; padding-bottom: 60px; margin-bottom: 20px; z-index: 3; } @media (min-width: 768px) { .tcm-module-intranet-body .intranet-top-bar { position: fixed; width: 100%; padding-bottom: 0; } } @media (min-width: 1200px) { .tcm-module-intranet-body .intranet-top-bar { height: 80px; } } .tcm-module-intranet-body .intranet-top-bar .dropdown { position: static; } @media (min-width: 1200px) { .tcm-module-intranet-body .intranet-top-bar .dropdown { position: relative; } } .tcm-module-intranet-body .intranet-top-bar .dropdown-item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; padding: 1rem; } .tcm-module-intranet-body .intranet-top-bar .dropdown-item i { margin-right: .5rem; } .tcm-module-intranet-body .intranet-top-bar .dropdown-item .dropdown-title { font-size: .8rem; font-weight: 500; margin-bottom: 0; } .tcm-module-intranet-body .intranet-top-bar .dropdown-item .dropdown-text { font-size: .8rem; margin-bottom: 0; } .tcm-module-intranet-body .intranet-top-bar .dropdown-item .dropdown-info { text-align: left; white-space: normal; } .tcm-module-intranet-body .intranet-top-bar .menu-item { /*flex-basis: 15%;*/ flex-grow: 1; position: relative; } @media (min-width: 768px) { .tcm-module-intranet-body .intranet-top-bar .menu-item { width: 50px; position: unset; } } @media (min-width: 1200px) { .tcm-module-intranet-body .intranet-top-bar .menu-item { position: relative; text-align: right; flex-grow: 0; margin-left: 15px; } } .tcm-module-intranet-body .intranet-top-bar .menu-item. .btn { overflow: hidden; } .tcm-module-intranet-body .intranet-top-bar .menu-item. .menu-item--img { width: 42px; height: 42px; border-radius: 50%; background-position: center; background-size: cover; margin: auto; } @media (min-width: 1200px) { .tcm-module-intranet-body .intranet-top-bar .menu-item. .menu-item--img { border-radius: 0; } } @media (min-width: 768px) { .tcm-module-intranet-body .intranet-top-bar .menu-item.side, .tcm-module-intranet-body .intranet-top-bar .menu-item.search { display: none; } } .tcm-module-intranet-body .intranet-top-bar .menu-item .btn { position: relative; width: 50px; height: 60px; padding: 0; margin: auto; border: none; border-radius: 0; color: #ffffff; transition: all ease-in-out 0.5s; } @media (min-width: 1200px) { .tcm-module-intranet-body .intranet-top-bar .menu-item .btn { width: 42px; height: 42px; border-radius: 50%; background-color: #fff; } } .tcm-module-intranet-body .intranet-top-bar .menu-item .btn::after { content: none; } .tcm-module-intranet-body .intranet-top-bar .menu-item .btn:focus { box-shadow: none; outline: none; } .tcm-module-intranet-body .intranet-top-bar .menu-item .btn .badge { position: absolute; right: 20%; top: 35px; background-color: #ff0000; padding: 0; width: 15px; height: 15px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: .7rem; } @media (min-width: 1200px) { .tcm-module-intranet-body .intranet-top-bar .menu-item .btn .badge { color: #ffffff; width: 10px; height: 10px; border-radius: 50%; padding: 9px; right: 0; top: 26px; } } .tcm-module-intranet-body .intranet-top-bar .menu-item .btn .badge span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; color: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; /*@media(min-width: $bootstrap-xl-min) { display: initial; }*/ } .tcm-module-intranet-body .intranet-top-bar .menu-item .btn i { font-size: 20px; font-weight: normal; } @media (min-width: 1200px) { .tcm-module-intranet-body .intranet-top-bar .menu-item .btn i { font-weight: bold; } } .tcm-module-intranet-body .intranet-top-bar .menu-item .btn i.fa-th { font-weight: bold; } .tcm-module-intranet-body .intranet-top-bar .menu-item .btn i.fa-bars { font-size: 24px; } .tcm-module-intranet-body .intranet-top-bar .menu-item .dropdown-menu { padding: 15px; margin-top: 0px; margin-right: -10px; } @media (min-width: 1200px) { .tcm-module-intranet-body .intranet-top-bar .menu-item .dropdown-menu { margin-top: 25px; } } .tcm-module-intranet-body .intranet-top-bar .menu-item .dropdown-menu::after { content: none; position: absolute; top: -10px; right: 17px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; } @media (min-width: 1200px) { .tcm-module-intranet-body .intranet-top-bar .menu-item .dropdown-menu::after { content: ''; } } .tcm-module-intranet-body .intranet-top-bar .menu-item .dropdown-menu .dropdown-item { display: flex; align-items: center; color: #292b2c; padding: 0; width: 280px; } @media (min-width: 1200px) { .tcm-module-intranet-body .intranet-top-bar .menu-item .dropdown-menu .dropdown-item { width: auto; } } .tcm-module-intranet-body .intranet-top-bar .menu-item .dropdown-menu .dropdown-item:hover { text-decoration: none; } .tcm-module-intranet-body .intranet-top-bar .menu-item .dropdown-menu .dropdown-item + .dropdown-item { margin-top: 15px; } .tcm-module-intranet-body .intranet-top-bar .menu-item .dropdown-menu .dropdown-item i { font-size: 20px; } .tcm-module-intranet-body .intranet-top-bar .menu-item .dropdown-menu .dropdown-item img { background-color: #ddd; } .tcm-module-intranet-body .intranet-top-bar .menu-item .dropdown-menu .dropdown-item .dropdown-icon { display: flex; justify-content: center; align-items: center; min-width: 32px; width: 32px; height: 32px; border-radius: 50%; margin-right: 7px; } .tcm-module-intranet-body .intranet-top-bar .menu-item .dropdown-menu .dropdown-item .dropdown-info { padding-left: 7px; } .tcm-module-intranet-body .intranet-top-bar .menu-item .dropdown-menu .dropdown-item .dropdown-title { font-size: 18px; margin-bottom: 2px; white-space: pre-wrap; } @media (min-width: 1200px) { .tcm-module-intranet-body .intranet-top-bar .menu-item .dropdown-menu .dropdown-item .dropdown-title { white-space: nowrap; } } .tcm-module-intranet-body .intranet-top-bar .menu-item .dropdown-menu .dropdown-item .dropdown-text { font-size: 13px; margin: 0; white-space: pre-wrap; } @media (min-width: 1200px) { .tcm-module-intranet-body .intranet-top-bar .menu-item .dropdown-menu .dropdown-item .dropdown-text { white-space: nowrap; } } .tcm-module-intranet-body .intranet-top-bar .menu-item .dropdown-menu .dropdown-item .dropdown-text i { font-size: 13px; margin: 0; min-width: 15px; color: #292b2c; background-color: transparent; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .tcm-module-intranet-body .intranet-top-bar .menu-item { flex-basis: 50px; } } .tcm-module-intranet-body .intranet-top-bar .intranet-search-item { top: 60px; } .tcm-module-intranet-body .intranet-top-bar .intranet-search-item .intranet-search-item-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-direction: row; border-radius: 3px; } .tcm-module-intranet-body .intranet-top-bar .intranet-search-item input[type=text] { border-color: transparent; } @media (min-width: 1200px) { .tcm-module-intranet-body .intranet-top-bar .intranet-search-item input[type=text] { height: 50px; } } .tcm-module-intranet-body .intranet-top-bar .intranet-search-item input[type=text]::placeholder { font-size: 14px; font-style: normal; opacity: 1; } @media (min-width: 1200px) { .tcm-module-intranet-body .intranet-top-bar .intranet-search-item input[type=text]::placeholder { font-size: 16px; } } .tcm-module-intranet-body .intranet-top-bar .intranet-search-item input[type=text]:-ms-input-placeholder { font-size: 14px; font-style: normal; } @media (min-width: 1200px) { .tcm-module-intranet-body .intranet-top-bar .intranet-search-item input[type=text]:-ms-input-placeholder { font-size: 16px; } } .tcm-module-intranet-body .intranet-top-bar .intranet-search-item input[type=text]::-ms-input-placeholder { font-size: 14px; font-style: normal; } @media (min-width: 1200px) { .tcm-module-intranet-body .intranet-top-bar .intranet-search-item input[type=text]::-ms-input-placeholder { font-size: 16px; } } .tcm-module-intranet-body .intranet-top-bar .intranet-search-item .btn-search { position: absolute; top: 0; right: 0; bottom: 0; background-color: transparent; font-size: 20px; } .tcm-module-intranet-body .intranet-top-bar .intranet-search-item .btn-search span { display: inline-block; text-indent: -9999px; } .tcm-module-intranet-body .intranet-top-bar .tcm-component-autocomplete-1-box .ui-widget-content { max-height: 70vh; margin-top: 2px; border: none; overflow: auto; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.5); } @media (min-width: 768px) { .tcm-module-intranet-body .intranet-top-bar .tools { display: none; } } .tcm-module-intranet-body .intranet-top-bar-inner { position: relative; top: 0; left: 0; right: 0; z-index: 4; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.5); height: 60px; } @media (min-width: 1200px) { .tcm-module-intranet-body .intranet-top-bar-inner { position: fixed; height: 80px; } } .tcm-module-intranet-body .intranet-content-page-container { background-color: #FFF; padding: 1rem; margin-bottom: 3rem; /*h1 { font-size: 24px; text-transform: uppercase; margin: 10px 0 20px; }*/ } .tcm-module-intranet-body .intranet-content-page-container .intranet-html-content-1 p { font-size: 16px; } .tcm-module-intranet-body .intranet-content-page-container .intranet-html-content-1 ul { padding-left: 20px; } .tcm-module-intranet-body .intranet-content-page-container .intranet-html-content-1 li { font-size: 16px; margin-bottom: .5rem; } .tcm-module-intranet-body .intranet-menu-container { width: 240px; background-color: #2b6ace; position: absolute; top: 120px; left: 0; margin: 0; padding: .5rem; opacity: 0; pointer-events: none; overflow-y: visible; z-index: 1; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5); transition: opacity ease-in-out 0.5s; } @media (min-width: 768px) { .tcm-module-intranet-body .intranet-menu-container { top: 0; padding: 0; } } @media (min-width: 1200px) { .tcm-module-intranet-body .intranet-menu-container { border-radius: 3px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); } } .tcm-module-intranet-body .intranet-menu-container.active { opacity: 1; pointer-events: all; /*overflow-y: auto;*/ } .tcm-module-intranet-body .intranet-menu-container.menu-announcement, .tcm-module-intranet-body .intranet-menu-container.menu-alerts, .tcm-module-intranet-body .intranet-menu-container.menu- { padding: .5rem; box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2); } @media (min-width: 1200px) { .tcm-module-intranet-body .intranet-menu-container.menu-announcement, .tcm-module-intranet-body .intranet-menu-container.menu-alerts, .tcm-module-intranet-body .intranet-menu-container.menu- { padding: 0; } } @media (min-width: 1200px) { .tcm-module-intranet-body .intranet-menu-container.menu-announcement::before, .tcm-module-intranet-body .intranet-menu-container.menu-alerts::before, .tcm-module-intranet-body .intranet-menu-container.menu-::before { content: ''; position: absolute; width: 0; height: 0; top: -6px; right: 15px; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent; } } .tcm-module-intranet-body .intranet-menu-container.menu-announcement .intranet-top-menu-notifications-items, .tcm-module-intranet-body .intranet-menu-container.menu-alerts .intranet-top-menu-notifications-items, .tcm-module-intranet-body .intranet-menu-container.menu- .intranet-top-menu-notifications-items { max-height: 70vh; } .tcm-module-intranet-body .intranet-menu-container.menu-announcement .dropdown-item, .tcm-module-intranet-body .intranet-menu-container.menu-alerts .dropdown-item, .tcm-module-intranet-body .intranet-menu-container.menu- .dropdown-item { text-align: center; padding: .5rem; white-space: normal; } @media (min-width: 1200px) { .tcm-module-intranet-body .intranet-menu-container.menu-announcement .dropdown-item, .tcm-module-intranet-body .intranet-menu-container.menu-alerts .dropdown-item, .tcm-module-intranet-body .intranet-menu-container.menu- .dropdown-item { padding: .5rem 1rem; } } .tcm-module-intranet-body .intranet-menu-container.menu-announcement .dropdown-item .dropdown-title, .tcm-module-intranet-body .intranet-menu-container.menu-alerts .dropdown-item .dropdown-title, .tcm-module-intranet-body .intranet-menu-container.menu- .dropdown-item .dropdown-title { font-size: .9rem; } .tcm-module-intranet-body .intranet-menu-container.menu-announcement .dropdown-item .dropdown-text, .tcm-module-intranet-body .intranet-menu-container.menu-alerts .dropdown-item .dropdown-text, .tcm-module-intranet-body .intranet-menu-container.menu- .dropdown-item .dropdown-text { font-style: italic; } .tcm-module-intranet-body .intranet-menu-container.menu-announcement .dropdown-icon, .tcm-module-intranet-body .intranet-menu-container.menu-alerts .dropdown-icon, .tcm-module-intranet-body .intranet-menu-container.menu- .dropdown-icon { margin-right: 1rem; } .tcm-module-intranet-body .intranet-menu-container.menu-announcement .see-all, .tcm-module-intranet-body .intranet-menu-container.menu-alerts .see-all, .tcm-module-intranet-body .intranet-menu-container.menu- .see-all { justify-content: center; } .tcm-module-intranet-body .intranet-menu-container.menu-announcement .without-items p, .tcm-module-intranet-body .intranet-menu-container.menu-alerts .without-items p, .tcm-module-intranet-body .intranet-menu-container.menu- .without-items p { margin-bottom: 0; } .tcm-module-intranet-body .intranet-menu-container.menu-announcement { /*width: auto;*/ left: -2rem; } @media (min-width: 768px) { .tcm-module-intranet-body .intranet-menu-container.menu-announcement { right: -2rem; left: unset; } } @media (min-width: 1200px) { .tcm-module-intranet-body .intranet-menu-container.menu-announcement { right: 0; } } .tcm-module-intranet-body .intranet-menu-container.menu-alerts { /*width: auto;*/ right: -2rem; left: unset; } @media (min-width: 1200px) { .tcm-module-intranet-body .intranet-menu-container.menu-alerts { right: 0; } } .tcm-module-intranet-body .intranet-menu-container.menu- { width: auto; right: 0; left: unset; } @media (min-width: 768px) { .tcm-module-intranet-body .intranet-menu-container.menu- { right: -2rem; } } @media (min-width: 1200px) { .tcm-module-intranet-body .intranet-menu-container.menu- { right: 0; width: auto !important; } } .tcm-module-intranet-body .intranet-menu-container.menu- .dropdown-item .dropdown-info { white-space: nowrap; } .tcm-module-intranet-body .intranet-toolbar .intranet-toolbar-inner { height: calc(100vh - 140px); /*overflow-y: auto;*/ transition: all ease-in-out 0.5s; } @media (min-width: 768px) { .tcm-module-intranet-body .intranet-toolbar .intranet-toolbar-inner { height: 100%; } } .tcm-module-intranet-body .intranet-toolbar .tcm-component-intranet-widget-poll-1 { padding-top: 2.5rem; } .tcm-module-intranet-body .intranet-toolbar .tcm-component-intranet-widget-poll-1[data-count="1"] { padding-top: 1rem; } .tcm-module-intranet-body .intranet-toolbar .tcm-component-intranet-widget-poll-1 .tcm-component-intranet-poll-box-1 .tcm-component-intranet-poll-box-1-buttons { flex-direction: column; } .tcm-module-intranet-body .intranet-toolbar .tcm-component-intranet-widget-poll-1 .tcm-component-intranet-poll-box-1 .tcm-component-intranet-poll-box-1-buttons .btn { margin: 0; } .tcm-module-intranet-body .intranet-toolbar .tcm-component-intranet-widget-poll-1 .tcm-component-intranet-poll-box-1 .tcm-component-intranet-poll-box-1-buttons .btn-poll-submit { width: 100%; } .tcm-module-intranet-body .intranet-toolbar .tcm-component-intranet-widget-poll-1 .tcm-component-intranet-poll-box-1 .tcm-component-intranet-poll-box-1-buttons .btn-poll-show-results { margin-right: auto; padding: .5rem 0; } .tcm-module-intranet-body .intranet-default-container { /*h2 { font-size: 1.5rem; font-weight: 500; padding: 2rem 0 1rem; margin: 0; } h3 { font-size: 1rem; font-weight: 500; padding: 2rem 0 1rem; }*/ } .tcm-module-intranet-body .intranet-default-container h1, .tcm-module-intranet-body .intranet-default-container h2, .tcm-module-intranet-body .intranet-default-container h3, .tcm-module-intranet-body .intranet-default-container h4, .tcm-module-intranet-body .intranet-default-container h5, .tcm-module-intranet-body .intranet-default-container h6 { font-weight: 500; } .tcm-module-intranet-body .intranet-polls-container .tcm-component-intranet-poll-box-1 { padding: 0 0 2rem; } .tcm-module-intranet-body .intranet-polls-container .tcm-component-intranet-poll-box-1 + .tcm-component-intranet-poll-box-1 { padding-top: 2rem; border-top: 1px solid #ccc; } .tcm-module-intranet-body .intranet-polls-container .tcm-component-intranet-poll-box-1:last-child { padding-bottom: 0; } .tcm-module-intranet-body .intranet-birthdays-container .tcm-component-intranet-birthdays-1 li { width: calc((100% - 3rem)/3); } @media (min-width: 768px) { .tcm-module-intranet-body .intranet-birthdays-container .tcm-component-intranet-birthdays-1 li { width: calc((100% - 5rem)/5); } } .tcm-module-intranet-body .tcm-component-intranet-s-1 li { width: calc((100% - 3rem)/3); } @media (min-width: 768px) { .tcm-module-intranet-body .tcm-component-intranet-s-1 li { width: calc((100% - 5rem)/5); } } .tcm-module-intranet-body .tcm-component-intranet-widget { position: relative; background-color: #fff; margin-bottom: 20px; overflow: hidden; padding: 1rem; border-radius: 3px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); } .tcm-module-intranet-body .tcm-component-intranet-widget h5 { font-size: 1.2rem; line-height: 1.3; text-align: center; margin-bottom: 1.5rem; } .tcm-module-intranet-body .tcm-component-intranet-widget .more .btn, .tcm-module-intranet-body .tcm-component-intranet-widget .less .btn { margin: auto; } .tcm-module-intranet-body .tcm-component-intranet-widget-full { padding: 0; margin-bottom: 20px; } .tcm-module-intranet-body .intranet--container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .tcm-module-intranet-body .intranet--container .intranet--bg { background-color: #FFF; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100vw; height: 100vh; } .tcm-module-intranet-body .intranet--container .intranet--bg .carousel .carousel-inner .carousel-item .carousel-item-img { height: 100vh; background-size: cover; } @media (min-width: 1200px) { .tcm-module-intranet-body .intranet--container .intranet--bg .carousel .carousel-inner .carousel-item .carousel-item-img { background-size: unset; } } .tcm-module-intranet-body .intranet--container .intranet--bg .carousel-caption { display: none; } .tcm-module-intranet-body .intranet--container .intranet--box { background-color: #FEFEFE; padding: 2rem; border-radius: 4px; position: relative; border: 1px solid #DDD; margin: 1rem; z-index: 3; } @media (min-width: 768px) { .tcm-module-intranet-body .intranet--container .intranet--box { position: absolute; width: 360px; top: 0; right: 0; } } .tcm-module-intranet-body .intranet--container .intranet--box .intranet--logo { display: block; margin: 0 auto 2rem; } .tcm-module-intranet-body .intranet--container .intranet--box .intranet--logo-hr { display: none; } .tcm-module-intranet-body .intranet--container .intranet--box .intranet--social-buttons { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } .tcm-module-intranet-body .intranet--container .intranet--box .intranet--social-btn { color: #FFF; background-color: #000; padding: 0.5rem 1rem; border-radius: 4px; width: 50%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; text-decoration: none !important; } .tcm-module-intranet-body .intranet--container .intranet--box .intranet--social-btn i { display: block; } .tcm-module-intranet-body .intranet--container .intranet--box .intranet--social-btn i + span { margin-left: 0.5rem; } .tcm-module-intranet-body .intranet--container .intranet--box .intranet--social-btn + .intranet--social-btn { margin-left: 1rem; } .tcm-module-intranet-body .intranet--container .intranet--box .intranet--social-btn.intranet--social-facebook { background-color: #3b5998; } .tcm-module-intranet-body .intranet--container .intranet--box .intranet--social-btn.intranet--social-google { background-color: #ea4335; } .tcm-module-intranet-body .intranet--container .intranet--box .form-group label { display: none; } .tcm-module-intranet-body .intranet--container .intranet--box .form-group label.form-check-label { display: inline-block; } .tcm-module-intranet-body .intranet--container .intranet--box .form-group .field-validation-error { font-size: 0.9rem; font-style: italic; } .tcm-module-intranet-body .intranet--container .intranet--box .form-group-recaptcha { overflow: hidden; } .tcm-module-intranet-body .intranet--container .intranet--box .form-group-recaptcha .g-recaptcha > div { margin-left: auto; margin-right: auto; } .tcm-module-intranet-body .intranet--container .intranet--box .intranet--btn, .tcm-module-intranet-body .intranet--container .intranet--box .intranet--rp-btn, .tcm-module-intranet-body .intranet--container .intranet--box .intranet--np-btn { margin: 0 auto; min-width: 50%; display: block; } .tcm-module-intranet-body .intranet--container .intranet--box .intranet--to-recover-, .tcm-module-intranet-body .intranet--container .intranet--box .intranet--back-from-recover-, .tcm-module-intranet-body .intranet--container .intranet--box .intranet--back-from-new- { display: table; font-size: 0.9rem; margin: 1rem auto 0; } .tcm-module-intranet-body.intranet-error-page { padding: 0; } @media (min-width: 768px) { .tcm-module-intranet-body.intranet-error-page .intranet-main-container { padding-top: 80px; } } @media (min-width: 1200px) { .tcm-module-intranet-body.intranet-error-page .intranet-main-container { padding-top: 100px; } } .tcm-module-intranet-body.intranet-error-page .intranet-error-page-container-inner { padding: 1rem; margin-bottom: 1rem; } .tcm-module-intranet-body.intranet-error-page .intranet-error-page-logo-container { background-position: center; background-repeat: no-repeat; background-size: cover; padding: 1rem; } .tcm-module-intranet-body.intranet-error-page .intranet-error-page-logo-container img { max-height: 100%; } .tcm-module-intranet-body.intranet-error-page .intranet-error-page-logo { display: block; margin: auto; } .tcm-module-intranet-body.intranet-error-page .intranet-error-page-content { margin-top: 1rem; } .tcm-module-intranet-body.intranet-error-page .intranet-error-page-content img { display: block; max-width: 100%; margin: 2rem auto 0; } .tcm-module-intranet-body.intranet-error-page .intranet--box { background-color: #FEFEFE; padding: 2rem; border-radius: 4px; position: relative; } .tcm-module-intranet-body.intranet-error-page .intranet--box .intranet--logo { display: block; margin: 0 auto 2rem; } .tcm-module-intranet-body.intranet-error-page .intranet--box .intranet--logo-hr { display: none; } .tcm-module-intranet-body.intranet-error-page .intranet--box .intranet--social-buttons { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } .tcm-module-intranet-body.intranet-error-page .intranet--box .intranet--social-btn { color: #FFF; background-color: #000; padding: 0.5rem 1rem; border-radius: 4px; width: 50%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; text-decoration: none !important; } .tcm-module-intranet-body.intranet-error-page .intranet--box .intranet--social-btn i { display: block; } .tcm-module-intranet-body.intranet-error-page .intranet--box .intranet--social-btn i + span { margin-left: 0.5rem; } .tcm-module-intranet-body.intranet-error-page .intranet--box .intranet--social-btn + .intranet--social-btn { margin-left: 1rem; } .tcm-module-intranet-body.intranet-error-page .intranet--box .intranet--social-btn.intranet--social-facebook { background-color: #3b5998; } .tcm-module-intranet-body.intranet-error-page .intranet--box .intranet--social-btn.intranet--social-google { background-color: #ea4335; } .tcm-module-intranet-body.intranet-error-page .intranet--box .form-group label { display: none; } .tcm-module-intranet-body.intranet-error-page .intranet--box .form-group label.form-check-label { display: inline-block; } .tcm-module-intranet-body.intranet-error-page .intranet--box .form-group .field-validation-error { font-size: 0.9rem; font-style: italic; } .tcm-module-intranet-body.intranet-error-page .intranet--box .form-group-recaptcha { overflow: hidden; } .tcm-module-intranet-body.intranet-error-page .intranet--box .form-group-recaptcha .g-recaptcha > div { margin-left: auto; margin-right: auto; } .tcm-module-intranet-body.intranet-error-page .intranet--box .intranet--btn, .tcm-module-intranet-body.intranet-error-page .intranet--box .intranet--rp-btn, .tcm-module-intranet-body.intranet-error-page .intranet--box .intranet--np-btn { margin: 0 auto; min-width: 50%; display: block; } .tcm-module-intranet-body.intranet-error-page .intranet--box .intranet--to-recover-, .tcm-module-intranet-body.intranet-error-page .intranet--box .intranet--back-from-recover-, .tcm-module-intranet-body.intranet-error-page .intranet--box .intranet--back-from-new- { display: table; font-size: 0.9rem; margin: 1rem auto 0; } .tcm-module-intranet-body.intranet--of-use-page { padding: 0; } .tcm-module-intranet-body.intranet--of-use-page .intranet--of-use-container-inner { padding: 0 1rem 5rem; } @media (min-width: 768px) { .tcm-module-intranet-body.intranet--of-use-page .intranet--of-use-container-inner { padding: 0 2rem 5rem; } } .tcm-module-intranet-body.intranet--of-use-page .intranet--of-use-logo-container { background-position: center; background-repeat: no-repeat; background-size: cover; padding: 1rem; } .tcm-module-intranet-body.intranet--of-use-page .intranet--of-use-logo { display: block; margin: auto; } .tcm-module-intranet-body.intranet--of-use-page .intranet--of-use-date-published, .tcm-module-intranet-body.intranet--of-use-page .intranet--of-use-version { font-size: .9rem; font-style: italic; margin-bottom: 0; } .tcm-module-intranet-body.intranet--of-use-page .intranet--of-use-content { margin-top: 1rem; } .tcm-module-intranet-body.intranet--of-use-page .intranet--of-use-buttons { text-align: center; padding: 1rem 0; } .tcm-module-intranet-body.intranet--of-use-page .intranet--of-use-buttons .g-recaptcha > div { margin-left: auto; margin-right: auto; } .tcm-module-intranet-body.intranet--of-use-page .intranet--of-use-buttons .btn-primary, .tcm-module-intranet-body.intranet--of-use-page .intranet--of-use-buttons .btn-primary:active { background-color: #007bff; border-color: #007bff; } .tcm-module-intranet-body.intranet--of-use-page .intranet--of-use-buttons .btn-secondary, .tcm-module-intranet-body.intranet--of-use-page .intranet--of-use-buttons .btn-secondary:active { background-color: #6c757d; border-color: #6c757d; opacity: 1; } .tcm-module-intranet-body.intranet--of-use-page .intranet--of-use-buttons .btn { display: inline-block; position: relative; width: 100%; font-size: .9rem; padding-left: 1.5rem; color: #fff; } @media (min-width: 768px) { .tcm-module-intranet-body.intranet--of-use-page .intranet--of-use-buttons .btn { width: auto; font-size: 1rem; padding: .5rem 1rem; } } .tcm-module-intranet-body.intranet--of-use-page .intranet--of-use-buttons .btn + .btn { margin-top: .5rem; } @media (min-width: 768px) { .tcm-module-intranet-body.intranet--of-use-page .intranet--of-use-buttons .btn + .btn { margin-top: 0; } } .tcm-module-intranet-body.intranet--of-use-page .intranet--of-use-buttons .btn i { position: absolute; display: table; margin: auto; top: 0; bottom: 0; left: 1rem; } @media (min-width: 768px) { .tcm-module-intranet-body.intranet--of-use-page .intranet--of-use-buttons .btn i { position: static; display: inline-block; } } .tcm-module-intranet-body.intranet--detail .breadcrumb { margin-bottom: 1rem; } .tcm-module-intranet-body.intranet--detail .intranet--container-header { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; margin-bottom: 1rem; } .tcm-module-intranet-body.intranet--detail .intranet--container-header .intranet--container-header-detail p { font-weight: bold; } .tcm-module-intranet-body.intranet--detail .tcm-component-intranet--1-avatar { width: 110px; height: 110px; position: relative; background-position: center; background-size: cover; background-color: #eee; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 2rem; overflow: hidden; margin-right: 1rem; } .tcm-module-intranet-body.intranet--detail .tcm-component-intranet--1-avatar::before { opacity: .5; } .tcm-module-intranet-body .tcm-component-intranet--edit { display: inline-flex !important; position: relative; margin-top: 1rem; } .tcm-module-intranet-body .tcm-component-intranet--edit > label { height: 100px; } .tcm-module-intranet-body .tcm-component-intranet--edit .tcm-component-intranet--1-avatar { position: relative; width: 110px; height: 110px; cursor: pointer; background-position: center; background-size: cover; background-color: #eee; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 2rem; overflow: hidden; margin-right: 1rem; } .tcm-module-intranet-body .tcm-component-intranet--edit .tcm-component-intranet--1-avatar::before { position: absolute; display: table; width: 100%; text-align: center; top: 0; bottom: 0; margin: auto; font-size: 2rem; } .tcm-module-intranet-body .tcm-component-intranet--edit [data-toggle="tcm-intranet-edit--remove-photo"] { position: absolute; right: 1.2rem; bottom: 0; width: 1.25rem; height: 1.25rem; background-color: red; border-radius: 50%; cursor: pointer; z-index: 1; } .tcm-module-intranet-body .tcm-component-intranet--edit [data-toggle="tcm-intranet-edit--remove-photo"]::before { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 1.25rem; height: 1.25rem; color: white; line-height: 1.7; z-index: 2; } .tcm-module-intranet-body .intranet-banner-container { height: 200px; position: relative; background-size: cover; background-repeat: no-repeat; margin-top: -.5rem; margin-right: -.5rem; margin-bottom: 1rem !important; margin-left: -.5rem; overflow: hidden; } @media (min-width: 768px) { .tcm-module-intranet-body .intranet-banner-container { margin-top: 0; margin-right: 0; margin-left: 0; } } .tcm-module-intranet-body .intranet-banner-container::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.2); z-index: 1; } .tcm-module-intranet-body .intranet-banner-container h1 { position: absolute; bottom: 20px; margin: 0; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); z-index: 1; } .tcm-module-intranet-body .intranet-banner-container .breadcrumb { position: relative; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); z-index: 1; } .tcm-module-intranet-body .intranet-banner-container .breadcrumb .breadcrumb-item::before { color: #fff; } .tcm-module-intranet-body .intranet-banner-container .breadcrumb a:link, .tcm-module-intranet-body .intranet-banner-container .breadcrumb a:visited, .tcm-module-intranet-body .intranet-banner-container .breadcrumb a:active, .tcm-module-intranet-body .intranet-banner-container .breadcrumb a:hover { color: #fff; text-decoration: none; } .tcm-module-intranet-body .intranet-html-content-1 > *:last-child { margin-bottom: 0; } .tcm-module-intranet-body .intranet-html-content-1 ul { list-style-type: none; } .tcm-module-intranet-body [data-toggle="ckeditor5"] { position: relative; overflow: hidden; cursor: text; border: none !important; box-shadow: none !important; } .tcm-module-intranet-body [data-toggle="ckeditor5"][data-ckeditor-empty="true"]::before { content: attr(data-placeholder); display: block; opacity: .5; padding: 0; } .tcm-module-intranet-body [data-toggle="ckeditor5"][data-ckeditor-empty="true"] p { position: absolute; top: 0; right: 0; bottom: 1rem; left: 0; margin: 0 !important; } .tcm-module-intranet-body .ck.ck-editor__editable_inline { padding: 0; } .tcm-module-intranet-body .ck.ck-editor__editable_inline > :last-child { margin-bottom: 0; } .tcm-module-intranet-body .ck.ck-editor__editable_inline > :first-child { margin-top: 0; } .tcm-module-intranet-body .ckeditor5-not-ed { display: none !important; } .tcm-module-intranet-body .ckeditor5-not-ed ~ textarea { border: none; box-shadow: none; background-color: transparent; } .tcm-module-intranet-body [data-toggle="dropdown"] { cursor: pointer; } .tcm-module-intranet-body .dropdown-menu { min-width: unset; padding: 0; cursor: pointer; } .tcm-module-intranet-body .dropdown-item { font-size: .8rem; padding: .5rem; cursor: pointer; transition: all ease-in-out 0.3s; } .tcm-module-intranet-body .tcm-component-intranet-post { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .tcm-module-intranet-body .tcm-component-intranet-post .post-header .tcm-component-intranet-post-tools .btn-primary { background-color: transparent; border: none; } .tcm-module-intranet-body .tcm-component-intranet-post .post-header .tcm-component-intranet-post-tools .btn-primary:active { background-color: transparent !important; } .tcm-module-intranet-body .tcm-component-media-gallery-1, .tcm-module-intranet-body .tcm-component-media-gallery-2, .tcm-module-intranet-body .tcm-component-media-gallery-3 { margin-bottom: 1rem; /*max-height: 250px;*/ } @media (min-width: 992px) { .tcm-module-intranet-body .tcm-component-media-gallery-1, .tcm-module-intranet-body .tcm-component-media-gallery-2, .tcm-module-intranet-body .tcm-component-media-gallery-3 { max-height: unset; } } .tcm-module-intranet-body .intranet-notifications-tabs { margin-bottom: 1rem; } .tcm-module-intranet-body .intranet-notifications-tabs .nav-link { font-weight: 500; } .tcm-module-intranet-body .intranet-notifications-tabs .badge-primary { width: 19px; display: inline-block; background-color: red; border-radius: 50%; padding: 3px; } .tcm-module-intranet-body .intranet-suppliers-container:link, .tcm-module-intranet-body .intranet-suppliers-container:visited, .tcm-module-intranet-body .intranet-suppliers-container:active, .tcm-module-intranet-body .intranet-suppliers-container:hover, .tcm-module-intranet-body .intranet-requests-container:link, .tcm-module-intranet-body .intranet-requests-container:visited, .tcm-module-intranet-body .intranet-requests-container:active, .tcm-module-intranet-body .intranet-requests-container:hover { display: block; } .tcm-module-intranet-body .intranet-suppliers-container .intranet-html-content-1 p, .tcm-module-intranet-body .intranet-requests-container .intranet-html-content-1 p { margin-bottom: .5rem; } .tcm-module-intranet-body #intranet-suppliers-modal, .tcm-module-intranet-body .intranet-ticket-detail-tab { /*.modal-body { padding: 0 1rem; } .form-group { margin-bottom: 0; padding-top: .5rem; padding-bottom: .5rem; label { margin-bottom: 0; } p { font-weight: bold; margin-bottom: 0; } } .form-control-plaintext { padding-top: 0; padding-bottom: 0; }*/ } .tcm-module-intranet-body .form-group, .tcm-module-intranet-body .form-row { /*> div,*/ } .tcm-module-intranet-body .form-group .form-group, .tcm-module-intranet-body .form-row .form-group { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; align-items: unset; flex-direction: column; justify-content: space-between; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .tcm-module-intranet-body .form-group .form-group, .tcm-module-intranet-body .form-row .form-group { align-items: stretch; } } .tcm-module-intranet-body .form-group .form-group, .tcm-module-intranet-body .form-row .form-group { align-items: flex-start; } .tcm-module-intranet-body .form-group label:not(.form-check-label), .tcm-module-intranet-body .form-row label:not(.form-check-label) { font-weight: bold; flex-grow: 1; } .tcm-module-intranet-body .form-group p, .tcm-module-intranet-body .form-group .form-control-plaintext, .tcm-module-intranet-body .form-group .form-control:disabled, .tcm-module-intranet-body .form-row p, .tcm-module-intranet-body .form-row .form-control-plaintext, .tcm-module-intranet-body .form-row .form-control:disabled { width: 100%; min-height: 32px; font-weight: normal; padding: .25rem .5rem; margin-bottom: 0; border-radius: .25rem; } .tcm-module-intranet-body .table-num span { text-align: right; } .tcm-module-intranet-body .table tbody { display: block; } @media (min-width: 992px) { .tcm-module-intranet-body .table tbody { display: table-row-group; } } .tcm-module-intranet-body .modal { z-index: 1000; } .tcm-module-intranet-body .modal-backdrop { z-index: 999; } .tcm-module-intranet-body .modal-header { border-bottom: none; } .tcm-module-intranet-body .modal-footer { border-top: none; } .tcm-module-intranet-body .popover { max-width: unset; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); } .tcm-module-intranet-body .popover .popover-header { font-size: 1rem; border: none; padding-bottom: 0; } .tcm-module-intranet-body .popover .popover-body { background-color: #f7f7f7; text-align: center; } .tcm-module-intranet-body .popover .popover-body-custom { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; padding: 1rem; } .tcm-module-intranet-body .popover .popover-body-custom .tcm-component-intranet--link-1-avatar { width: 70px; height: 70px; background-position: center; background-size: cover; border-radius: 50%; } .tcm-module-intranet-body .popover .popover-body-custom .tcm-component-intranet--link-1-avatar-wrapper { align-self: flex-start; margin-right: .5rem; } .tcm-module-intranet-body .popover .popover-body-custom button[data-toggle="dismiss"] { float: right; background-color: transparent; position: absolute; top: .3rem; right: .3rem; border: none; cursor: pointer; } .tcm-module-intranet-body .popover .tcm-component-intranet--link-1-details p { margin-bottom: .5rem; } .tcm-module-intranet-body .popover .tcm-component-intranet--link-1-details p.tcm-component-intranet--link-1-fullname { padding-right: 1rem; } .tcm-module-intranet-body .popover .tcm-component-intranet--link-1-details p:last-child { margin-bottom: 0; } .tcm-module-intranet-body .pagination { justify-content: center; margin-top: 2rem; } .tcm-module-intranet-body #intranet-theme-modal .modal-body { padding-top: 0; padding-bottom: 0; } .tcm-module-intranet-body #intranet-theme-modal .modal-body .form-group { margin-bottom: 0; } .tcm-module-intranet-body #intranet-theme-modal .btn-block + .btn-block { margin-top: 0; margin-left: .5rem; } .tcm-module-intranet-body .tcm-component--form-auto-layout-1 .tcm-cfal-has-required-field-text { font-size: 0.9rem !important; font-style: italic; } .tcm-module-intranet-body .tcm-component--form-auto-layout-1 .field-validation-error { font-size: 0.9rem; font-style: italic; } .tcm-intranet-dark-theme { background-color: #333; color: #bebebe; /*.intranet-html-content-1 { .form-group, .form-row { label { } p { background-color: lighten($page-bg, 50%); } [disabled="disabled"] { background-color: lighten($page-bg, 50%); opacity: .5; } } }*/ /*.intranet-ticket-detail-history { .div-message-history { background-color: $page-bg; } }*/ } .tcm-intranet-dark-theme a:link, .tcm-intranet-dark-theme a:visited, .tcm-intranet-dark-theme a:active, .tcm-intranet-dark-theme a:hover { color: #bebebe; text-decoration: none; } .tcm-intranet-dark-theme .btn-link { color: #bebebe; } .tcm-intranet-dark-theme .btn-primary, .tcm-intranet-dark-theme .btn-primary:not(:disabled):not(.disabled).active, .tcm-intranet-dark-theme .btn-primary:not(:disabled):not(.disabled):active { background-color: #474747; border-color: #474747; color: #fff !important; } .tcm-intranet-dark-theme .btn-primary:hover, .tcm-intranet-dark-theme .btn-primary:not(:disabled):not(.disabled).active:hover, .tcm-intranet-dark-theme .btn-primary:not(:disabled):not(.disabled):active:hover { background-color: #3a3a3a; border-color: #3a3a3a; } .tcm-intranet-dark-theme .btn-secondary, .tcm-intranet-dark-theme .btn-secondary:not(:disabled):not(.disabled).active, .tcm-intranet-dark-theme .btn-secondary:not(:disabled):not(.disabled):active { color: #fff !important; background-color: #2e2e2e; border-color: #2e2e2e; } .tcm-intranet-dark-theme .btn-secondary:hover, .tcm-intranet-dark-theme .btn-secondary:not(:disabled):not(.disabled).active:hover, .tcm-intranet-dark-theme .btn-secondary:not(:disabled):not(.disabled):active:hover { background-color: #212121; border-color: #212121; } .tcm-intranet-dark-theme .breadcrumb a:link, .tcm-intranet-dark-theme .breadcrumb a:visited, .tcm-intranet-dark-theme .breadcrumb a:active, .tcm-intranet-dark-theme .breadcrumb a:hover { color: #b1b1b1; text-decoration: underline; } .tcm-intranet-dark-theme .ui-datepicker-calendar a:link, .tcm-intranet-dark-theme .ui-datepicker-calendar a:visited, .tcm-intranet-dark-theme .ui-datepicker-calendar a:active, .tcm-intranet-dark-theme .ui-datepicker-calendar a:hover { color: #242424; } .tcm-intranet-dark-theme .close { color: #bebebe; text-shadow: none; } .tcm-intranet-dark-theme .form-control { background-color: rgba(71, 71, 71, 0.5); color: #9a9a9a; border: none; } .tcm-intranet-dark-theme .form-control::placeholder { color: #9a9a9a; opacity: .5; } .tcm-intranet-dark-theme .form-control:-ms-input-placeholder { color: #9a9a9a; opacity: .5; } .tcm-intranet-dark-theme .form-control::-ms-input-placeholder { color: #9a9a9a; opacity: .5; } .tcm-intranet-dark-theme .form-control option { background-color: #474747; color: #bebebe; } .tcm-intranet-dark-theme .intranet--container, .tcm-intranet-dark-theme.intranet-error-page .intranet-error-page-logo-container { background-color: #1c1e2a; } .tcm-intranet-dark-theme .intranet--container .intranet--box, .tcm-intranet-dark-theme.intranet-error-page .intranet-error-page-logo-container .intranet--box { background-color: #242424; border-color: #242424; } .tcm-intranet-dark-theme .intranet-max-width-container { background-color: #333; } .tcm-intranet-dark-theme .intranet-top-bar { background-color: #242424; } .tcm-intranet-dark-theme .intranet-top-bar .intranet-top-bar-inner .menu { background-color: #242424; } .tcm-intranet-dark-theme .intranet-top-bar .btn { background-color: #242424; } .tcm-intranet-dark-theme .intranet-top-bar .btn.active { background-color: #171717; } @media (min-width: 1200px) { .tcm-intranet-dark-theme .intranet-top-bar .menu-item .btn { color: #bebebe; background-color: #333; } } .tcm-intranet-dark-theme .intranet-top-bar .menu-item .btn .badge { background-color: #474747; } @media (min-width: 1200px) { .tcm-intranet-dark-theme .intranet-top-bar .menu-item .btn i { color: #b1b1b1; } } .tcm-intranet-dark-theme .intranet-top-bar .dropdown-item:link, .tcm-intranet-dark-theme .intranet-top-bar .dropdown-item:visited, .tcm-intranet-dark-theme .intranet-top-bar .dropdown-item:active, .tcm-intranet-dark-theme .intranet-top-bar .dropdown-item:hover { color: #bebebe; /*@media(min-width: $bootstrap-xl-min) { color: $placeholder; }*/ } .tcm-intranet-dark-theme .intranet-top-bar .dropdown-item:hover { background-color: transparent; } .tcm-intranet-dark-theme .intranet-top-bar .intranet-search-item .intranet-search-item-inner { background-color: #474747; } .tcm-intranet-dark-theme .intranet-top-bar .intranet-search-item input[type=text] { background-color: transparent; color: #9a9a9a; } .tcm-intranet-dark-theme .intranet-top-bar .intranet-search-item input[type=text]::placeholder { color: #9a9a9a; } .tcm-intranet-dark-theme .intranet-top-bar .intranet-search-item input[type=text]:-ms-input-placeholder { color: #9a9a9a; } .tcm-intranet-dark-theme .intranet-top-bar .intranet-search-item input[type=text]::-ms-input-placeholder { color: #9a9a9a; } .tcm-intranet-dark-theme .intranet-menu-container { background-color: #171717; } @media (min-width: 1200px) { .tcm-intranet-dark-theme .intranet-menu-container { background-color: #474747; } } .tcm-intranet-dark-theme .intranet-menu-container.menu-announcement, .tcm-intranet-dark-theme .intranet-menu-container.menu-alerts, .tcm-intranet-dark-theme .intranet-menu-container.menu- { background-color: #171717; } @media (min-width: 1200px) { .tcm-intranet-dark-theme .intranet-menu-container.menu-announcement, .tcm-intranet-dark-theme .intranet-menu-container.menu-alerts, .tcm-intranet-dark-theme .intranet-menu-container.menu- { background-color: #333; } } .tcm-intranet-dark-theme .intranet-menu-container.menu-announcement::before, .tcm-intranet-dark-theme .intranet-menu-container.menu-alerts::before, .tcm-intranet-dark-theme .intranet-menu-container.menu-::before { border-bottom-color: #333; } .tcm-intranet-dark-theme .intranet-menu-container.menu-announcement a:link, .tcm-intranet-dark-theme .intranet-menu-container.menu-announcement a:visited, .tcm-intranet-dark-theme .intranet-menu-container.menu-announcement a:active, .tcm-intranet-dark-theme .intranet-menu-container.menu-announcement a:hover, .tcm-intranet-dark-theme .intranet-menu-container.menu-alerts a:link, .tcm-intranet-dark-theme .intranet-menu-container.menu-alerts a:visited, .tcm-intranet-dark-theme .intranet-menu-container.menu-alerts a:active, .tcm-intranet-dark-theme .intranet-menu-container.menu-alerts a:hover, .tcm-intranet-dark-theme .intranet-menu-container.menu- a:link, .tcm-intranet-dark-theme .intranet-menu-container.menu- a:visited, .tcm-intranet-dark-theme .intranet-menu-container.menu- a:active, .tcm-intranet-dark-theme .intranet-menu-container.menu- a:hover { color: #bebebe; } .tcm-intranet-dark-theme .intranet-menu-container.menu-announcement .dropdown-item, .tcm-intranet-dark-theme .intranet-menu-container.menu-alerts .dropdown-item, .tcm-intranet-dark-theme .intranet-menu-container.menu- .dropdown-item { background-color: #333; } .tcm-intranet-dark-theme .intranet-menu-container.menu-announcement .dropdown-item.not-viewed, .tcm-intranet-dark-theme .intranet-menu-container.menu-alerts .dropdown-item.not-viewed, .tcm-intranet-dark-theme .intranet-menu-container.menu- .dropdown-item.not-viewed { background-color: #171717; } .tcm-intranet-dark-theme .intranet-menu-container.menu-announcement .dropdown-item.not-viewed:link, .tcm-intranet-dark-theme .intranet-menu-container.menu-announcement .dropdown-item.not-viewed:visited, .tcm-intranet-dark-theme .intranet-menu-container.menu-announcement .dropdown-item.not-viewed:active, .tcm-intranet-dark-theme .intranet-menu-container.menu-announcement .dropdown-item.not-viewed:hover, .tcm-intranet-dark-theme .intranet-menu-container.menu-alerts .dropdown-item.not-viewed:link, .tcm-intranet-dark-theme .intranet-menu-container.menu-alerts .dropdown-item.not-viewed:visited, .tcm-intranet-dark-theme .intranet-menu-container.menu-alerts .dropdown-item.not-viewed:active, .tcm-intranet-dark-theme .intranet-menu-container.menu-alerts .dropdown-item.not-viewed:hover, .tcm-intranet-dark-theme .intranet-menu-container.menu- .dropdown-item.not-viewed:link, .tcm-intranet-dark-theme .intranet-menu-container.menu- .dropdown-item.not-viewed:visited, .tcm-intranet-dark-theme .intranet-menu-container.menu- .dropdown-item.not-viewed:active, .tcm-intranet-dark-theme .intranet-menu-container.menu- .dropdown-item.not-viewed:hover { color: #bebebe; } .tcm-intranet-dark-theme .intranet-menu-container.menu-announcement .dropdown-item.confirmed .dropdown-info, .tcm-intranet-dark-theme .intranet-menu-container.menu-alerts .dropdown-item.confirmed .dropdown-info, .tcm-intranet-dark-theme .intranet-menu-container.menu- .dropdown-item.confirmed .dropdown-info { opacity: .5; } .tcm-intranet-dark-theme .intranet-menu-container.menu-announcement .dropdown-item.see-all, .tcm-intranet-dark-theme .intranet-menu-container.menu-alerts .dropdown-item.see-all, .tcm-intranet-dark-theme .intranet-menu-container.menu- .dropdown-item.see-all { background-color: #171717; } .tcm-intranet-dark-theme .intranet-menu-container.menu-announcement .dropdown-item.see-all:link, .tcm-intranet-dark-theme .intranet-menu-container.menu-announcement .dropdown-item.see-all:visited, .tcm-intranet-dark-theme .intranet-menu-container.menu-announcement .dropdown-item.see-all:active, .tcm-intranet-dark-theme .intranet-menu-container.menu-announcement .dropdown-item.see-all:hover, .tcm-intranet-dark-theme .intranet-menu-container.menu-alerts .dropdown-item.see-all:link, .tcm-intranet-dark-theme .intranet-menu-container.menu-alerts .dropdown-item.see-all:visited, .tcm-intranet-dark-theme .intranet-menu-container.menu-alerts .dropdown-item.see-all:active, .tcm-intranet-dark-theme .intranet-menu-container.menu-alerts .dropdown-item.see-all:hover, .tcm-intranet-dark-theme .intranet-menu-container.menu- .dropdown-item.see-all:link, .tcm-intranet-dark-theme .intranet-menu-container.menu- .dropdown-item.see-all:visited, .tcm-intranet-dark-theme .intranet-menu-container.menu- .dropdown-item.see-all:active, .tcm-intranet-dark-theme .intranet-menu-container.menu- .dropdown-item.see-all:hover { color: #bebebe; } .tcm-intranet-dark-theme .intranet-notifications-tabs .nav-link { color: #bebebe; } .tcm-intranet-dark-theme .intranet-notifications-tabs .nav-link.active { background-color: #242424; color: #fff; } .tcm-intranet-dark-theme .tcm-component-side-menu { background-color: #242424; } @media (min-width: 1200px) { .tcm-intranet-dark-theme .tcm-component-side-menu { background-color: #242424; } } .tcm-intranet-dark-theme .tcm-component-side-menu .first-level li a { background-color: transparent; color: #bebebe; } .tcm-intranet-dark-theme .tcm-component-side-menu .first-level li a.active { background-color: #474747; color: #bebebe; } @media (min-width: 768px) { .tcm-intranet-dark-theme .tcm-component-side-menu .first-level li a.active { color: #bebebe; } } .tcm-intranet-dark-theme .tcm-component-side-menu .first-level li a.active.item-menu i { color: #bebebe; } .tcm-intranet-dark-theme .tcm-component-side-menu .first-level > li a:hover { background-color: #474747; color: #bebebe; } .tcm-intranet-dark-theme .tcm-component-side-menu .second-level { background-color: #474747; } .tcm-intranet-dark-theme .tcm-component-side-menu .second-level li a { color: #bebebe; } .tcm-intranet-dark-theme .tcm-component-side-menu .second-level li a:hover { background-color: #242424; color: #bebebe; } .tcm-intranet-dark-theme .tcm-component-side-menu .second-level li a.active { background-color: #242424; color: #bebebe; } @media (min-width: 1200px) { .tcm-intranet-dark-theme .intranet-toolbar { background-color: transparent; } } .tcm-intranet-dark-theme .intranet-toolbar .intranet-toolbar-inner { background-color: #171717; } @media (min-width: 768px) { .tcm-intranet-dark-theme .intranet-toolbar .intranet-toolbar-inner { background-color: transparent; } } .tcm-intranet-dark-theme .intranet-toolbar .tcm-component-intranet-widget { background-color: #242424; } .tcm-intranet-dark-theme .intranet-home-carousel { background-color: #242424 !important; } .tcm-intranet-dark-theme .intranet-home-timeline-empty p { color: #bebebe; } .tcm-intranet-dark-theme .tcm-carousel-legend { background-color: #242424; color: #fff; } .tcm-intranet-dark-theme .carousel-slick-slide .slick-dots li button::before { border-color: #242424; } .tcm-intranet-dark-theme .carousel-slick-slide .slick-dots li.slick-active button::before { background-color: #242424; } .tcm-intranet-dark-theme .intranet-default-container { background-color: #242424 !important; } .tcm-intranet-dark-theme .intranet-default-container a:link, .tcm-intranet-dark-theme .intranet-default-container a:visited, .tcm-intranet-dark-theme .intranet-default-container a:active, .tcm-intranet-dark-theme .intranet-default-container a:hover { color: #bebebe; text-decoration: underline; } .tcm-intranet-dark-theme .intranet-default-container a.dropdown-item:link, .tcm-intranet-dark-theme .intranet-default-container a.dropdown-item:visited, .tcm-intranet-dark-theme .intranet-default-container a.dropdown-item:active { text-decoration: none; } .tcm-intranet-dark-theme .intranet-default-container a.dropdown-item:hover { background-color: #474747; color: #fff; text-decoration: none; } .tcm-intranet-dark-theme .tcm-component-intranet-widget-banner-1 { border-top: 3px solid #242424; } .tcm-intranet-dark-theme .tcm-component-page-block-files a:link, .tcm-intranet-dark-theme .tcm-component-page-block-files a:visited, .tcm-intranet-dark-theme .tcm-component-page-block-files a:active, .tcm-intranet-dark-theme .tcm-component-page-block-files a:hover { text-decoration: none; } .tcm-intranet-dark-theme .tcm-component-page-block-page-cards a:link, .tcm-intranet-dark-theme .tcm-component-page-block-page-cards a:visited, .tcm-intranet-dark-theme .tcm-component-page-block-page-cards a:active, .tcm-intranet-dark-theme .tcm-component-page-block-page-cards a:hover { text-decoration: none; } .tcm-intranet-dark-theme .tcm-component-autocomplete-1-box .ui-widget-content { background-color: #474747; border: none; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.5); } .tcm-intranet-dark-theme .tcm-component-card-1 { height: 277px; background-color: transparent; } .tcm-intranet-dark-theme .tcm-component-card-1 a { position: relative; } .tcm-intranet-dark-theme .tcm-component-card-1 a::before { content: ''; position: absolute; top: 0; width: 100%; height: 3px; background-color: #242424; z-index: 1; } .tcm-intranet-dark-theme .tcm-component-card-1 .tcm-component-card-documents-footer-date { border-color: #242424; } .tcm-intranet-dark-theme .tcm-component-intranet-widget-poll-1 .slick-arrow::before { color: #242424; } .tcm-intranet-dark-theme .tcm-component-intranet-poll-box-1 input[type=radio]:checked + label:before { background-color: #242424; } .tcm-intranet-dark-theme .tcm-component-intranet-poll-box-1-tab-results li > span span { background-color: #242424; } .tcm-intranet-dark-theme .tcm-component-media-gallery-2 .media-gallery-thumbs .media-gallery-thumb .media-gallery-image-container::after { height: 3px; } .tcm-intranet-dark-theme .tcm-component-media-gallery-2 .media-gallery-thumbs .media-gallery-thumb.slick-current .media-gallery-image-container::after { background-color: #242424; } .tcm-intranet-dark-theme .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item-title { background-color: #242424; } .tcm-intranet-dark-theme .tcm-component-intranet--link-1.tcm-component-intranet--link-1-birthday-today::before { background-color: #474747; } .tcm-intranet-dark-theme .tcm-component-intranet--link-1.tcm-component-intranet--link-1-birthday-today::after { color: #fff; } .tcm-intranet-dark-theme .tcm-component-intranet--link-1-avatar { background-color: #333; } .tcm-intranet-dark-theme.intranet--detail .tcm-component-intranet--1-avatar { background-color: #333; } .tcm-intranet-dark-theme .tcm-component-intranet--edit .tcm-component-intranet--1-avatar { background-color: #333; } .tcm-intranet-dark-theme .tcm-component-intranet-birthdays-1 a:link, .tcm-intranet-dark-theme .tcm-component-intranet-birthdays-1 a:visited, .tcm-intranet-dark-theme .tcm-component-intranet-birthdays-1 a:active, .tcm-intranet-dark-theme .tcm-component-intranet-birthdays-1 a:hover { color: #bebebe; text-decoration: none; } .tcm-intranet-dark-theme .tcm-component-intranet-birthdays-1 .tcm-component-intranet-birthdays-1-more a { background-color: #333; } .tcm-intranet-dark-theme .tcm-component-intranet-birthdays-1 .tcm-component-intranet-birthdays-1-more a:link, .tcm-intranet-dark-theme .tcm-component-intranet-birthdays-1 .tcm-component-intranet-birthdays-1-more a:visited, .tcm-intranet-dark-theme .tcm-component-intranet-birthdays-1 .tcm-component-intranet-birthdays-1-more a:active, .tcm-intranet-dark-theme .tcm-component-intranet-birthdays-1 .tcm-component-intranet-birthdays-1-more a:hover { color: #bebebe; } .tcm-intranet-dark-theme .tcm-component-intranet-birthdays-1 .tcm-component-intranet-birthdays-1-today { background-color: #333; } .tcm-intranet-dark-theme .tcm-component-intranet-birthdays-1 .tcm-component-intranet-birthdays-1-avatar { background-color: #333; } .tcm-intranet-dark-theme .intranet-communities-container .tcm-component-card-1 .tcm-component-card-1-link, .tcm-intranet-dark-theme .tcm-component-page-block-intranet-communities .tcm-component-card-1 .tcm-component-card-1-link { background-color: #313131; } .tcm-intranet-dark-theme .intranet-communities-container .tcm-component-card-1 .tcm-component-card-1-link:link, .tcm-intranet-dark-theme .intranet-communities-container .tcm-component-card-1 .tcm-component-card-1-link:visited, .tcm-intranet-dark-theme .intranet-communities-container .tcm-component-card-1 .tcm-component-card-1-link:active, .tcm-intranet-dark-theme .intranet-communities-container .tcm-component-card-1 .tcm-component-card-1-link:hover, .tcm-intranet-dark-theme .tcm-component-page-block-intranet-communities .tcm-component-card-1 .tcm-component-card-1-link:link, .tcm-intranet-dark-theme .tcm-component-page-block-intranet-communities .tcm-component-card-1 .tcm-component-card-1-link:visited, .tcm-intranet-dark-theme .tcm-component-page-block-intranet-communities .tcm-component-card-1 .tcm-component-card-1-link:active, .tcm-intranet-dark-theme .tcm-component-page-block-intranet-communities .tcm-component-card-1 .tcm-component-card-1-link:hover { text-decoration: none; } .tcm-intranet-dark-theme .intranet-communities .intranet-communities-empty p { color: #bebebe; } .tcm-intranet-dark-theme .intranet-community-create-container .intranet-community-create-type-container-list li { background-color: #242424; } .tcm-intranet-dark-theme .intranet-community-create-container .intranet-community-create-type-container-list li:hover { background-color: #171717; } .tcm-intranet-dark-theme .intranet-community-create-container .intranet-community-create-type-container-list li a:link, .tcm-intranet-dark-theme .intranet-community-create-container .intranet-community-create-type-container-list li a:visited, .tcm-intranet-dark-theme .intranet-community-create-container .intranet-community-create-type-container-list li a:active, .tcm-intranet-dark-theme .intranet-community-create-container .intranet-community-create-type-container-list li a:hover { color: #fff; text-decoration: none; } .tcm-intranet-dark-theme .intranet-banner-container { background-color: #242424 !important; color: #fff; } .tcm-intranet-dark-theme.intranet-community-detail .tcm-component-intranet--link-1:link, .tcm-intranet-dark-theme.intranet-community-detail .tcm-component-intranet--link-1:visited, .tcm-intranet-dark-theme.intranet-community-detail .tcm-component-intranet--link-1:active, .tcm-intranet-dark-theme.intranet-community-detail .tcm-component-intranet--link-1:hover { color: #bebebe; text-decoration: none; } .tcm-intranet-dark-theme.intranet-community-detail .intranet-community-detail-tab--member-item .list-status .badge-primary { background-color: #242424; } .tcm-intranet-dark-theme.intranet-community-detail .intranet-community-timeline-empty p { color: #bebebe; } .tcm-intranet-dark-theme .intranet-detail- .nav-link { color: #bebebe; } .tcm-intranet-dark-theme .intranet-detail- .nav-link.active { background-color: #242424; color: #fff; } .tcm-intranet-dark-theme .tcm-component-autocomplete-1-box .ui-state-active { color: #fff; font-weight: unset; } .tcm-intranet-dark-theme .tcm-component-autocomplete-1-box .tcm-component-autocomplete-1-item:hover { background-color: #242424; color: #fff; } .tcm-intranet-dark-theme .tcm-component-autocomplete-1-box .tcm-component-autocomplete-1-item:hover p { color: #fff; } .tcm-intranet-dark-theme .intranet-widget-community- .btn-primary { background-color: #fff; color: #242424 !important; } .tcm-intranet-dark-theme .tcm-component-intranet-post-form-tab-1 .btn { color: #bebebe; } .tcm-intranet-dark-theme .tcm-component-intranet-post-form-tab-1 .dropdown-item:hover .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-details { color: #fff; } .tcm-intranet-dark-theme .tcm-component-intranet-post-form-tab-1 .tcm-intranet-post-form-gallery-list .tcm-intranet-post-form-gallery-list-add-link { color: #fff; background-color: #242424; } .tcm-intranet-dark-theme .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-title { color: #bebebe; background-color: transparent; } .tcm-intranet-dark-theme .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-title::placeholder { color: #bebebe; } .tcm-intranet-dark-theme .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-title:-ms-input-placeholder { color: #bebebe; } .tcm-intranet-dark-theme .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-title::-ms-input-placeholder { color: #bebebe; } .tcm-intranet-dark-theme .tcm-component-media-gallery-3 a .media-gallery-image-container { border-color: #242424 !important; } .tcm-intranet-dark-theme .tcm-component-media-gallery-3 a .media-gallery-image-container .more-imgs { background-color: rgba(36, 36, 36, 0.4); } .tcm-intranet-dark-theme .tcm-component-intranet-post, .tcm-intranet-dark-theme .tcm-component-intranet- { background-color: #242424; } .tcm-intranet-dark-theme .tcm-component-intranet-post a:link, .tcm-intranet-dark-theme .tcm-component-intranet-post a:visited, .tcm-intranet-dark-theme .tcm-component-intranet-post a:active, .tcm-intranet-dark-theme .tcm-component-intranet-post a:hover, .tcm-intranet-dark-theme .tcm-component-intranet- a:link, .tcm-intranet-dark-theme .tcm-component-intranet- a:visited, .tcm-intranet-dark-theme .tcm-component-intranet- a:active, .tcm-intranet-dark-theme .tcm-component-intranet- a:hover { color: #b1b1b1; /*text-decoration: underline !important;*/ } .tcm-intranet-dark-theme .tcm-component-intranet-post .post-header .tcm-component-intranet-post-tools .btn-primary, .tcm-intranet-dark-theme .tcm-component-intranet- .post-header .tcm-component-intranet-post-tools .btn-primary { color: #bebebe !important; } .tcm-intranet-dark-theme .tcm-component-intranet-post .post-header .tcm-component-intranet-post-tools .post-btn, .tcm-intranet-dark-theme .tcm-component-intranet- .post-header .tcm-component-intranet-post-tools .post-btn { border-color: #bebebe !important; color: #bebebe; } .tcm-intranet-dark-theme .tcm-component-intranet-post .post-body .post-text-show-more button, .tcm-intranet-dark-theme .tcm-component-intranet- .post-body .post-text-show-more button { color: #bebebe; text-decoration: underline; } .tcm-intranet-dark-theme .tcm-component-intranet-post .post-body .tcm-component-intranet--link-1, .tcm-intranet-dark-theme .tcm-component-intranet- .post-body .tcm-component-intranet--link-1 { color: #bebebe; } .tcm-intranet-dark-theme .tcm-component-intranet-post .post-document-list .post-document-list-item, .tcm-intranet-dark-theme .tcm-component-intranet- .post-document-list .post-document-list-item { background-color: rgba(71, 71, 71, 0.2); } .tcm-intranet-dark-theme .tcm-component-intranet-post .post-document-list .post-document-list-item .post-document-list-item-link, .tcm-intranet-dark-theme .tcm-component-intranet- .post-document-list .post-document-list-item .post-document-list-item-link { color: #bebebe; } .tcm-intranet-dark-theme .tcm-component-intranet-post .post-document-list .post-document-list-item .post-document-list-item-size, .tcm-intranet-dark-theme .tcm-component-intranet- .post-document-list .post-document-list-item .post-document-list-item-size { color: #9a9a9a; } .tcm-intranet-dark-theme .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span, .tcm-intranet-dark-theme .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span { border-color: #242424; } .tcm-intranet-dark-theme .tcm-component-intranet-post .post-footer-buttons .btn, .tcm-intranet-dark-theme .tcm-component-intranet- .post-footer-buttons .btn { color: #bebebe; text-decoration: none; } .tcm-intranet-dark-theme .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item .label, .tcm-intranet-dark-theme .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item .label { color: #bebebe; } .tcm-intranet-dark-theme .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover .label, .tcm-intranet-dark-theme .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover .label { color: #fff; } .tcm-intranet-dark-theme .tcm-component-intranet-post .post-footer-buttons .dropdown-menu, .tcm-intranet-dark-theme .tcm-component-intranet- .post-footer-buttons .dropdown-menu { background-color: #333; } .tcm-intranet-dark-theme .tcm-component-intranet-post .post-footer-buttons .dropdown-menu a, .tcm-intranet-dark-theme .tcm-component-intranet- .post-footer-buttons .dropdown-menu a { color: #313131; text-decoration: none; } @media (min-width: 768px) { .tcm-intranet-dark-theme .tcm-component-intranet-post .post-footer-buttons .dropdown-menu a:hover, .tcm-intranet-dark-theme .tcm-component-intranet- .post-footer-buttons .dropdown-menu a:hover { color: #fff; } } .tcm-intranet-dark-theme .tcm-component-intranet-post .post-footer-buttons .dropdown-menu a.active, .tcm-intranet-dark-theme .tcm-component-intranet- .post-footer-buttons .dropdown-menu a.active { background-color: transparent; } .tcm-intranet-dark-theme .tcm-component-intranet-post .post-footer-buttons .dropdown-menu span, .tcm-intranet-dark-theme .tcm-component-intranet- .post-footer-buttons .dropdown-menu span { border-color: #333 !important; } .tcm-intranet-dark-theme .tcm-component-intranet-post .post-comments .post-new-comment, .tcm-intranet-dark-theme .tcm-component-intranet- .post-comments .post-new-comment { background-color: transparent; } .tcm-intranet-dark-theme .tcm-component-intranet-post .post-comments .post-new-comment-content, .tcm-intranet-dark-theme .tcm-component-intranet- .post-comments .post-new-comment-content { background-color: #474747; color: #bebebe; border-color: #3a3a3a; } .tcm-intranet-dark-theme .tcm-component-intranet-post .post-comments .post-new-comment-content [data-toggle="create-comment"], .tcm-intranet-dark-theme .tcm-component-intranet- .post-comments .post-new-comment-content [data-toggle="create-comment"] { color: #bebebe; } .tcm-intranet-dark-theme .tcm-component-intranet-post .post-comments .post-comments-list li, .tcm-intranet-dark-theme .tcm-component-intranet- .post-comments .post-comments-list li { border-color: #333; } .tcm-intranet-dark-theme .tcm-component-intranet-post .post-comments .commentary-box .post-body, .tcm-intranet-dark-theme .tcm-component-intranet- .post-comments .commentary-box .post-body { background-color: #474747; color: #bebebe; border-color: #3a3a3a; } .tcm-intranet-dark-theme .tcm-component-intranet- { background-color: transparent; } .tcm-intranet-dark-theme .tcm-component-intranet- .nav-tabs { border-color: #333; } .tcm-intranet-dark-theme .tcm-component-intranet- .nav-tabs .nav-link.active { background-color: transparent; border-color: #333; border-bottom-color: #242424; } .tcm-intranet-dark-theme .tcm-component-intranet- .nav-tabs .nav-link:hover { border-color: #333; } .tcm-intranet-dark-theme .tcm-component-intranet-post-edit-comment .post-edit-comment button { color: #bebebe; } .tcm-intranet-dark-theme .tcm-intranet-post-form-document-container .tcm-intranet-post-form-document-list-item { border-bottom-color: #333; } .tcm-intranet-dark-theme .tcm-component-intranet-widget-calendar-1 .tcm-component-intranet-widget-calendar-1-event-day::before { background-color: #474747; } .tcm-intranet-dark-theme .tcm-component-intranet-widget-calendar-1 .tcm-component-intranet-widget-calendar-1-event-day.tcm-component-intranet-widget-calendar-1-selected-day { background-color: #474747; color: #fff; } .tcm-intranet-dark-theme .tcm-component-intranet-widget-calendar-1 .tcm-component-intranet-widget-calendar-1-event-day.tcm-component-intranet-widget-calendar-1-selected-day::before { content: none; } .tcm-intranet-dark-theme .tcm-component-intranet-widget-calendar-1 .tcm-component-intranet-widget-calendar-1-event { border-color: rgba(190, 190, 190, 0.1); } .tcm-intranet-dark-theme .tcm-component-intranet-widget-calendar-1 .tcm-component-intranet-widget-calendar-1-today { background-color: #333; } .tcm-intranet-dark-theme .faq-list .faq-question a { color: #bebebe; } .tcm-intranet-dark-theme .faq-list .faq-question a::before { color: #bebebe; } .tcm-intranet-dark-theme .intranet-notifications-container ul li { /*&.viewed { background-color: lighten($alert-bg, 5%); } &.confirmed { background-color: $menu-bg; }*/ } .tcm-intranet-dark-theme .intranet-notifications-container ul li a:link, .tcm-intranet-dark-theme .intranet-notifications-container ul li a:visited, .tcm-intranet-dark-theme .intranet-notifications-container ul li a:active, .tcm-intranet-dark-theme .intranet-notifications-container ul li a:hover { text-decoration: none; } .tcm-intranet-dark-theme .intranet-notifications-container ul li.not-viewed { background-color: #171717; } .tcm-intranet-dark-theme .intranet-notifications-container ul li.not-viewed a:link, .tcm-intranet-dark-theme .intranet-notifications-container ul li.not-viewed a:visited, .tcm-intranet-dark-theme .intranet-notifications-container ul li.not-viewed a:active, .tcm-intranet-dark-theme .intranet-notifications-container ul li.not-viewed a:hover { color: #bebebe; } .tcm-intranet-dark-theme .intranet-notifications-container ul li.not-viewed .notification-info { color: #bebebe; } .tcm-intranet-dark-theme .intranet-notifications-container ul li.confirmed .notification-info { opacity: .5; } .tcm-intranet-dark-theme .intranet-notifications-container ul li .notification-info { color: #bebebe; } .tcm-intranet-dark-theme .intranet-notifications-container .intranet-notifications-empty p { color: #bebebe; } .tcm-intranet-dark-theme .intranet-suppliers-container:link, .tcm-intranet-dark-theme .intranet-suppliers-container:visited, .tcm-intranet-dark-theme .intranet-suppliers-container:active, .tcm-intranet-dark-theme .intranet-suppliers-container:hover { color: #bebebe; } .tcm-intranet-dark-theme .intranet-search-container .intranet-search-result a:link, .tcm-intranet-dark-theme .intranet-search-container .intranet-search-result a:visited, .tcm-intranet-dark-theme .intranet-search-container .intranet-search-result a:active, .tcm-intranet-dark-theme .intranet-search-container .intranet-search-result a:hover { color: #bebebe; } .tcm-intranet-dark-theme .intranet-search-container .intranet-search-result h3 { color: #474747; } .tcm-intranet-dark-theme .intranet-search-container .intranet-search-result li { border-color: rgba(190, 190, 190, 0.1); } .tcm-intranet-dark-theme .tcm-component-intranet-favorite-links-list .btn-link { color: #474747; } .tcm-intranet-dark-theme .intranet-search-filter a:link, .tcm-intranet-dark-theme .intranet-search-filter a:visited, .tcm-intranet-dark-theme .intranet-search-filter a:active, .tcm-intranet-dark-theme .intranet-search-filter a:hover { color: #bebebe; text-decoration: none; } .tcm-intranet-dark-theme .intranet-search-filter .badge-primary { background-color: #333; color: #bebebe; } .tcm-intranet-dark-theme .badge-primary { background-color: #474747; } .tcm-intranet-dark-theme .dropdown-menu { background-color: #333; } .tcm-intranet-dark-theme .show > .btn-secondary.dropdown-toggle { background-color: #474747; border-color: #fff; } .tcm-intranet-dark-theme .tcm-api-messagebox .tcm-api-messagebox-close-button { color: #bebebe; } .tcm-intranet-dark-theme .tcm-api-messagebox-confirm, .tcm-intranet-dark-theme .tcm-api-messagebox-alert { background-color: #242424; } .tcm-intranet-dark-theme .tcm-component--manager .tcm-component--manager-inner { background-color: #242424; } .tcm-intranet-dark-theme .tcm-component-media-gallery-1 .media-gallery-highlight .media-gallery-carousel-item a[data-type=video]::after, .tcm-intranet-dark-theme .tcm-component-media-gallery-2 .media-gallery-thumbs .media-gallery-thumb[data-type=video]::after, .tcm-intranet-dark-theme .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item > a[data-type=video]::after, .tcm-intranet-dark-theme .tcm-component-media-gallery-3 a[data-type=video]::after { background-color: #474747; } .tcm-intranet-dark-theme .tcm-component-carddeck-3 .tcm-component-card-1[data-tcm-card-type=ImageHeader] .tcm-component-card-1-link:hover .tcm-component-card-1-info, .tcm-intranet-dark-theme .tcm-component-carddeck-3 .tcm-component-card-1[data-tcm-card-type=ImageBg] .tcm-component-card-1-link:hover .tcm-component-card-1-info, .tcm-intranet-dark-theme .tcm-component-carddeck-3 .tcm-component-card-1[data-tcm-card-type=Text] .tcm-component-card-1-link:hover .tcm-component-card-1-info { color: #bebebe !important; } .tcm-intranet-dark-theme .tcm-component-multiple- .tcm-component-multiple--list.has-file li + li { border-top-color: #333; } .tcm-intranet-dark-theme .form-group p, .tcm-intranet-dark-theme .form-group .form-control-plaintext, .tcm-intranet-dark-theme .form-group .form-control:disabled, .tcm-intranet-dark-theme .form-row p, .tcm-intranet-dark-theme .form-row .form-control-plaintext, .tcm-intranet-dark-theme .form-row .form-control:disabled { background-color: #282828; /*background-color: $page-bg;*/ /*color: $text;*/ color: rgba(190, 190, 190, 0.3); } .tcm-intranet-dark-theme .form-group .tcm-component-intranet-post-form-content p, .tcm-intranet-dark-theme .form-group .create-comment-text p, .tcm-intranet-dark-theme .form-group .post-edit-comment-text p, .tcm-intranet-dark-theme .form-row .tcm-component-intranet-post-form-content p, .tcm-intranet-dark-theme .form-row .create-comment-text p, .tcm-intranet-dark-theme .form-row .post-edit-comment-text p { color: #bebebe; } .tcm-intranet-dark-theme .pagination .page-item .page-link { background-color: #333; border-color: #242424; text-decoration: none; } .tcm-intranet-dark-theme .pagination .page-item.active .page-link { background-color: #474747; color: #fff !important; } .tcm-intranet-dark-theme .pagination .page-item.disabled .page-link { opacity: .3; } .tcm-intranet-dark-theme .modal .modal-content { background-color: #242424; } .tcm-intranet-dark-theme .popover .tcm-component-intranet--link-1-avatar { background-color: #262626; } .tcm-intranet-dark-theme .popover .tcm-component-intranet--link-1-details a:link, .tcm-intranet-dark-theme .popover .tcm-component-intranet--link-1-details a:visited, .tcm-intranet-dark-theme .popover .tcm-component-intranet--link-1-details a:active, .tcm-intranet-dark-theme .popover .tcm-component-intranet--link-1-details a:hover { color: #bebebe; text-decoration: none; } .tcm-intranet-dark-theme .popover .popover-body-custom, .tcm-intranet-dark-theme .popover .popover-header, .tcm-intranet-dark-theme .popover .popover-body { background-color: #333; color: #bebebe; } .tcm-intranet-dark-theme .popover button[data-toggle=dismiss] { color: #bebebe; } .tcm-intranet-dark-theme .popover.bs-popover-auto[x-placement^=top] .arrow::after, .tcm-intranet-dark-theme .popover.bs-popover-top .arrow::after { border-top-color: #333; } .tcm-intranet-dark-theme .popover.bs-popover-auto[x-placement^=right] .arrow::after, .tcm-intranet-dark-theme .popover.bs-popover-right .arrow::after { border-right-color: #333; } .tcm-intranet-dark-theme .popover.bs-popover-auto[x-placement^=bottom] .arrow::after, .tcm-intranet-dark-theme .popover.bs-popover-bottom .arrow::after { border-bottom-color: #333; } .tcm-intranet-dark-theme .popover.bs-popover-auto[x-placement^=left] .arrow::after, .tcm-intranet-dark-theme .popover.bs-popover-left .arrow::after { border-left-color: #333; } .tcm-intranet-dark-theme .dropdown-item { color: #bebebe; } .tcm-intranet-dark-theme .dropdown-item:hover { color: #fff; background-color: #242424; } .tcm-intranet-dark-theme .ui-datepicker { background-color: #242424; color: #bebebe; border-color: #333; border-radius: 3px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); font-size: 80%; } .tcm-intranet-dark-theme .ui-datepicker td { /*width: calc((100% / 7) - .2rem);*/ padding: .3rem; margin: .1rem; cursor: pointer; } .tcm-intranet-dark-theme .ui-datepicker td.ui-datepicker-today { background-color: #333; border-radius: 50%; } .tcm-intranet-dark-theme .ui-datepicker select { background-color: transparent; color: #bebebe; border: none; } .tcm-intranet-dark-theme .ui-datepicker .ui-datepicker-prev, .tcm-intranet-dark-theme .ui-datepicker .ui-datepicker-next { font-size: 1rem; color: #bebebe; cursor: pointer; top: unset; right: unset; bottom: unset; left: .5rem; } .tcm-intranet-dark-theme .ui-datepicker .ui-datepicker-prev.ui-state-hover, .tcm-intranet-dark-theme .ui-datepicker .ui-datepicker-next.ui-state-hover { background-color: transparent; border: none; color: #bebebe; } .tcm-intranet-dark-theme .ui-datepicker .ui-datepicker-prev span, .tcm-intranet-dark-theme .ui-datepicker .ui-datepicker-next span { background-image: none; } .tcm-intranet-dark-theme .ui-datepicker .ui-datepicker-prev::before, .tcm-intranet-dark-theme .ui-datepicker .ui-datepicker-next::before { font-family: 'Font Awesome 5 Pro'; font-weight: 400; content: "\f104"; position: absolute; left: 0; } .tcm-intranet-dark-theme .ui-datepicker .ui-datepicker-next { right: .5rem; left: unset; } .tcm-intranet-dark-theme .ui-datepicker .ui-datepicker-next::before { content: "\f105"; right: 0; left: unset; } .tcm-intranet-dark-theme .ui-datepicker .ui-datepicker-header { background-color: transparent; border: none; } .tcm-intranet-dark-theme .ui-datepicker .ui-state-default { background-color: transparent; text-align: center; border: none; } .tcm-intranet-dark-theme .ui-datepicker .ui-state-default:link, .tcm-intranet-dark-theme .ui-datepicker .ui-state-default:visited, .tcm-intranet-dark-theme .ui-datepicker .ui-state-default:active, .tcm-intranet-dark-theme .ui-datepicker .ui-state-default:hover { color: #bebebe; text-decoration: none; } .tcm-intranet-dark-theme .ui-datepicker .ui-state-default.ui-state-active { position: relative; } .tcm-intranet-dark-theme .ui-datepicker .ui-state-default.ui-state-active::before { content: ''; width: .3rem; height: .3rem; border-radius: 50%; position: absolute; top: 85%; right: 0; left: 0; margin: auto; background-color: #474747; } .tcm-intranet-dark-theme .ck .ck-mentions { background-color: #333; } .tcm-intranet-dark-theme .ck .ck-button { cursor: pointer; } .tcm-intranet-dark-theme .ck .ck-button .ck-button__label { color: #bebebe; } .tcm-intranet-dark-theme .ck.ck-list__item .ck-button.ck-on { background-color: #242424 !important; } .tcm-intranet-dark-theme .ck.ck-list__item .ck-button.ck-on .ck-button__label { color: #fff; } .tcm-intranet-dark-theme .ck.ck-list__item .ck-button:hover:not(.ck-disabled) { background-color: #242424 !important; } .tcm-intranet-dark-theme .ck.ck-list__item .ck-button:hover:not(.ck-disabled) .ck-button__label { color: #fff; } .tcm-intranet-dark-theme .ck-content .mention { background: none; color: #bebebe; } .tcm-intranet-dark-theme .field-validation-error { color: #DD0000; } .tcm-intranet-dark-theme *:focus { box-shadow: none !important; } .tcm-intranet-dark-theme a { text-decoration: none !important; } .tcm-intranet-light-theme { background-color: #eee; color: #414141; /*.intranet-html-content-1 { .form-group, .form-row { label { } p { background-color: lighten($page-bg, 50%); } [disabled="disabled"] { background-color: lighten($page-bg, 50%); opacity: .5; } } }*/ /*.intranet-ticket-detail-history { .div-message-history { background-color: $page-bg; } }*/ } .tcm-intranet-light-theme a:link, .tcm-intranet-light-theme a:visited, .tcm-intranet-light-theme a:active, .tcm-intranet-light-theme a:hover { color: #065098; text-decoration: none; } .tcm-intranet-light-theme .btn-link { color: #065098; } .tcm-intranet-light-theme .btn-primary, .tcm-intranet-light-theme .btn-primary:not(:disabled):not(.disabled).active, .tcm-intranet-light-theme .btn-primary:not(:disabled):not(.disabled):active { background-color: #065098; border-color: #065098; color: #fff !important; } .tcm-intranet-light-theme .btn-primary:hover, .tcm-intranet-light-theme .btn-primary:not(:disabled):not(.disabled).active:hover, .tcm-intranet-light-theme .btn-primary:not(:disabled):not(.disabled):active:hover { background-color: #05437f; border-color: #05437f; } .tcm-intranet-light-theme .btn-secondary, .tcm-intranet-light-theme .btn-secondary:not(:disabled):not(.disabled).active, .tcm-intranet-light-theme .btn-secondary:not(:disabled):not(.disabled):active { color: #fff !important; background-color: #043667; border-color: #043667; } .tcm-intranet-light-theme .btn-secondary:hover, .tcm-intranet-light-theme .btn-secondary:not(:disabled):not(.disabled).active:hover, .tcm-intranet-light-theme .btn-secondary:not(:disabled):not(.disabled):active:hover { background-color: #03294e; border-color: #03294e; } .tcm-intranet-light-theme .breadcrumb a:link, .tcm-intranet-light-theme .breadcrumb a:visited, .tcm-intranet-light-theme .breadcrumb a:active, .tcm-intranet-light-theme .breadcrumb a:hover { color: #05437f; text-decoration: underline; } .tcm-intranet-light-theme .ui-datepicker-calendar a:link, .tcm-intranet-light-theme .ui-datepicker-calendar a:visited, .tcm-intranet-light-theme .ui-datepicker-calendar a:active, .tcm-intranet-light-theme .ui-datepicker-calendar a:hover { color: #065098; } .tcm-intranet-light-theme .close { color: #414141; text-shadow: none; } .tcm-intranet-light-theme .form-control { background-color: rgba(238, 238, 238, 0.5); color: #9a9a9a; border: none; } .tcm-intranet-light-theme .form-control::placeholder { color: #9a9a9a; opacity: .5; } .tcm-intranet-light-theme .form-control:-ms-input-placeholder { color: #9a9a9a; opacity: .5; } .tcm-intranet-light-theme .form-control::-ms-input-placeholder { color: #9a9a9a; opacity: .5; } .tcm-intranet-light-theme .form-control option { background-color: #eee; color: #414141; } .tcm-intranet-light-theme .intranet--container, .tcm-intranet-light-theme.intranet-error-page .intranet-error-page-logo-container { background-color: #1c1e2a; } .tcm-intranet-light-theme .intranet--container .intranet--box, .tcm-intranet-light-theme.intranet-error-page .intranet-error-page-logo-container .intranet--box { background-color: #fff; border-color: #fff; } .tcm-intranet-light-theme .intranet-max-width-container { background-color: #eee; } .tcm-intranet-light-theme .intranet-top-bar { background-color: #065098; } .tcm-intranet-light-theme .intranet-top-bar .intranet-top-bar-inner .menu { background-color: #065098; } .tcm-intranet-light-theme .intranet-top-bar .btn { background-color: #065098; } .tcm-intranet-light-theme .intranet-top-bar .btn.active { background-color: #05437f; } @media (min-width: 1200px) { .tcm-intranet-light-theme .intranet-top-bar .menu-item .btn { color: #fff; background-color: #065098; } } .tcm-intranet-light-theme .intranet-top-bar .menu-item .btn .badge { background-color: #065098; } @media (min-width: 1200px) { .tcm-intranet-light-theme .intranet-top-bar .menu-item .btn i { color: #f2f2f2; } } .tcm-intranet-light-theme .intranet-top-bar .dropdown-item:link, .tcm-intranet-light-theme .intranet-top-bar .dropdown-item:visited, .tcm-intranet-light-theme .intranet-top-bar .dropdown-item:active, .tcm-intranet-light-theme .intranet-top-bar .dropdown-item:hover { color: #414141; /*@media(min-width: $bootstrap-xl-min) { color: $placeholder; }*/ } .tcm-intranet-light-theme .intranet-top-bar .dropdown-item:hover { background-color: transparent; } .tcm-intranet-light-theme .intranet-top-bar .intranet-search-item .intranet-search-item-inner { background-color: #eee; } .tcm-intranet-light-theme .intranet-top-bar .intranet-search-item input[type=text] { background-color: transparent; color: #9a9a9a; } .tcm-intranet-light-theme .intranet-top-bar .intranet-search-item input[type=text]::placeholder { color: #9a9a9a; } .tcm-intranet-light-theme .intranet-top-bar .intranet-search-item input[type=text]:-ms-input-placeholder { color: #9a9a9a; } .tcm-intranet-light-theme .intranet-top-bar .intranet-search-item input[type=text]::-ms-input-placeholder { color: #9a9a9a; } .tcm-intranet-light-theme .intranet-menu-container { background-color: #05437f; } @media (min-width: 1200px) { .tcm-intranet-light-theme .intranet-menu-container { background-color: #eee; } } .tcm-intranet-light-theme .intranet-menu-container.menu-announcement, .tcm-intranet-light-theme .intranet-menu-container.menu-alerts, .tcm-intranet-light-theme .intranet-menu-container.menu- { background-color: #05437f; } @media (min-width: 1200px) { .tcm-intranet-light-theme .intranet-menu-container.menu-announcement, .tcm-intranet-light-theme .intranet-menu-container.menu-alerts, .tcm-intranet-light-theme .intranet-menu-container.menu- { background-color: #eee; } } .tcm-intranet-light-theme .intranet-menu-container.menu-announcement::before, .tcm-intranet-light-theme .intranet-menu-container.menu-alerts::before, .tcm-intranet-light-theme .intranet-menu-container.menu-::before { border-bottom-color: #eee; } .tcm-intranet-light-theme .intranet-menu-container.menu-announcement a:link, .tcm-intranet-light-theme .intranet-menu-container.menu-announcement a:visited, .tcm-intranet-light-theme .intranet-menu-container.menu-announcement a:active, .tcm-intranet-light-theme .intranet-menu-container.menu-announcement a:hover, .tcm-intranet-light-theme .intranet-menu-container.menu-alerts a:link, .tcm-intranet-light-theme .intranet-menu-container.menu-alerts a:visited, .tcm-intranet-light-theme .intranet-menu-container.menu-alerts a:active, .tcm-intranet-light-theme .intranet-menu-container.menu-alerts a:hover, .tcm-intranet-light-theme .intranet-menu-container.menu- a:link, .tcm-intranet-light-theme .intranet-menu-container.menu- a:visited, .tcm-intranet-light-theme .intranet-menu-container.menu- a:active, .tcm-intranet-light-theme .intranet-menu-container.menu- a:hover { color: #414141; } .tcm-intranet-light-theme .intranet-menu-container.menu-announcement .dropdown-item, .tcm-intranet-light-theme .intranet-menu-container.menu-alerts .dropdown-item, .tcm-intranet-light-theme .intranet-menu-container.menu- .dropdown-item { background-color: #eee; } .tcm-intranet-light-theme .intranet-menu-container.menu-announcement .dropdown-item.not-viewed, .tcm-intranet-light-theme .intranet-menu-container.menu-alerts .dropdown-item.not-viewed, .tcm-intranet-light-theme .intranet-menu-container.menu- .dropdown-item.not-viewed { background-color: #065098; } .tcm-intranet-light-theme .intranet-menu-container.menu-announcement .dropdown-item.not-viewed:link, .tcm-intranet-light-theme .intranet-menu-container.menu-announcement .dropdown-item.not-viewed:visited, .tcm-intranet-light-theme .intranet-menu-container.menu-announcement .dropdown-item.not-viewed:active, .tcm-intranet-light-theme .intranet-menu-container.menu-announcement .dropdown-item.not-viewed:hover, .tcm-intranet-light-theme .intranet-menu-container.menu-alerts .dropdown-item.not-viewed:link, .tcm-intranet-light-theme .intranet-menu-container.menu-alerts .dropdown-item.not-viewed:visited, .tcm-intranet-light-theme .intranet-menu-container.menu-alerts .dropdown-item.not-viewed:active, .tcm-intranet-light-theme .intranet-menu-container.menu-alerts .dropdown-item.not-viewed:hover, .tcm-intranet-light-theme .intranet-menu-container.menu- .dropdown-item.not-viewed:link, .tcm-intranet-light-theme .intranet-menu-container.menu- .dropdown-item.not-viewed:visited, .tcm-intranet-light-theme .intranet-menu-container.menu- .dropdown-item.not-viewed:active, .tcm-intranet-light-theme .intranet-menu-container.menu- .dropdown-item.not-viewed:hover { color: #fff; } .tcm-intranet-light-theme .intranet-menu-container.menu-announcement .dropdown-item.confirmed .dropdown-info, .tcm-intranet-light-theme .intranet-menu-container.menu-alerts .dropdown-item.confirmed .dropdown-info, .tcm-intranet-light-theme .intranet-menu-container.menu- .dropdown-item.confirmed .dropdown-info { opacity: .5; } .tcm-intranet-light-theme .intranet-menu-container.menu-announcement .dropdown-item.see-all, .tcm-intranet-light-theme .intranet-menu-container.menu-alerts .dropdown-item.see-all, .tcm-intranet-light-theme .intranet-menu-container.menu- .dropdown-item.see-all { background-color: #065098; } .tcm-intranet-light-theme .intranet-menu-container.menu-announcement .dropdown-item.see-all:link, .tcm-intranet-light-theme .intranet-menu-container.menu-announcement .dropdown-item.see-all:visited, .tcm-intranet-light-theme .intranet-menu-container.menu-announcement .dropdown-item.see-all:active, .tcm-intranet-light-theme .intranet-menu-container.menu-announcement .dropdown-item.see-all:hover, .tcm-intranet-light-theme .intranet-menu-container.menu-alerts .dropdown-item.see-all:link, .tcm-intranet-light-theme .intranet-menu-container.menu-alerts .dropdown-item.see-all:visited, .tcm-intranet-light-theme .intranet-menu-container.menu-alerts .dropdown-item.see-all:active, .tcm-intranet-light-theme .intranet-menu-container.menu-alerts .dropdown-item.see-all:hover, .tcm-intranet-light-theme .intranet-menu-container.menu- .dropdown-item.see-all:link, .tcm-intranet-light-theme .intranet-menu-container.menu- .dropdown-item.see-all:visited, .tcm-intranet-light-theme .intranet-menu-container.menu- .dropdown-item.see-all:active, .tcm-intranet-light-theme .intranet-menu-container.menu- .dropdown-item.see-all:hover { color: #fff; } .tcm-intranet-light-theme .intranet-notifications-tabs .nav-link { color: #414141; } .tcm-intranet-light-theme .intranet-notifications-tabs .nav-link.active { background-color: #065098; color: #fff; } .tcm-intranet-light-theme .tcm-component-side-menu { background-color: #fff; } @media (min-width: 1200px) { .tcm-intranet-light-theme .tcm-component-side-menu { background-color: #fff; } } .tcm-intranet-light-theme .tcm-component-side-menu .first-level li a { background-color: transparent; color: #414141; } .tcm-intranet-light-theme .tcm-component-side-menu .first-level li a.active { background-color: #eee; color: #414141; } @media (min-width: 768px) { .tcm-intranet-light-theme .tcm-component-side-menu .first-level li a.active { color: #414141; } } .tcm-intranet-light-theme .tcm-component-side-menu .first-level li a.active.item-menu i { color: #414141; } .tcm-intranet-light-theme .tcm-component-side-menu .first-level > li a:hover { background-color: #eee; color: #414141; } .tcm-intranet-light-theme .tcm-component-side-menu .second-level { background-color: #eee; } .tcm-intranet-light-theme .tcm-component-side-menu .second-level li a { color: #414141; } .tcm-intranet-light-theme .tcm-component-side-menu .second-level li a:hover { background-color: #fff; color: #414141; } .tcm-intranet-light-theme .tcm-component-side-menu .second-level li a.active { background-color: #fff; color: #414141; } @media (min-width: 1200px) { .tcm-intranet-light-theme .intranet-toolbar { background-color: transparent; } } .tcm-intranet-light-theme .intranet-toolbar .intranet-toolbar-inner { background-color: #05437f; } @media (min-width: 768px) { .tcm-intranet-light-theme .intranet-toolbar .intranet-toolbar-inner { background-color: transparent; } } .tcm-intranet-light-theme .intranet-toolbar .tcm-component-intranet-widget { background-color: #fff; } .tcm-intranet-light-theme .intranet-home-carousel { background-color: #fff !important; } .tcm-intranet-light-theme .intranet-home-timeline-empty p { color: #414141; } .tcm-intranet-light-theme .tcm-carousel-legend { background-color: #fff; color: #414141; } .tcm-intranet-light-theme .carousel-slick-slide .slick-dots li button::before { border-color: #065098; } .tcm-intranet-light-theme .carousel-slick-slide .slick-dots li.slick-active button::before { background-color: #065098; } .tcm-intranet-light-theme .intranet-default-container { background-color: #fff !important; } .tcm-intranet-light-theme .intranet-default-container a:link, .tcm-intranet-light-theme .intranet-default-container a:visited, .tcm-intranet-light-theme .intranet-default-container a:active, .tcm-intranet-light-theme .intranet-default-container a:hover { color: #065098; text-decoration: underline; } .tcm-intranet-light-theme .intranet-default-container a.dropdown-item:link, .tcm-intranet-light-theme .intranet-default-container a.dropdown-item:visited, .tcm-intranet-light-theme .intranet-default-container a.dropdown-item:active { text-decoration: none; } .tcm-intranet-light-theme .intranet-default-container a.dropdown-item:hover { background-color: #065098; color: #fff; text-decoration: none; } .tcm-intranet-light-theme .tcm-component-intranet-widget-banner-1 { border-top: 3px solid #065098; } .tcm-intranet-light-theme .tcm-component-page-block-files a:link, .tcm-intranet-light-theme .tcm-component-page-block-files a:visited, .tcm-intranet-light-theme .tcm-component-page-block-files a:active, .tcm-intranet-light-theme .tcm-component-page-block-files a:hover { text-decoration: none; } .tcm-intranet-light-theme .tcm-component-page-block-page-cards a:link, .tcm-intranet-light-theme .tcm-component-page-block-page-cards a:visited, .tcm-intranet-light-theme .tcm-component-page-block-page-cards a:active, .tcm-intranet-light-theme .tcm-component-page-block-page-cards a:hover { text-decoration: none; } .tcm-intranet-light-theme .tcm-component-autocomplete-1-box .ui-widget-content { background-color: #eee; border: none; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.5); } .tcm-intranet-light-theme .tcm-component-card-1 { height: 277px; background-color: transparent; } .tcm-intranet-light-theme .tcm-component-card-1 a { position: relative; } .tcm-intranet-light-theme .tcm-component-card-1 a::before { content: ''; position: absolute; top: 0; width: 100%; height: 3px; background-color: #065098; z-index: 1; } .tcm-intranet-light-theme .tcm-component-card-1 .tcm-component-card-documents-footer-date { border-color: #065098; } .tcm-intranet-light-theme .tcm-component-intranet-widget-poll-1 .slick-arrow::before { color: #065098; } .tcm-intranet-light-theme .tcm-component-intranet-poll-box-1 input[type=radio]:checked + label:before { background-color: #065098; } .tcm-intranet-light-theme .tcm-component-intranet-poll-box-1-tab-results li > span span { background-color: #065098; } .tcm-intranet-light-theme .tcm-component-media-gallery-2 .media-gallery-thumbs .media-gallery-thumb .media-gallery-image-container::after { height: 3px; } .tcm-intranet-light-theme .tcm-component-media-gallery-2 .media-gallery-thumbs .media-gallery-thumb.slick-current .media-gallery-image-container::after { background-color: #065098; } .tcm-intranet-light-theme .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item-title { background-color: #065098; } .tcm-intranet-light-theme .tcm-component-intranet--link-1.tcm-component-intranet--link-1-birthday-today::before { background-color: #065098; } .tcm-intranet-light-theme .tcm-component-intranet--link-1.tcm-component-intranet--link-1-birthday-today::after { color: #fff; } .tcm-intranet-light-theme .tcm-component-intranet--link-1-avatar { background-color: #eee; } .tcm-intranet-light-theme.intranet--detail .tcm-component-intranet--1-avatar { background-color: #eee; } .tcm-intranet-light-theme .tcm-component-intranet--edit .tcm-component-intranet--1-avatar { background-color: #eee; } .tcm-intranet-light-theme .tcm-component-intranet-birthdays-1 a:link, .tcm-intranet-light-theme .tcm-component-intranet-birthdays-1 a:visited, .tcm-intranet-light-theme .tcm-component-intranet-birthdays-1 a:active, .tcm-intranet-light-theme .tcm-component-intranet-birthdays-1 a:hover { color: #065098; text-decoration: none; } .tcm-intranet-light-theme .tcm-component-intranet-birthdays-1 .tcm-component-intranet-birthdays-1-more a { background-color: #eee; } .tcm-intranet-light-theme .tcm-component-intranet-birthdays-1 .tcm-component-intranet-birthdays-1-more a:link, .tcm-intranet-light-theme .tcm-component-intranet-birthdays-1 .tcm-component-intranet-birthdays-1-more a:visited, .tcm-intranet-light-theme .tcm-component-intranet-birthdays-1 .tcm-component-intranet-birthdays-1-more a:active, .tcm-intranet-light-theme .tcm-component-intranet-birthdays-1 .tcm-component-intranet-birthdays-1-more a:hover { color: #414141; } .tcm-intranet-light-theme .tcm-component-intranet-birthdays-1 .tcm-component-intranet-birthdays-1-today { background-color: #eee; } .tcm-intranet-light-theme .tcm-component-intranet-birthdays-1 .tcm-component-intranet-birthdays-1-avatar { background-color: #eee; } .tcm-intranet-light-theme .intranet-communities-container .tcm-component-card-1 .tcm-component-card-1-link, .tcm-intranet-light-theme .tcm-component-page-block-intranet-communities .tcm-component-card-1 .tcm-component-card-1-link { background-color: #075db1; } .tcm-intranet-light-theme .intranet-communities-container .tcm-component-card-1 .tcm-component-card-1-link:link, .tcm-intranet-light-theme .intranet-communities-container .tcm-component-card-1 .tcm-component-card-1-link:visited, .tcm-intranet-light-theme .intranet-communities-container .tcm-component-card-1 .tcm-component-card-1-link:active, .tcm-intranet-light-theme .intranet-communities-container .tcm-component-card-1 .tcm-component-card-1-link:hover, .tcm-intranet-light-theme .tcm-component-page-block-intranet-communities .tcm-component-card-1 .tcm-component-card-1-link:link, .tcm-intranet-light-theme .tcm-component-page-block-intranet-communities .tcm-component-card-1 .tcm-component-card-1-link:visited, .tcm-intranet-light-theme .tcm-component-page-block-intranet-communities .tcm-component-card-1 .tcm-component-card-1-link:active, .tcm-intranet-light-theme .tcm-component-page-block-intranet-communities .tcm-component-card-1 .tcm-component-card-1-link:hover { text-decoration: none; } .tcm-intranet-light-theme .intranet-communities .intranet-communities-empty p { color: #414141; } .tcm-intranet-light-theme .intranet-community-create-container .intranet-community-create-type-container-list li { background-color: #065098; } .tcm-intranet-light-theme .intranet-community-create-container .intranet-community-create-type-container-list li:hover { background-color: #05437f; } .tcm-intranet-light-theme .intranet-community-create-container .intranet-community-create-type-container-list li a:link, .tcm-intranet-light-theme .intranet-community-create-container .intranet-community-create-type-container-list li a:visited, .tcm-intranet-light-theme .intranet-community-create-container .intranet-community-create-type-container-list li a:active, .tcm-intranet-light-theme .intranet-community-create-container .intranet-community-create-type-container-list li a:hover { color: #fff; text-decoration: none; } .tcm-intranet-light-theme .intranet-banner-container { background-color: #065098 !important; color: #fff; } .tcm-intranet-light-theme.intranet-community-detail .tcm-component-intranet--link-1:link, .tcm-intranet-light-theme.intranet-community-detail .tcm-component-intranet--link-1:visited, .tcm-intranet-light-theme.intranet-community-detail .tcm-component-intranet--link-1:active, .tcm-intranet-light-theme.intranet-community-detail .tcm-component-intranet--link-1:hover { color: #414141; text-decoration: none; } .tcm-intranet-light-theme.intranet-community-detail .intranet-community-detail-tab--member-item .list-status .badge-primary { background-color: #065098; } .tcm-intranet-light-theme.intranet-community-detail .intranet-community-timeline-empty p { color: #414141; } .tcm-intranet-light-theme .intranet-detail- .nav-link { color: #414141; } .tcm-intranet-light-theme .intranet-detail- .nav-link.active { background-color: #065098; color: #fff; } .tcm-intranet-light-theme .tcm-component-autocomplete-1-box .ui-state-active { color: #fff; font-weight: unset; } .tcm-intranet-light-theme .tcm-component-autocomplete-1-box .tcm-component-autocomplete-1-item:hover { background-color: #065098; color: #fff; } .tcm-intranet-light-theme .tcm-component-autocomplete-1-box .tcm-component-autocomplete-1-item:hover p { color: #fff; } .tcm-intranet-light-theme .intranet-widget-community- .btn-primary { background-color: #fff; color: #065098 !important; } .tcm-intranet-light-theme .tcm-component-intranet-post-form-tab-1 .btn { color: #414141; } .tcm-intranet-light-theme .tcm-component-intranet-post-form-tab-1 .dropdown-item:hover .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-details { color: #fff; } .tcm-intranet-light-theme .tcm-component-intranet-post-form-tab-1 .tcm-intranet-post-form-gallery-list .tcm-intranet-post-form-gallery-list-add-link { color: #fff; background-color: #065098; } .tcm-intranet-light-theme .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-title { color: #414141; background-color: transparent; } .tcm-intranet-light-theme .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-title::placeholder { color: #414141; } .tcm-intranet-light-theme .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-title:-ms-input-placeholder { color: #414141; } .tcm-intranet-light-theme .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-title::-ms-input-placeholder { color: #414141; } .tcm-intranet-light-theme .tcm-component-media-gallery-3 a .media-gallery-image-container { border-color: #fff !important; } .tcm-intranet-light-theme .tcm-component-media-gallery-3 a .media-gallery-image-container .more-imgs { background-color: rgba(6, 80, 152, 0.4); } .tcm-intranet-light-theme .tcm-component-intranet-post, .tcm-intranet-light-theme .tcm-component-intranet- { background-color: #fff; } .tcm-intranet-light-theme .tcm-component-intranet-post a:link, .tcm-intranet-light-theme .tcm-component-intranet-post a:visited, .tcm-intranet-light-theme .tcm-component-intranet-post a:active, .tcm-intranet-light-theme .tcm-component-intranet-post a:hover, .tcm-intranet-light-theme .tcm-component-intranet- a:link, .tcm-intranet-light-theme .tcm-component-intranet- a:visited, .tcm-intranet-light-theme .tcm-component-intranet- a:active, .tcm-intranet-light-theme .tcm-component-intranet- a:hover { color: #05437f; /*text-decoration: underline !important;*/ } .tcm-intranet-light-theme .tcm-component-intranet-post .post-header .tcm-component-intranet-post-tools .btn-primary, .tcm-intranet-light-theme .tcm-component-intranet- .post-header .tcm-component-intranet-post-tools .btn-primary { color: #065098 !important; } .tcm-intranet-light-theme .tcm-component-intranet-post .post-header .tcm-component-intranet-post-tools .post-btn, .tcm-intranet-light-theme .tcm-component-intranet- .post-header .tcm-component-intranet-post-tools .post-btn { border-color: #065098 !important; color: #065098; } .tcm-intranet-light-theme .tcm-component-intranet-post .post-body .post-text-show-more button, .tcm-intranet-light-theme .tcm-component-intranet- .post-body .post-text-show-more button { color: #065098; text-decoration: underline; } .tcm-intranet-light-theme .tcm-component-intranet-post .post-body .tcm-component-intranet--link-1, .tcm-intranet-light-theme .tcm-component-intranet- .post-body .tcm-component-intranet--link-1 { color: #065098; } .tcm-intranet-light-theme .tcm-component-intranet-post .post-document-list .post-document-list-item, .tcm-intranet-light-theme .tcm-component-intranet- .post-document-list .post-document-list-item { background-color: rgba(238, 238, 238, 0.2); } .tcm-intranet-light-theme .tcm-component-intranet-post .post-document-list .post-document-list-item .post-document-list-item-link, .tcm-intranet-light-theme .tcm-component-intranet- .post-document-list .post-document-list-item .post-document-list-item-link { color: #414141; } .tcm-intranet-light-theme .tcm-component-intranet-post .post-document-list .post-document-list-item .post-document-list-item-size, .tcm-intranet-light-theme .tcm-component-intranet- .post-document-list .post-document-list-item .post-document-list-item-size { color: #9a9a9a; } .tcm-intranet-light-theme .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span, .tcm-intranet-light-theme .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span { border-color: #fff; } .tcm-intranet-light-theme .tcm-component-intranet-post .post-footer-buttons .btn, .tcm-intranet-light-theme .tcm-component-intranet- .post-footer-buttons .btn { color: #065098; text-decoration: none; } .tcm-intranet-light-theme .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item .label, .tcm-intranet-light-theme .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item .label { color: #414141; } .tcm-intranet-light-theme .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover .label, .tcm-intranet-light-theme .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover .label { color: #fff; } .tcm-intranet-light-theme .tcm-component-intranet-post .post-footer-buttons .dropdown-menu, .tcm-intranet-light-theme .tcm-component-intranet- .post-footer-buttons .dropdown-menu { background-color: #eee; } .tcm-intranet-light-theme .tcm-component-intranet-post .post-footer-buttons .dropdown-menu a, .tcm-intranet-light-theme .tcm-component-intranet- .post-footer-buttons .dropdown-menu a { color: #313131; text-decoration: none; } @media (min-width: 768px) { .tcm-intranet-light-theme .tcm-component-intranet-post .post-footer-buttons .dropdown-menu a:hover, .tcm-intranet-light-theme .tcm-component-intranet- .post-footer-buttons .dropdown-menu a:hover { color: #fff; } } .tcm-intranet-light-theme .tcm-component-intranet-post .post-footer-buttons .dropdown-menu a.active, .tcm-intranet-light-theme .tcm-component-intranet- .post-footer-buttons .dropdown-menu a.active { background-color: transparent; } .tcm-intranet-light-theme .tcm-component-intranet-post .post-footer-buttons .dropdown-menu span, .tcm-intranet-light-theme .tcm-component-intranet- .post-footer-buttons .dropdown-menu span { border-color: #eee !important; } .tcm-intranet-light-theme .tcm-component-intranet-post .post-comments .post-new-comment, .tcm-intranet-light-theme .tcm-component-intranet- .post-comments .post-new-comment { background-color: transparent; } .tcm-intranet-light-theme .tcm-component-intranet-post .post-comments .post-new-comment-content, .tcm-intranet-light-theme .tcm-component-intranet- .post-comments .post-new-comment-content { background-color: #eee; color: #414141; border-color: #e1e1e1; } .tcm-intranet-light-theme .tcm-component-intranet-post .post-comments .post-new-comment-content [data-toggle="create-comment"], .tcm-intranet-light-theme .tcm-component-intranet- .post-comments .post-new-comment-content [data-toggle="create-comment"] { color: #414141; } .tcm-intranet-light-theme .tcm-component-intranet-post .post-comments .post-comments-list li, .tcm-intranet-light-theme .tcm-component-intranet- .post-comments .post-comments-list li { border-color: #eee; } .tcm-intranet-light-theme .tcm-component-intranet-post .post-comments .commentary-box .post-body, .tcm-intranet-light-theme .tcm-component-intranet- .post-comments .commentary-box .post-body { background-color: #eee; color: #414141; border-color: #e1e1e1; } .tcm-intranet-light-theme .tcm-component-intranet- { background-color: transparent; } .tcm-intranet-light-theme .tcm-component-intranet- .nav-tabs { border-color: #eee; } .tcm-intranet-light-theme .tcm-component-intranet- .nav-tabs .nav-link.active { background-color: transparent; border-color: #eee; border-bottom-color: #fff; } .tcm-intranet-light-theme .tcm-component-intranet- .nav-tabs .nav-link:hover { border-color: #eee; } .tcm-intranet-light-theme .tcm-component-intranet-post-edit-comment .post-edit-comment button { color: #414141; } .tcm-intranet-light-theme .tcm-intranet-post-form-document-container .tcm-intranet-post-form-document-list-item { border-bottom-color: #eee; } .tcm-intranet-light-theme .tcm-component-intranet-widget-calendar-1 .tcm-component-intranet-widget-calendar-1-event-day::before { background-color: #065098; } .tcm-intranet-light-theme .tcm-component-intranet-widget-calendar-1 .tcm-component-intranet-widget-calendar-1-event-day.tcm-component-intranet-widget-calendar-1-selected-day { background-color: #065098; color: #fff; } .tcm-intranet-light-theme .tcm-component-intranet-widget-calendar-1 .tcm-component-intranet-widget-calendar-1-event-day.tcm-component-intranet-widget-calendar-1-selected-day::before { content: none; } .tcm-intranet-light-theme .tcm-component-intranet-widget-calendar-1 .tcm-component-intranet-widget-calendar-1-event { border-color: rgba(65, 65, 65, 0.1); } .tcm-intranet-light-theme .tcm-component-intranet-widget-calendar-1 .tcm-component-intranet-widget-calendar-1-today { background-color: #eee; } .tcm-intranet-light-theme .faq-list .faq-question a { color: #065098; } .tcm-intranet-light-theme .faq-list .faq-question a::before { color: #414141; } .tcm-intranet-light-theme .intranet-notifications-container ul li { /*&.viewed { background-color: lighten($alert-bg, 5%); } &.confirmed { background-color: $menu-bg; }*/ } .tcm-intranet-light-theme .intranet-notifications-container ul li a:link, .tcm-intranet-light-theme .intranet-notifications-container ul li a:visited, .tcm-intranet-light-theme .intranet-notifications-container ul li a:active, .tcm-intranet-light-theme .intranet-notifications-container ul li a:hover { text-decoration: none; } .tcm-intranet-light-theme .intranet-notifications-container ul li.not-viewed { background-color: #065098; } .tcm-intranet-light-theme .intranet-notifications-container ul li.not-viewed a:link, .tcm-intranet-light-theme .intranet-notifications-container ul li.not-viewed a:visited, .tcm-intranet-light-theme .intranet-notifications-container ul li.not-viewed a:active, .tcm-intranet-light-theme .intranet-notifications-container ul li.not-viewed a:hover { color: #fff; } .tcm-intranet-light-theme .intranet-notifications-container ul li.not-viewed .notification-info { color: #fff; } .tcm-intranet-light-theme .intranet-notifications-container ul li.confirmed .notification-info { opacity: .5; } .tcm-intranet-light-theme .intranet-notifications-container ul li .notification-info { color: #414141; } .tcm-intranet-light-theme .intranet-notifications-container .intranet-notifications-empty p { color: #414141; } .tcm-intranet-light-theme .intranet-suppliers-container:link, .tcm-intranet-light-theme .intranet-suppliers-container:visited, .tcm-intranet-light-theme .intranet-suppliers-container:active, .tcm-intranet-light-theme .intranet-suppliers-container:hover { color: #414141; } .tcm-intranet-light-theme .intranet-search-container .intranet-search-result a:link, .tcm-intranet-light-theme .intranet-search-container .intranet-search-result a:visited, .tcm-intranet-light-theme .intranet-search-container .intranet-search-result a:active, .tcm-intranet-light-theme .intranet-search-container .intranet-search-result a:hover { color: #414141; } .tcm-intranet-light-theme .intranet-search-container .intranet-search-result h3 { color: #065098; } .tcm-intranet-light-theme .intranet-search-container .intranet-search-result li { border-color: rgba(6, 80, 152, 0.1); } .tcm-intranet-light-theme .tcm-component-intranet-favorite-links-list .btn-link { color: #065098; } .tcm-intranet-light-theme .intranet-search-filter a:link, .tcm-intranet-light-theme .intranet-search-filter a:visited, .tcm-intranet-light-theme .intranet-search-filter a:active, .tcm-intranet-light-theme .intranet-search-filter a:hover { color: #414141; text-decoration: none; } .tcm-intranet-light-theme .intranet-search-filter .badge-primary { background-color: #eee; color: #414141; } .tcm-intranet-light-theme .badge-primary { background-color: #065098; } .tcm-intranet-light-theme .dropdown-menu { background-color: #eee; } .tcm-intranet-light-theme .show > .btn-secondary.dropdown-toggle { background-color: #065098; border-color: #fff; } .tcm-intranet-light-theme .tcm-api-messagebox .tcm-api-messagebox-close-button { color: #414141; } .tcm-intranet-light-theme .tcm-api-messagebox-confirm, .tcm-intranet-light-theme .tcm-api-messagebox-alert { background-color: #fff; } .tcm-intranet-light-theme .tcm-component--manager .tcm-component--manager-inner { background-color: #fff; } .tcm-intranet-light-theme .tcm-component-media-gallery-1 .media-gallery-highlight .media-gallery-carousel-item a[data-type=video]::after, .tcm-intranet-light-theme .tcm-component-media-gallery-2 .media-gallery-thumbs .media-gallery-thumb[data-type=video]::after, .tcm-intranet-light-theme .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item > a[data-type=video]::after, .tcm-intranet-light-theme .tcm-component-media-gallery-3 a[data-type=video]::after { background-color: #065098; } .tcm-intranet-light-theme .tcm-component-carddeck-3 .tcm-component-card-1[data-tcm-card-type=ImageHeader] .tcm-component-card-1-link:hover .tcm-component-card-1-info, .tcm-intranet-light-theme .tcm-component-carddeck-3 .tcm-component-card-1[data-tcm-card-type=ImageBg] .tcm-component-card-1-link:hover .tcm-component-card-1-info, .tcm-intranet-light-theme .tcm-component-carddeck-3 .tcm-component-card-1[data-tcm-card-type=Text] .tcm-component-card-1-link:hover .tcm-component-card-1-info { color: #414141 !important; } .tcm-intranet-light-theme .tcm-component-multiple- .tcm-component-multiple--list.has-file li + li { border-top-color: #eee; } .tcm-intranet-light-theme .form-group p, .tcm-intranet-light-theme .form-group .form-control-plaintext, .tcm-intranet-light-theme .form-group .form-control:disabled, .tcm-intranet-light-theme .form-row p, .tcm-intranet-light-theme .form-row .form-control-plaintext, .tcm-intranet-light-theme .form-row .form-control:disabled { background-color: #cfcfcf; /*background-color: $page-bg;*/ /*color: $text;*/ color: rgba(65, 65, 65, 0.3); } .tcm-intranet-light-theme .form-group .tcm-component-intranet-post-form-content p, .tcm-intranet-light-theme .form-group .create-comment-text p, .tcm-intranet-light-theme .form-group .post-edit-comment-text p, .tcm-intranet-light-theme .form-row .tcm-component-intranet-post-form-content p, .tcm-intranet-light-theme .form-row .create-comment-text p, .tcm-intranet-light-theme .form-row .post-edit-comment-text p { color: #414141; } .tcm-intranet-light-theme .pagination .page-item .page-link { background-color: #eee; border-color: #fff; text-decoration: none; } .tcm-intranet-light-theme .pagination .page-item.active .page-link { background-color: #065098; color: #fff !important; } .tcm-intranet-light-theme .pagination .page-item.disabled .page-link { opacity: .3; } .tcm-intranet-light-theme .modal .modal-content { background-color: #fff; } .tcm-intranet-light-theme .popover .tcm-component-intranet--link-1-avatar { background-color: #e1e1e1; } .tcm-intranet-light-theme .popover .tcm-component-intranet--link-1-details a:link, .tcm-intranet-light-theme .popover .tcm-component-intranet--link-1-details a:visited, .tcm-intranet-light-theme .popover .tcm-component-intranet--link-1-details a:active, .tcm-intranet-light-theme .popover .tcm-component-intranet--link-1-details a:hover { color: #414141; text-decoration: none; } .tcm-intranet-light-theme .popover .popover-body-custom, .tcm-intranet-light-theme .popover .popover-header, .tcm-intranet-light-theme .popover .popover-body { background-color: #eee; color: #414141; } .tcm-intranet-light-theme .popover button[data-toggle=dismiss] { color: #414141; } .tcm-intranet-light-theme .popover.bs-popover-auto[x-placement^=top] .arrow::after, .tcm-intranet-light-theme .popover.bs-popover-top .arrow::after { border-top-color: #eee; } .tcm-intranet-light-theme .popover.bs-popover-auto[x-placement^=right] .arrow::after, .tcm-intranet-light-theme .popover.bs-popover-right .arrow::after { border-right-color: #eee; } .tcm-intranet-light-theme .popover.bs-popover-auto[x-placement^=bottom] .arrow::after, .tcm-intranet-light-theme .popover.bs-popover-bottom .arrow::after { border-bottom-color: #eee; } .tcm-intranet-light-theme .popover.bs-popover-auto[x-placement^=left] .arrow::after, .tcm-intranet-light-theme .popover.bs-popover-left .arrow::after { border-left-color: #eee; } .tcm-intranet-light-theme .dropdown-item { color: #414141; } .tcm-intranet-light-theme .dropdown-item:hover { color: #fff; background-color: #065098; } .tcm-intranet-light-theme .ui-datepicker { background-color: #fff; color: #414141; border-color: #eee; border-radius: 3px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); font-size: 80%; } .tcm-intranet-light-theme .ui-datepicker td { /*width: calc((100% / 7) - .2rem);*/ padding: .3rem; margin: .1rem; cursor: pointer; } .tcm-intranet-light-theme .ui-datepicker td.ui-datepicker-today { background-color: #eee; border-radius: 50%; } .tcm-intranet-light-theme .ui-datepicker select { background-color: transparent; color: #414141; border: none; } .tcm-intranet-light-theme .ui-datepicker .ui-datepicker-prev, .tcm-intranet-light-theme .ui-datepicker .ui-datepicker-next { font-size: 1rem; color: #065098; cursor: pointer; top: unset; right: unset; bottom: unset; left: .5rem; } .tcm-intranet-light-theme .ui-datepicker .ui-datepicker-prev.ui-state-hover, .tcm-intranet-light-theme .ui-datepicker .ui-datepicker-next.ui-state-hover { background-color: transparent; border: none; color: #065098; } .tcm-intranet-light-theme .ui-datepicker .ui-datepicker-prev span, .tcm-intranet-light-theme .ui-datepicker .ui-datepicker-next span { background-image: none; } .tcm-intranet-light-theme .ui-datepicker .ui-datepicker-prev::before, .tcm-intranet-light-theme .ui-datepicker .ui-datepicker-next::before { font-family: 'Font Awesome 5 Pro'; font-weight: 400; content: "\f104"; position: absolute; left: 0; } .tcm-intranet-light-theme .ui-datepicker .ui-datepicker-next { right: .5rem; left: unset; } .tcm-intranet-light-theme .ui-datepicker .ui-datepicker-next::before { content: "\f105"; right: 0; left: unset; } .tcm-intranet-light-theme .ui-datepicker .ui-datepicker-header { background-color: transparent; border: none; } .tcm-intranet-light-theme .ui-datepicker .ui-state-default { background-color: transparent; text-align: center; border: none; } .tcm-intranet-light-theme .ui-datepicker .ui-state-default:link, .tcm-intranet-light-theme .ui-datepicker .ui-state-default:visited, .tcm-intranet-light-theme .ui-datepicker .ui-state-default:active, .tcm-intranet-light-theme .ui-datepicker .ui-state-default:hover { color: #414141; text-decoration: none; } .tcm-intranet-light-theme .ui-datepicker .ui-state-default.ui-state-active { position: relative; } .tcm-intranet-light-theme .ui-datepicker .ui-state-default.ui-state-active::before { content: ''; width: .3rem; height: .3rem; border-radius: 50%; position: absolute; top: 85%; right: 0; left: 0; margin: auto; background-color: #065098; } .tcm-intranet-light-theme .ck .ck-mentions { background-color: #eee; } .tcm-intranet-light-theme .ck .ck-button { cursor: pointer; } .tcm-intranet-light-theme .ck .ck-button .ck-button__label { color: #065098; } .tcm-intranet-light-theme .ck.ck-list__item .ck-button.ck-on { background-color: #065098 !important; } .tcm-intranet-light-theme .ck.ck-list__item .ck-button.ck-on .ck-button__label { color: #fff; } .tcm-intranet-light-theme .ck.ck-list__item .ck-button:hover:not(.ck-disabled) { background-color: #065098 !important; } .tcm-intranet-light-theme .ck.ck-list__item .ck-button:hover:not(.ck-disabled) .ck-button__label { color: #fff; } .tcm-intranet-light-theme .ck-content .mention { background: none; color: #065098; } .tcm-intranet-light-theme .field-validation-error { color: #DD0000; } .tcm-intranet-light-theme *:focus { box-shadow: none !important; } .tcm-intranet-light-theme a { text-decoration: none !important; } .tcm-intranet-light-theme .intranet-top-bar { /*@media(min-width: $bootstrap-xl-min) { background-color: #fff; }*/ background-color: #fff; } .tcm-intranet-light-theme .intranet-top-bar .menu-item .btn { background-color: #fff; color: #065098; } @media (min-width: 1200px) { .tcm-intranet-light-theme .intranet-top-bar .menu-item .btn { background-color: #065098; color: #fff; } } .tcm-intranet-light-theme .intranet-top-bar .intranet-top-bar-inner .menu { background-color: #fff; } .tcm-intranet-light-theme .intranet-menu-container { background-color: #fff; } .tcm-intranet-tesla-theme { background-color: #eee; color: #414141; /*.intranet-html-content-1 { .form-group, .form-row { label { } p { background-color: lighten($page-bg, 50%); } [disabled="disabled"] { background-color: lighten($page-bg, 50%); opacity: .5; } } }*/ /*.intranet-ticket-detail-history { .div-message-history { background-color: $page-bg; } }*/ } .tcm-intranet-tesla-theme a:link, .tcm-intranet-tesla-theme a:visited, .tcm-intranet-tesla-theme a:active, .tcm-intranet-tesla-theme a:hover { color: #b3067d; text-decoration: none; } .tcm-intranet-tesla-theme .btn-link { color: #b3067d; } .tcm-intranet-tesla-theme .btn-primary, .tcm-intranet-tesla-theme .btn-primary:not(:disabled):not(.disabled).active, .tcm-intranet-tesla-theme .btn-primary:not(:disabled):not(.disabled):active { background-color: #b3067d; border-color: #b3067d; color: #fff !important; } .tcm-intranet-tesla-theme .btn-primary:hover, .tcm-intranet-tesla-theme .btn-primary:not(:disabled):not(.disabled).active:hover, .tcm-intranet-tesla-theme .btn-primary:not(:disabled):not(.disabled):active:hover { background-color: #9a056c; border-color: #9a056c; } .tcm-intranet-tesla-theme .btn-secondary, .tcm-intranet-tesla-theme .btn-secondary:not(:disabled):not(.disabled).active, .tcm-intranet-tesla-theme .btn-secondary:not(:disabled):not(.disabled):active { color: #fff !important; background-color: #82045b; border-color: #82045b; } .tcm-intranet-tesla-theme .btn-secondary:hover, .tcm-intranet-tesla-theme .btn-secondary:not(:disabled):not(.disabled).active:hover, .tcm-intranet-tesla-theme .btn-secondary:not(:disabled):not(.disabled):active:hover { background-color: #690449; border-color: #690449; } .tcm-intranet-tesla-theme .breadcrumb a:link, .tcm-intranet-tesla-theme .breadcrumb a:visited, .tcm-intranet-tesla-theme .breadcrumb a:active, .tcm-intranet-tesla-theme .breadcrumb a:hover { color: #9a056c; text-decoration: underline; } .tcm-intranet-tesla-theme .ui-datepicker-calendar a:link, .tcm-intranet-tesla-theme .ui-datepicker-calendar a:visited, .tcm-intranet-tesla-theme .ui-datepicker-calendar a:active, .tcm-intranet-tesla-theme .ui-datepicker-calendar a:hover { color: #b3067d; } .tcm-intranet-tesla-theme .close { color: #414141; text-shadow: none; } .tcm-intranet-tesla-theme .form-control { background-color: rgba(238, 238, 238, 0.5); color: #9a9a9a; border: none; } .tcm-intranet-tesla-theme .form-control::placeholder { color: #9a9a9a; opacity: .5; } .tcm-intranet-tesla-theme .form-control:-ms-input-placeholder { color: #9a9a9a; opacity: .5; } .tcm-intranet-tesla-theme .form-control::-ms-input-placeholder { color: #9a9a9a; opacity: .5; } .tcm-intranet-tesla-theme .form-control option { background-color: #eee; color: #414141; } .tcm-intranet-tesla-theme .intranet--container, .tcm-intranet-tesla-theme.intranet-error-page .intranet-error-page-logo-container { background-color: #1c1e2a; } .tcm-intranet-tesla-theme .intranet--container .intranet--box, .tcm-intranet-tesla-theme.intranet-error-page .intranet-error-page-logo-container .intranet--box { background-color: #fff; border-color: #fff; } .tcm-intranet-tesla-theme .intranet-max-width-container { background-color: #eee; } .tcm-intranet-tesla-theme .intranet-top-bar { background-color: #b3067d; } .tcm-intranet-tesla-theme .intranet-top-bar .intranet-top-bar-inner .menu { background-color: #b3067d; } .tcm-intranet-tesla-theme .intranet-top-bar .btn { background-color: #b3067d; } .tcm-intranet-tesla-theme .intranet-top-bar .btn.active { background-color: #9a056c; } @media (min-width: 1200px) { .tcm-intranet-tesla-theme .intranet-top-bar .menu-item .btn { color: #414141; background-color: #ffcb00; } } .tcm-intranet-tesla-theme .intranet-top-bar .menu-item .btn .badge { background-color: #414141; } @media (min-width: 1200px) { .tcm-intranet-tesla-theme .intranet-top-bar .menu-item .btn i { color: #343434; } } .tcm-intranet-tesla-theme .intranet-top-bar .dropdown-item:link, .tcm-intranet-tesla-theme .intranet-top-bar .dropdown-item:visited, .tcm-intranet-tesla-theme .intranet-top-bar .dropdown-item:active, .tcm-intranet-tesla-theme .intranet-top-bar .dropdown-item:hover { color: #414141; /*@media(min-width: $bootstrap-xl-min) { color: $placeholder; }*/ } .tcm-intranet-tesla-theme .intranet-top-bar .dropdown-item:hover { background-color: transparent; } .tcm-intranet-tesla-theme .intranet-top-bar .intranet-search-item .intranet-search-item-inner { background-color: #eee; } .tcm-intranet-tesla-theme .intranet-top-bar .intranet-search-item input[type=text] { background-color: transparent; color: #9a9a9a; } .tcm-intranet-tesla-theme .intranet-top-bar .intranet-search-item input[type=text]::placeholder { color: #9a9a9a; } .tcm-intranet-tesla-theme .intranet-top-bar .intranet-search-item input[type=text]:-ms-input-placeholder { color: #9a9a9a; } .tcm-intranet-tesla-theme .intranet-top-bar .intranet-search-item input[type=text]::-ms-input-placeholder { color: #9a9a9a; } .tcm-intranet-tesla-theme .intranet-menu-container { background-color: #9a056c; } @media (min-width: 1200px) { .tcm-intranet-tesla-theme .intranet-menu-container { background-color: #eee; } } .tcm-intranet-tesla-theme .intranet-menu-container.menu-announcement, .tcm-intranet-tesla-theme .intranet-menu-container.menu-alerts, .tcm-intranet-tesla-theme .intranet-menu-container.menu- { background-color: #9a056c; } @media (min-width: 1200px) { .tcm-intranet-tesla-theme .intranet-menu-container.menu-announcement, .tcm-intranet-tesla-theme .intranet-menu-container.menu-alerts, .tcm-intranet-tesla-theme .intranet-menu-container.menu- { background-color: #fff; } } .tcm-intranet-tesla-theme .intranet-menu-container.menu-announcement::before, .tcm-intranet-tesla-theme .intranet-menu-container.menu-alerts::before, .tcm-intranet-tesla-theme .intranet-menu-container.menu-::before { border-bottom-color: #fff; } .tcm-intranet-tesla-theme .intranet-menu-container.menu-announcement a:link, .tcm-intranet-tesla-theme .intranet-menu-container.menu-announcement a:visited, .tcm-intranet-tesla-theme .intranet-menu-container.menu-announcement a:active, .tcm-intranet-tesla-theme .intranet-menu-container.menu-announcement a:hover, .tcm-intranet-tesla-theme .intranet-menu-container.menu-alerts a:link, .tcm-intranet-tesla-theme .intranet-menu-container.menu-alerts a:visited, .tcm-intranet-tesla-theme .intranet-menu-container.menu-alerts a:active, .tcm-intranet-tesla-theme .intranet-menu-container.menu-alerts a:hover, .tcm-intranet-tesla-theme .intranet-menu-container.menu- a:link, .tcm-intranet-tesla-theme .intranet-menu-container.menu- a:visited, .tcm-intranet-tesla-theme .intranet-menu-container.menu- a:active, .tcm-intranet-tesla-theme .intranet-menu-container.menu- a:hover { color: #414141; } .tcm-intranet-tesla-theme .intranet-menu-container.menu-announcement .dropdown-item, .tcm-intranet-tesla-theme .intranet-menu-container.menu-alerts .dropdown-item, .tcm-intranet-tesla-theme .intranet-menu-container.menu- .dropdown-item { background-color: #fff; } .tcm-intranet-tesla-theme .intranet-menu-container.menu-announcement .dropdown-item.not-viewed, .tcm-intranet-tesla-theme .intranet-menu-container.menu-alerts .dropdown-item.not-viewed, .tcm-intranet-tesla-theme .intranet-menu-container.menu- .dropdown-item.not-viewed { background-color: #b3067d; } .tcm-intranet-tesla-theme .intranet-menu-container.menu-announcement .dropdown-item.not-viewed:link, .tcm-intranet-tesla-theme .intranet-menu-container.menu-announcement .dropdown-item.not-viewed:visited, .tcm-intranet-tesla-theme .intranet-menu-container.menu-announcement .dropdown-item.not-viewed:active, .tcm-intranet-tesla-theme .intranet-menu-container.menu-announcement .dropdown-item.not-viewed:hover, .tcm-intranet-tesla-theme .intranet-menu-container.menu-alerts .dropdown-item.not-viewed:link, .tcm-intranet-tesla-theme .intranet-menu-container.menu-alerts .dropdown-item.not-viewed:visited, .tcm-intranet-tesla-theme .intranet-menu-container.menu-alerts .dropdown-item.not-viewed:active, .tcm-intranet-tesla-theme .intranet-menu-container.menu-alerts .dropdown-item.not-viewed:hover, .tcm-intranet-tesla-theme .intranet-menu-container.menu- .dropdown-item.not-viewed:link, .tcm-intranet-tesla-theme .intranet-menu-container.menu- .dropdown-item.not-viewed:visited, .tcm-intranet-tesla-theme .intranet-menu-container.menu- .dropdown-item.not-viewed:active, .tcm-intranet-tesla-theme .intranet-menu-container.menu- .dropdown-item.not-viewed:hover { color: #fff; } .tcm-intranet-tesla-theme .intranet-menu-container.menu-announcement .dropdown-item.confirmed .dropdown-info, .tcm-intranet-tesla-theme .intranet-menu-container.menu-alerts .dropdown-item.confirmed .dropdown-info, .tcm-intranet-tesla-theme .intranet-menu-container.menu- .dropdown-item.confirmed .dropdown-info { opacity: .5; } .tcm-intranet-tesla-theme .intranet-menu-container.menu-announcement .dropdown-item.see-all, .tcm-intranet-tesla-theme .intranet-menu-container.menu-alerts .dropdown-item.see-all, .tcm-intranet-tesla-theme .intranet-menu-container.menu- .dropdown-item.see-all { background-color: #b3067d; } .tcm-intranet-tesla-theme .intranet-menu-container.menu-announcement .dropdown-item.see-all:link, .tcm-intranet-tesla-theme .intranet-menu-container.menu-announcement .dropdown-item.see-all:visited, .tcm-intranet-tesla-theme .intranet-menu-container.menu-announcement .dropdown-item.see-all:active, .tcm-intranet-tesla-theme .intranet-menu-container.menu-announcement .dropdown-item.see-all:hover, .tcm-intranet-tesla-theme .intranet-menu-container.menu-alerts .dropdown-item.see-all:link, .tcm-intranet-tesla-theme .intranet-menu-container.menu-alerts .dropdown-item.see-all:visited, .tcm-intranet-tesla-theme .intranet-menu-container.menu-alerts .dropdown-item.see-all:active, .tcm-intranet-tesla-theme .intranet-menu-container.menu-alerts .dropdown-item.see-all:hover, .tcm-intranet-tesla-theme .intranet-menu-container.menu- .dropdown-item.see-all:link, .tcm-intranet-tesla-theme .intranet-menu-container.menu- .dropdown-item.see-all:visited, .tcm-intranet-tesla-theme .intranet-menu-container.menu- .dropdown-item.see-all:active, .tcm-intranet-tesla-theme .intranet-menu-container.menu- .dropdown-item.see-all:hover { color: #fff; } .tcm-intranet-tesla-theme .intranet-notifications-tabs .nav-link { color: #414141; } .tcm-intranet-tesla-theme .intranet-notifications-tabs .nav-link.active { background-color: #b3067d; color: #fff; } .tcm-intranet-tesla-theme .tcm-component-side-menu { background-color: #fff; } @media (min-width: 1200px) { .tcm-intranet-tesla-theme .tcm-component-side-menu { background-color: #fff; } } .tcm-intranet-tesla-theme .tcm-component-side-menu .first-level li a { background-color: transparent; color: #414141; } .tcm-intranet-tesla-theme .tcm-component-side-menu .first-level li a.active { background-color: #b3067d; color: #fff; } @media (min-width: 768px) { .tcm-intranet-tesla-theme .tcm-component-side-menu .first-level li a.active { color: #414141; } } .tcm-intranet-tesla-theme .tcm-component-side-menu .first-level li a.active.item-menu i { color: #fff; } .tcm-intranet-tesla-theme .tcm-component-side-menu .first-level > li a:hover { background-color: #b3067d; color: #fff; } .tcm-intranet-tesla-theme .tcm-component-side-menu .second-level { background-color: #b3067d; } .tcm-intranet-tesla-theme .tcm-component-side-menu .second-level li a { color: #fff; } .tcm-intranet-tesla-theme .tcm-component-side-menu .second-level li a:hover { background-color: #fff; color: #414141; } .tcm-intranet-tesla-theme .tcm-component-side-menu .second-level li a.active { background-color: #fff; color: #414141; } @media (min-width: 1200px) { .tcm-intranet-tesla-theme .intranet-toolbar { background-color: transparent; } } .tcm-intranet-tesla-theme .intranet-toolbar .intranet-toolbar-inner { background-color: #9a056c; } @media (min-width: 768px) { .tcm-intranet-tesla-theme .intranet-toolbar .intranet-toolbar-inner { background-color: transparent; } } .tcm-intranet-tesla-theme .intranet-toolbar .tcm-component-intranet-widget { background-color: #fff; } .tcm-intranet-tesla-theme .intranet-home-carousel { background-color: #ffcb00 !important; } .tcm-intranet-tesla-theme .intranet-home-timeline-empty p { color: #414141; } .tcm-intranet-tesla-theme .tcm-carousel-legend { background-color: #ffcb00; color: #fff; } .tcm-intranet-tesla-theme .carousel-slick-slide .slick-dots li button::before { border-color: #b3067d; } .tcm-intranet-tesla-theme .carousel-slick-slide .slick-dots li.slick-active button::before { background-color: #b3067d; } .tcm-intranet-tesla-theme .intranet-default-container { background-color: #fff !important; } .tcm-intranet-tesla-theme .intranet-default-container a:link, .tcm-intranet-tesla-theme .intranet-default-container a:visited, .tcm-intranet-tesla-theme .intranet-default-container a:active, .tcm-intranet-tesla-theme .intranet-default-container a:hover { color: #b3067d; text-decoration: underline; } .tcm-intranet-tesla-theme .intranet-default-container a.dropdown-item:link, .tcm-intranet-tesla-theme .intranet-default-container a.dropdown-item:visited, .tcm-intranet-tesla-theme .intranet-default-container a.dropdown-item:active { text-decoration: none; } .tcm-intranet-tesla-theme .intranet-default-container a.dropdown-item:hover { background-color: #b3067d; color: #fff; text-decoration: none; } .tcm-intranet-tesla-theme .tcm-component-intranet-widget-banner-1 { border-top: 3px solid #b3067d; } .tcm-intranet-tesla-theme .tcm-component-page-block-files a:link, .tcm-intranet-tesla-theme .tcm-component-page-block-files a:visited, .tcm-intranet-tesla-theme .tcm-component-page-block-files a:active, .tcm-intranet-tesla-theme .tcm-component-page-block-files a:hover { text-decoration: none; } .tcm-intranet-tesla-theme .tcm-component-page-block-page-cards a:link, .tcm-intranet-tesla-theme .tcm-component-page-block-page-cards a:visited, .tcm-intranet-tesla-theme .tcm-component-page-block-page-cards a:active, .tcm-intranet-tesla-theme .tcm-component-page-block-page-cards a:hover { text-decoration: none; } .tcm-intranet-tesla-theme .tcm-component-autocomplete-1-box .ui-widget-content { background-color: #eee; border: none; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.5); } .tcm-intranet-tesla-theme .tcm-component-card-1 { height: 277px; background-color: transparent; } .tcm-intranet-tesla-theme .tcm-component-card-1 a { position: relative; } .tcm-intranet-tesla-theme .tcm-component-card-1 a::before { content: ''; position: absolute; top: 0; width: 100%; height: 3px; background-color: #b3067d; z-index: 1; } .tcm-intranet-tesla-theme .tcm-component-card-1 .tcm-component-card-documents-footer-date { border-color: #b3067d; } .tcm-intranet-tesla-theme .tcm-component-intranet-widget-poll-1 .slick-arrow::before { color: #b3067d; } .tcm-intranet-tesla-theme .tcm-component-intranet-poll-box-1 input[type=radio]:checked + label:before { background-color: #b3067d; } .tcm-intranet-tesla-theme .tcm-component-intranet-poll-box-1-tab-results li > span span { background-color: #b3067d; } .tcm-intranet-tesla-theme .tcm-component-media-gallery-2 .media-gallery-thumbs .media-gallery-thumb .media-gallery-image-container::after { height: 3px; } .tcm-intranet-tesla-theme .tcm-component-media-gallery-2 .media-gallery-thumbs .media-gallery-thumb.slick-current .media-gallery-image-container::after { background-color: #b3067d; } .tcm-intranet-tesla-theme .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item-title { background-color: #b3067d; } .tcm-intranet-tesla-theme .tcm-component-intranet--link-1.tcm-component-intranet--link-1-birthday-today::before { background-color: #414141; } .tcm-intranet-tesla-theme .tcm-component-intranet--link-1.tcm-component-intranet--link-1-birthday-today::after { color: #fff; } .tcm-intranet-tesla-theme .tcm-component-intranet--link-1-avatar { background-color: #eee; } .tcm-intranet-tesla-theme.intranet--detail .tcm-component-intranet--1-avatar { background-color: #eee; } .tcm-intranet-tesla-theme .tcm-component-intranet--edit .tcm-component-intranet--1-avatar { background-color: #eee; } .tcm-intranet-tesla-theme .tcm-component-intranet-birthdays-1 a:link, .tcm-intranet-tesla-theme .tcm-component-intranet-birthdays-1 a:visited, .tcm-intranet-tesla-theme .tcm-component-intranet-birthdays-1 a:active, .tcm-intranet-tesla-theme .tcm-component-intranet-birthdays-1 a:hover { color: #b3067d; text-decoration: none; } .tcm-intranet-tesla-theme .tcm-component-intranet-birthdays-1 .tcm-component-intranet-birthdays-1-more a { background-color: #eee; } .tcm-intranet-tesla-theme .tcm-component-intranet-birthdays-1 .tcm-component-intranet-birthdays-1-more a:link, .tcm-intranet-tesla-theme .tcm-component-intranet-birthdays-1 .tcm-component-intranet-birthdays-1-more a:visited, .tcm-intranet-tesla-theme .tcm-component-intranet-birthdays-1 .tcm-component-intranet-birthdays-1-more a:active, .tcm-intranet-tesla-theme .tcm-component-intranet-birthdays-1 .tcm-component-intranet-birthdays-1-more a:hover { color: #414141; } .tcm-intranet-tesla-theme .tcm-component-intranet-birthdays-1 .tcm-component-intranet-birthdays-1-today { background-color: #eee; } .tcm-intranet-tesla-theme .tcm-component-intranet-birthdays-1 .tcm-component-intranet-birthdays-1-avatar { background-color: #eee; } .tcm-intranet-tesla-theme .intranet-communities-container .tcm-component-card-1 .tcm-component-card-1-link, .tcm-intranet-tesla-theme .tcm-component-page-block-intranet-communities .tcm-component-card-1 .tcm-component-card-1-link { background-color: #cc078e; } .tcm-intranet-tesla-theme .intranet-communities-container .tcm-component-card-1 .tcm-component-card-1-link:link, .tcm-intranet-tesla-theme .intranet-communities-container .tcm-component-card-1 .tcm-component-card-1-link:visited, .tcm-intranet-tesla-theme .intranet-communities-container .tcm-component-card-1 .tcm-component-card-1-link:active, .tcm-intranet-tesla-theme .intranet-communities-container .tcm-component-card-1 .tcm-component-card-1-link:hover, .tcm-intranet-tesla-theme .tcm-component-page-block-intranet-communities .tcm-component-card-1 .tcm-component-card-1-link:link, .tcm-intranet-tesla-theme .tcm-component-page-block-intranet-communities .tcm-component-card-1 .tcm-component-card-1-link:visited, .tcm-intranet-tesla-theme .tcm-component-page-block-intranet-communities .tcm-component-card-1 .tcm-component-card-1-link:active, .tcm-intranet-tesla-theme .tcm-component-page-block-intranet-communities .tcm-component-card-1 .tcm-component-card-1-link:hover { text-decoration: none; } .tcm-intranet-tesla-theme .intranet-communities .intranet-communities-empty p { color: #414141; } .tcm-intranet-tesla-theme .intranet-community-create-container .intranet-community-create-type-container-list li { background-color: #b3067d; } .tcm-intranet-tesla-theme .intranet-community-create-container .intranet-community-create-type-container-list li:hover { background-color: #9a056c; } .tcm-intranet-tesla-theme .intranet-community-create-container .intranet-community-create-type-container-list li a:link, .tcm-intranet-tesla-theme .intranet-community-create-container .intranet-community-create-type-container-list li a:visited, .tcm-intranet-tesla-theme .intranet-community-create-container .intranet-community-create-type-container-list li a:active, .tcm-intranet-tesla-theme .intranet-community-create-container .intranet-community-create-type-container-list li a:hover { color: #fff; text-decoration: none; } .tcm-intranet-tesla-theme .intranet-banner-container { background-color: #b3067d !important; color: #fff; } .tcm-intranet-tesla-theme.intranet-community-detail .tcm-component-intranet--link-1:link, .tcm-intranet-tesla-theme.intranet-community-detail .tcm-component-intranet--link-1:visited, .tcm-intranet-tesla-theme.intranet-community-detail .tcm-component-intranet--link-1:active, .tcm-intranet-tesla-theme.intranet-community-detail .tcm-component-intranet--link-1:hover { color: #414141; text-decoration: none; } .tcm-intranet-tesla-theme.intranet-community-detail .intranet-community-detail-tab--member-item .list-status .badge-primary { background-color: #b3067d; } .tcm-intranet-tesla-theme.intranet-community-detail .intranet-community-timeline-empty p { color: #414141; } .tcm-intranet-tesla-theme .intranet-detail- .nav-link { color: #414141; } .tcm-intranet-tesla-theme .intranet-detail- .nav-link.active { background-color: #b3067d; color: #fff; } .tcm-intranet-tesla-theme .tcm-component-autocomplete-1-box .ui-state-active { color: #fff; font-weight: unset; } .tcm-intranet-tesla-theme .tcm-component-autocomplete-1-box .tcm-component-autocomplete-1-item:hover { background-color: #b3067d; color: #fff; } .tcm-intranet-tesla-theme .tcm-component-autocomplete-1-box .tcm-component-autocomplete-1-item:hover p { color: #fff; } .tcm-intranet-tesla-theme .intranet-widget-community- .btn-primary { background-color: #fff; color: #b3067d !important; } .tcm-intranet-tesla-theme .tcm-component-intranet-post-form-tab-1 .btn { color: #414141; } .tcm-intranet-tesla-theme .tcm-component-intranet-post-form-tab-1 .dropdown-item:hover .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-details { color: #fff; } .tcm-intranet-tesla-theme .tcm-component-intranet-post-form-tab-1 .tcm-intranet-post-form-gallery-list .tcm-intranet-post-form-gallery-list-add-link { color: #fff; background-color: #b3067d; } .tcm-intranet-tesla-theme .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-title { color: #414141; background-color: transparent; } .tcm-intranet-tesla-theme .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-title::placeholder { color: #414141; } .tcm-intranet-tesla-theme .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-title:-ms-input-placeholder { color: #414141; } .tcm-intranet-tesla-theme .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-title::-ms-input-placeholder { color: #414141; } .tcm-intranet-tesla-theme .tcm-component-media-gallery-3 a .media-gallery-image-container { border-color: #fff !important; } .tcm-intranet-tesla-theme .tcm-component-media-gallery-3 a .media-gallery-image-container .more-imgs { background-color: rgba(179, 6, 125, 0.4); } .tcm-intranet-tesla-theme .tcm-component-intranet-post, .tcm-intranet-tesla-theme .tcm-component-intranet- { background-color: #fff; } .tcm-intranet-tesla-theme .tcm-component-intranet-post a:link, .tcm-intranet-tesla-theme .tcm-component-intranet-post a:visited, .tcm-intranet-tesla-theme .tcm-component-intranet-post a:active, .tcm-intranet-tesla-theme .tcm-component-intranet-post a:hover, .tcm-intranet-tesla-theme .tcm-component-intranet- a:link, .tcm-intranet-tesla-theme .tcm-component-intranet- a:visited, .tcm-intranet-tesla-theme .tcm-component-intranet- a:active, .tcm-intranet-tesla-theme .tcm-component-intranet- a:hover { color: #9a056c; /*text-decoration: underline !important;*/ } .tcm-intranet-tesla-theme .tcm-component-intranet-post .post-header .tcm-component-intranet-post-tools .btn-primary, .tcm-intranet-tesla-theme .tcm-component-intranet- .post-header .tcm-component-intranet-post-tools .btn-primary { color: #b3067d !important; } .tcm-intranet-tesla-theme .tcm-component-intranet-post .post-header .tcm-component-intranet-post-tools .post-btn, .tcm-intranet-tesla-theme .tcm-component-intranet- .post-header .tcm-component-intranet-post-tools .post-btn { border-color: #b3067d !important; color: #b3067d; } .tcm-intranet-tesla-theme .tcm-component-intranet-post .post-body .post-text-show-more button, .tcm-intranet-tesla-theme .tcm-component-intranet- .post-body .post-text-show-more button { color: #b3067d; text-decoration: underline; } .tcm-intranet-tesla-theme .tcm-component-intranet-post .post-body .tcm-component-intranet--link-1, .tcm-intranet-tesla-theme .tcm-component-intranet- .post-body .tcm-component-intranet--link-1 { color: #b3067d; } .tcm-intranet-tesla-theme .tcm-component-intranet-post .post-document-list .post-document-list-item, .tcm-intranet-tesla-theme .tcm-component-intranet- .post-document-list .post-document-list-item { background-color: rgba(238, 238, 238, 0.2); } .tcm-intranet-tesla-theme .tcm-component-intranet-post .post-document-list .post-document-list-item .post-document-list-item-link, .tcm-intranet-tesla-theme .tcm-component-intranet- .post-document-list .post-document-list-item .post-document-list-item-link { color: #414141; } .tcm-intranet-tesla-theme .tcm-component-intranet-post .post-document-list .post-document-list-item .post-document-list-item-size, .tcm-intranet-tesla-theme .tcm-component-intranet- .post-document-list .post-document-list-item .post-document-list-item-size { color: #9a9a9a; } .tcm-intranet-tesla-theme .tcm-component-intranet-post .post-reaction-status .list-inline .list-inline-item span, .tcm-intranet-tesla-theme .tcm-component-intranet- .post-reaction-status .list-inline .list-inline-item span { border-color: #fff; } .tcm-intranet-tesla-theme .tcm-component-intranet-post .post-footer-buttons .btn, .tcm-intranet-tesla-theme .tcm-component-intranet- .post-footer-buttons .btn { color: #b3067d; text-decoration: none; } .tcm-intranet-tesla-theme .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item .label, .tcm-intranet-tesla-theme .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item .label { color: #414141; } .tcm-intranet-tesla-theme .tcm-component-intranet-post .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover .label, .tcm-intranet-tesla-theme .tcm-component-intranet- .post-footer-buttons .dropup .dropdown-menu .dropdown-item:hover .label { color: #fff; } .tcm-intranet-tesla-theme .tcm-component-intranet-post .post-footer-buttons .dropdown-menu, .tcm-intranet-tesla-theme .tcm-component-intranet- .post-footer-buttons .dropdown-menu { background-color: #eee; } .tcm-intranet-tesla-theme .tcm-component-intranet-post .post-footer-buttons .dropdown-menu a, .tcm-intranet-tesla-theme .tcm-component-intranet- .post-footer-buttons .dropdown-menu a { color: #313131; text-decoration: none; } @media (min-width: 768px) { .tcm-intranet-tesla-theme .tcm-component-intranet-post .post-footer-buttons .dropdown-menu a:hover, .tcm-intranet-tesla-theme .tcm-component-intranet- .post-footer-buttons .dropdown-menu a:hover { color: #fff; } } .tcm-intranet-tesla-theme .tcm-component-intranet-post .post-footer-buttons .dropdown-menu a.active, .tcm-intranet-tesla-theme .tcm-component-intranet- .post-footer-buttons .dropdown-menu a.active { background-color: transparent; } .tcm-intranet-tesla-theme .tcm-component-intranet-post .post-footer-buttons .dropdown-menu span, .tcm-intranet-tesla-theme .tcm-component-intranet- .post-footer-buttons .dropdown-menu span { border-color: #eee !important; } .tcm-intranet-tesla-theme .tcm-component-intranet-post .post-comments .post-new-comment, .tcm-intranet-tesla-theme .tcm-component-intranet- .post-comments .post-new-comment { background-color: transparent; } .tcm-intranet-tesla-theme .tcm-component-intranet-post .post-comments .post-new-comment-content, .tcm-intranet-tesla-theme .tcm-component-intranet- .post-comments .post-new-comment-content { background-color: #eee; color: #414141; border-color: #e1e1e1; } .tcm-intranet-tesla-theme .tcm-component-intranet-post .post-comments .post-new-comment-content [data-toggle="create-comment"], .tcm-intranet-tesla-theme .tcm-component-intranet- .post-comments .post-new-comment-content [data-toggle="create-comment"] { color: #414141; } .tcm-intranet-tesla-theme .tcm-component-intranet-post .post-comments .post-comments-list li, .tcm-intranet-tesla-theme .tcm-component-intranet- .post-comments .post-comments-list li { border-color: #eee; } .tcm-intranet-tesla-theme .tcm-component-intranet-post .post-comments .commentary-box .post-body, .tcm-intranet-tesla-theme .tcm-component-intranet- .post-comments .commentary-box .post-body { background-color: #eee; color: #414141; border-color: #e1e1e1; } .tcm-intranet-tesla-theme .tcm-component-intranet- { background-color: transparent; } .tcm-intranet-tesla-theme .tcm-component-intranet- .nav-tabs { border-color: #eee; } .tcm-intranet-tesla-theme .tcm-component-intranet- .nav-tabs .nav-link.active { background-color: transparent; border-color: #eee; border-bottom-color: #fff; } .tcm-intranet-tesla-theme .tcm-component-intranet- .nav-tabs .nav-link:hover { border-color: #eee; } .tcm-intranet-tesla-theme .tcm-component-intranet-post-edit-comment .post-edit-comment button { color: #414141; } .tcm-intranet-tesla-theme .tcm-intranet-post-form-document-container .tcm-intranet-post-form-document-list-item { border-bottom-color: #eee; } .tcm-intranet-tesla-theme .tcm-component-intranet-widget-calendar-1 .tcm-component-intranet-widget-calendar-1-event-day::before { background-color: #b3067d; } .tcm-intranet-tesla-theme .tcm-component-intranet-widget-calendar-1 .tcm-component-intranet-widget-calendar-1-event-day.tcm-component-intranet-widget-calendar-1-selected-day { background-color: #414141; color: #fff; } .tcm-intranet-tesla-theme .tcm-component-intranet-widget-calendar-1 .tcm-component-intranet-widget-calendar-1-event-day.tcm-component-intranet-widget-calendar-1-selected-day::before { content: none; } .tcm-intranet-tesla-theme .tcm-component-intranet-widget-calendar-1 .tcm-component-intranet-widget-calendar-1-event { border-color: rgba(65, 65, 65, 0.1); } .tcm-intranet-tesla-theme .tcm-component-intranet-widget-calendar-1 .tcm-component-intranet-widget-calendar-1-today { background-color: #eee; } .tcm-intranet-tesla-theme .faq-list .faq-question a { color: #b3067d; } .tcm-intranet-tesla-theme .faq-list .faq-question a::before { color: #414141; } .tcm-intranet-tesla-theme .intranet-notifications-container ul li { /*&.viewed { background-color: lighten($alert-bg, 5%); } &.confirmed { background-color: $menu-bg; }*/ } .tcm-intranet-tesla-theme .intranet-notifications-container ul li a:link, .tcm-intranet-tesla-theme .intranet-notifications-container ul li a:visited, .tcm-intranet-tesla-theme .intranet-notifications-container ul li a:active, .tcm-intranet-tesla-theme .intranet-notifications-container ul li a:hover { text-decoration: none; } .tcm-intranet-tesla-theme .intranet-notifications-container ul li.not-viewed { background-color: #b3067d; } .tcm-intranet-tesla-theme .intranet-notifications-container ul li.not-viewed a:link, .tcm-intranet-tesla-theme .intranet-notifications-container ul li.not-viewed a:visited, .tcm-intranet-tesla-theme .intranet-notifications-container ul li.not-viewed a:active, .tcm-intranet-tesla-theme .intranet-notifications-container ul li.not-viewed a:hover { color: #fff; } .tcm-intranet-tesla-theme .intranet-notifications-container ul li.not-viewed .notification-info { color: #fff; } .tcm-intranet-tesla-theme .intranet-notifications-container ul li.confirmed .notification-info { opacity: .5; } .tcm-intranet-tesla-theme .intranet-notifications-container ul li .notification-info { color: #414141; } .tcm-intranet-tesla-theme .intranet-notifications-container .intranet-notifications-empty p { color: #414141; } .tcm-intranet-tesla-theme .intranet-suppliers-container:link, .tcm-intranet-tesla-theme .intranet-suppliers-container:visited, .tcm-intranet-tesla-theme .intranet-suppliers-container:active, .tcm-intranet-tesla-theme .intranet-suppliers-container:hover { color: #414141; } .tcm-intranet-tesla-theme .intranet-search-container .intranet-search-result a:link, .tcm-intranet-tesla-theme .intranet-search-container .intranet-search-result a:visited, .tcm-intranet-tesla-theme .intranet-search-container .intranet-search-result a:active, .tcm-intranet-tesla-theme .intranet-search-container .intranet-search-result a:hover { color: #414141; } .tcm-intranet-tesla-theme .intranet-search-container .intranet-search-result h3 { color: #b3067d; } .tcm-intranet-tesla-theme .intranet-search-container .intranet-search-result li { border-color: rgba(179, 6, 125, 0.1); } .tcm-intranet-tesla-theme .tcm-component-intranet-favorite-links-list .btn-link { color: #b3067d; } .tcm-intranet-tesla-theme .intranet-search-filter a:link, .tcm-intranet-tesla-theme .intranet-search-filter a:visited, .tcm-intranet-tesla-theme .intranet-search-filter a:active, .tcm-intranet-tesla-theme .intranet-search-filter a:hover { color: #414141; text-decoration: none; } .tcm-intranet-tesla-theme .intranet-search-filter .badge-primary { background-color: #eee; color: #414141; } .tcm-intranet-tesla-theme .badge-primary { background-color: #414141; } .tcm-intranet-tesla-theme .dropdown-menu { background-color: #eee; } .tcm-intranet-tesla-theme .show > .btn-secondary.dropdown-toggle { background-color: #b3067d; border-color: #fff; } .tcm-intranet-tesla-theme .tcm-api-messagebox .tcm-api-messagebox-close-button { color: #414141; } .tcm-intranet-tesla-theme .tcm-api-messagebox-confirm, .tcm-intranet-tesla-theme .tcm-api-messagebox-alert { background-color: #fff; } .tcm-intranet-tesla-theme .tcm-component--manager .tcm-component--manager-inner { background-color: #fff; } .tcm-intranet-tesla-theme .tcm-component-media-gallery-1 .media-gallery-highlight .media-gallery-carousel-item a[data-type=video]::after, .tcm-intranet-tesla-theme .tcm-component-media-gallery-2 .media-gallery-thumbs .media-gallery-thumb[data-type=video]::after, .tcm-intranet-tesla-theme .tcm-component-media-gallery-2 .media-gallery-highlight .media-gallery-carousel-item > a[data-type=video]::after, .tcm-intranet-tesla-theme .tcm-component-media-gallery-3 a[data-type=video]::after { background-color: #b3067d; } .tcm-intranet-tesla-theme .tcm-component-carddeck-3 .tcm-component-card-1[data-tcm-card-type=ImageHeader] .tcm-component-card-1-link:hover .tcm-component-card-1-info, .tcm-intranet-tesla-theme .tcm-component-carddeck-3 .tcm-component-card-1[data-tcm-card-type=ImageBg] .tcm-component-card-1-link:hover .tcm-component-card-1-info, .tcm-intranet-tesla-theme .tcm-component-carddeck-3 .tcm-component-card-1[data-tcm-card-type=Text] .tcm-component-card-1-link:hover .tcm-component-card-1-info { color: #414141 !important; } .tcm-intranet-tesla-theme .tcm-component-multiple- .tcm-component-multiple--list.has-file li + li { border-top-color: #eee; } .tcm-intranet-tesla-theme .form-group p, .tcm-intranet-tesla-theme .form-group .form-control-plaintext, .tcm-intranet-tesla-theme .form-group .form-control:disabled, .tcm-intranet-tesla-theme .form-row p, .tcm-intranet-tesla-theme .form-row .form-control-plaintext, .tcm-intranet-tesla-theme .form-row .form-control:disabled { background-color: #cfcfcf; /*background-color: $page-bg;*/ /*color: $text;*/ color: rgba(65, 65, 65, 0.3); } .tcm-intranet-tesla-theme .form-group .tcm-component-intranet-post-form-content p, .tcm-intranet-tesla-theme .form-group .create-comment-text p, .tcm-intranet-tesla-theme .form-group .post-edit-comment-text p, .tcm-intranet-tesla-theme .form-row .tcm-component-intranet-post-form-content p, .tcm-intranet-tesla-theme .form-row .create-comment-text p, .tcm-intranet-tesla-theme .form-row .post-edit-comment-text p { color: #414141; } .tcm-intranet-tesla-theme .pagination .page-item .page-link { background-color: #eee; border-color: #fff; text-decoration: none; } .tcm-intranet-tesla-theme .pagination .page-item.active .page-link { background-color: #b3067d; color: #fff !important; } .tcm-intranet-tesla-theme .pagination .page-item.disabled .page-link { opacity: .3; } .tcm-intranet-tesla-theme .modal .modal-content { background-color: #fff; } .tcm-intranet-tesla-theme .popover .tcm-component-intranet--link-1-avatar { background-color: #e1e1e1; } .tcm-intranet-tesla-theme .popover .tcm-component-intranet--link-1-details a:link, .tcm-intranet-tesla-theme .popover .tcm-component-intranet--link-1-details a:visited, .tcm-intranet-tesla-theme .popover .tcm-component-intranet--link-1-details a:active, .tcm-intranet-tesla-theme .popover .tcm-component-intranet--link-1-details a:hover { color: #414141; text-decoration: none; } .tcm-intranet-tesla-theme .popover .popover-body-custom, .tcm-intranet-tesla-theme .popover .popover-header, .tcm-intranet-tesla-theme .popover .popover-body { background-color: #eee; color: #414141; } .tcm-intranet-tesla-theme .popover button[data-toggle=dismiss] { color: #414141; } .tcm-intranet-tesla-theme .popover.bs-popover-auto[x-placement^=top] .arrow::after, .tcm-intranet-tesla-theme .popover.bs-popover-top .arrow::after { border-top-color: #eee; } .tcm-intranet-tesla-theme .popover.bs-popover-auto[x-placement^=right] .arrow::after, .tcm-intranet-tesla-theme .popover.bs-popover-right .arrow::after { border-right-color: #eee; } .tcm-intranet-tesla-theme .popover.bs-popover-auto[x-placement^=bottom] .arrow::after, .tcm-intranet-tesla-theme .popover.bs-popover-bottom .arrow::after { border-bottom-color: #eee; } .tcm-intranet-tesla-theme .popover.bs-popover-auto[x-placement^=left] .arrow::after, .tcm-intranet-tesla-theme .popover.bs-popover-left .arrow::after { border-left-color: #eee; } .tcm-intranet-tesla-theme .dropdown-item { color: #414141; } .tcm-intranet-tesla-theme .dropdown-item:hover { color: #fff; background-color: #b3067d; } .tcm-intranet-tesla-theme .ui-datepicker { background-color: #fff; color: #414141; border-color: #eee; border-radius: 3px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); font-size: 80%; } .tcm-intranet-tesla-theme .ui-datepicker td { /*width: calc((100% / 7) - .2rem);*/ padding: .3rem; margin: .1rem; cursor: pointer; } .tcm-intranet-tesla-theme .ui-datepicker td.ui-datepicker-today { background-color: #eee; border-radius: 50%; } .tcm-intranet-tesla-theme .ui-datepicker select { background-color: transparent; color: #414141; border: none; } .tcm-intranet-tesla-theme .ui-datepicker .ui-datepicker-prev, .tcm-intranet-tesla-theme .ui-datepicker .ui-datepicker-next { font-size: 1rem; color: #b3067d; cursor: pointer; top: unset; right: unset; bottom: unset; left: .5rem; } .tcm-intranet-tesla-theme .ui-datepicker .ui-datepicker-prev.ui-state-hover, .tcm-intranet-tesla-theme .ui-datepicker .ui-datepicker-next.ui-state-hover { background-color: transparent; border: none; color: #b3067d; } .tcm-intranet-tesla-theme .ui-datepicker .ui-datepicker-prev span, .tcm-intranet-tesla-theme .ui-datepicker .ui-datepicker-next span { background-image: none; } .tcm-intranet-tesla-theme .ui-datepicker .ui-datepicker-prev::before, .tcm-intranet-tesla-theme .ui-datepicker .ui-datepicker-next::before { font-family: 'Font Awesome 5 Pro'; font-weight: 400; content: "\f104"; position: absolute; left: 0; } .tcm-intranet-tesla-theme .ui-datepicker .ui-datepicker-next { right: .5rem; left: unset; } .tcm-intranet-tesla-theme .ui-datepicker .ui-datepicker-next::before { content: "\f105"; right: 0; left: unset; } .tcm-intranet-tesla-theme .ui-datepicker .ui-datepicker-header { background-color: transparent; border: none; } .tcm-intranet-tesla-theme .ui-datepicker .ui-state-default { background-color: transparent; text-align: center; border: none; } .tcm-intranet-tesla-theme .ui-datepicker .ui-state-default:link, .tcm-intranet-tesla-theme .ui-datepicker .ui-state-default:visited, .tcm-intranet-tesla-theme .ui-datepicker .ui-state-default:active, .tcm-intranet-tesla-theme .ui-datepicker .ui-state-default:hover { color: #414141; text-decoration: none; } .tcm-intranet-tesla-theme .ui-datepicker .ui-state-default.ui-state-active { position: relative; } .tcm-intranet-tesla-theme .ui-datepicker .ui-state-default.ui-state-active::before { content: ''; width: .3rem; height: .3rem; border-radius: 50%; position: absolute; top: 85%; right: 0; left: 0; margin: auto; background-color: #b3067d; } .tcm-intranet-tesla-theme .ck .ck-mentions { background-color: #eee; } .tcm-intranet-tesla-theme .ck .ck-button { cursor: pointer; } .tcm-intranet-tesla-theme .ck .ck-button .ck-button__label { color: #b3067d; } .tcm-intranet-tesla-theme .ck.ck-list__item .ck-button.ck-on { background-color: #b3067d !important; } .tcm-intranet-tesla-theme .ck.ck-list__item .ck-button.ck-on .ck-button__label { color: #fff; } .tcm-intranet-tesla-theme .ck.ck-list__item .ck-button:hover:not(.ck-disabled) { background-color: #b3067d !important; } .tcm-intranet-tesla-theme .ck.ck-list__item .ck-button:hover:not(.ck-disabled) .ck-button__label { color: #fff; } .tcm-intranet-tesla-theme .ck-content .mention { background: none; color: #b3067d; } .tcm-intranet-tesla-theme .field-validation-error { color: #DD0000; } .tcm-intranet-tesla-theme *:focus { box-shadow: none !important; outline: none !important; } .tcm-intranet-tesla-theme a { text-decoration: none !important; } .tcm-intranet-tesla-theme .tcm-component-carousel-2 .tcm-carousel-legend { max-width: 100%; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.25); } .tcm-intranet-tesla-theme .tcm-component-carousel-2 .tcm-carousel-legend .tcm-carousel-legend-inner { color: #fff; position: absolute; right: 1rem; bottom: 1rem; } @media (min-width: 992px) { .tcm-intranet-tesla-theme .tcm-component-carousel-2 .tcm-carousel-legend .tcm-carousel-legend-inner { max-width: calc(70% - 1.5rem); } } /* REVISAR */ .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-theme { position: static; } @media (min-width: 768px) { .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-theme { position: relative; } } .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-theme .dropdown-menu { width: 212px; left: -50px !important; right: 0; border-radius: 2rem; padding: .5rem; } @media (min-width: 768px) { .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-theme .dropdown-menu { left: auto !important; } } .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-theme .dropdown-menu .dropdown-item { display: inline-block; background-color: white; border: 2px solid lightgray; border-radius: 50%; width: 2.5rem; height: 2.5rem; margin: 2px; background-position: center center; background-repeat: no-repeat; background-size: cover; } .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-theme .dropdown-menu .dropdown-item.theme-default { background-color: white; } .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-theme .dropdown-menu .dropdown-item.theme-love { background-color: red; background-image: url("https://image.staticox.com/?url=https%3A%2F%2Ftransfer.tesla.com.br%2Ftcm%2Fthemes%2Flove.jpg"); } .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-theme .dropdown-menu .dropdown-item.theme-bricks { background-color: black; background-image: url("https://image.staticox.com/?url=https%3A%2F%2Ftransfer.tesla.com.br%2Ftcm%2Fthemes%2Fbricks.jpg"); } .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-theme .dropdown-menu .dropdown-item.theme-happy-birthday { background-color: blue; background-image: url("https://image.staticox.com/?url=https%3A%2F%2Ftransfer.tesla.com.br%2Ftcm%2Fthemes%2Fhappy-birthday.jpg"); } .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-theme .dropdown-menu .dropdown-item.theme-color { background-color: yellowgreen; background-image: url("https://image.staticox.com/?url=https%3A%2F%2Ftransfer.tesla.com.br%2Ftcm%2Fthemes%2Fcolor.jpg"); } .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-theme .dropdown-menu .dropdown-item.theme-books { background-color: yellow; background-image: url("https://image.staticox.com/?url=https%3A%2F%2Ftransfer.tesla.com.br%2Ftcm%2Fthemes%2Fbooks.jpg"); } .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-content-container.theme-love { border-radius: 4px; text-align: center; padding: 3rem 1rem; background-position: center bottom; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.staticox.com/?url=https%3A%2F%2Ftransfer.tesla.com.br%2Ftcm%2Fthemes%2Flove.jpg"); } .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-content-container.theme-love p { color: white; font-size: 2rem; } .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-content-container.theme-love ul li, .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-content-container.theme-love ol li { color: white; font-size: 2rem; } .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-content-container.theme-bricks { border-radius: 4px; text-align: center; padding: 3rem 1rem; background-position: center bottom; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.staticox.com/?url=https%3A%2F%2Ftransfer.tesla.com.br%2Ftcm%2Fthemes%2Fbricks.jpg"); } .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-content-container.theme-bricks p { color: white; font-size: 2rem; } .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-content-container.theme-bricks ul li, .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-content-container.theme-bricks ol li { color: white; font-size: 2rem; } .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-content-container.theme-happy-birthday { border-radius: 4px; text-align: center; padding: 3rem 1rem; background-position: center bottom; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.staticox.com/?url=https%3A%2F%2Ftransfer.tesla.com.br%2Ftcm%2Fthemes%2Fhappy-birthday.jpg"); } .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-content-container.theme-happy-birthday p { color: black; font-size: 2rem; } .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-content-container.theme-happy-birthday ul li, .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-content-container.theme-happy-birthday ol li { color: black; font-size: 2rem; } .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-content-container.theme-color { border-radius: 4px; text-align: center; padding: 3rem 1rem; background-position: center bottom; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.staticox.com/?url=https%3A%2F%2Ftransfer.tesla.com.br%2Ftcm%2Fthemes%2Fcolor.jpg"); } .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-content-container.theme-color p { color: black; font-size: 2rem; } .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-content-container.theme-color ul li, .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-content-container.theme-color ol li { color: black; font-size: 2rem; } .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-content-container.theme-books { border-radius: 4px; text-align: center; padding: 3rem 1rem; background-position: center bottom; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.staticox.com/?url=https%3A%2F%2Ftransfer.tesla.com.br%2Ftcm%2Fthemes%2Fbooks.jpg"); } .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-content-container.theme-books p { color: black; font-size: 2rem; } .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-content-container.theme-books ul li, .tcm-component-intranet-post-form-tab-1 .tcm-component-intranet-post-form-content-container.theme-books ol li { color: black; font-size: 2rem; } .tcm-component-intranet-post.theme-love { border-radius: 4px; text-align: center; padding: 3rem 1rem; background-position: center bottom; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.staticox.com/?url=https%3A%2F%2Ftransfer.tesla.com.br%2Ftcm%2Fthemes%2Flove.jpg"); } .tcm-component-intranet-post.theme-love p { color: white; font-size: 2rem; } .tcm-component-intranet-post.theme-love ul li, .tcm-component-intranet-post.theme-love ol li { color: white; font-size: 2rem; } .tcm-component-intranet-post.theme-bricks .post-text { border-radius: 4px; text-align: center; padding: 3rem 1rem; background-position: center bottom; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.staticox.com/?url=https%3A%2F%2Ftransfer.tesla.com.br%2Ftcm%2Fthemes%2Fbricks.jpg"); margin-bottom: 1rem; } .tcm-component-intranet-post.theme-bricks .post-text p { color: white; font-size: 2rem; } .tcm-component-intranet-post.theme-bricks .post-text ul li, .tcm-component-intranet-post.theme-bricks .post-text ol li { color: white; font-size: 2rem; } .tcm-component-intranet-post.theme-happy-birthday .post-text { border-radius: 4px; text-align: center; padding: 3rem 1rem; background-position: center bottom; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.staticox.com/?url=https%3A%2F%2Ftransfer.tesla.com.br%2Ftcm%2Fthemes%2Fhappy-birthday.jpg"); margin-bottom: 1rem; } .tcm-component-intranet-post.theme-happy-birthday .post-text p { color: black; font-size: 2rem; } .tcm-component-intranet-post.theme-happy-birthday .post-text ul li, .tcm-component-intranet-post.theme-happy-birthday .post-text ol li { color: black; font-size: 2rem; } .tcm-component-intranet-post.theme-color .post-text { border-radius: 4px; text-align: center; padding: 3rem 1rem; background-position: center bottom; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.staticox.com/?url=https%3A%2F%2Ftransfer.tesla.com.br%2Ftcm%2Fthemes%2Fcolor.jpg"); margin-bottom: 1rem; } .tcm-component-intranet-post.theme-color .post-text p { color: black; font-size: 2rem; } .tcm-component-intranet-post.theme-color .post-text ul li, .tcm-component-intranet-post.theme-color .post-text ol li { color: black; font-size: 2rem; } .tcm-component-intranet-post.theme-books .post-text { border-radius: 4px; text-align: center; padding: 3rem 1rem; background-position: center bottom; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.staticox.com/?url=https%3A%2F%2Ftransfer.tesla.com.br%2Ftcm%2Fthemes%2Fbooks.jpg"); margin-bottom: 1rem; } .tcm-component-intranet-post.theme-books .post-text p { color: black; font-size: 2rem; } .tcm-component-intranet-post.theme-books .post-text ul li, .tcm-component-intranet-post.theme-books .post-text ol li { color: black; font-size: 2rem; } .intranet-home-page .intranet-home-timeline-empty { padding: 3rem 1rem; text-align: center; } .intranet-home-page .intranet-home-timeline-empty p { font-style: italic; } .intranet-home-page .intranet-home-carousel { margin-top: -.5rem; margin-right: -.5rem; margin-left: -.5rem; } @media (min-width: 768px) { .intranet-home-page .intranet-home-carousel { margin-top: 0; margin-right: 0; margin-left: 0; } } .intranet-communities .intranet-communities-empty { padding: 3rem 1rem; text-align: center; } .intranet-communities .intranet-communities-empty p { font-style: italic; } .intranet-communities-container .tcm-component-card-1 { height: auto !important; min-height: 150px; border-radius: 3px; } .intranet-communities-container .tcm-component-card-1 a { border-radius: 3px; } .intranet-communities-container .tcm-component-card-1 a::before { content: none; } .intranet-communities-container .tcm-component-card-1 .tcm-component-card-1-link { min-height: 150px; border-radius: 3px; text-decoration: none; } .intranet-communities-container .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-info { min-height: 150px; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; align-items: flex-start; flex-direction: column; justify-content: flex-end; border-radius: 3px; bottom: 0; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .intranet-communities-container .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-info { height: 150px; } } .intranet-communities-container .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-info::before { position: absolute; font-family: 'Font Awesome 5 Pro'; font-weight: 600; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; height: 35px; width: 35px; top: 3px; right: 3px; font-size: 1.2rem; z-index: 1; text-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); } .intranet-communities-container .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-info h3 { font-size: 1rem; margin: 2rem 0 0; } .intranet-communities-container .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-info p { font-size: .8rem; font-style: italic; padding: 0 0 1rem; } .intranet-communities-container .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-image-container::after { background-color: rgba(0, 0, 0, 0.3); } .intranet-communities-container .tcm-component-card-1.community-official .tcm-component-card-1-info::before { content: "\f1ad"; } .intranet-communities-container .tcm-component-card-1.community-public .tcm-component-card-1-info::before { content: "\f0ac"; } .intranet-communities-container .tcm-component-card-1.community-private .tcm-component-card-1-info::before { content: "\f13e"; } .intranet-communities-container .tcm-component-card-1.community-secret .tcm-component-card-1-info::before { content: "\f6e2"; } .intranet-communities-container .tcm-component-card-1.has-notifications .tcm-component-card-1-info::after { content: "\f0f3"; position: absolute; font-family: 'Font Awesome 5 Pro'; /*font-weight: 600;*/ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; height: 35px; width: 35px; top: 3px; right: 35px; font-size: 1.2rem; z-index: 1; text-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); } .intranet-communities-container .intranet-community-detail-list { margin: 0; padding: 0; list-style-type: none; } .intranet-communities-container .intranet-community-detail-list.fixed-height { height: 300px; padding-right: 1rem; overflow: hidden; } .intranet-communities-container .intranet-community-detail-list li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; padding: .3rem 0; flex-wrap: wrap; } @media (min-width: 768px) { .intranet-communities-container .intranet-community-detail-list li { flex-wrap: nowrap; } } .intranet-communities-container .intranet-community-detail-list li + li { border-top: 1px solid #dee2e6; } .intranet-communities-container .intranet-community-detail-list li .list- { flex-grow: 1; padding-right: 1rem; } @media (min-width: 768px) { .intranet-communities-container .intranet-community-detail-list li .list- { flex-basis: calc(50% - 46px); } } .intranet-communities-container .intranet-community-detail-list li .list-status { width: 100%; order: 1; } @media (min-width: 768px) { .intranet-communities-container .intranet-community-detail-list li .list-status { flex-basis: calc(50% - 46px); order: unset; } } .intranet-communities-container .intranet-community-detail-list li .list-accept { flex-basis: 46px; } .intranet-communities-container .intranet-community-detail-list li .list-delete { flex-basis: 46px; } .intranet-community-create-container h5 { margin-bottom: 1rem; } .intranet-community-create-container .intranet-community-create-tab { display: none; position: relative; } .intranet-community-create-container .intranet-community-create-tab.intranet-community-create-tab-type { display: block; } .intranet-community-create-container .intranet-community-create-type-container-list { padding: 0; margin: 0; list-style-type: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; align-items: stretch; flex-wrap: wrap; margin: -.5rem; } .intranet-community-create-container .intranet-community-create-type-container-list li { width: 100%; margin: .5rem; border-radius: 3px; transition: all ease-in-out 0.5s; } @media (min-width: 768px) { .intranet-community-create-container .intranet-community-create-type-container-list li { width: calc(50% - 1rem); } } .intranet-community-create-container .intranet-community-create-type-container-list li a { display: block; padding: 1rem; } .intranet-community-create-container .intranet-community-create-type-container-list li span { display: inline-block; width: 100%; text-transform: uppercase; font-weight: bold; margin-bottom: .5rem; } .intranet-community-create-container .intranet-community-create-type-container-list li span i { text-align: left; } .intranet-community-detail .intranet-community-detail-list, .intranet-community-create .intranet-community-detail-list { margin: 0; padding: 0; list-style-type: none; } .intranet-community-detail .intranet-community-detail-list.fixed-height, .intranet-community-create .intranet-community-detail-list.fixed-height { height: 300px; overflow: hidden; padding-right: 1rem; } .intranet-community-detail .intranet-community-detail-list li, .intranet-community-create .intranet-community-detail-list li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; padding: .3rem 0; flex-wrap: wrap; position: relative; margin-bottom: 2.5rem; } @media (min-width: 768px) { .intranet-community-detail .intranet-community-detail-list li, .intranet-community-create .intranet-community-detail-list li { flex-wrap: nowrap; margin-bottom: 0; } } .intranet-community-detail .intranet-community-detail-list li + li, .intranet-community-create .intranet-community-detail-list li + li { border-top: 1px solid #dee2e6; } .intranet-community-detail .intranet-community-detail-list li .list-, .intranet-community-create .intranet-community-detail-list li .list- { flex-basis: calc(100% - 76px); flex-grow: 1; padding-right: .5rem; } @media (min-width: 768px) { .intranet-community-detail .intranet-community-detail-list li .list-, .intranet-community-create .intranet-community-detail-list li .list- { /*flex-basis: calc(50% - 38px);*/ flex-basis: auto; flex-grow: 0; } } .intranet-community-detail .intranet-community-detail-list li .list- .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-avatar, .intranet-community-create .intranet-community-detail-list li .list- .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-avatar { width: 35px; height: 35px; margin: 0 .5rem 0 0; margin-bottom: 0; } .intranet-community-detail .intranet-community-detail-list li .list- .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-details p, .intranet-community-create .intranet-community-detail-list li .list- .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-details p { font-size: 1rem; line-height: 1; margin-bottom: 0; background-color: transparent; } .intranet-community-detail .intranet-community-detail-list li .list-, .intranet-community-create .intranet-community-detail-list li .list- { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; margin-left: auto; } @media (min-width: 768px) { .intranet-community-detail .intranet-community-detail-list li .list-, .intranet-community-create .intranet-community-detail-list li .list- { width: unset; } } .intranet-community-detail .intranet-community-detail-list li .list-status, .intranet-community-create .intranet-community-detail-list li .list-status { width: 100%; order: 1; position: absolute; top: 90%; left: 0; /*padding: .5rem 0;*/ } @media (min-width: 768px) { .intranet-community-detail .intranet-community-detail-list li .list-status, .intranet-community-create .intranet-community-detail-list li .list-status { /*flex-basis: calc(50% - 38px);*/ width: unset; order: 0; position: relative; } } .intranet-community-detail .intranet-community-detail-list li .list-action, .intranet-community-create .intranet-community-detail-list li .list-action { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-end; width: 76px; margin-left: auto; } .intranet-community-detail .intranet-community-detail-list li .list-action .btn, .intranet-community-create .intranet-community-detail-list li .list-action .btn { padding-right: 0; } @media (min-width: 768px) { .intranet-community-detail .intranet-community-detail-list li .list-action .btn, .intranet-community-create .intranet-community-detail-list li .list-action .btn { padding: 0 .5rem; } } .intranet-community-detail .intranet-community-detail-list li .list-action .btn + .btn, .intranet-community-create .intranet-community-detail-list li .list-action .btn + .btn { padding-left: 0; } .intranet-community-detail [data-toggle="tcm-intranet-community-accept-invite"], .intranet-community-detail [data-toggle="tcm-intranet-community-reject-invite"], .intranet-community-create [data-toggle="tcm-intranet-community-accept-invite"], .intranet-community-create [data-toggle="tcm-intranet-community-reject-invite"] { display: inline-block; } .intranet-community-detail, .intranet-community-create { /*.intranet-community-detail-list { margin: 0; padding: 0; list-style-type: none; &.fixed-height { height: 300px; overflow: hidden; padding-right: 1rem; } li { .list- { @media(min-width: $bootstrap-md-min) { width: unset; } } .list-status { @media(min-width: $bootstrap-md-min) { width: unset; } } .list-action { flex-basis: 38px; margin-left: auto; } } }*/ } .intranet-widget-community- .grid-mode .tcm-component-intranet--link-1-avatar { margin-right: 0; } .intranet-widget-community- .grid-mode .tcm-component-intranet--link-1-details { display: none; } .intranet-widget-community- .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-avatar { width: 35px; height: 35px; margin: 0 .5rem 0 0; margin-bottom: 0; } .intranet-widget-community- .tcm-component-intranet--link-1 .tcm-component-intranet--link-1-details p { font-size: 1rem; line-height: 1; margin-bottom: 0; } .intranet-community-edit-timeline-settings .list-inline-item label { position: relative; width: 25px; height: 25px; background-size: cover; } .intranet-community-edit-timeline-settings .list-inline-item label input { position: absolute; right: 0; bottom: -1rem; left: 0; margin: auto; } .intranet-community-detail .intranet-community-detail- { margin-bottom: 1rem; } .intranet-community-detail .intranet-community-detail- .nav-link { font-weight: 500; } .intranet-community-detail .intranet-community-detail- .badge-primary { width: 20px; height: 20px; display: inline-block; line-height: 1.2; background-color: red; border-radius: 50%; padding: 3px; } .intranet-community-detail .intranet-widget-community- ul { margin: 1rem 0 0; padding: 0; list-style-type: none; } .intranet-community-detail .intranet-widget-community- li { margin-top: .5rem; } .intranet-community-detail .intranet-community-timeline-empty { padding: 3rem 1rem; text-align: center; } .intranet-community-detail .intranet-community-timeline-empty p { font-style: italic; } .intranet-notifications-container ul { margin: -1rem; padding: 0; list-style: none; } @media (min-width: 992px) { .intranet-notifications-container ul { margin: -20px; } } .intranet-notifications-container ul li { padding: 1rem; } .intranet-notifications-container ul a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .intranet-notifications-container .notification-icon { align-self: flex-start; margin-top: .5rem; margin-right: 1rem; } .intranet-notifications-container .notification-title { margin-bottom: 0; } .intranet-notifications-container .notification-text { font-style: italic; margin-bottom: 0; } .intranet-notifications-container .intranet-notifications-empty { padding: 3rem 1rem; text-align: center; } .intranet-notifications-container .intranet-notifications-empty p { font-style: italic; } /*Pages*/ .demo-page { /**start: Syntax**/ /**end: Syntax **/ } .demo-page .menu-col { position: sticky; top: 4rem; height: calc(100vh - 4rem); } .demo-page section { margin-bottom: 1rem; } .demo-page section > div { margin-bottom: 1rem; } .demo-page .nav .nav { margin-left: 1rem; } .demo-page h2, .demo-page h3 { padding-top: 1rem; } .demo-page .box { background-color: #EEE; } .demo-page .box .inner { background-color: #FFF; padding: 2rem; border: #EEE solid 0.1rem; } .demo-page .tcm-component-carddeck-2-netflix .tcm-component-card-1 { height: 200px; } .demo-page .tcm-component-carddeck-2-netflix .tcm-component-card-1 .tcm-component-card-1-link .tcm-component-card-1-info .tcm-component-card-1-title { font-size: 1.2rem; } .demo-page .code { padding: 2rem; font-family: Consolas; overflow: auto; } .demo-page b.string { font-weight: normal; color: saddlebrown; } .demo-page b.razor { font-weight: normal; background-color: yellow; } .demo-page b.class { font-weight: normal; color: #4f9fcf; } .demo-page b.reserved { font-weight: normal; color: blue; } .demo-page b.html-tag { font-weight: normal; color: #2f6f9f; } .demo-page b.html-attr { font-weight: normal; color: #4f9fcf; } .demo-page .demo-carousel .carousel-item-img { height: 480px; background-size: cover; } .demo-page .gototop-static .tcm-component-go-to-top { position: static; } .demo-page .hll { background-color: #ffc; } .demo-page .c { color: #999; } .demo-page .k { color: #069; } .demo-page .o { color: #555; } .demo-page .cm { color: #999; } .demo-page . { color: #099; } .demo-page .c1 { color: #999; } .demo-page .cs { color: #999; } .demo-page .gd { background-color: #fcc; border: 1px solid #c00; } .demo-page .ge { font-style: italic; } .demo-page .gr { color: #f00; } .demo-page .gh { color: #030; } .demo-page .gi { background-color: #cfc; border: 1px solid #0c0; } .demo-page .go { color: #aaa; } .demo-page .gp { color: #009; } .demo-page .gu { color: #030; } .demo-page .gt { color: #9c6; } .demo-page .kc { color: #069; } .demo-page .kd { color: #069; } .demo-page .kn { color: #069; } .demo-page .kp { color: #069; } .demo-page .kr { color: #069; } .demo-page .kt { color: #078; } .demo-page .m { color: #f60; } .demo-page .s { color: #d44950; } .demo-page .na { color: #4f9fcf; } .demo-page .nb { color: #366; } .demo-page .nc { color: #0a8; } .demo-page .no { color: #360; } .demo-page .nd { color: #99f; } .demo-page .ni { color: #999; } .demo-page .ne { color: #c00; } .demo-page .nf { color: #c0f; } .demo-page .nl { color: #99f; } .demo-page .nn { color: #0cf; } .demo-page .nt { color: #2f6f9f; } .demo-page .nv { color: #033; } .demo-page .ow { color: #000; } .demo-page .w { color: #bbb; } .demo-page .mf { color: #f60; } .demo-page .mh { color: #f60; } .demo-page .mi { color: #f60; } .demo-page .mo { color: #f60; } .demo-page .sb { color: #c30; } .demo-page .sc { color: #c30; } .demo-page .sd { font-style: italic; color: #c30; } .demo-page .s2 { color: #c30; } .demo-page .se { color: #c30; } .demo-page .sh { color: #c30; } .demo-page .si { color: #a00; } .demo-page .sx { color: #c30; } .demo-page .sr { color: #3aa; } .demo-page .s1 { color: #c30; } .demo-page .ss { color: #fc3; } .demo-page .bp { color: #366; } .demo-page .vc { color: #033; } .demo-page .vg { color: #033; } .demo-page .vi { color: #033; } .demo-page .il { color: #f60; } .demo-page .css .o, .demo-page .css .o + .nt, .demo-page .css .nt + .nt { color: #999; } .demo-page .language-bash::before, .demo-page .language-sh::before { color: #009; content: "$ "; -select: none; } .demo-page .language-powershell::before { color: #009; content: "PM> "; -select: none; } 543b4k