html { height: 100%; }
body { font-family: 'Roboto'; background: #f9f9f9; overflow-y: scroll; }
h2 { margin: 0 0 20px 0; color: #ccc; font-size: 18px; font-weight: 400; line-height: 33px; border-bottom: solid 1px #e5e5e5; }
h3 { font-family: 'Roboto-Light'; }
h5 { color: #666; }
body, button, input { -webkit-font-smoothing: antialiased; letter-spacing: .1px; text-rendering: optimizeLegibility; }
    button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }

.btn-link, .dashboard .table-dashboard-widget-1 td:first-child, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:focus:hover, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:focus:hover, .nav-tabs > li > a:hover, .page-header h1, .theme-text, .todo-app .filters .filter, .todo-app .filters .filter.active, .todo-app .filters .filter.active:hover, .todo-app .filters .filter:focus, .todo-app .filters .filter:focus:hover, .todo-app .filters .filter:hover { color: #287499; }
    .btn-link:focus, .btn-link:hover, .theme-text-darken-1 { color: #287499; }
    .btn-link:hover { box-shadow: none; text-decoration: none; background-color: #eee; }
.btn { border: none; box-shadow: none; }
.brand-logo, .btn, .table-full thead tr > th, .uppercase { text-transform: uppercase; }
.black-text { color: #000; }
.close { font-family: 'Roboto-Light'; }

.pull-right { float: right !important; }
.clear-fix:after { display: block; content: ' '; clear: both; width: 1px; height: 1px; }

.title-desc dt { font-size: 15px; font-weight: 500; margin: 0; line-height: 27px; color: #287499; }
.title-desc dd { line-height: 16px; color: #ADADAD !important; }

.t-10 { top: 10px !important; }
.mb-30 { margin-bottom: 30px; }
.display-i-b { display: inline-block; }
main a { color: #d88800; }
    main a:hover { color: #ffa939; }

.blue-link { color: #3290bf !important; }

/*.alert-warning { background-color: #ff9800; color: #fff; width: 400px; padding: 0; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12); }
    .alert-warning .close { position: absolute; top: 10px; right: 10px; font-size: 34px !important; font-weight: normal !important; }*/

form { position: relative; }
    form legend { color: #ccc; }
    form .form-group > label > sub { font-size: 0.6em; color: #aaa; font-style: italic; }
    form .form-group textarea { background-color: #fcfcfc !important; }
    form .disabled-form { background: transparent; position: absolute; width: 100%; height: calc(100% - 50px); display: block; z-index: 100; }

    form .form-group .checkbox, form .form-group .switch > label { margin-left: 15px; }

.modal { text-align: left; }
    .modal .modal-body { max-height: 470px; /*overflow: scroll;*/ }
    .modal .btn-link { color: #000; }
    .modal .success { color: #059b00; }
    .modal .danger { color: #b91111; }

.card .card-action { text-align: right; }
.card .card-content { min-height: 140px; }

.switch { padding-top: 7px; }
    .switch > label { margin-bottom: 0; }

.list-group-item { padding: 10px 15px; }

.filters { background-color: #fcfcfc; box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .07), 1px 2px 5px 0 rgba(0, 0, 0, .06); border-bottom: solid 1px #f5f5f5; }
    .filters .form-group { margin-bottom: 0; float: right; }

.list-column-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }

.navbar-nav > li > button > i { font-size: 22px; }
.navbar-nav .badge { position: absolute; top: -12px; right: -10px; padding: 0 5px; font-size: 8px; line-height: 16px; }

.notification { min-width: 400px; overflow: hidden; }
    .notification nav { display: block; height: 20px; margin-bottom: 2px; }
        .notification nav a { float: left; font-size: 11px; margin-right: 20px; margin-left: 15px; color: #888; cursor: pointer; }
            .notification nav a:hover { text-decoration: underline; }
    .notification > div { margin-bottom: 5px; }
    .notification ul { list-style: none; margin: 0; padding: 0; }
        .notification ul li { position: relative; background: #fff; padding: 5px 20px 5px 40px; color: #333; line-height: 17px; font-size: 11px; border-bottom: solid 1px #eee; }
            .notification ul li:hover { background: #ecf0f7; }
            .notification ul li label { color: #aaa; margin-bottom: 0; }
            .notification ul li a { color: #d88800; }
            .notification ul li i { position: absolute; top: 12px; left: 10px; color: #bbb; font-size: 22px; }

            .notification ul li .actions { position: absolute; right: 0; top: 0; width: 20px; text-align: center; }
                .notification ul li .actions i { position: relative; top: 0; left: 0; font-size: 12px; color: #ccc; display: block; margin: 2px 0; padding: 3px 0; cursor: pointer; transition: color 0.3s; visibility: hidden; }
            .notification ul li:hover .actions i { visibility: visible; }
            .notification ul li .actions i:hover { color: #666; }

            .notification ul li .actions i.ic-bookmark { display: none; }
            .notification ul li.unviewed .actions i.ic-bookmark { display: block; visibility: visible; }
            .notification ul li.unviewed .actions i.ic-bookmark-outline { display: none; }

/*.notification ul li.nt-atividade { background: rgba(255, 163, 5, 0.1); }
            .notification ul li.nt-grupo { background: rgba(144, 90, 8, 0.1); }*/

#notify-container { background: /*radial-gradient(ellipse at center, #d4dadb 0%, #ffffff 100%)*/ #fff; color: #333; top: 40px; left: 0px; display: block; visibility: visible; }
    #notify-container nav { background: #f5f5f5; margin-top: 10px; text-align: right; }
        #notify-container nav a { float: right; text-transform: lowercase; }

.not-active { pointer-events: none; cursor: default; opacity: 0.6; }

/**** Login
********************/
.page-login { display: table; width: 100%; height: 100%; }
    .page-login > div { display: table-cell; vertical-align: middle; }
    .page-login .card { position: relative; margin: 0 auto; background: #fff; max-width: 400px; border-radius: 2px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12); }
        .page-login .card > div { padding: 20px; }
        .page-login .card .card-header { text-align: center; border-bottom: solid 1px #f0f0f0; background: #fcfcfc; }
        .page-login .card .card-content { }

/*.icon { display: inline-block; font-family: 'Iconic'; color: #999; font-size: inherit; speak: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
a { color: #3290bf; }
    a:hover { color: #3290bf; }*/

aside.sidebar, .page-login { background: radial-gradient(circle at 1.99% 43.04%, #007bbd, transparent 100%), radial-gradient(circle at 99.79% 73.72%, #007bbd, transparent 58%), radial-gradient(circle at 50% 50%, #007bbd, #007bbd 100%); background: -moz-radial-gradient(center, ellipse cover, #0079BA 0%, #005E91 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #0079BA), color-stop(100%, #005E91)); background: -webkit-radial-gradient(center, ellipse cover, #0079BA 0%, #005E91 100%); background: -o-radial-gradient(center, ellipse cover, #0079BA 0%, #005E91 100%); background: -ms-radial-gradient(center, ellipse cover, #0079BA 0%, #005E91 100%); background: radial-gradient(ellipse at center, #0079BA 0%, #005E91 100%); }

aside.sidebar { position: fixed; left: 0; top: 0; width: 260px; font-size: 13px; height: 100%; border-right: solid 1px rgba(0, 0, 0, .07); padding-bottom: 60px; font-family: 'Roboto'; z-index: 1037; }
    aside.sidebar .brand-logo { padding: 5px 0; min-height: 75px; }
        aside.sidebar .brand-logo > img { margin-left: 50px; }
    aside.sidebar .user-logged { min-height: 100px; background: url(images/bg-user.png); background-size: cover; box-shadow: inset 0 0 2px rgba(0, 0, 0, .1); }
        aside.sidebar .user-logged .content { padding: 0 22px; width: 260px; height: 100px; display: table-cell; vertical-align: middle; }
        aside.sidebar .user-logged .username { text-transform: uppercase; font-size: 16px; color: #fff; font-weight: bold; font-family: 'Roboto-Light'; font-size: 17px; }
        aside.sidebar .user-logged .login { font-size: 13px; padding-bottom: 10px; color: #e5e5e5; }
        aside.sidebar .user-logged span a { margin-right: 10px; }

    aside.sidebar > ul { margin-top: 50px; }
    aside.sidebar ul a { font-weight: bold; font-family: 'Roboto-Light'; }
    aside.sidebar a.collapsible-header { font-weight: 600; }
        aside.sidebar a.collapsible-header:after { content: "\f2f9"; font-family: 'Iconic'; color: #287499 !important; display: inline-block; speak: none; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; right: 20px; top: 12px; font-size: 18px; -webkit-transition: transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; }
        aside.sidebar a.collapsible-header[aria-expanded=true] { background: rgba(0, 0, 0, 0.15); }
            aside.sidebar a.collapsible-header[aria-expanded=true]:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
        aside.sidebar a.collapsible-header.active { background: rgba(0, 0, 0, .05); }
    aside.sidebar i { font-size: 20px; line-height: 23px; position: absolute; left: 25px; top: 14px; }
    aside.sidebar ul a { margin: 0; padding: 15px 0 15px 50px; color: #efefef; display: block; position: relative; }
        aside.sidebar ul a.active, aside.sidebar ul a:hover, aside.sidebar a.collapsible-header[aria-expanded=true]:hover { transition: background .4s ease-out; background: rgba(0, 0, 0, .1); }
    aside.sidebar ul { list-style-type: none; margin: 0; padding: 0; }
        aside.sidebar ul a:hover { text-decoration: none; }
        aside.sidebar ul ul a { padding: 8px 15px 8px 50px; background: rgba(0, 0, 0, 0.05); font-size: .9em; }

main .main-container { z-index: 1028; border-left-width: 0; }
    main .main-container .main-content { padding: 75px 10px 0 10px; }
        main .main-container .main-content section { margin: 15px; }
        main .main-container .main-content .row { margin-left: -10px; margin-right: -10px; }
        main .main-container .main-content .modal .well { margin-left: -15px; margin-right: -15px; }
        main .main-container .main-content .row [class*=col-] { padding-left: 10px; padding-right: 10px; }
        main .main-container .main-content .page-header { margin: 30px 0 35px 0; }
        main .main-container .main-content #crud-container { margin: 0 -10px; }

.navbar { padding: 17px 0; background: #fff; min-height: 75px !important; }
    .navbar.topup { box-shadow: 0 1px 3px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1); border-bottom: solid 1px #ccc; }
    .navbar .breadcrumb { margin: 0; background: #fff; }
    .navbar .navbar-nav { margin-top: 0; }

.dashboard #chart-empresa-1 .c3-line { stroke-width: 1; }
.dashboard .card-content { min-height: 100px; }


.dashboard-page {  }
    .dashboard-page .navbar-fixed-top { margin-left: 0 !important; }
    .dashboard-page main { padding-left: 0 !important; }

    /**** Formatação de campos
**************************/

    .aside .aside-dialog .aside-footer:after, .aside .aside-dialog .aside-footer:before,
    .btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before,
    .btn-toolbar:after, .btn-toolbar:before, .container-fluid:after,
    .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after,
    .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before,
    .modal-footer:after, .modal-footer:before, .nav:after, .nav:before,
    .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after,
    .navbar-header:before, .navbar:after, .navbar:before, .pager:after,
    .pager:before, .panel-body:after, .panel-body:before, .row:after,
    .row:before { content: " "; display: table; }
.aside { position: fixed; top: 0; bottom: 0; margin-top: 75px; z-index: 1049; overflow: auto; min-width: 320px; background: #fff; }
    .aside:focus { outline: 0; }
        
@media (min-width:768px) {
}

@media (max-width:991px) {
    .aside { min-width: 240px; }
    .navbar { padding: 17px 0 0 0; }
        .navbar .navbar-header button { margin: 10px 15px; }
        .navbar .navbar-right button { margin: 10px 10px 0 10px; }

    main .main-container .main-content { padding-top: 75px; }
}

.simple-upload { margin: 0 -10px; }
    .simple-upload > div, .simple-upload > div > div { margin: 0 -10px; }
    .simple-upload div span.badge { position: absolute; right: 10px; top: 10px; }

.aside.right { right: 0; left: auto; }
.aside .aside-dialog .aside-header { border-bottom: 1px solid #e5e5e5; min-height: 16.43px; padding: 6px 15px; background: #337ab7; color: #fff; }
    .aside .aside-dialog .aside-header .close { margin-right: -8px; padding: 4px 8px; color: #fff; font-size: 25px; opacity: .8; }
.aside .aside-dialog .aside-body { position: relative; padding: 15px; }
.aside .aside-dialog .aside-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; }
    .aside .aside-dialog .aside-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; }
    .aside .aside-dialog .aside-footer .btn-group .btn + .btn { margin-left: -1px; }
    .aside .aside-dialog .aside-footer .btn-block + .btn-block { margin-left: 0; }
.aside-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; }
    .aside-backdrop.fade { opacity: 0; filter: alpha(opacity=0); }
    .aside-backdrop.in { opacity: .5; filter: alpha(opacity=50); }

table.min-cells th { padding-left: 5px !important; }
table.min-cells td { padding: 0 0 0 5px !important; margin: 2px 0; line-height: 40px !important; }
    table.min-cells td .form-group { margin: 0 !important; }
table tr td i.radius { display: inline-block; text-align: center; min-width: 20px; min-height: 20px; padding: 0 10px; border-radius: 5px; background: #f5f5f5; font-style: normal; font-weight: bold; }

ul.info-box { list-style: none; }
    ul.info-box li { background: #f3f6f8; color: #2382b2; display: inline-block; padding: 0 5px; border-radius: 2px; cursor: default; margin-left: 5px; font-size: 11px; min-width: 103px; }
        ul.info-box li i { float: left; margin-top: 5px; }
    ul.info-box.color-lime li { background: #f9fbe7; color: #717b10; }
    ul.info-box.color-orange li { background: #fff7eb; color: #de6c0d; }
    ul.info-box.color-white-blue li { background: #fff; border: solid 1px #287499; color: #287499; }
    ul.info-box li > i { margin-right: 10px; }

#error-page .title h1 { font-size: 58px; }
#error-page .title i { font-size: 62px; }

.drop-box { line-height: normal; height: auto; padding: 50px 0; }
    .drop-box .drop-instructions { display: block; }
    .drop-box .drop-over { display: none; font-size: 25px; }
    .drop-box.over { background: #ffffa2; border: 2px dashed #000; }
        .drop-box.over .drop-instructions { display: none; }
        .drop-box.over .drop-over { display: block; font-size: 25px; }

.f-s-11 { font-size: 11px; }

.ambiente-alerta { width: 100%; position: fixed; top: 0; left: 0; z-index: 1000000; opacity: 0.8; padding: 1px; text-align: center; color: #fff; font-weight: bold; }

/*.form-control, .has-error .input-group-addon, .has-success .input-group-addon,
.has-warning .input-group-addon, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th,
.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr.success > td,
.table > tbody > tr.success > th, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th,
.table > tbody > tr > td.danger, .table > tbody > tr > td.info, .table > tbody > tr > td.success,
.table > tbody > tr > td.warning, .table > tbody > tr > th.danger, .table > tbody > tr > th.info,
.table > tbody > tr > th.success, .table > tbody > tr > th.warning, .table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th,
.table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > td.info,
.table > tfoot > tr > td.success, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.danger,
.table > tfoot > tr > th.info, .table > tfoot > tr > th.success, .table > tfoot > tr > th.warning,
.table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr.info > td,
.table > thead > tr.info > th, .table > thead > tr.success > td, .table > thead > tr.success > th,
.table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.danger,
.table > thead > tr > td.info, .table > thead > tr > td.success, .table > thead > tr > td.warning,
.table > thead > tr > th.danger, .table > thead > tr > th.info, .table > thead > tr > th.success,
.table > thead > tr > th.warning { background-color: transparent; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }
    button[disabled], html input[disabled] { cursor: default; }

input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; }

.btn-group > .btn-group, .btn-toolbar .btn, .btn-toolbar .btn-group,
.btn-toolbar .input-group, .dropdown-menu { float: left; }

.form-control:-ms-input-placeholder { color: #bbb; }
.form-control::-webkit-input-placeholder { color: #bbb; }

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .card .card-header,
.clear, .clear:after, .clearfix:after, .container-fluid:after, .container:after,
.dropdown-menu > li > a, .form-horizontal .form-group:after, .modal-footer:after,
.modal-header:after, .nav:after, .navbar-collapse:after, .navbar:after,
.pager:after, .panel-body:after, .row:after, .timeline > li:after { clear: both; }

.form-group { position: relative; margin-bottom: 15px; }

.form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
.form-group-sm select.form-control { height: 30px; line-height: 30px; }
.form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control { height: auto; }
.form-group-sm .form-control-static { height: 30px; min-height: 35px; padding: 6px 10px; font-size: 12px; line-height: 1.5; }

.form-group-lg .form-control { height: 45px; padding: 10px 30px; font-size: 17px; line-height: 1.3333333; border-radius: 3px; }
.form-group-lg select.form-control { height: 45px; line-height: 45px; }
.form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control { height: auto; }
.form-group-lg .form-control-static { height: 45px; min-height: 40px; padding: 11px 30px; font-size: 17px; line-height: 1.3333333; }

.form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback,
.input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-lg + .form-control-feedback { width: 45px; height: 45px; line-height: 45px; }

.form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback,
.input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-sm + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; }

.floating-label .form-group, .floating-label.form-group, .form-floating .form-group,
.form-floating.form-group { position: relative; margin-top: 25px; }

.card .card-reveal.active, .floating-label .control-label.normal,
.form-floating .control-label.normal { -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); }
.card .card-reveal.active, .floating-label .control-label.normal,
.floating-label .control-label.normal, .form-floating .control-label.normal { transform: translate(0, -100%); font-size: 90%; padding-bottom: 10px; }
.floating-label .control-label, .form-floating .control-label { position: absolute; left: 0; top: 7px; margin: 0; pointer-events: none; font-weight: 400; color: rgba(0, 0, 0, .4); -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; }

.form-control, output { font-size: 13px; line-height: 1.846; color: #666; display: block; }
.form-control { width: 100%; height: 37px; padding: 6px 16px; border: 1px solid transparent; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
    .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); }
    .form-control::-moz-placeholder { color: #bbb; opacity: 1; }
    .form-control:-ms-input-placeholder { color: #bbb; }
    .form-control::-webkit-input-placeholder { color: #bbb; }
    .form-control::-ms-expand { border: 0; background-color: transparent; }
    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: transparent; opacity: 1; }
    .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; }

textarea.form-control { height: auto; }

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label,
.has-success .form-control-feedback, .has-success .help-block, .has-success .radio,
.has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label,
.has-success.radio label, .has-success.radio-inline label { color: #2196F3; }


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

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label,
.has-error .form-control-feedback, .has-error .help-block, .has-error .radio,
.has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label,
.has-error.radio label, .has-error.radio-inline label { color: #F44336; }*/