/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 07/01/2017, 23:15:37
    Author     : CETASP
*/

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
.oswald{
    font-family: 'Oswald', serif;
}
.card-head{ background: #32475c; padding: 10px; color: #FFF; font-size: 16px }
.card-custom{ background: #F5F5F5; padding: 20px; border: 1px solid #DDD }

.title-bar{ background: #FFF; border-bottom: 1px solid #DDD; padding: 20px 20px; }

.cursorpointer{ cursor: pointer; }

.login-brand{ width: 170px !important; }

.txt-caixaalta{ text-transform: uppercase; }

body, .btn{ font-size: 14px; }

.m-t-5{ margin-top: 5px !important; }
.m-l-5{ margin-left: 5px !important; }
.m-r-5{ margin-right: 5px !important; }
.m-b-5{ margin-bottom: 5px !important; }
.m-t-10{ margin-top: 10px !important; }
.m-l-10{ margin-left: 10px !important; }
.m-r-10{ margin-right: 10px !important; }
.m-b-10{ margin-bottom: 10px !important; }
.m-t-15{ margin-top: 15px !important; }
.m-l-15{ margin-left: 15px !important; }
.m-r-15{ margin-right: 15px !important; }
.m-b-15{ margin-bottom: 15px !important; }
.m-t-20{ margin-top: 20px !important; }
.m-l-20{ margin-left: 20px !important; }
.m-r-20{ margin-right: 20px !important; }
.m-b-20{ margin-bottom: 20px !important; }
.m-t-30{ margin-top: 30px !important; }
.m-l-30{ margin-left: 30px !important; }
.m-r-30{ margin-right: 30px !important; }
.m-b-30{ margin-bottom: 30px !important; }
.m-t-40{ margin-top: 40px !important; }
.m-l-40{ margin-left: 40px !important; }
.m-r-40{ margin-right: 40px !important; }
.m-b-40{ margin-bottom: 40px !important; }
.m-t-50{ margin-top: 50px !important; }
.m-l-50{ margin-left: 50px !important; }
.m-r-50{ margin-right: 50px !important; }
.m-b-50{ margin-bottom: 50px !important; }
.m-t-60{ margin-top: 60px !important; }
.m-l-60{ margin-left: 60px !important; }
.m-r-60{ margin-right: 60px !important; }
.m-b-60{ margin-bottom: 60px !important; }

.p-t-5{ padding-top: 5px !important; }
.p-l-5{ padding-left: 5px !important; }
.p-r-5{ padding-right: 5px !important; }
.p-b-5{ padding-bottom: 5px !important; }
.p-t-10{ padding-top: 10px !important; }
.p-l-10{ padding-left: 10px !important; }
.p-r-10{ padding-right: 10px !important; }
.p-b-10{ padding-bottom: 10px !important; }
.p-t-15{ padding-top: 15px !important; }
.p-l-15{ padding-left: 15px !important; }
.p-r-15{ padding-right: 15px !important; }
.p-b-15{ padding-bottom: 15px !important; }
.p-t-20{ padding-top: 20px !important; }
.p-l-20{ padding-left: 20px !important; }
.p-r-20{ padding-right: 20px !important; }
.p-b-20{ padding-bottom: 20px !important; }
.p-t-30{ padding-top: 30px !important; }
.p-l-30{ padding-left: 30px !important; }
.p-r-30{ padding-right: 30px !important; }
.p-b-30{ padding-bottom: 30px !important; }
.p-t-35{ padding-top: 35px !important; }
.p-l-35{ padding-left: 35px !important; }
.p-r-35{ padding-right: 35px !important; }
.p-b-35{ padding-bottom: 35px !important; }
.p-t-40{ padding-top: 40px !important; }
.p-l-40{ padding-left: 40px !important; }
.p-r-40{ padding-right: 40px !important; }
.p-b-40{ padding-bottom: 40px !important; }
.p-t-60{ padding-top: 60px !important; }
.p-l-60{ padding-left: 60px !important; }
.p-r-60{ padding-right: 60px !important; }
.p-b-60{ padding-bottom: 60px !important; }

.no-m-t{ margin-top: 0px !important; }
.no-m-l{ margin-left: 0px !important; }
.no-m-r{ margin-right: 0px !important; }
.no-m-b{ margin-bottom: 0px !important; }
.no-m{ margin: 0px !important; }

.no-p-t{ padding-top: 0px !important; }
.no-p-l{ padding-left: 0px !important; }
.no-p-r{ padding-right: 0px !important; }
.no-p-b{ padding-bottom: 0px !important; }
.no-p{ padding: 0px !important; }

/* */

.modal {
    text-align: center;
}
@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}
.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.alert-warning{
    color: #8a6d3b !important;
    background-color: #fcf8e3 !important;
    border-color: #faebcc !important;
}

.btn-success {
    background-color: #009688;
    border-color: #009688;
    color: #fff;
}

td, th{
    vertical-align: middle !important;
}

.text-search{ width: 301px; border: 1px solid #DDD; height: 35px; border-radius: 4px; padding: 0px 10px }

.titulo-home{ font-family: 'Roboto', sans-serif; font-weight: 300; color: #2c3e50; font-size: 25px; border-bottom: 1px solid #DDD; padding-bottom: 10px; margin-bottom: 18px; text-transform: uppercase; }
.titulo-modal{ font-family: 'Roboto', sans-serif; font-weight: 700; color: #2c3e50; font-size: 18px; text-transform: uppercase; }

.menu-custom li{ border-right: 1px solid #DDD }
.menu-custom li a{ font-size: 15px; }

.dataTable .sorting_asc, .dataTable .sorting_desc{ border: none; }
.display-none{ display:none !important }
.display-none-w{ display:none }

table.dataTable thead th, table.dataTable thead td{ border-bottom: none !important }
.nav-bordered{ border: 1px solid #b1b1b1; }
.width-100{ width: 100% !important; }
.font-ptsans{ font-family: 'PT Sans', sans-serif; }

.tabs-left .nav-tabs>li,.tabs-right .nav-tabs>li{border-left:none;border-top:1px solid #d9d9d9;float:none}
.tabs-left .nav-tabs>li:first-child,.tabs-right .nav-tabs>li:first-child{border-top:none}
.tabs-left .nav-tabs>li>a,.tabs-right .nav-tabs>li>a{margin-right:0;min-width:75px}
.tabs-left{overflow:hidden}
.tabs-left .nav-tabs{border-radius:4px 0 0 4px;float:left}
.tabs-left .nav-tabs>li:first-child>a{border-radius:4px 0 0 0}
.tabs-left .nav-tabs>li:last-child>a{border-radius:0 0 0 4px}
.tabs-right{overflow:hidden}
.tabs-right .nav-tabs{border-radius:0 4px 4px 0;float:right}
.tabs-right .nav-tabs>li:first-child>a{border-radius:0 4px 0 0}
.tabs-right .nav-tabs>li:last-child>a{border-radius:0 0 4px 0}
.tab-content{overflow:hidden;}
.hidden{ display: none }

.sidenav.level-1>li>a{padding-left:43px}
.sidenav.level-2>li>a{padding-left:61px}
.sidenav.level-3>li>a{padding-left:60px}
.sidenav.level-4>li>a{padding-left:80px}
.sidenav.level-5>li>a{padding-left:100px}
.sidenav.level-1>li.active>a{background-color:#172438;color:#fff}
.sidenav.level-1>li.active>a:after{border-color:transparent #fff transparent transparent;border-style:solid;border-width:6px;content:"";height:0;pointer-events:none;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:0}
.sidenav .sidenav>li>a{background-color:#172438;color:#9ea1ab;padding-bottom:8px;padding-top:8px}
.sidenav .sidenav>li.hover>a,
.sidenav .sidenav>li:hover>a{background-color:#172438;color:#fff}
.sidenav .sidenav>li.open>a{background-color:#172438;color:#fff}
.sidenav .sidenav>li.active>a{background-color:#172438;color:#fff;cursor:default}
.sidenav .sidenav .sidenav-heading{display:none}@media (min-width:768px){
.sidenav-collapsed .sidenav-heading{display:none}
.sidenav-collapsed .sidenav-icon{float:none;font-size:18px;height:45px;left:0;line-height:45px;margin-left:0;margin-right:0;position:absolute;top:0;-webkit-transition:font-size .3s;-o-transition:font-size .3s;transition:font-size .3s;width:100%}
.sidenav-collapsed .sidenav-label{display:none}
.sidenav-collapsed .sidenav-form{display:none}
.sidenav-collapsed .sidenav-badge{display:block;position:absolute;right:5px;top:5px}
.sidenav-collapsed li.open>a:before{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
.sidenav-collapsed li.has-subnav>a:before{text-align:right}
.sidenav-collapsed.level-1>li>a{height:45px;line-height:45px;padding:0}
.sidenav-collapsed.level-1>li.has-subnav>a:before{content:normal;display:none}
.sidenav-collapsed.level-1>li.hover>a:after,
.sidenav-collapsed.level-1>li:hover>a:after{content:normal;display:none}
.sidenav-collapsed .sidenav{display:none!important;height:auto!important;left:100%;min-width:160px;overflow:visible!important;position:absolute;top:0;z-index:1030}
.sidenav-collapsed .sidenav>li>a{border-left:1px solid #253857;padding-left:15px;padding-right:15px;white-space:nowrap}
.sidenav-collapsed .sidenav .sidenav-heading{background-color:#172438;color:#9ea1ab;cursor:default;display:block;font-size:13px;line-height:45px;overflow:hidden;padding:0 15px;text-overflow:ellipsis;white-space:nowrap;margin-top:0}
.sidenav-collapsed .sidenav .icon{margin-left:0;margin-right:5px}
.sidenav-collapsed .active .sidenav-heading{background-color:#172438;color:#fff}
.sidenav-collapsed .has-subnav.hover> .sidenav, .sidenav-collapsed .has-subnav:hover>.sidenav{display:block!important}}

.box-item-singular{ width: 100%; }
.box-item-singular a:hover{ text-decoration: none }
.menu-item{ width: 100%; text-align: center; padding: 35px 10px }
.ato-oficial-box{ background-color: #2674af; }
.legislacao-box{ background-color: #9E48AB; }
.acesso-a-informacao-box{ background-color: #ffae5a; }
.legislativo-box{ background-color: #ab4848; }
.servidor-box{ background-color: #59c787; }
.social-box{ background-color: #40abff; }
.tributario-box{ background-color: #e4b634; }
.patrimonial-box{ background-color: #adb2b5; }
.orcamentario-box{ background-color: #00ab9b; }
.controle-interno-box{ background-color: #5D71B6; }

.ato-oficial-box:hover{ background-color: #1d5c8c; }
.legislacao-box:hover{ background-color: #822990; }
.acesso-a-informacao-box:hover{ background-color: #ff9e39; }
.legislativo-box:hover{ background-color: #882c2c; }
.servidor-box:hover{ background-color: #35bb6d; }
.social-box:hover{ background-color: #0993ff; }
.tributario-box:hover{ background-color: #e2a700; }
.patrimonial-box:hover{ background-color: #808080; }
.orcamentario-box:hover{ background-color: #1a988c; }
.controle-interno-box:hover{ background-color: #516198; }

.institucional{ background-color: #2674af; width: 100% }

.menu-item .menu-item-content{ color: #FFF; }
.menu-item .menu-item-content .icone{}
.menu-item .menu-item-content .icone-hover{ display: none; }
.menu-item .menu-item-content .titulo{ font-family: 'Roboto', sans-serif; padding-top: 10px; font-size: 20px; text-transform: uppercase; font-weight: 300; font-size: 18px; margin-top: 5px }

.color-white{ color: white; }

.box-item-singular:hover .menu-item .menu-item-content .icone{ font-size: 30px }

.box-spam-simulation-1{ background: #517da9; padding: 3px 15px 3px 15px; color: white; font-size: 15px; margin-right: 5px; font-family: 'Roboto', sans-serif }
.box-spam-simulation-2{ background: #1f7530; padding: 3px 15px 3px 15px; color: white; font-size: 15px; margin-right: 5px; font-family: 'Roboto', sans-serif }
.box-spam-simulation-3{ background: #1f3575; padding: 3px 15px 3px 15px; color: white; font-size: 15px; margin-right: 5px; font-family: 'Roboto', sans-serif }
.box-spam-simulation-4{ background: #bb4141; padding: 3px 15px 3px 15px; color: white; font-size: 15px; margin-right: 5px; font-family: 'Roboto', sans-serif }
.box-spam-simulation-5{ background: #502c5f; padding: 3px 15px 3px 15px; color: white; font-size: 15px; margin-right: 5px; font-family: 'Roboto', sans-serif }
.box-spam-simulation-6{ background: #0993ff; padding: 3px 15px 3px 15px; color: white; font-size: 15px; margin-right: 5px; font-family: 'Roboto', sans-serif }
.box-spam-simulation-7{ background: #f49959; padding: 3px 15px 3px 15px; color: white; font-size: 15px; margin-right: 5px; font-family: 'Roboto', sans-serif }
.box-spam-simulation-8{ background: #00ab9b; padding: 3px 15px 3px 15px; color: white; font-size: 15px; margin-right: 5px; font-family: 'Roboto', sans-serif }
.box-spam-simulation-9{ background: #925a7c; padding: 3px 15px 3px 15px; color: white; font-size: 15px; margin-right: 5px; font-family: 'Roboto', sans-serif }
.box-spam-simulation-10{ background: #717171; padding: 3px 15px 3px 15px; color: white; font-size: 15px; margin-right: 5px; font-family: 'Roboto', sans-serif }
.box-spam-simulation-11{ background: #007bff; padding: 3px 15px 3px 15px; color: white; font-size: 15px; margin-right: 5px; font-family: 'Roboto', sans-serif }
.box-painel-simulation{ min-height: 400px; border: 1px solid #DDD; padding: 10px 20px; background: #f1f1f1; }
.card-simulation{ margin-bottom: 30px }
.box-painel-simulation h4{ line-height: 24px }
.box-painel-simulation input[type=checkbox]{  }
.box-painel-simulation > ul{ padding-left: 0px }
.box-painel-simulation > ul > li{ list-style: none; margin-top: 3px }
.box-painel-simulation > ul > li > label{ font-weight: normal; font-size: 15px; padding-left: 6px; display: inline }


/* Status ITMpe */
.td-inexistente{ background-color: #d76f6ea8 }
.td-critico{ background-color: #f2b574b8 }
.td-insuficiente{ background-color: #fdcb68bd }
.td-moderado{ background-color: #a8cf9b80 }
.td-desejado{ background-color: #78a9db96; }

.texto-successo{ color: #277d4c; }
.texto-default{ color: #3e3e3e; }
.alert-default{ border: 1px solid #DDD; background: #F5F5F5; }

.field-show-default{ padding: 5px 15px; background: #f3f3f3; border: 1px solid #e4e4e4; min-height: 33px; }
.panel-primary{ border-color: #dddddd; }
.text-purple{ color: purple; }
.bg-success, .true-bg{ background-color: #d7eac0 !important; color: #627369 !important }
.bg-danger-1, .false-bg{ background-color: #ffcdd2 !important; }

.callout-default { background: #eee; padding: 1em; border-left: 1em solid #ccc; clear: both; }
.callout-info { background: #f1faff; padding: 1em; border-left: 1em solid #7fb3d1; clear: both; border-top:1px solid #d0eeff; border-right: 1px solid #d0eeff; border-bottom: 1px solid #d0eeff; }
.callout-primary { background: #c8e6ff; padding: 1em; border-left: 1em solid #5d98c9; clear: both; }
.callout-warning { background: #fff6cb; padding: 1em; border-left: 1em solid #F9E275; clear: both; color: #993300 }
.callout-success { background: #caf7dd; padding: 1em; border-left: 1em solid #25814c; clear: both; color: #09321a }
.bg-informacao{  background-color: #e8f6ff; border: 1px solid #92d2fd; color: #265472; padding: 10px !important; }
.dados-cadastro .form-group{ border-bottom: 1px solid #DDD; }
.font-bold{ font-weight: bold; }
.exportar-dados-ddl{ float: right }
.btn-default { background-color: #ebebeb; border-color: #dddddd; color: #161616; }
.btn-default:hover, .open > .btn-default{ background-color: #DDD !important; border-color: #dddddd !important; color: #161616 !important; }
..panel-success > .panel-heading { background-color: #2c8552 !important; border-color: #4d8f69 !important; }
.panel-success { border-color: #4d8f69 !important; }

.progress-bar-yellow{ background-image: -webkit-linear-gradient(top,#efdf00 0,#dbcd06 100%) !important; background-image: -o-linear-gradient(top,#efdf00 0,#dbcd06 100%) !important; background-image: -webkit-gradient(linear,left top,left bottom,from(#efdf00),to(#dbcd06)) !important; background-image: linear-gradient(to bottom,#efdf00 0,#dbcd06 100%) !important; }
.text-yellow { color: #efdf00; }
.progress-bar-purple{ background-image: -webkit-linear-gradient(top,#ba85de 0,#7833a9 100%) !important; background-image: -o-linear-gradient(top,#ba85de 0,#7833a9 100%) !important; background-image: -webkit-gradient(linear,left top,left bottom,from(#ba85de),to(#7833a9)) !important; background-image: linear-gradient(to bottom,#ba85de 0,#7833a9 100%) !important; }
.text-purple{ color: #ba85de; }
.badge-padrao{ background: #DDD; padding: 10px }
.switch-success .switch-input:checked~.switch-track, .badge-success { background-color: #099b46; }
.background-danger, .background-danger td{ background:#ffe5e5 !important }
.grid-ouvidoria{ border: 1px solid #F3F3F3; padding: 10px 0px 5px 0px; background: #F9F9F9; height: 45px; margin-bottom: 5px; }