html{font-family: Segoe UI, Helvetica; color:#545454;}
body { float:left; margin:0; width:100%; height:100%; }

/*#region Base Componentes*/
h1{font-weight:lighter;}
h4{font-weight:lighter;}

.hr_style{float:left; width:90%; border:1px solid #c3c3c3; margin:10px 5%;}
.ul_Bullet{float:left; width:80%; margin: 0; padding:0 10%; font-size:12px; text-align:center;}
.ul_Bullet li{float:left; width:100%; color:#8cc63f; list-style-type:none;}
.ul_Bullet li span { position: relative; left: -5px; color:#000; }
.fl_wd100{float:left; width:100%;}
.fr_wd100{float:right; width:100%;}
.fl_w80{ float:left; width:80%;}
.ClickElement{cursor:pointer !important; }
.ClickElement:hover{color:#545454 !important;}

.fl{float:left;} .fr{float:right;}

.txtCenter{text-align:center;}
.fontBold {font-weight:bold;}

.fs_60{font-size:60% !important;}.fs_70{font-size:70% !important;}.fs_80{font-size:80% !important;}.fs_90{font-size:90% !important;}
.fs_100{font-size:100% !important;}.fs_110{font-size:110% !important;}.fs_120{font-size:120% !important;}.fs_130{font-size:130% !important;}.fs_140{font-size:140% !important;}.fs_150{font-size:150% !important;}

.mrgTop5{margin-top:5px;}.mrgTop10{margin-top:10px;}.mrgTop15{margin-top:15px;}.mrgTop20{margin-top:20px;}.mrgTop25{margin-top:25px;}.mrgTop30{margin-top:30px;}
.mrgTop2p{margin-top:2%;}.mrgTop3p{margin-top:3%;} .mrgTop4p{margin-top:4%;} .mrgTop5p{margin-top:5%;}
.mrgBot5{margin-bottom:5px;}.mrgBot10{margin-bottom:10px;}.mrgBot15{margin-bottom:15px;}.mrgBot20{margin-bottom:20px;}.mrgBot25{margin-bottom:25px;}.mrgBot30{margin-bottom:30px;}
.mrgBot1p{margin-bottom:1%;}.mrgBot2p{margin-bottom:2%;}.mrgBot3p{margin-bottom:3%;}.mrgBot4p{margin-bottom:4%;}.mrgBot5p{margin-bottom:5%;}

.mrgLeft5{margin-left:5px}.mrgLeft10{margin-left:10px}.mrgLeft15{margin-left:15px}.mrgLeft20{margin-left:20px}.mrgLeft25{margin-left:25px}.mrgLeft30{margin-left:30px}.mrgLeft35{margin-left:35px}.mrgLeft40{margin-left:40px}
.mrgRight5{margin-right:5px}.mrgRight10{margin-right:10px}.mrgRight15{margin-right:15px}.mrgRight20{margin-right:20px}

.AmarraFormulario_7,.AmarraFormulario_10,.AmarraFormulario_13,.AmarraFormulario_15,.AmarraFormulario_20,.AmarraFormulario_24,.AmarraFormulario_28,.AmarraFormulario_30,
.AmarraFormulario_33,.AmarraFormulario_40,.AmarraFormulario_50,.AmarraFormulario_50_full, .AmarraFormulario_60,.AmarraFormulario_66,.AmarraFormulario_70,.AmarraFormulario_75,.AmarraFormulario_80,.AmarraFormulario_85,
.AmarraFormulario_100{float:left; margin-right:1%;}

.AmarraFormulario_100_img{float: left; width: 10%; margin-right:5%;}
.AmarraFormulario_100_img img{opacity:.6;}
.AmarraFormulario_100_input{float: left; width: 85%}

.mrgLeft0{margin-left:0 !important;}.mrgLeft1P{margin-left:1% !important;}.mrgLeft2P{margin-left:2% !important;}
.mrgRight0{margin-right:0 !important;}.mrgRight1P{margin-right:1% !important;}.mrgRight2P{margin-right:2% !important;}

.dxbButton_btnBase{float:left; border:0; color:#fff; border-radius:5px;background-color:#8cc63f; cursor:pointer; position:relative;box-shadow:2px 3px 3px #aaaaaa;  }
.dxbButton_btnBase img{width: 16px; height:16px; margin:-2px 5px -2px 0; }
.dxbButton_btnBase:hover{opacity:0.8;}
.btnBaseClick{background-color:#353535 !important ;}
.imgBtnBig{ width: 40px !important; height:auto !important; margin:0px auto 10px !important; float:none !important; text-align:center !important; display:table !important; border:3px solid #c3c3c3; border-radius:30px;}

.input_txtBox{width:96% !important; width:100%\9 !important; *width:100% !important;  border:1px solid #ADADAD;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.input_DropDownList{width:100.5% !important;border:1px solid #ADADAD;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.input_txtBox:hover, .input_DropDownList:hover{border-color:#c9c9c9;}

.bgColor_Sms{background-color:#ff4d4d;}
.bgColor_Quitaqui{background-color:#37c2d7;} 
.bgColor_Facebook{background-color:#3b5998;}
.bgColor_Twitter{ background-color:#2aa9e0;}
.bgColor_Skype{background-color:#0084ff;}
.bgColor_Tel{background-color:#ff5b22;}
.bgColor_Telegram{ background-color:#ffa500;}
.bgColor_Chat{background-color:#a228f9;}
.bgColor_Whatsapp{ background-color:#2ab200;}
.bgColor_Kik{ background-color:#82bc23;}
.bgCinza{ background-color:#929292;}
.bgColor_Email{ background-color:#ff3e88;}
.bgColor_Messenger{background-color:#424242;}

.bgColor_AzulMarinho{background-color: #081026;}
/*#endregion Base Componentes*/

/*#region Classes Customizadas*/

.frmPrincipal{ float:left; width:100%;}
.Form_Base{ float:left; padding:4%; box-shadow:5px 5px 8px 0px #545454; background-color:#fff; }
.Form_Base_h1{ text-align:center; margin:0 0 15px !important;}
.div_fadeInit{width:102%; height:102%; position:fixed; background-color:#fff; z-index:9;  }

/*#region FrmClienteContato.aspx*/
.MenuArea {position:absolute; z-index:1;}
.MenuArea .btnMenu{ width:30px; height:30px; cursor:pointer; background-image: url('../Imagens/Icones/60x60/icon_menu.svg'); background-repeat:no-repeat; float:right;opacity:.4; background-size:100%; background-color:#fff;}
.MenuArea .btnMenu:hover{opacity:.6;}
.MenuArea div.MenuAreaContent{ position:absolute; right:45px; background-color:#fff; border:5px solid #c3c3c3; box-shadow:1px 1px 8px 0px #959595; display:none;}
.MenuArea div.MenuAreaContent ul{ float:left; width:100%; list-style:none; padding:0; margin:0;}
.MenuArea div.MenuAreaContent ul li{ float:left; width:90%; padding:10px 5%; border-bottom:1px solid #c3c3c3; cursor:pointer;}
.MenuArea div.MenuAreaContent ul li:hover{ opacity:.8;}

.Bloco_amarra_estrutura, .bloco_checkTrue{-webkit-transition:opacity 200ms ease-out 100ms, width .5s ease-in-out; -moz-transition: opacity 200ms ease-out 100ms, width .5s ease-in-out; -o-transition: opacity 200ms ease-out 100ms, width .5s ease-in-out; transition: opacity 200ms ease-out 100ms, width .5s ease-in-out;}
.Componentes_Blocos_Centrais{ width:100%; text-align:center; margin:0 auto 2%; margin-left:0%; color:#fff; float:left; font-size:0; }
.Bloco_amarra_estrutura{ cursor:pointer; display:inline-block; margin-right:3%; margin-top:3%; width:28%; padding:15px 1.5% 20px 1.5%; /*box-shadow: 6px 6px 5px #888888;*/position:relative; }
.Bloco_amarra_estrutura:hover{ opacity:.8; }
.Bloco_amarra_estrutura:hover .bloco_checkTrue, .Bloco_amarra_estrutura:hover .StatusPeriodo, .Bloco_amarra_estrutura:hover .TotalMensagens, .Bloco_amarra_estrutura:hover .IconStatusCanal{ opacity:.7;}

.Bloco_amarra_estrutura_disabled {background-color:#bebebe !important; background-image: url('../Imagens/Icones/16x16/IconStatusCanal_inativo.png'); background-repeat:no-repeat; background-position:right 5px bottom 5px; cursor:no-drop;}
.Bloco_Alinha{ float:left; width:100%;}
.Bloco_Alinha img{ width:35%; }
.bloco_iconImg img{ padding:10px 0;}

.Bloco_Alinha img {   -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px transparent;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-property: transform;  transition-property: transform;}
.Bloco_amarra_estrutura:hover > .Bloco_Alinha img {  -webkit-transform: scale(1.2);  transform: scale(1.2);}

.bloco_checkTrue{width:16px; height:16px; background-image: url('../imagens/icones/24x24/icon_check_white.png'); background-repeat:no-repeat; background-size:100%; position:absolute; right:5px; top:6px; opacity:.5;}

.AmarraTitulobloco{float:left; width:100%; text-align:center; font-size:16px; height:45px; vertical-align:middle; display:table; }
.AmarraTitulobloco span{display: table-cell;vertical-align: middle; color: #fff}
.AmarraInfosbloco{float:left; width:100%; text-align:center; padding-top:20px; font-size:14px;}
.AreaLogo_Header{position:absolute; top:15px; left:1%; z-index:1; }

.StatusPeriodo{position:absolute; top:5px; left:5px; font-size:11px; opacity:.5}
.StatusPeriodo img{ float:left; width:12px;}
.StatusPeriodo span{ float:left; margin-left:3px;}
.TotalMensagens{position:absolute; bottom:5px; left:5px; font-size:10px; opacity:.5}
.IconStatusCanal{position:absolute; bottom:5px; right:5px; opacity:.5;}

.footer{width:100%;bottom:0;float:left; background-color:#f3f3f3; }
.footer img{cursor:pointer;}
.footer img:hover{opacity:.9;}

#SkypeButton_Call_novigobr_1 p {padding: 0; position: absolute; width: 100%; top: 0; left: 0;}	
#SkypeButton_Call_novigobr_1 p a {float: left; width: 100%; position: absolute;	top: 0;	left: 0;}
#SkypeButton_Call_novigobr_1 p a img {visibility: hidden;}

/*Leandro*/
hr {border: 0;height: 1px;background: #ccc;background: -webkit-gradient(linear, left top, right top, color-stop(0%,hsla(0,0%,0%,0)), color-stop(50%,hsla(0,0%,0%,.30)), color-stop(100%,hsla(0,0%,0%,0)));background: -webkit-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.30) 50%, hsla(0,0%,0%,0) 100%);background:-moz-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.30) 50%, hsla(0,0%,0%,0) 100%);background: -ms-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.30) 50%, hsla(0,0%,0%,0) 100%);background: -o-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.30) 50%, hsla(0,0%,0%,0) 100%);background:linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.30) 50%, hsla(0,0%,0%,0) 100%);}
@keyframes fadeInOut {
    0% {opacity: 0;}
    16% {opacity: 1;}
    84% {opacity: 1;}
    100% {opacity: 0;}
}

span.highlight {font-size:.9em;text-align:center;color:#fff;border:1px dotted #fff;padding:2px;margin:1px;opacity: 0;transition:opacity 3s;transition: width 3s;-webkit-animation: fadeInOut 6s;animation: fadeInOut 6s;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.ltlTopMessage{float:left;margin-left:18%;width:auto;white-space:nowrap;}
span.canaisQtde {display: block;min-width:25px ;padding:2px;font-size:.9em  ;margin-right:3px ;-webkit-border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-bottomright: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;-webkit-box-shadow: 2px 2px 5px -1px rgba(171,171,171,1);-moz-box-shadow: 2px 2px 5px -1px rgba(171,171,171,1);box-shadow: 2px 2px 5px -1px rgba(171,171,171,1);}
/*End Leandro*/

/*#endregion FrmClienteContato.aspx*/

/*#region FrmNovoContato.aspx*/
.HeaderLogo{text-align:center; }
.HeaderLogo img{ margin:0 auto; text-align:center; float:none;}
.HeaderLogo_divColor{float:left; width:9.090909090909091%; height:3px;}
.HeaderLogo_divColor:hover{opacity:.9;}

.btnAction{float:left; }
.btnAction img{ width:24px; height:24px; float:left; opacity:.6;}
.btnAction img:hover{opacity:.8;}
/*#endregion FrmNovoContato.aspx*/

/*#region FrmAtendimento.aspx*/
.divHeader{float:left; width:100%; padding:0; background-color:#8cc63f; margin-bottom:0.5%; position:fixed;box-shadow:0 0px 8px 7px #fff; z-index:5;}
.divHeader_LogoArea{float:left; color:#fff; }
.divHeader_LogoArea img{float:left; }
.divHeader_LogoArea span{float:left; font-size:15px; margin-left:5px; font-weight:bold; text-shadow:0px 0px 4px #545454;}
.divHeader_DescItens{float:right; margin:2px 1% 0 0; cursor:help; color:#ececec; position:relative; }
.divHeader_DescItens:hover{color:#fff;}
.divHeader_DescItens img{float:left;}
.divHeader_DescItens span{float:left; font-size:11px; margin-left:3px; font-weight:bold;}

.boxOpen{ position:absolute; width:400px; border:1px solid #c3c3c3; box-shadow:0px 0px 10px 0px #545454; background:#fff; display:none; right:20%; top:18px; z-index:2;}
.boxOpen_Estrutura{ float:left; width:92%; padding:5px 4%; color:#545454;}
.boxOpen_header{padding:0 0 3px; border-bottom:1px dotted #c3c3c3; }
.boxOpen_header span{float:left; font-size:11px; font-weight:bold;}
.boxOpen_header_close{float:right !important; font-family:Segoe Print; }
.boxOpen_header_close:hover{color:#8cc63f;}
.boxOpen_Conteudo {text-align:center; }
.boxOpen_Conteudo p{font-size:18px; margin:10px 0; width:100%;float:left; }
.boxOpen_Conteudo div{font-size:12px;float:left; width:285px;}
.boxOpen_Conteudo span{float:none;}
.boxOpen_Conteudo img{ float:left; margin:25px 0 0 20px;}
.boxOpen_Conteudo img:hover{opacity:.8;}

.FrmPrincipal{float:left; min-width: 800px;}
.pdgTopConteudo{padding-top:27px;}

.Area_DadosContato { float:left; height: 305px; width: 99.9%; }
.Area_HistoricoStatusAtendimento { float:left; height: 250px; width: 99.9%; }
.Area_HistoricoIndicadores { float:left; height: 200px; width: 99.9%; }
.Area_Mensagens { float:left; height: 521px; width: 99.9%; overflow-x:hidden; overflow-y:auto; }
.Area_ScriptOrientativo { float:left; height: 250px; width: 99.9%; }
.Area_RespostaManual { width: 99.9%; height: 250px; float: left; overflow-y:hidden !important; overflow-x: hidden; }
.Area_AtendimentosAndamento { width: 99.9%; height: 514px; overflow-y:auto; overflow-x: hidden; float: left; border: 2px solid #82bc00; padding: 0 0 7px 0; margin: -3px 0 0 7px; }

.dxbButton_btnBase{float:left; padding:0px 10px 4px; border:0; color:#fff; border-radius:5px;}
.dxbButton_btnBase:hover{opacity:0.8;}
.btnBaseClick{background-color:#353535 !important ;}

.AmarraBoxConteudo { border-radius:10px; background-color:#fff;/* box-shadow:1px 1px 8px #545454;*/ box-shadow:1px 1px 8px 0px #959595;  border:1px solid #c3c3c3; margin:15px 0 0; overflow-x:hidden; overflow-y:auto; position:relative;  
    padding: 0;border: 1px solid #efefef;-webkit-box-shadow: 0 3px 11px -1px rgba(110,110,110,.3);-moz-box-shadow: 0 3px 11px -1px rgba(110,110,110,.3);box-shadow: 0 3px 11px -1px rgba(110,110,110,.3);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;position: relative;display: inline-block;-webkit-font-smoothing: antialiased;
}
.AmarraBoxConteudo:hover {background-color:#f8f8f8;   }

.rptHistoricoStatusAtendimento{float:left; width:96%; margin:0 2%; }
.rptHistoricoStatusAtendimento div{float:left; width:100%; border-bottom:1px solid #c3c3c3;}
.rptHistoricoStatusAtendimento div img{float:left; max-width:120px;}
.rptHistoricoStatusAtendimento div span{float:left;}

.divDadosUsuario{border-bottom: 1px dotted #8c8b8b; margin-bottom:5px;}
.divDadosUsuario div{float:left; }
.divDadosUsuario div img{float:left; margin: 0 5px 0 0;}
.divDadosUsuario div span{float:left; margin:0 10px 0 0 ;}

.divContatos{float:left; width:100%; max-height:430px; overflow-x:hidden; overflow-y:auto;text-align:center}

/*.cabecalho { font-weight: bold;  font-size: 10px; padding: 4px 1.5%; width: 97%; text-align:right; color:#6c9930; border-bottom: 1px dotted #8c8b8b;  cursor:help;} */
.cabecalho {cursor:help; position:absolute; right:5px; top:5px;}
.cabecalho img{opacity:.4; width:14px;}
.cabecalho img:hover{opacity:1;}

.BoxConteudo{float:left; width:98%; margin:8px 1%;}
.conteudo-tipo { font-weight: bold; font-family: Sans-Serif; font-size: 6.5pt; margin-left: 3px; float:left;}

.linha { border-top: 1px dotted #8c8b8b; margin-top: -2px; }

.divConteudo_Ellipsis { float:left; width: 98%; padding-bottom: 9px; margin:0 1%; }
.divConteudo_Ellipsis img{ float:left;}
.divConteudo_Ellipsis span{ font-weight: bold; font-size: 12px; margin-left: 3%; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:86%; }

.BoxConteudo_divBase{float:left; width: 98%; margin:0 0 7px 1%;}
.BoxConteudo_divAcoes{float:left; font-size:9px; width:100%}
.BoxConteudo_divAcoes span{float:left; margin:3px;}
.BoxConteudo_divAcoes img{float:left; margin-left:0; width:18px; height:18px;} 
.BoxConteudo_divAcoes input{float:left; margin:3px 0 0 10px;}

.boxHorarios{width:96%; margin: 0 0 0 2%;}
.boxHorarios div{ float:left; width:50%; text-align:center; cursor:help;}
.boxHorarios div img{width:16px; margin:-3px; float:none;}
.boxHorarios div span{float:none;  font-size:12px; margin: 0 2%;}

.boxCanais{width:90%; margin: 0 5%; text-align:center;}
.boxCanais div{ float:left; width:45px; text-align:center; cursor:help; margin:0 2% 5px 0; display:inline-block;}
.boxCanais div img{width:16px; margin:1px; float:left;}
.boxCanais div span{float:left;  font-size:12px; margin: 0 5%;}


.divScriptOrientativo p{float:left; width:100%; text-align:center; font-weight:bold; font-size:14px; margin:5px 0;}
.divScriptOrientativo ul{float:left; width:80%; margin: 0; padding:0 10%;}
.divScriptOrientativo ul li{float:left; width:99%; color:#8cc63f; list-style-type:circle; margin-left:1%; }
.divScriptOrientativo ul li span{width:100%; color:#545454;  font-size:13px;}

.divClasificacaoCanais {overflow-x:hidden; overflow-y:auto; float:left; width:100%; min-height:30px;}
.divClasificacaoCanais p{float:left; width:100%; text-align:center; font-weight:bold; font-size:14px; margin:5px 0;}
.divClasificacaoCanais ul{float:left; width:80%; margin: 0; padding:0 10%;}
.divClasificacaoCanais ul li{float:left; width:99%; color:#8cc63f; list-style-type:circle; margin-left:1%; }
.divClasificacaoCanais ul li span{ color:#545454;  font-size:13px; text-transform:uppercase; }
.divClasificacaoCanais ul li img{ width:12px; }

.comboCanais { float: left; margin-top: -7px; margin-left: 3px; vertical-align:middle; position:relative; }
.btnContatos { float: left; margin-left: 5px; margin-bottom: 3px; }

.divBotao { width: 90%; float:left;  margin-left: 5%; margin-top: 5px; border: 1px solid #82bc00; cursor:pointer; border-radius:2px; }
.divBotao:hover { opacity:.8; }
.divBotaoLadoEsquerdo { float:left; width: 69%; background: #EEE9E9; height:100%;}
div.divBotaoLadoEsquerdo:hover { background: #CDC9C9; }
.divBotaoLadoEsquerdoImagem { float:left; margin:5px 0 0 3%; width: 15%; max-width:20px; }
.divBotaoLadoDireito { float:left; width: 31%; background: #fff; height:100%;}
.divBotaoTextoNomeContato { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:left; width: 75%; font-weight: bold; font-size: 11px; margin-top: 8px; margin-left: 2%; }
.divBotaoTextoStatus { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:left; width: 95%; font-weight: bold; font-size: 9px; margin:3px 0 3px 5px ; color: #696969 }
.divBotaoTextoLadoDireito { white-space:nowrap; float:left; font-weight: bold; font-size: 10px; line-height:225%;  color: #000; float:left; width: 100%; text-align:center; }

.Area_btnImgFilas{float:left; width: 99%; margin:25px 0 3px 1%; border-bottom: 1px dotted #8c8b8b;}
.Area_btnImgFilas img { cursor:pointer;  margin:0 0 0 0.8%; /*opacity:.5;*/}
.Area_btnImgFilas img:hover { /*opacity:1;*/}
/*#endregion FrmAtendimento.aspx*/

/*#region UCBannerNegociacao.ascx*/
.bannerNegociacao{display:inline-block; }
.banner_Amarra{-webkit-transition:background-color 200ms ease-out 100ms; -moz-transition: background-color 200ms ease-out 100ms; -o-transition: background-color 200ms ease-out 100ms; transition: background-color 200ms ease-out 100ms;}
.banner_Amarra{float: left; text-align: left; text-transform: uppercase; text-decoration: line-through; margin: 0; color: #000; background-color:#f3f3f3; }
.banner_Amarra:hover{background-color:#fff;}

.banner_DescricaoClienteContrato{ text-align: center; text-transform: uppercase; float: left;}
.banner_ValoresArea{float:left; width:100%;  overflow:hidden;}
.banner_ValoresDescricao{}
.banner_boxDescricao{float: left; text-align:center;}

.banner_ValoresTotal{ text-transform: uppercase;}
.banner_DataAcordo, .banner_Status{float: right; width: 100%;}

.banner_ValorParcela, .banner_DataVencParcela{float:left; border-radius:3px; }

.banner_ValorParcela{color:Green;text-align:center;white-space: nowrap;font-weight:bold;}
.banner_ValorParcela span{}

.banner_MensagemStatus{text-align:center; text-transform: uppercase;padding-right: 0%; font-size: 80%; padding-top: 0.5%;margin-top: 0.5%; color: #999999;  font-weight: bold;}
.banner_MensagemStatus img{margin:0px 4px -2px 0;}
.banner_DataVencParcela{}

.banner_Status img{}
.banner_DataVencParcela p{text-align:center; font-weight:bold; color:#000; }

.banner_AcoesArea a {text-decoration:none;}
.banner_AcoesArea a:hover{text-decoration:none;}
.banner_AcoesArea span{float: left; width: 100%;}
.banner_AcoesLinhaDigitavel{ word-wrap: break-word; float:left; width:100%;}
/*#endregion UCBannerNegociacao.ascx*/

/*#endregion Classes Customizadas*/

/*#region Componentes*/
.wizzard_BgWizard, .ModalMensagem_Bg{width:102%; height:102%; position:fixed; z-index:7; background-image: url('../imagens/bg_shadow_85.png'); background-repeat:repeat; display:none; }

/*#region Wizard*/
.wizzard_ElementoDestaque{z-index:8; box-shadow:0 0 20px #fff;}
.wizzard_indicador{background: url('../imagens/icones/icon_flecha_wizzard.png'); background-repeat:no-repeat; background-size:100%; width:64px; height:64px; position:absolute;z-index:8; }
.wizzard_Texto{color:#fff; z-index:8; position:absolute; font-weight:lighter;}
.btnWizzard{position:absolute !Important; float:none !Important; z-index:8; cursor:pointer;}

.wizzard_PossibilitaNaoExibirNovamente{ left:2%; color:#fff; width:96%; z-index:8;}
.wizzard_PossibilitaNaoExibirNovamente span{ float:left;}
.ckb_PossibilitaNaoExibirNovamente{ float:left;}

/*#endregion Wizard*/

.plBarCode_div{position: absolute;right: 5%;top: 0;margin-top:-10px}

/*#region ModalMensagem*/
.ModalMensagem_Estrutural{ z-index:1000;position:absolute;text-align:left;border:5px solid #c3c3c3;COLOR:#000000;FONT-FAMILY:Segoe UI;FONT-SIZE: 12px; background-color:#fff; text-align:center;}


.ModalMensagem_Estrutural_big{ width:80%; margin:6% 0 0 8%; padding:10px 2%; z-index:1000;position:absolute;text-align:left;border:3px solid #c3c3c3;COLOR:#000000;FONT-FAMILY:Segoe UI;FONT-SIZE: 12px; background-color:#fff;}

.ModalMensagem_Titulo{ float:left; width:100%; margin:0 0 5px 0; text-align:center; vertical-align:middle; color: #464646; font-size: 20px; text-decoration: none; font-weight: bold; border-bottom:1px solid #c3c3c3; padding:0 0 2%;}
.ModalMensagem_Titulo img{ width:28px; float:left; opacity:.5;}
.ModalMensagem_Titulo span{ float:left; margin:0.5% 0 0 2%;}
.ModalMensagem_Conteudo{float:left; width:100%; margin:15px 0; vertical-align:middle; color: #464646;   text-decoration: none;}
.ModalMensagem_Titulo_a{float:right; color:#c3c3c3; font-size:27px; font-weight:normal; cursor:pointer; line-height:.9;}
.ModalMensagem_Titulo_a:hover{color:#ccc;}
/*#endregion ModalMensagem*/

/*#region Custom Devexpress Componentes*/
.dxheControl, .dxgvControl, .dxgvDisabled{border-radius:5px;}
/*#endregion Custom Devexpress Componentes*/

/*#endregion Componentes*/

/*#region BreakPoints*/
@media only screen and (min-width: 200px){
	
	/*#region Base Componentes*/
	h1, h4{text-align:center; margin:9% 1% 3% 1%; position:relative;}
    h1 a, h4 a{float:right; width:100%; text-align:center; margin:3% 0; }
	
	.dxbButton_btnBase{padding:15px 5% !important; width:90% !important; font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:1px;}
	.btnBase_centralizado{float:none; display:inline-block; margin: 2% 2% 2% 0; text-align:center; }
	
	.ui-tabs .ui-tabs-nav {margin: 0;}
	
	.div_fadeInit_txt {margin:66% auto 0;display:none;}
	.div_fadeInit_txt h1{text-align:center; width:100% !important; padding:0 !important; margin:0 !important; }
    .div_fadeInit_txt span{text-align:center; padding:0 !important; }
    .spAssuntoContato {text-align:center; font-weight:bold; float:left;margin:2% 10% !important; width:80% !important; }

	.footer{padding:4% 0;}
	.footer img{text-align:center; max-width:150px; margin:0 2%; }
	
	.AmarraFormulario_7, .AmarraFormulario_10, .AmarraFormulario_13, .AmarraFormulario_15, .AmarraFormulario_20, .AmarraFormulario_24, .AmarraFormulario_28, .AmarraFormulario_30, .AmarraFormulario_33, .AmarraFormulario_40, .AmarraFormulario_50, .AmarraFormulario_50_full, .AmarraFormulario_60, .AmarraFormulario_66, .AmarraFormulario_70, .AmarraFormulario_75, .AmarraFormulario_80, .AmarraFormulario_85, .AmarraFormulario_100{text-align:center;width:99%;}

	.btnWizzard{width: auto !important;}
	.wizzard_Texto{font-size:26px;}
	
	.input_txtBox, .input_DropDownList{text-align:center;font-size:120%; }
	.input_txtBox, .input_DropDownList{padding:7px 2%;}

	.fl_wd50{float:left; width:98%;}
	.fl_wd60{float:left; width:100%;}
	.fr_wd40{float:right; width:100%;}
	.fr_wd50{float:right; width:98%;}
	
	.RadioButtonList input[type=radio]{float:left;}
	.celula_conteudo_1 td input[type=radio], .RadioButtonList input[type=radio]{width:30px !Important; height:30px !Important; margin:1px;}
	
	.Form_Base{ float:left; width:82%; margin:15% 5% 2%;}

    .MenuArea {right:15px; top:-15px;}
    .MenuArea div.MenuAreaContent{ min-width:250px; padding:1%; font-size:20px;}

	.Bloco_amarra_estrutura{  width:35%; padding:8% 3%; }
	
	.ModalMensagem_Estrutural{left:8%;top:5%;padding:10px 2%;width:76%;text-align:left;}
	.ModalMensagem_Conteudo{font-size: 22px; text-align:center;}
	.ModalMensagem_Titulo_a{text-align:center;}
	.ModalMensagem_btnStyle{margin:15px;}
	
	.wizzard_PossibilitaNaoExibirNovamente{position: fixed; bottom:2%;}
	.wizzard_PossibilitaNaoExibirNovamente input[type=checkbox]{width:25px !Important;height:25px !Important; margin:3px 10px 3px 3px;}
	.ckb_PossibilitaNaoExibirNovamente{ margin:0 10px;}
	/*#endregion Base Componentes*/
	
    .plBarCode_div{display:none;}

	/*#region frmNovoContato.aspx*/
	.HeaderLogo{padding:5% 0;}
	.HeaderLogo img{ width:60%;}
	
	.btnAction{ min-width:60%;}
	.btnAction img{margin:0 0 0 15%;}
	/*#endregion frmNovoContato.aspx*/
	
	/*#region frmClienteContato.aspx*/
	.AreaLogo_Header{display:none;}
	.AreaLogo_Rodape{display:block; float:left; margin:0 2%;}
	/*#endregion frmClienteContato.aspx*/
	
	/*#region UCBannerNegociacao.ascx*/
	.bannerNegociacao{width:90%; margin:0 0 10% 5%;}
	.banner_Amarra{width: 92%; padding:2%;border:5px dashed #c3c3c3; }
	.banner_DescricaoClienteContrato{ margin-bottom: 2%; }
	.banner_boxDescricao{width: 50%; font-size:11px;}
	.banner_ValoresProxParcela,.banner_Status { padding-top: 2%}
	.banner_ValorParcela, .banner_DataVencParcela{width:46%; margin:10px 2% 0; padding:5px 0; }
	.banner_ValorParcela{font-size:18px;}
	.banner_DataVencParcela{font-size:13px;}
	.banner_Status img{padding-left: 4%; margin:-3px 0 -3px 3px;}
	.banner_DataVencParcela p{margin:2px 0 0 0;}
	.banner_AcoesLinhaDigitavel{margin-bottom: 1%;}	
	.banner_AcoesArea a {margin-bottom:2%};
	/*#endregion UCBannerNegociacao.ascx*/
} 

@media only screen and (min-width: 320px){

} 

@media only screen and (min-width: 360px){             

} 

@media only screen and (min-width: 375px){             

} 

@media only screen and  (min-width: 383px){

} 

@media only screen and (min-width: 413px){
	
} 

@media only screen and (min-width: 440px){             

} 

@media only screen and (min-width: 520px) {
	.footer{padding:2% 0;}             
} 

@media only screen and  (min-width: 600px){             
} 

@media only screen and (min-width: 630px){
} 

@media only screen and (min-width: 710px){
	
	/*#region Base Componentes*/
	h1, h4{text-align:left; margin:1% 12% 1% 11%;}
    h1 a, h4 a{float:right; width:auto; text-align:right; margin:0; }
	
	.div_fadeInit_txt {margin:20% auto 0;display:none;}
	.div_fadeInit_txt ul{text-align:center; width:30% !important; padding:0 !important; margin:2% 0 0 35%; }
    .spAssuntoContato {text-align:center; font-weight:bold; float:left;margin:2% 0 !important; width:100% !important;}

	.AmarraFormulario_7, .AmarraFormulario_10, .AmarraFormulario_13, .AmarraFormulario_15, .AmarraFormulario_20, .AmarraFormulario_24, .AmarraFormulario_28, .AmarraFormulario_30, .AmarraFormulario_33, .AmarraFormulario_40, .AmarraFormulario_50, .AmarraFormulario_50_full, .AmarraFormulario_60, .AmarraFormulario_66, .AmarraFormulario_70, .AmarraFormulario_75, .AmarraFormulario_80, .AmarraFormulario_85, .AmarraFormulario_100{text-align:left; font-size:13px;}
	
	.AmarraFormulario_7{width:6%;}
	.AmarraFormulario_10{width:9%;}
	.AmarraFormulario_13{width:11.5%;}
	.AmarraFormulario_15{width:14%;}
	.AmarraFormulario_20{width:19%;}
	.AmarraFormulario_24{width:24.5%;}
	.AmarraFormulario_28{width:27.33%;}
	.AmarraFormulario_30{width:29%;}
	.AmarraFormulario_33{width:32.33%;}
	.AmarraFormulario_40{width:39%;}
	.AmarraFormulario_50{width:49%;}
	.AmarraFormulario_50_full{width:49%;}
	.AmarraFormulario_60{width:59%;}
	.AmarraFormulario_66{width:65%;}
	.AmarraFormulario_70{width:69%;}
	.AmarraFormulario_75{width:74%;}
	.AmarraFormulario_80{width:79%;}
	.AmarraFormulario_85{width:84%;}
	.AmarraFormulario_100{width:99%;}
		
	.dxbButton_btnBase{padding:15px 25px !important ; width:auto !important; font-size:13px;font-weight:bold; text-transform:uppercase;}
	.btnBase_wd25p{width:24% !important; padding:7px 0 !important;}
	.btnBase_wd33p{width:32% !important; padding:7px 0 !important;}
	.btnBase_wd50p{width:49% !important; padding:7px 0 !important;}
	
	.ui-tabs .ui-tabs-nav {margin: 0 0 0 12%;}
	
	.wizzard_Texto{font-size:32px;}
		
	.input_txtBox, .input_DropDownList{text-align:left;font-size:100%; }
	.input_txtBox{padding:6px 2%;}
	.input_DropDownList{padding:3px 2% 3.5px; }
	
	.fl_wd50{float:left; width:49%;}
	.fl_wd60{float:left; width:60%;}
	.fr_wd40{float:right; width:40%;}
	.fr_wd50{float:right; width:49%;}

	.RadioButtonList input[type=radio]{float:none;}
	.celula_conteudo_1 td input[type=radio], .RadioButtonList input[type=radio]{width:16px !Important; height:16px !Important; margin:1px;}

	.Form_Base{ float:left; width:32%; margin:7% 32% 2%;}

	.MenuArea {right:0; top:0;}
    .MenuArea div.MenuAreaContent{ min-width:200px; padding:1%; font-size:18px;}

	.Bloco_amarra_estrutura{  width:20%; padding:5% 2.5% 3.5%; margin:1% 1% 0 0; }
	.ui-tabs .ui-tabs-nav li{width:18% !important;}
	.ui-tabs-vertical .ui-tabs-nav li{width:100% !important;}
	.ui-tabs .ui-tabs-nav{border-bottom:1px solid #f3f3f3;}
	
	.ModalMensagem_Estrutural{left:25%;top:30%;width:46%;padding:1% 2%;text-align:center;}
	.ModalMensagem_Conteudo{font-size: 16px; }
	.ModalMensagem_Titulo_a{text-align:left;}
	
	.wizzard_PossibilitaNaoExibirNovamente{position: fixed; bottom:5%;}
	.wizzard_PossibilitaNaoExibirNovamente input[type=checkbox]{width:18px !Important;height:18px !Important; margin:3px 10px 3px 3px;}
	.ckb_PossibilitaNaoExibirNovamente{margin:0 10px;}

    .StatusPeriodo{font-size:12px;}
	/*#endregion Base Componentes*/
	
	/*#region frmNovoContato.aspx*/

	.HeaderLogo{padding:2% 0;}
	.HeaderLogo img{ width:17%;}
	
	.btnAction{ min-width:200px; margin-left:1.5%;}
	.btnAction img{margin:0 0 0 5%;}
	/*#endregion frmNovoContato.aspx*/
	
	/*#region frmClienteContato.aspx*/
	.AreaLogo_Header{display:block;width:10%; text-align:center;}
    .AreaLogo_Header img, .AreaLogo_Rodape img{ width:90%;}

	.AreaLogo_Rodape{display:none;}
	/*#endregion frmClienteContato.aspx*/
	
	/*#region UCBannerNegociacao.ascx*/
	.bannerNegociacao{width:48%; margin:0 0 2% 1.5%;}
	.banner_Amarra{width: 92%; padding:2%; border:3px dashed #c3c3c3;}
	.banner_DescricaoClienteContrato{ margin-bottom: 2%; }
	.banner_boxDescricao{width: 50%; font-size:11px;}
	.banner_ValoresProxParcela,.banner_Status{ padding-top: 2%}
	.banner_ValorParcela,  .banner_DataVencParcela{width:46%; margin:10px 2% 0; padding:5px 0; }
	.banner_ValorParcela{font-size:18px;}
	.banner_DataVencParcela{font-size:13px;}
	.banner_Status img{padding-left: 4%; margin:-3px 0 -3px 3px;}
	.banner_DataVencParcela p{margin:2px 0 0 0;}
	.banner_AcoesLinhaDigitavel{margin-bottom: 1%;}	
	.banner_AcoesArea a {margin-bottom:1%;}
	/*#endregion UCBannerNegociacao.ascx*/
}

@media only screen and (min-width: 767px){        

}

@media only screen and (min-width: 800px) 
{
	h1, h4{text-align:left; margin:1% 5% 1% 3.5%;}
	.Bloco_amarra_estrutura{  width:20%; padding:5% 1%; }
    .plBarCode_div{display:block;}
} 

@media only screen and (min-width: 960px){   
    .AreaLogo_Header img, .AreaLogo_Rodape img{ width:100px;}
} 

@media only screen and  (min-width: 1000px)
{
	h1, h4{margin:2% 8.5% 2% 7.5%;}
	.Bloco_amarra_estrutura{  width:12%; padding:5% 2% 4%; }
}

@media only screen and (min-width: 1200px){
	/*UCBannerNegociacao.ascx*/
	.bannerNegociacao{width:31%; margin:0 0 2% 1.5%;}
}
@media only screen and (min-width: 1400px)
{
	h1, h4{margin:2% 8% 1% 7%;}
	.Componentes_Blocos_Centrais{width:100%; margin-left:3%;}
	.Bloco_amarra_estrutura{  width:18.3%; padding:4% 2% 3%; }
	.AmarraTitulobloco{font-size:17px;}
}
@media only screen and (min-width: 1600px){
	/*UCBannerNegociacao.ascx*/
	.bannerNegociacao{width:23%; margin:0 0 2% 1.5%;}
}
@media only screen and (min-width: 1800px)
{
	h1, h4{ margin:2% 13% 1% 12%; }
	.Componentes_Blocos_Centrais{width:80%; margin-left:10%;}
	.Bloco_amarra_estrutura{  width:10.8%; padding:4% 2% 3%; margin:1% 1% 0 0; }
}

/*#endregion BreakPoints*/