@charset "utf-8";

.content-app .header-content { background-image: none; z-index: 30000; height: 42px; min-height: 42px; }
.content-app .header-content-color { background-color: #162936; border: 0; border-bottom: 1px solid #041018; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52); }
.content-app .header-content .navbar-center { text-align: center; position: absolute; left: 50%; transform: translateX(-50%); }
.content-app .header-content .navbar-center .tx_ri {  font-size: 13px; padding: 5px 10px 5px 0px; }
.content-app .header-content .navbar-center .data-time-desk { color: #C7BFBF; }
.content-app .header-content .navbar-center .version { color: #C1BABA; }
.content-app .header-content .navbar-brand { width: 75px; padding: 0px 15px !important; cursor: pointer; }
.content-app .header-content .navbar-brand .lg-top img { height: 40px; width: auto; cursor: pointer; }
.content-app .header-content .title-top { color: #fff; text-transform: uppercase; }
.content-app .header-content .title-top a { background: #fbb75a; padding: 5px; width: 100px; text-align: center; }
.content-app .header-content .navbar-right { margin-right: 15px; }
/* PROFILE */
.content-app .header-content .photo_desk { cursor: pointer; float: right; }
.content-app .header-content .photo_desk .bx_img { border:3px solid #FFF; height: 40px; width: 40px; float: left; overflow: hidden; }
.content-app .header-content .photo_desk .bx_img img { height: 35px; width: 35px; }
.content-app .header-content .photo_desk .nameUser { float: left; margin-left: 7px; padding: 5px; font-size: 11px; height: 40px; width: 234px; }
.content-app .header-content .photo_desk .nameUser div { color: #FFF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* ACTIONS */
.content-app .header-content .bts_nav_heder { height: 30px; float: right; margin: 6px; }
.content-app .header-content .bts_nav_heder .dropdown-menu { margin-right: -113px; }
.content-app .header-content .bts_nav_heder .bx_ic { float: left; height: 34px; position: relative; margin: 0px 3px 0; width: 30px; }
.content-app .header-content .bts_nav_heder .bt_nav_heder { cursor: pointer; height: 34px; width: 30px; font-size: 22px; color: #FFF; }
.content-app .header-content .bts_nav_heder .bt_nav_heder:hover { color: #9E9E9E; }
.content-app .header-content .bts_nav_heder .hover { color: #fbb75a; }
.content-app .header-content .bts_nav_heder .count-notification { background: #d4481b; text-align: center; font-size: 13px; color: white; border-radius: 5px; padding: 5px 10px; position: relative; display: inline-block; }
.content-app .header-content .bts_nav_heder .count-notification::before { content: ""; position: absolute; top: -5px; left: 50%; transform: translateX(-50%); border-width: 0 5px 5px 5px; border-style: solid; border-color: transparent transparent #d4481b transparent; }

/* INFORMATIONS */
.content-app .header-content .bxHover { position: absolute; margin-top: 33px; color: #fff; }
.content-app .header-content .bxHover .orange { background: url('../../public/image/theme/orange_number.png') no-repeat top left; display: none; position: absolute; height: 33px; width: auto; padding-top: 12px; padding-left: 12px; padding-right: 12px; cursor: pointer; }
.content-app .header-content .bxHover .bt_go_update { margin-left: 40px; }
.content-app .header-content .bxHover .bt_go_chat { margin-left: 78px; }
/* navBxFix */
.content-app .header-content .navBxFix { height: 42px; width: 70px; float: right; right: 30px; }
.content-app .header-content .navBxFix .btAnimMod { margin: 5px; float: right; height: 32px; width: 32px; cursor: pointer; background: #f35d2c; color: #f4eecf; font-size: 20px; border-radius: 20px; text-align: center; }
.content-app .header-content .navBxFix .btAnimMod:hover { background: #d4481b; }
.content-app .logout { margin-right: 12px; float: right; cursor: pointer; text-transform: uppercase; color: #fff; }

.container-fluid { }
.container-fluid .navbar-left { position: absolute; }

/* UPDATES */
/* .bxUpdates { -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25); -webkit-border-radius: 3px; border: 1px solid rgba(100, 100, 100, .4);
-webkit-background-clip: padding-box; background: none repeat scroll 0 0 white; width: 400px; height: 390px; position: absolute; border: 1px solid #CCC; z-index: 1000; overflow: visible; top: 38px; right: -42px; }
.bxUpdates .ping { background: url("../../public/image/theme/pingBox.png") no-repeat scroll center center transparent; position: absolute; width: 23px; height: 9px; top: -8px; left: 329px; }
#updates { width: 100%; height: 100%; padding: 4px; background: #eaeaea; }
#updates ul { }
#updates li { font-size: 14px; width: 100%; list-style-type: none; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }
#updates .list { height: 100%; overflow: hidden; float: left; width: 100%; }
#updates .dotted { border-bottom: 1px dotted #B9BABE; width: 100%; margin: 4px 0px;}
#updates .notSee { background:#EAE7DD; cursor: pointer; }
#updates .photo { background-color: #d8d8d6; overflow: hidden; position: relative; float: left; margin-right: 5px; width: 65px; height: 65px; }
#updates .photo img { width: 65px; }
#updates .contentTxtUpdates { float: left; word-wrap: break-word; height: 100%; width: 70%; margin-left: 10px; }
#updates .contentTxtUpdates .msgContent { height: 45px; overflow: hidden; font-size: 11px; }
#updates .contentTxtUpdates .msgContent span { cursor: pointer; color: #F1592A; }
#updates .contentTxtUpdates .actionLog { cursor: pointer; color: #F1592A; font-size: 11px; }
#updates .contentTxtUpdates .time { font-size:10px; color:#AFAEAB; width: 212px; } */


.contentRightBox { top: 43px; width: 270px; float: right; position: fixed; right: 30px; z-index: 1; }
.profileWallet {
background: #647B89; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #647B89 0%, #4D6879 36%, #3A5667 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#647B89), color-stop(36%,#4D6879), color-stop(100%,#3A5667)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #647B89 0%,#4D6879 36%,#3A5667 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #647B89 0%,#4D6879 36%,#3A5667 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #647B89 0%,#4D6879 36%,#3A5667 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #647B89 0%,#4D6879 36%,#3A5667 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#647B89', endColorstr='#3A5667',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25); border: 1px solid rgba(100, 100, 100, .4);
-webkit-background-clip: padding-box; border:1px solid #B9BABE; height: 12px; width:270px;  z-index: 2; overflow: hidden; opacity: 0.70; }
.profileWallet .rightWallet { margin-left: 20px; width: 225px; height: 226px; margin-top: 30px; }
.profileWallet .rightWallet .logMaisadmin { height: 30px; float: right; margin: 4px 0;  }
.profileWallet .rightWallet .menuApp { list-style: none; }
.profileWallet .rightWallet .menuApp li { margin: 2px; float: left; height: 71px; width: 71px; cursor: pointer; background-color: #4dc6db; color: #FFF; font-size: 50px; border-radius: 5px; }
.profileWallet .rightWallet .menuApp li:hover { background-color: #f9b941; }
.profileWallet .rightWallet .hasClick { background-color: #f9b941 !important; }
.profileWallet .rightWallet .disableClick { background-color: #9e9e9e !important; color: #ccc !important; }


.nav_calendar  { background: url('../../public/image/theme/nav_calendar.png') no-repeat scroll 0 0 transparent; }
.nav_contact  { background: url('../../public/image/theme/nav_contact.png') no-repeat scroll 0 0 transparent; }
.nav_newsletters  { background: url('../../public/image/theme/nav_newsletters.png') no-repeat scroll 0 0 transparent; }
.nav_stock  { background: url('../../public/image/theme/nav_stock.png') no-repeat scroll 0 0 transparent; }
.nav_product  { background: url('../../public/image/theme/nav_product.png') no-repeat scroll 0 0 transparent; }
.nav_price  { background: url('../../public/image/theme/nav_price.png') no-repeat scroll 0 0 transparent; }
.nav_project  { background: url('../../public/image/theme/nav_project.png') no-repeat scroll 0 0 transparent; }
.nav_finance  { background: url('../../public/image/theme/nav_finance.png') no-repeat scroll 0 0 transparent; }
.nav_company  { background: url('../../public/image/theme/nav_company.png') no-repeat scroll 0 0 transparent; }
.nav_tasks  { background: url('../../public/image/theme/nav_tasks.png') no-repeat scroll 0 0 transparent; }
.nav_input_control { background: url('../../public/image/theme/nav_input.png') no-repeat scroll 0 0 transparent; }
.nav_feed { background: url('../../public/image/theme/nav_feed.png') no-repeat scroll 0 0 transparent; }

/* --- MENSAGENS --- */
.header-mensagens{ background:none repeat scroll 0 0 #FAB939; color:#FFFFFF; font-size:20px; font-weight:bold; height:27px; padding:12px; text-align:center; text-transform:uppercase; width:366px; }
.header-mensagens .classPesquisar{ float:right; height:26px; }
.header-mensagens .classMensagens{ float:left; height:26px; }
.form-mensagens{ background:none repeat scroll 0 0 #FAB939; color:#FFFFFF; height:29px; padding:11px; width:368px; }
.listaConversas{ height:298px; width:390px; }
.todasConversas{ padding:10px; height:280px; width:370px; overflow:auto; overflow-x:hidden; }
.todasConversas ul{ }
.todasConversas ul li{ list-style-type:none; }
.listaMensagens{ height:329px; overflow-x:hidden; overflow-y:scroll; padding:10px; position:absolute; width:370px; }
.listaMensagens .naoLido{ background:#EAE7DD; }
.listaMensagens .msgTitle{ font-size:14px; margin-top:10px; width:360px; }
.listaMensagens .time{ font-size:12px; color:#AFAEAB; margin-top:5px; }
.listaMensagens .follow{ font-size:10px; height:50px; margin:-38px 297px 1px; text-align:center; width:50px; }
.listaMensagens li{ border-bottom:1px dotted #B9BABE; font-size:14px; height:54px; margin:0 0 3px; padding:3px 0; width:350px; list-style-type:none; }


/* --- MENSAGENS - PESQUISA CLIENTE --- */
.pesquisarCliente{ background:none repeat scroll 0 0 #FFFFFF; height:349px; margin-left:174px; position:absolute; width:216px; z-index:60; }
.pesquisarCliente .busca{ height:26px; margin:8px 0 0 2px; width:195px; }
.pesquisarCliente #quebraPg{ border-bottom:1px dotted #D6D6D8; height:21px; }
.pesquisarCliente .busca input{ background-color:transparent; border:1px solid; color:#58585B; font-size:15px; height:16px; margin-left:4px; width:168px; }
.pesquisarCliente .result{ height:307px; margin:8px 0 0 6px; overflow:auto; width:208px; }
.pesquisarCliente .result ul li{ color:#939597; font-size:12px; height:36px; padding:3px 0; width:100%; }
.pesquisarCliente .result ul li a{ padding:5px; }
.pesquisarCliente .result ul li p{ margin-left:159px; margin-top:-32px; }
.pesquisarCliente .result ul li span{ margin-top:-32px; }


@media screen and (max-width:992px) {
	.content-app .header-content .title-top { display: none; }
	.content-app .header-content .photo_desk .nameUser { width: 70px; }
}

@media screen and (max-width:767px) {
	.content-app .header-content .title-top { display: none; }
	.content-app .header-content .photo_desk .nameUser { width: 70px; }
}

@media screen and (max-width:644px) {
	.content-app .header-content .title-top { display: none; }
	.content-app .header-content .photo_desk .nameUser { width: 70px; }
}

@media screen and (max-width:481px) {
    .content-app .header-content .title-top { display: none; }
	.content-app .header-content .photo_desk .nameUser { width: 70px; }
}