html,body{height:100%}
body{color:#585858;font-family:'proxima-nova',sans-serif;font-size:16px;font-weight:100;margin:0;padding:52px 0 0 0;position:relative}

ol,ul{margin:0;padding:0;list-style:none}

a{color:#007fff}
a:hover{color:#0f5f99;text-decoration:none}

a#sidebar-move span.glyphicons{color:#777}
a#idebar-move span.glyphicons:hover{color:#777}

h1,h2,h3,h4,h5,h6{font-weight:100;margin:0;padding:0}
strong{font-weight:300}

#content{min-height:100%;padding:0 0 40px 0}

#logo{fill:#fff;position:fixed;top:10px;left:20px;z-index:1034}
#load{background:#ff8000;height:3px;left:0;overflow:hidden;position:fixed;right:0;top:52px;width:0;z-index:1001}
#load .effect{background:#FCC894;z-index:1002}
#load .effect:before{
    content: '';
	position: absolute;
	background-color: inherit;
	top: 0;
	left: 0;
	bottom: 0;
	will-change: left, right;
	-webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
	animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite
}
#load .effect:after {
	content: '';
	position: absolute;
	background-color: inherit;
	top: 0;
	left: 0;
	bottom: 0;
	will-change: left, right;
	-webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
	animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
	-webkit-animation-delay: 1.15s;
	animation-delay: 1.15s
}
@-webkit-keyframes indeterminate {
	0% {
		left: -35%;
		right: 100%
	}
	60% {
		left: 100%;
		right: -90%
	}
	100% {
		left: 100%;
		right: -90%
	}
}
@keyframes indeterminate {
	0% {
		left: -35%;
		right: 100%
	}
	60% {
		left: 100%;
		right: -90%
	}
	100% {
		left: 100%;
		right: -90%
	}
}
@-webkit-keyframes indeterminate-short {
	0% {
		left: -200%;
		right: 100%
	}
	60% {
		left: 107%;
		right: -8%
	}
	100% {
		left: 107%;
		right: -8%
	}
}
@keyframes indeterminate-short {
	0% {
		left: -200%;
		right: 100%
	}
	60% {
		left: 107%;
		right: -8%
	}
	100% {
		left: 107%;
		right: -8%
	}
}

#light{background:#fff;bottom:0;height:100%;left:0;opacity:0;position:fixed;right:0;top:0;width:100%;z-index:998}
#reload{position:fixed;left:50%;text-align:center;top:50%;z-index:999}
#reload a{background:#ff8000;border-radius:6px 6px 0 6px;color:#fff;display:block;font-size:12px;padding:5px}
#reload a:hover,
#reload a:active,
#reload a:focus{background:#e57300;color:#fff;text-decoration:none}
#reload a .glyphicons{font-size:22px;margin:0 0 5px 0}

.badge{font-weight:100}

.btflutuante {
    background:#007fff;
    color:#fff;
    padding:5px 15px;
    opacity: 0.75;
    border-radius:8px 8px 0 8px;
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 1040;
    font-size:14px;
}
.btflutuante:hover {
    color:#fff;
    opacity: 1;
}

.btflutuante .glyphicons{vertical-align:text-top;margin:0 5px 0 0}

.btgerarsenha {
  height: 34px;
  margin-top: 26px;
}

.row{margin:0 -10px}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9{padding:0 10px}

.container{padding:0 20px}

.caret{margin:0 0 0 5px}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .10s ease;
       -o-transition: height .10s ease;
          transition: height .10s ease;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{background:#007fff}
.pagination>li>a,
.pagination>li>span{color:#007fff}
.pagination>li>a:hover,
.pagination>li>span:hover{color:#0065cc}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover{background:#007fff}

.alert{border-radius:6px 6px 0 6px;/* margin:0 0 40px 0 */}
.btn{border-radius:6px 6px 0 6px;font-weight:100}
.btn span{float:left;margin:0 8px 0 0}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus{outline:none}
.btn-default{background:#fff;border:1px solid #d5d5d5}
.btn-default:hover{background:#fff;border:1px solid #aaa}
.btn-link{color:#007fff;height:14px;overflow:hidden;padding:0;width:16px}
.btn-link:hover {color:#0065cc;text-decoration:none}

.btn-group span{float:none;margin:0}
.btn-group .btn{font-size:14px;font-weight:200;padding:4px 10px}
.btn-group .btn .icones16x16-cza{float:left;margin:2px 8px 0 0}
.btn-group .dropdown-menu{border-radius:10px 0 0 10px;box-shadow:none;border:1px solid #aaa}
.btn-group.dropup .dropdown-menu{border-radius:10px 10px 0 10px}
.btn-group .dropdown-menu li>a{font-weight:100}
.btn-group .dropdown-menu li>a:hover{background:#0065cc;color:#fff}

.btn-superior {display: inherit}
.btn-inferior {display: none}

.input-group-btn .lupa{border:3px solid #ddd;width:45px}

.input-group-btn .remove_field{height: 20px}

.tooltip.right .tooltip-arrow{border-right:5px solid #2a2a2a}
.tooltip-inner{background-color:#2a2a2a;border-radius:6px 6px 0 6px;padding:8px 16px}

.form-horizontal .form-group{margin-left:0;margin-right:0}

.form-control{border:1px solid #d5d5d5;border-radius:6px 6px 0 6px;box-shadow:none;transition:none;-webkit-transition:none;-o-transition:none}
.form-control:focus{border:1px solid #aaa;box-shadow:none;color:#585858}

.input-group-addon{background:#f0f0f0;border:1px solid #d5d5d5}

label{font-size:14px;font-weight:300}
.icone-duvida{background-color:#bbb;border-radius:100px;color:#fff;display:inline-block;font-size:13px;font-weight:200;height:16px;margin:0 5px;padding:1px 1px 0 0;width:16px;text-align:center}
.icone-duvida:hover{background-color:#007fff}
.icone-copiar{color:#777;display:inline-block;font-size:16px;font-weight:200;height:16px;margin:0 5px;padding:1px 1px 0 0;width:16px;text-align:center}
.icone-copiar:hover{color:#007fff}
/* mostrar senha input */
.left-inner-addon {position: relative}
.left-inner-addon i {position: absolute;z-index:1000;color: #666;right: 20px;top: 35px;cursor: pointer}
.left-inner-addon-ajuste i {position: absolute;z-index:1000;color: #666;right: 20px;top: 50px;cursor: pointer}
.left-inner-addon input.form-control {padding-right: 40px}

.table{margin:0}
.table>thead>tr>th{background:#fff;border-bottom:1px solid #e5e5e5;font-weight:300;height:40px;padding:8px 12px}
.table>tbody>tr>td{border-top:1px solid #e5e5e5}
/*.table-hover>tbody>tr:hover{background:#f4faff}*/
.table-hover>tbody>tr.infos:hover{background:none}
.table>tbody>tr.infos>td{border:0;padding:0}

.table .table{background:transparent;margin:0 0 20px 0}
.table .table>thead>tr>th{background:transparent;border-bottom:1px dotted #e5e5e5;color:#007fff;font-size:14px;height:40px;padding:8px 12px}
.table .table>tbody>tr>td{border:0;border-bottom:1px dotted #e5e5e5}
.table .table>tbody>tr:last-child>td{border:0}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th{height:40px;padding:8px 12px}

.table>tbody>tr.infos>td,
.table>tbody>tr.infos>th,
.table>tfoot>tr.infos>td,
.table>tfoot>tr.infos>th,
.table>thead>tr.infos>td,
.table>thead>tr.infos>th{height:auto;padding:0}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th{vertical-align:middle}

.table-responsive{padding:0 0 40px 0;overflow-x: auto;overflow-y: hidden;}
.table-responsive>.table{min-width:767px}
.recursos.table-responsive>.table{min-width:auto;}

.table-avaliacao {padding: 0 0 0 0}
.table-avaliacao .mruim {width:15%;background-color:#fb4747;text-align:center}
.table-avaliacao .ruim {width:15%;background-color:#f27900;text-align:center}
.table-avaliacao .razoavel {width:15%;background-color:#ffff04;text-align:center}
.table-avaliacao .bom {width:15%;background-color:#b3ff00;text-align:center}
.table-avaliacao .mbom {width:15%;background-color:#008000;text-align:center}

.modal-open{overflow:hidden}
.modal-content{border-radius:10px 10px 0 10px;box-shadow:none}
.modal-header{border:0;display:none;height:50px;padding:20px}
.modal-title{color:#007fff;font-size:22px}
.modal-footer{border:0;display:none}
.modal-body{padding:20px}
.modal-body .carregando{display:none;min-height:400px;position:relative;text-align:center}
.modal-body .carregando img{left:50%;margin:-24px 0 0 -24px;position:absolute;top:50%}
.modal-body .botoes{float:left;margin:20px 0 0 0;width:100%}
.modal-body .botoes .btn-lg{min-width:120px}
.modal-body .botoes .btn-lg.btn-primary{background:#5cb85c;border:1px solid #4cae4c}
.modal-body .botoes .btn-lg.btn-primary:hover{background:#449d44;border:1px solid #398439}
.modal-body .botoes .aguarde{display:none;margin:0 5px 0 0}

.nav-tabs{border-bottom:1px solid #d5d5d5;margin:0 0 40px 0}
.nav-tabs>li>a{border-radius:6px 6px 0 0;color:#777;font-size:14px;font-weight:200}
.nav-tabs>li>a .icones16x16-cza{float:left;margin:0 8px 0 0;opacity:.75}
.nav-tabs>li>a .icone{color:#bbb;float:left;margin:0 8px 0 0}
.nav-tabs>li>a .icone.icone-ativo{color:#777}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover{border:1px solid #d5d5d5;border-bottom-color:transparent}
.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus{background:#f0f0f0;color:#444}

.nav-tabs>li>a:hover .icones16x16-cza,
.nav-tabs>li>a:focus .icones16x16-cza,
.nav-tabs>li.active>a .icones16x16-cza{opacity:1}

.navbar-hostmidia{background:#007fff;border:0;/*border-bottom:1px solid #0065cc;*/height:52px;padding:0;z-index:5}
.navbar-hostmidia .navbar-brand{padding:10px 20px 0 20px;height:auto;width:80px}
.navbar-hostmidia .nav>li>a{color:#fff;height:51px;line-height:51px;padding:0 12px}
.navbar-hostmidia .nav>li>a .icone{float:left;font-size:16px;margin:16px 0 0 0}
.navbar-hostmidia .nav>li>a .link{margin:0 0 0 8px}
.navbar-hostmidia .nav>li>a.active,
.navbar-hostmidia .nav>li>a:hover,
.navbar-hostmidia .nav>li>a:focus,
.navbar-hostmidia .nav .open>a,
.navbar-hostmidia .nav .open>a:focus,
.navbar-hostmidia .nav .open>a:hover{background:#0065cc}

.navbar-hostmidia .dropdown-menu{background:#0065cc;border:1px solid #0065cc;box-shadow:none;padding:10px 0}

.navbar-hostmidia .dropdown-menu>li>a{color:#fff;font-size:16px;font-weight:100}
.navbar-hostmidia .dropdown-menu>li>a:focus,
.navbar-hostmidia .dropdown-menu>li>a:hover{background:#007fff}
.navbar-hostmidia .dropdown-menu .divider{background:#0075ea}

.navbar-hostmidia .navbar-collapse{background:#007fff}
.navbar-hostmidia .navbar-toggle .icon-bar{background:#fff}



#sidebar-move{border:1px solid transparent;height:14px;opacity:.6;position:absolute;right:15px;top:62px;width:16px}
#sidebar-move img{float:left}
#sidebar-move:hover{opacity:1}

.sidebar{background:#f0f0f0;bottom:0;box-shadow:inset 0 0 1px #bbb;display:block;left:0;overflow-x:hidden;overflow-y:auto;padding:92px 20px 20px 20px;position:fixed;top:0;z-index:4}

.nav-sidebar{border-bottom:1px solid #d5d5d5;margin:0 -20px 20px -20px;box-shadow:0 1px 1px rgba(255,255,255,.85)}
.nav-sidebar >li>a{color:#777;font-size:14px;font-weight:200;overflow:hidden;padding:10px 5px 10px 14px;white-space:nowrap}
.nav-sidebar >li>a .icone{color:#bbb;float:left;margin:-3px 8px 0 0}
.nav-sidebar >li>a .icone.icone-ativo{color:#777}
.nav-sidebar >li>a .glyphicons{font-size:22px}
.nav-sidebar >li>a .item{float:left}
.nav-sidebar >li>a .seta{float:right;margin:2px 0 0 0}
.nav-sidebar >li>a:hover,
.nav-sidebar >li>a:focus{background:#f9f9f9;color:#444}
.nav-sidebar >.active>a,
.nav-sidebar >.active>a:hover,
.nav-sidebar >.active>a:focus{color:#444;background:#fff;box-shadow:0 0 1px #bbb}
.nav-sidebar >li>a .icones16x16-cza{opacity:.75}
.nav-sidebar >.active>a .icones16x16-cza,
.nav-sidebar >li>a:hover .icones16x16-cza,
.nav-sidebar >li>a:focus .icones16x16-cza{opacity:1}

.inside{padding:20px 25px 20px 25px;min-height:500px}
.inside h1{border-bottom:1px solid #e5e5e5;font-size:28px;margin:20px 0 40px 0;padding:0 0 8px 0}
.inside h1 a{color:#007fff;font-size:16px;margin:0 5px 0 0}
.inside h1 a strong{color:#444;font-size:28px;font-weight:100}

.inside h1 .icones24x24-cza{float:left;margin:0 10px 0 0}
.inside .table th.opcoes{text-align:right;}
.inside .table td.opcoes{min-width:80px}
.inside .table td.opcoes .btn-group{margin:0}

.inside .table .opcoes ul{float:right}
.inside .table .opcoes li{display:inline-block;float:left;font-size:14px;margin:0 0 0 20px}
.inside .table .opcoes li:first-child{margin:0}
.inside .table .opcoes li .glyphicons{color:#777;display:inline-block;font-size:18px;margin:-2px 0 0 0;vertical-align:middle}
.inside .table .opcoes li .glyphicons:hover{color:#007fff}

.inside .table .opcoes li .glyphicons.disabled,
.inside .table .opcoes li .glyphicons.disabled:hover{color:#ccc;cursor:not-allowed}

.inside .table .opcoes .dropdown {display:inline-block;float:left;margin:0 0 0 20px;cursor: pointer}

.inside .bar{position:relative}
.inside .bar .btns{position:absolute;right:0;top:0}
.inside .bar .btns .input-group{margin:0}
.inside .bar .btns .input-group-addon{border-radius:0 6px 0 0}
.inside .bar .btns .glyphicons{color:#777;font-size:16px}
.inside .bar .btns .btn-success .glyphicons{color:#fff}

.inside .control{margin:0 0 20px 0}
.inside .control .form-group{margin:0 0 10px 0}

@media (max-width: 767px) {
  .btflutuante{display: none}
  .btn-superior {display: none}
  .btn-inferior {display: inherit}
  
  .inside .control .btn{width:100%!important}
  .inside .control .form-group,
  .inside .control .input-group{width:100%!important}

  .inside .control .input-group-btn .btn{width:auto!important}
  .inside .control .pull-right{float:none!important}
}

.inside hr{margin-top: 0; margin-bottom: 0}

.d-inline {display: inline}
.d-inline a,
.d-inline button{font-size:13px}
.titulo {color:#ff8000;font-size:20px;font-weight:200}

.select-dominio{margin:-10px 0 0 -10px;padding:10px 5px 10px 10px;position:relative;z-index:997}
.select-dominio .dropdown-dominio{background:#f9f9f9;border:1px solid #f0f0f0;border-radius:8px 8px 0 8px;display:none;max-height:200px;overflow-y:auto;left:0;margin:30px 0 0 0;min-width:150px;padding:10px;position:absolute;top:0}
.select-dominio:hover .dropdown-dominio{display:block}
.select-dominio .dropdown-dominio li a{color:#999;display:block;padding:5px}
.select-dominio .dropdown-dominio li a:hover{color:#007fff}

.esconder {display: none}
.navegacao {margin: 20px 0 0}
/*#credito {display: none}*/
#formcartao, #upCnh, #frmCartao {display: none}
#boleto {display: none}
.pointer {cursor: pointer}
.form-check {height: 25px}
.form-control-feedback {margin: 2px 0 0 0}
.helpdesk {background-color: #fafafa}
.helpdesk ol {background-color: #ededed; margin-bottom: 15px; padding: 5px;}
.panel-body:hover {background-color: #f4faff}

.panel-body ul{list-style-type:disc;margin:0 0 15px 30px}
.panel-body ol{list-style-type:decimal;margin:0 0 15px 30px}

.desabilitado {color: #979797}

.erro{color:#a00;font-size:14px;padding:5px 0 0 5px}
.erro .glyphicon{display:inline-block;font-size:10px;margin:0 5px 0 0;transform:rotate(-90deg);vertical-align:top}

.errorNome {display: none;color:#a00;font-size:14px;padding:5px 0 0 5px}
.errorNome .glyphicons{color:#a00;font-size:10px;margin:0 5px 0 0;transform:rotate(-90deg);vertical-align:top}
.errorNumero {display: none;color:#a00;font-size:14px;padding:5px 0 0 5px}
.errorNumero .glyphicons{color:#a00;font-size:10px;margin:0 5px 0 0;transform:rotate(-90deg);vertical-align:top}
.errorCodigo {display: none;color:#a00;font-size:14px;padding:5px 0 0 5px}
.errorCodigo .glyphicons{color:#a00;font-size:10px;margin:0 5px 0 0;transform:rotate(-90deg);vertical-align:top}
.errorValidade {display: none;color:#a00;font-size:14px;padding:5px 0 0 5px}
.errorValidade .glyphicons{color:#a00;font-size:10px;margin:0 5px 0 0;transform:rotate(-90deg);vertical-align:top}

.help-block {color: #a94442;-display: inline;}

.btn-file {position: relative;overflow: hidden;}
.btn-file input[type=file] {position: absolute;top: 0;right: 0;min-width: 100%;min-height: 100%;font-size: 100px;text-align: right;filter: alpha(opacity=0);opacity: 0;background: red;cursor: inherit;display: block;}
input[readonly] {background-color: white !important;cursor: text !important;}


/* Esconde o input */
input[type='file'] {
  display: none
}
.arquivo1 {
  display: none;
}
.file1 {
  line-height: 30px;
  height: 35px;
  border: none;
  padding: 5px;
  font-size: 15px;
  vertical-align: middle;
  min-width: 250px;
}
.btn-arquivo-1 {
  border: none;
  box-sizing: border-box;
  padding: 2px 10px;
  background-color: #5cb85c;
  color: #FFF;
  height: 35px;
  font-size: 15px;
  vertical-align: middle;
  width: 100px;
}

.upload {border:none; background-color: #fff; display: inline;color:#007fff}
.upload:hover{color:#0f5f99;text-decoration:none}

.btn-arquivo-1:hover{
  background-color: #449D44;
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small{color:#007fff;font-weight:100}

.dados label{margin:20px 0 0 0}
.dados p{margin:0}

.atalhos span {line-height:50px;}
.atalhos {margin-top:25px; margin-bottom: 80px; height: 60px; text-align: center}
.atalhos a {color: #c4c4c4; font-size: 36px}

.thumbnail{border-radius:8px 8px 0 8px;padding:20px 0;margin:0 0 5px 0}

.recursos {margin: 20px 0 0 0}
.recursos .col-md-7, .recursos .col-md-5 {height: 40px; padding:10px; border: 1px solid #c4c4c4}

.table .progress { margin-bottom: 0 !important;  margin-top: 0 !important;}
.table .label {background-color: #fff; color: #c4c4c4; border: 1px solid #c4c4c4; padding: 4px; margin: 0 0 0 20px}
.versao {margin: 7px 10px 0 0}
.add_field_button {height: 35px}
.add-tag {margin: 10px 5px 10px 0}
.add-tag-del {margin: 20px 0 0 0}

.footer{color:#bbb;clear:both;height:62px;margin:-62px 0 0 0;padding:20px;text-align:center}

#wrap {
  min-height: 100%;
}

#main {
  overflow:auto;
  padding-bottom:40px;
}

#codeigniter_profiler{margin:0 0 0 220px}

.menu-atalho h2{color:#999;font-size:22px;margin:0 0 20px 0}
.menu-atalho ul{margin:0;padding:0}
.menu-atalho li{margin:0;padding:0;display:inline-block;text-align:center;min-width:150px;margin-bottom:20px}
.menu-atalho li a{background:#f9f9f9;border:1px solid #f0f0f0;border-radius:10px 10px 0 10px;display:block;font-size:18px;margin:0 20px 0 0;padding:10px}
.menu-atalho li a .icones48x48{display:block;margin-bottom:10px;margin-left:auto;margin-right:auto}

.menu-atalho li a:hover{background:#007fff;border:1px solid #0072ff;color:#fff}
.menu-atalho li a:hover .icones48x48{background-image:url('../img/icones-48x48-bco.png')}
.menu-atalho .sair {display:none}

#anexo-info span {
  position: absolute;
  padding: 5px;
  top: -80px;
  left: 90px;
  background-color: #f0f0f0;
  display: none;
  width: max-content;
}

#anexo-info:hover span {
  display: block;
}

#upload #files > div {border: 1px solid #959595;border-radius: 10px 10px 0 10px;padding: 9px 10px;float:left; margin:0 5px 5px 0}
#upload #files > div > div {vertical-align:text-bottom;cursor:pointer;}

#sugestao{background:#f9f9f9;border:1px solid #f0f0f0;border-radius:10px 10px 0 10px;display:none;margin:5px 10px 20px 10px;padding:20px 20px 15px 20px}
#sugestao li{margin:0 0 5px 0}

/* Telefones em paisagem e abaixo */
@media (max-width: 480px) {
  .navbar-hostmidia .conta{display: none}
  /*.menu-atalho li {display: inline; border: 1px solid #fff; margin: 0 0 15px 0}
  .menu-atalho .sair {display: inline}
  .menu-atalho .comunicados {margin-top: 20px; border: 1px solid}*/
  .menu-atalho h2{color:#999;font-size:18px;margin:0 0 20px 0}
  .menu-atalho ul{margin:0;padding:0}
  .menu-atalho li{margin:0;padding:0;display:inline-block;text-align:center;min-width:90px;margin-bottom:10px;}
  .menu-atalho li a{background:#f9f9f9;border:1px solid #f0f0f0;border-radius:10px 10px 0 10px;display:block;font-size:14px;margin-right: 5px;padding:8px}
  .menu-atalho li a .icones48x48{display:block;margin-bottom:10px;margin-left:auto;margin-right:auto}
  .ttferramentas {margin-top:20px}

  /*.inside .bar ul li{display: none}*/
  .inside .bar .btn {margin-top: -20px}
  .titulo {font-size:18px;font-weight:100}
  .bar .navegacao {display: none}
  .footer{font-size:14px; text-align: center}
  .panel .panel-title img {width: 40px;height: 40px}
  .panel .panel-body {word-wrap: break-word}
  .nav-sidebar p {display: none}
  .inside .table td.opcoes{min-width:200px}
  .bar .btns {display: none}
  .btn-group-justified span {display: none}
  td .btn-group.special {display: flex}
  td .special .btn {flex: 1}
}

/* Telefones em paisagem a tablet em retrato */
@media (max-width: 767px) {
  .table-responsive{border:0;}
  .navbar-hostmidia .nav .open .dropdown-menu{background:#0065cc}
  .nav-tabs{border-bottom:0;margin:0 0 20px 0;width: 100%}
  .nav-tabs>li{border: 1px solid #ddd;border-radius:6px 6px 0 6px;float:none;margin:0 0 5px 0}
  .nav-tabs>li>a{border:0;border-radius:0;margin:0}
  .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{background:#f0f0f0;border:0}
  .sidebar{position:relative;padding:20px 20px 0 20px}
  .sidebar #sidebar-move{display:none}
  .nav-sidebar{border-bottom:0;margin:0 -20px 0 -20px;box-shadow:none}
  .nav-sidebar >li>a{font-size:12px;font-weight:100}
  .inside h1 a{display:block;margin:10px 0 0 0}
  .inside .bar .btns{margin:-20px 0 20px 0;position:relative;text-align:right}
  .inside .bar .btns .btn{margin:0 0 5px 0}
  .inside .bar .btns .input-group{margin:0}
 
  .d-none {
    display: none !important;  
  }
}

/* Tablet em retrato a paisagem e desktop */
@media (min-width: 768px) and (max-width: 979px) {
  .btn-superior {display: none}
  .btn-inferior {display: inherit; margin-top: 10px}  
  .navbar-hostmidia .dropdown-menu{border-radius:10px 10px 0 10px}
  .navbar-hostmidia .navbar-right>li>.dropdown-menu{border-top-left-radius:10px}
  .navbar-hostmidia .navbar-left>li>.dropdown-menu{border-top-right-radius:10px}
  .nav-sidebar{border-bottom:0;margin:0 -20px 0 -30px;box-shadow:none}
  .nav-sidebar >li>a{font-size:12px;font-weight:100;}
  #navbar-move{background:rgba(0, 0, 0, .4) url('../img/ico-barra.gif') no-repeat center center;border-bottom:1px solid #777;cursor:pointer;height:8px;opacity:0;position:absolute;top:52px;width:100%;z-index:1032}
  #navbar-move:hover{opacity:1}
  td .btn-group.special {display: flex}
  td .special .btn {flex: 1}
  /*.inside .bar ul li{border: 1px solid; }*/
  .nav-tabs { min-width: 600px; }
  .nav-tabs-responsive { overflow: auto; }
  .inside .bar form{display:none}
  .inside .bar .btns{display:none}
  .inside .table td.opcoes{min-width:250px}
  .panel .panel-body {word-wrap: break-word}

  .d-none {
    display: none !important;
  }
}

/* Desktop grande */
@media(max-width:1199px){
  .container{padding:0 40px;width:100%}
  .nav-sidebar{border-bottom:0;margin:0 -20px 0 -30px;box-shadow:none}
  td .btn-group.special {display: flex}
  td .special .btn {flex: 1}
}

.area-sair{min-height:500px}
.area-sair .centro{position:absolute;text-align:center;top:80px;width:100%}
.area-sair .alinhar{display:table;height:500px;position:relative;width:100%;z-index:2}
.area-sair .chamada{display:table-cell;vertical-align:middle}
.area-sair .chamada p{font-size:22px;margin:0 0 40px 0}
.area-sair .chamada p .destaque{color:#ff8000;display:inline-block;font-weight:300}

.area-sair .ilustracao{border-bottom:2px solid #e0e0e0;min-height:500px;position:relative;width:100%;z-index:1}
.area-sair .ilustracao img{bottom:0;position:absolute;right:0;z-index:1}


.area-sair.menor{min-height:250px}
.area-sair.menor .alinhar{height:250px}
.area-sair.menor .chamada{text-align:center}

.area-sair.menor.barra{min-height:100px}
.area-sair.menor.barra .alinhar{height:100px}

.area-sair h1,
.area-sair h2,
.area-sair.menor h1{border:0;font-size:48px;line-height:52px;margin:0 0 5px 0}
.area-sair.menor.barra h1{line-height:52px;margin:0}
.area-sair h2 .faixa{background:#007fff;color:#fff;display:inline-block;padding:20px 40px;transform:rotate(-2deg)}
.area-sair h2 .faixa.laranja{background:#ff8000}
.area-sair h1 .normal{font-weight:100}
.area-sair h1,.area.menor h1{white-space:nowrap}
.area-sair h1 img.tarja{vertical-align:bottom}

.area-sair .botao{margin:40px 0 0 0}

@media(max-width:991px){
    .area-sair{min-height:0}
    .area-sair .area{min-height:0;min-width:0}
    .area-sair .centro{margin:0 0 40px 0;position:relative}
    .area-sair .alinhar{display:block;height:auto;margin:0 auto;padding:80px 0 0 0;text-align:center;width:100%}
    .area-sair .chamada{display:block}
    .area-sair .chamada li,
    .area-sair .chamada label{display:block;text-align:left}
    .area-sair .ilustracao{margin:40px 0 0 0;min-height:0}
    .area-sair .ilustracao img{display:block;height:auto;margin:0 auto;max-width:100%;position:relative}
    .area-sair h1,
    .area h2,
    .area-sair.menor h1{font-size:44px;line-height:44px}
    .area-sair .chamada p{font-size:20px}
}
@media(max-width:767px){
    .area-sair h1,
    .area-sair h2,
    .area-sair.menor h1{font-size:38px;line-height:38px;white-space:normal}
    .area-sair .chamada p{font-size:18px}
}

#chat {
  position: fixed;
  bottom: 0;
  right: 1px;
  width: 400px;
  z-index: 11;
}
@media only screen and (max-width: 450px) {
/* For mobile phones: */
#chat {
  width: 98%;
  right: 0;
  margin: 0px 5px 0px 5px;
}
}