/* Minification failed. Returning unminified contents.
: run-time error CSS1066: Unexpected end of file encountered
 */
*:focus {
    outline: none !important;
}

/* Typography */
legend {
    color: #555;
    font-weight: bold;
    font-size: 20px;
}

.navbar {
    border: none;
}

    .navbar.navbar-default {
        background: rgb(0, 57, 85);
        background: -moz-linear-gradient(left, rgba(0, 57, 85, 1) 0%, rgba(28, 93, 124, 1) 100%);
        background: -webkit-linear-gradient(left, rgba(0, 57, 85, 1) 0%, rgba(28, 93, 124, 1) 100%);
        background: linear-gradient(to right, rgba(0, 57, 85, 1) 0%, rgba(28, 93, 124, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003955', endColorstr='#1c5d7c', GradientType=1);
        color: white;
        margin-bottom: 0;
    }

        .navbar.navbar-default .navbar-nav > li > a {
            color: white;
            font-weight: bold;
        }

        .navbar.navbar-default .navbar-brand {
            padding: 50px 15px;
            height: 150px;
        }

            .navbar.navbar-default .navbar-brand img {
                width: 165px;
            }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: #00334c;
}

.navbar.navbar-sub {
    min-height: 50px;
    margin-bottom: 22px;
    background-color: white;
    box-shadow: 0 1px 15px 1px rgba(62, 57, 107, .07);
}

    .navbar.navbar-sub .navbar-nav > li > a {
        font-weight: bold;
        padding-top: 15px;
        padding-bottom: 15px;
    }

.navbar-toggle {
    border: none;
}

.navbar-default .navbar-toggle .icon-bar {
    width: 30px;
    height: 5px;
    background: white;
}

/* LABELS */
.label-in-progress {
    background-color: #5cb85c;
}

    .label-in-progress[href]:hover,
    .label-in-progress[href]:focus {
        background-color: #449d44;
    }

/* FORMS */

.form-control {
    border-radius: 5px;
    border-color: #ececec;
    height: 38px;
}

    .form-control:focus {
        border-color: #d1007463;
        box-shadow: inset 0 1px 1px rgba(17, 17, 17, 0.175), 0 0 8px rgba(209, 0, 116, 0.2);
    }

    .form-control.has-error {
        border-color: #ff4136;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    }

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: left;
    }
}

.form-horizontal .radio-inline {
    margin-left: 20px;
}

.radio-inline, .checkbox-inline {
    margin-left: 20px;
}

    .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
        margin-right: 0;
    }

.text-white {
    color: white;
}

.btn {
    padding: 8px 16px;
    transition: 0.3s;
    border: none;
    background-color: white;
    -webkit-box-shadow: 0px 10px 20px -8px rgba(153, 159, 174, 0.3);
    -moz-box-shadow: 0px 10px 20px -8px rgba(153, 159, 174, 0.3);
    box-shadow: 0px 10px 20px -8px rgba(153, 159, 174, 0.3);
}

    .btn:active {
        background-color: white;
    }

    .btn:hover {
        background: rgb(236, 236, 236);
        -webkit-box-shadow: 0px 5px 50px -8px rgba(153, 159, 174, 0.3);
        -moz-box-shadow: 0px 5px 50px -8px rgba(153, 159, 174, 0.3);
        box-shadow: 0px 5px 50px -8px rgba(153, 159, 174, 0.3);
    }

    .btn.btn-primary {
        background-color: #D10074;
        -webkit-box-shadow: 0px 10px 20px -8px rgba(167, 0, 92, 0.3);
        -moz-box-shadow: 0px 10px 20px -8px rgba(167, 0, 92, 0.3);
        box-shadow: 0px 10px 20px -8px rgba(167, 0, 92, 0.3);
    }

        .btn.btn-primary:active {
            background-color: rgba(167, 0, 92);
            -webkit-box-shadow: 0 1px 15px 1px rgba(167, 0, 92, 0.3);
            -moz-box-shadow: 0 1px 15px 1px rgba(167, 0, 92, 0.3);
            box-shadow: 0 1px 15px 1px rgba(167, 0, 92, 0.3);
        }

        .btn.btn-primary:hover {
            -webkit-box-shadow: 0px 5px 50px -8px rgba(167, 0, 92, 0.3);
            -moz-box-shadow: 0px 5px 50px -8px rgba(167, 0, 92, 0.3);
            box-shadow: 0px 5px 50px -8px rgba(167, 0, 92, 0.3);
        }

    .btn.btn-secondary {
        background-color: #f5f5f5;
        color: #555;
        -webkit-box-shadow: 0px 10px 20px -8px rgba(212, 212, 212, 0.3);
        -moz-box-shadow: 0px 10px 20px -8px rgba(212, 212, 212, 0.3);
        box-shadow: 0px 10px 20px -8px rgba(212, 212, 212, 0.3);
    }

        .btn.btn-secondary:active {
            background-color: rgb(197, 197, 197);
            -webkit-box-shadow: 0 1px 15px 1px rgba(212, 212, 212, 0.3);
            -moz-box-shadow: 0 1px 15px 1px rgba(212, 212, 212, 0.3);
            box-shadow: 0 1px 15px 1px rgba(212, 212, 212, 0.3);
        }

        .btn.btn-secondary:hover {
            -webkit-box-shadow: 0px 5px 50px -8px rgba(212, 212, 212, 0.3);
            -moz-box-shadow: 0px 5px 50px -8px rgba(212, 212, 212, 0.3);
            box-shadow: 0px 5px 50px -8px rgba(212, 212, 212, 0.3);
        }

    .btn.btn-success {
        background-color: #6fcc73;
        -webkit-box-shadow: 0px 10px 20px -8px rgba(65, 186, 71, 0.4);
        -moz-box-shadow: 0px 10px 20px -8px rgba(65, 186, 71, 0.4);
        box-shadow: 0px 10px 20px -8px rgba(65, 186, 71, 0.4);
    }

        .btn.btn-success:active {
            background-color: rgba(65, 186, 71, 1);
            -webkit-box-shadow: 0 1px 15px 1px rgba(65, 186, 71, 0.4);
            -moz-box-shadow: 0 1px 15px 1px rgba(65, 186, 71, 0.4);
            box-shadow: 0 1px 15px 1px rgba(65, 186, 71, 0.4);
        }

        .btn.btn-success:hover {
            -webkit-box-shadow: 0px 5px 50px -8px rgba(65, 186, 71, 0.4);
            -moz-box-shadow: 0px 5px 50px -8px rgba(65, 186, 71, 0.4);
            box-shadow: 0px 5px 50px -8px rgba(65, 186, 71, 0.4);
        }

    .btn.btn-info {
        background-color: #63ccff;
        -webkit-box-shadow: 0px 10px 20px -8px rgba(28, 180, 254, 0.3);
        -moz-box-shadow: 0px 10px 20px -8px rgba(28, 180, 254, 0.3);
        box-shadow: 0px 10px 20px -8px rgba(28, 180, 254, 0.3);
    }

        .btn.btn-info:active {
            background-color: rgba(28, 180, 254, 1);
            -webkit-box-shadow: 0 1px 15px 1px rgba(28, 180, 254, 0.3);
            -moz-box-shadow: 0 1px 15px 1px rgba(28, 180, 254, 0.3);
            box-shadow: 0 1px 15px 1px rgba(28, 180, 254, 0.3);
        }

        .btn.btn-info:hover {
            -webkit-box-shadow: 0px 5px 50px -8px rgba(28, 180, 254, 0.3);
            -moz-box-shadow: 0px 5px 50px -8px rgba(28, 180, 254, 0.3);
            box-shadow: 0px 5px 50px -8px rgba(28, 180, 254, 0.3);
        }

    .btn.btn-warning {
        background-color: #ffa726;
        -webkit-box-shadow: 0px 10px 20px -8px rgba(234, 139, 0, 0.3);
        -moz-box-shadow: 0px 10px 20px -8px rgba(234, 139, 0, 0.3);
        box-shadow: 0px 10px 20px -8px rgba(234, 139, 0, 0.3);
    }

        .btn.btn-warning:active {
            background-color: rgba(234, 139, 0 1);
            -webkit-box-shadow: 0 1px 15px 1px rgba(234, 139, 0, 0.3);
            -moz-box-shadow: 0 1px 15px 1px rgba(234, 139, 0, 0.3);
            box-shadow: 0 1px 15px 1px rgba(234, 139, 0, 0.3);
        }

        .btn.btn-warning:hover {
            -webkit-box-shadow: 0px 5px 50px -8px rgba(234, 139, 0, 0.3);
            -moz-box-shadow: 0px 5px 50px -8px rgba(234, 139, 0, 0.3);
            box-shadow: 0px 5px 50px -8px rgba(234, 139, 0, 0.3);
        }

    .btn.btn-danger {
        background-color: #ff4136;
        -webkit-box-shadow: 0px 10px 20px -8px rgba(247, 13, 0, 0.3);
        -moz-box-shadow: 0px 10px 20px -8px rgba(247, 13, 0, 0.3);
        box-shadow: 0px 10px 20px -8px rgba(247, 13, 0, 0.3);
    }

        .btn.btn-danger:active {
            background-color: rgba(247, 13, 0, 1);
            -webkit-box-shadow: 0 1px 15px 1px rgba(247, 13, 0, 0.3);
            -moz-box-shadow: 0 1px 15px 1px rgba(247, 13, 0, 0.3);
            box-shadow: 0 1px 15px 1px rgba(247, 13, 0, 0.3);
        }

        .btn.btn-danger:hover {
            -webkit-box-shadow: 0px 5px 50px -8px rgba(247, 13, 0, 0.3);
            -moz-box-shadow: 0px 5px 50px -8px rgba(247, 13, 0, 0.3);
            box-shadow: 0px 5px 50px -8px rgba(247, 13, 0, 0.3);
        }

    .btn.btn-link {
        padding: 8px 0px;
        text-decoration: none;
        background-color: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

        .btn.btn-link:active {
            background: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

        .btn.btn-link:hover {
            background: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

        .btn.btn-link:after {
            content: '';
            width: 0px;
            height: 2.2px;
            display: block;
            background: rgb(209, 0, 116);
        }

        .btn.btn-link:hover:after {
            width: 100%;
        }

/** Summary button */
.summary-edit-button {
    position: absolute;
    z-index: 999;
    top: 20px;
    right: 20px;
}

.input-group-btn button {
    box-shadow: none;
    padding: 7px 16px;
    border: 1px solid #d1d3d4;
}

.input-group-addon {
    border: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

.well, .container .jumbotron, .jumbotron, .list-group {
    box-shadow: 0 1px 15px 1px rgba(62, 57, 107, .07);
    border-radius: 10px;
}

    .well.well-sm {
        border-radius: 10px;
    }

    .well.well-lg {
        border-radius: 10px;
    }

.alert {
    box-shadow: 0 1px 15px 1px rgba(62, 57, 107, .07);
}

.alert-icon {
    color: white;
    background: #ffa726;
    border-radius: 50%;
    padding: 1rem 1.4rem;
    opacity: 0.8;
}

.pager li > a {
    border: none;
}

.pagination li > a {
    border: none;
}

.progress {
    box-shadow: none;
}

.panel {
    border: none;
    box-shadow: 0 1px 15px 1px rgba(62, 57, 107, .07);
}

.panel-brand > .panel-heading {
    background: rgb(0, 57, 85);
    background: -moz-linear-gradient(left, rgba(0, 57, 85, 1) 0%, rgba(28, 93, 124, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 57, 85, 1) 0%, rgba(28, 93, 124, 1) 100%);
    background: linear-gradient(to right, rgba(0, 57, 85, 1) 0%, rgba(28, 93, 124, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003955', endColorstr='#1c5d7c', GradientType=1);
    color: white;
    border-color: transparent;
}

.panel-default > .panel-heading {
    border-bottom: 1px solid #f6f6f6;
}

@media (max-width: 800px) {
    .panel-body {
        padding: 2rem 1.5rem;
    }
}

/* TABLES */

.table-level {
    width: 100%;
    text-align: center;
}

    .table-level thead {
    }

    .table-level tbody {
        font-weight: bold;
        font-size: 1.5rem;
    }

.table tbody tr td {
    border-top: 2px solid #eee;
}

.table thead tr th {
    border: none;
}

.table-borderless td, .table-borderless th, .table-borderless tbody tr td {
    border: none;
}

.table > tbody > tr.separator-row td {
    padding-top: 30px;
    border-top: 0;
}


/* DROPDOWN */

.dropdown.dropdown-hover .dropdown-menu {
    overflow: hidden;
}

/*.dropdown.dropdown-hover:hover .dropdown-menu {
    display: block;
}*/

.nav > li > a.dropdown-toggle:focus {
    text-decoration: none;
    background-color: #fff;
}

.dropdown.dropdown-hover:hover .dropdown-toggle {
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

    .dropdown.dropdown-hover:hover .dropdown-toggle:before {
        content: '';
        position: absolute;
        z-index: 9999;
        bottom: -5px;
        left: 0;
        width: 100%;
        height: 10px;
        background-color: #fff;
    }

.dropdown .dropdown-menu {
    border: none;
    box-shadow: 0 1px 15px 1px rgba(62, 57, 107, .07);
}

    .dropdown .dropdown-menu li > a {
        color: #555555;
        font-weight: bold;
        padding: 10px 15px;
    }

.dropdown.white-space-wrap .dropdown-menu li > a {
    white-space: normal;
}

.navbar-nav .dropdown-menu li a {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* FOOTER */

.footer {
    background: rgb(0, 57, 85);
    color: white;
    padding-top: 50px;
    margin-top: 100px;
}

    .footer .container {
        background: rgb(0, 57, 85);
        padding: 4rem;
    }

    .footer a {
        color: white;
    }

/* COLOURS */

i.info {
    background: -webkit-linear-gradient(#7436FD, #40D8FC);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

i.primary {
    background: -webkit-linear-gradient(#D10074, #9B00AF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

i.success {
    background: -webkit-linear-gradient(#5BE18C, #CBE15B);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

i.danger {
    background: -webkit-linear-gradient(#FF4136, #FFA726);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.background-info {
    background: -webkit-linear-gradient(#7436FD, #40D8FC);
}

.background-primary {
    background: -webkit-linear-gradient(#D10074, #9B00AF);
}

.background-success {
    background: -webkit-linear-gradient(#5BE18C, #CBE15B);
}

.background-danger {
    background: -webkit-linear-gradient(#FF4136, #FFA726);
}

/* MODAL */

.modal-content {
    border-radius: 10px;
}


/* TOOLTIP */
.tooltip-inner {
    max-width: 300px;
}

.tooltip {
    position: fixed;
}

/*Breadcrumbs*/

@media (max-width: 768px) {
	.breadcrumb-item {
		margin: 3px;
		float: left;
		display: block;
	}
}


/* HELPERS */

.z-top {
    z-index: 100;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.overflow-x-scroll {
    overflow-x: scroll !important;
}

.overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}

.p-relative {
    position: relative;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.white-space-wrap {
    white-space: normal;
}

.f-bold {
    font-weight: bold !important;
}

.w-100 {
    width: 100%;
}

.p-0 {
    padding: 0px !important;
}

.p-1 {
    padding: 1rem;
}

.p-3 {
    padding: 3px !important;
}

.p-5 {
    padding: 5px !important;
}

.p-10 {
    padding: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-25 {
    padding: 25px !important;
}

.p-30 {
    padding: 30px !important;
}

.p-35 {
    padding: 35px !important;
}

.p-40 {
    padding: 40px !important;
}

.p-45 {
    padding: 45px !important;
}

.p-50 {
    padding: 50px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pt-3 {
    padding-top: 3px !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-25 {
    padding-top: 25px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pt-35 {
    padding-top: 35px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pt-45 {
    padding-top: 45px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.pr-3 {
    padding-right: 3px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pr-25 {
    padding-right: 25px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pr-35 {
    padding-right: 35px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

.pr-45 {
    padding-right: 45px !important;
}

.pr-50 {
    padding-right: 50px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pb-3 {
    padding-bottom: 3px !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-25 {
    padding-bottom: 25px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pb-35 {
    padding-bottom: 35px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pb-45 {
    padding-bottom: 45px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.pl-3 {
    padding-left: 3px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-25 {
    padding-left: 25px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.pl-35 {
    padding-left: 35px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

.pl-45 {
    padding-left: 45px !important;
}

.pl-50 {
    padding-left: 50px !important;
}

.m-0 {
    margin: 0px !important;
}

.m-3 {
    margin: 3px !important;
}

.m-5 {
    margin: 5px !important;
}

.m-10 {
    margin: 10px !important;
}

.m-15 {
    margin: 15px !important;
}

.m-20 {
    margin: 20px !important;
}

.m-25 {
    margin: 25px !important;
}

.m-30 {
    margin: 30px !important;
}

.m-35 {
    margin: 35px !important;
}

.m-40 {
    margin: 40px !important;
}

.m-45 {
    margin: 45px !important;
}

.m-50 {
    margin: 50px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-3 {
    margin-top: 3px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-35 {
    margin-top: 35px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-45 {
    margin-top: 45px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mr-0 {
    margin-right: 0px !important;
}

.mr-3 {
    margin-right: 3px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-25 {
    margin-right: 25px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mr-35 {
    margin-right: 35px !important;
}

.mr-40 {
    margin-right: 40px !important;
}

.mr-45 {
    margin-right: 45px !important;
}

.mr-50 {
    margin-right: 50px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-3 {
    margin-bottom: 3px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-35 {
    margin-bottom: 35px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-45 {
    margin-bottom: 45px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.ml-0 {
    margin-left: 0px !important;
}

.ml-3 {
    margin-left: 3px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.ml-35 {
    margin-left: 35px !important;
}

.ml-40 {
    margin-left: 40px !important;
}

.ml-45 {
    margin-left: 45px !important;
}

.ml-50 {
    margin-left: 50px !important;
}


.cursor-pointer {
    cursor: pointer;
}

ul.wizard {
    padding: 8px 15px;
    margin-bottom: 0px;
    list-style: none;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

    ul.wizard > li {
        display: inline-block;
        position: relative;
        padding-left: 32px;
    }

        ul.wizard > li i.fa-check {
            margin-right: 10px;
        }

        ul.wizard > li i.fa-chevron-right {
            color: gainsboro;
            margin-left: 15px;
            margin-right: 10px;
            width: 30px;
        }

        ul.wizard > li .fa-circle {
            position: absolute;
            top: -1px;
            left: 0px;
            font-size: 24px;
            color: gainsboro;
        }

            ul.wizard > li .fa-circle:nth-of-type(1) {
                display: none;
            }

        ul.wizard > li:last-child i.fa-chevron-right {
            display: none;
        }

        ul.wizard > li.complete .fa-circle {
            color: #92df8d;
        }

        ul.wizard > li.in-progress .fa-circle:nth-of-type(1) {
            display: block;
            z-index: 2;
            top: 5px;
            left: 6px;
            font-size: 12px;
            color: #92df8d;
        }
/*# sourceMappingURL=wizard.css.map */

.workflow ul li .workflow-item-detail span:first-of-type {
    font-size: 20px;
    font-weight: bolder;
}

.workflow ul li .workflow-item-detail span:nth-child(2) {
    font-size: 16px;
    font-style: italic;
}

.workflow ul li .workflow-connector-bubble {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    display: inline-block;
    background: #cfcfcf;
    -webkit-box-shadow: 0 3px 15px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 15px 0px rgba(0, 0, 0, 0.15);
}

    .workflow ul li .workflow-connector-bubble::before, .workflow ul li .workflow-connector-bubble::after {
        content: "";
        position: absolute;
        width: 7px;
        height: 45px;
        left: 17px;
        background: #cfcfcf;
        -webkit-box-shadow: 0 3px 15px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0 3px 15px 0px rgba(0, 0, 0, 0.15);
        z-index: -5;
    }

.workflow {
    position: relative;
    z-index: 10;
}

    .workflow ul {
        list-style: none;
        margin-top: 20px;
        padding-left: 30px;
    }

        .workflow ul:first-child {
            margin: 0;
            padding: 0;
        }

        .workflow ul > li:first-child > .workflow-connector-bubble::before {
            display: none;
        }

        .workflow ul li {
            position: relative;
            min-height: 70px;
        }

            .workflow ul li .workflow-connector-bubble i {
                display: none;
                position: absolute;
                top: 11px;
                left: 12px;
                font-size: 18px;
            }

            .workflow ul li .workflow-connector-bubble::before {
                background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0, 0, 0, 0)), color-stop(70%, #cfcfcf));
                background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, #cfcfcf 70%);
                opacity: 1;
                -webkit-transition: 0.2s;
                transition: 0.2s;
                top: -35px;
            }

            .workflow ul li .workflow-connector-bubble::after {
                background: #cfcfcf;
                opacity: 1;
                -webkit-transition: 0.2s;
                transition: 0.2s;
                bottom: -30px;
                z-index: -5;
            }

            .workflow ul li .workflow-connector-bubble.complete {
                background: #92df8d;
            }

                .workflow ul li .workflow-connector-bubble.complete::before {
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0, 0, 0, 0)), color-stop(70%, #92df8d));
                    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, #92df8d 70%);
                }

                .workflow ul li .workflow-connector-bubble.complete::after {
                    background: #92df8d;
                }

                .workflow ul li .workflow-connector-bubble.complete i.fa-check {
                    display: block;
                    color: white;
                }

            .workflow ul li .workflow-connector-bubble.error {
                background: #ff6565;
            }

                .workflow ul li .workflow-connector-bubble.error::before {
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0, 0, 0, 0)), color-stop(70%, #ff6565));
                    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, #ff6565 70%);
                }

                .workflow ul li .workflow-connector-bubble.error::after {
                    background: #ff6565;
                }

                .workflow ul li .workflow-connector-bubble.error i.fa-times {
                    display: block;
                    left: 14px;
                    top: 12px;
                    color: white;
                }

            .workflow ul li .workflow-connector-bubble.warning {
                background: #eab064;
            }

                .workflow ul li .workflow-connector-bubble.warning::before {
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0, 0, 0, 0)), color-stop(70%, #eab064));
                    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, #eab064 70%);
                }

                .workflow ul li .workflow-connector-bubble.warning::after {
                    background: #eab064;
                }

                .workflow ul li .workflow-connector-bubble.warning i.fa-exclamation {
                    display: block;
                    left: 17px;
                    color: white;
                }

            .workflow ul li .workflow-connector-bubble.in-progress {
                background: white;
            }

                .workflow ul li .workflow-connector-bubble.in-progress::before {
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0, 0, 0, 0)), color-stop(70%, white));
                    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, white 70%);
                }

                .workflow ul li .workflow-connector-bubble.in-progress::after {
                    background: white;
                }

                .workflow ul li .workflow-connector-bubble.in-progress i.fa-circle {
                    display: block;
                    left: 11px;
                    top: 12px;
                    color: #92df8d;
                }

            .workflow ul li > ul {
                overflow: hidden;
                -webkit-transition: height 0.3s ease-out;
                transition: height 0.3s ease-out;
                height: 0;
            }

            .workflow ul li .workflow-item-detail {
                display: inline-block;
                margin-left: 15px;
            }

                .workflow ul li .workflow-item-detail span:only-child {
                    position: absolute;
                    top: 7px;
                }

                .workflow ul li .workflow-item-detail span:nth-child(2) {
                    display: block;
                }

            .workflow ul li .workflow-item-action {
                position: absolute;
                top: 5px;
                right: 0px;
                min-width: 100px;
                text-align: center;
            }

                .workflow ul li .workflow-item-action i.fa-minus {
                    display: none;
                }

                .workflow ul li .workflow-item-action i.fa-plus {
                    display: block;
                }

            .workflow ul li.expanded > .workflow-connector-bubble::after {
                background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(0, 0, 0, 0)), color-stop(70%, #cfcfcf));
                background: linear-gradient(to top, rgba(0, 0, 0, 0) 10%, #cfcfcf 70%);
                opacity: 0;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .workflow ul li.expanded + li > .workflow-connector-bubble::before {
                opacity: 0;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .workflow ul li.expanded > .workflow-connector-bubble.success::after {
                background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(0, 0, 0, 0)), color-stop(70%, #92df8d));
                background: linear-gradient(to top, rgba(0, 0, 0, 0) 10%, #92df8d 70%);
            }

            .workflow ul li.expanded > .workflow-connector-bubble.error::after {
                background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(0, 0, 0, 0)), color-stop(70%, #ff6565));
                background: linear-gradient(to top, rgba(0, 0, 0, 0) 10%, #ff6565 70%);
            }

            .workflow ul li.expanded > .workflow-connector-bubble.warning::after {
                background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(0, 0, 0, 0)), color-stop(70%, #eab064));
                background: linear-gradient(to top, rgba(0, 0, 0, 0) 10%, #eab064 70%);
            }

            .workflow ul li.expanded > .workflow-connector-bubble.in-progress::after {
                background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(0, 0, 0, 0)), color-stop(70%, white));
                background: linear-gradient(to top, rgba(0, 0, 0, 0) 10%, white 70%);
            }

            .workflow ul li.expanded > ul {
                height: auto;
            }

            .workflow ul li.expanded > .workflow-item-action i.fa-minus {
                display: block;
            }

            .workflow ul li.expanded > .workflow-item-action i.fa-plus {
                display: none;
            }

            .workflow ul li:last-child > .workflow-connector-bubble::after {
                display: none;
            }

@media (max-width: 800px) {
    .panel-body {
        padding: 2rem 1.5rem;
    }

    .workflow ul {
        padding-left: 0px;
    }

        .workflow ul li {
            position: relative;
            min-height: 65px;
            padding-left: 5px;
        }

            .workflow ul li .workflow-connector-bubble {
                width: 31px;
                height: 31px;
                border-radius: 15px;
            }

                .workflow ul li .workflow-connector-bubble::before {
                    width: 5px;
                    left: 14px;
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0, 0, 0, 0)), color-stop(70%, #cfcfcf));
                    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, #cfcfcf 70%);
                    opacity: 1;
                    -webkit-transition: 0.2s;
                    transition: 0.2s;
                    top: -42px;
                }

                .workflow ul li .workflow-connector-bubble::after {
                    width: 5px;
                    left: 14px;
                    background: #cfcfcf;
                    opacity: 1;
                    -webkit-transition: 0.2s;
                    transition: 0.2s;
                    bottom: -42px;
                    z-index: -5;
                }

                .workflow ul li .workflow-connector-bubble i {
                    display: none;
                    position: absolute;
                    top: 8px;
                    left: 8px;
                    font-size: 18px;
                }

                .workflow ul li .workflow-connector-bubble.complete {
                    background: #92df8d;
                }

                    .workflow ul li .workflow-connector-bubble.complete::before {
                        background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0, 0, 0, 0)), color-stop(70%, #92df8d));
                        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, #92df8d 70%);
                    }

                    .workflow ul li .workflow-connector-bubble.complete::after {
                        background: #92df8d;
                    }

                    .workflow ul li .workflow-connector-bubble.complete i.fa-check {
                        display: block;
                        color: white;
                    }

                .workflow ul li .workflow-connector-bubble.error {
                    background: #ff6565;
                }

                    .workflow ul li .workflow-connector-bubble.error::before {
                        background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0, 0, 0, 0)), color-stop(70%, #ff6565));
                        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, #ff6565 70%);
                    }

                    .workflow ul li .workflow-connector-bubble.error::after {
                        background: #ff6565;
                    }

                    .workflow ul li .workflow-connector-bubble.error i.fa-times {
                        display: block;
                        left: 10px;
                        top: 8px;
                        color: white;
                    }

                .workflow ul li .workflow-connector-bubble.warning {
                    background: #eab064;
                }

                    .workflow ul li .workflow-connector-bubble.warning::before {
                        background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0, 0, 0, 0)), color-stop(70%, #eab064));
                        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, #eab064 70%);
                    }

                    .workflow ul li .workflow-connector-bubble.warning::after {
                        background: #eab064;
                    }

                    .workflow ul li .workflow-connector-bubble.warning i.fa-exclamation {
                        display: block;
                        left: 13px;
                        color: white;
                    }

                .workflow ul li .workflow-connector-bubble.in-progress {
                    background: white;
                }

                    .workflow ul li .workflow-connector-bubble.in-progress::before {
                        background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0, 0, 0, 0)), color-stop(70%, white));
                        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, white 70%);
                    }

                    .workflow ul li .workflow-connector-bubble.in-progress::after {
                        background: white;
                    }

                    .workflow ul li .workflow-connector-bubble.in-progress i.fa-circle {
                        display: block;
                        left: 7px;
                        top: 8px;
                        color: #92df8d;
                    }

            .workflow ul li .workflow-item-detail {
                display: inline-block;
                margin-left: 15px;
            }

                .workflow ul li .workflow-item-detail span:first-of-type {
                    font-size: 14px;
                }

                .workflow ul li .workflow-item-detail span:only-child {
                    position: absolute;
                    top: 7px;
                }

                .workflow ul li .workflow-item-detail span:nth-child(2) {
                    font-size: 12px;
                    display: block;
                }

            .workflow ul li .workflow-item-action {
                position: absolute;
                top: 5px;
                right: 0px;
                min-width: 50px;
                text-align: right;
            }

                .workflow ul li .workflow-item-action i.fa-minus {
                    display: none;
                }

                .workflow ul li .workflow-item-action i.fa-plus {
                    display: block;
                }

            .workflow ul li.expanded > .workflow-connector-bubble::after {
                background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(0, 0, 0, 0)), color-stop(70%, #cfcfcf));
                background: linear-gradient(to top, rgba(0, 0, 0, 0) 10%, #cfcfcf 70%);
                opacity: 0;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .workflow ul li.expanded + li > .workflow-connector-bubble::before {
                opacity: 0;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .workflow ul li.expanded > .workflow-connector-bubble.success::after {
                background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(0, 0, 0, 0)), color-stop(70%, #92df8d));
                background: linear-gradient(to top, rgba(0, 0, 0, 0) 10%, #92df8d 70%);
            }

            .workflow ul li.expanded > .workflow-connector-bubble.error::after {
                background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(0, 0, 0, 0)), color-stop(70%, #ff6565));
                background: linear-gradient(to top, rgba(0, 0, 0, 0) 10%, #ff6565 70%);
            }

            .workflow ul li.expanded > .workflow-connector-bubble.warning::after {
                background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(0, 0, 0, 0)), color-stop(70%, #eab064));
                background: linear-gradient(to top, rgba(0, 0, 0, 0) 10%, #eab064 70%);
            }

            .workflow ul li.expanded > .workflow-connector-bubble.in-progress::after {
                background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(0, 0, 0, 0)), color-stop(70%, white));
                background: linear-gradient(to top, rgba(0, 0, 0, 0) 10%, white 70%);
            }

            .workflow ul li.expanded > .workflow-item-action i.fa-minus {
                display: block;
            }

            .workflow ul li.expanded > .workflow-item-action i.fa-plus {
                display: none;
            }

            .workflow ul li > ul li .workflow-connector-bubble {
                width: 23px;
                height: 23px;
                border-radius: 15px;
            }

                .workflow ul li > ul li .workflow-connector-bubble::before {
                    width: 5px;
                    left: 9px;
                    top: -42px;
                }

                .workflow ul li > ul li .workflow-connector-bubble::after {
                    width: 5px;
                    left: 9px;
                    bottom: -42px;
                }

                .workflow ul li > ul li .workflow-connector-bubble i {
                    font-size: 14px;
                    top: 6px;
                    left: 5px;
                }

                .workflow ul li > ul li .workflow-connector-bubble.error i.fa-times {
                    left: 7px;
                    top: 6px;
                }

                .workflow ul li > ul li .workflow-connector-bubble.warning i.fa-exclamation {
                    left: 9px;
                }

                .workflow ul li > ul li .workflow-connector-bubble.in-progress i.fa-circle {
                    left: 5px;
                    top: 5px;
                }

            .workflow ul li:last-child > .workflow-connector-bubble::after {
                display: none;
            }
}


.panel-brand .accordion-toggle:after {
    content: "\f105";
    color: white;
    float: right;
    font-size: 30px;
    margin-top: -50px;
    margin-right: 0px;
    font-family: "Font Awesome 5 Pro"
}

.panel-brand .accordion-toggle.collapsed:after {
    content: "\f106";
}

.panel-brand > .panel-heading {
    ​​​​​​​​​​transition: border-radius 0.5s;
}

​​​​​​​​​​ .panel-brand > .panel-heading.collapsed {
    ​​​​​​​​​​border-radius: 10px;
}

​​​​​​​​​​


​




/*# sourceMappingURL=workflow.css.map */