/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.text-primary{
    color: #04778f !important;
}

.primary {
    color: #18a7d2 !important; }

.bg-primary {
    background-color: #129abb !important; } /*4949EE*/
.bg-primary .card-header,
.bg-primary .card-footer {
    background-color: transparent; }

.alert-primary {
    background: rgba(115, 103, 240, 0.2) !important;
    color: #04778f !important; }
.alert-primary .alert-heading {
    box-shadow: rgba(115, 103, 240, 0.4) 0px 6px 15px -7px; }
.alert-primary .alert-link {
    color: #047a9d !important; }

.bg-rgba-primary {
    background: rgba(115, 103, 240, 0.15) !important; }

.border-primary {
    border: 1px solid #129abb !important; }

.border-top-primary {
    border-top: 1px solid #129abb; }

.border-bottom-primary {
    border-bottom: 1px solid #129abb; }

.border-left-primary {
    border-left: 1px solid #129abb; }

.border-right-primary {
    border-right: 1px solid #129abb; }

.bg-primary.badge-glow,
.border-primary.badge-glow,
.badge-primary.badge-glow {
    box-shadow: 0px 0px 10px #129abb; }

.badge.badge-primary {
    background-color: #129abb; }

.badge.badge-light-primary {
    background-color: #dedbfb;
    color: #129abb !important;
    font-weight: 500; }

.overlay-primary {
    background: #129abb;
    /* The Fallback */
    background: rgba(115, 103, 240, 0.6); }

.btn-primary {
    border-color: #0294b7 !important;
    background-color: #129abb !important;
    color: #fff; }
.btn-primary:hover {
    border-color: #047a9d !important;
    color: #fff !important;
    box-shadow: 0 8px 25px -8px #129abb; }
.btn-primary:focus, .btn-primary:active {
    color: #fff !important; }

.btn-flat-primary {
    background-color: transparent;
    color: #129abb; }
.btn-flat-primary:hover {
    color: #129abb;
    background-color: rgba(115, 103, 240, 0.1); }
.btn-flat-primary:active, .btn-flat-primary:focus {
    background-color: #129abb;
    color: #fff !important; }

.btn-relief-primary {
    background-color: #129abb;
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
    color: #fff; }
.btn-relief-primary:hover {
    color: #fff; }
.btn-relief-primary:active, .btn-relief-primary:focus {
    outline: none;
    transform: translateY(3px); }

.btn-outline-primary {
    border: 1px solid #129abb;
    background-color: transparent;
    color: #129abb; }
.btn-outline-primary:hover {
    background-color: rgba(115, 103, 240, 0.08);
    color: #129abb; }
.btn-outline-primary:active {
    color: #fff !important; }

.btn-primary ~ .dropdown-menu .dropdown-item.active,
.btn-outline-primary ~ .dropdown-menu .dropdown-item.active,
.btn-flat-primary ~ .dropdown-menu .dropdown-item.active {
    background-color: #129abb;
    color: #fff; }
.btn-primary ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-primary ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-primary ~ .dropdown-menu .dropdown-item.active:hover {
    color: #fff; }

.btn-primary ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-primary ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-primary ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
    color: #129abb; }

.dropdown.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:hover i {
    color: #129abb; }

.dropdown.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-flat-primary ~ .dropdown-menu .dropdown-item:active i {
    color: #fff; }

.bullet.bullet-primary {
    background-color: #129abb; }

.pagination-primary .page-item.active .page-link {
    background: #129abb;
    color: #fff; }
.pagination-primary .page-item.active .page-link:hover {
    color: #fff; }

.pagination-primary .page-item .page-link:hover {
    color: #129abb; }

.pagination-primary .page-item.prev-item .page-link:hover, .pagination-primary .page-item.next-item .page-link:hover {
    background: #129abb;
    color: #fff; }

.nav-pill-primary .nav-item .nav-link.active {
    color: #fff;
    background-color: #129abb !important; }

.progress-bar-primary {
    background-color: rgba(115, 103, 240, 0.1); }
.progress-bar-primary .progress-bar {
    background-color: #129abb; }

.chip-primary {
    background-color: #129abb !important; }
.chip-primary .chip-body {
    color: #fff !important; }

.divider.divider-primary .divider-text:before, .divider.divider-primary .divider-text:after {
    border-color: #129abb !important; }

input[type="checkbox"].bg-primary + .custom-control-label:before, input[type="radio"].bg-primary + .custom-control-label:before {
    background-color: #129abb !important; }

input:focus ~ .bg-primary {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #129abb !important; }

.vs-checkbox-primary input:checked ~ .vs-checkbox {
    border-color: #129abb !important; }
.vs-checkbox-primary input:checked ~ .vs-checkbox .vs-checkbox--check {
    background-color: #129abb !important; }

.vs-checkbox-primary input:active:checked + .vs-checkbox .vs-checkbox--check {
    background-color: #129abb !important; }

.custom-switch-primary .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #129abb !important;
    color: #fff;
    transition: all .2s ease-out; }

.vs-radio-primary input:checked ~ .vs-radio .vs-radio--circle {
    background: #129abb !important;
    box-shadow: 0 3px 12px 0 rgba(115, 103, 240, 0.4) !important; }

a {
    color: #07728c;
    text-decoration: none;
}

a:hover {
    color: #0294b7;
    text-decoration: none;
}

.bg-gradient-primary {
    background: #054c5e;
    color: #fff;
    background-image: linear-gradient(30deg, #18a7d2, rgb(4, 119, 148));
    background-repeat: repeat-x;
}

/* wizard */
/*========================================================
        DARK LAYOUT
=========================================================*/
.app-content .wizard {
    width: 100%; }
.app-content .wizard .content {
    margin-left: 0 !important; }
.app-content .wizard > .steps {
    position: relative;
    display: block;
    width: 100%; }
.app-content .wizard > .steps .current-info {
    position: absolute;
    left: -99999px; }
.app-content .wizard > .steps > ul {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 0;
    padding: 0;
    list-style: none; }
.app-content .wizard > .steps > ul > li {
    display: table-cell;
    width: auto;
    vertical-align: top;
    text-align: center;
    position: relative; }
.app-content .wizard > .steps > ul > li a {
    position: relative;
    padding-top: 52px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block; }
.app-content .wizard > .steps > ul > li:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 9;
    left: 0; }
.app-content .wizard > .steps > ul > li:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 9;
    right: 0; }
.app-content .wizard > .steps > ul > li:last-child:after {
    content: none; }
.app-content .wizard > .steps > ul > li.current > a {
    color: #18a7d2;
    cursor: default; }
.app-content .wizard > .steps > ul > li.current .step {
    border-color: #18a7d2;
    background-color: #18a7d2;
    color: #fff; }
.app-content .wizard > .steps > ul > li.disabled a {
    color: #636363;
    cursor: default; }
.app-content .wizard > .steps > ul > li.disabled a:hover {
    color: #636363;
    cursor: default; }
.app-content .wizard > .steps > ul > li.disabled a:focus {
    color: #636363;
    cursor: default; }
.app-content .wizard > .steps > ul > li.disabled .step {
    color: #b8c2cc; }
.app-content .wizard > .steps > ul > li.done a {
    color: #636363; }
.app-content .wizard > .steps > ul > li.done a:hover {
    color: #636363; }
.app-content .wizard > .steps > ul > li.done a:focus {
    color: #636363; }
.app-content .wizard > .steps > ul > li.done .step {
    background-color: #fff;
    border-color: #18a7d2;
    color: #b8c2cc; }
.app-content .wizard > .steps > ul > li.done:last-child .step {
    background-color: #18a7d2;
    border-color: #18a7d2;
    color: #fff; }
.app-content .wizard > .steps > ul > li.error > a {
    color: #ea5455; }
.app-content .wizard > .steps > ul > li.error .step {
    border-color: #ea5455;
    color: #fff;
    background-color: #ea5455; }
.app-content .wizard > .steps .step {
    background-color: #fff;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -24px;
    z-index: 10;
    text-align: center; }
.app-content .wizard > .steps .step i {
    position: relative;
    top: 2px; }
.app-content .wizard > .content {
    position: relative;
    width: auto;
    padding: 0;
    margin: 0; }
.app-content .wizard > .content > .title {
    position: absolute;
    left: -99999px; }
.app-content .wizard > .content > .body {
    padding: 0 20px; }
.app-content .wizard > .content > iframe {
    border: 0 none;
    width: 100%;
    height: 100%; }
.app-content .wizard > .actions {
    position: relative;
    display: block;
    text-align: right;
    padding: 20px;
    padding-top: 0; }
.app-content .wizard > .actions > ul {
    list-style: none;
    padding: 0;
    margin: 0; }
.app-content .wizard > .actions > ul:after {
    content: '';
    display: table;
    clear: both; }
.app-content .wizard > .actions > ul > li {
    float: left; }
.app-content .wizard > .actions > ul > li + li {
    margin-left: 10px;
    float: right; }
.app-content .wizard > .actions > ul > li > a {
    background: #18a7d2;
    color: #fff;
    display: block;
    padding: 7px 12px;
    border-radius: 0.42rem;
    border: 1px solid transparent; }
.app-content .wizard > .actions > ul > li > a:hover {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; }
.app-content .wizard > .actions > ul > li > a:focus {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; }
.app-content .wizard > .actions > ul > li > a:active {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; }
.app-content .wizard > .actions > ul > li > a[href="#previous"] {
    background-color: #18a7d2;
    color: #fff;
    border-radius: 0.42rem; }
.app-content .wizard > .actions > ul > li > a[href="#previous"]:hover {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset; }
.app-content .wizard > .actions > ul > li > a[href="#previous"]:focus {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset; }
.app-content .wizard > .actions > ul > li > a[href="#previous"]:active {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.04) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.04) inset; }
.app-content .wizard > .actions > ul > li.disabled > a {
    color: #fff; }
.app-content .wizard > .actions > ul > li.disabled > a:hover {
    color: #fff; }
.app-content .wizard > .actions > ul > li.disabled > a:focus {
    color: #fff; }
.app-content .wizard > .actions > ul > li.disabled > a[href="#previous"] {
    -webkit-box-shadow: none;
    box-shadow: none; }
.app-content .wizard > .actions > ul > li.disabled > a[href="#previous"]:hover {
    -webkit-box-shadow: none;
    box-shadow: none; }
.app-content .wizard > .actions > ul > li.disabled > a[href="#previous"]:focus {
    -webkit-box-shadow: none;
    box-shadow: none; }
.app-content .wizard.wizard-circle > .steps > ul > li:before, .app-content .wizard.wizard-circle > .steps > ul > li:after {
    top: 43px;
    width: 50%;
    height: 3px;
    background-color: #18a7d2; }
.app-content .wizard.wizard-circle > .steps > ul > li.current:after {
    background-color: transparent; }
.app-content .wizard.wizard-circle > .steps > ul > li.current ~ li:before {
    background-color: transparent; }
.app-content .wizard.wizard-circle > .steps > ul > li.current ~ li:after {
    background-color: transparent; }
.app-content .wizard.wizard-circle > .steps .step {
    width: 50px;
    height: 50px;
    line-height: 3rem;
    border: 3px solid #b8c2cc;
    font-size: 1.5rem;
    font-weight: 500;
    border-radius: 50%; }

@media (max-width: 768px) {
    .app-content .wizard > .steps > ul {
        margin-bottom: 20px; }
    .app-content .wizard > .steps > ul > li {
        display: block;
        float: left;
        width: 33%; }
    .app-content .wizard > .steps > ul > li > a {
        margin-bottom: 0; }
    .app-content .wizard > .steps > ul > li:last-child:after {
        content: '';
        background-color: #18a7d2; } }

@media (max-width: 480px) {
    .app-content .wizard > .steps > ul > li.current:after {
        background-color: #18a7d2; } }
/* fine wizard */