f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana/*
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana* The contents of this file are subject to the terms of the Common Development and
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana* Distribution License (the License). You may not use this file except in compliance with the
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana* License.
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana*
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana* You can obtain a copy of the License at legal/CDDLv1.0.txt. See the License for the
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana* specific language governing permission and limitations under the License.
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana*
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana* When distributing Covered Software, include this CDDL Header Notice in each file and include
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana* the License file at legal/CDDLv1.0.txt. If applicable, add the following below the CDDL
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana* Header, with the fields enclosed by brackets [] replaced by your own identifying
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana* information: "Portions copyright [year] [name of copyright owner]".
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana*
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana* Copyright 2015 ForgeRock AS.
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana*/
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana#editChainView{
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .text-valign-middle{
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana line-height: 34px;
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana }
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana
b9244a298bc0e3aa88426aac73451fb604552c6cJulian Kigwana .auth-chains-legend span {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana margin: 0 0 0 13px;
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana }
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana
b9244a298bc0e3aa88426aac73451fb604552c6cJulian Kigwana #lowerAuthChainsLegend, #alertContainer {
b9244a298bc0e3aa88426aac73451fb604552c6cJulian Kigwana margin: 10px 31px 10px 61px;
b9244a298bc0e3aa88426aac73451fb604552c6cJulian Kigwana }
b9244a298bc0e3aa88426aac73451fb604552c6cJulian Kigwana
ad920a5855b8eda16e20b7299c1f8b5f6771166dJulian Kigwana #lowerAuthChainsLegend .panel-default{
ad920a5855b8eda16e20b7299c1f8b5f6771166dJulian Kigwana background-color: #f7f7f7;
ad920a5855b8eda16e20b7299c1f8b5f6771166dJulian Kigwana }
ad920a5855b8eda16e20b7299c1f8b5f6771166dJulian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana ol#sortableAuthChain {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana padding: 0 34px 0 60px;
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana position: relative;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana margin-bottom: 50px;
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana &:before {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-left: 2px solid #ddd;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana content: '';
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana position: absolute;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana left: 0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana left: 10px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana bottom: 0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana top: 0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana &:after {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana content: '';
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana width: 0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana height: 0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-style: solid;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-width: 10px 8px 0 8px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-color: #ccc transparent transparent transparent;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana left: 3px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana margin-top: -50px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana position: absolute;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana li.chain-link .fa-cube {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana color: #fff;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana background: @base-theme-color;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .icon-circle(44px);
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana li.chain-link.dragged{
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana padding-right: 34px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana li.chain-link:not(.dragged) {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana counter-increment: auth-chains-counter;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana li.placeholder{
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana min-height: 171px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana position: relative;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana display: block;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana margin: 0 0 40px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana padding: 0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana background-color: #eee;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.24);
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.24);
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.24);
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border: 1px solid transparent;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-radius: 4px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana counter-increment: auth-chains-counter;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana li:not(.dragged) .panel-card:before, .placeholder-inner:before {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana content: counter(auth-chains-counter);
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana text-align: center;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana font-weight: 600;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana background-color: #fff;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana width: 22px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana height: 22px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-radius: 40px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana display: block;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana position: absolute;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana left: -61px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana top: -1px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border: 1px solid #ddd;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana font-size: 13px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana color: #666;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .placeholder-inner:before {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana color: #fff;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana background-color: @base-theme-color;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-color: @base-theme-color;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .badge {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana color: #555;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana background-color: rgba(0,0,0,.1);
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-default.panel-card {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana position: relative;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana margin-bottom: 40px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana &:hover, &:focus {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .transition(border-color, 0.3s);
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-color: #bbb;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .fa-cube{
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana background-color: darken(@base-theme-color, 5%);
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .transition(background-color 0.3s);
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana h3.media-heading {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana color: darken(@base-theme-color, 5%);
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .transition(color, 0.3s);
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .media-heading {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana margin-top: 3px;
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana h3.media-heading {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana font-size: 18px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana margin-top: 5px;
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana }
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana >.panel-menu {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana position: absolute;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana right: 3px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana top: 0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana z-index: 5;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border: none;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana padding: 4px 0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana overflow: visible;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .btn-link {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana color: #777;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana padding: 6px 12px 6px 0px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .select-group button {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana padding: 6px 5px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana color: #777;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana display: inline-block;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana &:hover, &:focus {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana color: @base-theme-color;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .select-group select {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana display: inline-block;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana }
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana //Arrows and Criteria
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-footer {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana background-color: @background-color;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana position: relative;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana text-transform: uppercase;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana letter-spacing: 1px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana font-size: 12px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana font-weight: 600;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana padding: 0;
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana }
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-arrow-success, .panel-arrow-fail {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana padding: 10px 0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana line-height: 20px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-arrow-success{
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-left: 1px solid #ddd;
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana }
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-arrow {
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana position: absolute;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana margin:0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .auth-panel-arrow-down {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana margin: 0 50%;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana left: -27px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-arrow-square {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana width: 42px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana height: 10px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana background-color: #f7f7f7;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana margin: 0 auto;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana bottom: -10px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-left: 1px solid #ddd;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-right: 1px solid #ddd;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana position: relative;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana z-index: 4;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .transition(border-color, 0.3s);
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-arrow-triangle {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana width: 0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana height: 0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-left: 30px solid transparent;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-right: 30px solid transparent;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-top: 26px solid #ddd;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana margin: 9px auto;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana position: relative;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana z-index: 3;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .transition(border-top-color, 0.3s);
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana &:after {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana content: '';
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana width: 0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana height: 0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-left: 27px solid transparent;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-right: 27px solid transparent;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-top: 24px solid #f7f7f7;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana margin: 0 auto;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana position: absolute;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana top: -25px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana left: -27px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana }
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana }
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .auth-panel-arrow-left {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana left: 13px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana bottom: 0;
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-arrow-triangle {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana width: 0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana height: 0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana margin: -14px -39px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana position: relative;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana z-index: 3;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-top: 34px solid transparent;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-bottom: 34px solid transparent;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-right: 29px solid #ddd;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-left: inherit;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .transition(border-right-color, 0.3s);
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana &:after {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana content: '';
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana width: 0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana height: 0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana margin: 0 auto;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana position: absolute;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana top: -31px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana left: 2px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-top: 31px solid transparent;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-bottom: 31px solid transparent;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-right: 26px solid #f7f7f7;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-left: inherit;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-arrow-square {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana width: 14px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana height: 42px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana background-color: #f7f7f7;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana margin: 0 0 0 0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana bottom: -1px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-top: 1px solid #ddd;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-bottom: 1px solid #ddd;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana position: absolute;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana z-index: 4;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana left: -11px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .transition(border-color, 0.3s);
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana &:after {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana content: '';
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana width: 4px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana height: 1px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana background-color: #ddd;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana margin: 0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana top: -1px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana position: absolute;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana z-index: 4;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana left: 11px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana display: block;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana }
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana }
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .auth-panel-arrow-right {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana right: 13px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana bottom: 0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-arrow-square {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana width: 14px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana height: 42px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana background-color: #f7f7f7;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana margin: 0 0 0 0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana bottom: -1px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-top: 1px solid #ddd;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-bottom: 1px solid #ddd;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana position: absolute;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana z-index: 4;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana right: -11px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .transition(border-color, 0.3s);
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana &:after {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana content: '';
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana width: 4px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana height: 1px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana background-color: #ddd;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana margin: 0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana top: -1px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana position: absolute;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana z-index: 4;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana right: 11px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana display: block;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-arrow-triangle {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana width: 0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana height: 0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana margin: 0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana position: absolute;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana top: -53px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana right: -39px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana z-index: 3;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-top: 34px solid transparent;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-bottom: 34px solid transparent;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-left: 29px solid #ddd;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .transition(border-color-left, 0.3s);
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana &:after {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana content: '';
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana width: 0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana height: 0;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana margin: 0 auto;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana position: absolute;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana top: -31px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana left: -28px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-top: 31px solid transparent;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-bottom: 31px solid transparent;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-left: 27px solid #f7f7f7;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana li.chain-link {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana &:last-of-type {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-card {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-arrow-down .panel-arrow {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .auth-panel-arrow-down;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-arrow-right .panel-arrow {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .auth-panel-arrow-down;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-arrow-left .panel-arrow {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .auth-panel-arrow-down;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana &:hover, &:focus {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-arrow-down,
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-arrow-right,
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-arrow-left {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-arrow .panel-arrow-triangle {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-top-color: #bbb;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-arrow .panel-arrow-square {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-color: #bbb;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana &:not(:last-of-type) {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-card {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-arrow-down .panel-arrow {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .auth-panel-arrow-down;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-arrow-right .panel-arrow {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .auth-panel-arrow-right;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-arrow-left .panel-arrow {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .auth-panel-arrow-left;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana &:hover, &:focus {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-arrow-right .panel-arrow .panel-arrow-triangle {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-left-color: #bbb;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-arrow-left .panel-arrow .panel-arrow-triangle {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-right-color: #bbb;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-arrow-down .panel-arrow .panel-arrow-triangle {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-top-color: #bbb;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-arrow-down,
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-arrow-right,
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-arrow-left {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-arrow .panel-arrow-square {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana border-color: #bbb;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
ac40593a6bca25118cdbda97c3c85aed3e190457Julian Kigwana
ac40593a6bca25118cdbda97c3c85aed3e190457Julian Kigwana }
ac40593a6bca25118cdbda97c3c85aed3e190457Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .badge-danger, ol#sortableAuthChain .badge-danger {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana background-color: #a3342e;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana color: #fff;
ac40593a6bca25118cdbda97c3c85aed3e190457Julian Kigwana }
ac40593a6bca25118cdbda97c3c85aed3e190457Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .badge-success, ol#sortableAuthChain .badge-success {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana background-color: #3a776c;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana color: #fff;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana }
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana @media (min-width: 768px) {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana ol#sortableAuthChain {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana > li.chain-link:before {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana left: -61px;
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana }
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana .panel-default.panel-card .select-group select {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana width: 66%;
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana }
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana }
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana }
f7786f88fa6726be5b840c5444820ffb211981c5Julian Kigwana}
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwanabody.dragging ol#sortableAuthChain &:before {
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana bottom: 20px;
ea498bc38faea51483dec1b628fda4515b80d3c0Julian Kigwana}