cronapp-framework-js/deprecated/css/themes/custom/fuse/custom-fuse.min.css

Javascript library for CronApp's projects

@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 */