@charset "UTF-8";

/* CSS Document */


/*

	padrao impress []

	Mais menos / icones

	Utilitario / calculadora / postit



*/

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(../fontes//DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.woff2) format('woff2'), url(../fontes//DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff) format('woff'), url(../fontes/DXI1ORHCpsQm3Vp6mXoaTZS3E-kSBmtLoNJPDtbj2Pk.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(../fontes//cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2'), url(../fontes/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff'), url(../fontes/cJZKeOuBrn4kERxqtaUH3SZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fontes//k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2) format('woff2'), url(../fontes//k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format('woff'), url(../fontes/k3k702ZOKiLJc3WVjuplzJS3E-kSBmtLoNJPDtbj2Pk.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../fontes//xjAJXh38I15wypJXxuGMBogp9Q8gbYrhqGlRav_IXfk.woff2) format('woff2'), url(../fontes//xjAJXh38I15wypJXxuGMBrrIa-7acMAeDBVuclsi6Gc.woff) format('woff'), url(../fontes/xjAJXh38I15wypJXxuGMBiwlidHJgAgmTjOEEzwu1L8.ttf) format('truetype');
}

::-moz-scrollbar {
    width: 5px;
}

-moz-scrollbar {
    width: 5px;
}

::-webkit-scrollbar {
    width: 5px;
}

::-moz-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

*:before,
*:after {
    box-sizing: border-box;
}

* {
    box-sizing: border-box;
    outline: 0;
}

html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    height: 100%;
}

body {
    height: 100%;
    color: #000000;
    background: #f1f2f7;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    padding: 0px !important;
    margin: 0px !important;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
}

.nav {
    display: block;
}

.nav .item {
    display: inline-block;
    padding: 8px;
}

.nav .divisor {
    display: inline-block;
    padding: 8px 0;
}

.nav-pills .item,
.nav-pills .divisor {
    border: 1px solid #e8e8e8;
    border-radius: 0;
    margin-right: -4px;
}

.nav-pills .item:first-child {
    border-radius: 4px 0 0 4px;
}

.nav-pills .item:last-child {
    border-radius: 0 4px 4px 0;
}

.nav-pills .item:hover {
    background: #F8F8F8;
    cursor: pointer;
}

.nav-pills .item.active,
.nav-pills .item:active {
    background: #f2f2f2;
}

.no-overflow {
    overflow: hidden !important;
}

input,
select,
textarea {
    font-family: 'Open Sans', sans-serif;
}


/* padroes*/

li {
    list-style: none;
}

ul {
    padding: 0;
    margin: 0;
}

hr {
    border: 0;
    height: 1px;
    opacity: 0.3;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    display: block;
    width: 100%;
    clear: both;
    margin-top: 10px;
}

h3 {
    padding: 5
}

code {
    color: #8a6d3b;
    background: #fcf8e3;
}

.left {
    float: left;
    display: block;
}

.right {
    float: right;
    display: block;
}

.h20 {
    height: 20px;
}


/* Anderson corrigir */

.right:after,
.right:before,
.left:before {
    display: table;
    content: " ";
}

.right:after,
.left:after {
    clear: both;
}

.modelo {
    display: none
}

.txcenter {
    text-align: center;
}

.errophp {
    width: 100%;
    padding: 20px;
    background: #D6ADAD;
    color: #000000;
    z-index: 9999;
    border-radius: 10px;
}

.depuracao {
    width: 100%;
    background: #BDC0CD;
    font-size: 9px;
    z-index: 9999;
    padding: 20px;
    border-radius: 10px;
    color: #000000
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}


/*Login*/

body.login {
    background: #e8e8e8;
}

body.login {
    overflow-x: hidden
}

.loginbox {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px #bbbbbb;
    margin: 60px auto 20px auto;
    max-width: 330px;
}

.login_header {
    background: none repeat scroll 0 0 #C4D8EB;
    border-bottom: 10px solid #afcae0;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    margin: 0;
    padding: 35px 15px;
    text-align: center;
    text-transform: uppercase;
}


/*width: 185px; height:105px;*/

.login_logo {
    width: 185px;
    height: 105px;
    background: #FFFFFF;
    margin: 0 auto;
    border-radius: 15px;
    border: 5px solid #C4DBEE
}

.login_body {
    background: none repeat scroll 0 0 #eaeaec;
    padding: 20px;
}

label {
    position: relative;
}

.login_body label {
    display: block;
}

.login_body input {
    width: 100%;
    padding: 10px;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    box-shadow: none;
    font-size: 12px;
    margin-bottom: 15px;
    color: #000000;
}

.login_divisor {
    padding: 20px 10px;
    font-weight: 300
}

.login_divisor label {
    display: block;
    float: left;
    color: #b6b6b6;
}

.login_divisor .login_permanece {
    width: 165px;
}

.esqueceu {
    text-align: right;
    width: 141px;
}

.esqueceu a {
    color: #4e84b5;
    text-decoration: none;
}

.esqueceu a:hover {
    color: #3D75A8;
    text-decoration: underline;
}

.login_foot {
    padding: 20px;
    clear: both;
    display: block;
}

.login_foot button {
    background: #4e84b5;
    color: #FFFFFF;
    width: 100%;
    font-weight: 300;
    text-align: center;
    padding: 15px 0;
    border-radius: 5px;
    font-size: 18px;
    border: 0;
}

.login_foot button:hover {
    background: #457AAB;
}

.login_foot button:active {
    background: #2D6090;
}

.iassinatura {
    cursor: wait
}

.login .assinatura {
    font-weight: 300
}


/* Topo*/

header {
    -webkit-box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 0px 5px 0px rgba(0, ​ 0, ​ 0, ​ 0.05);
    background: rgba(255, 255, 255, 0.91);
    position: fixed;
    width: 100%;
    height: 50px;
    top: 0;
    z-index: 2
}

header .user {
    margin-top: 10px;
    height: 30px;
    border-radius: 15px;
    background: #F6F6F6;
    margin-right: 10px;
    cursor: pointer;
}

header .user .foto,
header .bol {
    width: 30px;
    height: 30px;
    background: #F6F6F6;
    float: left;
    border-radius: 50%;
    overflow: hidden;
    padding-top: 5px;
}

header .user .foto img {
    width: 100%
}

header .user .nome {
    display: inline-block;
    line-height: 30px;
    padding: 0 5px 0 5px;
}

header .user .nome i:before {
    transform: rotate(90deg);
}

header .bol {
    margin-top: 10px;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
}

header .bol .info {
    position: absolute;
    z-index: 3;
    margin-left: 20px;
}

.info_alert {
    font-size: 10px;
    height: 15px;
    min-width: 15px;
    line-height: 15px;
    border-radius: 10px;
    padding: 0 4px;
    text-align: center;
}

header .bol i {
    color: #BFBFC1;
    font-size: 16px;
}

header .logo_cliente {
    max-height: 30px;
    margin-top: 10px;
    margin-left: 10px;
}


/*Main*/

main {
    margin-top: 60px;
    /*mesmos 50 que o header + 10*/
    width: 100%
}

main.left {
    width: -moz-calc(100% - 220px);
    width: -webkit-calc(100% - 220px);
    width: calc(100% - 220px);
    float: right;
}


/* SMARTPHONE */

@media (max-width: 700px) {
    .menu_mini main.left {
        width: -moz-calc(100% - 0px);
        width: -webkit-calc(100% - 0px);
        width: calc(100% - 0px);
        float: right;
        transition: all ease 0.6s;
    }
}


/* PC & TABLET */

@media (min-width: 700px) {
    .menu_mini main.left {
        width: -moz-calc(100% - 55px);
        width: -webkit-calc(100% - 55px);
        width: calc(100% - 55px);
        float: right;
        transition: all ease 0.6s;
    }
}


/*Menu*/


/*
	.menu_normal nav{
		overflow:none;  overflow:auto;
	}
	#menu{
		display:block; clear:both
	}
	.menu_mini nav{
		overflow:none
	}
	nav{
		z-index:1;
		background:#2C3037;
		width:220px;
		top:50px;
		transition:all ease 0.2s;
		position:fixed;
		height:100%;
	}
	nav::-webkit-scrollbar-thumb{
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
		background-color: #555;
	}
	nav::-moz-scrollbar-thumb{
		border-radius: 10px;
		-moz-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
		background-color: #555;
	}
	nav ul{
		padding:0;background:#2C3037;
	}
	nav li{
		list-style:none;
	}
	nav .resultado_busca_menu a{
		display:block;
		clear: both;
	}
	nav li a,.resultado_busca_menu a {
		color:#919293;
		text-decoration:none;
		display:table-cell;
		vertical-align:middle;
		width:220px;
		height:45px;
		padding-left:10px;
		font-weight:bold;
		border-bottom:1px solid #2E353F;
		transition:all ease 0.3s;
		cursor:pointer;
	}
	.resultado_busca_menu a u{
		display:none
	}
	nav li a b{
		font-weight:normal;
	}
	nav li a i{
		margin-right:10px; font-size:15px; line-height:20px;
	}
	nav li a u,nav .submenu a u{
		float:right; text-decoration:none;
	}
	nav li .submenu::-webkit-scrollbar-thumb
	{
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
		background-color: #555;
	}
	nav li a:hover{
		color:#FFF;
		 background:#202025;
		}
	nav li .active,nav li .submenu{
		color:#FFF;
		background:#202025;
	}
	nav .submenu{
		display:none;
	}
	nav .submenu a{
		font-weight:normal;
		border-bottom:1px solid #282C32;
		padding-left:40px;
	}
	nav .submenu a:hover,nav li .active2{background:#161619;
	}
	.menu_mini nav{
		width:50px;
	}
	.menu_mini nav li a b{
		display:none;
	}
	.menu_mini nav li a u{
		display:none;
	}
	.menu_mini nav li .submenu a u{
		display:inline;
		float:right;
	}
	.menu_mini nav li .submenu{
		position:absolute;
		min-width:200px;
	}
	.menu_mini nav .submenu{
		margin:-45px 0 0 50px;
		box-shadow:0 0 10px rgba(0,0,0,0.50)
	}
	.menu_mini nav .submenu a{
		width:220px;
		padding-left:10px;
	}
	.menu_mini .box_busca_menu{
		display:none;
	}
	.menu_mini nav .submenu .submenu  {
		margin-left:200px;
	}
	nav .submenu .submenu li a {
		background:#161619;
	}
	.box_busca_menu{
		padding-top:10px;
		padding-bottom:10px;
	}
	.busca_menu{
		font-size:13px;
		border:0;
		background:none;
		color:#919293;
		width:155px;
		height:30px;
		line-height:30px;
		outline:0;
	}
	.box_busca_menu .i-cancel{
		opacity:0;
		cursor:pointer;
	}
	*/


/* Botoes */

.bt {
    outline: 0;
    background-color: #ffffff;
    color: #5e5e5e;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 4px 8px;
    cursor: pointer;
    border: medium none;
    border-radius: 3px;
    box-shadow: none;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-width: 1px;
    border-style: solid;
    border-bottom-width: 3px;
    border-color: #e5e9ec;
}

.bt:hover,
.bnc:hover {
    background-color: #F3F3F3;
    color: #333;
    border-color: #DEDEDE;
}

.bt:active {
    box-shadow: inset 0 0 3px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0 0 3px 0px rgba(0, 0, 0, 0.15);
}


/* Tamanho Botao */

.bt.p {
    font-size: 12px;
    line-height: 1.1;
    padding: 1px 5px;
}

.bt.g {
    font-size: 18px;
    line-height: 1.3;
    padding: 5px 10px;
}


/* Cores */


/* Fontes */

[dinheiro='1'] {
    text-align: right;
}

.faz,
tr.faz:hover td,
.table tr.faz.active td {
    color: #428bca !important;
}

.fac,
tr.fac:hover td,
.table tr.fac.active td {
    color: #5bc0de !important;
}

.flr,
tr.flr:hover td,
.table tr.flr.active td {
    color: #EB9215 !important;
}

.fvd,
tr.fvd:hover td,
.table tr.fvd.active td {
    color: #419841 !important;
}

.fvm,
tr.fvm:hover td,
.table tr.fvm.active td {
    color: #d9534f !important;
}


/* Boxis*/

.bnc {
    /*Branco*/
    background-color: #ffffff;
    border-color: #e5e9ec;
    color: #5e5e5e;
}

.az,
.panel.az {
    /*azul*/
    background-color: #428bca;
    border-color: #3174AF;
    color: #fff;
}

.az:hover {
    background-color: #3276b1;
    border-color: #285e8e;
    color: #fff;
}

.ac,
.panel.ac {
    /*azul claro*/
    background-color: #5bc0de;
    border-color: #2FAFD5;
    color: #fff;
}

.ac:hover {
    background-color: #39b3d7;
    border-color: #269abc;
    color: #fff;
}

.lr,
.panel.lr {
    /*laranja*/
    background-color: #f0ad4e;
    border-color: #EC9C29;
    color: #fff;
}

.lr:hover {
    background-color: #ed9c28;
    border-color: #d58512;
    color: #fff;
}

.lk {
    cursor: pointer;
}

.lk,
.panel.lk {
    /*Branco*/
    border-color: #ffffff;
    color: #428bca;
}

.lr .lk {
    color: #fff;
}

.lr:hover .lk {
    color: #428bca;
}

.bt.lk,
.panel.lk {
    /*Branco*/
    background-color: #ffffff;
}

.lk:hover {
    /*Branco*/
    text-decoration: underline;
    border-color: #ffffff;
    color: #428bca;
}

.bt.lk:hover {
    /*Branco*/
    background-color: #ffffff;
}

.vd,
.panel.vd {
    /*Verde*/
    background-color: #5cb85c;
    border-color: #48A548;
    color: #fff;
}

.vd:hover {
    background-color: #47a447;
    border-color: #398439;
    color: #fff;
}

.vm,
.panel.vm {
    /*Vermelho*/
    background-color: #d9534f;
    border-color: #D1332E;
    color: #fff;
}

.vm:hover {
    /*Vermelho*/
    background-color: #d2322d;
    border-color: #ac2925;
    color: #fff;
}

.alert {
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
}

.alert-danger,
.zebra tr.alert-danger td {
    background-color: #f2dede !important;
    border-color: #ebccd1;
    color: #a94442;
}

.table tr.alert-danger:hover td,
.alert-danger:hover {
    background-color: #EDD3D3 !important;
    border-color: #ebccd1;
    color: #a94442;
}

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

.table tr.alert-warning:hover td,
.alert-warning:hover {
    background-color: #F8EFC2 !important;
    border-color: #faebcc;
    color: #8a6d3b;
}

.alert-success,
.zebra tr.alert-success>td {
    background-color: #dff0d8 !important;
    border-color: #d6e9c6;
    color: #3c763d;
}

.table tr.alert-success:hover td,
.alert-success:hover {
    background-color: #B4DCA4 !important;
    border-color: #d6e9c6;
    color: #3c763d;
}

.table tr.alert-info:hover td,
.alert-info:hover {
    background-color: #B6DCEF !important;
    border-color: #bce8f1;
    color: #31708f;
}

.alert-info,
.zebra tr.alert-info>td {
    background-color: #d9edf7 !important;
    border-color: #bce8f1;
    color: #31708f;
}

.table tr.alert-blank:hover td,
.alert-blank:hover {
    background-color: #F1F1F1 !important;
    border-color: #EBEBEB;
    color: #727272;
}

.alert-blank {
    background-color: #fff;
    border-color: #DDDDDD;
    color: #A9A9A9;
}


/* painel */

.panel {
    background: #FFFFFF;
    margin-bottom: 20px;
    border-radius: 4px;
}

.panel>.head {
    background: #fafafa;
    padding: 10px 15px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    width: 100%;
}

.panel>.head h2 {
    margin: 0;
    padding: 0;
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.panel>.body {
    padding: 10px 20px;
}

.panel>.foot {
    border-top: 1px solid #F6F6F6;
    margin-top: 10px;
    padding: 10px;
}


/* tamanho  de tela*/

.row {
    clear: both;
}

.q1,
.q2,
.q3,
.q4,
.q5,
.q6,
.q7,
.q8,
.q9,
.q10,
.q11,
.q12,
.q13,
.q14,
.q2_3 {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

.q1 {
    width: 100%;
    clear: both
}

.q2 {
    width: 50%
}

.q3 {
    width: 33.333%
}

.q4 {
    width: 25%
}

.q5 {
    width: 20%
}

.q6 {
    width: 16.666%
}

.q7 {
    width: 14.285714286%
}

.q8 {
    width: 12.5%
}

.q9 {
    width: 11.111111111%
}

.q10 {
    width: 10%
}

.q11 {
    width: 9.0909%
}

.q12 {
    width: 8.3333333333%
}

.q13 {
    width: 14.285714286%
}

.q2_3 {
    width: 7.6923076923%
}

.col1_3,
.col2_3,
.col20,
.col80 {
    float: left;
    padding: 0 10px;
}

.col1_3 {
    width: 33.33333%
}

.col2_3 {
    width: 66.666%
}

.col20 {
    width: 20%
}

.col80 {
    width: 80%
}


/* Form Vekttor */

a {
    text-decoration: none;
    cursor: pointer;
}

legend a {
    color: #333;
}

[class*=form_vkt] fieldset,
.border {
    border: 1px solid #E8E8E8;
    border-radius: 5px;
}

[class*=form_vkt] .embeleza_file {
    display: block;
    text-align: center;
    font-size: 20px;
    line-height: 26px;
    border-radius: 5px;
    border: 1px solid #E8E8E8;
}

[class*=form_vkt] .embeleza_file:before {
    line-height: 26px;
}

[class*=form_vkt] .embeleza_file:hover {
    background: rgba(0, 0, 0, 0.2);
}

[class*=form_vkt] .embeleza_file input {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    cursor: pointer;
}

[class*=form_vkt] input:placeholder {
    color: #FF0003;
}

[class*=form_vkt] input,
[class*=form_vkt] select,
[class*=form_vkt] textarea,
.input_vkt {
    display: block;
    width: auto;
    max-width: 100%;
    line-height: 30px;
    height: 30px;
    font-size: 13px;
    border-radius: 5px;
    border: 1px solid #E8E8E8;
    padding-left: 10px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #fff));

}
/*[class*=form_vkt] label input,[class*=form_vkt] label select,[class*=form_vkt] label textarea,.input_vkt{ width: 100%; }*/

[class*=form_vkt] textarea {
    height: auto;
    line-height: normal;
}

[class*=form_vkt] .radiogroup input {
    display: inline;
    width: auto;
}

.radiogroup:after {
    display: block;
    clear: both;
}

[class*=form_vkt] label {
    padding-top: 10px;
}

[class*=form_vkt] label textarea,
[class*=form_vkt] label input {
    width: 100%;
}

label .input-icon {
    width: 100%;
}

[class*=form_vkt] input[type='radio'],
[class*=form_vkt] input[type='checkbox'] {
    height: auto;
    width: auto;
}

[class*=form_vkt] input:focus,
[class*=form_vkt] textarea:focus,
.input_vkt:focus {
    background: rgba(251, 251, 247, 1.00);
    border-color: rgba(102, 175, 233, 0.63);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.3);
    outline: 0 none;
}

.input_vkt {
    display: inline;
    width: auto;
}


/* fildset */

[class*=form_vkt] fieldset {
    display: none;
}

[class*=form_vkt] fieldset:nth-of-type(1) {
    display: block;
}

[class*=form_vkt] fieldset legend {
    display: block;
    height: 35px;
    line-height: 30px;
}

[class*=form_vkt] fieldset legend .atv {
    background: #FFF;
}

[class*=form_vkt] legend a {
    height: 30px;
    background: #F3F3F3;
    line-height: 30px;
    display: block;
    float: left;
    border: 1px solid #E8E8E8;
    border-bottom: 0;
    margin-left: 5px;
    padding: 0 10px;
}

[class*=form_vkt] .input-icon input {
    width: 90%;
    /* para navegadores que não suportam calc() */
    width: -webkit-calc(100% - 30px);
    /* para Chrome */
    width: -moz-calc(100% - 30px);
    /* para Firefox */
    width: calc(100% - 30px);
    /* para suporte nativo */
}

[class*=form_vkt] .input-icon input {
    float: left;
    border-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

[class*=form_vkt] .input-icon>i {
    float: left;
    display: block;
    width: 30px;
    height: 30px;
    background: #f3f3f3;
    color: #919191;
    text-align: center;
    line-height: 30px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border: 1px solid #E8E8E8;
}

[class*=form_vkt] .busca {
    background: #FFDFDF
}


/*tabela*/

.table {
    width: 100%;
    margin: 0;
    padding: 0;
    border-spacing: 0;
    border-collapse: collapse;
    border-bottom-left-radius: 5px;
}

.table th {
    text-align: left;
    border-bottom: 2px solid #EEEEEE
}

.zebra tr:nth-child(odd)>td {
    background: #F8F8F8
}

.zebra tr:nth-child(even)>td {
    background: #FFF
}

.table tr th {
    margin: 0;
    padding: 8px 4px;
    cursor: pointer;
}

.table tr td {
    margin: 0;
    padding: 6px 4px;
    cursor: default;
    border-bottom: 1px solid #F2F2F2
}

.table tr:hover>td {
    background: #EBEBEB;
    color: #000000
}

.table .antihovertd:hover>td {
    background: rgba(255, 255, 255, 1.00);
    color: inherit
}

.table .antihovertd>td,
.zebra tr:nth-child(odd).antihovertd>td {
    background: rgba(255, 255, 255, 1.00);
    color: inherit
}

.table tr.active td {
    background: #E3E3E3;
    color: #000000
}

.table tr:last-child td:first-child {
    border-bottom-left-radius: 5px;
}

.table tr:last-child td:last-child {
    border-bottom-right-radius: 5px;
}

[vkt_repeat*='.'] {
    display: none;
}

.table.borda {
    border-top: 1px solid #E3E3E3;
    border-left: 1px solid #E3E3E3;
}

.table.borda td,
.table.borda th {
    border-right: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
}

.table-scroll {
    overflow-x: auto;
    padding-bottom: 10px;
}

[align=left] {
    text-align: left !important;
}

[align=center] {
    text-align: center !important;
}

[align="right"] {
    text-align: right !important;
}


/* suboptions */

.options {
    background: #FFFFFF;
    box-shadow: 1px 0px 3px 0px rgba(194, 194, 194, 1.00);
    border-radius: 5px;
    display: none;
    position: absolute;
    z-index: 999;
}

.options:before {
    border-color: rgba(238, 238, 238, 0) rgba(238, 238, 238, 0) #eeeeee;
    border-width: 8px;
    margin-left: -8px;
    border: medium solid transparent;
    bottom: 100%;
    content: " ";
    height: 0;
    left: 90%;
    pointer-events: none;
    position: absolute;
    width: 0;
    border: medium solid transparent;
    bottom: 100%;
    content: " ";
    height: 0;
    left: 9%;
    pointer-events: none;
    position: absolute;
    width: 0;
}

.options a {
    cursor: pointer;
}

.options ul {
    padding: 10px;
    height: auto;
    margin: 0;
}

.li {
    float: none;
}

.options ul a {
    padding: 2px 5px;
    color: #000000;
    display: block;
    line-height: 30px;
    text-decoration: none;
    border-radius: 5px;
    float: none;
    text-align: left;
}

.options ul i {
    color: #000000;
}

.options ul a:hover {
    background: #F4F4F4
}


/*tooo tip*/

.ui-tooltip,
.arrow:after {
    background: #F3F3F3;
    border: 0;
}

.ui-tooltip {
    padding: 5px 12px;
    color: #793538;
    border-radius: 5px;
    font: 12px "Helvetica Neue", Sans-Serif;
    box-shadow: 0 0 7px #CED1D4;
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

.arrow.top {
    top: -16px;
    bottom: auto;
}

.arrow.left {
    left: 20%;
}

.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
}

.arrow.top:after {
    bottom: -20px;
    top: auto;
}


/* fim tooo tip*/


/* tootip */

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    padding: 3px;
    font-size: 11px;
    /*opacity: 0;
	  filter: alpha(opacity=0);*/
    visibility: visible;
}

.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=500);
}

.tooltip.top {
    margin-top: -3px;
}

.tooltip.right {
    margin-left: 3px;
}

.tooltip.bottom {
    margin-top: 3px;
}

.tooltip.left {
    margin-left: -3px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 4px 6px;
    text-align: center;
    background: rgba(0, 0, 0, 0.70);
    color: #FFF;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: rgba(0, 0, 0, 0.70);
    border-width: 5px 5px 0;
    position: absolute;
    margin-bottom: -2px;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    margin-left: -2px;
    border-right-color: rgba(0, 0, 0, 0.70);
    border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    margin-right: -2px;
    border-left-color: rgba(0, 0, 0, 0.70);
    border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    margin-top: -2px;
    border-bottom-color: rgba(0, 0, 0, 0.70);
    border-width: 0 5px 5px;
}


/* Calendario */

.has-calendario {
    width: 130px !important;
    display: inline-block;
}

#calendario {
    background: #fff;
    z-index: 1500;
    position: absolute;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 1px 1px 8px #DDDDDD;
    -webkit-box-shadow: 1px 1px 8px #DDDDDD;
    box-shadow: 1px 1px 8px #DDDDDD;
    border: 1px solid #DDDDDD;
    padding: 10px;
    display: none
}

#calendario .calendario_dia_semana {
    display: block;
    float: left;
    width: 23px;
    line-height: 15px;
    height: 15px;
    text-align: center;
    font-size: 7px;
    border-bottom: 1px solid #bac6d3;
    background: transparent
}

#calendario div a,
#calendario .dias_antes {
    display: block;
    float: left;
    width: 23px;
    line-height: 23px;
    height: 23px;
    text-decoration: none;
    color: #000000;
    border: 1px solid #fff;
    border-radius: 5px;
}

#calendario div .dias_antes:hover {
    background: #FFF
}

#calendario div a:hover {
    background: #DDDDDD;
}

#calendario .dia_selecionado {
    border: 1px solid #fff;
    background: #0078e5;
    font-weight: bold;
    color: #FFF
}

.calendarioLink1,
.calendarioLink2 {
    border: 0;
    height: 16px;
    width: 16px;
    text-decoration: none;
    color: #000000;
    float: left;
    cursor: pointer;
    display: block;
}

[calendario="1"] {
    width: 104px !important;
}


/* Calendario fim*/


/* MODAL */

.modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 1050;
    background: rgba(0, 0, 0, 0.4);
    transition: all ease 5s;
    text-align: center;
    overflow: auto;
}

.m2 {
    background: rgba(0, 0, 0, 0.4);
}

.modal .auto {
    min-width: auto;
    max-width: 90%;
}

.modal .p {
    min-width: 400px;
    max-width: 90%;
}

.modal .m {
    min-width: 800px;
    max-width: 90%;
}

.modal .g {
    min-width: 1000px;
    max-width: 90%;
}

.modal .gg {
    min-width: 1200px;
    max-width: 90%;
}

.modal_lx {
    /* elemento para centralizar*/
    position: absolute;
    width: 100%;
    z-index: 1051;
    display: block;
}

.modal_d {
    /* o modal em si centraliza no mei*/
    display: inline-block;
    background: rgba(255, 255, 255, 1.00);
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    margin: 20px auto 0 auto;
    text-align: left;
}

.modal_h {
    background: #fafafa;
    padding: 10px 15px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.modal_h .i-cancel {
    float: right;
    cursor: pointer;
}

.modal_b {
    padding: 10px;
    border-top: 1px solid #F6F6F6;
    overflow: hidden;
    width: 100%;
}

.modal_f {
    border-top: 1px solid #F6F6F6;
    margin-top: 10px;
    padding: 10px;
}


/*  Tour */

.box_tour {
    position: relative;
    background: #ffffff;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    left: 0;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    top: 0;
    white-space: normal;
    z-index: 1060;
    position: absolute;
}

.box_tour_left:after,
.box_tour_left:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.box_tour_left:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #ffffff;
    border-width: 10px;
    margin-top: -10px;
}

.box_tour_left:before {
    border-color: rgba(227, 227, 227, 0);
    border-left-color: #e3e3e3;
    border-width: 11px;
    margin-top: -11px;
}


/* seta baixo */

.box_tour_bt:after,
.box_tour_bt:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.box_tour_bt:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
}

.box_tour_bt:before {
    border-color: rgba(227, 227, 227, 0);
    border-top-color: #e3e3e3;
    border-width: 11px;
    margin-left: -11px;
}

.tour_title {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
    padding: 8px 14px;
}

.tour_body {
    padding: 20px;
    min-width: 180px;
}

.tour_foot {
    padding: 9px 14px;
}

.box_tour .bt i {}

.box_tour .tour_anterior i {
    display: block;
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}


/*  Notificacao */

#notificacao {
    position: fixed;
    top: 50px;
    right: 5px;
    margin-left: 5px;
    z-index: 1051;
}

.notific {
    text-align: right;
    margin-top: 10px;
    padding: 15px;
    border-radius: 4px;
    float: right;
    clear: right;
}

.noti {
    transition: all 0.5s ease;
    opacity: 0;
}

.notific-vm {
    color: white;
    background-color: rgba(244, 75, 75, 0.83);
}

.notific-vr {
    color: white;
    background-color: rgba(141, 201, 116, 0.83);
}

.notific-az {
    color: white;
    background-color: rgba(74, 137, 220, 0.83);
}

.notific-am {
    color: white;
    background-color: rgba(246, 187, 66, 0.83);
}

.notific-lr {
    color: white;
    background-color: rgba(235, 202, 86, 0.80);
}


/* BUsca */

#vktauto {
    position: absolute;
    font-size: 12px;
    background: #FFF;
    z-index: 1500;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #E8E8E8;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    white-space: normal;
}

#vktauto i {
    display: block;
    background: none !important;
    border: none !important;
    width: 100%;
    text-align: left !important;
    vertical-align: middle !important;
    padding: 10px !important;
}

.vkt_resultado {
    display: block;
    width: 100%;
    padding: 8px 10px;
    cursor: pointer;
}

.vkt_resultado_ativo {
    background: #ECF2F7;
    color: #000000
}

.select2-hidden-accessible {
    display: none;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}


/****INICIO ANIMACAO****/


/*
   Animation example, for spinners
*/

.animate-spin {
    -moz-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    display: inline-block;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-ms-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}


/****  FIM ANIMACAO****/


/* Paginacao */

[vkt_paginacao="menu"] {
    border-top: 1px solid #eeeeee;
    border-radius: 10px;
}

.pagainacao_link {
    display: block;
    float: left;
    font-size: 12px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    color: #000000;
    cursor: pointer;
    text-align: center;
}

.pagainacao_link:hover,
.pagaina_ataual {
    background-color: #428bca;
    border-color: #3174AF;
    color: #fff;
}

.pagainacao_link.paginacao_anterior,
.bt_left,
bt_left_disabled {
    width: auto;
    padding: 0 10px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
}

.pagainacao_link.proxima_pagina,
.bt_rigth,
.bt_rigth_disabled {
    width: auto;
    padding: 0 10px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-right: 1px solid #eeeeee;
}

.pagainacao_link.pagina_ultima {
    width: auto;
    padding: 0 10px;
}

.nPaginacao {
    text-align: center;
}

.bt_rigth,
.bt_rigth_disabled,
.bt_left,
.bt_left_disabled {
    border: 1px solid rgba(217, 217, 217, 1.00);
    min-width: 30px;
}


/* Progress bar */

.progress {
    width: 100%;
    height: 30px;
    background: #F0F0F0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset;
    border-radius: 2px;
    overflow: hidden;
}

.progress span {
    line-height: 30px;
    margin-left: 5px;
}

.progress section {
    font-size: 10px;
    font-weight: bold;
    padding-left: 10px;
    line-height: 30px;
    color: rgba(255, 255, 255, 1);
    position: absolute;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.progress div {
    float: left;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    height: 30px;
    background-color: #517ACA;
    background-image: linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0, 0, 0, .1) 66%, transparent 66%), linear-gradient(top, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)), linear-gradient(left, #09c, #45B20A);
    background-image: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0, 0, 0, .1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)), -webkit-linear-gradient(left, #09c, #45B20A);
    background-image: -moz-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0, 0, 0, .1) 66%, transparent 66%), -moz-linear-gradient(top, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)), -moz-linear-gradient(left, #09c09c, #45B20A);
    border-radius: 3px;
    background-size: 52.5px 30px, 100% 100%, 100% 100%;
    transition: all ease-out 1s;
}


/* Progresso basico*/

.projetos .tx {
    font-weight: 300;
}

.progresso1 {
    height: 10px;
    background: rgba(230, 230, 230, 1.00);
    clear: both;
    border-radius: 10px;
    margin-bottom: 10px;
    border: 1px solid rgba(189, 189, 189, 0.30)
}

.progresso_conteudo {
    height: 10px;
    border-radius: 10px;
}


/* Utilitários */

.block {
    display: block;
}

.inline-block {
    display: inline-block !important;
    vertical-align: top;
}

.inline-table {
    display: inline-table !important;
}

.vertical-top {
    vertical-align: top !important;
}

.vertical-middle {
    vertical-align: middle !important;
}

.vertical-bottom {
    vertical-align: bottom !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.nowrap {
    white-space: nowrap !important;
}

.table-fixed {
    table-layout: fixed;
}

.border-radius {
    border-radius: 4px;
    border: 1px #e8e8e8 solid;
}


/* CLEARFIX - ANDERSON */

.cf:before,
.cf:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.cf:after {
    clear: both;
}


/**
 * IE 6/7
 */

.cf {
    *zoom: 1;
}

.cl {
    width: 100%;
    clear: both;
}

.input-icon {
    width: auto;
    display: block;
    white-space: nowrap !important;
    white-space-collapse: discard;
    float: left;
}

.input-icon>input {
    display: inline-block !important;
    vertical-align: top;
    width: calc(100% - 60px);
    min-width: 40px;
    float: none !important;
    border: 1px solid #e8e8e8 !important;
    margin: 0 !important;
}

.input-icon>i:nth-of-type(2n-1) {
    display: inline-block !important;
    vertical-align: top;
    float: none !important;
    position: relative;
    top: 0px !important;
    right: -4px;
    border-radius: 4px 0 0 4px;
}

.input-icon.input-icon-right input {
    border-radius: 4px 0 0 4px !important;
}

.input-icon.input-icon-right i {
    display: inline-block !important;
    vertical-align: top;
    float: none !important;
    position: relative;
    top: 0px !important;
    left: -4px;
    border-radius: 0 4px 4px 0;
}

.input-icon.input-icon-left-right>input {
    border-radius: 0px !important;
    border: 1px solid #e8e8e8 !important;
}

.input-icon.input-icon-left-right i:nth-of-type(2n) {
    display: inline-block !important;
    vertical-align: top;
    float: none !important;
    position: relative;
    top: 0px !important;
    left: -4px;
    border-radius: 0 4px 4px 0;
}

.i-print {
    cursor: pointer;
}

.optgroup {
    padding: 0 !important;
    font-weight: bold;
}

.optgroup .select2-result-label {
    padding: 0 !important;
}

.cabecalho-impressao {
    display: none;
}

.i-excel {
    cursor: pointer;
    position: relative;
}

.i-excel::after {
    content: "xls";
    font-size: 6px;
    font-weight: normal;
    position: absolute;
    bottom: 30%;
    left: 30%;
}

.baz,
.input-icon>.baz {
    border: 1px #428bca solid !important;
}

.bac,
.input-icon>.bac {
    border: 1px #5bc0de solid !important;
}

.blr,
.input-icon>.blr {
    border: 1px #f0ad4e solid !important;
}

.bvd,
.input-icon>.bvd {
    border: 1px #5cb85c solid !important;
}

.dc_bvd,
.input-icon>.bvd {
    border: 1px #5cb85c solid !important;
    box-shadow: inset 0 0 10px #5cb85c !important;
}

.bvm,
.input-icon>.bvm {
    border: 1px #d9534f solid !important;
}

input.disabled,
select.disabled,
textarea.disabled,
.select2.disabled .select2-choice {
    background: rgba(0, 0, 0, .1);
    border-color: rgba(0, 0, 0, .1);
    cursor: not-allowed;
    pointer-events: none;
}

.hidden {
    display: none !important;
}

.select2 {
    padding: 0;
}

@media print {
    body {
        height: auto !important;
    }
    .table-export-show {
        display: inline-block !important;
    }
    /* Geral */
    html,
    body {
        width: 100%;
        height: 100%;
    }
    body {
        padding: 30px;
        font-size: 11px;
    }
    /* Textos */
    h1 {
        font-size: 14px;
    }
    h1,
    h2,
    h3 {
        margin: 0;
        padding: 0;
    }
    /* Imagens */
    /* Tabelas */
    table {
        width: 100%;
    }
    table th,
    table td,
    input,
    select,
    .select2 {
        font-size: 11px !important;
        margin: 0;
        padding: 0;
    }
    .pagainacao_link:hover,
    .pagaina_ataual {
        border: 1px #eeeeee solid !important;
    }
    .select2-container {
        display: none !important;
    }
    /* Cabeçalho */
    .cabecalho-impressao {
        display: block;
    }
    #cabecalho img {
        height: 80px;
    }
    /* Página de Impressão */
    @page {
        size: auto;
        margin: 20px;
    }
    .head i,
    .breadbrumbs,
    .form_vkt_filtros button,
    hr {
        display: none;
    }
    .table tr th,
    .table tr td,
    label {
        margin: 0;
        padding: 0;
    }
    .input-icon i:before {
        padding: 8px;
    }
}

.simulate-input {
    padding: 5px 10px;
    font-size: 13px;
    height: 30px;
    border: 1px solid #E8E8E8;
    border-radius: 5px;
}

.margin-right {
    margin-right: 10px !important;
}

.margin-left {
    margin-left: 10px !important;
}

.margin-top {
    margin-top: 10px !important;
}

.margin-bottom {
    margin-bottom: 10px !important;
}


/***********************************************************/


/***********************************************************/


/* CSS DO  NOVO MENU
/***********************************************************/


/***********************************************************/


/***********************************************************/


/* BOTAO EXIBIR MENU
/***********************************************************/


/* SMARTPHONE */

@media (max-width: 700px) {
    .mudamenu {
        display: block;
    }
}


/* PC & TABLET */

@media (min-width: 700px) {
    .mudamenu {
        display: none;
    }
}


/***********************************************************/


/* MENU
/***********************************************************/


/* SMARTPHONE */

@media (max-width: 700px) {
    #menu {
        display: none;
    }
}


/* PC & TABLET */

@media (min-width: 700px) {
    #menu {
        display: block;
    }
}

#menu {
    position: fixed;
    height: 100%;
    top: 50px;
    background: #2C3037;
    color: #989898;
    z-index: 1;
    font-weight: normal;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

#menu .icone {
    cursor: pointer;
    transition: 1s;
}


/*********************************/


/* BOX BUSCA MENU
/*********************************/


/* BOX BUSCA MENU ESTRUTURA */

#box_busca_menu:hover {
    background: #26292e;
}


/* BOX BUSCA MENU :: INPUT && ICON-CANCEL */

#box_busca_menu input,
#box_busca_menu .i-cancel {
    display: none;
}


/* BOX BUSCA MENU :: BOX ICONE */

#box_busca_menu .box_icone {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
}


/*********************************/


/* BOX OPCOES MENU
/*********************************/


/* SMARTPHONE */

@media (max-width: 700px) {
    #box_opcoes_menu {
        height: 100%;
        padding-bottom: 50px;
        width: auto !important;
        overflow: scroll;
    }
}


/* PC & TABLET */

@media (min-width: 700px) {
    #box_opcoes_menu {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        height: 100%;
        padding-bottom: 50px;
    }
}


/* BOX OPCOES MENU :: OPCAO NIVEL */

#box_opcoes_menu .nivel0:hover {
    background: #26292e;
    color: white;
}

#box_opcoes_menu .nivel0 {
    height: 50px;
    width: 50px;
    border-bottom: 1px solid #484a4c;
}


/* BOX OPCOES MENU :: BOX ICONE */

#box_opcoes_menu .box_icone {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    text-align: center;
}


/* BOX OPCOES MENU :: BOX ICONE */

#box_opcoes_menu .opcaoAtiva .icone {
    font-size: 15px !important;
}


/* BOX OPCOES MENU :: TITULO E SUBOPCOES*/

#box_opcoes_menu .nivel0 .box_icone .icone_titulo,
#box_opcoes_menu .nivel0 .box_opcoes_submenu {
    display: none;
}


/* BOX OPCOES MENU :: SETINHA */

#box_opcoes_menu .nivel0 .box_icone .icone_setinha {
    font-size: 10px;
    text-decoration: none;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.40;
    -moz-opacity: 0.40;
    filter: alpha(opacity=40);
    float: right;
}


/***********************************************************/


/* MENU EXPANSAO
/***********************************************************/


/* MENU EXPANSAO ESTRUTURA */

#menu_expansao {
    position: fixed;
    height: 100%;
    width: 230px;
    left: 50px;
    z-index: 1;
    padding-top: 50px;
}

#opcoes_menu_expansao {
    height: 100%;
    background: #26292e;
    color: white;
    border-left: 1px solid #484a4c;
    font-weight: normal;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    border-radius: 0px 9px 9px 0px;
}


/*********************************/


/* BOX TITULO
/*********************************/


/* BOX TITULO ESTRUTURA */

#box_titulo {
    position: relative;
    width: 100%;
    height: 40px;
    padding-top: 10px;
}


/* BOX TITULO :: BOTAO VOLTAR MENU */

#box_titulo #box_voltar_menu {
    position: relative;
    width: 20%;
    float: left;
    font-size: 20px;
    text-align: center;
}

#box_titulo #box_voltar_menu i {
    cursor: pointer;
}


/* BOX TITULO :: TITULO MENU */

#box_titulo #box_titulo_menu {
    position: relative;
    width: 80%;
    font-size: 14px;
    float: left;
}


/* BOX TITULO :: TITULO MENU :: SPAN */

#box_titulo #box_titulo_menu span {
    cursor: pointer;
}


/* BOX PESQUISA :: INPUT */


/*********************************/


/* BOX SUBIR OPCOES
/*********************************/


/* BOX SUBIR OPCOES ESTRUTURA */

#box_subir_opcoes {
    text-align: center;
    font-size: 25px;
    transform: rotate(180deg);
    background: rgba(0, 0, 0, 0.07);
}

#box_subir_opcoes i,
#box_descer_opcoes i {
    cursor: pointer;
}


/*********************************/


/* BOX DESCER OPCOES
/*********************************/


/* BOX DESCER OPCOES ESTRUTURA */

#box_descer_opcoes {
    text-align: center;
    font-size: 25px;
    /* position: absolute; */
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.07);
}


/*********************************/


/* BOX SUBOPCOES MENU
/*********************************/


/* BOX SUBOPCOES MENU ESTRUTURA */

#box_subopcoes_menu {
    position: relative;
    height: calc(100% - 156px);
    width: 100%;
    overflow: auto;
    overflow-x: hidden;
}


/* BOX SUBOPCOES MENU :: ICONE SETINHA */

#box_subopcoes_menu .nivel1 .box_icone .icone_setinha,
#box_subopcoes_menu .nivel2 .box_icone .icone_setinha,
#box_subopcoes_menu .nivel3 .box_icone .icone_setinha {
    float: right;
    margin-right: 10px;
    text-decoration: none;
    margin-top: 15px;
    color: #989898;
}

.icone_setinha {
    text-decoration: none;
    display: block;
    flex: 1;
    right: 0;
    top: 0;
    position: absolute;
}


/* BOX SUBOPCOES MENU ::  SUBMENUS */

#box_subopcoes_menu .nivel1 .box_opcoes_submenu,
#box_subopcoes_menu .nivel2 .box_opcoes_submenu,
#box_subopcoes_menu .nivel3 .box_opcoes_submenu {
    display: none;
}


/* BOX OPCOES MENU :: OPCAO NIVEL */

#box_subopcoes_menu .nivel1,
#box_subopcoes_menu .nivel2,
#box_subopcoes_menu .nivel3 {
    height: 50px;
    border-bottom: 1px solid #484a4c;
}

#box_subopcoes_menu .nivel1:hover,
#box_subopcoes_menu .nivel2:hover,
#box_subopcoes_menu .nivel3:hover {
    background: #2C3037;
    color: white;
}


/* BOX OPCOES MENU :: BOX ICONE */

#box_subopcoes_menu .box_icone {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px;
    margin-left: 10px;
}

#box_subopcoes_menu .box_icone a {
    color: #989898;
    text-decoration: none;
}

#box_subopcoes_menu .opcaoAtiva .box_icone a {
    color: white;
}


/* BOX OPCOES MENU :: BOX ICONE :: ICONE*/

#box_subopcoes_menu .box_icone .icone {
    font-size: 14px!important;
    margin-right: 10px;
    transition: 1s;
}

#box_subopcoes_menu .opcaoAtiva .box_icone .icone {
    font-size: 15px!important;
    margin-right: 10px;
}

.opcaoSubmenu {
    display: flex;
}

.opcaoSubmenu .box_icone {
    display: flex;
    flex: 1;
}

.opcaoSubmenu .box_icone a {
    display: flex;
    flex: 1;
    align-items: center;
}


/*********************************/


/* BOX PESQUISA
/*********************************/


/* BOX PESQUISA */

#pesquisa_menu {
    height: 50px;
    border-bottom: 1px solid #484a4c;
    border-top: 1px solid #484a4c;
    /* align-items: center;
	text-align: center; */
}

#pesquisa_menu .box_icone {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px;
    margin-left: 10px;
    color: #989898;
    align-items: center;
}

#pesquisa_menu .box_icone .icone {
    font-size: 14px!important;
    margin-right: 10px;
    transition: 1s;
}

#pesquisa_menu #input_pesquisa_opcoes_menu {
    background: none;
    border: none;
    width: 90%;
    height: 30px;
    /* border-bottom: 1px solid #3a3939; */
    font-size: 15px;
    color: #efefef;
}

.box_icone_titulo {
    width: 100%;
    max-width: 100%;
    padding-right: 20px;
}