body { background-color: #f8f8f8; } #wrapper { width: 100%; } #page-wrapper { padding-top: 50px; padding-bottom: 30px; min-height: 568px; background-color: #fff; } @media(min-width:768px) { #page-wrapper { position: inherit; margin-left: 250px; padding: 50px 15px 30px; border-left: 1px solid #e7e7e7; } } .navbar-header { float: left; } .navbar-left { float: left; } .navbar-right { text-align: right; } .navbar-top-links { margin: 0; } .navbar-top-links li { display: inline-block; } .navbar-top-links li:last-child { margin-right: 6px; } .navbar-top-links li a { padding: 20px 15px 10px; min-height: 50px; } .navbar-top-links>li>a { color: #d6d6d6; } .navbar-top-links>li>a:hover, .navbar-top-links>li>a:focus, .navbar-top-links>.open>a, .navbar-top-links>.open>a:hover, .navbar-top-links>.open>a:focus { color: #fff; background-color: inherit; } .navbar-top-links .dropdown-menu li { display: block; } .navbar-top-links .dropdown-menu li:last-child { margin-right: 0; } .navbar-top-links .dropdown-menu li a { padding: 3px 14px; min-height: 0; } .navbar-top-links .dropdown-menu li a div { white-space: normal; } .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts { width: 310px; min-width: 0; } .navbar-top-links .dropdown-messages { margin-left: 5px; } .navbar-top-links .dropdown-tasks { margin-left: -59px; } .navbar-top-links .dropdown-alerts { margin-left: -123px; } .navbar-top-links .dropdown-user { right: 0; left: auto; } .sidebar .sidebar-nav.navbar-collapse { padding-right: 0; padding-left: 0; } .sidebar .sidebar-search { padding: 15px; } .sidebar ul li { border-bottom: 1px solid #e7e7e7; } .sidebar ul li a.active { background-color: #eee; } .sidebar .arrow { float: right; } .sidebar .fa.arrow:before { content: "\f104"; } .sidebar .active>a>.fa.arrow:before { content: "\f107"; } .sidebar .nav-second-level li, .sidebar .nav-third-level li { border-bottom: 0!important; } .sidebar .nav-second-level li a { padding-left: 37px; } .sidebar .nav-third-level li a { padding-left: 52px; } @media(min-width:768px) { .sidebar { z-index: 1; position: absolute; width: 250px; margin-top: 51px; } .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts { margin-left: auto; } } .btn-outline { color: inherit; background-color: transparent; transition: all .5s; } .btn-primary.btn-outline { color: #428bca; } .btn-success.btn-outline { color: #5cb85c; } .btn-info.btn-outline { color: #5bc0de; } .btn-warning.btn-outline { color: #f0ad4e; } .btn-danger.btn-outline { color: #d9534f; } .btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover { color: #fff; } .chat { margin: 0; padding: 0; list-style: none; } .chat li { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #999; } .chat li.left .chat-body { margin-left: 60px; } .chat li.right .chat-body { margin-right: 60px; } .chat li .chat-body p { margin: 0; } .panel .slidedown .glyphicon, .chat .glyphicon { margin-right: 5px; } .chat-panel .panel-body { height: 350px; overflow-y: scroll; } .login-panel { margin-top: 25%; } .flot-chart { display: block; height: 400px; } .flot-chart-content { width: 100%; height: 100%; } .dataTables_wrapper { position: relative; clear: both; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background: 0 0; } table.dataTable thead .sorting_asc:after { content: "\f0de"; float: right; font-family: fontawesome; } table.dataTable thead .sorting_desc:after { content: "\f0dd"; float: right; font-family: fontawesome; } table.dataTable thead .sorting:after { content: "\f0dc"; float: right; font-family: fontawesome; color: rgba(50,50,50,.5); } .btn-circle { width: 30px; height: 30px; padding: 6px 0; border-radius: 15px; text-align: center; font-size: 12px; line-height: 1.428571429; } .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; border-radius: 25px; font-size: 18px; line-height: 1.33; } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; border-radius: 35px; font-size: 24px; line-height: 1.33; } .show-grid [class^=col-] { padding-top: 10px; padding-bottom: 10px; border: 1px solid #ddd; background-color: #eee!important; } .show-grid { margin: 15px 0; } .huge { font-size: 40px; } .panel-green { border-color: #5cb85c; } .panel-green .panel-heading { border-color: #5cb85c; color: #fff; background-color: #5cb85c; } .panel-green a { color: #5cb85c; } .panel-green a:hover { color: #3d8b3d; } .panel-red { border-color: #d9534f; } .panel-red .panel-heading { border-color: #d9534f; color: #fff; background-color: #d9534f; } .panel-red a { color: #d9534f; } .panel-red a:hover { color: #b52b27; } .panel-yellow { border-color: #f0ad4e; } .panel-yellow .panel-heading { border-color: #f0ad4e; color: #fff; background-color: #f0ad4e; } .panel-yellow a { color: #f0ad4e; } .panel-yellow a:hover { color: #df8a13; } /* Hero Widgets */ .hero-widget { text-align: center; padding-top: 20px; padding-bottom: 20px; } .hero-widget .icon { display: block; font-size: 96px; line-height: 96px; margin-bottom: 10px; text-align: center; } .hero-widget .value { display: block; height: 64px; font-size: 64px; line-height: 64px; font-style: normal; } .hero-widget label { font-size: 17px; } .hero-widget .options { margin-top: 10px; } /* Tabbed Panels */ .panel.tabbed-panel .panel-heading{ padding-top: 5px; padding-right: 5px; padding-bottom: 0; } .panel.tabbed-panel .panel-heading .panel-title{ padding: 9px 0; font-size: 1em; line-height: 1em; } .panel.tabbed-panel .nav-tabs{ border-bottom: none; } .panel.tabbed-panel .nav-tabs > li > a{ line-height: 1em; } .panel.tabbed-panel .nav-justified{ margin-bottom: -1px; } .tabbed-panel.panel-default .nav-tabs > li > a, .tabbed-panel.panel-default .nav-tabs > li > a:hover, .tabbed-panel.panel-default .nav-tabs > li > a:focus { color: #777; } .tabbed-panel.panel-default .nav-tabs > .open > a, .tabbed-panel.panel-default .nav-tabs > .open > a:hover, .tabbed-panel.panel-default .nav-tabs > .open > a:focus, .tabbed-panel.panel-default .nav-tabs > li > a:hover, .tabbed-panel.panel-default .nav-tabs > li > a:focus { color: #777; background-color: #ddd; border-color: transparent; } .tabbed-panel.panel-default .nav-tabs > li.active > a, .tabbed-panel.panel-default .nav-tabs > li.active > a:hover, .tabbed-panel.panel-default .nav-tabs > li.active > a:focus { color: #555; background-color: #fff; border-color: #ddd; border-bottom-color: transparent; } .tabbed-panel.panel-default .nav-tabs > li.dropdown .dropdown-menu { background-color: #f5f5f5; border-color: #ddd; } .tabbed-panel.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a { color: #777; } .tabbed-panel.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover, .tabbed-panel.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus { background-color: #ddd; } .tabbed-panel.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a, .tabbed-panel.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover, .tabbed-panel.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus { color: #fff; background-color: #555; } .tabbed-panel.panel-primary .nav-tabs > li > a, .tabbed-panel.panel-primary .nav-tabs > li > a:hover, .tabbed-panel.panel-primary .nav-tabs > li > a:focus { color: #fff; } .tabbed-panel.panel-primary .nav-tabs > .open > a, .tabbed-panel.panel-primary .nav-tabs > .open > a:hover, .tabbed-panel.panel-primary .nav-tabs > .open > a:focus, .tabbed-panel.panel-primary .nav-tabs > li > a:hover, .tabbed-panel.panel-primary .nav-tabs > li > a:focus { color: #fff; background-color: #3071a9; border-color: transparent; } .tabbed-panel.panel-primary .nav-tabs > li.active > a, .tabbed-panel.panel-primary .nav-tabs > li.active > a:hover, .tabbed-panel.panel-primary .nav-tabs > li.active > a:focus { color: #428bca; background-color: #fff; border-color: #428bca; border-bottom-color: transparent; } .tabbed-panel.panel-primary .nav-tabs > li.dropdown .dropdown-menu { background-color: #428bca; border-color: #3071a9; } .tabbed-panel.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a { color: #fff; } .tabbed-panel.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover, .tabbed-panel.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus { background-color: #3071a9; } .tabbed-panel.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a, .tabbed-panel.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover, .tabbed-panel.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus { background-color: #4a9fe9; } .tabbed-panel.panel-success .nav-tabs > li > a, .tabbed-panel.panel-success .nav-tabs > li > a:hover, .tabbed-panel.panel-success .nav-tabs > li > a:focus { color: #3c763d; } .tabbed-panel.panel-success .nav-tabs > .open > a, .tabbed-panel.panel-success .nav-tabs > .open > a:hover, .tabbed-panel.panel-success .nav-tabs > .open > a:focus, .tabbed-panel.panel-success .nav-tabs > li > a:hover, .tabbed-panel.panel-success .nav-tabs > li > a:focus { color: #3c763d; background-color: #d6e9c6; border-color: transparent; } .tabbed-panel.panel-success .nav-tabs > li.active > a, .tabbed-panel.panel-success .nav-tabs > li.active > a:hover, .tabbed-panel.panel-success .nav-tabs > li.active > a:focus { color: #3c763d; background-color: #fff; border-color: #d6e9c6; border-bottom-color: transparent; } .tabbed-panel.panel-success .nav-tabs > li.dropdown .dropdown-menu { background-color: #dff0d8; border-color: #d6e9c6; } .tabbed-panel.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a { color: #3c763d; } .tabbed-panel.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover, .tabbed-panel.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus { background-color: #d6e9c6; } .tabbed-panel.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a, .tabbed-panel.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover, .tabbed-panel.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus { color: #fff; background-color: #3c763d; } .tabbed-panel.panel-info .nav-tabs > li > a, .tabbed-panel.panel-info .nav-tabs > li > a:hover, .tabbed-panel.panel-info .nav-tabs > li > a:focus { color: #31708f; } .tabbed-panel.panel-info .nav-tabs > .open > a, .tabbed-panel.panel-info .nav-tabs > .open > a:hover, .tabbed-panel.panel-info .nav-tabs > .open > a:focus, .tabbed-panel.panel-info .nav-tabs > li > a:hover, .tabbed-panel.panel-info .nav-tabs > li > a:focus { color: #31708f; background-color: #bce8f1; border-color: transparent; } .tabbed-panel.panel-info .nav-tabs > li.active > a, .tabbed-panel.panel-info .nav-tabs > li.active > a:hover, .tabbed-panel.panel-info .nav-tabs > li.active > a:focus { color: #31708f; background-color: #fff; border-color: #bce8f1; border-bottom-color: transparent; } .tabbed-panel.panel-info .nav-tabs > li.dropdown .dropdown-menu { background-color: #d9edf7; border-color: #bce8f1; } .tabbed-panel.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a { color: #31708f; } .tabbed-panel.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover, .tabbed-panel.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus { background-color: #bce8f1; } .tabbed-panel.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a, .tabbed-panel.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover, .tabbed-panel.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus { color: #fff; background-color: #31708f; } .tabbed-panel.panel-warning .nav-tabs > li > a, .tabbed-panel.panel-warning .nav-tabs > li > a:hover, .tabbed-panel.panel-warning .nav-tabs > li > a:focus { color: #8a6d3b; } .tabbed-panel.panel-warning .nav-tabs > .open > a, .tabbed-panel.panel-warning .nav-tabs > .open > a:hover, .tabbed-panel.panel-warning .nav-tabs > .open > a:focus, .tabbed-panel.panel-warning .nav-tabs > li > a:hover, .tabbed-panel.panel-warning .nav-tabs > li > a:focus { color: #8a6d3b; background-color: #faebcc; border-color: transparent; } .tabbed-panel.panel-warning .nav-tabs > li.active > a, .tabbed-panel.panel-warning .nav-tabs > li.active > a:hover, .tabbed-panel.panel-warning .nav-tabs > li.active > a:focus { color: #8a6d3b; background-color: #fff; border-color: #faebcc; border-bottom-color: transparent; } .tabbed-panel.panel-warning .nav-tabs > li.dropdown .dropdown-menu { background-color: #fcf8e3; border-color: #faebcc; } .tabbed-panel.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a { color: #8a6d3b; } .tabbed-panel.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover, .tabbed-panel.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus { background-color: #faebcc; } .tabbed-panel.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a, .tabbed-panel.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover, .tabbed-panel.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus { color: #fff; background-color: #8a6d3b; } .tabbed-panel.panel-danger .nav-tabs > li > a, .tabbed-panel.panel-danger .nav-tabs > li > a:hover, .tabbed-panel.panel-danger .nav-tabs > li > a:focus { color: #a94442; } .tabbed-panel.panel-danger .nav-tabs > .open > a, .tabbed-panel.panel-danger .nav-tabs > .open > a:hover, .tabbed-panel.panel-danger .nav-tabs > .open > a:focus, .tabbed-panel.panel-danger .nav-tabs > li > a:hover, .tabbed-panel.panel-danger .nav-tabs > li > a:focus { color: #a94442; background-color: #ebccd1; border-color: transparent; } .tabbed-panel.panel-danger .nav-tabs > li.active > a, .tabbed-panel.panel-danger .nav-tabs > li.active > a:hover, .tabbed-panel.panel-danger .nav-tabs > li.active > a:focus { color: #a94442; background-color: #fff; border-color: #ebccd1; border-bottom-color: transparent; } .tabbed-panel.panel-danger .nav-tabs > li.dropdown .dropdown-menu { background-color: #f2dede; /* bg color */ border-color: #ebccd1; /* border color */ } .tabbed-panel.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a { color: #a94442; /* normal text color */ } .tabbed-panel.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover, .tabbed-panel.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus { background-color: #ebccd1; /* hover bg color */ } .tabbed-panel.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a, .tabbed-panel.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover, .tabbed-panel.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus { color: #fff; /* active text color */ background-color: #a94442; /* active bg color */ } .navbar-top-links li span.title { padding: 3px 20px; display: block; font-weight: bold; } .page-title { margin: 15px 0 9px; } .page-nav { } .page-title-hr { margin: 0 0 15px;; } .btn-toolbar { padding: 17px 0 0; text-align: right; } .alert { margin-top: 20px; } .tab-pane.padding-top { padding-top: 15px; } a { color: #0B62A4; } a:hover, a:focus { color: #0B62A4; } .btn-primary { background-color: #0B62A4; border-color: #0B62A4; } .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary { background-color: #0B62A4; border-color: #0B62A4; } input[type="text"]:focus, input[type="password"]:focus, select:focus { border: 1px solid #0B62A4 !important; } .navbar-inverse { box-shadow: 12px 6px 12px rgba(0,0,0,.175); background-color: #0B62A4; border-color: #0B62A4; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #666; } .contracted .sidebar { width: 50px; } .contracted #side-menu span { display: none; } .contracted #page-wrapper { margin-left: 50px; } .contracted ul.nav-second-level { display: none !important; } .contracted #side-menu > li:hover ul.nav-second-level { display: block !important; position: absolute; width: 250px; top: -1px; left: 50px; background: #EEE; border-top: 1px solid #e7e7e7; z-index: 99; } .contracted #side-menu > li:hover { background: #EEE; } .contracted #side-menu > li:hover ul.nav-second-level span { display: inline; } @media(max-width:768px) { .contracted .sidebar { width: 100%; } .contracted #side-menu span { display: inline; } .contracted #page-wrapper { margin-left: 0; } #contract { display: none; } .contracted #side-menu > li:hover ul.nav-second-level { display: block !important; position: relative; width: 100%; top: 0; left: 0; background: none; border-top: none; } .contracted #side-menu > li:hover ul.nav-second-level span { display: inline; } } .modal-content { background-color: #f8f8f8; } .navbar-brand { padding: 20px 15px 0; } .navbar-inverse .navbar-brand { color: #d6d6d6; } tfoot td { font-weight: bold; background: #eee; } #periodo { background: #fff; color: #1d3b4a; padding: 8px 10px; line-height: 18px; border-radius: 4px; border: 1px solid #ddd; border-width: 1px 1px 3px !important; float: right; cursor: pointer; } #periodo i { color: #0B62A4; margin-right: 5px; } .chart svg { width: 100%; } .daterangepicker { box-shadow: 0 6px 12px rgba(0,0,0,.175); } .dropdown-menu .divider { margin: 5px 0; } .navbar-right .dropdown-menu { right: 5px; margin: 1px 0 0; border-radius: 0 0 4px 4px; border: none; }