/**************************************************************************************************************************************************** 
 *	MODAL 
 ****************************************************************************************************************************************************/
 /* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
/**************************************************************************************************************************************************** 
 *	GERAL 
 ****************************************************************************************************************************************************/
 .box-modal-overlay {background-color:#000;}
 .box-modal {left:-999999px; position:absolute; top:-999999px; z-index: 5000;}
 .box-modal .box-modal-header {background-color:#EDEDED; border-bottom:2px solid #CC092F; border-radius:6px 6px 0 0; min-height:50px; position:relative;}
 .box-modal .box-modal-content {background-color:#FFF; border-radius:0 0 6px 6px; padding:20px; position:relative;}
 .box-modal .box-modal-icon {position:absolute; left:8px; top:8px;}
 .box-modal .box-modal-close {position:absolute; right:15px; top:15px;}
 .box-modal .box-modal-title {color:#1F1F1F; font-size:18px; font-weight:normal; line-height:20px; margin:0; padding:15px 20px;}
 .box-modal-scroll{width:770px!important;}
 .box-modal-iframe{width:767px!important;}
 .box-modal-scroll .box-content-scroll {position:relative; max-height:400px; overflow:auto;overflow-x:hidden; padding: 0 20px 0 1px; margin-right:-20px;} /* Padding necessário BUG NO CHROME. */
 .box-modal-scroll .box-content-scroll .grid-container {max-width: 710px;}
 .box-modal-scroll .box-content-scroll .grid-row{width:710px!important;}
 /**** ICONE NO CABEÇALHO, TELAS DE CARTÕES ****/
 .box-modal .box-modal-header-icon {min-height:67px;}
 .box-modal .box-modal-header-icon .box-modal-title {padding:20px 20px 15px 70px}
 .box-modal .box-modal-header-icon .box-modal-close {top:20px;}
 /**** ICONE NO CABEÇALHO, TELAS DE CARTÕES ****/

 /**** TAMANHO DE MODAIS ****/
 .box-modal {width:750px;}
 .modal420 {width:420px;}
 .modal450 {width:450px;}
 .modal540 {width:540px;}
 .modal590 {width:590px;}
 .modal720 {width:720px;}
 .modal620 {width:620px;}
 .modal670 {width:670px;}
 .modal740 {width:740px;}
 .modal800 {width:800px;}
 .modal800 {width:840px;}
 .modal900 {width:900px;}
 .modal940 {width:940px;}
 .modal1024 {width:1065px;}
 .modal1240 {width:1240px;}	
 .modal1300 {width:1300px;}
 /**** TAMANHO DE MODAIS ****/

/**************************************************************************************************************************************************** 
*	GERAL 
****************************************************************************************************************************************************/

 .box-modal form .bgr-campo {background:url("/BRAM/static_files/portal/imagens/geral/sprite-top-footer.png") -730px -105px no-repeat;}
 .box-modal form .bgr-campo input {background:url("/BRAM/static_files/portal/imagens/geral/sprite-top-footer.png") 100% -105px no-repeat;}

  /**** LISTA NUMÉRICA ****/
 .box-modal .lst-num-tp1 {list-style: decimal outside; font-weight: bold; padding-left:20px;}
 .box-modal .lst-num-tp1 li {margin-top:16px;}
 .box-modal .lst-num-tp1 li:first-child {margin-top:0;}
 .box-modal .lst-num-tp1 li p {padding:0; font-weight:normal;}
 .box-modal .lst-num-tp1 li strong, 
 .box-modal .lst-num-tp1 li p {display: block;margin-left:-5px;}

 /**** MODAL ENCONTRE SEU T�TULO ****/
 .modal-enc-ttl {width:950px;}
 .modal-enc-ttl .table-tp3 th {font-weight:bold;}
 .modal-enc-ttl .table-tp3 tbody {width:700px;}
 .modal-enc-ttl .table-tp3 tbody td {background:none; vertical-align:top; padding-bottom:0;}
 .modal-enc-ttl .table-tp3 th {vertical-align:top; padding:10px 12px;}
 .modal-enc-ttl .table-tp3 .table-tp3-bg {background:#EDEDED;}
 .modal-enc-ttl .table-tp3-left {width:162px; background:#EDEDED; text-align:left;}
 .modal-enc-ttl .table-tp3-left th {border-top:1px solid #FFF; vertical-align:middle;}
 .modal-enc-ttl .table-tp3-left tr:first-child th {border-top:none;}
 .modal-enc-ttl .table-tp3-border {border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC;}
 .modal-enc-ttl .table-tp3-right {width:auto; table-layout: fixed;}
 .modal-enc-ttl .table-tp3-right tbody {border-bottom:1px solid #CCC;}
 .modal-enc-ttl .table-tp3-right tr td {border-top:1px solid #CCC; border-bottom:none;}
 .modal-enc-ttl .table-tp3-right th {color:#426DA9; }
 .modal-enc-ttl .table-tp3-right thead tr th {white-space: nowrap; min-width:220px!important; text-align:left; vertical-align:middle; margin:0; padding-bottom:0px; padding-top:0px;}
 .modal-enc-ttl .table-tp3-right tbody tr td {padding:10px 12px; min-width:220px;  vertical-align:middle; text-align:left;}


 #modalComoChegar .box-form-line .form-line {margin-left: 15px; padding-bottom: 0;}
 #modalComoChegar .box-form-line .form-line:first-child {margin-left: 0;}
 #modalComoChegar .box-form-line .form-line-last {padding-top: 25px;}
 #modalComoChegar .box-form-line .form-line .btn {line-height: 1;}
 #modalComoChegar .box-form-line .form-line .btn a {line-height: 21.5px;}
 #modalComoChegar #mapa{width:710px;height:405px;}


/**************************************************************************************************************************************************** 
*	REVISAR 
****************************************************************************************************************************************************/
 
 /**** ESPACAMENTO LEGENDA SLIDER EM MODAL ****/
  .box-modal .box-media-tp2 > div.box-slider-wrap + div {padding-top:16px;}
  /**** // ESPACAMENTO LEGENDA SLIDER EM MODAL ****/

 .modal540 form .frm-erro .txt-erro { margin-left:110px}
 .modal540 form .box-campos.frm-erro .txt-erro { margin-left:40px;float: left;}
 .modal540 .abas-tp-3 ul.lst-abas{ width:480px ;}

 /**** MODAL INDIQUE PARA AMIGO ****/
 .box-modal-indique .form-label,
 #modalEnviePropostaEmail .form-label{width:135px;}
 
 .box-modal-indique .confirmacao {padding-top:0;}
 /**** MODAL INDIQUE PARA AMIGO ****/
 
 /**** MODAL FOTOS E VIDEOS ****/
 .modalFotosVideos .wrapper-media {width:690px; margin: 0 auto 16px;}
 .modalFotosVideos .wrapper-media .media {max-width:690px; display: block; margin: 0 auto;}
 .modalFotosVideos .info-media {background:url("/BRAM/static_files/portal/imagens/geral/bgr-horizontal-dott.png") repeat-x bottom left; padding-bottom: 16px;}
 .modalFotosVideos .descricao-media {width:290px; float: left;}
 .modalFotosVideos .pdf-media {width:150px; float: left; margin-left: 65px;}
 .modalFotosVideos .share-media {width:161px; float: right;}
 /**** MODAL FOTOS E VIDEOS ****/
 
 /**** MODAL ESQUECEU SUA COMBINACAO ****/
 
 
 .box-campos .lnk-tp1 {margin-left: 30px; margin-top:5px;}
 .txt-cadeado {padding-left:45px; background:url("/BRAM/static_files/portal/imagens/geral/ico_IB.jpg") no-repeat; padding-top:20px; margin:5px 0 16px -8px;}
 .txt-cadeado-empresa {padding-left:32px; background:url("/BRAM/static_files/portal/imagens/geral/sprite-top-footer.png") no-repeat -1156px -226px; line-height:24px; padding-top:0; margin:16px 0 16px -8px;}
 .txt-cadeado-empresa2 {margin:-24px 0 10px 24px;}
 .txt-cadeado-empresa3 { padding-left:211px; margin:-24px 0 10px 54px; line-height:34px; text-align:left;}
 .txt-cadeado-empresa4 {padding-left:32px; line-height:24px; padding-top:0; margin:16px 0 16px -8px;}
 .box-campos ul li {float:left;}
 .box-campos ul li label {padding:6px 6px 0 0; vertical-align:middle;}
 .box-agencia {border:1px solid #dfdfdf; border-bottom:1px solid #C1C1C1;
	 -webkit-border-radius:3px;
	 -moz-border-radius:3px;
	 border-radius:3px;
	 box-shadow: 0 1px 1px 1px rgba(236, 236, 236, 0.01);
	 background:#FFF; 
	 padding: 0 20px;
 }
 .box-agencia {position: relative}
 .box-agencia form {padding-bottom:16px;}
 .box-agencia form .login {width:160px; margin-right:13px;}
 .box-agencia form .senha {width:160px;}
 .box-agencia form label {line-height: 25px;}
 .box-agencia form input {font-size:12px;}
 .box-agencia form .btn-ok {margin-left:3px;}

 .box-agencia .lnk-esquecisenha {float: right;margin: 5px 35px 0 0;}

 .boxEsqueciSenha {margin: 20px 20px 0 20px;}
 .boxEsqueciSenha .correntista {margin-bottom: 10px;}
 .boxEsqueciSenha .correntista span {margin: 0 10px 0 110px;}
 .boxEsqueciSenha .correntista input,
 .boxEsqueciSenha .correntista label {margin-left: 5px;}
 
  .box-agencia-tp2 {zoom:1;}
 .box-agencia-tp2 p.txt-cadeado{ float:left; background:url("/BRAM/static_files/portal/imagens/geral/sprite-top-footer.png") no-repeat -1156px -226px; padding-left:30px;}
 .box-agencia-tp2 p.txt-cadeado-empresa{ float:left; background:url("/BRAM/static_files/portal/imagens/geral/sprite-top-footer.png") no-repeat -1156px -226px; padding-left:30px;}
 .box-agencia-tp2 form{ float:left;}
 .box-agencia-tp2 form ul{ margin-top:20px; margin-left:40px;}
/*	.modal540 .box-n-correntista {margin-top:32px;}
 .modal540 .n-correntista-b1 {border-bottom:1px dashed #EDEDED;}
*/
 /**** MODAL ESQUECEU SUA COMBINACAO ****/		

 /**** MODAL ADQUIRIR CARTAO ****/
 #modalFormCorrentista #form-correntista .grid-container:first-child,
 #modalAcesseSuaConta #form-acesse-sua-conta .grid-container:first-child {padding-top:0;}
 #modalFormCorrentista #form-correntista h2 {margin-left:20px; padding-top:16px;}
 #modalFormCorrentista #form-correntista div fieldset {overflow:hidden;}
 #modalFormCorrentista #form-correntista .form-line {margin-left:20px;}
 #modalAcesseSuaConta #form-acesse-sua-conta .acesse-ib {margin:0 20px;}
 #modalAdquirirCartao .form-check {margin-top:0;}
 #modalAdquirirCartao .passo-conclusao {padding-bottom:20px;}

 #modalTipoCliente #form-correntista .grid-container:first-child{padding-top:0;}
 #modalTipoCliente #form-correntista h2 {margin-left:20px; padding-top:20px;}
 #modalTipoCliente #form-correntista .form-line {margin-left:20px;}
 

 /**** MODAL ADQUIRIR CARTAO ****/

 /**** FORMULARIO DE ACESSO AO INTERNET BANKING ****/
 .acesse-ib {background-color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid; border-color:#dfdfdf #ececec #c5c5c5; box-shadow:0 1px 0 rgba(236,236,236,0.8); -moz-box-shadow:0 1px 0 rgba(236,236,236,0.8); -webkit-box-shadow:0 1px 0 rgba(236,236,236,0.8); padding:20px;}
 .acesse-ib h2 {line-height:24px; float:left; font-weight:normal; background:url("/BRAM/static_files/portal/imagens/geral/sprite-top-footer.png") no-repeat -1156px -226px; padding:0 0 0 30px; margin:0 0 0 -8px;}
 .acesse-ib ul {float:right;}
 .acesse-ib ul li {float:left;}
 .acesse-ib label {font-size:12px; line-height:25px; float:left; margin-left:8px;}
 .acesse-ib .bgr-campo {float:left; margin-left:6px;}
 .acesse-ib .agencia {width:35px;}
 .acesse-ib .conta {width:55px;}
 .acesse-ib .digito {width:15px; margin-left:2px;}
 .acesse-ib .btn-ok {margin-left:4px;}
 /**** FORMULARIO DE ACESSO AO INTERNET BANKING ****/

 /**** MODAL MARCAR NA MINHA AGENDA ****/
 #modal-marcar-agenda .lst-btns-agenda li {margin-left: 40px; float: left;}
 #modal-marcar-agenda .lst-btns-agenda li:first-child {margin-left: 0;}
 #modal-marcar-agenda .lst-btns-agenda li a {background: url("/BRAM/static_files/portal/imagens/geral/btns-marcar-agenda.png") no-repeat; display: block; padding-left: 55px; font-weight: bold; font-size: 14px; color: #1f1f1f; text-decoration: none; line-height: 47px;}
 #modal-marcar-agenda .lst-btns-agenda li a:hover {text-decoration: underline; color: #488AE6;}
 #modal-marcar-agenda .lst-btns-agenda li .btn-outlook {background-position: left bottom;}
 /**** MODAL MARCAR NA MINHA AGENDA ****/

 .modal-box-tp1, .modal-box-tp2 {min-height: 26px; line-height: 22px;}
 .modal-box-tp1 ul, .modal-box-tp2 ul {margin-top:6px;}
 .modal-box-tp1 ul li p, .modal-box-tp2 ul li p {padding-top:0;}
 .modal-box-tp1 ul li p .lnk-tp1, .modal-box-tp2 ul li p .lnk-tp1 {margin-top:8px;}
 .modal-box-tp1 ul li:first-child {margin-right:32px;max-width:300px;}
 .modal-box-tp2 ul li:first-child {max-width: auto;}
 .modal-box-tp1 ul li {float:left;max-width:370px;}
 .modal-box-tp2 ul li {float: none; max-width: 370px;}
 .modal-box-tp1-icon {width:33px;margin:3px 20px 0 0;}
 .modal-box-tp1-icon img {margin: 0 auto;}
 .modal-box-tp1-content, 
 .modal-box-tp1-icon {float:left;}
 
 .modal-box-tp1-content.modal-como-solicitar,
 .modal-box-tp1-content.modal-como-solicitar ul li:first-child {max-width: 445px;}
 .modal-box-tp1-content.modal-como-solicitar li{width: 445px;}
 
 

 /**** MODAL CONTA INTERNACIONAL ****/
 #modalContaInternacional .passo-conclusao {padding-bottom:20px;}
 /**** MODAL CONTA INTERNACIONAL ****/

 .box-modal .form-buttons {
	 border-top: 1px dashed #BFBFBF;
	 margin-top: 32px;
	 padding: 20px 0 0 0;
 }
 
 /**** MODAL TABELA CAPITALIZACAO ****/
 #box-tabela-capitalizacao {width:930px;height:400px;overflow-y:auto}
 /**** // MODAL TABELA CAPITALIZACAO ****/
 /**** MODAL CAPITALIZACAO ****/
 .modal-box-tp1 ul.lst-newcap{ width:400px;}
 .modal-box-tp1 ul.lst-newcap li{ width:350px; max-width: 350px;}
 /**** // MODAL CAPITALIZACAO ****/

 /**** MODAL ALTERAR MINHA SENHA ****/
 #alterar-minha-senha .alt-cartao li:first-child{ width:200px; text-align:right; margin-top:3px;}
 #alterar-minha-senha .alt-cartao input{ width:66px; height:24px; border:1px solid #666666; margin-left:10px; text-align:center;}
 #alterar-minha-senha-2 .alt-cartao2{ margin-top:10px;}
 #alterar-minha-senha-2 .alt-cartao2 li:first-child{ width:150px; text-align:right;}
 #alterar-minha-senha-2 .alt-cartao2 input{ width:26px; height:24px; border:1px solid #666666; margin-left:10px; text-align:center;}
 /**** // MODAL ALTERAR MINHA SENHA ****/
 
 /**** MODAL COMO INSTALAR ****/
 #como-instalar-android .box-img-modal-ci,
 #como-instalar-blackberry .box-img-modal-ci, #como-instalar-iphone .box-img-modal-ci{ width:250px; height:225px;}
 #como-instalar-android .box-text-modal-ci,
 #como-instalar-blackberry .box-text-modal-ci, #como-instalar-iphone .box-text-modal-ci{ width:400px;}
 #como-instalar-android .box-content,
 #como-instalar-blackberry .box-content, #como-instalar-iphone .box-content, #como-instalar .box-content{ padding-left:25px;}
 #como-instalar .box-img-modal-ci{ width:350px; }
 #como-instalar .box-text-modal-ci{ width:250px;}
 #como-instalar-android .box-text-modal-ci p,
 #como-instalar-blackberry .box-text-modal-ci p, #como-instalar-iphone .box-text-modal-ci p,
 #como-instalar .box-text-modal-ci p{ padding-top:0; padding-bottom:16px;}
 #como-instalar .box-slider-next, #como-instalar .box-slider-previous{ top:170px;}
 #como-instalar-android .box-passos-modal-ci,
 #como-instalar-blackberry .box-passos-modal-ci, #como-instalar-iphone .box-passos-modal-ci,	
 #como-instalar .box-passos-modal-ci{ display:block; width:100%; clear:both; text-align:right; padding-bottom:10px; padding-top:0px;}
 #como-instalar-android .box-slider-next, #como-instalar-android .box-slider-previous,
 #como-instalar-blackberry .box-slider-next, #como-instalar-blackberry .box-slider-previous,
 #como-instalar-iphone .box-slider-next, #como-instalar-iphone .box-slider-previous{ top:140px;}
 #como-instalar-java .box-img-modal-ci{ width:350px; }
 #como-instalar-java .box-text-modal-ci{ width:250px;}
 #como-instalar-java .box-text-modal-ci p{ padding-top:0; padding-bottom:16px;}
 #como-instalar-java .box-slider-next, #como-instalar .box-slider-previous{ top:170px;}	
 #como-instalar-java .box-passos-modal-ci{ display:block; width:100%; clear:both; text-align:right; padding-bottom:10px; padding-top:0px;}
 
 #como-instalar-windows-phone .box-img-modal-ci{ width:350px; }
 #como-instalar-windows-phone .box-text-modal-ci{ width:250px;}
 #como-instalar-windows-phone .box-text-modal-ci p{ padding-top:0; padding-bottom:16px;}
 #como-instalar-windows-phone .box-slider-next, #como-instalar .box-slider-previous{ top:170px;}	
 #como-instalar-windows-phone .box-passos-modal-ci{ display:block; width:100%; clear:both; text-align:right; padding-bottom:10px; padding-top:0px;}	
 /**** // MODAL COMO INSTALAR ****/

 /**** MODAL LINK EXTERNO ****/
 #modalLinkExterno .vertical-align {height:220px;}
 /**** // MODAL LINK EXTERNO ****/

 .area-scroll{overflow-x:scroll;overflow-y:hidden!important;}
 /**** MODAL TABELAS UMA AO LADO DA OUTRA ****/
 .area-scroll .defini-largura{width:1475px;}
 .area-scroll .defini-largura .coluna-table{width:729px;float:left;margin:35px 0 0 16px;}
 .area-scroll .defini-largura .coluna-table:first-child{margin:0;}
 /**** MODAL TABELAS UMA AO LADO DA OUTRA ****/

 .get-table-width{width: 2000px;}
 .get-table-width table{table-layout: fixed;}

 /**** MODAL CENTRAL DE ATENDIMENTO - CARTÃO ****/
 #modal-central-de-atendimento .box-content-scroll {position:relative; max-height:400px!important; overflow:auto;overflow-x:hidden; padding-bottom: 3px; padding-right:0px; margin-top:16px; margin-bottom:0px;} /* Padding necessário BUG NO CHROME. */
 #modal-central-de-atendimento .lst-modal-atd { margin-bottom: 0px;}
 #modal-central-de-atendimento .lst-modal-atd li{ width:330px; border-bottom:1px dashed #BFBFBF;}
 #modal-central-de-atendimento .lst-modal-atd li img{ margin-left:10px; margin-right: 15px;}
 #modal-central-de-atendimento .lst-modal-atd  .lst-tp4-content div.vertical-align{ width:290px; height:165px; min-height:165px;}
 #modal-central-de-atendimento .lst-modal-atd  .lst-tp4-content p > strong{ display:inline-block;}

 #modal-central-de-atendimento .lst-modal-atd p.atd-lead{ padding-top:0;}
 #modal-central-de-atendimento .lst-modal-atd p.atd-npad{ padding-top:0;}

 /**** // MODAL CENTRAL DE ATENDIMENTO - CARTÃO ****/

/**************************************************************************************************************************************************** 
*	MODAL 
****************************************************************************************************************************************************/

.lst-btns-agenda li {margin-left: 40px; float: left;}
.lst-btns-agenda li:first-child {margin-left: 0;}
.lst-btns-agenda li a {background: url("/BRAM/static_files/portal/imagens/geral/btns-marcar-agenda.png") no-repeat; display: block; padding-left: 55px; font-weight: bold; font-size: 14px; color: #1f1f1f; text-decoration: none; line-height: 47px;}
.lst-btns-agenda li a:hover {text-decoration: underline; color: #488AE6;}
.lst-btns-agenda li .btn-outlook {background-position: left bottom;}

/**
 MODAL - Banner Home
*/

#modalHomeTable {
 font-family: Tahoma, Arial, sans-serif;
 
 text-shadow: 1px 1px 0px #fff;
 background:#eaebec;
 margin:20px;
 border:#ccc 1px solid;

 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;

 -moz-box-shadow: 0 1px 2px #d1d1d1;
 -webkit-box-shadow: 0 1px 2px #d1d1d1;
 box-shadow: 0 1px 2px #d1d1d1;	
 width: 900px;
}

#modalHomeTable td {
 padding:18px;
 border-top: 1px solid #ffffff;
 border-bottom:1px solid #e0e0e0;
 border-left: 1px solid #e0e0e0;

 background: #fafafa;
 background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
 background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}

#modalHomeTable tr:first-child th:last-child {
 -moz-border-radius-topright:3px;
 -webkit-border-top-right-radius:3px;
 border-top-right-radius:3px;
}
#modalHomeTable tr {
 text-align: center;
 padding-left:20px;
}
#modalHomeTable td:first-child {
 text-align: left;
 padding-left:20px;
 border-left: 0;
}

#modalHomeTable th {
 padding:21px 25px 22px 25px;
 border-top:1px solid #fafafa;
 border-bottom:1px solid #e0e0e0;
 font-weight: bold;
 color: #333;

 font-size: 12px;
 background: #ededed;
 background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
 background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
#modalHomeTable th:first-child {
 text-align: left;
 padding-left:20px;
}
#modalHomeTable tr:first-child th:first-child {
 -moz-border-radius-topleft:3px;
 -webkit-border-top-left-radius:3px;
 border-top-left-radius:3px;
}

.home-modal-lider-ranking  {
 height: 350px;
 overflow: auto;
 padding: 1rem;	
}
.home-modal-lider-ranking p{	
 font: 400 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygem-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.home-modal-lider-ranking p:nth-child(4) {	
 margin: 25px 20px 25px 20px;
 font-size: 12px;
}

div.home-modal-lider-ranking img {
 margin-left: auto;
 margin-right: auto;
 display: block;
}
div.home-modal-lider-ranking h4, div.home-modal-lider-ranking p {
 margin-left: 20px;
 margin-right: 25px;
} 

img#selo-anbima-img {
	position: absolute;
	bottom: 15px;
	left: -50%;
	right: -50%;
}
.disclaimer {
	font-size: 12px !important; 
}

div.modal-header .close-popup {
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 30px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	transition: all 200ms
}

div.modal-header .close-popup:hover {
	color: #c0392b;
}

div#modalAgreement {
	top: 100px !important;
}

@media only screen and (min-width: 768px) and (max-width:1266px){ 
 div#modalHome {
	 width: 800px !important;
 }
 #modalHomeTable {
	 width: 650px;
 }
}

@media only screen and (max-width: 768px) {
 div#modalHome {
	 width: 600px !important;
	 margin-left: 0 !important;
	 left: 0 !important;
 }
 #modalHomeTable {
	 width: 500px;
 }
}