/*
 * This file is part of Flows.
 *
 * @copyright  2013-2016 Flows B.V.
 * @license    Commercial, all rights reserved.
 * @link       http://flows.net
 */

/* Flows diagram */

.mermaid .label { font-size: 100%; font-weight: normal !important; }
.node rect, .node circle, .node ellipse, .node polygon { fill: #fff !important; }
g.node .label { font-weight: bold !important; }
.edgeLabel { background: #ecf0f5 !important; }
g.nodes g.node { cursor: pointer; }
g.nodes g.node#flows { cursor: default; }

/* User initials */

.initials { width: 30px; text-align: center; padding: 3px 0; margin-right: 5px; margin-top: -2px; }

/* Changes */

.user-header p { color: #fff !important; }

/* Select2 changes */
.select2-selection__choice { color: #000 !important;}

.spin {
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    -webkit-transform-origin: 50% 58%;
    transform-origin:50% 58%;
    -ms-transform-origin:50% 58%; /* IE 9 */
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

#log {
    max-height: 400px;
    overflow: auto;
}

.content {
    min-height: 750px;
}

.show-color-blue {
    color: blue;
}

.show-color-red {
    color: red;
}

.show-color-orange {
    color: darkorange;
}

.hide-color-red,
.hide-color-orange,
.hide-color-blue {
    color: #333;
}