body{font-size: 12px;color:#5a5a5a;background: #f9f9f9;font-family: 'Open Sans', sans-serif;}
.link, .ui-widget-content a.link{color: #2a6496;}
.ui-inputfield[readonly],.ui-inputfield[disabled]{ background-color: #E6E6E6;}
header{padding: 3px 20px;}
footer {border-top: 1px solid #ddd;margin: 10px auto 0; padding: 20px; width: 98%;}
.panel { background: #fff;box-shadow: 1px 1px 3px #ccc;}
.ui-widget{font-size: 12px;}
select{padding: 4px;}
.font-11, .font-11  td, .font-11  th{font-size:  11px;}
.font-weight-normal, .font-weight-normal  td{font-weight: normal;}
.grid-detail, grid-form{margin-top: 0;}
.grid-detail td, grid-form td{padding: 4px 0;}
.grid-detail td label, .grid-form > tbody > tr > td > label{margin: 0 5px 0 15px ; float: right; text-align: right;}
.grid-detail td label{font-weight: bold;}
.w-50{width: 50px;}
.w-60{width: 60px;}
.w-70{width: 70px;}
.w-80{width: 80px;}
.w-90{width: 90px;}
.w-100{width: 100px;}
.w-110{width: 110px;}
.w-120{width: 120px;}
.w-130{width: 130px;}
.w-140{width: 140px;}
.w-150{width: 150px;}
.w-160{width: 160px;}
.w-170{width: 170px;}
.w-180{width: 180px;}
.w-190{width: 190px;}
.w-200{width: 200px;}
.w-210{width: 210px;}
.w-220{width: 220px;}
.w-230{width: 230px;}
.w-240{width: 240px;}
.w-250{width: 250px;}
.w-260{width: 260px;}
.w-270{width: 270px;}
.w-280{width: 280px;}
.w-290{width: 290px;}
.w-300{width: 300px;}
.w-310{width: 310px;}
.w-320{width: 320px;}
.w-330{width: 330px;}
.w-340{width: 340px;}
.w-350{width: 350px;}
.ui-tabs{margin-bottom: 2px;}
.ui-datatable th{text-align: center !important;  white-space: normal;}
.datatable-auditing th, .datatable-auditing td, .datatable-auditing td .ui-dt-c, .datatable-auditing td .ui-dt-c span{white-space: normal !important;}
.ui-datatable th{text-align: center !important;}
.legenda-tabela{font-size: 9px !important; font-weight: normal !important; margin-bottom: 1px; width: 62px; border: 0 !important;}
.ui-dialog.ui-widget-content .ui-dialog-content {font-size: 12px; margin-bottom: 10px;}
.ui-fieldset{margin: 3px 0;background: #fff;box-shadow: 1px 1px 3px #ccc;}
.ui-fieldset-legend{width: auto;font-size: 12px;height: auto;margin: 5px 0 5px 5px;}
.ui-menu .ui-menu-parent .ui-menu-child {min-width: 180px; width: auto;}
.grid-permissao a{text-decoration: none;}
.grid-permissao .ui-panel-content{padding: 2px;}
.grid-permissao .ui-datagrid-content{border: 0;}
.panel-permissao{margin-bottom: 5px;}
.link-permissao{vertical-align:middle;display:block;}
.caminho-permissao {font-size: 10px;  display: block; line-height: 11px; font-weight: normal; padding-top: 3px;text-align: center; color: #8B8989;}
.nome-permissao {display: block;font-size: 15px; font-weight: bold; padding-top: 3px; text-align: center; color: #000}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {float: left; margin-right: 2px; margin-left: 0;}
input[type="radio"], input[type="checkbox"] {margin: 0; min-height: 0; padding-left: 0; margin-right: 3px;}
.radio, .checkbox {padding-left: 0; margin: 0;}
.radio td, .checkbox td{    padding: 4px;}
.ui-toolbar{margin: 5px 0 10px 0;}
.ui-datatable th input.ui-column-filter{width: 95% !important; }
.ui-datatable th select.ui-column-filter{width: 95% !important; }
.ui-toolbar .ui-button{margin: 0 3px 0 0;}
.ui-toolbar .ui-button span{font-size: 14px;}
.navbar .ui-panelmenu .ui-panelmenu-header{font-size: 14px;}
nav.navbar.navbar-default {
  background: #0098DA;
  border-radius: 0;
  border: none;
  padding: 0 20px 0 10px;
  margin: 0;
  min-height: 0;
}
/*menu bar*/
.ui-menu.ui-menubar{border-radius: 0px;}
.ui-menu .ui-menuitem {margin: 0;}
.ui-menu.ui-menubar .ui-menu-parent .ui-menu-child {padding: 0;}
.ui-menu > ul > li > a{padding: 10px 10px !important;border: 0}
.ui-menu > ul > li ul li{width: 230px !important;}
.ui-menu > ul > li > ul > li{width: 190px !important;}
.ui-menu > ul > li ul .ui-menuitem-link {padding: 8px 0 !important; font-size: 13px;}
.acesso-rapido .ui-autocomplete-input {height: 34px;}
select.form-control{height: 34px;}
section.conteudo {padding: 0 20px; font-size: 12px;}
section.conteudo .page-header {margin: 24px 0 0 0; font-size: 20px;  }
section.conteudo h1.page-header  span{vertical-align: middle;}
.ui-datatable .ui-datatable-tablewrapper tbody > tr > td {padding: 3px; white-space: normal;}
.ui-datatable thead > tr > th {white-space: normal !important;}
/*login*/
.login-wraper {width: 300px;margin: 10% auto;-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);position: relative;padding: 10px;height: auto;background: white;text-align: left;}
.login-wraper h1{font-family: 'Raleway', sans-serif;font-weight: lighter;text-align: center;font-size: 23px;padding: 0;margin: 0}
.login-wraper .login-body{margin: 10px auto;padding: 15px 0 10px}
.login-wraper .login-body .input-append,.login-wraper .login-body .input-prepend {width: 350px;}
.login-wraper .login-body input[type=text],.login-wraper .login-body input[type=password]{width: 100%}
@media (max-width: 600px) {
    .login-wraper {width: auto;height: auto;margin: 10% auto;}
}
@media (max-width: 800px) {
    .login-wraper {margin: 10% auto;}
}
.ui-dialog.ui-widget-content .ui-dialog-title{font-size: 18px;}
.ui-datatable table{ table-layout: auto; }
.ui-menubar{background-color: #428bca !important; background-image: none  !important;}
.ui-menubar > ul > li > .ui-menuitem-link {color: white;}
.ui-menubar{padding-top: 0 !important; padding-bottom: 0 !important;}
.ui-menubar .ui-autocomplete{margin-top: 2px;}
header .logo{margin: 5px 0 0 0}
header .info {margin: 5px 0 0 0}
header .info button{color: #fff !important;}
header .info button:hover{color: #fff;}
header .info .btn-group{z-index: 1001;text-align: right;margin: 5px 0;}
header .info .btn-group button {background: rgba(0, 0, 0, .25);text-shadow: 0 1px rgba(0, 0, 0, .4);border: 1px solid #EBEBEB}
header .info .btn-default {background: rgba(0, 0, 0, .25) !important;}
header .info h6{color: #000;text-shadow: 0 1px rgba(255, 255, 255, .4);}
.ui-button.btn{background-image: none !important; text-shadow: none !important;}
.ui-toolbar {
    right: 12px;
    float: right;
    top: -50px;
    position: absolute;
    border: 0 !important;
    background: none !important;

}
@media (max-width: 600px) {
    .ui-toolbar{position: initial; top: auto; clear: both; float: none; text-align: right; border-bottom: 1px solid #eeeeee !important;}
}

.ui-toolbar .ui-button{
    background-image: none !important; text-shadow: none !important;
    background-color: #fff;
    border-radius: 0 !important;
}
.title.page-header {
    background-color: #428bca ;
    color: #fff; 
    padding: 8px;
    padding-left: 20px;
    margin-bottom: 10px !important;
    margin-top: 25px !important;
    font-size: 15px !important;
}
.ui-toolbar .ui-button span {
    font-size: 12px;
}

.auto-complete-produto input{
    /*width: 90%;*/
}
.panel-auto-complete-produto{
    max-width: 800px;
    max-height: 300px;
}
.panel-auto-complete-produto .ui-autocomplete-item td{
    white-space: nowrap;
    font-size: 11px;
}
.navbar-brand{color: #fff !important}
.padding-0, .padding-0 td{padding: 0  !important}
.padding-1, .padding-1 td{padding: 1px  !important}
.padding-2, .padding-2 td{padding: 2px  !important}
.ui-datatable tbody > tr > td {font-size: 11px; }
.ui-datatable thead > tr > th {font-size: 11px; }


.layout-wrapper .dashboard .overview-box .overview-box-count { font-size: 32px; }
.layout-wrapper .dashboard .overview-box .overview-box-count small { font-size: 12px; }
.layout-wrapper .dashboard .overview-box.overview-box-5 { background-color: #D32F2F; }
.layout-wrapper .dashboard .overview-box.overview-box-6 { background-color: #FFA000; }
.layout-wrapper .dashboard .overview-box.overview-box-7 { background-color: #4CAF50; }
.layout-wrapper .dashboard .overview-box.overview-box-8 { background-color: #1976D2; }

.dashboard .card { height: 100%; }
.dashboard .overview-box { padding: 0 !important; text-align: center; overflow: hidden; margin-bottom: 0px !important; }
.dashboard .overview-box i { font-size: 48px; margin-top: 20px; color: #ffffff; }
.dashboard .overview-box .overview-box-name { font-size: 20px; display: inline-block; width: 100%; margin: 4px 0 10px 0; color: #ffffff; }
.dashboard .overview-box .overview-box-count { color: #ffffff; font-size: 36px; }
.dashboard .overview-box > div:last-child { text-align: left; }
.dashboard .overview-box.overview-box-1 { background-color: #00acac; }
.dashboard .overview-box.overview-box-2 { background-color: #2f8ee5; }
.dashboard .overview-box.overview-box-3 { background-color: #6c76af; }
.dashboard .overview-box.overview-box-4 { background-color: #efa64c; }
.dashboard .overview-box.overview-box-5 { background-color: #4CAF50; }
.dashboard .task-list { overflow: hidden; }
.dashboard .task-list > .ui-panel { min-height: 340px; }
.dashboard .task-list .ui-panel-content { padding: 10px 0 !important; }
.dashboard .task-list ul { list-style-type: none; margin: 0; padding: 0; }
.dashboard .task-list ul li { padding: 8px 16px; border-bottom: 1px solid #c9cdd2; }
.dashboard .task-list ul li:first-child { margin-top: 10px; }
.dashboard .task-list ul .ui-chkbox { vertical-align: middle; margin-right: 5px; }
.dashboard .task-list ul .task-name { vertical-align: middle; }
.dashboard .task-list ul i { color: #778087; float: right; font-size: 16px; margin-top: 5px; }
.dashboard .contact-form { overflow: hidden; }
.dashboard .contact-form .ui-panel { min-height: 340px; }
.dashboard .contact-form .ui-g-12 { padding: 16px 10px; }
.dashboard .contact-form .ui-button { margin-top: 20px; }
.dashboard .contacts { overflow: hidden; }
.dashboard .contacts > .ui-panel { min-height: 340px; }
.dashboard .contacts .ui-panel-content { padding: 15px 0 10px 0 !important; }
.dashboard .contacts ul { list-style-type: none; padding: 0; margin: 0; }
.dashboard .contacts ul li { border-bottom: 1px solid #c9cdd2; }
.dashboard .contacts ul li a { padding: 9px; width: 100%; box-sizing: border-box; text-decoration: none; position: relative; display: block; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; }
.dashboard .contacts ul li a .name { position: absolute; right: 10px; top: 10px; font-size: 18px; color: #5f666c; }
.dashboard .contacts ul li a .email { position: absolute; right: 10px; top: 30px; font-size: 14px; color: #778087; }
.dashboard .contacts ul li a:hover { cursor: pointer; background-color: #f0f3f5; }
.dashboard .contacts ul li:last-child { border: 0; }
.dashboard .activity-list { list-style-type: none; padding: 0; margin: 0; }
.dashboard .activity-list li { border-bottom: 1px solid #c9cdd2; padding: 15px 0 9px 9px; }
.dashboard .activity-list li .count { font-size: 24px; color: #ffffff; background-color: #03A9F4; font-weight: bold; width: 60px; padding: 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.dashboard .activity-list li:first-child { border-top: 1px solid #c9cdd2; }
.dashboard .activity-list li:last-child { border: 0; }
.dashboard .activity-list li .ui-g-6:first-child { font-size: 18px; padding-left: 0; }
.dashboard .activity-list li .ui-g-6:last-child { text-align: right; color: #778087; }
.dashboard .timeline { height: 100%; box-sizing: border-box; }
.dashboard .timeline > .ui-g .ui-g-3 { font-size: 14px; position: relative; border-right: 1px solid #bdbdbd; }
.dashboard .timeline > .ui-g .ui-g-3 i { background-color: #ffffff; font-size: 24px; position: absolute; top: 6px; right: -12px; }
.dashboard .timeline > .ui-g .ui-g-9 { padding-left: 1.5em; }
.dashboard .timeline > .ui-g .ui-g-9 .event-text { color: #778087; font-size: 14px; display: block; padding-bottom: 20px; }
.dashboard .timeline > .ui-g .ui-g-9 .event-content img { width: 100%; }

.dashboard {

        .overview-box{
            .overview-box-count{
                font-size: 32px;
                small{
                    font-size: 12px;
                }
            }
            &.overview-box-5 { 
                background-color: #D32F2F; 
            }
            &.overview-box-6 { 
                background-color: #FFA000; 
            }
            &.overview-box-7 { 
                background-color: #4CAF50; 
            }
            &.overview-box-8 { 
                background-color: #1976D2; 
            }
        }
    }
    
.layout-wrapper .dashboard .overview-box .overview-box-count { font-size: 32px; }
.layout-wrapper .dashboard .overview-box .overview-box-count small { font-size: 12px; }
.layout-wrapper .dashboard .overview-box.overview-box-5 { background-color: #D32F2F; }
.layout-wrapper .dashboard .overview-box.overview-box-6 { background-color: #FFA000; }
.layout-wrapper .dashboard .overview-box.overview-box-7 { background-color: #4CAF50; }
.layout-wrapper .dashboard .overview-box.overview-box-8 { background-color: #1976D2; }

.dashboard .card { height: 100%; }
.dashboard .overview-box { padding: 0 !important; text-align: center; overflow: hidden; margin-bottom: 0px !important; }
.dashboard .overview-box i { font-size: 48px; margin-top: 20px; color: #ffffff; }
.dashboard .overview-box .overview-box-name { font-size: 20px; display: inline-block; width: 100%; margin: 4px 0 10px 0; color: #ffffff; }
.dashboard .overview-box .overview-box-count { color: #ffffff; font-size: 36px; }
.dashboard .overview-box > div:last-child { text-align: left; }
.dashboard .overview-box.overview-box-1 { background-color: #00acac; }
.dashboard .overview-box.overview-box-2 { background-color: #2f8ee5; }
.dashboard .overview-box.overview-box-3 { background-color: #6c76af; }
.dashboard .overview-box.overview-box-4 { background-color: #efa64c; }
.dashboard .overview-box.overview-box-5 { background-color: #4CAF50; }
.dashboard .task-list { overflow: hidden; }
.dashboard .task-list > .ui-panel { min-height: 340px; }
.dashboard .task-list .ui-panel-content { padding: 10px 0 !important; }
.dashboard .task-list ul { list-style-type: none; margin: 0; padding: 0; }
.dashboard .task-list ul li { padding: 8px 16px; border-bottom: 1px solid #c9cdd2; }
.dashboard .task-list ul li:first-child { margin-top: 10px; }
.dashboard .task-list ul .ui-chkbox { vertical-align: middle; margin-right: 5px; }
.dashboard .task-list ul .task-name { vertical-align: middle; }
.dashboard .task-list ul i { color: #778087; float: right; font-size: 16px; margin-top: 5px; }
.dashboard .contact-form { overflow: hidden; }
.dashboard .contact-form .ui-panel { min-height: 340px; }
.dashboard .contact-form .ui-g-12 { padding: 16px 10px; }
.dashboard .contact-form .ui-button { margin-top: 20px; }
.dashboard .contacts { overflow: hidden; }
.dashboard .contacts > .ui-panel { min-height: 340px; }
.dashboard .contacts .ui-panel-content { padding: 15px 0 10px 0 !important; }
.dashboard .contacts ul { list-style-type: none; padding: 0; margin: 0; }
.dashboard .contacts ul li { border-bottom: 1px solid #c9cdd2; }
.dashboard .contacts ul li a { padding: 9px; width: 100%; box-sizing: border-box; text-decoration: none; position: relative; display: block; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; }
.dashboard .contacts ul li a .name { position: absolute; right: 10px; top: 10px; font-size: 18px; color: #5f666c; }
.dashboard .contacts ul li a .email { position: absolute; right: 10px; top: 30px; font-size: 14px; color: #778087; }
.dashboard .contacts ul li a:hover { cursor: pointer; background-color: #f0f3f5; }
.dashboard .contacts ul li:last-child { border: 0; }
.dashboard .activity-list { list-style-type: none; padding: 0; margin: 0; }
.dashboard .activity-list li { border-bottom: 1px solid #c9cdd2; padding: 15px 0 9px 9px; }
.dashboard .activity-list li .count { font-size: 24px; color: #ffffff; background-color: #03A9F4; font-weight: bold; width: 60px; padding: 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.dashboard .activity-list li:first-child { border-top: 1px solid #c9cdd2; }
.dashboard .activity-list li:last-child { border: 0; }
.dashboard .activity-list li .ui-g-6:first-child { font-size: 18px; padding-left: 0; }
.dashboard .activity-list li .ui-g-6:last-child { text-align: right; color: #778087; }
.dashboard .timeline { height: 100%; box-sizing: border-box; }
.dashboard .timeline > .ui-g .ui-g-3 { font-size: 14px; position: relative; border-right: 1px solid #bdbdbd; }
.dashboard .timeline > .ui-g .ui-g-3 i { background-color: #ffffff; font-size: 24px; position: absolute; top: 6px; right: -12px; }
.dashboard .timeline > .ui-g .ui-g-9 { padding-left: 1.5em; }
.dashboard .timeline > .ui-g .ui-g-9 .event-text { color: #778087; font-size: 14px; display: block; padding-bottom: 20px; }
.dashboard .timeline > .ui-g .ui-g-9 .event-content img { width: 100%; }

.card { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #ffffff; padding: 16px; box-sizing: border-box; margin-bottom: 16px; }
.card.card-w-title { padding-bottom: 32px; }
.card h1 { font-size: 24px; font-weight: 400; margin: 24px 0; }
.card h1:first-child { margin-top: 16px; }
.card h2 { font-size: 22px; font-weight: 400; }
.card h3 { font-size: 20px; font-weight: 400; }
.card h4 { font-size: 18px; font-weight: 400; }