@import "./components_css/import_components_css.css";
@import "../_bootswatch-v3.3.7/import_bootswatch.css";
@import "./font/font.css";
html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-feature-settings: 'salt';
    font-family: 'Inter var', Helvetica, Arial, sans-serif;
    font-feature-settings: 'salt';
    height: 100%;
}

body {
    font-family: 'Inter var', Helvetica, Arial, sans-serif;
    font-feature-settings: 'salt';
    color: #1e293b;
    background-color: #f1f5f9;
}

a {
    color: #4f46e5;
}

a:hover,
a:focus {
    color: #5d55e7;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #ffffff;
    background-color: #333333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    -webkit-box-shadow: none;
    box-shadow: none;
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #333333;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    border-radius: 4px;
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #999999;
    text-align: left;
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #555555;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #468847;
}

.has-success .form-control {
    border-color: #468847;
    -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);
}

.has-success .form-control:focus {
    border-color: #356635;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}

.has-success .input-group-addon {
    color: #468847;
    border-color: #468847;
    background-color: #dff0d8;
}

.has-success .form-control-feedback {
    color: #468847;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: #c09853;
}

.has-warning .form-control {
    border-color: #c09853;
    -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);
}

.has-warning .form-control:focus {
    border-color: #a47e3c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}

.has-warning .input-group-addon {
    color: #c09853;
    border-color: #c09853;
    background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
    color: #c09853;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #b94a48;
}

.has-error .form-control {
    border-color: #b94a48;
    -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);
}

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

.has-error .input-group-addon {
    color: #b94a48;
    border-color: #b94a48;
    background-color: #f2dede;
}

.has-error .form-control-feedback {
    color: #b94a48;
}

.has-feedback label~.form-control-feedback {
    top: 25px;
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #959595;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}


/* DROPDOWN */

.dropdown-menu .divider {
    background-color: #e5e5e5;
}

.dropdown-menu>li>a {
    color: #333333;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: #ffffff;
    background-color: #4f46e5;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #ffffff;
    background-color: #2fa4e7;
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    color: #999999;
}

.dropdown-header {
    color: #999999;
}


/*  */

[data-toggle="buttons"]>.btn input[type="radio"],
[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
[data-toggle="buttons"]>.btn input[type="checkbox"],
[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 54px;
    padding: 14px 16px;
}

select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
    height: 54px;
    line-height: 54px;
}

.input-group-addon {
    padding: 8px 12px;
    color: #555555;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
}

.input-group-addon.input-lg {
    padding: 14px 16px;
    font-size: 18px;
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #cccccc;
}


/* Label */

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.label-default {
    background-color: #999999;
}

.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #808080;
}

.label-primary {
    background-color: #2fa4e7;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #178acc;
}

.label-success {
    background-color: #73a839;
}

.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #59822c;
}

.label-info {
    background-color: #033c73;
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #022241;
}

.label-warning {
    background-color: #dd5600;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #aa4200;
}

.label-danger {
    background-color: #c71c22;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #9a161a;
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
    color: #2fa4e7;
    background-color: #ffffff;
}

.list-group-item>.badge {
    float: right;
}

.list-group-item>.badge+.badge {
    margin-right: 5px;
}

.nav-pills>li>a>.badge {
    margin-left: 3px;
}


/* Jumbotron */

.jumbotron {
    background-color: #e5e5e5;
}

.jumbotron>hr {
    border-top-color: #d5d5d5;
}

h1.component-holder {
    font-size: 32px;
    font-weight: 800;
    margin: 0;
    padding: 50px 40px;
    background-color: #fff;
    border-bottom: 1px solid #e2e8f0;
}

.crn-navigator-horizontal #navbar cron-dynamic-menu .navbar-nav {
    margin: 0;
}

@media screen and (min-width: 768px) {
    .crn-navigator-horizontal div.navbar-header,
    .crn-navigator-horizontal div#navbar,
    .crn-navigator-horizontal div#navbar2 {
        width: auto;
    }
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
    clear: both;
}

#modalPassword .modal-body input {
    width: 100%;
}

#modalPassword .btn-primary,
#modalPassword .btn-default {
    background-color: #fff;
    color: #333;
}

#modalPassword .btn-primary {
    border: 1px solid #22c55e;
}

#modalPassword .btn-default {
    border: 1px solid #dc2626;
}

#modalPassword .btn-primary:hover,
#modalPassword .btn-default:hover {
    background-color: #eee;
}

#modalPassword .btn-primary:hover {
    color: #22c55e;
}

#modalPassword .btn-default:hover {
    color: #dc2626;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.crn-navigator-horizontal {
    padding-left: 0;
    padding-right: 0;
}

.crn-navigator-horizontal .navbar-header {
    float: left;
}

.crn-navigator-horizontal .navbar-default .navbar-nav>li>a {
    margin: 0;
}

.crn-navigator-horizontal #navbar2 ul>li:last-child img,
.crn-navigator-vertical #navbar ul>li ul li:last-child img {
    display: none;
}

.crn-navigator-horizontal #navbar2>ul>li>a:before,
.crn-navigator-vertical #navbar>ul>li>*>ul>li:last-child>a:before {
    content: "\f007";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 22px;
    width: 30px;
    text-align: center;
    margin-right: 9px;
}

.crn-navigator-horizontal .navbar-header,
.crn-navigator-horizontal #navbar,
.crn-navigator-horizontal #navbar2 {
    width: calc(100% + 30px);
}

.crn-navigator-vertical #navbar>ul>li>*>ul>li:last-child>ul>li>a:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    width: 30px;
    text-align: center;
    margin-right: 13px;
}

.crn-navigator-vertical #navbar>ul>li>*>ul>li:last-child>ul>li>a:before:focus {
    color: #fff;
}

.crn-navigator-vertical #navbar>ul>li>*>ul>li:last-child>ul>li:first-child>a:before {
    content: "";
}

.crn-navigator-vertical #navbar>ul>li>*>ul>li:last-child>ul>li:nth-child(2)>a:before {
    content: "";
}

.navbar-default {
    background-color: #0f172a;
    border-color: #1995dc;
}

.navbar-default .navbar-text,
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-brand {
    color: #9fa2aa;
    font-size: 14px;
}

.navbar-default .navbar-nav>li>a {
    display: flex;
    border-radius: 6px;
}

.navbar-default .navbar-nav>li>a {
    padding-top: 11px;
    padding-bottom: 11px;
}

.navbar-default .navbar-nav>li>a:hover {
    background-color: #2c3344;
    color: #fff;
}

.navbar-default .navbar-nav>li>a>i {
    font-size: 22px;
    display: inline-block;
    width: 30px;
    text-align: center;
    margin-right: 5px;
    color: #9fa2aa;
    font-weight: bold;
}

.navbar-default .navbar-nav>li>a:hover>i {
    color: #fff;
}

.navbar-default .navbar-nav>li>a>span {
    color: #cfd1d4;
    margin-left: 5px;
    margin-top: 2px;
    margin-right: 10px;
    font-size: 13px;
}

.navbar-default .navbar-nav>li>a>span.caret {
    margin-top: 10px;
    margin-left: auto;
}

.navbar-default .navbar-nav>li>a:hover>span {
    color: #fff;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:focus i,
.navbar-default .navbar-nav>.open>a:focus span {
    color: #fff;
}

.crn-navigator-horizontal .navbar-default .navbar-nav>li>a>span+span {
    margin-left: auto;
}

.text-muted {
    color: #999999;
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}


/* -- .navbar -- */
.navbar {
    min-height: auto;
}
.navbar-default {
    background-color: #2fa4e7;
    border-color: #1995dc;
}

.navbar-default .navbar-brand {
    color: #ffffff;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #ffffff;
    background-color: transparent;
}

.navbar-default .navbar-text {
    color: #dddddd;
}

.navbar-default .navbar-nav>li>a {
    color: #ffffff;
}

.navbar-default .navbar-nav>li.open>a:hover,
.navbar-default .navbar-nav>li.open>a:focus {
    color: #ffffff;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #ffffff;
    background-color: #2c3344;
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
    color: #dddddd;
    background-color: transparent;
}

.navbar-default .navbar-toggle {
    border-color: #2c3344;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #2c3344;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #1995dc;
    border-width: 0;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: transparent;
    color: #ffffff;
}

.navbar-default .navbar-nav>.open>a:hover {
    background-color: #2c3344;
}

.navbar-collapse {
    box-shadow: none;
}

.navbar-nav {
    margin: 0 -15px;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #ffffff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #ffffff;
        background-color: #2c3344;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #ffffff;
        background-color: #2c3344;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #dddddd;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #ffffff;
}

.navbar-default .navbar-link:hover {
    color: #ffffff;
}

.navbar-default .btn-link {
    color: #ffffff;
}

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
    color: #ffffff;
}

.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
    color: #dddddd;
}

.navbar-inverse {
    background-color: #033c73;
    border-color: #022f5a;
}

.navbar-inverse .navbar-brand {
    color: #ffffff;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #ffffff;
    background-color: transparent;
}

.navbar-inverse .navbar-text {
    color: #ffffff;
}

.navbar-inverse .navbar-nav>li>a {
    color: #ffffff;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color: #ffffff;
    background-color: #022f5a;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
    color: #ffffff;
    background-color: #022f5a;
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
    color: #cccccc;
    background-color: transparent;
}

.navbar-inverse .navbar-toggle {
    border-color: #022f5a;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #022f5a;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #022a50;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #022f5a;
    color: #ffffff;
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #022f5a;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #022f5a;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #ffffff;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #ffffff;
        background-color: #022f5a;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #ffffff;
        background-color: #022f5a;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #cccccc;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #ffffff;
}

.navbar-inverse .navbar-link:hover {
    color: #ffffff;
}

.navbar-inverse .btn-link {
    color: #ffffff;
}

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
    color: #ffffff;
}

.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #cccccc;
}

.navbar-default {
    background-image: -webkit-linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5);
    background-image: -o-linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#54b4eb), color-stop(60%, #2fa4e7), to(#1d9ce5));
    background-image: linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5);
    background-repeat: no-repeat;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff54b4eb', endColorstr='#ff1d9ce5', GradientType=0);
    border-bottom: 1px solid #2c3344;
    -webkit-filter: none;
    filter: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-default .badge {
    background-color: #fff;
    color: #2fa4e7;
}

.navbar-inverse {
    background-image: -webkit-linear-gradient(#04519b, #044687 60%, #033769);
    background-image: -o-linear-gradient(#04519b, #044687 60%, #033769);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#04519b), color-stop(60%, #044687), to(#033769));
    background-image: linear-gradient(#04519b, #044687 60%, #033769);
    background-repeat: no-repeat;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff04519b', endColorstr='#ff033769', GradientType=0);
    -webkit-filter: none;
    filter: none;
    border-bottom: 1px solid #022241;
}

.navbar-inverse .badge {
    background-color: #fff;
    color: #033c73;
}

.navbar.navbar-default .navbar-nav>li>a,
.navbar-brand {
    color: #9fa2aa;
    height: auto;
}

.navbar-brand {
    padding: 18px 15px 0;
}

@media (max-width: 767px) {
    .navbar .dropdown-header {
        color: #fff;
    }
    .navbar .dropdown-menu a {
        color: #fff;
    }
}

.navbar .nav > li > a {
    text-transform: initial;
}


/* -- .label -- */

.label {
    color: #ffffff;
}

a.label:hover,
a.label:focus {
    color: #ffffff;
}

.label-default {
    background-color: #999999;
}

.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #808080;
}

.label-primary {
    background-color: #2fa4e7;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #178acc;
}

.label-success {
    background-color: #73a839;
}

.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #59822c;
}

.label-info {
    background-color: #033c73;
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #022241;
}

.label-warning {
    background-color: #dd5600;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #aa4200;
}

.label-danger {
    background-color: #c71c22;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #9a161a;
}


/* -- .jumbotron -- */

.jumbotron {
    background-color: #eeeeee;
}

.jumbotron>hr {
    border-top-color: #d5d5d5;
}


/* -- .list-group -- */

.list-group-item {
    background-color: #ffffff;
    border: 1px solid #dddddd;
}

a.list-group-item,
button.list-group-item {
    color: #555555;
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
    color: #333333;
}

a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
    text-decoration: none;
    color: #555555;
    background-color: #f5f5f5;
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    background-color: #eeeeee;
    color: #999999;
    cursor: not-allowed;
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
    color: #999999;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #2fa4e7;
    border-color: #2fa4e7;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
    color: #e6f4fc;
}

.list-group-item-success {
    color: #468847;
    background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
    color: #468847;
}

a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
    color: #468847;
    background-color: #d0e9c6;
}

a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #468847;
    border-color: #468847;
}

.list-group-item-info {
    color: #3a87ad;
    background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
    color: #3a87ad;
}

a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
    color: #3a87ad;
    background-color: #c4e3f3;
}

a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #3a87ad;
    border-color: #3a87ad;
}

.list-group-item-warning {
    color: #c09853;
    background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #c09853;
}

a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
    color: #c09853;
    background-color: #faf2cc;
}

a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #c09853;
    border-color: #c09853;
}

.list-group-item-danger {
    color: #b94a48;
    background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: #b94a48;
}

a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
    color: #b94a48;
    background-color: #ebcccc;
}

a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #b94a48;
    border-color: #b94a48;
}


/* -- .progress -- */

.progress {
    background-color: #f5f5f5;
}

.progress-bar {
    color: #ffffff;
    background-color: #2fa4e7;
}

.progress-bar-success {
    background-color: #73a839;
}

.progress-bar-info {
    background-color: #033c73;
}

.progress-bar-warning {
    background-color: #dd5600;
}

.progress-bar-danger {
    background-color: #c71c22;
}


/* -- .thumbnail -- */

.thumbnail {
    background-color: #ffffff;
    border: 1px solid #dddddd;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #2fa4e7;
}

.thumbnail .caption {
    color: #555555;
}

.img-thumbnail {
    background-color: #ffffff;
    border: 1px solid #dddddd;
}


/* -- .alert -- */

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}

.alert-success hr {
    border-top-color: #c9e2b3;
}

.alert-success .alert-link {
    color: #356635;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}

.alert-info hr {
    border-top-color: #a6e1ec;
}

.alert-info .alert-link {
    color: #2d6987;
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #fbeed5;
    color: #c09853;
}

.alert-warning hr {
    border-top-color: #f8e5be;
}

.alert-warning .alert-link {
    color: #a47e3c;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
}

.alert-danger hr {
    border-top-color: #e6c1c7;
}

.alert-danger .alert-link {
    color: #953b39;
}


/* -- .close -- */


/* -- .has -- */

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #468847;
}

.has-success .form-control {
    border-color: #468847;
    -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);
}

.has-success .form-control:focus {
    border-color: #356635;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}

.has-success .input-group-addon {
    color: #468847;
    border-color: #468847;
    background-color: #dff0d8;
}

.has-success .form-control-feedback {
    color: #468847;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: #c09853;
}

.has-warning .form-control {
    border-color: #c09853;
    -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);
}

.has-warning .form-control:focus {
    border-color: #a47e3c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}

.has-warning .input-group-addon {
    color: #c09853;
    border-color: #c09853;
    background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
    color: #c09853;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #b94a48;
}

.has-error .form-control {
    border-color: #b94a48;
    -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);
}

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

.has-error .input-group-addon {
    color: #b94a48;
    border-color: #b94a48;
    background-color: #f2dede;
}


/* blockquote */

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    background-color: #eeeeee;
    color: #999999;
    cursor: not-allowed;
}

.has-error .form-control-feedback {
    color: #b94a48;
}

.has-feedback label~.form-control-feedback {
    top: 25px;
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0;
}


/* -- .form-control -- */

.form-control {
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
    color: #999999;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1;
}


/* -- blockquote -- */

blockquote {
    border-left: 5px solid #eeeeee;
}

blockquote footer,
blockquote small,
blockquote .small {
    color: #999999;
}

.blockquote-reverse,
blockquote.pull-right {
    border-right: 5px solid #eeeeee;
}


/* -- breadcrumb -- */

.breadcrumb {
    background-color: #f5f5f5;
}

.breadcrumb>li {
    display: inline-block;
}

.breadcrumb>li+li:before {
    color: #cccccc;
}

.breadcrumb>.active {
    color: #999999;
}


/* -- Customizing Kendo -- */

.k-grid-header .k-header:hover,
.k-grid-header .k-header:hover a {
    color: #317eac;
}


/* -- .input-group -- */

.input-group-addon {
    color: #555555;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
}


/* -- modal -- */

.modal-content {
    background-color: #ffffff;
}

.modal-backdrop {
    background-color: #000000;
}

.modal-header {
    border-bottom: 0;
}

.modal-footer {
    border-top: 0;
}


/* -- well -- */

.well {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

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

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


/* -- popover -- */

.popover {
    font-family: 'Inter var', Helvetica, Arial, sans-serif;
    font-feature-settings: 'salt';
    background-color: #ffffff;
}

.popover-title {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
}

.popover.top>.arrow {
    border-top-color: #999999;
}

.popover.top>.arrow:after {
    border-top-color: #ffffff;
}

.popover.right>.arrow {
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right>.arrow:after {
    border-right-color: #ffffff;
}

.popover.bottom>.arrow {
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}

.popover.bottom>.arrow:after {
    border-bottom-color: #ffffff;
}

.popover.left>.arrow {
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left>.arrow:after {
    border-left-color: #ffffff;
}


/* -- animations -- */

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}


/* -- Tooltip -- */

.tooltip {
    font-family: 'Inter var', Helvetica, Arial, sans-serif;
    font-feature-settings: 'salt';
}

.tooltip-inner {
    color: #ffffff;
    background-color: #000000;
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.right .tooltip-arrow,
.tooltip.left .tooltip-arrow,
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}


/* -- color text -- */

.text-muted {
    color: #999999;
}

.text-primary {
    color: #4f46e5;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #726bea;
}

.text-success {
    color: #468847;
}

a.text-success:hover,
a.text-success:focus {
    color: #356635;
}

.text-info {
    color: #3a87ad;
}

a.text-info:hover,
a.text-info:focus {
    color: #2d6987;
}

.text-warning {
    color: #c09853;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #a47e3c;
}

.text-danger {
    color: #b94a48;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #953b39;
}


/* -- .panel-group -- */

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid #dddddd;
}

.panel-group .panel-footer {
    border-top: 0;
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #dddddd;
}

.panel-default {
    border-color: #dddddd;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #dee2e8;
    border-color: #dddddd;
    border-radius: 4px;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #dddddd;
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #555555;
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #dddddd;
}

.panel-primary {
    border-color: #dddddd;
}

.panel-primary>.panel-heading {
    color: #ffffff;
    background-color: #2fa4e7;
    border-color: #dddddd;
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #dddddd;
}

.panel-primary>.panel-heading .badge {
    color: #2fa4e7;
    background-color: #ffffff;
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #dddddd;
}

.panel-success {
    border-color: #dddddd;
}

.panel-success>.panel-heading {
    color: #468847;
    background-color: #73a839;
    border-color: #dddddd;
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #dddddd;
}

.panel-success>.panel-heading .badge {
    color: #73a839;
    background-color: #468847;
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #dddddd;
}

.panel-info {
    border-color: #dddddd;
}

.panel-info>.panel-heading {
    color: #3a87ad;
    background-color: #033c73;
    border-color: #dddddd;
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #dddddd;
}

.panel-info>.panel-heading .badge {
    color: #033c73;
    background-color: #3a87ad;
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #dddddd;
}

.panel-warning {
    border-color: #dddddd;
}

.panel-warning>.panel-heading {
    color: #c09853;
    background-color: #dd5600;
    border-color: #dddddd;
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #dddddd;
}

.panel-warning>.panel-heading .badge {
    color: #dd5600;
    background-color: #c09853;
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #dddddd;
}

.panel-danger {
    border-color: #dddddd;
}

.panel-danger>.panel-heading {
    color: #b94a48;
    background-color: #c71c22;
    border-color: #dddddd;
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #dddddd;
}

.panel-danger>.panel-heading .badge {
    color: #c71c22;
    background-color: #b94a48;
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #dddddd;
}


/* -- others -- */

hr {
    border-top: 1px solid #eeeeee;
}

a {
    color: #2fa4e7;
}

a:hover,
a:focus {
    color: #157ab5;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Inter var', Helvetica, Arial, sans-serif;
    font-feature-settings: 'salt';
    line-height: 1.2;
    color: #1e293b;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    color: #999999;
}

h1,
.h1 {
    font-size: 36px;
}

h2,
.h2 {
    font-size: 30px;
}

h3,
.h3 {
    font-size: 24px;
}

h4,
.h4 {
    font-size: 18px;
}

h5,
.h5 {
    font-size: 14px;
}

h6,
.h6 {
    font-size: 12px;
}

mark,
.mark {
    background-color: #fcf8e3;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eeeeee;
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #999999;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #555555;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

output {
    display: block;
    padding-top: 9px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #959595;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

[data-toggle="buttons"]>.btn input[type="radio"],
[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
[data-toggle="buttons"]>.btn input[type="checkbox"],
[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.panel-primary .panel-heading,
.panel-success .panel-heading,
.panel-warning .panel-heading,
.panel-danger .panel-heading,
.panel-info .panel-heading,
.panel-primary .panel-title,
.panel-success .panel-title,
.panel-warning .panel-title,
.panel-danger .panel-title,
.panel-info .panel-title {
    color: #fff;
}


/* Geral */

a {
    color: #4f46e5;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #726bea;
    text-decoration: none;
}

.form-control {
    box-shadow: none;
    width: 100%;
}

.k-widget {
    box-shadow: none;
}

div.crn-navigator-vertical {
    padding-left: 0;
    padding-right: 0;
}

div.crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a i {
    font-size: 24px;
    display: inline-block;
    width: 30px;
    text-align: center;
    margin-right: 10px;
}

div.crn-navigator-horizontal>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu {
    border: 0;
    background-color: #0f172a;
}

div.crn-navigator-horizontal>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a:hover {
    background-color: #2c3344;
}

.navbar-nav .open .dropdown-menu>li>a,
.navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 13px 15px 13px 15px;
    color: #9fa2aa;
}

.navbar-nav .open .dropdown-menu>li>a i:before {
    content: "";
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #9fa2aa;
    font-size: 13px;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a>i {
    width: 30px;
    margin-right: 10px;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #fff;
    border-radius: 4px;
}

.navbar-default #navbar2 .navbar-nav .open .dropdown-menu>li>a {
    padding: 13px 15px 13px 58px;
}

ul.nav.navbar-nav {
    margin: 2px 10px;
}

.crn-navigator-horizontal .navbar-default .navbar-nav .open .dropdown-menu {
    margin-top: 4px;
    padding: 0;
}

#navbar2 ul.nav.navbar-nav {
    margin: 4px 10px;
}

.dropdown-menu > li > a {
    text-transform: initial;
}


/* Tamanho 768 */

@media (min-width: 768px) {
    ul.nav.navbar-nav {
        margin: 4px 10px;
    }
    /* Menu Vertical */
    div.crn-navigator-vertical {
        width: 17vw;
        position: fixed;
        left: 0;
    }
    div.crn-navigator-vertical ul.nav.navbar-nav {
        width: calc(100% - 10px);
    }
    div.crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse.collapse {
        box-shadow: none;
    }
    div.crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .dropdown-menu {
        margin-left: 0;
    }
    div.crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu .dropdown-header,
    div.crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a {
        padding: 12px 15px;
        border-radius: 6px;
        line-height: 20px;
        font-size: 13px;
    }
    div.crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a i:before {
        content: "";
    }
    div.crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a:hover,
    div.crn-navigator-vertical>.navbar>.navbar-nav .open .dropdown-menu>li>a:focus {
        background-color: #2c3344;
    }
    div.main-view.main-view-vertical {
        display: inline-block;
        margin-right: 0;
        margin-top: 0;
        padding: 0;
    }

    /* Menu Horizontal */
    .crn-navigator-horizontal .navbar-default .navbar-nav .open .dropdown-menu>li>a>i {
        display: none;
    }
    .crn-navigator-horizontal .navbar-default #navbar2 .navbar-nav .open .dropdown-menu>li>a {
        padding: 13px 15px;
    }
    /* Logo */
    div.crn-navigator-vertical .navbar-header {
        margin: 30px 0 20px;
        text-align: center;
    }
    div.crn-navigator-vertical .navbar-brand {
        padding: 0;
        float: none;
        margin-top: 4px;
    }
    div.crn-navigator-vertical .navbar-brand img {
        display: inline;
    }
    div.crn-navigator-vertical #navbar>ul>li>*>ul>li:last-child>ul.dropdown-menu>li>a:before {
        content: "";
        margin-right: 13px;
    }
}

div.main-view.main-view-horizontal {
    padding: 0;
}

div#view-canvas .main-view-vertical {
    margin-top: 0;
}

/* Conteúdo Principal */

div.main-view-vertical {
    margin-right: 0;
    margin-left: 0;
    margin-top: 0;
    width: 100%;
    padding: 0;
}


/* Barra de Navegação */

.navbar-default {
    background-image: none;
    background-color: #0f172a;
    border-radius: 0;
    border: 0;
    margin-bottom: 0;
}


/* Input, Select */

input.form-control,
input.k-input.cronSelect,
.k-autocomplete .k-input,
.crn-select,
input.k-textbox,
textarea.k-textbox,
.k-multiselect-wrap {
    padding: 10px 4px;
    height: auto;
    border-color: #cbd5e1;
}

.k-multiselect-wrap {
    padding: 7px 4px 8px;
}

input.form-control:hover,
input.k-input.cronSelect:hover,
.k-autocomplete .k-input:hover,
.crn-select:hover {
    border-color: #cbd5e1;
}

.crn-select {
    height: 49.1px;
}

input.form-control:focus,
input.k-input.cronSelect:focus,
.k-autocomplete .k-input:focus,
.crn-select:focus {
    box-shadow: none;
    border-color: #4f46e5;
}

.k-autocomplete.k-state-default,
.k-dropdown-wrap.k-state-default,
.k-multiselect-wrap,
.k-numeric-wrap.k-state-default,
.k-picker-wrap.k-state-default {
    border-color: #cbd5e1;
}

.k-autocomplete.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-multiselect.k-header.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-textbox:focus {
    box-shadow: none;
    border-color: #4f46e5;
}

.k-multiselect-clearable .k-multiselect-wrap {
    padding-right: 0;
}

.k-autocomplete.k-state-default .k-input,
.k-combobox .k-state-default .k-input,
.k-multiselect-wrap,
.k-numeric-wrap.k-state-default .k-input,
.k-picker-wrap.k-state-default .k-input,
.k-progress-status-wrap,
.k-slider-selection,
.k-slider-track {
    box-shadow: none;
}

.k-multiselect-wrap.k-state-hover,
.k-state-hover>.k-multiselect-wrap {
    border: 1px solid #cbd5e1;
}

.k-multiselect-wrap.k-state-focused,
.k-state-focused>.k-multiselect-wrap {
    box-shadow: none;
    border: 1px solid #4f46e5;
}

.k-multiselect .k-button {
    border-color: #4f46e5;
    background-color: #4f46e5;
    margin-right: 5px;
}

.k-multiselect .k-button:hover {
    border-color: #726bea;
    background-color: #726bea;
}

.k-multiselect.k-state-focused>.k-multiselect-wrap>.k-i-close,
.k-multiselect.k-state-hover>.k-multiselect-wrap>.k-i-close {
    color: #333;
}

.k-autocomplete.k-state-focused {
    box-shadow: none;
    border-color: #4f46e5;
}

.k-autocomplete.k-state-default .k-input {
    width: calc(100% - 8px);
}

.input-group .form-control:last-child,
.input-group .form-control:first-child {
    border-radius: 4px;
}

.input-group .k-button {
    background-color: transparent;
    border: 0;
}

.k-combobox .k-select,
.k-dropdown.cronDynamicSelect .k-dropdown-wrap .k-select {
    margin-top: 7px;
}

.k-dropdown.cronDynamicSelect .k-dropdown-wrap .k-input {
    padding: 10px 4px;
    background-color: #fff;
}

.k-dropdown-wrap.k-state-active.k-state-border-down {
    box-shadow: none;
}

.k-list-optionlabel.k-state-focused,
.k-list-optionlabel.k-state-selected {
    border-width: 0;
}

.k-dropdown-wrap.k-state-hover {
    background-color: #fff;
}


/* Checkbox */

label.k-checkbox-label:before,
label.k-checkbox-label:hover:before {
    background-color: #fff;
    border-color: #606f86;
    border-radius: 3px;
    border-width: 2px;
    box-shadow: none;
}

input.k-checkbox:checked+label.k-checkbox-label:before,
input.k-checkbox:checked+label.k-checkbox-label:hover:before {
    background-color: #4f46e5;
    border: 0;
    color: #fff;
    border: 2px solid #4f46e5;
    box-shadow: none;
}

input.k-checkbox:checked+label.k-checkbox-label:hover:before {
    border-color: #4f46e5;
}

input.k-checkbox-label:active::before,
input.k-checkbox:active+label.k-checkbox-label::before {
    box-shadow: none;
}

input.k-checkbox-label:hover:before,
input.k-checkbox:hover+label.k-checkbox-label:before {
    border-color: #606f86;
}

input.k-checkbox:focus+label.k-checkbox-label:before,
input.k-checkbox:focus+label.k-checkbox-label:hover:before {
    box-shadow: none;
    border-color: #606f86;
}

input.k-checkbox:focus:checked+label.k-checkbox-label:before,
input.k-checkbox:focus:checked+label.k-checkbox-label:hover:before {
    border-color: #4f46e5;
}

input.k-checkbox.ng-pristine.ng-not-empty+label.k-checkbox-label:before,
input.k-checkbox.ng-pristine.ng-not-empty+label.k-checkbox-label:hover:before {
    background-color: #4f46e5;
    border-color: #4f46e5;
}

input.k-checkbox.ng-pristine.ng-not-empty+label.k-checkbox-label:after,
input.k-checkbox.ng-pristine.ng-not-empty+label.k-checkbox-label:hover:after {
    font: 14px WebComponentsIcons, monospace;
    color: #fff;
    border: 0;
    background-color: transparent;
    content: "\e118";
    position: absolute;
    top: 5px;
    left: 6px;
}


/* Textarea */

textarea.form-control {
    padding: 10px calc(.8em + 4px);
}


/* Avaliação */

i.fa.fa-star-o,
i.component-holder.fa.fa-star {
    margin-right: 4px;
}


/* Envio de Imagem */

.dynamic-image-container {
    border: 2px dashed;
    padding: 20px;
}

.dynamic-image-container button.btn {
    border-radius: 999px;
    background-color: #4f46e5;
    color: #fff;
    outline: 0;
    padding: 6px 12px;
}

.dynamic-image-container button.btn:active:focus {
    outline: 0;
    box-shadow: none;
    background-color: #847eed;
}

.dynamic-image-container button.btn:hover {
    background-color: #847eed;
}

.dynamic-image-container button.start-camera-button-attribute {
    display: none;
}


/* Calendário */

.k-calendar {
    border-radius: 4px;
    border-color: #cbd5e1;
}

.k-calendar .k-content .k-link {
    padding: 0;
    text-align: center;
}

.k-calendar .k-today.k-state-selected {
    background-color: #4f46e5;
}

.k-draghandle.k-state-selected:hover,
.k-ghost-splitbar-horizontal,
.k-ghost-splitbar-vertical,
.k-list>.k-state-highlight,
.k-list>.k-state-selected,
.k-marquee-color,
.k-panel>.k-state-selected,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-tool.k-state-selected {
    background-color: #4f46e5;
}

.k-calendar .k-state-selected.k-state-hover {
    background-color: #726bea;
}

.k-listview>.k-state-focused.k-state-selected,
.k-state-selected td.k-state-focused,
td.k-state-focused.k-state-selected,
.k-calendar td.k-state-focused.k-state-selected.k-state-hover {
    box-shadow: none;
}

.k-grid-header th.k-state-focused,
.k-list>.k-state-focused,
.k-listview>.k-state-focused,
.k-state-focused,
td.k-state-focused {
    box-shadow: none;
    background-color: #c7c4f7;
}

.k-grid-header .k-header,
.k-grid-header .k-header a.k-link {
    text-transform: initial;
}

.k-calendar .k-today.k-state-selected.k-state-hover {
    background-color: #847eed;
}


/* Abas */

ul.nav.nav-tabs {
    border-bottom: 0;
}

ul.nav.nav-tabs li.active {
    background-color: transparent;
}

ul.nav.nav-tabs>li>a {
    color: #64748b;
    border: 0;
    background-color: transparent;
}

ul.nav.nav-tabs>li>a:hover {
    background-color: transparent;
    border: 0;
}

ul.nav.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #1e293b;
    cursor: default;
    background-color: #dee2e8;
    border-radius: 100px;
}


/* Acordeão */

.panel-group .panel {
    padding: 0;
    box-shadow: none;
    background-color: transparent;
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
    border: 0;
}


/* Menu Dinâmico */

.navbar-nav>li>a:hover,
.navbar-nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    color: #fff;
    background-color: #4f46e5;
    border-radius: 6px;
}


/* Banner */

.container-fluid .jumbotron {
    padding: 0;
}

.container-fluid .jumbotron h1 {
    margin-right: 0;
    margin-left: 0;
    border-bottom: 0;
    background-color: transparent;
}


/* Editor de texto rico */

div.mce-panel {
    border-radius: 4px;
    border-color: #cbd5e1;
}


/* Data/Hora */

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active {
    background-color: #4f46e5;
}

.bootstrap-datetimepicker-widget .btn {
    background-color: transparent;
    color: #4f46e5;
}


/* Options */

.k-content,
.k-panel>li.k-item,
.k-panelbar>li.k-item,
.k-tiles {
    background-color: transparent;
}


/* Painel */

.panel.panel-primary>.panel-heading {
    background-color: transparent;
}

.panel.panel-primary>.panel-heading .panel-title .lead {
    color: #55556a;
}

.panel.panel-primary>.panel-footer {
    background-color: transparent;
}


/* Slider */

.k-slider-horizontal .k-slider-buttons .k-slider-track {
    margin-top: -16px;
    background-color: #ddd;
    box-shadow: none;
    border: 0;
    border-radius: 9999px;
}

.k-slider-horizontal .k-slider-selection {
    background-color: #726bea;
    border-radius: 9999px;
}

.k-slider-horizontal .k-slider-selection,
.k-slider-horizontal .k-slider-track {
    margin-top: -4px;
}

.k-draghandle,
.k-draghandle.k-state-focused,
.k-draghandle.k-state-focused:link,
.k-slider-buttons .k-button:active,
.k-slider-buttons .k-button:focus,
.k-slider-horizontal .k-draghandle:hover {
    box-shadow: none;
    background-color: #3731a0;
    border: 2px solid #3731a0;
}

.k-slider-horizontal .k-draghandle {
    top: -5px;
}

.k-button-increase,
.k-button-decrease {
    background-color: #4f46e5;
    color: #fff;
}

.k-button-increase:hover,
.k-button-decrease:hover {
    background-color: #726bea;
    color: #fff;
}


/* Tabelas/Grades */

.k-grid {
    border: 1px solid #cbd5e1;
}

.k-grid .k-header {
    background-color: #fff;
}

.k-i-filter:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f142";
}

.k-grid-header .k-header,
.k-grid-header .k-header a.k-link,
.k-grid-header .k-header a.k-link:hover {
    color: #64748b;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
}

.k-grid-header th.k-with-icon .k-link {
    margin-right: 0;
}

.k-header>.k-grid-filter,
.k-header>.k-header-column-menu {
    float: none;
}

.k-header>.k-grid-filter:focus-visible,
.k-header>.k-header-column-menu:focus-visible,
.k-header>.k-grid-filter span:focus-visible,
.k-header>.k-header-column-menu span:focus-visible {
    outline: 0;
}

.k-gantt-toolbar .k-state-default,
.k-grid .k-grouping-header,
.k-grid-header,
.k-grid-header-wrap,
.k-grouping-header .k-group-indicator,
.k-header,
.k-pager-wrap,
.k-pager-wrap .k-link,
.k-pager-wrap .k-textbox {
    border-color: #cbd5e1;
}

.k-filter-row th,
.k-grid-header th.k-header {
    background-color: #f8fafc;
}

.k-grid-header th.k-header>.k-link {
    display: inline;
    text-decoration: none;
}

.k-grid-header .k-header,
.k-grid-header .k-header a.k-link {
    text-decoration: initial;
}

.k-filter-row th,
.k-grid-header th.k-header {
    padding: 1.5em .6em 1.5em .6em;
    border-width: 0;
    border-bottom-width: 1px;
}

.k-grid tr td {
    border-width: 0;
}

.k-grid tr:hover {
    background-color: transparent;
}

.k-grid .k-button {
    background-color: #4f46e5;
    color: #fff;
}

.k-grid .k-button:hover {
    background-color: #726bea;
}

.k-action-buttons .k-button {
    background-color: #4f46e5;
    color: #fff;
}

.k-action-buttons .k-button:hover {
    background-color: #726bea;
}

.k-action-buttons .k-button+.k-button {
    margin-left: 0;
}

form.k-filter-menu .k-textbox,
form.k-filter-menu .k-widget {
    width: 100%;
}

.k-autocomplete.k-state-border-up,
.k-calendar-container.k-state-border-up,
.k-dropdown-wrap.k-state-border-up,
.k-filter-menu,
.k-list-container.k-state-border-up,
.k-multiselect.k-state-border-up,
.k-numeric-wrap.k-state-border-up,
.k-picker-wrap.k-state-border-up,
.k-window-content {
    border-radius: 4px;
}

.k-pager-wrap .k-dropdown {
    width: 8.5em;
}

.k-popup .k-list .k-state-focused {
    box-shadow: none;
}

.k-command-cell .k-button {
    background-color: transparent;
    color: #999;
}

.k-command-cell .k-button:hover {
    background-color: transparent;
}

.k-command-cell .k-button.k-grid-edit:hover {
    color: #f7b13c;
}

.k-command-cell .k-button.k-grid-delete:hover {
    color: #e35151;
}

.k-button.k-state-focused,
.k-button.k-state-focused.k-state-disabled,
.k-button:focus,
.k-button:focus:hover,
.k-state-disabled .k-button.k-state-focused {
    box-shadow: none;
}

.k-button:focus:active {
    box-shadow: none;
    outline: 0;
}

.k-pager-refresh.k-link {
    color: #4f46e5;
}

.k-pager-refresh.k-link:hover {
    color: #726bea;
}

.k-grid tbody tr:nth-child(n+2) td {
    border-top: 1px solid #cbd5e1;
}

.k-pager-wrap {
    background-color: #f8fafc;
}


/* Option */

.k-radio:checked+.k-radio-label:after {
    background-color: #4f46e5;
}

.k-radio:focus+.k-radio-label:before,
.k-radio:checked+.k-radio-label:active:before,
.k-radio-label:active:before {
    border-color: #cbd5e1;
    box-shadow: none
}


/* Modal */

.modal-dialog .modal-header,
.modal-dialog .modal-body {
    border: 0;
}

.modal-dialog .modal-body .list-group-item {
    padding: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.modal-dialog .modal-body .list-group-item:last-child input {
    border-bottom: 0;
}


/* Widget */

.k-widget {
    border-color: #cbd5e1;
}

.k-header,
.k-footer {
    background-color: #f8fafc;
}


/* Agendador */

.k-scheduler-header th,
.k-scheduler-table td,
.k-scheduler-times th,
.k-scheduler-times tr {
    border-color: #cbd5e1;
}

.k-scheduler-toolbar>ul>li {
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
}

.k-scheduler-toolbar>ul>li>a.k-link:link {
    color: #4f46e5;
}

.k-scheduler-toolbar>ul li:first-child {
    border-radius: 4px;
}

.k-scheduler-toolbar>ul>li.k-state-selected>a.k-link:link {
    color: #fff;
    outline: 0;
}

.k-scheduler .k-scheduler-toolbar ul li.k-state-hover {
    background-color: #cbd5e1;
    border-color: #cbd5e1;
}

.k-gantt-toolbar>ul.k-gantt-views li:first-child+li,
.k-gantt-toolbar>ul.k-gantt-views li:first-child+li .k-link,
.k-scheduler-toolbar>ul li:first-child,
.k-scheduler-toolbar>ul li:first-child .k-link,
.k-scheduler-toolbar>ul.k-scheduler-views li:first-child+li,
.k-scheduler-toolbar>ul.k-scheduler-views li:first-child+li .k-link {
    border-radius: 4px;
}

.k-scheduler-toolbar .k-nav-prev .k-icon::before,
.k-scheduler-toolbar .k-nav-next .k-icon::before {
    top: -3px;
}


/* Componente Formulário */

.active-bar .btn-success,
.active-bar .btn-danger {
    background-color: #fff;
    color: #333;
}

.active-bar .btn-success:hover,
.active-bar .btn-danger:hover,
.active-bar .btn-success:active,
.active-bar .btn-danger:active,
.active-bar .btn-success:focus,
.active-bar .btn-danger:focus,
.active-bar .btn-success:active:focus,
.active-bar .btn-danger:active:focus {
    background-color: #eee;
}

.active-bar .btn-success {
    border: 1px solid #22c55e;
}

.active-bar .btn-success:hover,
.active-bar .btn-success:active,
.active-bar .btn-success:focus,
.active-bar .btn-success:active:focus {
    color: #22c55e;
    border: 1px solid #22c55e;
}

.active-bar .btn-danger {
    border: 1px solid #dc2626;
}

.active-bar .btn-danger:hover,
.active-bar .btn-danger:active,
.active-bar .btn-danger:focus,
.active-bar .btn-danger:active:focus {
    color: #dc2626;
    border: 1px solid #dc2626;
}


/* Login */

.login-view {
    background-color: #fff;
    display: table;
    padding: 20px;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 0 transparent, 0 0 transparent, 0 0 transparent, 0 0 transparent, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}


/* Esqueceu a senha */

#forgotPasswordModal .col-md-2 {
    width: auto;
    margin-right: 10px;
    padding: 0;
}

#forgotPasswordModal .btn-primary,
#forgotPasswordModal .btn-danger {
    background-color: #fff;
    color: #333;
}

#forgotPasswordModal .btn-primary:hover,
#forgotPasswordModal .btn-danger:hover {
    background-color: #eee;
}

#forgotPasswordModal .btn-primary {
    border: 1px solid #22c55e;
}

#forgotPasswordModal .btn-primary:hover {
    color: #22c55e;
}

#forgotPasswordModal .btn-danger {
    border: 1px solid #dc2626;
}

#forgotPasswordModal .btn-danger:hover {
    color: #dc2626;
}


/* Cadastre-se */

.login-view h1.component-holder {
    height: 50px;
    padding: 0;
    margin-top: 50px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
    border: 0;
}

.cardinput {
    background-color: #fff;
}


/* -- component badge -- */

.badge {
    background-color: #2fa4e7;
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
    color: #2fa4e7;
    background-color: #ffffff;
}


/* -- .btn -- */

.k-button {
    border-radius: 9999px;
    padding: 14px 22px 13px;
    background-color: #1e293b;
    border: 0;
}

.btn {
    background-color: #1e293b;
    color: #fff;
    border: 0;
    text-shadow: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.btn i {
    margin-top: -2px;
    margin-right: 8px;
}

.btn.btn-primary,
.btn.btn-success,
.btn.btn-danger,
.btn.btn-info,
.btn.btn-light,
.btn.btn-link,
.btn.btn-default {
    outline: none;
}

.btn.btn-primary {
    background-color: #4f46e5;
    color: #fff;
}

.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:active:focus {
    background-color: #726bea;
    color: #fff;
}

.btn.btn-success {
    background-color: #22c55e;
    color: #fff;
}

.btn.btn-success:hover,
.btn.btn-success:active,
.btn.btn-success:focus,
.btn.btn-success:active:focus {
    background-color: #4ed17e;
    color: #fff;
}

.btn.btn-warning {
    background-color: #f59e0b;
    color: #fff;
}

.btn.btn-warning:hover,
.btn.btn-warning:active,
.btn.btn-warning:focus,
.btn.btn-warning:active:focus {
    background-color: #f7b13c;
    color: #fff;
}

.btn.btn-danger {
    background-color: #dc2626;
    color: #fff;
}

.btn.btn-danger:hover,
.btn.btn-danger:active,
.btn.btn-danger:focus,
.btn.btn-danger:active:focus {
    background-color: #e35151;
    color: #fff;
}

.btn.btn-info {
    background-color: #fff;
    border: 1px solid #cbd5e1;
    color: #333;
}

.btn.btn-info:hover,
.btn.btn-info:active,
.btn.btn-info:focus,
.btn.btn-info:active:focus {
    background-color: #cbd5e1;
    border: 1px solid #cbd5e1;
    color: #333;
}

.btn.btn-light {
    background-color: #e5e5e5;
    color: #333;
}

.btn.btn-light:hover,
.btn.btn-light:active,
.btn.btn-light:focus,
.btn.btn-light:active:focus {
    background-color: #cecece;
    color: #333;
}

.btn.btn-link {
    background-color: transparent;
    color: #4f46e5;
}

.btn.btn-link:hover,
.btn.btn-link:active,
.btn.btn-link:focus,
.btn.btn-link:active:focus {
    background-color: transparent;
    color: #4f46e5;
    text-decoration: none;
}

.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.btn-default:focus:active {
    background-color: #4B5462;
    color: #fff;
    box-shadow: none;
}

.btn:hover,
.btn:focus,
.btn.focus {
    color: #555555;
}

.btn-default {
    color: #fff;
    background-color: #1e293b;
    border: none;
}

.btn-default:focus,
.btn-default.focus {
    color: #555555;
    background-color: #e6e6e6;
    border-color: rgba(0, 0, 0, 0.1);
}

.btn-default:hover,
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    color: #555555;
    background-color: #e6e6e6;
    border-color: rgba(0, 0, 0, 0.1);
}

.btn-default:active:hover,
.btn-default.active:hover,
.open>.dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open>.dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open>.dropdown-toggle.btn-default.focus {
    color: #555555;
    background-color: #d4d4d4;
    border-color: rgba(0, 0, 0, 0.1);
}

.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.1);
}

.btn-default .badge {
    color: #ffffff;
    background-color: #555555;
}

.btn-primary:focus,
.btn-primary.focus {
    color: #ffffff;
    background-color: #178acc;
    border-color: #105b87;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #178acc;
    border-color: #1684c2;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
    color: #ffffff;
    background-color: #1474ac;
    border-color: #105b87;
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    background-color: #2fa4e7;
    border-color: #2fa4e7;
}

.btn-primary .badge {
    color: #2fa4e7;
    background-color: #ffffff;
}

.btn-success {
    color: #ffffff !important;
    background-color: #73a839 !important;
    border-color: #73a839;
}

.btn-success:focus,
.btn-success.focus {
    color: #ffffff;
    background-color: #59822c;
    border-color: #324919;
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #59822c;
    border-color: #547a29;
}

.btn-success:active:hover,
.btn-success.active:hover,
.open>.dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open>.dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open>.dropdown-toggle.btn-success.focus {
    color: #ffffff;
    background-color: #476723;
    border-color: #324919;
}

.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
    background-color: #73a839;
    border-color: #73a839;
}

.btn-success .badge {
    color: #73a839;
    background-color: #ffffff;
}

.btn-info {
    color: #ffffff;
    background-color: #033c73;
    border-color: #033c73;
}

.btn-info:focus,
.btn-info.focus {
    color: #ffffff;
    background-color: #022241;
    border-color: #000000;
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    color: #ffffff;
    background-color: #022241;
    border-color: #011d37;
}

.btn-info:active:hover,
.btn-info.active:hover,
.open>.dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open>.dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open>.dropdown-toggle.btn-info.focus {
    color: #ffffff;
    background-color: #01101f;
    border-color: #000000;
}

.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
    background-color: #033c73;
    border-color: #033c73;
}

.btn-info .badge {
    color: #033c73;
    background-color: #ffffff;
}

.btn-warning {
    color: #ffffff;
    background-color: #dd5600;
    border-color: #dd5600;
}

.btn-warning:focus,
.btn-warning.focus {
    color: #ffffff;
    background-color: #aa4200;
    border-color: #5e2400;
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    color: #ffffff;
    background-color: #aa4200;
    border-color: #a03e00;
}

.btn-warning:active:hover,
.btn-warning.active:hover,
.open>.dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open>.dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open>.dropdown-toggle.btn-warning.focus {
    color: #ffffff;
    background-color: #863400;
    border-color: #5e2400;
}

.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
    background-color: #dd5600;
    border-color: #dd5600;
}

.btn-warning .badge {
    color: #dd5600;
    background-color: #ffffff;
}

.btn-danger {
    color: #ffffff;
    background-color: #c71c22;
    border-color: #c71c22;
}

.btn-danger:focus,
.btn-danger.focus {
    color: #ffffff;
    background-color: #9a161a;
    border-color: #570c0f;
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    color: #ffffff;
    background-color: #9a161a;
    border-color: #911419;
}

.btn-danger:active:hover,
.btn-danger.active:hover,
.open>.dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open>.dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open>.dropdown-toggle.btn-danger.focus {
    color: #ffffff;
    background-color: #7b1115;
    border-color: #570c0f;
}

.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
    background-color: #c71c22;
    border-color: #c71c22;
}

.btn-danger .badge {
    color: #c71c22;
    background-color: #ffffff;
}

.btn-link {
    color: #2fa4e7;
}

.btn-link:hover,
.btn-link:focus {
    color: #157ab5;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: #999999;
    text-decoration: none;
}

.btn .caret {
    border-top-color: #fff;
}


/* -- color background -- */

.bg-primary {
    color: #fff;
    background-color: #2fa4e7;
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #178acc;
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
    background-color: #e4b9b9;
}


/* -- color nav -- */

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: #eeeeee;
}

.nav>li.disabled>a {
    color: #999999;
}

.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
    color: #999999;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: #eeeeee;
    border-color: #2fa4e7;
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus {
    border: 1px solid #dddddd;
}

@media (min-width: 768px) {
    .nav-tabs-justified>li>a {
        border-bottom: 1px solid #dddddd;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs-justified>.active>a:focus {
        border-bottom-color: #ffffff;
    }
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #ffffff;
    background-color: #2fa4e7;
}


/* -- color dropdown-menu -- */

.dropdown-menu {
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.dropdown-menu .divider {
    background-color: #e5e5e5;
}

.dropdown-menu>li>a {
    color: #333333;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #4f46e5;
    ;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #ffffff;
    background-color: #2fa4e7;
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    color: #999999;
}

.dropdown-header {
    color: #999999;
}

.nav-tabs {
    border-bottom: 1px solid #dddddd;
}

.nav-tabs>li>a:hover {
    border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus {
    border: 1px solid #dddddd;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #dddddd;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #ffffff;
    }
}


/* -- color table -- */

table {
    background-color: transparent;
}

caption {
    color: #999999;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    border-top: 1px solid #dddddd;
}

.table>thead>tr>th {
    border-bottom: 2px solid #dddddd;
}

.table>tbody+tbody {
    border-top: 2px solid #dddddd;
}

.table .table {
    background-color: #ffffff;
}

.table-bordered {
    border: 1px solid #dddddd;
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
    border: 1px solid #dddddd;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5;
}

.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
    background-color: #f5f5f5;
}

.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
    background-color: #e8e8e8;
}

.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
    background-color: #dff0d8;
}

.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
    background-color: #d0e9c6;
}

.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
    background-color: #d9edf7;
}

.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
    background-color: #c4e3f3;
}

.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
    background-color: #fcf8e3;
}

.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
    background-color: #faf2cc;
}

.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
    background-color: #f2dede;
}

.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
    background-color: #ebcccc;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        border: 1px solid #dddddd;
    }
}


/* -- .panel -- */

.panel {
    background-color: #ffffff;
    display: table;
    width: 100%;
    padding: 20px 0;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 0 transparent, 0 0 transparent, 0 0 transparent, 0 0 transparent, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.panel-footer {
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
    border-top: 1px solid #dddddd;
}


/* -- .pagination -- */

.pagination>li>a,
.pagination>li>span {
    color: #2fa4e7;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    z-index: 2;
    color: #157ab5;
    background-color: #eeeeee;
    border-color: #dddddd;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 3;
    color: #999999;
    background-color: #f5f5f5;
    border-color: #dddddd;
    cursor: default;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #999999;
    background-color: #ffffff;
    border-color: #dddddd;
    cursor: not-allowed;
}


/* -- .pager -- */

.pager li>a,
.pager li>span {
    background-color: #ffffff;
    border: 1px solid #dddddd;
}

.pager li>a:hover,
.pager li>a:focus {
    text-decoration: none;
    background-color: #eeeeee;
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
    color: #999999;
    background-color: #ffffff;
    cursor: not-allowed;
}

/* -- starter --*/
#starter {
    padding: 0 20px;
}

#starter h1.component-holder {
    margin-left: -20px;
    width: calc(100% + 40px);
    margin-bottom: 20px;
}

/* Div Principal */
div.main-view.main-view-vertical {
    margin-left: 17vw;
    width: calc(100% - 17vw);
}

@media (max-width: 768px) {
    div.main-view.main-view-vertical {
        margin-left: 0;
        width: 100%;
    }
}