/* Turning off old stuff */

.connection::before,
.connection::after {
    background-image: none !important;
}


.connection-diagram-simple .dots {
    position: relative;
    top: 0;
    left: 0%;
    height: 16px;
    width: 100%;
    background-image: url("/images/icons/connection-dot.svg");
    background-repeat: repeat-x;
    background-position: center;
    background-size: 16px 16px;
}
@media (min-width: 992px) {
    .connection-diagram-simple .dots {
        left: -10%;
        width: 120%;
    }
}

.connection-diagram-simple.success .dots {
    background-image: url("/images/icons/connection-dot-green.svg");
}
.connection-diagram-simple.warning .dots {
    background-image: url("/images/icons/connection-dot-orange.svg");
}
.connection-diagram-simple.danger .dots {
    background-image: url("/images/icons/connection-dot-red.svg");
}

.connection-diagram-simple .logo-container .centered {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* New UI stuff */

.infiny-ui .inline-block {
    display: inline-block;
}

.infiny-ui .cursor-pointer {
    cursor: pointer;
}

.infiny-ui .table-plain {
    border-collapse: collapse;
}
.infiny-ui .table-plain tr,
.infiny-ui .table-plain th,
.infiny-ui .table-plain td {
    padding: 5px 0;
    border-collapse: collapse;
}

.infiny-ui .badge.badge-sq {
    border-radius: 3px;
}

.infiny-ui .badge.badge-dark {
    background-color: rgb(119, 119, 118);
}

.infiny-ui .text-secondary {
    color: rgb(85, 129, 142);
}

.infiny-ui .font-secondary {
    font-family: "Raleway";
}

.infiny-ui .text-muted {
    color: rgb(204, 204, 204);
}

.infiny-ui .radio-custom input[type="radio"]:disabled + label::before {
    border-color: grey;
    background-color: lightgray;
}

.infiny-ui .border-none {
    border-width: 0;
}

.infiny-ui .panel-link:hover * {
    text-decoration: none;
}

.infiny-ui .card {
    background-color: white;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 3px;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.75);
    -moz-box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.75);
    box-shadow: 2px 2px 5px 0 rgba(204, 204, 204, 0.75);
}

.infiny-ui .expander {
    background-color: white;
    border: solid 1px rgb(204, 204, 204);
}

.infiny-ui .expander .title {
    height: 55px;
    cursor: pointer;
}

.infiny-ui .expander .title .inner {
    padding: 14px 20px;
}

.infiny-ui .expander .title .inner .title-text {
    font-size: 1.6em;
}

.infiny-ui .expander .title  .inner .icon {
    float: right;
    font-size: 1.6em;
}

.infiny-ui .expander .content {
    overflow: hidden;
}

.infiny-ui .expander .content .inner {
    padding: 0 20px 20px 20px;
}

.infiny-ui .expander .content .inner hr {
    margin: 0 0 20px 0;
}

.infiny-ui .expander .content.open {

}

.infiny-ui .expander .content.closed {
    height: 0;
}

.infiny-ui .table-simple {
    width: 100%;
    border: 1px solid #dddddd;
}

.infiny-ui .table-simple th {
    background-color: rgb(250,250,250);
    border-bottom: 1px solid #dddddd;
}

.infiny-ui .table-simple tr:hover td {
    background-color: rgb(234,246,251);
}

.infiny-ui .flex {
    display: flex;
}

.infiny-ui .flex-row { flex-direction: row; }
.infiny-ui .flex-row-reverse { flex-direction: row-reverse; }
.infiny-ui .flex-col { flex-direction: column; }
.infiny-ui .flex-col-reverse { flex-direction: column-reverse; }

.infiny-ui .justify-center { justify-content: center; }
.infiny-ui .justify-between { justify-content: space-between; }
.infiny-ui .items-center { justify-items: center; }
.infiny-ui .items-stretch { align-items: stretch; }

.infiny-ui .w-1\/12 { width: 8.33%; }
.infiny-ui .w-2\/12 { width: 16.66%; }
.infiny-ui .w-3\/12 { width: 24.99%; }
.infiny-ui .w-4\/12 { width: 33.32%; }
.infiny-ui .w-5\/12 { width: 41.65%; }
.infiny-ui .w-6\/12 { width: 49.98%; }
.infiny-ui .w-7\/12 { width: 58.31%; }
.infiny-ui .w-8\/12 { width: 66.64%; }
.infiny-ui .w-9\/12 { width: 74.97%; }
.infiny-ui .w-10\/12 { width: 83.3%; }
.infiny-ui .w-11\/12 { width: 91.63%; }
.infiny-ui .w-12\/12 { width: 100%; }